html,body {
    height: 100%;
    margin: 0;
    min-width: 375px;
    -webkit-text-size-adjust: none;
}
*{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.nav-contact,
.holder-nav .footer__wrap,
.btn-open-menu{
    display: none;
}
.right-menu {
    z-index: 2;
}
.holder-agency__bg{
    position: relative;
}
.holder-agency__bg .agency__title{
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateX(0) translateY(-50%);
    -moz-transform: translateX(0) translateY(-50%);
    -ms-transform: translateX(0) translateY(-50%);
    transform: translateX(0) translateY(-50%);
}
.work__title {
    margin-left: 7.3vw;
    margin-top: 4.2vw;
}
.agency__bg:before{
    width: 10px;
}
.lamoda__4,
.lamoda__1{
    overflow: hidden;
}
.lamoda__3__images__wrap {
    max-width: 1314px;
    width: 100%;
}
.lamoda__3__logo {
    max-width: 1184px;
    width: 100%;
}
.lamoda__4__team {
    max-width: 1238px;
    width: 100%;
}

@media screen and (min-width: 1101px){
    .portfolio__block{
        animation-name: none!important;
    }
}

@media screen and (max-width: 1100px) and (max-height: 900px){
    /*.container {*/
    /*padding: 0 25px;*/
    /*}*/
    body.overflow{
        overflow: hidden;
    }
    header{
        min-width: 375px;
        padding: 19px 18px;
        z-index: 50;
    }
    .header__logo{
        width: 116px;
    }
    .header__logo a{
        height: auto;
    }
    .header__logo svg{
        width: 116px;
        height: 28px;
    }
    .btn-open-menu{
        display: block;
        width: 30px;
        height: 20px;
        margin: 0 0 1px;
        background: url("site/images/svg-menu.svg") no-repeat;
        background-size: cover;
    }
    .btn-open-menu.active{
        background: url("site/images/svg-menu-closed.svg") no-repeat 50% 50%;
    }
    .header__menu-btn{
        width: 145px;
        height: 32px;
        margin: 0 22px 0 0;
        font-size: 10px;
        line-height: 1;
    }
    .header__menu-btn.active{
        opacity:0;
    }
    .header__menu-btn svg {
        width: 12px;
        height: 16px;
    }
    .holder-nav{
        display: none;
    }
    .open-menu,
    .closed-menu,
    .bg-nav {
        display: none;
    }
    body.overflow header{
        background: #000000;
    }
    .holder-nav {
        display: none;
        position: fixed;
        overflow-y: auto;
        top: 70px;
        left: 0;
        opacity: 1;
        right: 0;
        bottom: 0;
        padding: 25px 10px;
        background-color: #000000;
        z-index: 250;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .header__menu ul{
        display: block;
        text-align: center;
    }
    .header__menu ul li{
        margin: 0 0 73px;
        font-size: 40px;
    }
    .nav-contact{
        display: block;
        text-align: center;
        padding: 58px 0;
    }
    .nav-contact .bottom__title{
        font-size: 35px;
        line-height: 1;
        margin: 0 0 23px;
    }
    .nav-contact .bottom__phone{
        font-size: 30px;
        line-height: 1;
        margin: 0 0 23px;
    }
    .nav-contact .bottom__email{
        font-size: 30px;
        line-height: 1;
    }
    .holder-nav .footer__wrap{
        display: flex;
    }
    .right-menu {
        right: -121px;
        top: 245px;
        width: 302px;
    }
    .right-menu__block div{
        overflow: visible;
    }
    .right-menu__block svg {
        width: 10px;
        height: 10px;
    }
    .main{
        display: block;
        height: auto;
        padding: 93px 0 0 0;
    }
    .main__top-right{
        position: static;
        font-size: 50px;
        line-height: 68px;
        margin: 0 0 82px;
    }
    .main__top-right span {
        font-size: 50px;
        line-height: 68px;
        padding: 0 9px;
        display: inline-block;
        height: auto;
    }
    .main__top-right br{
        display: none;
    }

    .main__bottom-right{
        position: static;
        font-size: 18px;
        line-height: 26px;
        width: 100%;
        padding: 0;
        margin: 0 0 108px;
    }
    .logos__wrap{
        flex-wrap: wrap;
    }
    .logos img {
        margin: 0 38px 30px 0;
    }
    .logos img:nth-child(1) {
        width: 16%;
    }
    .logos img:nth-child(2) {
        width: 14%;
    }
    .logos img:nth-child(3) {
        width: 5%;
    }
    .logos img:nth-child(4) {
        width: 17%;
    }
    .logos img:nth-child(5) {
        width: 21%;
    }
    .logos img:nth-child(6) {
        width: 31%;
    }
    .logos img:nth-child(7) {
        width: 12%;
    }
    .logos img:nth-child(8) {
        width: 11%;
    }
    .logos img:nth-child(9) {
        width: 17%;
    }
    .logos img:nth-child(10) {
        width: 7%;
        margin-right: 0;
    }
    .holder-nav .footer__copy {
        margin: 0 9px 0 10px;
    }
    .message-request {
        position: fixed;
        padding: 35px 63px 35px 51px;
        right: 0;
        top: 0;
        width: 573px;
        min-height: 0;
    }
    .message-request h4 {
        line-height: 1.1;
        font-size: 18px;
    }
    .message-request p {
        font-size: 14px;
        line-height: 22px;
        margin-bottom: 16px;
    }
    .message-request form span {
        font-size: 14px;
        margin-bottom: 10px;
    }
    .message-request form input {
        height: 41px;
        margin-bottom: 13px;
    }
    .message-request .items {
        margin: 0;
    }
    .message-request .items .item {
        height: 39px;
        padding-left: 16px;
        padding-right: 16px;
        font-size: 14px;
    }
    .message-request .bottom-block {
        margin-top: 27px;
    }
    .message-request .bottom-block a {
        font-size: 12px;
    }
    /*portfolio*/
    .portfolio {
        padding-top: 94px;
    }
    .portfolio__wrap{
        z-index: 0;
    }
    .portfolio__filter{
        flex-wrap: wrap;
    }
    .portfolio__filter__block--active,
    .portfolio__filter__block{
        font-size: 22px;
        line-height: 1;
        height: 26px;
        margin: 0 15px 10px 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .portfolio__filter__block__delete{
        width: 18px;
        height: 18px;
    }
    .portfolio__filter__block__delete svg {
        width: 8px;
        height: 8px;
    }
    .portfolio__wrap{
        width: 97%;
        margin: 0 -12px;
    }
    .portfolio__wrap .full-width{
        width: 100%;
        margin: 0 0 22px;
        height: 267px;
        padding: 0 12px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .portfolio__wrap .half-width{
        width: 50%;
        margin: 0 0 22px;
        height: 218px;
        padding: 0 12px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .portfolio__block__title,
    .portfolio__block__title_black{
        font-size: 22px;
        line-height: 28px;
    }
    .portfolio__block a:hover {
        top: 0;
    }
    .portfolio__block a:hover .holder-text {
        opacity: 0;
    }
    .portfolio__block a:hover .portfolio__block__img {
        filter: blur(0);
    }

    .bottom {
        padding: 189px 0 40px;
    }
    .bottom__title {
        font-size: 35px;
        line-height: 1;
        margin: 0 0 23px;
    }
    .bottom__phone {
        font-size: 30px;
        line-height: 1;
        margin: 0 0 17px;
    }
    .bottom__email {
        font-size: 30px;
        line-height: 1;
    }
    .footer__copy{
        margin: 0 10px 0 0;
    }

    .holder-main{
        padding-top: 94px;
        overflow: hidden;
    }

    /*agency*/
    .agency__title{
        width: 100%;
        font-size: 36px;
        line-height: 55px;
    }
    .agency__bg {
        overflow: hidden;
        width: 89.8vw;
        height: 35vw;
    }
    .holder-agency__bg .agency__title{
        position: static;
        margin: -23px 0 -42px;
    }
    .agency__descr{
        max-width: 100%;
        padding: 0 40px 0 0;
        font-size: 22px;
        line-height: 32px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .approach__title{
        font-size: 170px;
        line-height: 1;
        margin: 0 0 35px;
    }
    .approach__column {
        margin-right: 2%;
        width: 48%;
    }
    .approach__block{
        width: 100%;
        height: auto;
        margin-bottom: 35px;
        padding: 38px 9%;
    }
    .approach__block__title{
        font-size: 25px;
        line-height: 1;
        margin-bottom: 46px;
    }
    .approach__block__descr {
        font-size: 16px;
        line-height: 26px;
        max-width: 70%;
    }
    .do {
        padding-bottom: 0;
        margin-top: 0;
    }
    .do__title{
        font-size: 140px;
        line-height: 1;
        margin-bottom: 62px;
    }
    .do__descr{
        font-size: 22px;
        line-height: 32px;
        margin-bottom: 46px;
    }
    .do__column__title {
        font-size: 40px;
        line-height: 1;
        margin-bottom: 45px;
    }
    .do__column__block {
        margin-bottom: 20px;
        padding: 9px 14px;
        font-size: 18px;
        line-height: 1;
        height: auto;
    }
    .stats .container {
        padding: 54px 13px 23px;
    }
    .stats__block span {
        display: block;
        margin: 0 0 8px;
        font-size: 131px;
        line-height: 1;
    }
    .stats__block span span.small{
        display: inline;
        font-size: 50px;
    }
    .stats__block {
        font-size: 35px;
        line-height: 1;
        margin-bottom: 72px;
    }
    .projects__top {
        font-size: 45px;
        line-height: 1;
        margin-bottom: 85px;
    }
    .projects__top span {
        font-size: 90px;
    }
    .projects {
        padding: 55px 0 0;
    }
    .projects__title {
        font-size: 40px;
        line-height: 1;
        margin-bottom: 30px;
    }
    .projects__wrap{
        margin: 0 -1.3%;
    }
    .projects__block{
        width: 30%;
        margin: 0 1.5% 25px;
        height: 120px;
        padding: 10px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .projects__block img{
        max-height: 100%;
    }
    .projects__block--wide{
        width: 60%;
        margin: 0 1.5% 10px;
        font-size: 40px;
        line-height: 1;
    }
    /* ==== contacts ====*/
    .contacts__title {
        margin-bottom: 60px;
        font-size: 70px;
        line-height: 1;
    }
    .contacts {
        padding: 131px 0 40px;
    }
    .contacts__left {
        width: 50%;
    }
    .contacts__phone,
    .contacts__city {
        font-size: 30px;
        line-height: 1;
        margin: 0 0 20px;
    }
    .contacts__email,
    .contacts__addr {
        font-size: 25px;
        line-height: 1;
        margin-bottom: 16px;
    }
    .contacts__right {
        width: 50%;
        padding: 0 60px 0 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .contacts__descr {
        padding: 31px 0 0;
        width: 90vw;
        font-size: 22px;
        line-height: 32px;
    }
    .contacts__map {
        height: 410px;
    }
    /*work*/
    .work {
        padding: 119px 0 72px;
    }
    .work__bg {
        width: 89.8vw;
        height: 33vw;
    }
    .holder-agency__bg .work__bg + .agency__title{
        margin: -87px 0 60px;
        -webkit-transform: translateX(0) translateY(0);
        -moz-transform: translateX(0) translateY(0);
        -ms-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0);
    }
    .work__descr{
        max-width: 100%;
        font-size: 22px;
        line-height: 32px;
    }
    .vacancies__block {
        padding: 50px 0;
    }
    .vacancies__title{
        font-size: 40px;
        line-height: 1;
    }
    .vacancies__block__title{
        width: 55%;
        font-size: 25px;
        line-height: 1;
    }
    .vacancies__block__price{
        width: 25%;
        font-size: 22px;
        line-height: 1;
        text-align: left;
    }
    .vacancies__block__time{
        text-align: left;
        width: 20%;
        font-size: 22px;
        line-height: 1;
    }
    .vacancies__descr{
        max-width: 100%;
        font-size: 22px;
        line-height: 32px;
    }
    .vacancies {
        padding-bottom: 0;
    }
    .like__title {
        font-size: 40px;
        line-height: 50px;
        margin-bottom: 60px;
    }
    .like__block__img {
        margin-right: 27px;
    }
    .like__block__title {
        font-size: 30px;
        line-height: 1;
        margin-bottom: 20px;
    }
    .like__block__descr {
        font-size: 22px;
        line-height: 32px;
    }
    .friendship__title {
        font-size: 140px;
        line-height: 1;
        margin-bottom: 50px;
    }
    .friendship__descr {
        font-size: 22px;
        line-height: 32px;
        margin-bottom: 40px;
    }
    /* ==== vacancy ====*/
    .vacancy {
        padding: 129px 0 6px;
    }
    .vacancy__title {
        margin-bottom: 40px;
        font-size: 70px;
        line-height: 1;
    }
    .vacancy__descr {
        max-width: 100%;
        font-size: 22px;
        line-height: 32px;
        margin-bottom: 65px;
    }
    .vacancy__block__title{
        max-width: 100%;
        font-size: 22px;
        line-height: 32px;
        margin-bottom: 16px;
    }
    .vacancy__block__ul li {
        font-size: 22px;
        line-height: 32px;
        margin: 0 0 9px;
        padding: 0 0 0 36px;
    }
    .vacancy__block__ul li:before{
        position: absolute;
        left: 0;
        top: 1px;
    }
    .vacancy__block {
        margin-bottom: 37px;
    }
    /*case_lamoda*/
    .case__main{
        min-height: 667px;
        height: auto;
    }
    .case__main__top{
        padding: 155px 0 78px;
    }
    .case__main__right {
        margin: 0 55px 0 0;
    }
    .case__main__link{
        font-size: 20px;
    }
    .case__main__title {
        font-size: 70px;
        line-height: 85px;
        margin: 36px 0 18px 0;
    }
    .case__main__logo--lamoda img {
        max-width: 340px;
        width: 100%;
        margin: 0;
    }
    .case__main__bottom{
        align-items: start;
    }
    .case__main__bottom_starlite{
        align-items: start;
    }
    .case__main__steps{
        flex: 0 0 30%;
    }
    .case__main__descr{
        flex: 0 0 44%;
    }
    .lamoda__1 {
        padding: 65px 0 177px;
    }
    .title {
        margin-bottom: 70px;
        max-width: 884px;
        font-weight: 800;
        font-size: 40px;
    }
    .mobile__img {
        margin: 0 auto 128px;
    }
    .mobile__right {
        right: -38px;
        bottom: -151px;
        max-width: 346px;
    }
    .lamoda__2 {
        padding: 41px 0 51px;
    }
    .lamoda__2__descr {
        margin-bottom: 44px;
    }
    .lamoda__3 {
        padding: 43px 0 98px;
    }
    .lamoda__3__descr {
        margin-bottom: 46px;
    }
    .lamoda__3__images__left{
        padding: 0 34% 0 0;
        margin-top: -75px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .lamoda__3__images__right{
        padding: 0 0 0 44%;
        margin-top: -48px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .lamoda__3__images__wrap {
        padding: 0 20px;
    }
    .lamoda__3__logo {
        padding: 0 20px;
    }
    .lamoda__4 {
        padding-top: 58px;
    }
    .lamoda__4__descr {
        margin-bottom: 52px;
    }
    .lamoda__4__team___inside {
        margin: -32px 0px;
    }
    .lamoda__4__team___inside{
        justify-content: center;
    }
    .lamoda__4__team {
        margin: 0 auto 74px;
    }
    .mobile__left {
        bottom: -50%;
        left: -100px;
        max-width: 376px;
    }
    .lamoda__4 .mobile__img {
        margin: 0 auto 202px;
    }
    .lamoda__5 .title{
        margin: 0 0 25px;
    }
    .lamoda__5__descr {
        margin-bottom: 40px;
    }
    .lamoda__5 {
        padding: 416px 0 151px;
    }
    .lamoda__6 {
        padding-top: 50px;
    }
    .lamoda__6__descr {
        margin-bottom: 67px;
    }
    .lamoda__7 {
        padding: 342px 0 86px;
    }
    .lamoda__7__descr {
        margin-bottom: 43px;
    }
    .lamoda__8 {
        padding: 52px 0 294px;
    }
    .lamoda__8__descr {
        margin-bottom: 43px;
    }
    .lamoda__8__images {
        margin: -15px -28px 43px;
    }
    .lamoda__8__images div {
        padding: 7px;
    }
    .lamoda__9 img {
        top: -90px;
    }
    .lamoda__9 {
        padding-bottom: 29px;
    }
    .lamoda__10 {
        background-color: #FA3D00;
        padding: 50px 0 60px;
    }

}

@media screen and (max-width: 766px) {
    .holder-nav {
        padding: 33px 10px;
    }
    .header__menu ul li {
        margin: 0 0 28px;
        font-size: 18px;
        text-align: left;
    }
    .nav-contact {
        text-align: center;
        padding: 103px 0 46px;
    }
    .nav-contact .bottom__title {
        font-size: 25px;
        line-height: 1;
        margin: 0 0 14px;
    }
    .nav-contact .bottom__phone {
        font-size: 20px;
        line-height: 1;
        margin: 0 0 11px;
    }
    .nav-contact .bottom__email {
        font-size: 20px;
        line-height: 1;
    }
    .holder-nav .footer__copy {
        margin: 0 44px 0 6px;
    }
    .main__video{
        margin: 0 0 23px;
    }
    
    /*убираю видео
    .video-bg{
        display: none;
    }
    .main__video__bg{
        background: #fff;
    }
     убираю видео*/
    .main__top-right {
        font-size: 20px;
        line-height: 33px;
        margin: 0 0 37px;
    }
    .main__top-right br {
        display: block;
    }
    .main__top-right span{
        font-size: 20px;
        line-height: 33px;
    }
    .main__bottom-right {
        font-size: 14px;
        line-height: 22px;
        margin: 0 0 27px;
    }
    .main__bottom-right br{
        display: none;
    }
    .logos__wrap {
        flex-wrap: inherit;
        overflow: auto;
    }
    .logos img {
        margin: 0 30px 30px 0;
    }
    .logos img:nth-child(1) {
        width: 29%;
    }
    .logos img:nth-child(2) {
        width: 25%;
    }
    .logos img:nth-child(3) {
        width: 9%;
    }
    .logos img:nth-child(4) {
        width: 28%;
    }
    .logos img:nth-child(5) {
        width: 35%;
    }
    .logos img:nth-child(6) {
        width: 36%;
    }
    .logos img:nth-child(7) {
        width: 18%;
    }
    .logos img:nth-child(8) {
        width: 16%;
    }
    .logos img:nth-child(9) {
        width: 30%;
    }
    .logos img:nth-child(10) {
        width: 17%;
    }
    .message-request {
        width: 375px;
    }
    .message-request {
        padding: 35px 15px;
        position: absolute;
    }
    .message-request form input {
        margin-bottom: 23px;
    }
    /*portfolio*/
    .portfolio {
        padding-top: 80px;
    }
    .portfolio__wrap{
        width: 100%;
    }
    .portfolio__filter__block--active, .portfolio__filter__block {
        font-size: 18px;
        line-height: 1;
        margin: 0 15px 10px 0;
    }
    .portfolio__filter__block__delete{
        width: 16px;
        height: 16px;
    }
    .portfolio__filter__block__delete svg {
        width: 6px;
        height: 6px;
    }
    .portfolio__wrap .half-width{
        width: 100%;
        height: 320px;
    }
    .portfolio__block__title,
    .portfolio__block__title_black{
        font-size: 18px;
        line-height: 28px;
    }
    /*agency*/
    .holder-agency__bg .agency__title{
        margin: -57px 0 40px;
        font-size: 18px;
        line-height: 26px;
        -webkit-transform: translateX(0) translateY(0);
        -moz-transform: translateX(0) translateY(0);
        -ms-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0);
    }
    .agency__title span{
        display: inline-block;
        height: auto;
    }
    .agency__descr {
        padding: 0 40px 0 0;
        font-size: 16px;
        line-height: 24px;
    }
    .approach__title {
        font-size: 40px;
        line-height: 50px;
        margin: 0 60px 25px 0;
    }
    .approach {
        padding: 62px 0 30px;
        margin: 0 0 20px;
    }
    .approach__wrap{
        padding: 45px 0;
        margin: 0;
        display: block;
    }
    .approach__column {
        margin-right: 0!important;
        width: 100%;
    }
    .approach__block {
        padding: 38px 7%;
        margin-bottom: 35px!important;
    }
    .approach__block__img {
        right: 20px;
        bottom: 20px;
    }
    .do__title {
        font-size: 40px;
        line-height: 50px;
        margin-bottom: 20px;
    }
    .do__descr {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 46px;
    }
    .do__column__block{
        font-size: 17px;
    }
    .stats .container {
        padding: 72px 13px 23px;
    }
    .stats__block span {
        display: inline;
        margin: 0 0 8px;
        font-size: 50px;
        line-height: 1;
    }
    .stats__block {
        font-size: 30px;
    }
    .stats__block span span.small {
        font-size: 30px;
    }
    .projects__top {
        font-size: 45px;
    }
    .projects__top span {
        font-size: 40px;
    }
    .projects__title {
        font-size: 39px;
    }
    .projects__block{
        width: 100%;
        margin: 0 0 20px;
    }
    .projects__block--wide {
        width: 100%;
        margin: 0 1.5% 10px;
        font-size: 26px;
        line-height: 1;
        justify-content: start;
    }

    /* ==== contacts ====*/
    .contacts__title {
        margin-bottom: 45px;
        font-size: 30px;
        line-height: 1;
    }
    .contacts__wrap{
        display: block;
    }
    .contacts__right,
    .contacts__left{
        width: 100%;
        text-align: left;
        padding: 0;
    }
    .contacts__email,
    .contacts__phone{
        text-align: left;
    }
    .contacts__descr {
        width: 100%;
    }
    .contacts {
        padding: 110px 0 40px;
    }
    .contacts__left{
        margin: 0 0 38px;
    }
    .contacts__phone, .contacts__city {
        font-size: 20px;
        line-height: 1;
        margin: 0 0 12px;
    }
    .contacts__email, .contacts__addr {
        font-size: 16px;
        line-height: 1;
        margin-bottom: 16px;
    }
    .contacts__descr {
        padding: 31px 0 0;
        width: 100%;
        font-size: 18px;
        line-height: 24px;
    }
    /*work*/
    .work {
        padding: 119px 0 43px;
    }
    .holder-agency__bg .work__bg + .agency__title {
        margin: -39px 0 15px;
    }
    .work__descr {
        font-size: 16px;
        line-height: 24px;
    }
    .vacancies__block{
        flex-wrap: wrap;
    }
    .vacancies__block__title{
        width: 100%;
        font-size: 20px;
        margin: 0 0 30px;
    }
    .vacancies__block__price{
        width: 50%;
        font-size: 20px;
        padding: 0 10px 0 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .vacancies__block__time{
        width: 50%;
        font-size: 20px;
        text-align: right;
    }
    .vacancies__block {
        padding: 44px 0;
    }
    .vacancies__wrap {
        margin-bottom: 58px;
    }
    .friendship__title {
        font-size: 60px;
        line-height: 1;
        margin-bottom: 50px;
    }
    .vacancies__descr {
        font-size: 16px;
        line-height: 24px;
    }
    .like__title{
        line-height: 1;
    }
    .like__block{
        display: block;
        margin: 0 0 20px;
    }
    .like__block__img{
        margin: 0 0 48px;
    }
    .like__block__right {
        width: 100%;
    }
    .like__block__descr {
        font-size: 16px;
        line-height: 24px;
    }
    .like__block {
        margin: 0 0 58px;
        padding: 0 0 25px;
    }
    .friendship__descr {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 24px;
    }
    /* ==== vacancy ====*/
    .vacancy__title {
        margin-bottom: 30px;
        font-size: 30px;
        line-height: 1;
    }
    .vacancy__descr {
        max-width: 100%;
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 56px;
    }
    .vacancy__block__ul li {
        font-size: 16px;
        line-height: 24px;
        margin: 0 0 9px;
        padding: 0 0 0 26px;
    }
    .vacancy__block__ul li:before {
        top: 0;
    }
    /*case_lamoda*/
    .case__main__top {
        padding: 145px 0 46px;
    }
    .case__main__top{
        display: flex;
        flex-direction: column-reverse;
    }
    .case__main__title {
        font-size: 40px;
        line-height: 50px;
        margin: 20px 0 10px 0;
    }
    .case__main__logo--lamoda img {
        max-width: 200px;
    }
    .case__main__bottom{
        display: block;
    }
    .case__main__bottom_starlite{
        display: block;
    }
    .case__main__steps {
        margin: 0 0 11px;
    }
    .case__main__descr{
        line-height: 26px;
    }
    .case__main {
        min-height: 593px;
    }
    .lamoda__1 {
        padding: 40px 0 52px;
    }
    .title {
        margin-bottom: 30px;
        font-size: 30px;
    }
    .mobile__img {
        margin: 0 -20px 90px;
    }
    .mobile__right {
        right: -9px;
        bottom: -78px;
        max-width: 51%;
    }
    .descr {
        font-size: 16px;
        line-height: 24px;
    }
    .lamoda__3__images__wrap {
        padding: 0;
    }
    .lamoda__3__images__right {
        margin-top: -22px;
    }
    .lamoda__3__images__left {
        margin-top: -40px;
    }
    .lamoda__3 {
        padding: 43px 0 23px;
    }
    .lamoda__4__team img {
        margin: 26px 4%;
        width: 42%;
    }
    .lamoda__4 .mobile__img {
        margin: 0 -20px 202px;
    }
    .mobile__left {
        bottom: -74%;
        left: -38px;
        max-width: 52%;
    }
    .lamoda__5 {
        margin-top: -447px;
        padding: 416px 0 47px;
    }
    .lamoda__5__descr {
        margin-bottom: 47px;
    }
    .lamoda__7 {
        padding: 220px 0 0;
        margin-top: -177px;
    }
    .lamoda__8 {
        padding: 69px 0 198px;
    }
    .lamoda__8__images{
        display: block;
    }
    .lamoda__9 .container{
        padding: 0;
    }
    .lamoda__9 img {
        top: 0;
    }
    .lamoda__9 {
        padding-bottom: 40px;
    }
    .lamoda__10 .title__wrap{
        display: block;
    }
    .case__main__link a {
        display: inline-block;
        vertical-align: top;
        position: relative;
    }
    .lamoda__10 .title__wrap .title{
        margin: 0 0 33px;
    }
    .right-menu{
        /*display: none;*/
    }
    .right-menu__block--active div span {
        /*display: none;*/
    }
    .main__video__bg img{
        max-width: 95vw;
    }
}
@media screen and (max-width: 1200px) {
    .starlite__2__slick{
        margin-bottom: 30px;
    }
    .starlite__2__slick img{
        width: 850px;
    }
    .starlite__2__slick.screens img {
        width: 220px;
    }
    .starlite__2__slick .slick-arrow{
        right: 50px;
    }
    .starlite__2__slick .slick-arrow.starlite__2__slick__prev {
        right: 110px;
    }
    .case__main__title {
        font-size: 60px;
        line-height: 70px;
        margin: 36px 0 18px 0;
    }
    .starlite__3__wrap{
        width: 100%;
    }
    .honda__3__img{
        width: 100%;
        flex-direction: column;
    }
    .honda__3__img img{
        margin-bottom: 20px;
    }
}
@media screen and (max-width: 992px) {
    .starlite__2__slick{
        margin-bottom: 100px;
    }
    .starlite__2__slick img{
        width: 700px;
    }
    .starlite__2__slick .slick-list{
        padding-left: 20px;
    }
    .mec__2{
        padding: 360px 0 154px;
    }
    .carbox__2 {
        padding: 360px 0 60px;
    }
    .mec__2__descr {
        margin-bottom: 100px;
    }
    .case__main__title {
        font-size: 40px;
        line-height: 50px;
        margin: 36px 0 18px 0;
    }
    .mec__2__descr {
        margin-bottom: 80px;
    }
    .carbox__3{
        padding: 60px 0 114px;
    }
    .starlite__3__left{
        display: flex;
        flex-wrap: wrap;
    }
    .starlite__3__left__block{
        margin-right: 10px;
        margin-bottom: 10px;
    }
    .carbox__3__descr{
        margin-bottom: 50px;
    }
    .starlite__3__wrap{
        flex-direction: column;
    }
    .starlite__3__wrap{
        width: 100%;
    }
    .starlite__3__right{
        width: 100%;
    }
    .mec__3{
        padding: 90px 0;
    }
    .carbox__4{
        padding: 90px 0;
    }
    .mec__4{
        padding: 100px 0 168px;
    }
    .carbox__5{
        padding: 100px 0 168px;
    }
    .gaz__1{
        padding-top: 40px;
    }
    .gaz__1__subtitle{
        margin-bottom: 25px;
    }
    .gaz__1__title{
        margin-bottom: 0px;
    }
    .gaz__2__title{
        margin-bottom: 30px;
    }
    .gaz__1__descr{
        margin-bottom: 60px;
    }
    .gaz__2{
        padding: 430px 0 60px;
    }
    .gaz__3 {
        padding: 60px 0 60px;
    }
    .gaz__4{
        padding: 50px 0 60px;
    }
    .mobile__right{
        display: none;
    }
    .starlite__3__wrap{
        width: 100% !important;
    }
    .starlite__2__slick.screens img{
        width: 200px;
    }
    .honda__1{
        padding-top: 70px;
    }
    .honda__2{
        padding: 270px 0 80px;
    }
    .honda__2__title{
        margin-bottom: 30px;
    }
    .honda__2__descr{
        margin-bottom: 60px;
    }
    .honda__3{
        padding: 70px 0 70px;
    }
    .honda__3__title.title{
        margin-bottom: 30px;
    }
    .honda__4{
        padding: 60px 0 20px;
    }
    .honda__4__descr {
        margin-bottom: 60px;
    }
    .honda__5 {
        background-color: #EEF2F1;
        padding: 60px 0 50px;
    }
    .honda__5__title.title{
        margin-bottom: 40px;
    }
    .honda__5__descr{
        margin-bottom: 20px;
    }
    .honda__6{
        padding: 60px 0;
    }
    .honda__6__title.title{
        margin-bottom: 35px;
    }
    .honda__7 {
        padding: 60px 0 60px;
    }

}
@media screen and (max-width: 768px) {
    .mec__1{
        padding: 40px 0 52px;
    }
    .mec__2{
        padding: 300px 0 90px;
    }
    .carbox__2{
        padding: 250px 0 50px;
    }
    .mec__1__subtitle{
        margin-bottom: 30px;
    }
    .mec__1__descr{
        margin-bottom: 50px;
    }
    .starlite__2__slick .slick-list {
        padding-left: 35px;
    }
    .starlite__2__slick img{
        width: 500px;
    }
    .mec__3 {
        padding: 60px 0;
    }
    .starlite__3__wrap{
        margin-bottom: 0px;
    }
    .mec__4{
        padding: 50px 0px 60px;
    }
    .carbox__4{
        padding: 60px 0;
    }
    .carbox__5{
        padding: 50px 0px 60px;
    }
    .mec__2__descr{
        margin-bottom: 40px;
    }
    .carbox__1{
        padding: 40px 0 90px;
    }
    .carbox__1__descr{
        margin-bottom: 30px;
    }
    .gaz__1{
        padding-bottom: 200px;
    }
    .gaz__2 {
        padding: 240px 0 60px;
    }
    .starlite__2__slick.screens img{
        width: 150px;
    }
    .gosha__1{
        padding-top: 60px;
    }
    .gosha__1__descr{
        margin-bottom: 30px;
    }
    .gosha__2 {
        padding: 310px 0 60px;
    }
    .gosha__3__descr{
        margin-bottom: 40px;
    }
    .gosha__2__descr{
        margin-bottom: 50px;
    }
    .gosha__4{
        padding: 60px 0 60px;
    }
    .gosha__3 {
        padding: 60px 0 60px;
    }
    .gosha__5{
        padding: 60px 0 60px;
    }
    .gosha__6{
        padding: 60px 0;
    }
    .honda__2 {
        padding: 270px 0 120px;
    }

}
@media screen and (max-width: 600px) {
    .portfolio__block__img img{
        max-width: 42.2vw;
        max-height: 11.2vw;
    }
    .starlite__2__slick .slick-list{
        padding-left: 20px;
    }
    .starlite__2__slick img{
        width: 400px;
    }
    .mec__2{
        padding: 250px 0 90px;
    }
    .mec__1 {
        padding: 40px 0 85px;
    }
    .starlite__2__slick .slick-list{
        padding-left: 0px;
    }
    .starlite__2__slick img {
        width: 325px;
    }
    .carbox__1__descr{
        margin-bottom: 30px;
    }

    .carbox__3{
        padding: 50px 0 90px;
    }
    .carbox__3__descr{
        margin-bottom: 50px;
    }
    .gosha__1 {
        padding-bottom: 100px;
    }
    .gosha__2 {
        padding: 220px 0 60px;
    }
    .starlite__2__images{
        display: block;
     }
    .starlite__2__images img{
        width: 100%;
    }
    .case__main_starlite{
	    background-image: none !important;
    }
    .case__main_berg{
        background-image: none !important;
    }
    .case__main_carbox{
        background-image: none !important;
    }
    .case__main_gaz{
        background-image: none !important;
    }
    .case__main_gosha{
        background-image: none !important;
    }
    .case__main_honda{
        background-image: none !important;
    }
    .case__main_kruto{
        background-image: none !important;
    }
    .case__main_langua{
        background-image: none !important;
    }
    .case__main_mec{
        background-image: none !important;
    }
    .case__main_kst{
        background-image: none !important;
    }
    .case__main_mgu{
        background-image: none !important;
    }
    .case__main_niko{
        background-image: none !important;
    }
    .case__main_pony{
        background-image: none !important;
    }
    .case__main_ria{
        background-image: none !important;
    }
    .case__main_usekit{
        background-image: none !important;
    }
    .portfolio__block__img.drinx{
        background-image: url('site/images/lamoda_bg_mob.svg') !important;
    }
    .portfolio__block__img.starlite{
        background-image: url('site/images/starlite_mob.png') !important;
    }
    .portfolio__block__img.honda{
        background-image: url('site/images/honda_mob.png') !important;
    }
    .portfolio__block__img.gosha{
        background-image: url('site/images/goSha_mob.png') !important;
    }
    .portfolio__block__img.pony{
        background-image: url('site/images/pony_mob.png') !important;
    }
    .portfolio__block__img.langua{
        background-image: url('site/images/langua_mob.png') !important;
    }
    .portfolio__block__img.niko{
        background-image: url('site/images/niko_mob.png') !important;
    }
    .portfolio__block__img.krutogor{
        background-image: url('site/images/krutogor_mob.png') !important;
    }
    /*.portfolio__block__img.usekit{*/
    /*    background-image: url('/images/usekit.png') !important;*/
    /*}*/
    .portfolio__block__img.berg{
        background-image: url('site/images/berg_mob.png') !important;
    }
    .portfolio__block__img.mgu{
        background-image: url('site/images/mgu_mob.png') !important;
    }
    .portfolio__block__img.gaz{
        background-image: url('site/images/gaz_mob.png') !important;
    }
    .portfolio__block__img.ria{
        background-image: url('site/images/ria_mob.png') !important;
    }
    .portfolio__block__img.mec{
        background-image: url('site/images/mec_mob.png') !important;
    }
}