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


    .wrapper {
        width: 90%;
    }
}

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

    .header__nav.open .nav__burger-btn{
        position: absolute;
        left: 30px;
    }

    .hidden {
        display: block;
    }

    .nav__burger-btn {
        display: block;
    }

    .menu {
        position: absolute;
        top: 0px;
        left: -50%;
        width: 50%;
        height: 100vh;
        background-color: rgb(255, 255, 255);
        box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.15);
        transition: transform .5s;
        overflow-y: hidden;
        overflow-x: hidden;
        z-index: 10;
    }

    .header__nav.open .menu {
        display: block;
    }

    .menu-content {
        position: absolute;
        /* height: 100%; */
        top: 140px;
        bottom: 0;
        width: 100%;
        overflow-y: scroll;
        overflow-x: hidden;
        transition: transform .5s;
    }

    .menu-content::-webkit-scrollbar {
       width: 3px;
       background-color: #00000000;
   }
   
   .menu__item, .menu-contacts {
       
   }
   
   .menu-content::-webkit-scrollbar-thumb {
       background-color: #afafaf;
       border-radius: 10px;
   } 

    .menu__list {
        display: block;
    }

    .menu__list .menu__item{
        margin-right: 0 !important;
    }

    .header__nav.open .menu__item:hover {
        background-color: #f3f3f3;
        transform: scale(1) !important;
    }

    .menu__link {
        font-size: 21px;
        display: block;
        padding: 25px 30px;
    }

    .header__nav.open .menu{
        transform: translateX(100%);
    }



    .about-us-mini__content p {
        width: 100%;
    }




    .products-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .support-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .trusted-grid {
        grid-template-columns: repeat(2, 1fr);
    }



    .form__content, .calculator__content {
        width: 90% !important;
    }



    .products-content img {
        width: 50%;
    }
}

@media only screen and (max-width: 700px){
    .table-title h3, .table-row p {
        font-size: 14px;
    }

    .products-content img {
        width: 100%;
    }
    
    .intro__content {
        flex-direction: column;
        align-items: center;
    }
}

@media only screen and (max-width: 570px){
    .partners-logo{
        justify-content: space-around;
    }

    .partners-logo img{
        height: 80px;
    }

    .partners-logo img:first-child{
        margin: 0;
    }

    .support-grid {
        grid-template-columns: repeat(1, 1fr);
    }
    
    .calculator__content-table th, .calculator__content-table td {
        padding: 10px;
    }
}

@media only screen and (max-width: 500px){
    .products-grid{
        grid-template-columns: repeat(1, 1fr);
    }

    .trusted-grid {
        grid-template-columns: repeat(1, 1fr);
    }

    .table-title h3, .table-row p {
        font-size: 12px;
    }

    .table-title, .table-row {
        grid-template-columns: minmax(155px, 1fr) minmax(50px, 85px) minmax(50px, 85px) minmax(70px, 85px);
        gap: 5px;
    }
    
    .calculator__content-table {
        font-size: 12px;
    }
    
}

@media only screen and (max-width: 410px) {
    .header-contacts {
        display: none;
    }

    .header__nav {
        margin-top: 15px;
    }

    .menu {
        left: -100%;
        width: 100%;
        /* overflow-y: scroll;
        overflow-x: hidden; */
    }

    .menu-content {
        top: 100px;
    }

    .menu-contacts {
        display: flex;
        align-items: center;
        color: rgb(0, 0, 0) ;
        padding: 15px 30px;
        font-size: 20px;
    }

    .menu-contacts img{
        height: 20px;
        width: auto;
        margin-right: 5px;
    }


    .intro__content h1 {
        font-size: 26px;
    }



    .partners-logo img{
        height: 70px;
    }
    
    
    
    
}

@media only screen and (max-width: 380px){
    .table {
        overflow-x: scroll;
    }

    .table-title {
        background: var(--blue);
        border-radius: 15px;
        gap: 0;
    }

    .table-row p:not(.table-number) {
        padding-left: 10px;
    }
    
        .calculator__content-table {
        font-size: 8px;
    }
}