@media(max-width: 479px){

    [class*=services-head-container] {
        max-width: 280px;
        margin: 0px auto;
        padding: 0 0px;
    }
    
    /* [class*=services-slider-container] {
        max-width: 1020px;
        margin: 0px auto;
    } */
    
    [class*=services-container] {
        max-width: 280px;
        margin: 0px auto;
    }

    .main-services-container .block-width-container{
        width: 280px;
    }

    .head-services-container .font-size-18, .main-services-container .font-size-18, .services-slider-container .font-size-18, .vacancies-container .font-size-18, .class-styles .font-size-18{
        font-size: 14px;
        line-height: 18px;
    }
    
    .main-services-container .headlines-text-72, .vacancies-container .headlines-text-72, .class-styles .headlines-text-72{
        font-size: 32px;
        line-height: 40px;
    }
    
    .main-services-container .text-width, .vacancies-container .text-width, .class-styles .text-width{
        width: 280px;
    }
    
    .main-services-container .margin-top-20{
        margin-top: 10px;
    }
    
    .main-services-container .font-size-28, .head-services-container .font-size-28, .class-styles .font-size-28{
        font-size: 22px;
        line-height: 29px;
    }
    
    /* ---------------------------------------------- */
    
    .head-services-container .services-main-view{
        flex-direction: column;
        margin-top: 100px;
    }
    
    .services-main-text{
        width: max-content;
        margin-top: 42px;
    }
    
    .head-services-container .services-main-view .col-2 h1, .class-styles h1{
        font-size:36px;
        line-height: 45px;
        width: 280px;
        margin-top: 40px;
    }
    
    .head-services-container .services-main-view .col-3{
        margin-bottom: 10px;
        width: 220px;
    }
    
    .head-services-container .services-main-view .col-4{
        width: 282px;
        margin-bottom: 10px;
    }

    .head-services-container .services-main-view .col-4 .row-2 img{
        width: 22px;
        height: 19px;
    }
    
    .head-services-container .services-main-view .col-4 .hidden-block-services{
        width: 82px;
        height: 48px;
        border-radius: 15px 
        15px 
        0px 
        15px;
        top: -55px;
        left: 190px;
        padding: 16px 14px;
        font-size: 14px;
        line-height: 17px;
    }
    
    .head-services-container .services-main-view .col-4 .row-2 .question-icon{
        margin-left: 8px;
    }
    
    .head-services-container .services-main-view .col-5{
        width: 251px;
        margin-bottom: 22px;
    }
    
    .head-services-container .services-main-view .col-6{
        padding: 19px 
        105px;
        font-size: 16px;
        border-radius: 15px;
    }
    
    .head-services-container .services-main-view .services-main-img{
        width: 280px;
        top: 11px;
        left: 1px;
    }

    .service-title-text{
        width: 280px;
    }
    
    /* ------------------------------------------- */
    
    .services-slider-container .owl-carousel{
        margin-top: 0px;
    }

    .services-slider-container .owl-carousel .owl-stage-outer{
        height: 195px;
    }
    
    .services-slider-container .slide-services{
        max-width: 260px;
        width: 260px;
        height: 139px;
    }
    
    .services-slider-container .slide-text{
        width: 200px;
    }
    
    .services-slider-container .slide-services svg{
        width: 20px;
        height: 20px;
        left: 210px;
    }
    
    .services-slider-container .owl-stage{
        margin-left: 20px;
        margin-top: 30px;
    }
    
    .services-slider-container .slide-3 svg{
        width: 29px;
        height: 32px;
        left: 199px;
    }
    
    /* --------------------------------------- */
    .main-services-container .service-text{
        margin-top: 22px;
    }
    
    .main-services-container .service-text .col-1{
        width: 280px;
        margin-bottom: 22px;
    }
    
    .main-services-container .service-text .col-2 .row-2 .text-block-1{
        margin-bottom: 10px;
    }
    
    .main-services-container .service-text .col-2 .row-1 .text-block-1{
        margin-bottom: 10px;
    }
    
    .main-services-container .service-text .col-2 .row-1{
        margin-right: 0px;
    }
    
    
    /* ----------------------------------- */

    .main-services-container .case-block{
        margin-top: 47px;
    }

    .main-services-container .case-col-block{
        margin-top: 24px;
    }
    
    .main-services-container .case-col-1{
        margin-top: 0px;
    }
    
    .main-services-container .case-col-2{
        margin-top: 70px;
    }
    
    .main-services-container .case-col-padding{
        padding-top: 0px;
    }
    
    /* .main-services-container .case-col-block-button p{
        font-size: 16px;
        margin-top: -3px;
    } */
    
    /* -------------------------------------- */
    
    .main-services-container .service-text{
        margin-top: 95px;
    }
    
    .main-services-container .service-text .col-1{
        margin-bottom: 23px;
    }
    
    .main-services-container .service-text .row-2 .col-1{
        margin-bottom: 9px;
    }
    
    .main-services-container .service-text .col-2{
        margin-bottom: 17px;
    }
    
    .main-services-container .service-text .text-col-1 .col-2{
        margin-bottom: 0px;
    }
    
    .main-services-container .service-text .col-3{
        grid-template-columns: 280px;
    }

    .main-services-container .service-text .col-3 .row-2 .col-2{
        margin-bottom: 22px;
    }
    
    .main-services-container .service-text .col-3 .right-row{
        margin-left: 0px;
    }
    
    .main-services-container .service-text .col-3 .elem .row-1{
        border-radius: 9px;
        width: 30px;
        height: 30px;
        padding: 5px 
        0px 0px 
        3px;
        font-size: 14px;
        line-height: 18px;
    }

    .main-services-container .service-text .col-3 .row-2 .col-2 .text-col-3{
        width: 230px;
    }

    .main-services-container .service-text .col-3 .row-2 .col-2 .text-col-3 .cols{
        margin-top: 6px;
    }

    .main-services-container .service-text .col-3 .elem-2, .elem-3, .elem-5, .elem-10{
        margin-bottom: 1px;
    }

    .main-services-container .service-text .col-3 .elem-7{
        margin-bottom: 9px;
    }
    
    .main-services-container .service-text .col-3 .elem .row-2{
        width: 230px;
        margin-left: 21px;
    }
    
    .main-services-container .line-img{
        width: 20px;
        height: 23px;
        margin-right: 20px;
    }

    .services-main-text .discussion_modal{
        width: 280px;
        height: 577px;
    }

    .services-main-text .discussion_modal_box{
        border-radius: 30px;
    }

    .services-main-text .form_order_service{
        gap: 10px;
    }

    .services-main-text .request-form-container .but-container input{
        left: 0px;
        top: 0px;
    }

    .services-main-text .discussion_modal_cross{
        top: -30px;
    }

    .services-main-text .discussion-focus-page{
        left: 140px;
        top: 530px;
    }

    .services-main-text .discussion-code-shape{
        top: 540px;
        left: -70px;
    }

    .services-main-text .discussion-wf{
        left: 210px;
    }

    .services-main-text .discussion-shape-down{
        left: 220px;
        top: 20px;
    }
    
    /* ---------------------------------------- */

    .youtube-videos{
        width: 280px;
        margin-top: 60px;
    }
    
    /* ---------------------------------------- */
    
    .popular-services{
        margin-top: 50px;
    }
    
    .popular-services .col-2{
        grid-template-columns: 280px;
        margin-top: 23px;
    }
    
    .popular-services .col-2 .row-2{
        margin-top: 0px;
    }
    
    .popular-services .col-2 .row-3, .popular-services .col-2 .row-4{
        margin-top: 0px;
    }
    
    .popular-services .col-2 .row-6{
        margin-top: 0px;
    }
    
    .popular-services .col-2 .row-col-1{
        margin-bottom: 20px;
    }
    
    .popular-services .rows{
        width: 280px;
        height: 202px;
        border-radius: 30px;
        padding: 30px;
        margin-bottom: 20px;
    }
    
    .popular-services .col-2 .rows-col-2{
        margin-top: 10px;
        width: 220px;
    }
    
    .popular-services .row-margin{
        margin-left: 0px;
    }
    
    .popular-services-img-1{
        width: 163px;
        height: 281px;
        top: 30px;
        left: 132px;
    }
    
    .popular-services-img-2{
        width: 181px;
        height: 178px;
        top: -17px;
        left: 136px;
    }
    
    .popular-services-img-3{
        width: 97px;
        height: 174px;
        top: 17px;
        left: 154px;
    }
    
    .popular-services-button::before {
        width: 22px;
        height: 6px;
        top: -2px;
        right: 6px;
      }
    
      .popular-services-button{
        font-size: 16px;
        line-height: 21px;
        top: 1331px;
        left: 159px;
    }
    
    /* ------------------------------------ */
    
    .main-services-container .contact-us{
        margin-top: 70px;
    }
    
    /* ---------------------------------------- */
    
    .main-services-container .text-3{
        margin-top: 48px;
    }
    
    .main-services-container .text-3 .col-2 .row-1{
        margin-right: 0px;
        margin-bottom: 9px;
    }

    .main-services-container .text-3 .col-2{
        flex-direction: column;
        margin-bottom: 20px;
    }

    .main-services-container .text-3 .col-3 .elem-1, .main-services-container .text-3 .col-3 .elem-2{
        margin-bottom: -4px;
    }
    
    .main-services-container .text-3 .row-2 .col-2{
        margin-bottom: 26px;
    }
    
    .main-services-container .text-3 .elem-4-text{
        margin-top: -7px;
    }
    
    /* ------------------------------------- */
    
    .main-services-container .request-block{
        margin-top: 48px;
    }
    /* ----------------------------------------- */
    .main-services-container .articles-block{
        margin-top: 46px;
        margin-bottom: 56px;
    }

    .main-services-container .articles-block .row-2{
        margin-top: 0px;
    }
}