.wrap {
    background: 
        url("../img/bg/footer/sozidanie.png") 100% 0% no-repeat, 
        url("../img/bg/footer/Spiral.png") 0 900px no-repeat, 
        url("../img/bg/Общение.png") 30% 100% no-repeat; 
    }
    .sectionRevies #slickStart .sectionSlick .imgCompanyRevies{
        margin: 50px 0;
    }
body > div.container-fluid.mainWrap > div:nth-child(3) > section.wrapBottom.container-fluid > div:nth-child(1) > div > div{
    background: url("../img/bg/footer/vdohnovenie.png") -2% -42% no-repeat;
}
body > div.container-fluid.mainWrap > div:nth-child(3) > section.wrapBottom.container-fluid{
    background: url("../img/bg/footer/Spiral.png") 106% 41% no-repeat;
}
body > div.container-fluid.mainWrap > div:nth-child(3) > section.wrapBottom.container-fluid > div:nth-child(2) > div:nth-child(2){
    background: url("../img/bg/footer/razvitie.png") 5% 100% no-repeat;
}
body > section.howWeWork.container-fluid.wow.fadeIn > div > div.col.col-12.colMob > a{
    display: none;
}
.btnTheme1:hover, .btnTheme1--xs:hover{
    color: #fff;
}
.responsiveGallery-btn_next{
    top: 150px;
}
.responsiveGallery-btn_prev{
    top: 150px;
}
.companyWiner .figWiner .yw-1{
    min-height: 90px;
}
.companyWiner .figWiner img{
    max-width: 300px;
    height: 300px;
    object-fit: cover;
}
body > div.container-fluid.mainWrap > div:nth-child(3) > section.mobileComand > div.pancil-team > p > span{
    position: relative;
    top: 5px;
    left: -5px;
    font-size: 1.4em;
}
body > div.container-fluid.mainWrap > div:nth-child(3) > section.mobileComand > div.pancil-team{
    padding: 27px 0 13px 0;
}
.companyWiner .figWiner .yw-1,
.companyWiner .figWiner .yw-2{
    max-width: 100%;
    white-space: nowrap;
    min-height: 90px;
}
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&subset=cyrillic');










/* ================= Ниже медиазапросы в порядке очереди (не меняй их порядок) =================== */
@media screen and (max-width: 1199px){

    .sectionAboute .bossWrap img{
        margin: 0 auto;
        max-width: 400px;
    }
    .sectionAboute .bossWrap figcaption *{
        text-align: center;
    }
    section.howWeWork{
        background-position: 35% 53%;
    }
}

/* ============== */

@media screen and (max-width: 1199px){
    body > section.howWeWork.container-fluid.wow.fadeIn > div > div.col.col-12.colMob > a{
        display: flex;
    }
    body > section.howWeWork.container-fluid.wow.fadeIn > div > div.container > div > div.col.col-12.col-sm-7.rightSide > a{
        display: none;
    }
    #scrollText > div.row.PC > div.col.col-12.col-md-5 > div p a{
        font-size: 1.3rem;
    }
    .wrap {
        background: none;
        background: 
            url("../img/bg/footer/Spiral.png") 0 900px no-repeat;
        }
        .sectionRevies #slickStart .sectionSlick .imgCompanyRevies{
            margin: 50px 0;
        }
    body > div.container-fluid.mainWrap > div:nth-child(3) > section.wrapBottom.container-fluid > div:nth-child(1) > div > div{
        background: none;
    }
    body > div.container-fluid.mainWrap > div:nth-child(3) > section.wrapBottom.container-fluid{
        background: url("../img/bg/footer/Spiral.png") 106% 41% no-repeat;
    }
    body > div.container-fluid.mainWrap > div:nth-child(3) > section.wrapBottom.container-fluid > div:nth-child(2) > div:nth-child(2){
        background: none;
    }
}

/* ============ */


@media screen and (max-width: 991px){
    .sectionSlick{
        max-width: 100%;
    }
    .sectionRevies #slickStart .sectionSlick .imgRevieMail-mini .imgReviesAutor{
        display: none;
    }
}
.scrollText .titleScroll p:last-child.active::after{
    top: 4px;
}

/* ============== */

@media screen and (min-width: 768px) and (max-width: 960px){
    /* ВНИМАНИЕ СТРАШНЫЕ КОСТЫЛИ */
    /* БЫло лень добавлять в разметку трех страниц классы */

    /* определяю как col-md-3 */
    .sectionSlick  .container .row > .col-md-2{
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    /* определяю как col-md-9 */
    .sectionSlick  .container .row > .col-md-10{
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }


    .sectionRevies #slickStart .sectionSlick .textList p{
        margin: 0;
    }

    .sectionRevies #slickStart .sectionSlick .textList br{
        display: none;
    }
    .sectionRevies #slickStart .sectionSlick .imgRevieMail-mini{
        max-width: 100px;
        left: 43px;
        top: 168px;
    }
    .sectionRevies #slickStart .sectionSlick .imgRevieMail-mini svg{
        top: 47px;
        left: 31px;
    }
    .companyWiner .figWiner img{
        max-width: 100%;
        height: 300px;
        object-fit: contain;
    }
}

/* ======== */

@media screen and (max-width: 768px){
    #sectionRevies{
        margin: 0;
    }
    .sectionRevies #slickStart .sectionSlick .imgRevieMail-mini .imgReviesAutor{
        display: none;
    }
}

/* ================ */

@media screen and (max-width: 767px){
    .sectionRevies #slickStart .sectionSlick .imgCompanyRevies{
        margin: 50px auto;
    }
    .wrap {
        background: none;
        }
    body > div.container-fluid.mainWrap > div:nth-child(3) > section.wrapBottom.container-fluid > div:nth-child(1) > div > div{
        background: none;
    }
    body > div.container-fluid.mainWrap > div:nth-child(3) > section.wrapBottom.container-fluid{
        background: none;
    }
    body > div.container-fluid.mainWrap > div:nth-child(3) > section.wrapBottom.container-fluid > div:nth-child(2) > div:nth-child(2){
        background: none;
    }
    .companyWiner .figWiner .yw-1{
        min-height: auto;
    }
    #sectionRevies > div > div > div:nth-child(1) > div > h3{
        max-width: 400px;
        margin: 10px auto;
    }
    .sectionRevies #slickStart .sectionSlick .textList .first::before{
        left: 0;
    }
    .slickNext {
        right: 10px;
        top: -80px;
    }
    .slickPrev {
        left: 10px;
        top: -80px;
    }
    .sectionRevies #slickStart .sectionSlick .textList{
        padding-left: 10px;
        padding-right: 10px;
    }
    .nav #nav li{
        margin: 3px 0;
    }
    .nav #nav li a{
        font-size: 1.3em;
    }
}


/* ================ */


@media screen and (max-width: 550px){
    section.howWeWork{
        /* background-size: 122%; */
        background-size: 100%;
        background-position: 0 53%;
    }
    section.howWeWork .rightSide .titleH1 span {
        font-size: 1.5rem;
    }
    .customers-block img{
        max-width: 80px;
        max-height: 100%;
        object-fit: contain;
    }
}

/* ============ */


@media screen and (max-width: 498px){

    .responsiveGallery-btn_next,
    .responsiveGallery-btn_prev{
        top: 25%;
    }
    .mobileComand .comandColon-2 .small{
        font-style: italic;
    }
    .step-2{
        height: 400px;
    }
}
#comandos > div > div:nth-child(3) > div > div.condosCart__text.--bgPink > p > span{
    position: relative;
    top: 5px;
    left: -7px;
}
#comandos > div > div:nth-child(4) > div > div.condosCart__foto > img{
    object-position: 0px -35px;
}
body > div.container-fluid.mainWrap > div:nth-child(3) > section.mobileComand > div.container-fluid > div > div > div > div:nth-child(7) > div > img{
    max-height: 188.5px;
    object-fit: cover;
    object-position: 0 -23px;
}


/* ============= временно скрываем номера ========= */
.leftSide .listNumber li:nth-child(1),
.leftSide .listNumber li:nth-child(2){
    opacity: 0;
}

/* =====   textarea  =====*/

.themeTextarea{
    border: none;
    width: 400px;
    height: 137px;
    box-shadow: rgba(3, 72, 89, 0.3) 0px 6px 36px 2px;
    border-radius: 5px;
    background-color: rgb(249, 249, 249);
    display: block;
    margin-bottom: 36px;
    color: rgb(161, 190, 230);
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    padding-left: 10px;
    margin-top: 0px;
    min-height: 200px;
}

@media screen and (max-width: 445px){
    .themeTextarea {
        width: 100%;
    }    
}