@media(max-width: 767px){
    .cases-headline{
        margin-top: 120px;
        height: 610px;
    }

    .cases-headline-text .col-1 img{
        width: 20px;
    }
    
    .cases-headline-text h1{
        font-size: 54px;
        line-height: 68px;
        margin-top: 30px;
        margin-bottom: 355px;
    }
    
    .cases-headline-img{
        top: -480px;
        left: 0px;
        width: 440px;
    }
    
    /* ------------------------ */
    
    .result-our-work{
        margin-top: 60px;
    }
    
    .result-our-work-headline{
        margin-bottom: 30px;
        width: 440px;
    }
    
    #result-our-work-tabs{
        row-gap: 10px;
        column-gap: 10px;
        width: 440px;
    }
    
    .result-our-work-tab{
        border-radius: 30px;
        padding: 10px 
        25px;
        font-size: 16px;
        line-height: 19px;
    }
    
    .case-div {
        width: 440px;
        height: 500px; 
        border-radius: 30px;
        padding-left: 40px;
        padding-bottom: 40px;
    }
    
    .block-cases{
        width: 440px;
        margin-top: 30px;
    }
    
    .block-cases .case-div .col-1{
        max-width: 380px;
    }
    
    .block-cases .case-div .col-2{
        row-gap: 10px;
        column-gap: 10px;
        width: 380px;
        font-size: 16px;
        line-height: 19px;
        margin-top: 20px;
    }
    
    .block-cases .case-div .col-2 .hashtag-text{
        padding: 10px 
        25px;
        border-radius: 30px;
    }
    
    /* ----------------------- */
    
    .cases-page .popular-services{
        margin-top: 80px;
    }
    
    .cases-page .request-block{
        margin-top: 130px;
    }
    
    .cases-page .articles-block{
        margin-top: 102px;
        margin-bottom: 92px;
    }
}