/*1 EM = 16 PX*/
/****************************************************/
/*						  768						*/
/****************************************************/
@media all and (min-width: 1em) and (max-width: 62.5em) {
.wrapper{max-width:768px}
/*==============================================================================================*/
.text_box_ol p.none{display:none}
/*Стили Главная*/
ul.menu{margin-bottom:18px}
ul.menu>li span.show{background:url(../img/arrow_down.png) 50% 50% no-repeat;bottom:-30px;display:block;height:40px;left:0;margin:auto;position:absolute;right:0;width:25px;z-index:2}
ul.menu>li.active span.show{background-image:url(../img/arrow_up.png)}
ul.menu>li:before{display:none}
ul.menu>li>a{font-size:13px;padding:7px 0 6px}
ul.menu>li:hover>a{border-color:transparent}
ul.menu li.first a{width:108px}
ul.menu li.last a{width:68px}
ul.menu li ul{padding:9px;top:58px;width:230px}
ul.menu li ul li+li{margin-top:9px}
ul.menu li ul li a{font-size:15px}
.banner{height:328px}
.banner .wrapper{padding:45px 9px}
.banner h1{font:65px/.8em 'open_sansextrabold';padding-bottom:54px}
.banner.inner h1{font-size:50px;width:750px}
.banner h2{font:34px/1.3em 'open_sanslight'}
.partners .top{margin-bottom:0}
.part_box{padding:0 2% 18px;width:49%}
.num_box+.num_box{margin-top:36px}
.num_box p.description{font:16px/1.2em 'open_sanslight'}
.num_box p.first{font:72px/1.2em 'open_sansbold';margin-bottom:18px}
.num_box p.second{font:20px/1.5em 'open_sansbold';margin-bottom:36px;padding:0 20%}
.access_form{padding:0}
.work_box{margin-bottom:18px;width:49%}
.work_box img{margin-bottom:18px}
.work_box p.title{font:18px/1.5em 'open_sansbold'}
.text_box{padding:40px 0 0 18px;width:495px}
.text_box p.fio{font:16px/1em 'open_sansbold';padding:16px 0}
.text_box p.post{font-size:16px}
.text_box p.feed_body{font:16px/1.5em 'open_sansitalic'}
section.section .box{min-height:1px;width:100%}
section.section .box .left_box>div{float:left;width:33.33%}
section.section .box .left_box>div+div{margin-top:0}
section.section .box .img_box{width:30px}
section.section .box .text{padding:0 27px 0 9px;width:219px}
#access_2{margin-top:27px;position:relative;right:auto;top:auto;width:100%}
#map{height:365px}
/*Конец Стили Главная*/
/*==============================================================================================*/
/*Стили Каталог*/
.catalog .inner_box{width:103%}
.catalog_box{margin:19px 27px 0 0;height: 245px; width: 359px;}
.catalog_box_3{margin:19px 10px 0 0;height: 244px; width: 240px;}
/*.catalog_box:first-child,
.catalog_box:first-child+.catalog_box,
.catalog_box:first-child .box_img,
.catalog_box:first-child+.catalog_box .box_img{height:245px;width:359px}*/

.catalog_box .box_img{height:245px;width:359px}
.catalog_box_3 .box_img{height:245px;width:240px}
/*Конец Стили Каталог*/
/*==============================================================================================*/
/*Стили Карточка товара*/
.product_page .left{width:100%}
.product_page .right{width:100%}
.characteristic table tr td:first-child{font:20px/1.2em 'open_sansextrabold';padding-left:18px;width:25%}
.characteristic table tr td{padding:18px 0}
.byu_with_this h3{font:18px/1.2em 'open_sanssemibold'}
.byu_with_this .catalog_box{height:185px !important}
/*Конец Стили Карточка товара*/
.bx-wrapper .bx-viewport,
.bx-wrapper .bx-viewport li span{height:292px}
.bx-wrapper .bx-viewport li span img{max-height:292px;max-width:660px}
}
/****************************************************/
/*						  480						*/
/****************************************************/
@media all and (min-width: 1em) and (max-width: 48em) {
.wrapper{max-width:480px}
/*====================================================================*/
.btn{height:24px;line-height:24px}
.btn.bb{font:10px/30px 'open_sansbold' !important;height:30px}
.wrapper .right span.btn,.wrapper .right a.btn{text-align:center;/*margin: 10px auto;*/width: 100%}
.red{font-size:14px !important; text-align:left;}
footer .red{font-size:10px !important; text-align:left;}
footer .red1{font-size:15px !important; text-align:left;}
.red b{padding-left: 10px;}
.red1{background:#f11929;font-size:18px !important}
.pd27{padding:10px 9px}
.pd72{padding:10px 9px}
span.h1{font:20px/1.2em 'open_sanslight';margin-bottom:27px}
span.h2{font:28px/1.2em 'open_sansregular';margin-bottom:18px}
.form_box .callback {border: 1px solid #000;padding: 0px 50px;}
/*==============================================================================================*/
.text_box_ol p.none{display:none}
/*Стили Главная*/header{box-shadow:none;left:auto;position:relative;top:auto}
header .logospan{display:block;height:56px;width:117px:width: 100%;text-align: center;}
header .logo{display:block;height:56px;width:117px}
header .logo img{display:block;float:left;height:100%;width:100%}
header .right{color:#f11929;cursor:pointer;display:block;font-size:16px;margin-top:20px;text-decoration:none;text-transform:uppercase;border: 2px solid #f11929;padding: 10px 15px;}
header .right:hover{color:#A6111D}
header .middle_box{float:left;margin:0;padding-top:18px;text-align:center;width:100%}
header .middle_box>*{display:block;float:left;font-size:30px;position:relative;width: 100%;margin-bottom: 20px}
header .middle_box>*+*{margin-left:0;float:right;font-size: 15px;margin-bottom: 0px;}
#callback{left:auto;right:10px}
#callback:before{left:auto;right:200px}
#callback h6{font:14px/1em 'open_sansextrabold'}
#callback ul li+li{margin-top:18px}
#callback ul li p{font:14px/1.5em 'open_sansitalic';padding:0 18px}
#callback ul li input[type="text"]{font:16px 'open_sansitalic';height:40px}
#callback ul li .btn_form{font:18px/40px 'open_sansbold';height:40px}
span.menu_btn{background:#f11929 url(../img/arrow_down_white.png) 98% 50% no-repeat;border-radius:3px;border:1px solid #999;cursor:pointer;display:block;font:18px/1.2em 'open_sansbold';margin-bottom:18px;padding:4px;text-transform:uppercase;color: white;}
span.menu_btn.active{background:#f11929 url(../img/arrow_up_white.png) 98% 50% no-repeat}
ul.menu{display:none}
ul.menu>li{background:#ccc;display:block;text-align:left;width:100%}
ul.menu>li:before{display:none}
ul.menu>li span.show{background:url(../img/arrow_down.png) 50% 50% no-repeat #aaa;bottom:auto;left:auto;right:0;top:0;width:15%}
ul.menu>li.active span.show{background:url(../img/arrow_up.png) 50% 50% no-repeat #aaa;}
ul.menu>li>a{display:block;font-size:15px;line-height:24px;padding:9px 9px}
ul.menu>li>span{display:block;font-size:15px;line-height:24px;padding:9px 9px}
ul.menu>li:hover>a{border-color:transparent}
ul.menu li.first a{width:100%}
ul.menu li.last a{width:100%}
ul.menu li.last{text-align:left}
ul.menu li ul{background:#aaa;border-radius:0;box-shadow:none;display:none;left:auto;padding:9px;position:relative;top:auto;width:100%}
ul.menu li ul li+li{margin-top:0}
ul.menu li ul li a{line-height:2.5em;padding-left:9px}
.banner{height:260px}
.banner .wrapper{padding:45px 9px}
.banner h1{font:35px/.8em 'open_sansextrabold';padding-bottom:36px}
.banner.inner h1{font-size:35px;width:462px}
.banner h2{font:20px/1.3em 'open_sanslight'}
.part_box p.title{font:16px/1.5em 'open_sansbold'}
.part_box p.description{font:14px 'open_sansitalic'}
.num_box+.num_box{margin-top:18px}
.num_box p.description{font:14px 'open_sanslight'}
.num_box p.first{font:36px/1.2em 'open_sansbold';margin-bottom:18px}
.num_box p.second{font:18px/1.5em 'open_sansbold';margin-bottom:18px;padding:0}
.logistics .num_box p.second{margin-bottom:18px}
p.info{font:14px 'open_sanslight'}
.access_form h2{font:16px/1.2em 'open_sansbold';margin-bottom:18px;color:red;}
.access_form ul li+li{margin-top:18px}
.access_form input[type="text"]+input[type="text"]{margin-left:11px}
.access_form input[type="submit"]{margin:0 auto;width:120px;text-align: center;}
.work_box p.title{font:14px 'open_sansbold';padding:0 9px}
.left_img{width:30%}
.text_box{float:left;padding:40px 0 0 9px;width:70%}
.text_box p.fio{font:16px/1em 'open_sansbold';padding:36px 0 18px;color:#fff;}
.text_box p.post{font-size:13px}
.text_box p.feed_body{font:13px/1.3em 'open_sansitalic'}
.text_box p.feed_body:before{padding-right:2px}
.text_box p.feed_body:after{padding-left:2px}
.magelan .info p{font-size:14px;text-align:justify}
.magelan .info p+p{margin-top:9px}
.catalog .wrapper .inner_box .content_box .num_box .text p{font-size:14px;text-align:justify}
.catalog .wrapper .inner_box .content_box .num_box .text p+p{margin-top:9px}
ul.tabs li a{font:10px/38px 'open_sansbold'}
section.section .box{display:none;margin-top:27px}
section.section .box .left_box>div{width:100%}
section.section .box .left_box>div+div{margin-top:27px}
section.section .box .text{padding-right:0;width:418px}
section.section .box .text span,
#access_2>span{font:10px/1em 'open_sansbold'}
section.section .box .text p,
section.section .box .text p a{font-size:10px;line-height:1.2em}
footer .bottom .wrapper{padding:9px}
p.copyright{font-size:10px}
footer a.btn{width:100px}
/*Конец Стили Главная*/
/*==============================================================================================*/
/*Стили Каталог*/
.catalog .inner_box{width:100%}
.catalog_box{height:200px;margin:9px 0 0;width:100%}
.catalog_box .box_img,
.catalog_box:first-child,
.catalog_box:first-child+.catalog_box,
.catalog_box:first-child .box_img,
.catalog_box:first-child+.catalog_box .box_img{height:200px;width:100%}
.catalog_box .box_img img,
.catalog_box:first-child .box_img img,
.catalog_box:first-child+.catalog_box .box_img img{height:auto;width:100%}
.catalog_box a.link span{font:12px 'open_sansbold';height:36px}
.catalog_box p.category{color:#fff;font:12px 'open_sansbold';left:0;padding:12px 18px 0;position:absolute;text-align:right;top:0;width:100%;z-index:1}
.catalog_box p.marker{color:#fff;font:12px 'open_sansbold';height:30px;top:40px;width:130px}
.catalog_box p.name{font:12px 'open_sansbold'}
/*Конец Стили Каталог*/
/*==============================================================================================*/
/*Стили Карточка товара*/
.product_page .right span{font:14px 'open_sansbold' !important;height:44px;width:170px}
.product_page .right .info{padding:18px 9px;}
.product_page .right h3{font:14px 'open_sansbold';}
/*.product_page .right ul li{font:12px 'open_sansbold'}*/
.characteristic table{display:block;width:100%}
.characteristic table tr td:first-child{font:18px/1.2em 'open_sansextrabold';padding-left:0;width:100%}
.characteristic table tr td{display:block;padding:9px 0;text-align:center;width:100%}
.color_box{width:89px}
.color_box+.color_box{margin-left:0}
.divider+.divider{margin-top:9px}
.color_box .images .big_img{height:110px;left:9px;top:45px;width:180px}
.color_box.last .images .big_img,
.color_box.pre_last .images .big_img{left:auto;right:9px}
.color_box p.name{font:10px/1.2em 'open_sanslight'}
.char_box p{font:12px 'open_sanslight'}
.char_box p+p{margin-top:18px}
.byu_with_this h3{font:16px/1.2em 'open_sanssemibold';margin-bottom:18px}
.byu_with_this .catalog_box{height:226px !important;width:50% !important}
/*Конец Стили Карточка товара*/
.bx-wrapper .bx-viewport,
.bx-wrapper .bx-viewport li span{height:164px}
.bx-wrapper .bx-viewport li span img{max-height:164px;max-width:372px}
.magelan .wrapper .info ul {font-size:12px;text-align:justify}
footer .bottom .wrapper .right {float:inherit}	
}
/****************************************************/
/*						  320						*/
/****************************************************/
@media all and (min-width: 1em) and (max-width: 30em) {
.wrapper{max-width:320px}
/*==============================================================================================*/
/*Стили Главная*/
.red1{background:#f11929;font-size:12px !important}
header .right{color:#f11929;cursor:pointer;display:block;font-size:16px;margin-top:20px;text-decoration:none;text-transform:uppercase;border: 2px solid #f11929;padding: 10px 15px;width: 100%;}
header .top a{text-align: center;}
header .top span.right{text-align: center;}
.bottom .wrapper span.menu_btn{text-align: center;}
header .logo{display:block;margin:0 auto;float: inherit;}
.dealer{margin-right:0px;}
header .logo img{display:block}
header .middle_box>*{font-size:30px}
.bx-wrapper .bx-pager.bx-default-pager a.bx-pager-link {background: #e1e0e0;border-radius: 10px;display: block;font-size: 0px;height: 15px;margin: 6px 10px;outline: 0;width: 15px;}
.bx-wrapper .bx-pager.bx-default-pager a.active {background: #f11929;}
#callback{left:0px;padding:9px;top:34px;width:300px;    z-index: 10000;}
#callback .close{font:18px/1em 'open_sansregular';right:6px;top:6px}
#callback h6{font:14px 'open_sansextrabold'}
#callback ul li+li{margin-top:18px}
#callback ul li p{font:12px 'open_sansitalic';padding:0}
#callback ul li input[type="text"]{font:14px 'open_sansitalic';height:30px;width:126px}
#callback ul li .btn_form{font:15px/30px 'open_sansbold';height:30px}
.form_box .callback {border: 1px solid #000;padding: 0px 50px;}
.banner{height:260px}
.banner .wrapper{padding:45px 9px}
.banner h1{font:35px/.8em 'open_sansextrabold';padding-bottom:45px}
.banner.inner h1{font-size:30px;width:302px}
.banner h2{font:14px 'open_sanslight'}
.part_box{width:100%}
.part_box p.title{font:12px 'open_sansbold'}
.part_box p.description{font:12px 'open_sansitalic'}
.num_box p.description{font:13px 'open_sanslight'}
.num_box p.first{font:32px/1.2em 'open_sansbold';margin-bottom:9px}
.num_box p.second{font:14px 'open_sansbold';margin-bottom:18px;padding:0}
p.info{font:13px/1.2em 'open_sanslight'}
.access_form input[type="text"]+input[type="text"]{margin-left:5px}
.access_form span.btn{height:auto;line-height:1.2em !important;padding:9px}
.work_box{width:100%}
.work_box p.title{font:14px 'open_sansbold';padding:0}
.feedback_box{background:url(../img/feed_back.jpg) 50% 36px repeat-x}
.left_img{display:none}
.text_box_ol p.none{display:none}
.text_box{padding:0 ;width:100%}
.text_box .top{color:#fff;float:left;height:80px;width:100%}
.text_box p.feed_body{text-align:justify}
.magelan .info p{font-size:14px}
ul.tabs li a{font:7px/34px 'open_sansbold'}
section.section .box,
section.section .box .left_box>div+div{margin-top:18px}
section.section .box .text{width:258px}
section.section .box .text span,
#access_2>span{font:10px/1em 'open_sansbold';}
#access_2>span.dostup{font:12px 'open_sansbold';text-align: center; color:red;}
section.section .box .text p,
section.section .box .text p a{font-size:10px;line-height:1.2em}
footer .bottom .wrapper{padding:9px}
p.copyright{display:block;float:none;font-size:9px;line-height:1.2em;text-align:center}
footer a.btn{float:none;margin:9px auto 0;width:100px}
/*Конец Стили Главная*/
/*==============================================================================================*/
/*Стили Карточка товара*/
.color_box .images .big_img{height:150px;left:0;top:45px;width:260px}
.color_box._2 .images .big_img{left:-57px}
.color_box._3 .images .big_img,
.color_box.last .images .big_img{left:auto;right:0}
.color_box.pre_last .images .big_img{left:0;right:auto}
.byu_with_this .catalog_box{height:151px !important;width:50% !important}
/*Конец Стили Карточка товара*/
.bx-wrapper .bx-viewport,
.bx-wrapper .bx-viewport li span{height:94px}
.bx-wrapper .bx-viewport li span img{max-height:94px;max-width:212px}
.splash-text {font-size: 35px;}
}