@media(max-width: 767px){
    .vacancies-headline{
        margin-top: 127px;
        height: 816px;
        flex-direction: column;
    }
    
    .vacancies-headline-text{
        width: 480px;
    }
    
    .vacancies-headline-text h1{
        font-size: 60px;
        line-height: 74px;
        margin-top: 33px;
    }
    
    .vacancies-headline-text .col-3{
        margin-top: 460px;
    }
    
    .vacancies-headline-img{
        top: -544px;
        left: -25px;
        width: 460px;
    }
    
    /* ----------------------- */
    
    .vacancies-text-1{
        margin-top: -50px;
    }

    .vacancies-text-1 .col-2{
        width: 440px;
    }
    
    .vacancies-text-1 .col-1{
        width: 420px;
        margin-bottom: 32px;
    }
    
    .vacancies-text-1 .col-2 .row-1{
        margin-right: 28px;
    }
    
    .vacancies-text-1 .col-2 .row-1 .col-1{
        width: 440px;
        margin-bottom: 20px;
    }
    
    .vacancies-text-1 .col-2 .row-1 .col-ellipse{
        margin-right: 15px;
        width: 15px;
    }
    
    .vacancies-text-1 .col-2 .row-1 .text-1-cols{
        margin-bottom: 20px;
        width: 440px;
    }
    
    .vacancies-text-1 .col-2 .row-2 .col-1{
        width: 440px;
        margin-bottom: 22px;
    }
    
    /* ---------------------------------- */
    
    .vacancies-requirements{
        margin-top: 96px;
    }
    
    .vacancies-requirements .requirements-headline{
        margin-bottom: 33px;
        width: 440px;
    }

    .vacancies-requirements .tab label{
        font-size: 28px;
        line-height: 36px;
        padding: 40px;
        margin-top: 20px;
    }
    
    .vacancies-requirements .acor-col{
        margin-top: 20px;
    }
    
    .vacancies-requirements .acor-last-col{
        margin-bottom: 30px;
    }
    
    .vacancies-requirements .acor-col-line .line-img{
        margin-right: 20px;
        height: 20px;
    }
    
    .vacancies-requirements .requirement-button{
        padding: 19px 
        52px;
        border-radius: 15px;
    }



    .requirement_modal {
        top: 55%;
        left: 50%;
      
        width: 430px;
        height: 682px;
        border-radius: 30px;
        font-size: 18px;
        line-height: 23px;
      }
      
      .requirement_modal_cross {
        top: -22px;
        right: -22px;
        width: 22px;
        height: 22px;
      }
      
      .requirement_modal_box{
        padding: 50px 0px;
        border-radius: 30px;
      }
      
      .requirement-modal-headline{
        font-size: 48px;
        line-height: 59px;
      }
    
      .requirement-modal-text{
        width: 350px;
      }

      .requirement-modal-input{
        width: 351px;
        height: 44px;
        border-radius: 15px;
        padding: 19px 30px;
      }
      
      .requirement-modal-inputs{
        gap: 20px;
      }
    
      .requirement-modal-input:first-child{
        margin-top: 20px;
      }
      
      .tab .requirement-modal-input{
        width: 350px;
        height: 60px;
        border-radius: 15px;
        padding: 19px 
        30px;
      }
    
      .requirement-attach{
        margin-top: 20px;
      }

      .request-form-container-vacancie .request-form-container .but-container{
        flex-direction: column;
        gap: 20px;
        text-align: center;
        width: 350px;
      }

      .request-form-container-vacancie .request-form-container .but-container input{
        width: 100%;
      }

      .request-form-container-vacancie .request-form-container{
        margin-top: 0px;
      }

      .requirement-attach img{
        width: 30px;
      }
    
      .requirement-clip{
        margin-right: 10px;
      }
      
      .requirement-button-container{
        margin-top: 20px;
        flex-direction: column;
      }
      
      .requirement-button-container a{
        border-radius: 15px;
        padding: 19px 
        130px;
        margin-right: 0px;
      }
      
      .requirement-button-container-text{
        width: 350px;
        text-align: center;
        margin-top: 20px;
      }
      
      .requirement-focus-page{
        width: 340px;
        top: 644px;
        left: 352px;
      }
      
      .requirement-code-shape{
        display: none;
      }
      
      .requirement-wf{
        width: 335px;
        top: -30px;
        left: 320px;
      }
      
      .requirement-shape-down{
        width: 174px;
        top: -17px;
        left: -77px
      }

      .vacancie-modal-box .wpcf7{
        padding: 0px 40px;
      }

      .vacancie-modal-box .requirement-modal-text{
        margin-top: 20px;
      }
    
    /* ------------------------------- */
    
    .vacancies-page .popular-services{
        margin-top: 97px;
    }
    
    /* ------------------------------- */
    
    .vacancies-page .request-block{
        margin-top: 129px;
        margin-bottom: 0px;
    }
    
    /* ------------------------------ */
    
    .vacancies-page .articles-block{
        margin-top: 104px;
        margin-bottom: 96px;
    }
}