@media (max-width: 1440px){
    .container {
        max-width: 90vw;
    }
    .about-content p {
    font-size: 20px;
    }
}

@media (max-width: 1199px){
        .container {
        max-width: 100%;
    }
}


@media (max-width: 1170px) {
    .header-nav li + li {
        margin-left: 20px;
    }
    .menu,.header-adress,.header-schedule,.header-cotacts {
        display: none;
    }
    .header-logo {
    width: 125px;
    }
    .mobile-nav-button {
        display: flex;
    }
    .header-top {
        justify-content: space-between;
    }
    .home-content {
        padding: 0;
    }
    .home-bg-img img {
        height: 1000px;
    }
    .icon-phone {
        display: inline;
    }
    .about-row {
    grid-template-columns: 1fr;
    }
    .about-brand-row {
    grid-template-columns: 1fr;
    gap: 30px;
    margin-top: 20px;
    }
    .about-r-img {
        position: relative;
    }
}


@media (max-width: 1024px) {
    .about,.faq,.contacts {
        padding: 25px 0;
    }
    .reviews-new {
        padding: 50px 0 0 0;
    }
    .works {
        padding: 50px 0 0 0;
    }
}




@media (max-width: 992px) {
    .home-bg-img img {
        height: 850px;
    }
    .contacts-row {
        flex-direction: column;
        align-items: center;
    }
    .contacts-soc {
    margin-left: 20px;
    }
}




@media (max-width: 768px) {

    .section-heading {
        font-size: 50px;
        line-height: 50px;
    }
    .section-heading-white {
        font-size: 50px;
        line-height: 50px;
    }
}




@media (max-width: 576px) {
    .home-bg-img img {
        height: 730px;
    }
    .section-heading {
        font-size: 35px;
        line-height: 35px;
        padding: 20px 0;
    }
    
    .section-heading-white {
        font-size: 35px;
        line-height: 35px;
    }
    .bottom-more a {
        font-size: 24px
    }
    .footer-row {
        flex-direction: column-reverse;
    }
}


@media (max-width: 445px) {
    .action {
    margin: 75px 0 100px 0;
    }
    .about-action {
        flex-direction: column;
        text-align: center;
    }


}


@media (max-width: 420px) {
    .header-logo {
        width: 100px;
    }

}



@media (max-width: 375px) {
    .header-cotacts {
        width: 216px;
    }
    .home-bg-img img {
        height: 650px;
    }
    .home-text {
        font-size: 26px;
    }
    .about-text-title {
    font-size: 32px;
    }
    .header-logo {
    display: none;
    }

}