.body1 .wrapper,
.body2 .wrapper {
	margin-bottom: 5px;
}	

@media screen and (max-width: 900px) {
	#page1 header,
	.body2 {
		height: auto;
	}

	.body1 .wrapper,
	.body2 .wrapper {
		background-color: #000000;
		background:url(../images/bg.png) bottom center repeat;
		margin-bottom: 0;
	}

	.main {
	    margin: 0 auto;
	    /*width: 750px;*/
	    width: auto;
	}

	#logo {
	    width: 260px;
	    height: 70px;	    
	    background-size: cover;
	}	

	#menu {
	    float: left;
	    margin-bottom: 15px;
	}		

	img {
		max-width: 100%;
	}

	.cols, .cols.pad_left1,
	.col3, .cols3.pad_left2,
	.col2 {
		width: 45%;
		padding: 0 15px;
	}	
}		

@media screen and (max-width: 768px) {
	.body1 .wrapper,
	.body2 .wrapper {
		background-color: #000000;
		margin-bottom: 0;
	}

	.main {
	    margin: 0 auto;
	    /*width: 750px;*/
	    width: auto;
	}

	#menu {
	    float: left;
	}	

	h2.under {
		text-align: center;
	}

	figure.left {
		width:50%;
	}

	.cols, .cols.pad_left1,
	.col3, .cols3.pad_left2,
	.col2 {
		width: 45%;
		padding: 0 15px;
	}

	.products .cols {
		text-align: center;
	}

}

@media screen and (max-width: 736px) {
	.main {
	    margin: 0 auto;
	    /*width: 710px;*/
	    width: auto;
	}
}	

@media screen and (max-width: 599px) {
	.main {
	    margin: 0 auto;
	    /*width: 570px;*/
	    width: auto;
	}

	.body2 {
		height: auto;
	}	

	header {
    	padding-top: 0px;
	}

	header h1 {
		padding-left:45px;
	}

	#logo {
	    width: 260px;
	    height: 70px;	    
	    background-size: cover;
	}		

	#menu {
	    margin-bottom: 0;
	}	

	#menu,
	#menu li {
		clear: both;
	}	

	#menu #nav1 a,
	#menu #nav2 a,
	#menu #nav3 a,
	#menu #nav4 a,	
	#menu #nav5 a,
	#menu #nav1 a:hover,
	#menu #nav2 a:hover,
	#menu #nav3 a:hover,
	#menu #nav4 a:hover,	
	#menu #nav5 a:hover,		
	#menu #nav1.active a,	
	#menu #nav2.active a,	
	#menu #nav3.active a,	
	#menu #nav4.active a,	
	#menu #nav5.active a,			
	#menu li a,
	#menu li[id^="nav"] {
	    background-position: top left;
	    height: 45px;
	    padding-left:45px;
	}	

	#carouselSlidesIndicators,
	.carousel-inner {
		display: none;
	}

	.cols, .cols.pad_left1,
	.col3, .cols3.pad_left2,
	.col2 {
		width: 95%;
		padding: 0 15px;
	}
}	

@media screen and (max-width: 480px) {
	.main {
	    margin: 0 auto;
	    /*width: 460px;*/
	    width: auto;
	}	
}

@media screen and (max-width: 320px) {
	.main {
	    margin: 0 auto;
	    /*width: 300px;*/
	    width: auto;
	}	
}


.clearfix:before, .clearfix:after,
.wrapper:before, .wrapper:after,
header:before, header:after,
#menu:before, #menu:after,
.body1:before, .body1:after,
.body2:before, .body2:after,
.container:before, .container:after, .container-fluid:before, .container-fluid:after, 
.nav:before, .nav:after, 
.navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, 
.navbar-collapse:before, .navbar-collapse:after, 
    display: table;
    content: " ";
}

*:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.clearfix:after, 
.wrapper:after,
header:after,
#menu:after,
.body2:after,
.body1:after,
.container:after, .container-fluid:after, 
.nav:after, .navbar:after, .navbar-header:after, .navbar-collapse:after, 
    clear: both;
}