@charset "utf-8";
/* CSS Document */
@media screen and (max-width: 1279px) {
	.gridWrap{ width:940px;}
	nav > ul > li:last-child{ display:none;}
	.scale-list li{ width:117px;}
	.popular-list li:last-child{ display:none;}
	.help-content{ font-size:35px; line-height:37px;}
	.help-info-block .btn-red{ width:250px;}
	.company-text-inner{ padding:40px 0 10px;}
	.callback-dropdown ul li.contact-mobile{ display:block;}
	.catalog > ul > li{ width:33.3%;}
	.help-inner .help-text{ width:365px;}
	.menu-inner{ width:150px;}
	.help-inner .help-content{ margin:0 0 5px;}
	.news-detail{ float:none; width:auto; padding:0; margin:0 0 25px;}
	.news-text{ margin:0;}
	.news-detail .news-category{ position:static; margin:0 20px 0 0; vertical-align:middle;}
	.news-detail .news-date{ display:inline-block; margin:0; vertical-align:middle;}
	.news-title{ margin:0 0 10px;}
	.news-more-list li:last-child{ display:none;}
	.news-more-list{ margin:0 0 0 -50px;}
	.news-more-list li .img{ width:auto;}
	.news-more-list li{ width:280px; margin:0 0 0 50px;}
	.marker-first{ left:20%; top:25%;}
	.marker-two{ top:25%; left:49%;}
	.marker-three{ left:11%; top:48%;}
	.marker-thour{ left:28%; top:48%;}
	.marker-five{ left:41%; top:48%;}
	.marker-seven{ left:62%; top:59%;}
	.map{ height:440px;}
	.news-img{ max-width:450px;}
	/*.banner-block{ position:static !important;}
	.banner-block .flex-viewport{ position:relative !important;}
	.banner-block .flexslider .slides{ position:static;}
	.banner-block .flexslider{ position:relative;}
	.banner-block .flexslider .slides > li{ height:800px;}
	.banner-block .slogan .tab, .banner-block .slogan .tab-cell{ height:580px;}*/
}
@media screen and (min-width: 980px) {
	.company-logo, .news-img{ display:block;}
	.company-logo-mobile, .news-img-mobile{ display:none;}
}
@media screen and (max-width: 979px) {
	.gridWrap{ width:700px;}
	header{ height:165px;}
	.header-content{ padding:30px 0 0 0;}
	.logo{ float:none !important;}
	.header-detail{ float:none !important; padding:20px 0 0 0;}
	nav{ top:0;}
	nav > ul > li:last-child{ display:inline-block;}
	nav > ul > li{ font-size:22px; line-height:24px; padding:3px 23px; border-right:1px solid #fff; margin:0;}
	nav > ul > li:first-child{ border-left:1px solid #fff;}
	.dropdown-block{ left:23px;}
	.callback-block{ position:absolute; top:35px; right:0;}
	.callback-btn{ height:35px; line-height:37px; width:200px; font-size:18px;}
	.callback-btn.open + .callback-dropdown{ top:47px;}
	.search-cell{ width:60px; border-right:1px solid #fff;}
	.tel-block{ font-size:22px; padding:0 0 0 25px; width:185px;}
	.banner-block .slogan{ top:165px;}
	/*.banner-block .flexslider .slides > li{ height:860px;}*/
	.banner-block .slogan h2{ font-size:45px; line-height:36px;}
	.scale-list li{ width:87px;}
	.company-text-inner{ padding:0;}
	.company-text-inner p{ max-width:inherit;}
	.title-king-size{ font-size:100px; line-height:82px;}
	.tablet-img{ float:right; max-width:55%; margin:0 0 0 20px; display:block;}
	.scale-block{ margin:60px 0 0 0;}
	.title{ font-size:70px; line-height:58px;}
	.company-detail{ padding:130px 0;}
	.market-info .list-large-cicle{ margin:0 0 70px;}
	.popular-product{ padding:130px 0 80px;}
	.popular-list li:nth-child(4){ display:none;}
	.column{ display:block;}
	.column .cell{ float:left; width:50%;}
	.column .cell:nth-child(2){ padding:0 0 0 50px;}
	.column .cell:last-child{ display:block; width:100%; float:none; clear:both; border:none; padding:50px 0 0 0;}
	.help-text, .help-info-block .btn-red{ float:none !important;}
	.help-info-block .btn-red{ display:inline-block; padding:0 35px; width:auto;}
	.help-text{ margin:0 0 45px;}
	.help-content{ margin:0 0 45px;}
	footer{ font-size:20px; line-height:24px;}
	.inner-page nav > ul > li:first-child{ border-left:1px solid #e0e0e0;}
	.inner-page nav > ul > li{border-right:1px solid #e0e0e0;}
	.inner-page .search-cell{ border-right: 1px solid #e0e0e0;}
	.breacrumb{ display:none;}
	.sidebar{ float:none; display:none;}
	.sidebar + .content-inner{ margin:0;}
	.caption{ margin:0 0 35px;}
	.caption .title{ font-size:50px; line-height:44px;}
	.catalog > ul > li{ width:25%;}
	.selection-mobile{ margin:0 0 45px;}
	.selection{ padding:5px 0; background-color:#f9f9f9; text-align:center; border-radius:3px; margin:0 0 15px;}
	.selection .title-select span{ display:none;}
	.selection .title-select{ width:17px; height:16px; display:inline-block; background:url(../img/select-icon.png) 0 0 no-repeat; vertical-align:middle; margin:0;}
	.selection .tips{ display:inline-block; vertical-align:middle;}
	.selection .tips > li:last-child{ margin:0;}
	.selection .tips > li > a{ background-color:#f9f9f9;}
	.selection .tips > li{ display:inline-block; vertical-align:middle; margin:0;}
	.selection .tips > li > a{ padding:12px 5px 10px;}
	.selection-mobile .reset-btn{ margin:0; display:block; width:auto}
    .selection-mobile .double{
        display:none !important;
    }
	.help-inner .help-text{ float:left !important; margin:0;}
	.mobile-btn-block .download-btn{ display:block; width:48%; float:left; height:100px; background-color:#e5e5e5; text-align:center; margin:0; border-radius:3px; font-size:20px; line-height:20px;}
	.mobile-btn-block .download-btn span{ padding:5px 0 1px 75px; width:155px; position:relative; top:25px;}
	.mobile-btn-block .calc-but{ display:block; width:48%; float:right; background-color:#e5e5e5; text-align:center; height:100px; margin:0; border-radius:3px; font-size:20px; line-height:20px;}
	.mobile-btn-block .calc-but span::after{ top:6px;}
	.mobile-btn-block .calc-but span{ padding:4px 0 4px 55px; width:195px; position:relative; top:22px;}
	.mobile-btn-block .calc-but span b{ font-weight:normal; color:#e92930; font-family:"FiraSans-SemiBold";}
	.popup .check_list{ padding:0 20px 10px;}
	.popup{ width:220px;}
	.selection-mobile{ display:block;}
	.mobile-btn-block{ display:block;}
	.check-btn{ text-align:left; padding:20px 20px 0;}
	.company-logo{ display:none;}
	.company-logo-mobile{ max-width:40%; margin:0 0 30px 30px;}
	.news-img{ display:none;}
	.news-img-mobile{ display:block; margin:0 auto 35px; max-width:100%; width:100%;}
	.news-detail-info{ margin:0 0 35px; font-size:22px; line-height:24px;}
	.news-one{ font-size:18px; line-height:22px;}
	.news-more-list{ margin:0;}
	.news-more-list li{ display:block; margin:0 0 30px; overflow:hidden; width:auto; position:relative;}
	.news-more-list li .img{ float:left; width:264px; margin:0;}
	.news-more-list li .news-more-date{ display:none;}
	.news-more-list li .news-name{ margin:0 0 10px 300px;}
	.news-more-list li .news-more-date-mobile{ margin:0 0 15px 300px; display:block;}
	.news-more-list li p{ margin:0 0 0 300px;}
	.slider-info .flexslider .slides > li{ height:410px;}
	.marker{ background-size:100%; width:40px; height:46px;}
	.marker a{  background-size:100%; width:40px; height:46px; margin-left: -95%;}
	.marker-first{ left:21%; top:25%;}
	.marker-two{ top:25%; left:50%;}
	.marker-three{ left:12%; top:48%;}
	.marker-thour{ left:30%; top:48%;}
	.marker-five{ left:43%; top:48%;}
	.marker-seven{ left:63%; top:59%;}
	.calc-inner{ display:none;}
	.calc-inner-mobile{ display:block;}
	.calc-cell-info{ margin:0; padding:5px 0 4px 80px;}
	.slider-info .flexslider{ margin:0 0 40px;}
	.calc-cell-info h3{ font-size:22px; margin:0;}
	.calc-cell-info{ font-size:16px; padding:7px 0 7px 80px;}
	.slider-info .flexslider .slides > li{ height:auto; background-image:none;}
	.slider-info .flexslider .slides img{ display:block;}
	.map{ height:450px; margin:0 0 70px;}
	.contact-info{ font-size:22px; line-height:26px; margin:0 0 40px;}
	.feedback{ padding:0 0 70px;}
	.feedback .title{ font-size:50px; line-height:44px;}
	.company-text{ max-width:inherit; margin:0 0 65px;}
	.form-tab{ margin:0;}
	.form-tab .form-item{ float:none; width:auto; padding:0;}
}
@media screen and (min-width: 768px) {
	.tips-mobile{ display:inline-block !important;}
	.tips-mobile .reset-btn{ display:none;}
	.sort-mobile{ display:none;}
}
@media screen and (max-width: 767px) {
	.gridWrap{ width:auto; padding:0 20px;}
    
    .sort-btn span{
            padding: 0 14px 0 23px;
    }
    
	header{ height:180px;}
	.header-detail{ position:relative;}
	.btn_navbar{ display:block; width:48%; float:left;}
	.btn-navbar-active + nav{ visibility:visible; top:105px; opacity:1; z-index:92;}
	nav{ float:none !important; background-color:#fff; position:absolute; top:95px; left:30px; right:30px; border-radius: 5px;
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.4); opacity:0; transition:top ease-in-out .2s; visibility:hidden; z-index:-1;}
	nav > ul{ display:block;}
	nav > ul > li{ display:block;}
	nav > ul > li:hover .dropdown-block{ top:inherit;}
	.btn-navbar-active + nav .dropdown-block{ visibility:visible;}
	.dropdown-block{ opacity:1; position:static; top:inherit; left:inherit; visibility:hidden; z-index:1; padding:0; border-top:1px solid #eee;}
	.dropdown-block ul:after{ display:none;}
	.dropdown-block ul{ box-shadow:none;}
	.dropdown-block ul li{ font-size:18px; line-height:22px;}
	nav:after { border-color: transparent transparent #ffffff; border-style: solid; border-width: 0 10px 8px; content: ""; height: 0;left: 20px; position: absolute; top: -8px; width: 0; z-index: 1;}
	nav > ul > li:first-child{ border-left:none;}
	nav > ul > li{ font-size:25px; line-height:27px; padding:0; border-right:none; text-transform: capitalize;}
	nav > ul > li > a{ color:#252525; border-top:1px solid #eee; border-bottom:none;}
	nav > ul > li > a:hover{ border-top:1px solid #eee; border-bottom:none;}
	nav > ul > li:first-child > a, nav > ul > li:first-child > a:hover{ border-top:none !important;}
	nav > ul > li:last-child{ display:block;}
	nav > ul > li > a.nav-mobile-link{display:block;}
	nav > ul > li > a.tips-btn{ display:none;}
	.dropdown-block ul li{ padding:0;}
	.dropdown-block ul li a{ display:block; padding:18px 30px 14px;}
	nav > ul > li > a{ padding:18px 30px 14px; display:block;}
	.tel-block{ display:none;}
	.search-cell{ width:26px; height:26px; border:none; position:absolute; top:-38px; right:0;}
	.search-btn{ width:26px; height:26px; top:inherit; background:url(../img/search-icon-large.png) 0 0 no-repeat; position:static;}
	.search-block::after{ right:18px;}
	.search-block{ right:-15px;}
	.callback-block{ position:static; top:inherit; right:inherit; z-index:5; width:48%; float:right;}
	.callback-btn{ display:block; width:auto; height:55px; line-height:59px;}
	.callback-dropdown{ width:auto; min-width:inherit; left:30px; top:95px; right:30px;}
	.callback-btn.open + .callback-dropdown{ top:105px;}
	.callback-dropdown ul li{ padding:0; font-size:18px; line-height:22px;}
	.callback-dropdown ul li a{ padding:18px 30px 14px; display:block;}
	.callback-dropdown ul li.tel-mobile{ display:block; padding:18px 30px 14px;}
	.callback-dropdown ul li:nth-child(2){ border-top:1px solid #eee;}
	/*.banner-block .flexslider .slides > li{ height:710px;}*/
	.banner-block .slogan{ top:180px; bottom:100px;}
	.banner-block .slogan h2{ font-size:40px;}
	/*.banner-block .slogan .tab, .banner-block .slogan .tab-cell{ height:430px;}*/
	.tablet-img{ display:none;}
	.mobile-img{ display:block; margin:0 auto 35px; max-width:50%;}
	.company-info, .company-detail{ padding:90px 0;}
	.popular-product{ padding:90px 0 70px;}
	.popular-product.shadow{ box-shadow:none;}
	.market-info .list-large-cicle{ margin:0 0 35px;}
	.title, .title-large{ font-size:60px; line-height:52px;}
	.popular-list{ display:block; margin:0;}
	.popular-list li{ margin:0 0 40px; width:50%;}
	.popular-list li:nth-child(4), .popular-list li:last-child{ display:inline-block; vertical-align:middle;}
	.btn-inner .btn-red, .btn-inner .btn-default{ float:none;}
	.btn-inner .btn-red{ margin:0 0 20px; width:250px; height:55px; line-height:55px;}
	.btn-inner .btn-default{ margin:0 0 20px; width:220px; height:55px; line-height:55px;}
	.btn-inner .btn-default .pdf-icon{ display:none;}
	.btn-default span, .btn-red span{ margin:0;}
	.btn-default, .btn-default:hover{ background-color:#eee; border-color:#eee;}
	.client-block .title-large{ margin:0 0 40px;}
	.column .cell{ float:none; width:100%; display:block; padding:0 0 20px; border:none;}
	.column .cell:first-child{ padding:0 0 40px;}
	.column .cell:nth-child(2){ padding:0 0 40px;}
	.column .cell:last-child{ padding:0;}
	.help-info-block .btn-red{ height:55px; line-height:57px; padding:0 40px;}
	.appendix{ display:none;}
	footer{ height:auto; margin:0;}
	.producer{ display:none;}
	.site-info{ padding:0; float:none; text-align:center;}
	.footer-content{ padding:90px 0;}
	.inner-page .search-cell{ border:none;}
	.inner-page .search-btn{ background:url(../img/search-icon-large.png) 0 -26px no-repeat;}
	.inner-page .callback-btn{background-color:#e5e5e5;color:#252525;}
	.catalog > ul > li{ width:50%;}
	.caption .title{ font-size:40px;}
	.caption .sort-btn{ display:none;}
	.selection{ background-color:#fff; border-radius:0; margin:0; padding:0; position:relative;}
	.selection .title-select{ display:none;}
	.selection .title-select-mobile{ display:block; width:48%; float:left; margin:0 0 20px;}
	.selection .tips{ display:block; clear:both; background-color:#f9f9f9; border-radius:3px; margin:0 0 20px;}
	.selection + .reset-btn{ width: 100%; clear: both;}
    .selection + .double{ display:none;}
	.tips-mobile{ display:none; clear:both;}
	.tips-mobile .reset-btn{ display:block;}
	.popup{ width:200px; padding:15px 0;}
	.popup .check_list{ padding:0 10px 10px;}
	.sort-list{ padding:0 10px;}
	.check-btn{ padding:10px 10px 0;}
	.check_list.ui-buttonset .ui-button{ font-size:12px;}
	.sort-mobile{ display:block; width:48%; float: right;}
	.sort-mobile .sort-btn{ height:46px; font-size:16px; font-family: "FiraSans"; font-weight:bold; display:block;}
	.tips-sort > a.active + .popup-sort{ top:60px;}
	.popup-sort{ top:55px;}
	.sort-mobile span{top:8px;}
	.sort-btn span::after{ top:8px;}
	.sort-btn span::before{ top:10px;}
	.pagination{ padding:0 0 50px; text-align:left;}
	.prev-page, .next-page, .menu-inner{ display:none;}
	.help-inner .help-text{ width:auto;}
	.mobile-card-img{ display:block; margin:0 auto; padding:20px 0 45px;}
	.haract, .list-small-circle li{ font-size:20px; line-height:26px;}
	.list-small-circle li::after{ top:4px;}
	.caption .tab, .caption .tab-cell{ display:block;}
	.caption .tab-cell{ padding:0; overflow:hidden;}
	.caption .tab-cell .nav-news{ float:left; margin:30px 0 0;}
	.news-title, .news-text{ font-size:16px; line-height:20px;}
	.news-detail .news-date{ display:block; font-size:16px; line-height:20px; margin:0 0 15px;}
	.news-detail{ padding:0 0 32px; margin:0 0 25px;}
	.news-detail .news-category{ position:absolute; margin:0;}
	.news-list-info li .img{ float:right; max-width:200px; width:auto; height:auto; margin:0 0 0 20px;}
	.news-content{ margin:0;}
	.company-block{ font-size:18px; line-height:22px;}
	.company-logo-mobile{ display:none;}
	.company-block p, .advantages{ margin:0 0 40px;}
	.company-block{ padding:0 0 30px;}
	.company-block::after{ bottom:0;}
	.advantages{ padding:45px 45px 25px;}
	.advantages h3{ font-size:30px; line-height:32px;}
	.list-large-cicle li{ font-size:16px;}
	.inner-page.company-color .btn_navbar{ background-color:#fff; color:#e92930;}
	.inner-page.company-color .btn_navbar span::after{ background-position:0 -24px;}
	.inner-page.company-color nav > ul > li > a, .inner-page.contact-color nav > ul > li > a, .inner-page.gray-color nav > ul > li > a{ color:#252525;}
	.inner-page.company-color nav > ul > li > a.active, .inner-page.contact-color nav > ul > li > a.active, .inner-page.gray-color nav > ul > li > a.active{ color:#e92930;}
	.inner-page nav > ul > li:first-child{ border-left:none;}
	.inner-page nav > ul > li{ border-right:none;}
	.company-block .title-large{ font-size:40px; line-height:42px; margin:0 0 35px;}
	.news-one .title-large{ font-size:40px; line-height:42px; margin:0 0 20px;}
	.news-one .name{ font-size:30px; line-height:32px; margin:0 0 15px;}
	.news-detail-info, .news-one{ font-size:16px; line-height:20px;}
	.doc-img{ margin:0 auto 35px; float:none;}
	.news-more-list li .img{ display:none;}
	.news-more-list li .news-name{ margin:0 0 10px;}
	.news-more-list li .news-more-date-mobile{ margin:0 0 15px;}
	.news-more-list li p{ margin:0;}
	.news-more-list li .news-name, .news-more-list li{ font-size:16px; line-height:20px;}
	.contact-info .title-large{ font-size:40px; line-height:42px; margin:0 0 40px;}
	.contact-info, .feedback, .contact-detail{ font-size:18px; line-height:22px;}
	.feedback .title, .contact-detail .title-large{ font-size:40px; line-height:42px;}
	.feedback .form-cell label{font-size:16px;}
	.feedback .form-cell input[type="text"], .feedback .form-cell input[type="email"], .feedback .form-cell input[type="tel"]{font-size:16px;}
	.feedback .form-cell-text textarea{ font-size:16px; line-height:18px;}
	.feedback .form-btn{ padding:20px 0 0 0;}
	.feedback .form-btn input[type="submit"]{ margin:0;}
	.feedback .field-info{ display:block; margin:20px 0 0 0;}
	.contact-detail .list-large-cicle li{ font-size:18px; margin:0 0 10px;}
}
@media screen and (max-width: 640px) {
	.selection .tips{ background-color:#fff; border-radius:0;}
	.popup{ width:auto; right:0;}
	.selection .tips > li{ display:block; margin:0 0 10px;}
	.selection .tips > li > a{ display:block;}
}
@media screen and (min-width: 481px) {
	
}
@media screen and (max-width: 480px) {
	.mobile-btn-block .download-btn span{ padding:5px 0 1px 45px; width:135px;}
	.mobile-btn-block .calc-but span{ padding:4px 0 4px 45px; width:180px;}
	.help-inner .help-content{ font-size:24px; line-height:26px;}
	.marker-first{ left:20%; top:25%;}
	.marker-two{ top:25%; left:48%;}
	.marker-three{ left:11%; top:48%;}
	.marker-thour{ left:28%; top:48%;}
	.marker-five{ left:41%; top:48%;}
	.marker-seven{ left:62%; top:58%;}
	.marker-six {left: 80%;top: 47%;}
	.box-modal{ width:320px;}
	.box-modal-head{ font-size:28px; line-height:30px;}
	.form-btn input[type="submit"]{ width:100%;}
	.calc-text{ float:none; width:auto; margin:0 0 20px;}
	.calc-btn{ width:auto; float:none;}
}
@media screen and (max-width: 479px) {
	header{ height:160px;}
	.logo, .inner-page .logo, .inner-page.company-color .logo, .inner-page.contact-color .logo{ background-size:100%; width:260px; height:36px;}
	.header-content{ padding:20px 0 0 0;}
	.gridWrap{ padding:0 15px;}
	.btn_navbar{ font-size:24px;}
	.btn_navbar span::after{ top:14px;}
	.callback-btn{ font-size:16px;}
	.search-block{ right:-6px;}
	.search-block::after{ right:10px;}
	.search-cell{ top:-30px;}
	.search-block{ width:340px;}
	.callback-dropdown ul li, .dropdown-block ul li{ font-size:16px; line-height:20px;}
	.callback-dropdown ul li.tel-mobile, nav > ul > li{ font-size:20px; line-height:24px;}
	.callback-dropdown ul li a, .callback-dropdown ul li.tel-mobile, .dropdown-block ul li a, nav > ul > li > a{ padding:14px 20px 10px;}
	.banner-block .slogan{ top:160px; /*height:100px;*/}
	/*.banner-block .flexslider .slides > li{ height:600px;}*/
	/*.banner-block .slogan .tab, .banner-block .slogan .tab-cell{ height:340px;}*/
	.banner-block .slogan h2{ font-size:24px; line-height:24px;}
	.banner-block .slogan h3{ font-size:14px; line-height:16px; letter-spacing:2px;}
	.company-info, .company-detail, .popular-product{ padding:40px 0;}
	.title-king-size, .title, .title-large{ font-size:50px; line-height:44px;}
	.btn-white{ height:55px; line-height:55px;}
	.client-block{ padding:0 0 40px;}
	.column .title-cell{ font-size:24px; line-height:26px;}
	.help-info-block{ padding:25px 0 0 0;}
	.help-text{ margin:0 0 25px;}
	.help-content{ font-size:25px; line-height:27px; margin:0 0 25px;}
	.call-btn, footer{ font-size:16px; line-height:20px;}
	.footer-content{ padding:50px 0;}
	.mobile-btn-block .download-btn, .mobile-btn-block .calc-but{ float:none; width:100%; margin:0 0 10px;}
	.mobile-btn-block{ margin:0;}
	.help-inner{ padding:25px;}
	.nav-news a{ height:40px; line-height:40px; font-size:14px; padding:0 10px;}
	.news-list-info li .img{ float:none; margin:0 auto 20px;}
	.advantages{ padding:25px 25px 15px;}
	.advantages .list-large-cicle li{ text-align:left;}
	.marker-three { left: 11%; top: 45%;}
	.marker-first {left: 19%;top: 25%;}
	.marker-two {left: 48%;top: 25%;}
	.marker-thour {left: 28%;top: 46%;}
	.marker-five { left: 40%; top: 46%;}
	.marker-six {left: 80%;top: 47%;}
	.marker-seven {left: 62%;top: 56%;}
}
@media screen and (max-width: 359px) {
	.logo, .inner-page .logo, .inner-page.company-color .logo, .inner-page.contact-color .logo{ width:230px; height:30px;}
	.search-cell{ top:-27px;}
	.btn_navbar{ font-size:20px;}
	.btn_navbar span{ padding:0 0 0 40px;}
	.btn_navbar span::after{ top:14px;}
	.callback-btn{ font-size:12px;}
	.search-block{ width:280px;}
	.title-king-size, .title, .title-large{ font-size:40px; line-height:38px;}
	.popular-product .title-large{ margin:0 0 30px;}
	.popular-list li .img .tab .tab-cell img{ max-height:inherit; max-width:100%;}
	.popular-list li .img .tab .tab-cell, .popular-list li { display:block;}
	.popular-list li .img .tab .tab-cell, .popular-list li .img{ height:auto;}
	.popular-list li{ width:100%; margin:0 0 25px;}
	.callback-dropdown ul li.tel-mobile, nav > ul > li{ font-size:18px; line-height:20px;}
	.help-content{ font-size:22px; line-height:24px;}
	.company-text-inner{ font-size:18px; line-height:22px;}
	.help-inner{ padding:15px;}
	.help-inner .help-content{ font-size:22px; line-height:24px;}
	.catalog > ul > li{ width:100%; display:block; margin:0 0 25px;}
	.selection .title-select-mobile, .sort-mobile .sort-btn{ font-size:12px;}
	.selection .title-select-mobile span::after, .sort-btn span::after{ display:none;}
	.selection .title-select-mobile span{ padding:0;}
	.sort-btn span{ padding:0 18px 0 0;}
	.sort-btn span::before{ top:10px;}
	.tips > li{ font-size:14px;}
	.tips > li > a > span::after{ top:6px;}
	.mobile-card-img{ padding:20px 0 25px;}
	.avail-info{ display:block; margin:10px 0 0 0; top:0;}
	.tab-bord tr td:first-child{ padding:12px 0;}
	.tab-bord tr td{ padding:12px 0 12px 20px; font-size:14px;}
	.title-small{ font-size:25px; line-height:27px;}
	.tab-bord-small tr td{ font-size:12px; line-height:16px; padding:5px;}
	.nav-news a{ font-size:12px; line-height:42px;}
	.advantages h3{ font-size:24px; line-height:26px; text-align:left;}
	.list-large-cicle li{ padding:4px 0 2px 40px;}
	.calc-cell-info h3{ font-size:16px;}
	.calc-cell-info{ font-size:12px;}
	.map{ height:250px; margin:0 0 40px;}
}
@media screen and (max-width: 320px) {
	nav, .callback-dropdown{ left:10px; right:10px;}
	.help-inner .help-content{ font-size:20px; line-height:22px;}
	.marker{ width:20px; height:26px;}
    .marker a{ width:20px; height:26px; margin-left: -95%;}
	.slider-info .flex-control-nav{ display:none;}
	.marker-three { left: 11%; top: 45%;}
	.marker-first {left: 20%;top: 25%;}
	.marker-two {left: 49%;top: 25%;}
	.marker-thour {left: 29%;top: 46%;}
	.marker-five { left: 41%; top: 46%;}
	.marker-six {left: 80%;top: 47%;}
	.marker-seven {left: 62%;top: 56%;}
	.callback-dropdown ul li, .dropdown-block ul li{ font-size:14px; line-height:16px;}
	.callback-dropdown ul li.tel-mobile, nav > ul > li{ font-size:16px; line-height:18px;}
}