@media only screen and (min-width: 1860px)  {
	.home .navbar { height: 938px; } /* based on 1980 */
	.home #big-logo { top: 0; left: 5%;}
	.main { width: 35%; }
	/* #content-wrapper { background: url(../images/main-bg-big.jpg) repeat-y center; }  */
}

@media only screen and (min-width: 1560px) and (max-width: 1859px) {
	.home .navbar { height: 741px; }
	.main { width: 50%; }
	#content-wrapper { background: url(../images/main-bg-big.jpg) repeat-y center; } 
}

@media only screen and (min-width: 1382px) and (max-width: 1559px) {
	.home .navbar { height: 709px; }
	.main { width: 50%; }
}
   
@media only screen and (min-width: 1240px) and (max-width: 1381px) {
	.home .navbar { height: 609px; } 
	.main { width: 53%; }
	
	/* #content-wrapper { background: url(../images/main-bg-big.jpg) repeat-y center; } */
	/* based on 1280 */
}
	
}
   
@media only screen and (min-width: 992px) and (max-width: 1239px) {
	.home .navbar { height: 489px; } /* based on 1024 */
}


@media only screen and (min-width: 704px) and (max-width: 888px) {
	
	
	
	#main-menu  { 
		display:  block; 
		clear: both; 
		top: 35%; 
		left: 1%; 
		padding: 0;
		height: auto;		
	}
	
	.home #main-menu {
		height: 45px;
		position: absolute;
		top: 0;
		right: 2%;
		z-index: 999;
	}
	
	.home .navbar { 	height: 369px;	} /* based on 768 */
	.brand { padding: 5px;}
	#text-5, .widget {width: 28%; }  
	 .googlemaps { width: 50%; }
	
	
	
	footer .container { width: 100%; margin: 0;} 
	
	
}

@media only screen and (max-width: 703px) {

	.slicknav_menu { display: block; }

	.category .post {
		padding: 10px 0;
	}
	
	.first-level {
		float: none;
	} 
	
	
	.first-level:hover > .dropdown-menu {
		position: static;
	} 

	.brand { background: none; margin-left: 18%; }
	
	.navbar {  height: 60px; 	background: url(test.gif);d}
	
	.widget { display: block; clear: both; width: 85%;}
	 #text-5 {	width: 85%;}  
	 
	 .main { width: 90% } 
	 .main h1 { font-size: 24px; }
	 .breadcrumb { text-align: left; }
	 .googlemaps { width: 145%; }
	 .category .post { display: block; clear: both; width: 100%; border-right: none;}
	 .product-details  { display: block; clear: both; width: 100%;}
	
	
	.navbar:before {
		content: " ";
		background: #ccc;
		color: #545455;
		width: 100%;
		display: block;
		clear: both;
		height: 3px;
	}
	
	.home .navbar {  height: 160px; }
	.home .wmuSlider, #big-logo { display: none; } 
	.home .brand { display: block; clear: both;}
	 #main-menu { display:none;  }
	.first-level ul { background: none; }
	.first-level:hover a { background: none; }
	.first-level ul.dropdown-menu li { margin-left: 5px; }
	
	.brand { padding: 15px 0; }
		
}