/* #Media Queries
================================================== */
	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (min-width: 1800px) {

		.parallax{
			background-size: cover !important;
		}

	}

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {

	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		.topBar .mainMenu{
			/*margin: 0 auto;
			float: none;
			text-align: center;
			display:block;*/
		}

		.mainMenu ul{
			display:inline-block;
			text-align: right;
			margin: 0 auto;
		}
		.gallery-option{
			display: none;
			opacity: 0;
		}

		div.menu_expandableLabel{
			width: 57px !important;
			height: 80px !important;
			background-size: 57px 80px !important;
			margin-top: -40px !important;

		}

		#label-veggieExpand {
			left: 20px !important;
		}

		div.tiny-carousel {
			height: 190px !important;
		}

		div.tiny-carousel .viewport {
			width: 94% !important;
			height: 100% !important;
		}

		div.tiny-carousel .overview li {
			height: auto !important;
			width: 119px !important;
		}

		div.tiny-carousel .rightButton, div.tiny-carousel .leftButton{
			top:25% !important;
		}

	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 482px) and (max-width: 767px) {
		.titleBar{
			margin-left: 0px;
			margin-right: 0px;
		}



		span.buttons{
			text-align: center;
		}
		.topBar h1{
			float:none;
			display: block;
			margin: 12px auto 15px auto;
		}
		.entry .message,.video-header .message {
			display: none;
		}

}

@media only screen and (max-width:721px) {
	#subMenu{
		display:block;
		opacity: 1;
		margin: 0 auto 0px auto;
					position: absolute;
					left: 295px;
					top: 60px;
					/*bottom: 5px;*/
	}
	.mainMenu ul{
		display:none;
		opacity: 0;
	}

}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
/*@media only screen and (max-width: 481px) {*/
@media only screen and (max-width: 640px) {
		.titleBar{
			margin-left: 0px;
			margin-right: 0px;
		}
		.topBar .mainMenu{
			margin: 0 auto;
			float: none;
		}
		.topBar h1{
			float:none;
			display: block;
			margin: 12px auto 15px auto;
		}
		.entry .message,.video-header .message {
			display: none;
		}
		.topBar .mainMenu ul{
			margin: 0;
		}
		span.buttons{
			text-align: center;
		}
		.post .box-left,.post .box-right{
			float: none;
		}

        .logoButton{
            margin-top: 30px;
        }

        .logoButton img{
            height: 45px;
        }

		#subMenu{
			display:block;
			opacity: 1;
			margin: 0 auto 0px auto;
            position: absolute;
            left: 20px;
            top: 85px;
            /*bottom: 5px;*/
		}
		.mainMenu ul{
			display:none;
			opacity: 0;
		}

		.slides .flex-content{
			display: none;
		}


		#pp_full_res iframe{width: 100% !important;height: auto !important;}
		.pp_pic_holder.pp_default { width: 96%!important; left: 2%!important; overflow: hidden; }
		div.pp_default .pp_content_container .pp_left { padding-left: 0!important; }
		div.pp_default .pp_content_container .pp_right { padding-right: 0!important; }
		.pp_content { width: 100%!important; height: auto!important; }
		.pp_fade { width: 100%!important; height: 100%!important; }
		a.pp_expand, a.pp_contract, .pp_hoverContainer, .pp_gallery, .pp_top, .pp_bottom { display: none!important; }
		#pp_full_res img { width: 100%!important; height: auto!important; }
		a.pp_close { right: 10px!important; top: 10px!important; }
		.pp_details { width: 100%!important; padding-left: 3%; padding-right: 4%; padding-top: 10px; padding-bottom: 10px; background-color: #fff; margin-top: -2px!important; }

		div.menu_expandableLabel{
			width: 57px !important;
			height: 80px !important;
			background-size: 57px 80px !important;
			margin-top:-40px !important;
		}

		#label-veggieExpand {
			left: 20px !important;
		}

		div.tiny-carousel {
			height: 190px !important;
		}

		div.tiny-carousel .viewport {
			width: 94% !important;
			height: 100% !important;
		}

		div.tiny-carousel .overview li {
			height: auto !important;
			width: 119px !important;
		}

		div.tiny-carousel .rightButton, div.tiny-carousel .leftButton{
			top:25% !important;
		}

	}