@media (max-width:1300px){
    .help{
        flex-direction: column-reverse;
    }
    .help-body-right img{
        width: 100%;
        height: 500px;
    }
    .help-body-left{
        text-align: center;
        width: 100%;
    }
    .help-body-title{
        font-size: 30px;
    }
    .help-body-text{
        font-size: 16px;
    }
    .card-much{
        width: 100%;
    
}

@media (max-width:1250px) {
    .container{
        max-width: 1100px;
    }
    .header-menu-list{
        position: fixed;
        display: flex;
        flex-direction: column;
        height: 100vh;
        width: 60%;
        right: -100%;
        top: 0;
        /* background-color: rgba(221, 221, 221, 0.688); */
        background: #b0661187 ;
        transition: all 0.5s ease;
    }
    .header-menu-list.active{
        right: 0;
    }
    .header-menu-link{
        margin: 15px 0;
    }
    .header-burger{
        display: block;
        z-index: 999;
    }
    .header-burger i.active::before{
        content: '\f00d';
    }
    .about-company-services{
        display: flex;
        flex-direction: column;
    }
    .comments-block{
        flex-direction: column;
    }
}

@media (max-width:1085px){
    .card-image{
        flex-wrap: wrap;
    }
}

@media (max-width:1024px){
    .home-text-block{
        width: 600px;
    }
    .header-logo-link > img{
        width: 100px;
        height: 100px
    }
    .footer-body{
        flex-direction: column;
    }
}
    .footer-menu-list{
        display: flex;
        flex-direction: column;
    }
}

@media (max-width:768px){
    .home-text-block{
        width: 600px;
    }
    .header-logo-link > img{
        width: 100px;
        height: 100px
    }
    .about-company-big-title{
        font-size: 50px;
    }
    .card-much{
        width: 100%;
        border-radius: 0;
    }
    .footer-body{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

}

@media (max-width:705px){
    .home-text-block{
        width: 600px;
    }
    .header-logo-link > img{
        width: 100px;
        height: 100px
    }
    .card-image > img{
        width: 300px;
        height: 300px;
    }
}

@media (max-width:685px){
    .home-text-block{
        width: 500px;
    }
    .header-logo-link > img{
        width: 100px;
        height: 100px
    }
    .header-call-number-link, .header-call-number p{
        display: none;
    }
    .header-call-number-btn{
        display: block;
    }
    .news-body{
        display: flex;
        flex-direction: column;
    }
    .news-left, .news-right{
        text-align: center;
        width: 100%;
    }
    .news-left-title{
        width: 100%;
        font-size: 30px;
    }
    .help-body-right{
        width: 100%;
    }
    .help-body-right img{
        width: 100%;
        height: 600px;
    }
    .card-image > img{
        width: 250px;
        height: 250px;
    }
}

@media (max-width:505px){
    .home-text-block{
        font-size: 20px;
        width: 400px;
        font-weight: 400;
    }
    .home-title-block{
        font-size: 20px;
        font-weight: 6 00;
    }
    .home-btn-block > a{
        padding: 14px;
        font-size: 14px;
    }
    .about-company-big-title{
        font-size: 40px;
    }
    .about-company-text{
        font-size: 17px;
    }
    .help-body-right img{
        width: 100%;
        height: 500px;
    }
    .card-image > img{
        width: 200px;
        height: 200px;
    }
}

@media (max-width:480px){
    .home-text-block{
        font-size: 20px;
        width: 400px;
        font-weight: 400;
    }
    .home-title-block{
        font-size: 20px;
        font-weight: 600;
    }
    .header-body{
        display: flex;
        gap: 20px;
    }
    .header-logo-link > img{
        width: 100px;
        height: 100px
    }

    .header-call-btn-link{
        font-size: 14px;
        padding: 8px 12px;
    }
    .home{
        height: 450px;
        background: url(../images/84696760ed2250d191854d00ce303b0f.jpg) no-repeat center/cover ;
    }
    .home-text-block{
        color: var(--legendNewBlack);
    }
    .home-title-block{
        color: var(--legendNewBlack);

    }

}

@media (max-width:431px){
    .card-image img{
        width: 400px;
        height: 400px;
    }
    .card-much-title{
        font-size: 24px;
        font-weight: 700;
    }

}

@media (max-width:425px){
    .card-image img{
        width: 300px;
        height: 300px;
    }

    .card-much-title{
        font-size: 22px;
        
    }
    .help-body-right img{
        width: 100%;
        height: 350px;
    }
    .help-body-text{
        font-size: 15px;
    }
    .card-image > img{
        width: 180px;
        height: 180px;
    }
       .title{
        font-size: 25px;
    }

}

@media (max-width:395px){
    .card-image  img{
        width: 350px;
        height: 350px   ;
    }
    .home-text-block{
        font-size: 20px;
        width: 400px;
        font-weight: 400;
    }
    .home-title-block{
        font-size: 20px;
        font-weight: 600;
    }
    .header-body{
        display: flex;
        gap: 5px;
    }
    .header-logo-link > img{
        width: 60px;
        height: 60px
    }
    /* .header-logo-link {
        display: none;
    } */
    /* .header-logo-link-text{
        font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
        display: block;
        font-size: 40px;
        letter-spacing: 2px;
    } */

    .header-call-btn-link{
        font-size: 14px;
        padding: 8px 12px;
    }
    .home-text-block{
        font-size: 17px;
        width: 300px;
        font-weight: 400;
    }
    .news-body{
        text-align: center;
        display: flex;
        flex-direction: column;
    }
    .news-left, .news-right{
        width: 100%;
    }
    .news-left-title{
        width: 100%;
        font-size: 25px;
    }
    .news-right-text{
        text-align: center;
        font-size: 16px;
    }

}

@media (max-width:373px){

    .title{
        font-size: 25px;
    }
    .card-image > img{
        width: 200px;
        height: 200px;
    }
}
@media (max-width:320px){

    .title{
        font-size: 25px;
    }
    .card-image img{
        width: 300px;
        height: 300px;
    }
    .home-title{
        font-size: 35px;
        /* color: var(--legendWhite); */
    }
    .home-text{
        font-size: 16px;
    }
    .home{  
        height: 330px;
    }
    .home-text-block{
        color: var(--legendNewBlack);
    }
    .home-title-block{
        color: var(--legendNewBlack);

    }
    .catalog-body{
        gap: 5px;
    }
    .card-image{
        gap: 2px;
    }
    .card-much-title{
        font-size: 24px;
    }
    /* .home-text{
        color: var(--legendWhite);
    } */
    
}