/* CSS Document */

@media all and (max-width: 1000px) {
.b2b {
	width: 100%;
	float: left;
	padding: 20px 5px;
}
}

@media all and (max-width: 970px) {
	/* Header */ 

	
	#header h2, #header h2 a {
width: 100%;
}
	
	#header .center {
		width: 315px;
margin: 0 auto;
float: none;
clear: both;
height: 45px;
margin-bottom: 15px;
margin-top: 10px;
	}
	#header p.phone {
		clear: right;
		margin: auto;
float: none;
padding: 2px 0px;
text-align: center;
	}


	/* Footer */
	#footer .bottom p {
		width: 100%;
		float: none;
		text-align: center;
		line-height: 30px;
	}
}

@media all and (max-width: 890px) {

ul.gallery li {
	width: 43% !important;
}
}


@media all and (max-width: 730px) {
.grid2column, body .lastcolumn {
	float: left;
	width: 95%;
}

#footer ul {
	width: 98%;
	float: left !important;
	margin-bottom: 20px;
}

.container .sidebar, .container .sidebar + .content {
	width: 98%;
	float: left;
	margin-bottom: 20px;
	    padding: 3px;
}

.videob {
	float: left;
	width: 98%;
	margin-bottom: 20px;
}

.videob.last {
	float: left;
}

}  



@media all and (max-width: 550px) {


.wrapper .boxbanners li {
	width: 98%;
	float: left;
}

ul.gallery li {
	width: 91% !important;
}

ul.gallery li img {
    height: auto;
    max-width: 100%;
    max-height: none !important;
    min-height: auto !important;
}

}