@media screen and (max-width: 1299px) { 
    .container {
        max-width: 1170px; 
    }
}

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

    .container {
        max-width: 970px; 
    }

    .header__nav {
        display: none; 
    }

    .main {
        overflow: hidden;
    }

    .main-bg { 
        top: 5px;
    }

    .header__phone {
        margin-left: auto;
    }

    .about-item-num {  
        font-size: 45px; 
    }
 
}

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

    .container {
        max-width: 740px;
    }

    .about-row, .contact-row { 
        grid-template-columns: 1fr; 
    }
 
}

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

    .container {
        max-width: 100%;
        padding-left: 10px;
        padding-right: 10px; 
    }

    .main-row { 
        gap: 40px;
        display: flex;
        flex-direction: column-reverse;
    }

    h1 {
        font-size: 50px; 
    }

    .btn {
        padding: 0 15px;
        font-size: 18px;
    }

    .main, .product, .video, .faq {
        padding-bottom: 100px; 
    }

    .about, .spec {
        margin-bottom: 100px; 
    }

    .header-row {
        padding: 15px 10px;
        column-gap: 25px;
    }

    .logo-desc {
        max-width: 150px;
    }

    .header__phone {
        border: 0;
        padding: 0;
    }

    .about-list, .spec-list  { 
        grid-template-columns: 1fr; 
    }
    

    h2 {
        font-size: 38px; 
    }

    .product-nav { 
        justify-content: center;
    }

    .product-top { 
        flex-direction: column;
        row-gap: 20px;
        justify-content: center;
    }

    .footer-row { 
        flex-direction: column;
    }

    .footer__text { 
        flex-direction: column;
        row-gap: 5px;
    }

    .contact-form { 
        padding: 40px 30px;
    }

    .faq__item-question { 
        font-size: 20px; 
    }

    header {
        margin-bottom: 60px;
    }

}

@media screen and (max-width: 414px) {
    
   
}
@media screen and (max-width: 375px) {
     
}