/* Used to adjust image galleries */
		h2 { margin-top:1% }
		#top_description1, #top_description2, #top_description3 { margin-top:1% }
		.top_description { margin-top:1% }
		
		.contentbox3D div.cb-middle	{ padding-bottom : 0 !important; text-align: center }
		.image_container { display: inline-block; margin: 3% 1% 4% 1% }
		.image_container2 { display: inline-block; margin: 3% 1% 4% 1% }
		.small_image { display: block; margin: 0 auto !important; height: 250px !important; max-width: 100% !important }
		.smaller_image { display: block; margin: 0 auto !important; height: 230px !important; max-width: 100% !important }	
		.image_container a p { clear: left; text-align: center !important; margin: 0 0 0 0; }
		.image_container2 a p { clear: left; text-align: center !important; margin: 4% 0 0 0; }
		.squeeze { margin-top: 1% !important }		
		/* push items closer together so important elements can be shown without scrolling */
		.item p { text-align: center !important; margin-bottom : 5px !important }		
		.item img { margin-bottom : 1px }
		.imgGallery { width:100%; height: auto; margin: 2% 4% 2% 3% !important } /* needed for media.html */

		.zoomWindow { -webkit-border-radius: 10px;
					  -moz-border-radius: 10px;
					  border-radius: 10px }

		#owl-demo, #owl-demo2, #owl-demo3, #owl-demo4, #owl-demo5, #owl-demo6 { margin-top: 1% }
		#owl-demo .item img {
			display: block;
			width: 100%;
			height: auto;  
			margin-left: 3%;		
			margin-right: 4%;
			margin-bottom : 1px;
		   -webkit-border-radius: 10px;
		   -moz-border-radius: 10px;
		   border-radius: 10px;
		}
		#owl-demo2 .item img {
			display: block;
			width: 100%;
			height: auto;  
			margin-left: 3%;		
			margin-right: 4%;
			margin-bottom : 1px;
		   -webkit-border-radius: 10px;
		   -moz-border-radius: 10px;
		   border-radius: 10px;
		}
		
		#owl-demo3 .item img {
			display: block;
			width: 100%;
			height: auto;  
			margin-left: 3%;		
			margin-right: 4%;
			margin-bottom : 1px;
		   -webkit-border-radius: 10px;
		   -moz-border-radius: 10px;
		   border-radius: 10px;
		}
		
		#owl-demo4 .item img {
			display: block;
			width: 100%;
			height: auto;  
			margin-left: 3%;		
			margin-right: 4%;
			margin-bottom : 1px;
		   -webkit-border-radius: 10px;
		   -moz-border-radius: 10px;
		   border-radius: 10px;
		}
		
		#owl-demo5 .item img {
			display: block;
			width: 100%;
			height: auto;  
			margin-left: 3%;		
			margin-right: 4%;
			margin-bottom : 1px;
		   -webkit-border-radius: 10px;
		   -moz-border-radius: 10px;
		   border-radius: 10px;
		}
		
		#owl-demo6 .item img {
			display: block;
			width: 100%;
			height: auto;  
			margin-left: 3%;		
			margin-right: 4%;
			margin-bottom : 1px;
		   -webkit-border-radius: 10px;
		   -moz-border-radius: 10px;
		   border-radius: 10px;
		}
		
		.owl-controls { margin-left: 1%; margin-right: 1% }
		/* .owl-theme .owl-controls .owl-buttons div { margin-top: 1px } */
		.owl-theme .owl-controls  { margin-top: 1px } 
		.owl-next, .owl-prev { background : #8697B1 }
		.owl-auto { background : #8697B1; position:relative; top: -34px }	
		
	/******************************************************************************************************************************************************/
	/* Make default setting adjustments for gallery buttons 																						  	  */
	/******************************************************************************************************************************************************/
		.owl-theme .owl-controls .owl-buttons div {
			margin: 5px 10px 5px 10px;
			padding: 4px 10px;
			font-size: 12px;
		}		
		

		   
	/********************************************************/
	/* default for the small screens & high dots per pixel  */
	/* gallery buttons and span for medium devices 		    */
	/********************************************************/
	@media only screen and ( max-width:1440px ) and (min-resolution: 120dpi),
	       only screen and ( max-width:1440px ) and (min-resolution: 1.2dppx) /* The standard way */  {
		.owl-theme .owl-controls .owl-page span {
			display: block;
			width: 14px;
			height: 14px;
			margin: 5px 10px 7px 10px;
		}	
		.owl-theme .owl-controls .owl-buttons div {
			margin: 5px 20px 5px 20px;
			padding: 6px 15px;
			font-size: 14px;
		}		
		.owl-auto { position:relative; top: -39px }
	}			
	
	/********************************************************/
	/* default for the small screens & high dots per pixel  */
	/* gallery buttons and span for small phone devices     */
	/********************************************************/
	@media only screen and ( max-width:640px ) and (min-resolution: 120dpi),
	       only screen and ( max-width:640px ) and (min-resolution: 1.2dppx) /* The standard way */  {
		.owl-theme .owl-controls .owl-page span {
			display: block;
			width: 15px;
			height: 15px;
			margin: 5px 15px 10px 15px;
		}	
		.owl-theme .owl-controls .owl-buttons div {
			margin: 5px 7px 7px 7px;
			padding: 5px 10px 5px 10px;
			font-size: 14px;
		}		
		.owl-auto { position:relative; top: -41px }
		.owl-auto .auto { margin-left: 5px }
		.owl-auto .stop { margin-right: 5px }
	}			

	/******************************************************************************************************************************************************/
	/* Make adjustments for gallery image heights for images that are typically too tall															  	  */
	/******************************************************************************************************************************************************/
	
	/********************************************************/
	/* default for the smallest of screens viewport height  */ 
	/********************************************************/
	@media screen and ( min-height: 100px ) {

		#CSS_Height_Marker:after { content: "100" }

		#owl-demo .item img.lazyOwl.Shrink0 {
			width: 62% !important;
			margin-left: 19% !important;		
			margin-right: 19% !important;
		}

		#owl-demo .item img.lazyOwl.Shrink1 {
			width: 58% !important;
			margin-left: 21% !important;		
			margin-right: 21% !important;
		}

		#owl-demo .item img.lazyOwl.Shrink2 {
			width: 54% !important;
			margin-left: 23% !important;		
			margin-right: 23% !important;
		}

		#owl-demo .item img.lazyOwl.Shrink3 {
			width: 50% !important;
			margin-left: 25% !important;		
			margin-right: 25% !important;
		}

		#owl-demo .item img.lazyOwl.Shrink4 {
			width: 46% !important;
			margin-left: 27% !important;		
			margin-right: 27% !important;
		}

		#owl-demo .item img.lazyOwl.Shrink5 {
			width: 42% !important;
			margin-left: 29% !important;		
			margin-right: 29% !important;
		}

		#owl-demo .item img.lazyOwl.Shrink6 {
			width: 38% !important;
			margin-left: 31% !important;		
			margin-right: 31% !important;
		}
		#owl-demo .item img.lazyOwl.Shrink7 {
			width: 34% !important;
			margin-left: 33% !important;		
			margin-right: 33% !important;
		}

		#owl-demo .item img.lazyOwl.Shrink8 {
			width: 30% !important;
			margin-left: 35% !important;		
			margin-right: 35% !important;
		}
		#owl-demo .item img.lazyOwl.Shrink9 {
			width: 26% !important;
			margin-left: 37% !important;		
			margin-right: 37% !important;
		}

		#owl-demo .item img.lazyOwl.Shrink10 {
			width: 22% !important;
			margin-left: 39% !important;		
			margin-right: 39% !important;
		}

		#owl-demo .item img.lazyOwl.Shrink11 {
			width: 18% !important;
			margin-left: 41% !important;		
			margin-right: 41% !important;
		}

		#owl-demo .item img.lazyOwl.Shrink12 {
			width: 14% !important;
			margin-left: 43% !important;		
			margin-right: 43% !important;
		}
		
	}	
	
	/********************************************************/
	/* 1280x752	160dpi ==> 648 or 696 viewport height 	samsung	  	*/ 
	/* 1280x746 180dpi	==> 526 or 634 ExtraTopJunk viewport height fusion5*/ 	
	/********************************************************/
	@media screen and ( min-height: 600px ) and (min-resolution: .75dppx), screen and ( min-height: 600px ) and (min-resolution: 75dpi),
		   screen and ( min-height: 500px ) and (min-resolution: 1.6dppx) {
		
		#CSS_Height_Marker:after { content: "600" }

		#owl-demo .item img.lazyOwl.Shrink0 {
			width: 66% !important;
			margin-left: 17% !important;		
			margin-right: 17% !important;
		}

		#owl-demo .item img.lazyOwl.Shrink1 {
			width: 62% !important;
			margin-left: 19% !important;		
			margin-right: 19% !important;
		}

		#owl-demo .item img.lazyOwl.Shrink2 {
			width: 58% !important;
			margin-left: 21% !important;		
			margin-right: 21% !important;
		}

		#owl-demo .item img.lazyOwl.Shrink3 {
			width: 54% !important;
			margin-left: 23% !important;		
			margin-right: 23% !important;
		}

		#owl-demo .item img.lazyOwl.Shrink4 {
			width: 50% !important;
			margin-left: 25% !important;		
			margin-right: 25% !important;
		}

		#owl-demo .item img.lazyOwl.Shrink5 {
			width: 46% !important;
			margin-left: 27% !important;		
			margin-right: 27% !important;
		}

		#owl-demo .item img.lazyOwl.Shrink6 {
			width: 42% !important;
			margin-left: 29% !important;		
			margin-right: 29% !important;
		}

		#owl-demo .item img.lazyOwl.Shrink7 {
			width: 38% !important;
			margin-left: 31% !important;		
			margin-right: 31% !important;
		}
		#owl-demo .item img.lazyOwl.Shrink8 {
			width: 34% !important;
			margin-left: 33% !important;		
			margin-right: 33% !important;
		}

		#owl-demo .item img.lazyOwl.Shrink9 {
			width: 30% !important;
			margin-left: 35% !important;		
			margin-right: 35% !important;
		}
		#owl-demo .item img.lazyOwl.Shrink10 {
			width: 26% !important;
			margin-left: 37% !important;		
			margin-right: 37% !important;
		}

		#owl-demo .item img.lazyOwl.Shrink11 {
			width: 22% !important;
			margin-left: 39% !important;		
			margin-right: 39% !important;
		}

		#owl-demo .item img.lazyOwl.Shrink12 {
			width: 18% !important;
			margin-left: 41% !important;		
			margin-right: 41% !important;
		}
				
	}				

	/********************************************************/
	/* 1600x900	==> 805 viewport height	better for fusion5 	*/ 
	/********************************************************/
	@media screen and ( min-height: 750px ) and (min-resolution: .75dppx), screen and ( min-height: 750px ) and (min-resolution: 75dpi), 
		   screen and ( min-height: 550px ) and (min-resolution: 1.8dppx), screen and ( min-height: 550px ) and (min-resolution: 180dpi) {  

		#CSS_Height_Marker:after { content: "750" }

		#owl-demo .item img.lazyOwl.Shrink0 {
			width: 74% !important;
			margin-left: 13% !important;		
			margin-right: 13% !important;
		}
		
		#owl-demo .item img.lazyOwl.Shrink1 {
			width: 70% !important;
			margin-left: 15% !important;		
			margin-right: 15% !important;
		}
		
		#owl-demo .item img.lazyOwl.Shrink2 {
			width: 66% !important;
			margin-left: 17% !important;		
			margin-right: 17% !important;
		}

		#owl-demo .item img.lazyOwl.Shrink3 {
			width: 62% !important;
			margin-left: 19% !important;		
			margin-right: 19% !important;
		}

		#owl-demo .item img.lazyOwl.Shrink4 {
			width: 58% !important;
			margin-left: 21% !important;		
			margin-right: 21% !important;
		}

		#owl-demo .item img.lazyOwl.Shrink5 {
			width: 54% !important;
			margin-left: 23% !important;		
			margin-right: 23% !important;
		}

		#owl-demo .item img.lazyOwl.Shrink6 {
			width: 50% !important;
			margin-left: 25% !important;		
			margin-right: 25% !important;
		}

		#owl-demo .item img.lazyOwl.Shrink7 {
			width: 46% !important;
			margin-left: 27% !important;		
			margin-right: 27% !important;
		}

		#owl-demo .item img.lazyOwl.Shrink8 {
			width: 42% !important;
			margin-left: 29% !important;		
			margin-right: 29% !important;
		}

		#owl-demo .item img.lazyOwl.Shrink9 {
			width: 38% !important;
			margin-left: 31% !important;		
			margin-right: 31% !important;
		}

		#owl-demo .item img.lazyOwl.Shrink10 {
			width: 34% !important;
			margin-left: 33% !important;		
			margin-right: 33% !important;
		}

		#owl-demo .item img.lazyOwl.Shrink11 {
			width: 30% !important;
			margin-left: 35% !important;		
			margin-right: 35% !important;
		}

		#owl-demo .item img.lazyOwl.Shrink12 {
			width: 26% !important;
			margin-left: 37% !important;		
			margin-right: 37% !important;
		}
				
	}

	/********************************************************/
	/*  viewport height 		    */
	/********************************************************/
	@media screen and ( min-height: 850px ) and (min-resolution: .75dppx), screen and ( min-height: 850px ) and (min-resolution: 75dpi), 
		   screen and ( min-height: 600px ) and (min-resolution: 1.9dppx), screen and ( min-height: 600px ) and (min-resolution: 190dpi) {
	
		#CSS_Height_Marker:after { content: "850" }

		#owl-demo .item img.lazyOwl.Shrink0 {
			width: 78% !important;
			margin-left: 11% !important;		
			margin-right: 11% !important;
		}

		#owl-demo .item img.lazyOwl.Shrink1 {
			width: 74% !important;
			margin-left: 13% !important;		
			margin-right: 13% !important;
		}

		#owl-demo .item img.lazyOwl.Shrink2 {
			width: 70% !important;
			margin-left: 15% !important;		
			margin-right: 15% !important;
		}

		#owl-demo .item img.lazyOwl.Shrink3 {
			width: 66% !important;
			margin-left: 17% !important;		
			margin-right: 17% !important;
		}

		#owl-demo .item img.lazyOwl.Shrink4 {
			width: 62% !important;
			margin-left: 19% !important;		
			margin-right: 19% !important;
		}

		#owl-demo .item img.lazyOwl.Shrink5 {
			width: 58% !important;
			margin-left: 21% !important;		
			margin-right: 21% !important;
		}

		#owl-demo .item img.lazyOwl.Shrink6 {
			width: 54% !important;
			margin-left: 23% !important;		
			margin-right: 23% !important;
		}

		#owl-demo .item img.lazyOwl.Shrink7 {
			width: 50% !important;
			margin-left: 25% !important;		
			margin-right: 25% !important;
		}

		#owl-demo .item img.lazyOwl.Shrink8 {
			width: 46% !important;
			margin-left: 27% !important;		
			margin-right: 27% !important;
		}

		#owl-demo .item img.lazyOwl.Shrink9 {
			width: 42% !important;
			margin-left: 29% !important;		
			margin-right: 29% !important;
		}

		#owl-demo .item img.lazyOwl.Shrink10 {
			width: 38% !important;
			margin-left: 31% !important;		
			margin-right: 31% !important;
		}

		#owl-demo .item img.lazyOwl.Shrink11 {
			width: 34% !important;
			margin-left: 33% !important;		
			margin-right: 33% !important;
		}

		#owl-demo .item img.lazyOwl.Shrink12 {
			width: 30% !important;
			margin-left: 35% !important;		
			margin-right: 35% !important;
		}
				
	}
	
	/********************************************************/
	/* 1920x1080 monitor ===> 985 viewport height 	96 dpi  */
	/********************************************************/
	@media screen and ( min-height: 950px ) and (min-resolution: .75dppx), screen and ( min-height: 950px ) and (min-resolution: 75dpi), 
		   screen and ( min-height: 650px ) and (min-resolution: 1.9dppx), screen and ( min-height: 650px ) and (min-resolution: 190dpi) {

	    #CSS_Height_Marker:after { content: "950" }
		
		#owl-demo .item img.lazyOwl.Shrink0 {
			width: 86% !important;
			margin-left: 7% !important;		
			margin-right: 7% !important;
		}

		#owl-demo .item img.lazyOwl.Shrink1 {
			width: 82% !important;
			margin-left: 9% !important;		
			margin-right: 9% !important;
		}

		#owl-demo .item img.lazyOwl.Shrink2 {
			width: 78% !important;
			margin-left: 11% !important;		
			margin-right: 11% !important;
		}

		#owl-demo .item img.lazyOwl.Shrink3 {
			width: 74% !important;
			margin-left: 13% !important;		
			margin-right: 13% !important;
		}

		#owl-demo .item img.lazyOwl.Shrink4 {
			width: 70% !important;
			margin-left: 15% !important;		
			margin-right: 15% !important;
		}

		#owl-demo .item img.lazyOwl.Shrink5 {
			width: 66% !important;
			margin-left: 17% !important;		
			margin-right: 17% !important;
		}

		#owl-demo .item img.lazyOwl.Shrink6 {
			width: 62% !important;
			margin-left: 19% !important;		
			margin-right: 19% !important;
		}

		#owl-demo .item img.lazyOwl.Shrink7 {
			width: 58% !important;
			margin-left: 21% !important;		
			margin-right: 21% !important;
		}

		#owl-demo .item img.lazyOwl.Shrink8 {
			width: 54% !important;
			margin-left: 23% !important;		
			margin-right: 23% !important;
		}

		#owl-demo .item img.lazyOwl.Shrink9 {
			width: 50% !important;
			margin-left: 25% !important;		
			margin-right: 25% !important;
		}

		#owl-demo .item img.lazyOwl.Shrink10 {
			width: 46% !important;
			margin-left: 27% !important;		
			margin-right: 27% !important;
		}
		
		#owl-demo .item img.lazyOwl.Shrink11 {
			width: 42% !important;
			margin-left: 29% !important;		
			margin-right: 29% !important;
		}

		#owl-demo .item img.lazyOwl.Shrink12 {
			width: 38% !important;
			margin-left: 31% !important;		
			margin-right: 31% !important;
		}
				
	
	}
	
	/********************************************************/
	/*  viewport height 		    */
	/********************************************************/
	@media screen and ( min-height: 1200px ), screen and ( min-height: 1024px ) and (min-resolution: 1.10dppx), screen and ( min-height: 1024px ) and (min-resolution: 110dpi) {

		#CSS_Height_Marker:after { content: "1200" }

		#owl-demo .item img.lazyOwl.Shrink0 {
			width: 94% !important;
			margin-left: 3% !important;		
			margin-right: 3% !important;
		}

		#owl-demo .item img.lazyOwl.Shrink1 {
			width: 90% !important;
			margin-left: 5% !important;		
			margin-right: 5% !important;
		}

		#owl-demo .item img.lazyOwl.Shrink2 {
			width: 86% !important;
			margin-left: 7% !important;		
			margin-right: 7% !important;
		}

		#owl-demo .item img.lazyOwl.Shrink3 {
			width: 82% !important;
			margin-left: 9% !important;		
			margin-right: 9% !important;
		}

		#owl-demo .item img.lazyOwl.Shrink4 {
			width: 78% !important;
			margin-left: 11% !important;		
			margin-right: 11% !important;
		}

		#owl-demo .item img.lazyOwl.Shrink5 {
			width: 74% !important;
			margin-left: 13% !important;		
			margin-right: 13% !important;
		}

		#owl-demo .item img.lazyOwl.Shrink6 {
			width: 70% !important;
			margin-left: 15% !important;		
			margin-right: 15% !important;
		}

		#owl-demo .item img.lazyOwl.Shrink7 {
			width: 66% !important;
			margin-left: 17% !important;		
			margin-right: 17% !important;
		}

		#owl-demo .item img.lazyOwl.Shrink8 {
			width: 62% !important;
			margin-left: 19% !important;		
			margin-right: 19% !important;
		}

		#owl-demo .item img.lazyOwl.Shrink9 {
			width: 58% !important;
			margin-left: 21% !important;		
			margin-right: 21% !important;
		}

		#owl-demo .item img.lazyOwl.Shrink10 {
			width: 54% !important;
			margin-left: 23% !important;		
			margin-right: 23% !important;
		}
		
		#owl-demo .item img.lazyOwl.Shrink11 {
			width: 50% !important;
			margin-left: 25% !important;		
			margin-right: 25% !important;
		}

		#owl-demo .item img.lazyOwl.Shrink12 {
			width: 46% !important;
			margin-left: 27% !important;		
			margin-right: 27% !important;
		}
				
	}

	/********************************************************/
	/*  default for the largest of screens viewport height  */
	/********************************************************/
	@media screen and ( min-height: 1350px ) {

		#CSS_Height_Marker:after { content: "1350" }

		#owl-demo .item img.lazyOwl.Shrink1 {
			width: 98% !important;
			margin-left: 1% !important;		
			margin-right: 1% !important;
		}

		#owl-demo .item img.lazyOwl.Shrink2 {
			width: 94% !important;
			margin-left: 3% !important;		
			margin-right: 3% !important;
		}
		
		#owl-demo .item img.lazyOwl.Shrink3 {
			width: 90% !important;
			margin-left: 5% !important;		
			margin-right: 5% !important;
		}

		#owl-demo .item img.lazyOwl.Shrink4 {
			width: 86% !important;
			margin-left: 7% !important;		
			margin-right: 7% !important;
		}

		#owl-demo .item img.lazyOwl.Shrink5 {
			width: 82% !important;
			margin-left: 9% !important;		
			margin-right: 9% !important;
		}

		#owl-demo .item img.lazyOwl.Shrink6 {
			width: 78% !important;
			margin-left: 11% !important;		
			margin-right: 11% !important;
		}

		#owl-demo .item img.lazyOwl.Shrink7 {
			width: 74% !important;
			margin-left: 13% !important;		
			margin-right: 13% !important;
		}

		#owl-demo .item img.lazyOwl.Shrink8 {
			width: 70% !important;
			margin-left: 15% !important;		
			margin-right: 15% !important;
		}

		#owl-demo .item img.lazyOwl.Shrink9 {
			width: 66% !important;
			margin-left: 17% !important;		
			margin-right: 17% !important;
		}

		#owl-demo .item img.lazyOwl.Shrink10 {
			width: 62% !important;
			margin-left: 19% !important;		
			margin-right: 19% !important;
		}

		#owl-demo .item img.lazyOwl.Shrink11 {
			width: 58% !important;
			margin-left: 21% !important;		
			margin-right: 21% !important;
		}

		#owl-demo .item img.lazyOwl.Shrink12 {
			width: 54% !important;
			margin-left: 23% !important;		
			margin-right: 23% !important;
		}
				
	}