/*MedIa scReeN===================================================*/
@media screen and (max-width: 1225px) {
.map {width: 90%;}
.container{max-width:1140px}
.banner__inner {width: 65%;}
}

@media screen and (max-width: 1150px) {
.container{max-width:960px}
.number{grid-gap:32px}
.number__title{font-size:30px;margin-bottom:12px}
.block2__img{width:50%}
.footer__wrap:nth-child(1) p{display:none}
.footer__wrap:nth-child(1){width:auto}
.footer__wrap:nth-child(1) img{margin:0}
.footer__wrap:nth-child(2){width:24%}
.footer__bottom{padding:20px 0}
.footer__top{padding:35px 0}
.block3__subtitle{font-size:16px;line-height:1.2}
.block2-mini .block-img{padding:0}
.my-modal .modal-dialog{width:93%!important}
.kak_opicanie{grid-template:auto/repeat(3,1fr)}
.block2.column .block-img:before{display:none}
.block-img:before{display:none}
.map-block__img{width:25%}
.kto__wrap{grid-template:auto/repeat(3,1fr);grid-gap:32px}
.block-img__img{display:none}
.block-img{padding:0}
.service {grid-template: auto/repeat(2,1fr);}
.service__img {width: 100%;height: 100%;}
.service__inner {bottom: -62%;}
.kak__wrap.wrap .kak__title p {font-size: 16px;}
.kak__mini-img {width: 100px; height: 100px;}
}
@media screen and (max-width:992px){
.header__no {display: block}
.header__mobile {display: flex; align-items: center;}
.header__mobile .header__burger { margin-left: 40px;}
.container{max-width:860px}	
.header__burger{position:relative;width:50px;height:50px;background:#186f40;}
.header__right{display:none}
.header__left{display:none}
.header__wrap{position:relative}
.header__burger:before,.header__burger:after,.header__burger span{position:absolute;left:50%;width:35px;content:'';background:#fff;height:3px;transition:.5s ease}
.header__burger:before{top:9px;transform:translate(-50%,0)}
.header__burger:after{bottom:10px;transform:translate(-50%,0)}
.header__burger span{top:50%;transform:translate(-50%,-50%)}
.mobile{display: block;}
.mm-btn_next:after,.mm-btn_prev:before{border-color:#fff!important;border-width:2px!important}
nav#menu a{color:#fff;font-weight:500;text-transform:uppercase;font-size:19px!important;border-color:#fff!important}
nav#menu{background:#186F40!important;z-index:25}
.mm-listitem:after{left:0!important}
.mm-panel_has-navbar .mm-navbar{background:#186F40}
.mm-panels{background:#186F40!important}
.mm-panel{background:#186F40!important}
.mm-listitem:after{background:#fff;left:0}
.mm-btn_next:after,.mm-btn_prev:before{border-top:1px solid #fff;border-left:1px solid #fff!important}
.mm-navbar{background:#186F40;border-color:#fff!important}
.mobile__phone{position:absolute;bottom:0;left:0;width:100%;display:flex;align-items:center;justify-content:center;padding:15px 0}
.mobile__phone:before{position:absolute;top:0;left:0;width:100%;height:1px;content:'';background:#fff}
.mm-menu {transition: 0.5s ease !important;}
.mm-menu.active{transition: 0.5s ease !important;}
.mobile__phone svg {margin-right: 8px;}
.number{grid-template:auto/repeat(1,1fr)}
.number__img:before{display:none}
.zerno{display:none}
.block3{grid-template:auto/repeat(2,1fr);grid-row-gap:25px;padding:50px 0}
.map{width:100%}
.banner__inner{width:81%}
.banner__title{font-size:59px}
.footer__menu{display:none}
.footer__top-top{display:block;text-align:center}
.footer__top{padding:20px 0;width:100%}
.footer{display:flex;align-items:flex-start;flex-direction:column-reverse}
.footer__bottom{width:100%}
.kto-block{height:395px}
.kto__wrap{grid-template:auto/repeat(2,1fr);grid-gap:25px}
.kto__number{font-size:50px}
.kak{grid-template:auto/repeat(2,1fr);grid-row-gap:32px}
.kak_opicanie{grid-template:auto/repeat(2,1fr);grid-gap:20px}
.map-block .block-text{margin:0}
.map-block.mb80{margin:0}
.kto__number:before{top:-11%;width:60px;height:60px}
.nashi{grid-template:auto/repeat(2,1fr);grid-gap:20px}
.block-text{margin-bottom:30px}
.nashi__wrap{grid-column:auto!important;grid-row:auto!important}
.mb120,.mb100,.mb80,.mb90{margin-bottom:60px}
.number__img img{width:100%;object-fit:cover}
.block-title{font-size:35px;line-height:1!important}
.block2.column.blocl{flex-direction:column-reverse}
.block2.column.blocl .block2__img,.block2.column.blocl .block2__img img{width:100%}
.block2.column.blocl .block2__wrap{width:100%;margin-bottom:30px}
.service{grid-template:auto/repeat(2,1fr)}
.footer__wrap a{display:none}
.footer__wrap{width:auto!important}
.footer__wrap img{margin:0}
}

@media screen and (max-width:710px){
.service__inner {bottom: -75%;}
.container{max-width:600px}
.forma{display:grid;grid-template:auto/repeat(2,1fr);grid-gap:20px}
.forma__input{margin:0}
.block4{padding:55px 0}
.block4__title{font-size:35px;margin-bottom:15;margin-bottom:5px}
.block4__subtitle{margin-bottom:20px}
.block3__inner img{width:60px}
.block2{flex-direction:column}
.block-2.product:nth-child(odd) .block2{flex-direction:column}
.block2.column{flex-direction:column-reverse}
.block2__img,.block2__img img{width:100%}
.block2__wrap{width:100%;margin-bottom:30px} 
.banner__title {font-size: 44px;}
.map-block__img { display: none;}
.kak__img { width: 60px; margin-right: 20px;}
.kak { grid-gap: 20px;}
.header__link img {  height: 85px;}
.page-header__title {font-size: 31px;}
.service__title {padding-bottom: 20px;font-size: 19px;line-height: 1.2;}
.service__title:before {bottom: 8px;}
.product-gallary__wrap { grid-template: auto/repeat(2,1fr);}
.fancy.product-gallary__inner {grid-column: auto !important;grid-row: auto !important;}
.fancy.product-gallary__inner img { width: 100%; height: 100%;object-fit: cover;}
.service__inner-text {height: 150px;}
}

@media screen and (max-width:560px){
.container{max-width:480px}
.block3{grid-template:auto/repeat(1,1fr);grid-gap:25px;padding:35px 0}
.block3__inner img{margin-right:25px}
.kto__title{font-size:29px}
.page-header-block{height:266px}
.forma{grid-template:auto/repeat(1,1fr);grid-gap:15px}
.number.mb100.mt100{margin-top:0}
.map{width:100%;height:340px;object-fit:cover}
.btn1.mt40{margin-top:20px}
nav#menu a {font-size: 17px!important;}
canvas#myChart2 {display: block !important;}
canvas#myChart {display: none !important;}
}

@media screen and (max-width:480px){
.kak__wrap.wrap{flex-direction:column}
.kak.wrap{display:grid;grid-template:auto/repeat(2,1fr);text-align:center}
.kak__wrap.wrap .kak__title p{font-size:20px}
.kak__wrap.wrap .kak__title{margin:0;width: 100%;}
.kak__mini-img{margin-bottom:13px}
.product-gallary__wrap {grid-template: auto/repeat(1,1fr);}
.fancy.product-gallary__inner { height: 230px;}
.banner-block{height:80vh}
.number__title{font-size:24px}
.number__subtitle{line-height:1}
.number__number:before{display:none}
.number__number{padding:0}
.block-title.mb30{margin-bottom:16px}
.block-title{font-size:27px}
.banner__title{font-size:36px}
.footer__wrap{display:none}
.kto__wrap{grid-template:auto/repeat(1,1fr)}
.kto-block{height:450px}
.kak{grid-template:auto/repeat(1,1fr)}
.nashi{grid-template:auto/repeat(1,1fr)}
.service{grid-template:auto/repeat(1,1fr)}
.kak_opicanie{grid-template:auto/repeat(1,1fr)}
.kto__title{margin-bottom:25px}
.banner__inner{width:100%}
.fix-btn{ display: flex !important;}
.service__inner { bottom: -63%;}
.product-gallary__wrap2 { grid-template: auto/repeat(1,1fr);}
}

@media screen and (max-width:380px){
.number__img{width:100%}
.number__wrap{flex-direction:column-reverse}
.number__inner{width:100%;margin-bottom:30px}
.mb120,.mb100,.mb80,.mb90{margin-bottom:40px}
.footer__copy p{line-height:18px!important}
}

