/* Адаптированный дизайн */
@media screen and (max-width: 1000px){
    .ListServices .items .irow ._block .title{
        font-size: 32px;
    }
    .ListServices .items .irow ._block .text{
        font-size: 18px;
        padding: 30px 0px 0px 0px;
    }
    .ListServices .items .irow ._block{
        padding: 50px 40px 40px 40px;
    }
    .ListServices .items .irow .img .i, .ListServices .items .irow ._block{
        min-height: 450px;
        height: auto;
    }
}
@media screen and (max-width: 900px){
    .directions{}
    .directions .items{}
    .directions .items .item.w55{
        width: 40% !important;
    }
    .directions .items .item.w45{
        width: 60% !important;
    }
    .directions .title{
        padding: 0px;
        font-size: 32px;
    }
    .directions .text{
        padding-top: 15px;
        font-size: 18px;
    }
}
@media screen and (max-width: 800px){
    body.menuActivemobyle .BlockMobyleMenu{
        left: 0px;
        transition: all .5s ease;
    }
    body.menuActivemobyle{
        overflow: hidden !important;
    }
    body.menuActivemobyle .allSites{
        LEFT: 300px;
        transition: all .5s ease;
    }
    body.menuActivemobyle .allSites:before{
        display: block;
        background-color: #000;
        position: absolute;
        top:0px;
        left: 0px;
        width: 100%;
        height: 100%;
        content: '';
        z-index: 100;
        opacity: .2;
    }

    .GambMenu{
        display: inline-block;
        right: 0px;
        opacity: 1;
    }
    header ._block1{
        min-height: auto;
    }
    header ._block2{
        min-height: 70px;
    }
    header ._block2 .TopMenu{
        display: none;
    }
    header ._block2.nav .item{
        width: 50% !important;
    }
    header ._block2.nav .item:nth-child(2){
        display: none;
    }
    header ._block2 a.logo{
        margin: 20px 0px 0px 0px;
    }
    header ._block2 a.cal{
        margin: 10px 0px 0px 0px;
    }


    .BannerPages .Img{
        min-height: auto;
        padding-bottom: 50px;
        padding-top: 50px;
    }
    .BannerPages .Img .title{
        padding: 20px 0px 0px 0px;
        width: 80%;
    }
    .BannerPages .Img .title h1{
        font-size: 32px;
    }
    .BannerPages .Img .title:before{
        width: 30%;
        height: 2px;
        bottom: -10px;
    }
    .BannerPages .Img .text{
        padding: 50px 0px 0px 0px;
        font-size: 18px;
        width: 80%;
    }
    .BannerPages .Img .prim span{
        font-size: 16px;
    }


    .MainMaps .title,
    .MainAbout ._block .title,
    .ServicesText .title{
        font-size: 32px;
    }
    .MainMaps .title{
        padding: 0px 0px 50px 0px;
    }
    .MainAbout .newsMain .Items .Item ._item .name,
    .MainAbout ._block .text{
        font-size: 16px;
    }
    .MainMaps .items .name{
        font-size: 22px;
    }
    .MainMaps .items .text{
        font-size: 14px;
    }
    .MainAbout{
        padding: 1px 0px 0px 0px;
    }
    .MainAbout ._block{
        height: auto;
        min-height: 200px;
        padding: 50px 0px 170px 0px;
    }
    .MainAbout .newsMain{
        margin: -150px 0px 0px 0px;
    }
    .MainAbout .newsMain .Items .Item ._item .img{
        min-height: 150px;
    }
    .MainAbout .newsMain .Items .Item ._item .name{

    }
    .MainMaps .items .item{
        margin: 0px 10px;
    }
    .ServicesText.Main{
        padding: 50px 0px 0px 0px;
    }
    .ServicesText.Main ._block{
        padding-top: 0px;
    }
    .ServicesText .ListStrah .item{
        width: 50% !important;
    }
    .PagesForm > .items{
        padding-top: 50px;
        padding-bottom: 0px;
    }
    .PagesForm > .items > .item{
        width: 100% !important;
    }
    .PagesForm ._block{
        padding: 0px 30px 30px 30px;
    }
    .PagesForm .title{
        font-size: 32px;
    }
    .PagesForm * + .text{
        padding-top: 20px;
    }
    .PagesForm .text{
        font-size: 18px;
    }
    .LogoMain .items .item{
        width: 33.333% !important;
    }
    .LogoMain .items .item.pd{
        display: none;
    }
    .RedSevicesBottomText{
        padding: 50px 0px;
    }
    .RedSevicesBottomText .title{
        font-size: 24px;
    }
    .RedSevicesBottomText * + .text{
        padding: 15px 0px 0px 0px;
    }
    .RedSevicesBottomText .text{
        font-size: 16px;
        line-height: 20px;
    }
    .RedSevicesBottomText a.detail{
        margin: 10px 0px 0px 0px;
    }

    .ListCatPages .ListCatItems .CatItem{
        padding: 30px 30px 30px 30px;
    }
    .ListCatPages .ListCatItems .CatItem .name{
        font-size: 20px;
    }
    .ListCatPages .ListCatItems .CatItem ._block .conf{
        font-size: 16px;
    }
    .ListCatPages .ListCatItems .CatItem ._block .conf > div + div{
        padding: 4px 0px 0px 0px;
    }
    .PagesH1 h1{
        font-size: 32px;
    }
    .ContactMaps .item.IContact .title{
        font-size: 32px;
        padding: 0px 0px 50px 0px;
    }
    .ContactMaps .item.IContact .text.adr, .ContactMaps .item.IContact .name,
    .ContactMaps .item.IContact .text.tel{
        font-size: 18px;
    }
    .ContactMaps .item.IContact .text.tel span.ik{
        width: 36px;
        height: 36px;
        background-size: 16px;
        margin: 0px 15px 0px 0px;
    }
    .ContactMaps .item.IContact .text.adr span.ik{
        margin: 0px 15px 30px 0px;
    }
    .ContactMaps .item.IContact .text.ema span.ik{
        margin: 0px 15px 20px 0px;
    }
    .ContactMaps .items .item.IContact{
        width: 50% !important;
    }
    .ContactMaps .items .item.MapsYandex{
        width: 50% !important;
    }
    .TextReliability{
        padding: 40px 0px;
    }
    .TextReliability .title{
        font-size: 20px;
    }
    .TextReliability .text{
        font-size: 16px;
    }

    .ServicesText{
        padding: 50px 0px 30px 0px;
    }
    .ImgGb.h700,
    .ImgGb.h500{
        min-height: 10px;
        background: none !important;
    }
    .ImgGb .item ._block{
        padding: 0px 0px 0px 0px;
    }
    .ServicesText .ImgGb .items .item{
        width: 100% !important;
    }
    .ImgGb, .ImgGb p, .ImgGb li{
        font-size: 16px;
    }
    .ServicesText img{
        max-width: 100%;
    }
    .ServicesText .text *.pt100 {
        padding-top: 50px;
    }
    .GrenServices{
        padding: 30px 0px 30px 0px;
    }
    .GrenServices .item ._block{
        padding: 0px 30px 30px 30px;
        max-width: 800px;
    }
    .GrenServices .items .item{
        width: 100% !important;
    }
    .GrenServices .item .img{
        padding-top: 0px;
        height: 300px;
        background-size: contain;
        background-position: 50% 0px;
    }
    .GrenServices .item ._block .name{
        font-size: 32px;
    }
    .GrenServices .item ._block .text{
        font-size: 18px;
    }
    .GrenServices .item ._block .text{
        width: 100%;
    }
    .TextImgPosition{
        min-height: 100px;
        padding: 60px 0px 30px 0px;
    }
    .TextImgPosition .items{}
    .TextImgPosition .items .item.w50{
        width: 100% !important;
    }
    .TextImgPosition .items .item ._block{
        max-width: 100%;
        padding: 0px 30px 30px 30px;
    }
    .TextImgPosition .title{
        font-size: 32px;
    }
    .TextImgPosition .text{
        font-size: 18px;
        width: 100%;
    }
    .TextImgPosition .items .item.img img{
        position: relative;
        top: 0px;
        left: 0px;
        max-width: 350px;
        margin: auto;
        display: block;
    }

    .PagesBannImg{
        padding: 50px 15px;
    }
    .PagesBannImg ._block .title{
        padding-top: 0px;
    }
    .PagesBannImg ._block .title{
        font-size: 32px;
    }
    .PagesBannImg ._block .text{
        font-size: 20px;
    }
    .PagesBannImg .items .item.w50{
        width: 70%;
    }
    .PagesBannImg .items .item.w50.img{
        width: 30%;
    }
    .PagesBannImg .img{
        min-height: 300px;
        background-size: cover;
    }

    .PagesText .title{
        font-size: 32px;
        padding-top: 50px;
    }
    .PagesText .text{
        font-size: 18px;
    }
}
@media screen and (max-width: 700px){
    .RedSevicesBottomText{
        padding: 30px 0px;
    }
    .RedSevicesBottomText .items .item{
        width: 100% !important;
    }
    .RedSevicesBottomText a.detail{
        margin: 20px 0px 0px 0px;
        width: 100%;
        height: 40px;
        line-height: 40px;
    }
    footer .content.items > .item{
        width: 50% !important;
    }
    footer .title{
        font-size: 16px;
        padding: 30px 0px 15px 0px;
    }
    footer .ftel,
    footer ul.BMenu li a{
        font-size: 14px;
    }
    footer .item {
        padding: 0px 0px 0px 15px;
    }
    .copss{
        padding: 20px 0px 0px 15px;
        font-size: 10px;
    }
    .ListServices .items .item{
        width: 70% !important;
    }
    .ListServices .items .item.img{
        width: 30% !important;
    }
    .ListCatPages .ListCatItems .CatItem ._block .conf{
        padding-top: 30px;
    }
    .ListCatPages .ListCatItems .items .item{
        width: 100% !important;
    }
    .ListCatPages .ListCatItems .CatItem ._block .img{
        padding: 0px 0px 0px 0px;
    }
    .ListCatPages .ListCatItems .CatItem ._block .img img{
        width: 100%;
    }
    .BlockDirec{}
    .BlockDirec .items{}
    .BlockDirec .items .item{
        width: 100% !important;
    }
    .BlockDirec .items .item + .item{
        padding-top: 30px;
    }
    .directions .title{
        font-size: 24px;
    }
    .directions .text{
        padding-top: 10px;
        font-size: 16px;
    }
    .AutoDetail{}
    .AutoDetail .items{}
    .AutoDetail .items .item {
        width: 100% !important;
    }
    .AutoDetail .items .item.ImgCar {
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 30px 0px;
    }
}
@media screen and (max-width: 600px){
    header ._block2 a.cal{
        display: none;
    }


    .MainAbout .newsMain{
        display: none;
    }
    .MainAbout ._block{
        padding: 50px 0px 30px 0px;
    }
    .MainAbout ._block .text ul{
        padding-left: 15px;
        padding-bottom: 10px;
    }
    .ServicesText .title,
    .MainMaps .title{
        font-size: 28px;
    }
    .ServicesText.Main .name{
        font-size: 14px;
        width: 90%;
        padding-top: 20px;
    }
    .ServicesText.Main .img{
        height: 150px;
    }
    .ServicesText .img img{
        max-height: 100%;
    }
    .LogoMain{
        padding: 100px 0px 50px 0px;
    }

    .PagesH1 h1{
        font-size: 24px;
    }
    .ContactMaps .items .item.IContact,
    .ContactMaps .items .item.MapsYandex{
        width: 100% !important;
    }
    .ContactMaps .items .item.IContact{
        text-align: left;
        padding: 30px 30px 30px 30px;
    }
    .ContactMaps .item.IContact .title{
        font-size: 24px;
        padding: 0px 0px 30px 0px;
    }
    .ContactMaps .item.IContact .title br{
        display: contents;
    }
    .ContactMaps .item.IContact ._block{
        max-width: 100%;
    }
    .ContactMaps .item.IContact .text + .text {
        padding: 15px 0px 0px 0px;
    }
    .ContactMaps .MapsYandex{
        border: none;
        border-top: 5px solid #fff;
    }
    .contactImg{
        height: 300px;
    }
    .PagesBannImg{
        padding: 30px 15px;
    }
    .PagesBannImg .items .item.w50{
        width: 100%;
    }
    .PagesBannImg .items .item.w50.img{
        width: 100%;
    }
    .PagesBannImg ._block{
        max-width: 100%;
        padding-right: 0px;
        padding-bottom: 30px;
    }
    .PagesBannImg .img{
        min-height: 200px;
        background-size: contain;
        background-position: 100% 0px;
    }
    .PagesBannImg ._block .title{
        font-size: 24px;
    }
    .PagesBannImg ._block .text{
        font-size: 18px;
        padding-top: 15px;
    }
    .PagesText .title{
        font-size: 24px;
    }
    .PagesText .text{
        font-size: 16px;
    }
}
@media screen and (max-width: 500px){
    .BannerPages .Img .title h1{
        font-size: 24px;
    }
    .BannerPages .Img .title{
        width: 90%;
    }
    .BannerPages .Img .text{
        padding: 30px 0px 0px 0px;
        font-size: 15px;
        width: 90%;
    }
    .BannerPages .Img .prim{
        padding: 30px 0px 0px 0px;
    }
    .BannerPages .Img .prim span{
        font-size: 12px;
        padding-right: 10px;
    }
    .BannerPages .Img .button a{
        height: 38px;
        line-height: 36px;
        padding: 0px 20px;
        font-size: 10px;
    }
    .BannerPages .Img .button a + a{
        margin-left: 15px;
    }
    .MainMaps{
        padding: 50px 0px 0px 0px;
    }
    .MainMaps .items .item{
        margin: 0px;
        width: 50% !important;
    }
    .MainMaps .title {
        padding: 0px 0px 30px 0px;
    }
    .MainMaps .items .name{
        font-size: 18px;
    }
    .MainMaps .items .name{
        padding: 0px 0px 15px 0px;
    }
    .PagesForm ._block{
        padding: 0px 0px 30px 0px;
    }
    .PagesForm > .items{
        padding-top: 20px;
    }
    .FormAutosendi form{
        border-radius: 10px;
        padding: 0px 0px 30px 0px;
    }
    .FormAutosendi form .FormTitle{
        font-size: 18px;
    }
    .FormAutosendi form ._blockForm{
        padding: 30px 15px 0px 15px;
    }
    .FormAutosendi form ._blockForm .item textarea{
        height: 100px;
        border-radius: 10px;
    }
    .FormAutosendi form ._blockForm .item input{
        border-radius: 10px;
    }
    .FormAutosendi form ._blockForm .item button{
        font-size: 16px;
        border-radius: 10px;
    }
    .LogoMain .items .item{
        width: 50% !important;
    }
    .RedSevicesBottomText .title{
        font-size: 18px;
    }
    .RedSevicesBottomText .text{
        font-size: 14px;
        line-height: 16px;
    }
    footer{
        padding-bottom: 20px;
    }
    .ListServices .items .irow ._block .title{
        font-size: 22px;
    }
    .ListServices .items .irow ._block .title span{
        display: inline-block;
    }
    .ListServices .items .irow ._block .text{
        font-size: 14px;
    }
    .ListServices .items .irow ._block{
        padding: 30px 20px 30px 20px;
    }
    .ListServices .items .irow .img .i, .ListServices .items .irow ._block{
        min-height: 300px;
    }
    .ListServices .items .irow .item:nth-child(1){
        padding: 0px 10px 0px 0px;
    }
    .ListServices .items .irow .item:nth-child(2){
        padding: 0px 0px 0px 0px;
    }
    .ListServices .items .irow{
        padding: 0px 0px 10px 0px;
    }
    * + .ListServices{
        padding: 50px 0px 0px 0px;
    }
    .ListServicesIkon .SliderServices ._block .Ikon{
        width: 140px;
        height: 140px;
    }
    .ServicesText{
        padding: 50px 0px 30px 0px;
    }
    .ServicesText .text{
        font-size: 16px;
    }
    .TextReliability .table,
    .TextReliability .table .row,
    .TextReliability .table .row .item{
        display: block !important;
        width: 100% !important;
        padding: 0px !important;
    }
    .TextReliability * + .text{
        padding: 15px 0px 0px 0px;
    }
    .TextReliability .detail{
        width: 100%;
        margin: 15px 0px 0px 0px;
        border-radius: 10px;
    }
    .PagesForm.content{
        padding-bottom: 30px;
    }
    .TextImgPosition .title{
        font-size: 24px;
    }
    .TextImgPosition .text{
        font-size: 16px;
        padding-top: 5px;
    }
    .ServicesText .img{
        height: 80px;
    }
    .ServicesText .name{
        font-size: 16px;
        width: 90%;
        padding-top: 15px;
    }
    .ServicesText .text *.pt60{
        padding-top:30px;
    }
    img.bannerImg{
        padding-bottom: 30px;
    }
    .directions .items .item.w55{
        width: 100% !important;
    }
    .directions .items .item.w45{
        width: 100% !important;
    }
    .directions .item + .item{
        padding: 15px 0px 0px 0px;
    }
}
@media screen and (max-width: 400px){
    .BannerPages .Img .title h1{
        font-size: 20px;
    }
    .BannerPages .Img .title{
        width: 100%;
    }
    .BannerPages .Img .text{
        width: 100%;
    }
    .BannerPages .Img .prim{
    }
    .BannerPages .Img .prim span{
        font-size: 10px;
        padding-right: 5px;
    }
    .BannerPages .Img .prim span + span{
        padding-left: 10px;
    }
    .ServicesText .title,
    .MainMaps .title,
    .MainAbout ._block .title{
        font-size: 24px;
    }
    .MainAbout .newsMain .Items .Item ._item .name,
    .MainAbout ._block .text{
        font-size: 14px;
    }
    .MainAbout ._block .text{
        padding: 10px 0px 0px 0px;
    }
    .MainMaps .items .item{
        width: 100% !important;
    }
    .MainMaps .items .text{
        padding: 0px 0px 45px 0px;
    }
    .ServicesText.Main .img{
        height: 120px;
    }
    .PagesForm .title{
        font-size: 28px;
    }
    .PagesForm .text{
        font-size: 14px;
    }
    .PagesForm > .items{
        padding-top: 0px;
    }
    .LogoMain .items .item{
        width: 40% !important;
        margin: 0px 5%;
        background-size: contain;
        min-height: 80px;
    }
    .LogoMain{
        padding: 60px 0px 30px 0px;
    }
    .ServicesText.Main ._block{
        padding-bottom: 30px;
    }
    footer .ftel, footer ul.BMenu li a{
        font-size: 12px;
    }
    footer .title{
        font-size: 14px;
        padding: 30px 0px 10px 0px;
    }
    footer ul.BMenu li + li{
        padding: 3px 0px 0px 0px;
    }
    footer .fadres{
        font-size: 12px;
    }
    .ListServices .items .item{
        width: 80% !important;
    }
    .ListServices .items .item.img{
        width: 20% !important;
    }
    .ListServices .items .irow ._block .text p + p{
        padding: 10px 0px 0px 0px;
    }
    .ListServices .items .irow ._block .text{
        padding: 20px 0px 0px 0px;
    }
    .ListServices .items .irow ._block .title{
        font-size: 20px;
    }
    .ListCatPages{
        padding: 30px 0px;
    }
    .ListCatPages .ListCatItems .CatItem{
        padding: 15px;
    }
    .ListCatPages .ListCatItems .CatItem * + ._block{
        padding: 15px 0px 0px 0px;
    }
    .ListCatPages .ListCatItems .CatItem ._block .img .prices{
        position: relative;
        left: 0px;
        right: auto;
        width: 100%;
        border-radius: 0px 0px 5px 5px;
        top: 0px;
        text-align: center;
        height: 40px;
        line-height: 40px;
        font-size: 18px;
    }

    .PagesH1 h1{
        font-size: 20px;
        /*padding-bottom: 0px;*/
    }

    .ImgGb, .ImgGb p, .ImgGb li{
        font-size: 14px;
    }
    .GrenServices .item ._block .name{
        font-size: 24px;
    }
    .GrenServices .item ._block * + .text {
        padding: 15px 0px 0px 0px;
    }
    .GrenServices .item ._block .text{
        font-size: 16px;
    }
    .ServicesText ._block {
        padding-bottom: 30px;
    }
    .ServicesText + .ServicesText{
        padding-bottom: 30px;
    }
    .TextImgPosition .items .item.img img{
        max-width: 200px;
    }
    .directions .title{
        font-size: 18px;
    }
    .directions .text{
        font-size: 14px;
    }
    .PagesForm .text.fs18{
        font-size: 14px;
    }
    .directions.directionsPadBot{
        padding-bottom: 30px;
    }
    .AutoDetail .ImgCar .smPhotos .smPhoto{
        width: 25%;
    }
    .AutoDetail .description p.title{
        font-size: 20px;
    }
    .AutoDetail * + .description{
        padding: 30px 0px 0px 0px;
    }
    header ._block1 .bttn{
        right: auto;
        left: 10px;
    }
}
@media screen and (max-width: 350px){
    .ServicesText .name{
        font-size: 14px;
    }
    .ServicesText .title{
        font-size: 18px;
    }
    .ServicesText .text *.pt100{
        padding-top: 30px;
    }
    .ServicesText{
        padding: 50px 0px 0px 0px;
    }
    .PagesBannImg{
        padding: 15px 15px;
    }
    .PagesBannImg ._block .title{
        font-size: 20px;
    }
    .PagesBannImg ._block .text{
        font-size: 16px;
    }
}