@media(max-width: 1023px){
    [class*=services-head-container] {
        max-width: 964px;
    }

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

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

    .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: 18px;
        line-height: 23px;
    }
    
    .main-services-container .headlines-text-72, .vacancies-container .headlines-text-72, .class-styles .headlines-text-72{
        font-size: 60px;
        line-height: 74px;
        margin-bottom: 40px;
    }
    
    .main-services-container .text-width, .vacancies-container .text-width, .class-styles .text-width{
        width: 728px;
        margin: 20px 0;
    }
    
    .main-services-container .margin-top-20{
        margin-top: 20px;
    }
    
    .main-services-container .font-size-28, .head-services-container .font-size-28, .class-styles .font-size-28{
        font-size: 28px;
        line-height: 36px;
    }
    
    /* ---------------------------------------------- */
    
    .head-services-container .services-main-view{
        grid-template-areas:
        "title-text"
        "img-area"
        "main-text";
        height: max-content;
        width: max-content;
        margin-left: 10px;
        margin-top: 75px;
    }
    
    .services-main-text{
        width: max-content;
        margin-top: 46px;
    }

    .head-services-container .services-main-view .col-1 img{
        margin: 0 10px;
        width: 22px;
    }
    
    .head-services-container .services-main-view .col-2 h1, .class-styles h1{
        font-size: 84px;
        line-height: 104px;
        width: 728px;
        margin-top: 46px;
    }
    
    .head-services-container .services-main-view .col-3{
        margin-bottom: 40px;
    }
    
    .head-services-container .services-main-view .col-4{
        width: 540px;
        margin-bottom: 20px;
    }

    .head-services-container .services-main-view .col-4 .row-2 img{
        width: 22px;
        height: 21px;
    }
    
    .head-services-container .services-main-view .col-4 .hidden-block-services{
        width: 108px;
        height: 63px;
        border-radius: 15px 
        15px 
        15px 
        0px;
        top: -55px;
        left: 545px;
        padding: 20px;
        font-size: 18px;
        line-height: 23px;
    }
    
    .head-services-container .services-main-view .col-4 .row-2 .question-icon{
        margin-left: 8px;
    }
    
    .head-services-container .services-main-view .col-5{
        width: 508px;
        margin-bottom: 31px;
    }
    
    .head-services-container .services-main-view .col-6{
        padding: 19px 
        40px;
        border-radius: 15px;
    }
    
    .head-services-container .services-main-view .services-main-img{
        width: 613px;
        height: 566px;
        top: 16px;
        left: 57px;
    }
    
    /* ------------------------------------------- */
    
    .services-slider-container .owl-carousel{
        margin-top: 57px;
    }
    
    .services-slider-container .slide-services{
        max-width: 241px;
        width: 224px;
        max-height: 250px;
        height: 250px;
        border-radius: 30px;
        padding: 30px;
    }
    
    .services-slider-container .slide-text{
        width: 181px;
    }
    
    .services-slider-container .slide-services svg{
        width: 30px;
        height: 30px;
        left: 164px;
        top: 30px;
    }
    
    .services-slider-container .owl-stage{
        margin-left: 23px;
        margin-top: 30px;
    }
    
    .services-slider-container .slide-3 svg{
        width: 45px;
        height: 45px;
        left: 165px;
        top: 30px;
    }

    .services-slider-container .services-page-more-btn{
        display: none;
    }
    
    /* --------------------------------------- */
    .main-services-container .service-text{
        margin-top: 64px;
    }
    
    .main-services-container .service-text .col-1{
        width: 681px;
        margin-bottom: 33px;
    }

    .main-services-container .service-text .col-2{
        flex-direction: column;
        gap: 20px;
    }

    .main-services-container .service-text .col-2 .row-2{
        margin-top: 0px;
    }
    
    .main-services-container .service-text .col-2 .row-2 .text-block-1{
        margin-bottom: 20px;
    }
    
    .main-services-container .service-text .col-2 .row-1 .text-block-1{
        margin-bottom: 20px;
    }
    
    .main-services-container .service-text .col-2 .row-1{
        margin-right: 0px;
    }
    
    
    /* ----------------------------------- */

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

    .main-services-container .case-col-block{
        margin-top: 38px;
    }
    
    .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{
        top: 21px;
    }
    
    .main-services-container .case-col-block-button p{
        font-size: 18px;
        margin-top: 24px;
    } */
    
    /* -------------------------------------- */
    
    .main-services-container .service-text{
        margin-top: 150px;
    }
    
    .main-services-container .service-text .col-1{
        margin-bottom: 23px;
    }
    
    .main-services-container .service-text .row-2 .col-1{
        margin-bottom: 17px;
    }
    
    .main-services-container .service-text .col-2{
        margin-bottom: 20px;
    }
    
    .main-services-container .service-text .text-col-1 .col-2{
        margin-bottom: 0px;
    }
    
    .main-services-container .service-text .col-3{
        grid-template-columns: 728px;
        gap: 20px;
    }

    .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: 15px;
        width: 50px;
        height: 50px;
        padding: 8px 
        0px 0px 
        5px;
        font-size: 24px;
        line-height: 31px;
    }

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

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

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

    .services-main-text .discussion_modal{
        width: 728px;
        height: 648px;
    }

    .services-main-text .discussion_modal_cross{
        top: -40px;
        right: 0px;
    }

    .services-main-text .request-form-container .but-container{
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 0px;
        margin-top: 40px;
    }

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

    .services-main-text .request-form-container .but-container .but-container-text{
        order: 2;
    }

    .services-main-text .request-form-container{
        margin-top: 20px!important;
    }

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

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

    .services-main-text .discussion-shape-down{
        left: 625px;
        top: 22px;
    }

    .services-main-text .discussion-code-shape{
        top: 600px;
        left: -30px;
    }

    .services-main-text .discussion-focus-page{
        top: 570px;
        left: 450px;
    }

    .services-main-text .discussion_modal_box{
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    /* ---------------------------------------- */

    .youtube-videos{
        width: 728px;
        margin-top: 100px;
    }
    
    /* ---------------------------------------- */
    
    .popular-services{
        margin-top: 100px;
    }
    
    .popular-services .col-2{
        grid-template-columns: 728px;
        margin-top: 34px;
    }
    
    .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: 728px;
        height: 202px;
        border-radius: 30px;
        padding: 30px;
        margin-bottom: 20px;
    }
    
    .popular-services .col-2 .rows-col-2{
        margin-top: 10px;
        width: 366px;
    }
    
    .popular-services .row-margin{
        margin-left: 0px;
    }
    
    .popular-services-img-1{
        width: 240px;
        height: 281px;
        top: 78px;
        left: 518px;
    }
    
    .popular-services-img-2{
        width: 226px;
        height: 178px;
        top: 2px;
        left: 552px;
    }
    
    .popular-services-img-3{
        width: 165px;
        height: 174px;
        top: 108px;
        left: 543px;
    }
    
    .popular-services-button::before {
        width: 22px;
        height: 6px;
        top: -2px;
        right: 6px;
      }
    
      .popular-services-button{
        font-size: 18px;
        line-height: 23px;
        top: 1342px;
        left: 606px;
    }
    
    /* ------------------------------------ */
    
    .main-services-container .contact-us{
        margin-top: 138px;
    }
    
    /* ---------------------------------------- */
    
    .main-services-container .text-3{
        margin-top: 96px;
    }
    
    .main-services-container .text-3 .col-2 .row-1{
        margin-right: 0px;
        margin-bottom: 20px;
    }

    .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: -23px;
    }
    
    /* ------------------------------------- */
    
    .main-services-container .request-block{
        margin-top: 94px;
    }
    /* ----------------------------------------- */
    .main-services-container .articles-block{
        margin-top: 103px;
        margin-bottom: 96px;
    }

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