@media (max-width: 1750px) {
    .sertificates_slider-container:before {
        display: none;
    }
}
@media (max-width: 1200px) {
    .mob_menu_close, .mob_menu_contacts, .mob_menu_form{
        display: block;
    }
    .mob_menu_close{
        height: 70px;
        width: 100%;
        padding: 20px;
    }
    .mob_menu_contacts{
        padding: 30px 20px;
    }
    .mob_icon_block{
        margin-bottom: 20px;
    }
    .mob_icon_block i{
        color: #e31e24;
        width: 20px;
    }
    .mob_icon_block span, .mob_icon_block a{
        color: #302f2e;
        font-family: "PT Serif";
        font-size: 14px;
        font-weight: 400;
    }
    .mob_icon_block.phone a{
        display: block;
        width: 100%;
        color: #333333;
        font-family: "PT Serif";
        font-size: 18px;
        font-weight: 700;
        line-height: 25px;
    }
    .mob_menu_form{
        padding: 0px 20px;
    }
    .mob_menu_form button.sf2-callBtn{
        display: inline-block;
        width: unset;
        padding: 0px 30px;
    }
    .top_menu{
        display: none;
        position: fixed;
        left: 0px;
        top: 0px;
        width: 80vw;
        min-height: 100vh;
        background-color: #ffffff;
        z-index: 99;
        margin: 0px -15px;
    }
    .top_menu .nav{
        flex-direction: column;
    }
    .top_menu .nav li{
        width: calc(100% + 15px);
    }
    .top_menu .nav li:first-child a {
        border-top: 1px solid #cfd3dc;
    }
    .top_menu .nav li a{
        background-color: #eef3f9;
        color: #333333;
        font-family: "PT Serif";
        font-size: 15px;
        font-weight: 400;
        transition: all 0.5s ease;
        border-bottom: 1px solid #cfd3dc;
    }
    .top_menu .nav li a:hover{
        transition: all 0.5s ease;
        background-color: #335478;
        color: #eef3f9;
    }
    .mob_menu_caller{
        display: block;
    }
    .mob_menu_caller i{
        color: #fff;
        font-size: 35px;
        padding: 15px 0px;
        cursor: pointer;
    }
    .mob_overlay{
        position: fixed;
        background-color: rgba(0, 0, 0, 0.7);
        width: 100vw;
        height: 100vh;
        z-index: 58;
        top: 0px;
        left: 0px;
    }
    .bbtop_bg{
        height: 700px;
    }
    .product_item-btn a{
        opacity: 1;
    }
    .bgl_block{
        display: none;
    }
    .payment.dap_item{
        margin-bottom: 20px;
    }
    .advant_block {
        margin-bottom: 50px;
    }
    .advantages {
        position: relative;
        padding-top: 350px;
        padding-bottom: 390px;
        background: url(images/advantbgt.png), url(images/advantbgb.png), url(images/advantbg.png);
        background-repeat: no-repeat, no-repeat, no-repeat;
        background-position: top -120px center, bottom -60px center, center;
        background-size: auto, auto, cover;
    }
    .advantages:before{
        content: '';
        position: absolute;
        width: 100%;
        height: 2px;
        background-color: #fff;
        top: -1px;
    }
    .advantages:after{
        content: '';
        position: absolute;
        width: 100%;
        height: 2px;
        background-color: #eef3f9;
        bottom: -1px;
    }
    .advantages_slider-container {
        position: relative;
        margin-bottom: 215px;
    }
    .advantages_slider-desc {
        position: absolute;
        border-radius: 15px;
        background-color: #ffffff;
        padding: 40px;
        left: 16%;
        top: 90%;
        width: 100%;
    }
    .advantages_slider-arr {
        margin-top: 15px;
        position: absolute;
        width: 110px;
        height: 50px;
        left: 0px;
    }
    .contacts_footer:before{
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        left: calc(-100% + 5px);
        background-color: #335478;
        top: 0px;
    }
    .howwework {
        position: relative;
        padding-top: 180px;
        padding-bottom: 370px;
        background:  url(../../../images/hwbg.png);
        background-repeat:  no-repeat;
        background-position: bottom center;
        z-index: 10;
    }
    .sertificates {
        background-color: #eef3f9;
        padding-bottom: 70px;
    }
}
@media (max-width: 992px) {
    .sertificates_slider-item-desc {
        border-radius: 15px;
        background-color: #335478;
        padding: 30px 20px 30px 75px;
        position: relative;
        left: -75px;
        z-index: 9;
    }
    .advantages_slider-desc {
        left: 20px;
        width: calc(100% - 40px);
    }
    .advantages_slider-arr {
        margin-top: 15px;
        position: absolute;
        width: calc(100% + 50px);
        height: 50px;
        left: -25px;
        top: 55px;
    }
    .advantages_slider-arr.arrows div.arrow_next, .advantages_slider-arr.arrows div.arrow_prev {
        background-color: #1c1e21;
        opacity: 0.4;
    }
    .advantages_slider-arr.arrows div.arrow_next:hover, .advantages_slider-arr.arrows div.arrow_prev:hover {
        background-color: #1c1e21;
        opacity: 0.6;
    }
}
@media (max-width: 767px) {
    .feedback {
        position: relative;
        padding-top: 150px;
        padding-bottom: 0px;
        background: #fff;
        background-repeat: no-repeat;
        background-position: right -300px top;
        background-size: cover;
        z-index: 9;
        margin-top: -245px;
    }
    .sertificates_slider-item-desc {
        border-radius: 0px;
        background-color: #335478;
        padding: 30px 20px 30px 20px;
        position: relative;
        left: 15px;
        z-index: 9;
        width: calc(100% - 30px);
    }
    .contacts_footer:after{
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        right: calc(-100% + 5px);
        background-color: #335478;
        top: 0px;
    }
    .map {
        position: relative;
        height: 500px;
    }
    #contacts{
        display: flex;
        flex-direction: column;
    }
    .advantages_slider-desc .title{
        color: #305073;
        font-family: "PT Serif";
        font-size: 25px;
        font-weight: 700;
    }
    .advantages_slider-desc .text{
        color: #999999;
        font-family: "PT Serif";
        font-size: 15px;
        font-weight: 400;
    }
    .deliveryandpay .delivery:after, .deliveryandpay .payment:after {
        content: '';
        display: none;
    }
    .products_tabs .tab{
        margin-bottom: 15px;
    }
    .products_tabs_content .slick-slider {
        margin: 0px 0px;
    }
    .advantages_slider-container {
        position: relative;
        margin-bottom: 215px;
        margin: 0px 15px;
    }
    .deliveryandpay {
        padding-bottom: 25px;
        background: unset;
    }
    .advantages_slider-desc{
        top: -25px;
        position: relative;
    }
    .advantages_slider-item div {
        height: 200px;
    }

    .advantages {
        position: relative;
        padding-top: 350px;
        padding-bottom: 180px;
        background: url(../../../images/advantbgt.png), url(../../../images/advantbgb.png), url(../../../images/advantbg.png);
        background-repeat: no-repeat, no-repeat, no-repeat;
        background-position: top -130px center, bottom -55px center, center;
        background-size: auto, auto, cover;
        margin-top: 0px;
    }
    .advantages:before{
        content: '';
        position: absolute;
        width: 100%;
        height: 2px;
        background-color: #fff;
        top: -1px;
    }
    .advantages:after{
        content: '';
        position: absolute;
        width: 100%;
        height: 2px;
        background-color: #eef3f9;
        bottom: -1px;
    }
    .advant_slider-container{
        margin: 0px 15px;
    }
    .advant_block-desc{
        text-align: center;
    }
    .advant_slider-arr{
        position: relative;
        height: 50px;
        width: 120px;
        margin-bottom: 100px;
        margin: 0px auto 80px;
    }
    .howwework_slider-arr{
        position: relative;
        height: 50px;
        width: 120px;
        margin-bottom: 100px;
        margin: 20px 0px 0px 0px;
    }
    .howwework_slider-arr.arrows div.arrow_prev {
        top: calc(50% - 25px);
        left: -0px;
    }
    .arrows div.arrow_prev{
        top: calc(50% - 25px);
        left: -10px;
    }
    .arrows div.arrow_next{
        top: calc(50% - 25px);
        right: -10px;
    }
}
@media (max-width: 600px) {
    .bbtop-title, .bbtop-pretitle{
        font-size: 28px;
        text-align: center;
    }
    .bbtop-desc{
        font-size: 18px;
        text-align: center;
    }
    .bbtop-link{
        font-size: 15px;
        text-align: center;
    }
    .bbtop-block {
        padding: 80px 0px 0px 0px;
        text-align: center;
    }
    .products_header{
        font-size: 25px;
        text-align: center;
    }
    .products_tabs .tab {
        margin-bottom: 15px;
        text-align: center;
    }
    .product_item-image a {
        min-height: 300px;
        display: flex;
        justify-content: center;
        align-items: flex-end;
        position: relative;
        bottom: 90px;
    }
    .product_item-image {
        height: 200px;
        position: relative;
    }
    .howwework {
        padding-top: 80px;
    }
    .howwework_header{
        font-size: 25px;
    }
    .feedback-title{
        font-size: 25px;
    }
    .feedback-desc{
        font-size: 15px;
    }
    .deliveryandpay_header{
        font-size: 25px;
        text-align: center;
    }
    .dap_item-title{
        font-size: 22px;
    }
    .dap_item-text-desc .title{
        font-size: 16px;
    }
    .dap_item-text-desc .text{
        font-size: 14px;
    }
    .advantages_header{
        font-size: 25px;
    }
    .advant_slider-container {
        margin: 0px;
    }
    .advantages_slider-desc{
        padding: 15px;
    }
    .sertificates_header{
        font-size: 25px;
    }
    .sertificates_desc{
        font-size: 15px;
    }
    .sertificates_slider-item-desc {
        border-radius: 0px;
        background-color: #335478;
        padding: 30px 20px 30px 20px;
        position: relative;
        left: 0px;
        z-index: 9;
        width: 100%;
    }
    .contacts_footer-header{
        font-size: 25px;
    }
    .contacts_footer {
        padding-top: 210px;
        padding-bottom: 140px;
        background-color: #335478;
        padding-left: 15px;
        padding-right: 15px;
        position: relative;
    }
    .footer_icon_block .data.phone a {
        color: #ffffff;
        font-family: "PT Serif";
        font-size: 20px;
        font-weight: 700;
        line-height: 20px;
        display: block;
        width: 100%;
        margin-bottom: 20px;
    }
    .advantages_slider-desc {
        left: 10px;
        width: calc(100% - 20px);
    }
    .sertificates_p_slider-arr{
        position: absolute;
        top: 200px;
        width: calc(100% - 30px);
    }
}