/*1596px*/
@media screen and (min-width: 1200px) and (max-width: 1596px) {
    
    /*--- GRID ---*/
    :root {
        --container-wd-width: 1200px;
        --container-width: 1200px;
    }

    /*--- HEADER ---*/
    .header-navigation {
        display: none;
    }

    .header-catalog li>a {
        padding: 25px;
        font-size: 16px;
    }

    .hello-car {
        width: 430px;
        top: 300px;
        right: 250px;
    }

    .hello-inner {
        grid-template-columns: 80% 20% 100%;
        grid-gap: 0;
    }
}

@media screen and (max-width: 1199px) {

    /*--- HEADER ---*/
    .hello-tips-btn-wrapper, .hello-car, .header-catalog, .header-navigation {
        display: none;
    }
    
    .section-hello:after {
        content: none;
    }

    .header-contacts {
        top: -10px;
    }

    .hello {
        margin: 50px 0;
    }

    .header-burger {
        display: flex;
    }

    .hello-inner {
        grid-template-columns: 1fr;
    }

    .social {
        display: none;
    }

    .section-hello {
        min-height: 700px;
    }
}

/*1199*/
@media screen and (min-width: 992px) and (max-width: 1199px) {
    /*--- GRID ---*/
    :root {
        --container-wd-width: 992px;
        --container-width: 992px;
    }
}

@media screen and (max-width: 991px) {

    /*--- HEADER ---*/
    .hello-content h1 {
        font-size: 58px;
    }

    .header__address {
        display: none;
    }
}
  
/*991*/
@media screen and (min-width: 768px) and (max-width: 991px) {

    /*--- GRID ---*/
    :root {
        --container-wd-width: 768px;
        --container-width: 768px;
    }

    /*--- HEADER ---*/
    .header-burger {
        display: flex;
    }

    .header-catalog {
        display: none;
    }

    .header-navigation {
        display: none;
    }

    .hello-inner {
        grid-template-columns: 1fr;
    }

    .social {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    /*--- GRID ---*/
    :root {
        --container-wd-width: 100%;
        --container-width: 100%;
    }

    /*--- HEADER ---*/
    .header-contacts__phone {
        font-size: 28px;
    }

    .header-contacts__call {
        font-size: 16px;
    }

    .hello-content h1 {
        font-size: 38px;
    }

    .hello-content p {
        font-size: 18px;
    }

    .hello-content li {
        display: flex;
        align-items: center;
        font-size: 16px;
    }

    .hello-inner {
        min-height: fit-content;
    }
}

/*540*/
@media screen and (max-width: 540px) {

    /*--- HEADER ---*/
    .header {
        flex-wrap: wrap;
    }

    .header__logo {
        width: 100%;
    }

    .header__logo {
        text-align: center;
    }
}
  
/*389*/
@media screen and (max-width: 389px) {
    /*--- GRID ---*/
    :root {
        --indent: 16px;
    }

    /*--- HEADER ---*/
    .hello-content .btn {
        width: 100%;
        font-size: 16px;
    }

    .hello-content h1 {
        font-size: 32px;
    }

    .header-contacts {
        margin: 0 auto;
    }

    .section-hello .header-contacts__call {
        position: relative;
        display: inline-block;
    }

    .header-contacts__phone {
        font-size: 24px;
    }

    .header-contacts {
        top: -5px;
    }
}

/* .section-main-service, .section-service-cost, .section-last-works, .section-feedback, .section-certificates, .section-about, .section-quest, .section-map, .section-footer, .modal-wrapper, .modal-wrapper, .modal-wrapper {
    display: none;
} */