/*******************************/

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

}

/*******************************/

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

}

/*******************************/

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

}

/*****************************************/

@media screen and (max-width: 1450px) {
    .vostok-compare-list {
        gap: 50px;
        padding: 0;
    }
}

/*****************************************/

@media screen and (max-width: 1400px) {
    .container {
        width: calc(100% - 100px);
    }
}

/*****************************************/

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

}

/*****************************************/

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

}

/*****************************************/

@media screen and (max-width: 1200px) {
    .container {
        width: 100%;
    }
}


/*****************************************/

@media screen and (max-width: 1150px) {
    .page-content.product {
        grid-template-columns: 1fr;
        gap: 35px;
    }
    .wrapper-product {
        padding: 110px 0 50px 0;
    }
    .wrapper-product .page-content {
        padding: 0 0 50px 0;
    }
    .wrapper-page {
        padding: 100px 0 50px 0;
    }
}

/* Мобильный вид */
@media (max-width: 1100px) {
    .contacts-content {
        grid-template-columns: 1fr;
    }
    .footer-info {
        grid-template-columns: repeat(2, 1fr);
    }
}

/*****************************************/

@media screen and (max-width: 991px) {
    #cfgPopupOrder .cfg-popup-order__dialog {
         margin-top: 0;
    }
    #cfgPopupOrder .cfg__panel {
        padding: 0;
        background: none;
        box-shadow: none;
    }
 
}



/***************** END 991 ************************/


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

}

/***************** END 950 ************************/

@media screen and (max-width: 768px) {
    .cfg-popup-summary, .cfg-popup-form-card {
        padding-bottom: 50px;
    }

}

/***************** END 768 ************************/


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

}


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

}


/*********************************************/

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

}

/**************** END 650 *************************/

@media screen and (max-width: 500px) {
    .footer-info {
        grid-template-columns: 1fr;
        gap: 30px;
    }
}


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

}


@media screen and (max-width: 450px) {
    .btn {
        padding: 8px 10px;
        min-height: 45px;
        font-size: 15px;
    }
}



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

}


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

}

@media screen and (max-width: 350px) {
    .btn {
        padding: 8px 5px;
        min-height: 40px;
        font-size: 14px;
    }
}