@charset "utf-8";
@media(max-width:1170px){
nav ul{width:81%;}
nav button{width:19%;padding:0 6px;}
main section.s1 .type-waste>div{width:30.333333%;float:none;}
main section.s3 ul.service li{/* width:31%; *//* float:none; */}
section.s6 form fieldset:first-child, section.s12 form fieldset:first-child{padding-right:20px;max-width:100%;}
section.s10 .content ul li{padding:0;}
section.s10 .content ul li p{display:block;width:100%;text-align:center;}
section.s10 .content ul li img{display:block;margin:auto;position:relative;left:0;}
main.page_type_waste section.banner .form_header{padding-right: 40px;padding-left: 40px;}
}
@media(max-width:1050px){
nav ul li{padding:0 10px;}
section.form_footer form fieldset button{padding:0;}
main.search  section.search-fkko fieldset input{padding-left:35px;background-position-x:10px;}
main.search  section.search-fkko fieldset div > ul{padding-left:45px;}
main.about_us  section.command .personal .pers {width: 33.333333%;}
}
@media(max-width:960px){
header .conts .right div{width:100%;}
header .conts .right div:first-child{display:none;}
nav ul{width:100%;float:none;}
nav ul li{padding:0 15px;}
nav button{display:none;}
section.s13{display:none;}
main.page_type_waste section.banner .left p{padding:3px 0;}
section.s8 .content .works .img,section.s8 .content .works .text{float:none;width:100%;}
section.s8 .content .works .img{max-width:500px;max-height:200px;overflow:hidden;}
main.search  section.search-fkko fieldset div{width:34%;}
main.search  section.search-fkko fieldset .s-name{width:66%;}
main.news  section.s8 .wrap .text span{padding-top:20px;}
main section.s3 ul.service{width:100%;max-width:700px;margin:auto;}
main section.s3 ul.service li , main section.s3.classes ul.service li{width:48%;}
.content h1 {font-size: 26px;}
}
@media(max-width:820px){
header .conts .logo img {max-width: 50%;}
header .conts .logo p {font-size: 18px;margin: 10px;}
section{border-radius:0px!important;}
.content{border-radius:0px!important;}
main section.s1 .content h2, main section.s3 h2 {margin: 10px 0 10px 10px;}
.btn-up {bottom: 30px;}
main section.text_page .content {padding: 10px;}
.page_type_waste section.text_page p {margin:10px;}
header { display: flex!important; flex-direction: column; }  
header .conts .right{width:auto;display: none;}
header .uprowgoroda {font-size:13px;text-align:center;padding:5px;height: auto; display: block;
position:relative;max-height: 150px;order: 3;}
header nav {order: 1;}
header .conts {order: 2;padding-bottom:5px;text-align:center;}
.modal-content {width:100%!important;max-width: 100%;}
.modal-dialog {width:100%!important;max-width: 100%;}
nav{height:auto;min-height:58px;padding:40px 10px 10px;background:#6495ed;border-bottom:3px solid #36677e;margin-bottom: 10px;}
.nav-wrapper {display:none;}
span.grafrabperenos {display:block;}
nav ul{display:none;background:none;border-bottom:none;margin-bottom:5px;}
nav ul li{display:block;padding:15px 0;width: 100% !important;position: relative !important;
text-align: center !important;margin: 5px auto;}
nav ul li:last-child {padding-right: 0px;}
nav ul li:first-child {padding-left: 0px;}
nav ul li:before{display:none;}
main section.banner {border-top-right-radius:0;border-top-left-radius:0;}
main section.banner h1{margin-top:33px;margin-left:0;padding: 0 10px 0 10px;text-align: center;}
main section.banner p{font-size:30px;text-align: center;}
main section.banner .comm_off a{display: none;max-width:350px;text-align:center;padding:0;margin:0 auto;}
main section.banner .comm_off button{margin-left:30px;display:block;margin:20px auto 0 auto;}
main section.s2 .content h2{text-align:center;}
main section.s2 .content form{display:block;float:none;margin:auto;width: 100%;}
main section.s2 .content div>a{display:block;margin:20px auto 0;float:none;width: 100%;}

main.services section.s3 .content ul {margin: auto;padding-left: 10px;}

main section.s4 .content {padding-left:10px; }
main section.s4 .content .left{float:none;width:100%;}
main section.s4 .content .right{float:none;width:100%;padding: 0 0 30px;}
main section.s4 .content .right p{padding-top:10px;font-size: 17px;}
main section.s4:after{display:none;}
main section.s5 {padding-left:10px}
main section.s5 ul li{width:100%;margin-right:0;}
main section.s5 ul li:nth-child(odd){margin-right:0;}
section.s6 form fieldset:first-child, section.s12 form fieldset:first-child{padding-right:0;width:100%;}
section.s6 form fieldset, section.s12 form fieldset{width:100%;max-width:none;}
section.s6 form button{margin-top:20px;padding: 0;}
section.s6 h2, section.s12 h2,section.s7 h2{font-size:25px;}
section.s6 form button, section.s12 form button{margin-top:20px;}
main section p.desc_block{font-size:16px!important;}
section.s8 .content .works .img{width:100%;float:none;}
section.s8 .content .works .text,main.news  section.s8 .wrap .text{float:none;padding-left:0;width: 100%;}
section.s10 h2{text-align:center;}
section.s10 .content ul{text-align:center;max-width:600px;margin:auto;}
section.s10 .content ul li{width:40%;}
section.s10 .content ul li p{height:auto;}
section.s10 .content ul li:nth-child(even){margin:0;}
section.s12 form fieldset+fieldset{padding:0;}
section.form_footer form fieldset{width:100%;float:none;max-width:none;}
section.form_footer form>p{width:100%;max-width:none;margin-top:10px;}
.openMenu{display:block;}
main.page_type_waste section.banner .left{float:none;width: 100%;}
main.page_type_waste section.banner h1{font-size:40px;padding-left:0;padding-right: 0;}
main.page_type_waste section.banner h1:before{display:none;}
main.page_type_waste section.banner .form_header{float:none;width:100%;max-width:500px;margin:auto;}
.page_type_waste section.recycling .left{float:none;width: 100%;}
.page_type_waste section.recycling .right{float:none;width:100%;padding:10px 0;}
.page_type_waste section.recycling .right button{padding:0;}
section.s6 .content{padding:0 10px;}
.tel-mobi{display:block;}
.about_us main section.abus_block .right ul{position:relative;padding-top:20px;}
.about_us main section.command .personal .pers{width:50%;padding-bottom:30px;}
main.contacts  section .img,main.contacts  section .text{float:none;width:100%;padding-top:10px;}
main.search  section.search-fkko fieldset div{width:50%;}
main.search  section.search-fkko fieldset .s-name{width:50%;}
main.search  section.search-fkko form fieldset{padding:0;}
main.about_us  section.command .personal .pers {width: 50%;}
.breadcrumbs {padding-left:10px;}
main.licenses section.s12, main.news section.s12 {padding:10px;}

main section.s5 ul li:first-child:before{content:'';display:block;width: 30%;height:72px;float:left;left: 0px;
background:url(/assets/images/icon-document_1.svg)0 0 no-repeat;background-position: top center;}
main section.s5 ul li:nth-child(2):before{content:'';display:block;width: 30%;height:72px;float:left;left: 0px;
background:url(/assets/images/icon-time.svg)0 0 no-repeat;background-position: top center;}
main section.s5 ul li:nth-child(3):before{content:'';display:block;width: 30%;height:72px;float:left;left: 0px;
background:url(/assets/images/icon-recycle.svg)0 0 no-repeat;background-position: top center;}
main section.s5 ul li:nth-child(4):before{content:'';display:block;width: 30%;height:72px;float:left;left: 0px;
background:url(/assets/images/icon-document_4.svg)0 0 no-repeat;background-position: top center;}
main section.s5 ul li:nth-child(5):before{content:'';display:block;width: 30%;height:72px;float:left;left: 0px;
background:url(/assets/images/icon-document_3.svg)0 0 no-repeat;background-position: top center;}
main section.s5 ul li:nth-child(6):before{content:'';display:block;width: 30%;height:72px;float:left;left: 0px;
background:url(/assets/images/icon-worker_1.svg)0 0 no-repeat;background-position: top center;}

main section.s5 ul li p {font-size: 15px;margin-left: 30%;}
main section.s5 ul li{padding-left:10px;min-height: 126px;max-height: 130px;}

.prev-custom-for {left: 5px;}
.next-custom-for { right: 5px;}
.arrow-slider-next {right: 5px;}
.arrow-slider-prev {left: 5px;}

p.order{font-size: 16px!important;}
section.s6 form fieldset+fieldset p{font-size: 16px!important;}

main section.banner h1.mainh1 {font-size: 21px;margin:10px auto;text-shadow: 1px 1px 1px #fff;}
main section.banner p.mainp1 {font-size: 18px;margin:10px auto;text-shadow: 0px 1px 0px #fff;color: #000;}
main section.banner ul.mainul li {text-shadow: 0px 1px 0px #ccc;font-size: 16px;}

}

@media (max-width:844px) {
.slider-for-gallery{pointer-events: none;} 
header .conts .logo,header .conts .right{float:none;margin:auto;max-width:350px;}
header .conts .right div{float:none;margin:0;}
}
@media(max-width:680px){
header .conts .logo,header .conts .right{float:none;margin:auto;max-width:350px;}
header .conts .right div{float:none;margin:0;}
main section.s1 .type-waste>div{width:47%;min-width:200px;}
main section.s4 .content .right ul li{padding-right:10px;}
main section.s4 .content .right ul li img{width:100%;}
main section.s4 .content .right ul li+li{margin-left:0;}
section.s6 h2, section.s12 h2,section.s7 h2{font-size:22px;font-weight:100;}
main section.s2 .content h2{font-size:20px;}
main section.s2 form button{padding:0 10px;}
section.s7{padding-bottom:10px;padding-left:0;padding-right:0;}
section.s7 .slider-reviews .slide{width:50%;padding-bottom:40px;}
.about_us main section.photo-gallery .right ul li{width:24%;margin-bottom:0;padding-right:0;}
main.news  section.s8 .content{padding:0 10px;}
main.news  section.s8 .content .wrap{float:none;}
main.news  section.s8 .content .widget{float:none;}
section.s8 .content .works .text{max-width:500px;}
main.news  section.s8 .widgets{width:100%;max-width:none;}
main.news  section.s8 .widgets ul{padding:0 26px 8px;}
main.news  section.s8 .widgets ul li{width:49%;display:inline-block;}
main.news  section.s8 .widgets ul li:nth-child(2){border-top:none;}
main.search  section.search-fkko{padding-bottom:40px;}
main.search  section.search-fkko h2:before{display:none;}
main.search  section.search-fkko .content{padding:0 10px;}
main.search  section.search-fkko fieldset .s-fkko input{border-right:10px solid #9ecc33;}
main.search  section.search-fkko fieldset .s-name{width:100%;}
main.search  section.search-fkko fieldset div{width:100%;position:relative;}
main.search  section.search-fkko fieldset div > ul{padding-left:35px;}
main.search  .fkko-code,main.search  .fkko-name{background:#fff;z-index:10;left:10px;right:10px;-webkit-box-shadow:0 0 20px 0 rgba(0,0,0,0.4);top:100%;margin-top:-10px;}
.page_works section.filter-block .tabs_works-filter li a{padding:0 10px;}
main section.s1 .content h2:before, main section.s3 h2:before, main section.s5 h2:before, section.s7 h2:before, section.s9 h2:before, section.s11 .content h2:before,
.about_us main section.abus_block h2:before, .about_us main section.command h2:before, .about_us main section.photo-gallery h2:before,
.page_works section.filter-block h2:before, main.search  section.search-fkko h2:before, main.contacts  section.cont h2:before{display:none;}
}
@media(max-width: 540px){
main section.banner h1{font-size:28px;}
main section.banner p{font-size:23px;}
main section.banner ul li{font-size:17px;}
main section.banner .content{padding:0;padding-bottom: 30px;}
main section.s1 .type-waste>div{width:100%;min-width:200px;max-width:300px;}
h2,main section.s5 h2{font-size: 25px!important;text-align: center;}
footer .content p,footer .content p+p{float:none;text-align:left;}
footer .content p+p{padding-top:10px;}
section.s6 form input, section.s12 form input{width:100%;padding: 0 10px 0 40px;background-position-x: 10px;}
section.s6 form input, section.s12 form input+input{margin-top:20px;background-position-x: 10px!important;}
section.s6 form textarea, section.s12 form textarea{padding:15px 10px 10px 40px;background-position-x:10px;height: 80px;}
section.s12 form textarea {height: 85px;}
section.form_footer form fieldset input,section.form_footer form fieldset button{width:100%;float:none;}
section.form_footer form fieldset button{margin-top:10px;}
section.s7 .slider-reviews .slide{width:100%;margin:auto;/*float:none;*/}
section.s11 .content .quests{padding:48px 0 0;}
main.page_type_waste section.banner .form_header button:first-letter{text-transform:uppercase;}
main.page_type_waste section.banner .form_header button span{display:none;}
main.page_type_waste section.banner .form_header input, main.page_type_waste section.banner .form_header textarea{background-position-x:10px!important;padding-left:40px;}
.page_type_waste section.more_pages ul{display:inline-block;float:none;vertical-align:top;width:100%;padding:0 10px 10px;}
main section.s3 ul.service li , main section.s3.classes ul.service li{width:100%;}
main section.s3 ul.service{max-width:350px;}
main.about_us  section.command .personal .pers {width: 100%;}
.closeOverlay {width: 15px;height: 25px;position: absolute;top: 0;right: 5px;color: #fff;font-size: 24px;line-height: 24px;cursor: pointer;transition: .3s;z-index: 9999;}
.closeOverlay object {width: 15px;}
}
@media(max-width:400px){
header .conts .logo img{display:block;margin:0 auto 10px;}
header .conts .logo p{width:100%;display:block;text-align:center;}
main section.banner h1,main.page_type_waste section.banner h1{font-size:24px;}
main section.banner p, main.page_type_waste section.banner .left p{font-size:20px;padding:11px 0 0;line-height:normal;}
main section.banner .comm_off a:after,main section.banner .comm_off button:after{display:none;padding:0;}
main section.s1 .type-waste div button{padding:0;}
main section.s1 .type-waste>div, main section.s3 ul.service li{min-width:auto;width:100%;}
main section.s5 ul li:before{display:none;}
main section.s5 ul li{padding-left:5px;min-height: 126px;max-height: 130px;}
main section.s5 ul li span{font-size:18px;}
main section.s5 ul li p{font-size:15px;}
section.s8 .content .works .text button{width:100%;position:relative;margin-bottom:20px;}
section.s8:after{display:none;}
section.s8 .content .works .text{padding-bottom:0;}
section.s9 .slider-certif .slide img{max-width:255px;width:100%;}
section.s10 .content ul li{width:100%;}
section.s11 .content h2{font-size:25px;}
section.s11 .quests ul li h4{padding:10px;font-size:16px;}
section.s11 .quests ul li h4:before{display:none;}
section.s12 .content{padding:30px 10px;}
section.s13 ul{width:40%;}
.page_type_waste section.more_pages ul{width:100%;}
.about_us main section.photo-gallery .right ul li{width:46%;}
.about_us main section.command .personal .pers{width:100%;}/*
h2, main section.s5 h2{font-size:18px!important;}*/
main.news  section.s8 .widgets{width:100%;max-width:none;}
main.news  section.s8 .widgets ul{padding:0 26px 8px;}
main.news  section.s8 .widgets ul li{width:100%;display:inline-block;}
main.news  section.s8 .widgets ul li:nth-child(2){border-top:1px solid #ededed;}
.page_works section.filter-block .tabs_works-filter li{width:100%;padding:5px;}
.slick-slider .slick-list {max-height: 480px!important;}
}

@media(max-width:320px){
section.s13 ul{width:100%;}/*
h2, main section.s5 h2{font-size:18px!important;}*/
}