@media (max-width: 1200px) {

	.Carousel { height:100%!important;}
	.jumbotron {padding-bottom: 20px!important;}
	
	ul.ProductGallery li { width:172px; }
	ul.ProductGallery li a { height:179px;}
	ul.ProductGallery li a .Title{ font-size:12px;}
}


@media (max-width: 992px) {

	.Carousel { height:100%!important;}
	.jumbotron {padding-bottom: 20px!important; padding:0px;}
	
	.nav > li > a {padding: 12px 8px;}
	.navbar-inverse .navbar-nav > li > a { font-size:16px!important; text-align:center;}
	.navbar-collapse {padding-right:0px!important;}
	
	#HeaderCont .masheadBG .TimeHours {right: 5px!important; bottom: 60px!important;}
	
	
	.fotorama__wrap, .fotorama__thumbs {margin: 0px auto!important;}
	
	}


@media (max-width: 768px) {
	

	.navbar-nav {margin: 7.5px 0px;}
	.navbar-collapse {padding: 0px!important; max-height: none;}
	
	.navbar-nav .open .dropdown-menu > li > a, 
	.navbar-nav .open .dropdown-menu .dropdown-header {padding: 14px 0px 14px 0px; color:#fff!important; text-align:center; }
	ul.dropdown-menu {min-width: inherit!important;}
	ul.dropdown-menu > li > a { background-image:none !important;}
	ul.dropdown-menu > li > a:hover { background:#333!important;}
	ul.dropdown-menu li {border-top: 1px dashed #C9C9C9!important;}
	
	p { font-size:14px; color:#666;  line-height:1.6em;}
	
	ul.ProductGallery li { width:32%; }
	ul.ProductGallery li a { height:auto;}
	ul.ProductGallery li a .Title{ font-size:12px; opacity:1; position:relative; top:0px;}
	ul.ProductGallery li a:hover .Title{position:relative; top:0px; opacity:1;}
	ul.ProductGallery li a img { position:relative;}
	ul.ProductGallery li a:hover img { top:0px;  transform-origin:center; -webkit-transform: none;}
}

@media (max-width: 700px) { 

#HeaderCont .masheadBG .TimeHours { display:none;}

}


@media (max-width: 500px) { 

	.Logo{margin:auto; display: block; width:100%;	}
		
	
	#HeaderCont { height:auto; background:#FFF;}
	#HeaderCont .masheadBG {height:auto;}
	#HeaderCont .masheadBG img.Logo { position:relative; left:auto; top:auto; padding:20px;}
	#HeaderCont .masheadBG img.Element { display:none;}
	#HeaderCont .masheadBG {background: url(../images/mashead.png) no-repeat center top;}
	
	#DragCont { display:none}

	h1, .h1 { font-size:24px;}
	h1 small, .h1 small {font-size: 12px; clear:both;display: block;margin-top: 10px;}
	h2 {font-size: 20px;}
	
	p { font-size:13px; color:#666;  line-height:1.6em;}
	
	ul.ProductGallery li { width:100%; }
	
	



	
}