@media screen and (max-width: 999px) {
	.centermap { width: auto; min-width: inherit;}
	nav { width: auto; min-width: inherit;}
	header { width: auto; min-width: inherit;}
	.first_block { background-size: cover; width: auto; min-width: inherit; height:auto; padding-bottom: 50px;}
	.catalog { width: auto; min-width: inherit; padding-top: 10px;}
	.better { width: auto; min-width: inherit;}
	.gray_bg { width: auto; min-width: inherit;}
	.video_container { width: auto; min-width: inherit;}
	.contacts { width: auto; min-width: inherit;}
	
	nav ul { display: table; width: 100%;}
	nav li { display: table-cell; padding-right: 0px; float: none;}
	
	header .logo { float: none; display: block; text-align: center;}
	.header_contacts { padding-left: 15px;}
	.online_order { padding-right: 40px;}
	
	
	.else_tank { position: relative; left: auto; top: auto; margin: 0 auto;}
	.first_block .form { float: none; margin: 0 auto; margin-top: 0px;}
	.first_block .form .number_one { display: none;}
	
	.ads { padding: 15px;}
	.ads img { width: 100%;}
	.catalog h1 { padding-bottom: 10px;}
	.tumbs { padding-left: 10px; padding-right: 10px;}
	.tumb { padding-top: 15px;}
	
	.better { padding-top: 10px; padding-bottom: 0px;}
	.better h3 { padding-bottom: 20px;}
	.better_tumb { width: 50%;}
	.map_container { padding-left: 15px; padding-right: 15px;}
	.map { width: 60%; float: left;}
	.map img { width: 100%;}
	.map_point { width: 40%; padding-left: 10px;}
	.video_container { padding-top: 10px; padding-bottom: 30px;}
	.video_container h3 { padding-bottom: 15px;}
	.video { width: 90%; margin: 0 auto;}
}	

@media screen and (max-width: 959px) {
	.tumb { float: none !important; width: 460px; margin: 0 auto; border-bottom: 1px solid #9f9e9e; padding-bottom: 10px;}
	.tumb_line { border: none; padding: 0px;}
	.benefits {border: none;}
	.better_tumb { background-size: cover; width: auto; float: none; text-align: center; height: auto; padding-top: 20px; padding-bottom: 20px;}
	.better_tumb ul { display: inline-block;}
	.better_tumb ul li { text-align: left;}
	.better_tumb ul li br { display: none;}
	.better_photo { display: inline-block;}
	.better_title { display: inline-block;}
	.map_container { padding-top: 15px; text-align: center;}
	.map { float: none; width: auto;}
	.map_point { float: none; width: auto; padding-top: 15px; text-align: center; padding-right: 15px;}
	.map_container .header_contacts { float: none; display: inline-block; text-align: left;}
	.map_container .header_contacts:after { content:''; clear: both; height: 0; font-size: 0px; line-height: 0px; display: block; margin: 0; padding: 0;}
	footer .centermap { width: auto; padding-left: 15px; padding-right: 15px;}
	
	.footer_logo { float: left; position: relative; top: auto; left: auto; margin: 0px;}
	.footer_logo img { width: 80px;}
	footer .clearfloat { display: none;}
	.copy { float: none; padding-left: 0px; padding-top: 30px; margin-left: 90px;}
	.site { float: none; padding-left: 0px; padding-top: 0px; margin-left: 90px;}
	h1 br { display: none;}
	h3 br { display: none;}
}

@media screen and (max-width: 700px)
{
	header { padding-top: 75px; text-align: center;}
	.header_contacts { display: block; float: none; padding-left: 0px;}
	.header_contacts .phone { float: none; padding-bottom: 10px; border: none !important;}
	.online_order { padding-right: 0px; float: none;}
	nav { height: auto; padding-bottom: 16px;}
	nav ul { width: 100%; display: block;  margin-top: 10px;}
	nav li { display: block; float: none; padding-bottom: 10px;}
	.ic_nav { background: url(../images/menu_white_mobile.png) left top no-repeat; width: 29px; height: 27px; float: right; margin-right: 15px; margin-top: 8px;}
	h1 {font-family: 'Roboto Condensed', sans-serif; font-size: 36px; font-weight: bold; text-align: center; padding-bottom: 40px; color: #323232;  text-transform: uppercase; line-height: 130%;}
h2 {font-family: 'Roboto Condensed', sans-serif; font-size: 36px; font-weight: bold; text-align: center; padding-bottom: 40px; color: #323232;  text-transform: uppercase; line-height: 130%;}
h3 {font-family: 'Roboto Condensed', sans-serif; font-size: 36px; font-weight: bold; text-align: center; padding-bottom: 40px; color: #323232; text-transform: uppercase; line-height: 130%;}
.better h3 { font-size: 36px;}
.map_container h3 { font-size: 36px;}
.video_container h3 { font-size: 36px;}
.contacts_map { background: none; height: auto;}
.contacts_desc { width: auto; height: auto; position: relative; padding-bottom: 10px;}
.contacts_desc img { display: none;}
.map_container .header_contacts { text-align: center;}
	.map_container .header_contacts .phone { text-align: center;}
	.off_dealer { display: block;}
	.off_dealer { display: block;}
	
	.first_block { background: none; padding: 0px;}
	.first_block p { max-width: 300px; margin: 0 auto;}
	.first_block .form { width: auto; height: auto; margin-top: 0px; padding-left: 15px; padding-right: 15px;}
	.form_title br { }
	.first_block .form input[type=text] { width: 100%; padding: 2px; height: auto;}
	.first_block .form input[type=submit] { background: #eb4f1e; border: 6px solid #fed66c; width: 100%; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; padding: 2px; height: auto;}
	.else_tank { width: auto;}
	.else_tank:after { display: none;}
	.else_tank:before { display: none;}
	}

@media screen and (max-width: 479px)
{
	.tumb { width: auto; text-align: center;}
	.desc_left { float: none; width: auto; margin: 0px; margin-top: 10px;}
	.desc_right { float: none; width: auto; margin: 0px;  margin-top: 10px;}
	.desc_right_new { padding-left: 0px;}
	.characteristics { padding-top: 0px;}
	.characteristics  li { width: auto;}
	.price { display: inline-block;}
	.button_order { margin: 0px auto; margin-top: 15px;}
	.map_container .header_contacts { text-align: center;}
	.map_container .header_contacts .phone { text-align: center; padding-left: 0px; padding-right: 0px;}
	.button_order_big { width: auto; background: #f26522; margin-top: 15px; margin-bottom: 0px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;}
	.button_order_big a { width: auto;}
	.better_photo { display: block; width: auto;}
	.better_title { display: block; width: auto;}
	.better_tumb ul { margin-top: 10px;}
	.benefits li { float: none; width: auto;}	
	
	
	.popup { background: #f6a106; width: auto; height: auto; -webkit-border-radius: 17px; -moz-border-radius: 17px; border-radius: 17px; padding-top: 40px; padding-bottom: 40px;padding-left: 15px; padding-right: 15px; position: relative;}
.popup .form { margin: 0px auto; float: none; border: 3px solid #ffffff; -webkit-border-radius: 4px; -moz-border-radius:4px; border-radius: 4px; height: auto; width: auto; }

.popup .form { width: auto; height: auto; margin-top: 0px; padding-left: 15px; padding-right: 15px;}
.popup .form input[type=text] { width: 100%;}
.popup .form input[type=submit] { background: #eb4f1e; border: 6px solid #fed66c; width: 100%; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px;}

.hidden-block {display: none;}
#cboxClose { background: url(../images/popup_close.gif) left top no-repeat; width: 47px; height: 47px; position: absolute; right: 0px; top: 0px; font-size: 0px; border: none;}
#colorbox, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; border: none !important;}
#cboxOverlay{position:fixed; width:100%; height:100%;  background: #000000; border: none;}
#cboxWrapper { position: fixed;top: 50%; margin-top: -288px; left: 50%; margin-left: -150px;}

	
	}	
	
@media screen and (max-width: 400px)
{
	.button_order_big a { background: none; width: auto;}
	
	.better_tumb ul { margin-left: 10px;}
	
	h1 {font-family: 'Roboto Condensed', sans-serif; font-size: 24px; font-weight: bold; text-align: center; padding-bottom: 40px; color: #323232;  text-transform: uppercase; line-height: 130%;}
h2 {font-family: 'Roboto Condensed', sans-serif; font-size: 24px; font-weight: bold; text-align: center; padding-bottom: 40px; color: #323232;  text-transform: uppercase; line-height: 130%;}
h3 {font-family: 'Roboto Condensed', sans-serif; font-size: 24px; font-weight: bold; text-align: center; padding-bottom: 40px; color: #323232; text-transform: uppercase; line-height: 130%;}
.better h3 { font-size: 24px;}
.map_container h3 { font-size: 24px;}
.video_container h3 { font-size: 24px;}
.better_title { font-size: 24px;}
.better_title  span { font-size: 24px;}
.better_title br { display: none;}
.copy { padding-top: 15px;}
	}	
	
@media screen and (max-width: 319px)
{
	.logo { padding-left: 10px; padding-right: 10px;}
	.logo img { max-width: 100%;}
}



