/*==========  Media  ==========*/

@media (max-width : 1199px) {
    .categories_nav .level_3 .subcategory .categories_menu__item {
        -webkit-flex: 0 0 33.3%;
        -ms-flex: 0 0 33.3%;
        flex: 0 0 33.3%;
        max-width: 33.3%;
        height: 130px;
    }
    .services_box__picture, .services_box__picture img {
        height: 450px;
    }
    .adv_images__picture {
        height: 300px;
    }
    .product_preview__image {
        height: 270px;
    }
}

@media (max-width: 1100px) {
    .products_container__boxed .block__description {
        max-width: 80%;
    }
}

/* Medium Devices, Desktops */
@media (min-width : 992px) {
    .menu_switcher {
        display: none !important;
    }
    .position_sticky{
        position: sticky;
        top: 70px;
    }

}

@media (max-width : 991px) {
    .advantages__title {
        font-size: 16px;
    }
    .advantages_wrap {
        gap: 20px;
    }
    .popup_img {
        height: 300px;
    }
    .footer__copyright {
        padding: 32px 0px;
    }
    .footer__contact_item .email, .footer__contact_item .open_hours, .footer__contact_item .phone {
        font-size: 16px;
    }
    .description__wrap.two_columns {
        grid-template-columns: repeat(1, 1fr);
    }
    .products_container__boxed .block__description {
        max-width: 100%;
    }
    .main_slide__text {
        width: 100%;
    }
    .slider_buttons_wrapper {
        display: none;
    }
    .feedback_wrap {
        gap: 5%;
    }
    .faq_wrapper {
        grid-template-columns: 40% 55%;
        gap: 5%;
    }
    .description__wrap .description__img {
        height: 460px;
    }
    .advice_block {
        font-size: 22px;
    }
    .services_title {
        font-size: 30px;
    }
    .block_title__wrap {
        flex-wrap: wrap;
    }
    .main_slide__description {
        font-size: 20px;
    }
    h2, .h2 {
        font-size: 24px;
        margin: 0 0 20px;
    }
    .footer__hidden{
        display: none;
    }
    .product-page__images{
        max-height: 320px;
    }
    .mobile_filter__reset{
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        cursor: pointer;
        font-size: 14px;
        font-weight: 400;
        background: transparent;
        border: none;
        height: 35px;
        color: #fff;
        width: 100%;
    }
    .mobile_filter__reset svg {
        margin-right: 8px;
        display: inline-block;
        height: 15px;
        position: relative;
        width: 15px;
    }
    .block_explanation{
        margin-top: 20px;
        padding-left: 0;
    }
    .footer__title {
        border: 1px solid #e2e2e2;
        margin-bottom: 10px;
        padding: 0 15px;
        border-radius: 3px;
        background: #eee;
        line-height: 36px;
        text-transform: uppercase;
        color: #222;
        font-weight: 500;
        font-size: 13px;
    }
    .block__abouts_us {
        border-right: none;
        padding-right: 0px;
        border-bottom: 1px solid;
        border-color: var(--border-color);
        padding-bottom: 20px;
        margin-bottom: 20px;
    }
    .product_preview {
        box-shadow: none;
        min-height: 300px;
        border-left: none !important;
    }
    .product_preview__top{
        display: none;
    }
    .product_preview__prices {
        margin-top: 5px;
    }
    .product_preview__bottom {
        margin: 5px 0 0;
    }
    .product_preview__prices .price {
        font-size: 16px;
        font-weight: 600;
    }
    .product_preview__prices .old_price {
        margin: 0 5px 0 0;
        font-size: 13px;
        font-weight: 400;
    }
    .categories_nav{
        display: none!important;
    }
    .main_banner {
        display: block;
        width: 100%;
        margin-left: 0px;
        box-shadow: none;
    }
    .block--cart_purchases{
        margin-bottom: 15px;
    }
    .block__header--boxed {
        padding: 10px 15px;
        margin-bottom: 10px;
    }
    .block {
        margin-bottom: 10px;
    }
    .block--boxed {
        padding: 15px;
    }
    .brand {
        margin-bottom: -10px;
    }
    .tabs {
        margin-bottom: 10px;
    }
    .pager {
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .block__header--boxed .block__header_promo,
    .block__header--boxed .block__header_button {
        right: inherit;
        top: inherit;
    }
    .block__header--promo .block__heading,
    .block__header--promo .block__title {
        padding-right: 0px;
        margin: 0 0 0px;
    }
    .block__header_promo {
        position: relative;
        max-width: inherit;
        padding: 1px 5px;
        margin-top: 10px;
    }
    .gallery_image picture,
    .gallery_image a{
        height: 350px;
        min-height: inherit;
    }
    .gallery_image img{
        max-height: 100%;
    }
    .menu_switcher__heading .catalog_icon {
        margin-right: 5px;
        display: inline-block;
        position: relative;
    }
    .menu_switcher__heading .catalog_icon svg {
        width: 20px;
        height: 20px;
    }
}

@media (max-width : 900px) {
    .menu_group--header .menu_group__link {
        padding: 5px 7px;
    }
    .menu_group--header {
        justify-content: space-between;
    }
}

@media (max-width : 930px) {
    .adv_images__picture {
        height: 230px;
    }
    .popup_img picture, .popup_img img {
        height: auto;
    }
    .product_popup .fancybox-content {
        max-width: 90%!important;
    }
    .footer__menu {
        grid-column: span 1;
    }
    .footer__content {
        gap: 16px;
    }
    .footer__contacts {
        grid-row: 2;
    }
    .footer__contact_item .email, .footer__contact_item .open_hours, .footer__contact_item .phone {
        font-size: 18px;
        margin-bottom: 5px;
    }
    .footer_title__text, .footer__menu.menu-1 .footer_title__text {
        padding-left: 0;
        margin-bottom: 20px;
    }
}

@media (min-width: 860px) {
    .mobile_menu {
        display: none;
    }
    .menu_group__link:hover{
        color: var(--basic-company);
        text-decoration: none;
    }
    .pager a.active_project:hover {
        border: 1px solid var(--basic-company);
    }
    .menu_group--header .menu_eventer:hover .menu_group__list--2{
        display: flex;
        z-index: 1;
        align-items: flex-start;
    }
    .menu_group--header .menu_eventer:hover .menu_group__list--3{
        display: none;
    }
    .menu_group--header .menu_group__link[href^="discounted"]:hover{
        color: rgb(247, 76, 76);
    }
    .menu_group--header .menu_eventer:hover .menu_group__link:after {
        transform: rotate(-180deg);
    }
    .menu_group--header .menu_group__link:hover{
        color: var(--basic-company);
        text-decoration: none;
    }
    /* .header-contact__inner:hover {
        background: #fff;
        box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
        z-index: 1;
        height: auto;
        border: 0;
        border-radius: 16px;
    }
    .header-contact__inner--adress:hover{
        background: transparent;
        box-shadow: none;
        z-index: 1;
        height: auto;
    } */
    /* .header-contact__inner:hover .header-contact__item{
        opacity: 1;
        visibility: visible;
        height: auto;
        position: relative;
    }
    .header-contact__inner:hover .header-contact__item--visible:after {
        content: none;
    }
    .header-contact__inner:hover .header-contact__item--visible a {
        color: var(--body-heading);
    }
    .header-contact__inner:hover .header-contact__item--visible a:hover {
        color: var(--body-heading);
    }
    .header-contact--phone a:hover,
    .header-contact--email a:hover{
        color: var(--body-heading);
    } */
    .header_informers__item:hover{
        color: var(--second-company-text);
        background: var(--second-company);
    }
    .block_address__phone:hover, a.block_address__box:hover {
        text-decoration: underline;
    }
    /* Hover style elemets */
    .block__header_button:hover{
        background: var(--button-color);
        border-color: var(--button-color);
        color: var(--button-text);
    }
    .btn:hover::before {
        bottom: 0;
    }
    .btn:hover {
        color: var(--button-text)!important;
    }
    .view_all__button.download:hover {
        color: var(--button-text);
    }
    a.main_slide__button:hover {
        background: var(--button-color-hover);
        color: var(--button-text);
    }
    .tooltip a:hover,
    a:hover {
        color: var(--basic-company);
        outline-width: 0;
        text-decoration: none;
    }
    .image_zoom:hover img {
        transform: scale(1.05);
    }
    .block__header_button:hover .block__more{
        color: var(--button-text);
    }
    .form__button:hover {
        color: var(--button-second-text);
    }
    .checkbox:hover .checkbox__icon{
        border-color: var(--basic-company);
    }
    .breadcrumbs a:hover{
        color: var(--basic-company);
    }
    .account__link:hover{
        color: var(--basic-company);
        opacity: 1;
    }
    .switcher__visible:hover .switcher__name:after {
        -webkit-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
        transform: rotate(-135deg);
        top: 0px;
    }
    .switcher__item:hover .switcher__hidden{
        display: block;
        z-index: 1;
    }
    .switcher__link:hover {
        text-decoration: none;
        color: var(--basic-company);
    }
    .callback:hover{
        color: var(--basic-company-text);
        background-color: var(--basic-company);
        border-color: var(--basic-company);
        opacity: 1;
    }
    .main_brands__image:hover img {
        opacity: 1;
    }
    .search__button:hover {
        opacity: 1;
    }
    .categories_nav li:hover > .categories_nav__subcategory {
        transform: translateX(284px) translateZ(0px);
        visibility: visible;
        opacity: 1;
    }
    .categories_nav .categories_menu__item .categories_menu__link:hover{
        color: var(--basic-company);
        text-decoration: none;
        background: #f2f2f2;
    }
    .categories_nav .subcategory .categories_menu__item .categories_menu__link:hover{
        color: var(--basic-company);
        text-decoration: none;
    }
    .categories_nav .subcategory .categories_menu__item:hover {
        background: #fff;
    }
    .categories_nav .level_3 .subcategory .categories_menu__item .categories_menu__link:hover{
        color: var(--basic-company);
        text-decoration: none;
    }
    .categories_nav__subcategory.level_4{
        display: none!important;
    }
    .author_list__item:hover .author_list__preview,
    .brand__item:hover .brand__preview{
        background: #fff;
        border-color: transparent;
        border-radius: 4px;
        -webkit-box-shadow: 0 5px 15px #00000059;
        -moz-box-shadow: 0 5px 15px rgba(0,0,0,0.35);
        box-shadow: 0 5px 15px #00000059;
        z-index: 3;
    }
    .product_preview__button--pre_order:hover{
        background: rgb(127, 127, 127);
        border-color: rgb(127, 127, 127);
        color: #fff;
    }
    .product_preview__button--pre_order:hover{
        background: rgb(127, 127, 127);
        border-color: rgb(127, 127, 127);
        color: #fff;
    }
    .form__button--border:active,
    .form__button--border:hover,
    .form__button--border:focus{
        background: rgb(127, 127, 127);
        border-color: rgb(127, 127, 127);
        color: #fff;
    }
    .product-page__button--preloader:hover,
    .product-page__button--preloader:focus{
        background: #7f7f7f;
        border-color: #7f7f7f;
        color: #fff;
    }
    .article__button:hover{
        color: var(--button-color);
    }
    .article_item:hover .article__preview {
        background: rgb(255, 255, 255);
        border-color: transparent;
        border-radius: 4px;
        -webkit-box-shadow: 0 5px 15px rgba(0,0,0,0.35);
        -moz-box-shadow: 0 5px 15px rgba(0,0,0,0.35);
        box-shadow: 0 5px 15px rgba(0,0,0,0.35);
        z-index: 3;
    }
    .article__button:hover svg {
        left: 3px;
    }
    .details_boxed__other .fast_order_button:hover,
    .product-page__compare:hover,
    .product-page__wishlist:hover{
        border-color: var(--button-color);
        color: var(--button-color);
    }
    .product-page__compare:focus,
    .product-page__wishlist:focus{
        color: var(--button-color);
    }
    .tabs__link:hover{
        color: var(--basic-company);
    }
    .pager a:hover {
        text-decoration: none;
        color: var(--button-color);
        background: #fff;
        border-color: #dbdbdb;
    }
    .sidebar_card__link:hover,
    .browsed__link:hover {
        border-color: transparent;
        -webkit-box-shadow: 0 1px 4px #8e8e8e;
        -moz-box-shadow: 0 1px 4px #8e8e8e;
        box-shadow: 0 1px 4px #8e8e8e;
    }
    .footer__contact_item .callback:hover{
        color: var(--basic-company-text);
        background-color: var(--basic-company);
        border-color: var(--basic-company);
    }
    .footer__contact_item .email:hover,
    .footer__contact_item .phone:hover{
        color: var(--button-color-hover)!important;
        text-decoration: none;
    }
    .footer__menu_link:hover{
        color: var(--basic-company);
        text-decoration: none;
    }
    .form__button--subscribe:hover{
        opacity: 1;
    }
    .social__link:hover,
    .social__link:focus{
        background-color: var(--basic-company);
        border-color: var(--basic-company);
        color: var(--basic-company-text);
        opacity: 1;
    }
    .footer__copyright a:hover {
        color: var(--basic-company) !important;
        text-decoration: none;
    }
}

@media (max-width : 860px) {
    .pager {
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }
    .contact__content_info {
        padding: 30px 16px;
    }
    .header__logo {
        margin-right: auto;
        margin-left: 20px;
    }
    .pager div:last-child {
        grid-column: 2;
    }
    .project_button_content {
        gap: 10px;
    }
    .margin-bottom-pages {
        margin-bottom: 80px;
    }
    .phase_item__wrap {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        flex-direction: column;
        gap: 16px;
    }
    .services_pic {
        height: 300px;
    }
    .mobile_menu {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        background: var(--menu-bg);
        transform: translateX(-110vw);
        transition: all .5s ease;
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-start;
        min-width: 100%;
        position: fixed;
        left: 0;
        top: 74px;
        z-index: 999;
        box-shadow: 0px 5px 13px 0px #0000001A;
    }
    .mobile_menu.open {
        transform: translateX(0);
    }
    .mobile_menu__wrap {
        max-height: calc(95vh - 85px);
        overflow: auto;
        margin: 20px 16px;
    }
    .open-menu {
        overflow: hidden;
    }
    .header.mobile-bg {
        background: var(--menu-bg);
        z-index: 999;
        border-bottom: 1px solid #c3c3c39c;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }
    .open-menu::before {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.3);
        position: absolute;
        z-index: 999;
        left: 0;
        top: 0px;
    }
    .menu_group--mobile .menu_group__item {
        margin-bottom: 0;
        border-bottom: 1px solid #c3c3c33d;
    }
    .menu_group--mobile .menu_group__item.border {
        border-bottom: 0;
    }
    .menu_group--mobile .menu_group__item .menu_group__link {
        color: var(--second-company-text);
        font-size: 18px;
        font-weight: 500;
        padding-right: 50px;
        padding: 16px 0;
    }
    .menu_group__list.menu_group__list--2.menu_group--mobile .menu_group__item {
        border-bottom: 1px solid #c3c3c33d;
    }
    .menu_group__list.menu_group__list--2.menu_group--mobile .menu_group__item:last-child {
        border-bottom: 0;
    }
    .menu_group--mobile .menu_group__item--2 .menu_group__link {
        padding: 8px 0;
    }
    .menu_group--mobile .menu_group__item--2:first-child .menu_group__link {
        padding-top: 16px;
    }
    .menu_group--mobile .menu_group__item--2:last-child .menu_group__link {
        padding-bottom: 16px;
    }
    .menu_group--mobile .link_eventer {
        position: relative;
    }
    .menu_group--mobile .menu_arrow {
        width: 50px;
        height: 50px;
        -webkit-transition: all 0.2s;
        -o-transition: all 0.2s;
        -moz-transition: all 0.2s;
        transition: all 0.2s;
        position: absolute;
        top: 3px;
        right: 0;
        display: grid;
        place-items: center;
        cursor: pointer;
    }
    .menu_group--mobile .menu_arrow.open {
        transform: rotate(-180deg);
    }
    .menu_group--mobile.menu_group__list--2 {
        background: #333333;
        padding-left: 30px;
        padding-right: 30px;
        display: none;
    }
    .menu_group--mobile .menu_group__item:last-child {
        border-bottom: 0;
    }
    .product-page__gallery {
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }
    .faq__question {
        font-size: 18px;
    }
    .faq__answer {
        font-size: 16px;
    }
    .main.main_pages {
        padding-top: 74px;
        padding-bottom: 80px;
    }
    .pad {
        margin-top: calc(100vh - 74px);
    }
    .breadcrumbs {
        margin: 24px 0 20px;
    }
    .product_preview__image {
        height: 300px;
    }
    .menu_switcher {
        display: flex;
    }
    .logo__link {
        padding-right: 0;
    }
    header {
        height: 74px;
        border-bottom: 1px solid transparent;
    }
    .header__menu {
        display: none;
    }
    .footer__content {
        margin-bottom: 0px;
        margin-top: 0px;
    }
    .services_box__title {
        font-size: 28px;
    }
    h1, .h1 {
        font-size: 44px;
    }
    /* .block_title, .contact__title, .phase_title, .faq_title {
        font-size: 40px;
    } */
    .main_slide__title {
        font-size: 48px;
    }
    .products_list {
        grid-template-columns: repeat(2, 1fr);
    }
    /* .view_all__button, .main_slide__button, .contact__form .form__button {
        font-size: 18px;
    } */
    .services_box__picture, .services_box__picture img {
        height: 300px;
    }
    .block_title__wrap {
        gap: 30px;
    }
    .white_bg, .dark_bg {
        padding: 80px 0;
        padding-bottom: 0;
    }
    .white_bg:last-of-type {
        padding-bottom: 80px;
    }
    .block_title__desc {
        padding-top: 0;
    }
}

@media (max-width: 800px) {
    .feedback_wrap {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        flex-direction: column;
        gap: 30px;
    }
    .block_address {
        margin-bottom: 0;
    }
    .popup_title {
        font-size: 24px;
        margin-bottom: 16px;
    }
    .fancybox-content {
        padding: 44px 30px!important;
    }
}

/* Small Devices, Tablets */
@media (min-width : 768px) {
    .header__bottom {
        width: 100%;
        height: 60px;
    }
}
@media (max-width : 767px) {
    .main {
        overflow: hidden;
    }
    .faq__list {
        max-width: 100%;
    }
    .popup_img {
        height: 270px;
    }
    .callback_form input, .callback_form textarea, .callback_form .form__textarea, .callback_form .form__input {
        font-size: 16px;
        line-height: 1.4;
    }
    .services_desc_item, .product_preview__annotation {
        font-size: 16px;
    }
    .product_preview__name {
        font-size: 20px;
        height: 50px;
    }
    .product_description {
        margin-top: 24px;
    }
    .services_annot {
        font-size: 16px;
    }
    .services_pic {
        height: 240px;
        min-width: 40%;
        max-width: 40%;
    }
    .advantages__item {
        gap: 5px;
    }
    .prod_description__wrapper.two_columns {
        grid-template-columns: 1fr;
        gap: 15px;
    }
    .prod_description__wrapper {
        margin-bottom: 30px;
    }
    .faq_wrapper {
        grid-template-columns: 1fr;
        gap: 24px;
    }
    .advice_block {
        font-size: 18px;
    }
    .advice_block {
        padding: 24px 0;
    }
    .arrow_advice {
        width: 50px;
        height: 40px;
    }
    .block__description {
        font-size: 16px;
    }
    .block__heading, h1, .h1 {
        margin-bottom: 16px;
    }
    .block__description {
        margin-bottom: 40px;
    }
    .main_slide__title {
        font-size: 40px;
    }
    .advantages_images {
        gap: 16px;
    }
    h1, .h1 {
        font-size: 46px;
    }
    .block_title, .contact__title, .phase_title, .faq_title {
        font-size: 36px;
    }
    .advantages__icon {
        max-width: 50px;
        min-width: 50px;
        max-height: 50px;
        min-height: 50px;
    }
    .advantages__title {
        font-size: 18px;
    }
    .advantages__description {
        font-size: 16px;
    }
    .advantages_wrap {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
    .search {
        display: none;
        position: absolute;
        margin: 0;
        width: 100%;
        top: 45px;
        left: 0;
        background: var(--second-company);
        padding: 0 7px 7px;
    }
    .search__input {
        font-size: 12px;
        padding: 10px 10px;
        border-radius: 3px;
        height: 32px;
    }
    .search__button {
        border-radius: 3px;
        right: 6px;
        top: 0px;
    }
    .block__description .video,
    .block__description .mce-object-iframe{
        position: relative;
        padding-bottom: 56.25%;
        width: 100%;
    }
    .blog_container__boxed .blog__heading,
    .post_container__boxed .post__heading {
        padding-right: 110px;
        font-size: 22px;
    }
    .blog_container__boxed .switch_mobile_filter,
    .post_container__header .switch_mobile_filter {
        width: 100px;
        padding: 0 5px;
    }
    .post_information__item{
        margin: 5px 25px 5px 0;
        font-size: 12px;
    }
    .header__bottom,
    .fn_header__sticky{
        height: 45px;
    }
    .header__bottom_panel {
        position: static;
    }
    .menu_switcher {
        margin: 0px;
    }
    .menu_switcher__heading{
        height: 30px;
    }
    .header_informers__item svg {
        width: 24px;
        height: 24px;
    }
    #wishlist svg {
        width: 26px;
        height: 26px;
    }
    .header_informers__item {
        min-width: 60px;
        padding: 0 10px;
    }
    .header_informers__item .compare_counter,
    .header_informers__item .wishlist_counter,
    .header_informers__item .cart_counter {
        right: 5px;
        top: -5px;
    }
    .header__bottom_panel{
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        height: 44px;
    }
    .block__header--promo .block__heading,
    .block__header--promo .block__title {
        padding-right: 0px;
    }
    .block__header_button {
        max-width: auto;
        position: relative;
        padding: 2px 0px;
        background: transparent;
        border: none;
        color: var(--basic-company);
    }
    .tabs__content {
        padding: 10px 0px;
    }
    .tab {
        display: block!important;
        padding: 0px 20px;
    }
    .footer__payments {
        text-align: center;
        margin-bottom: 15px;
    }
    .payments__list,
    .copyright{
        text-align: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .product_preview__button--buy .product_preview__button_text{
        display: none;
    }
    .product_preview__buttons .product_preview__button:before {
        font-size: 20px;
    }
    .product-page__images{
        min-height: 1px;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin-right: 0px!important;
        margin-left: 0px!important;
    }
    .product-page__images{
        margin-top: 10px;
    }
    .product-page__image {
        display: block!important;
        max-width: 100%;
        margin-right: 0px!important;
        margin-left: 0px!important;
    }
    .product-page__img {
        padding: 0;
    }
    .product-page__images-item{
        margin: 5px;
        float: left;
    }
    .mobile_tab__content,
    .tabs__navigation--user .button__logout,
    .tabs__navigation--user .tabs__link {
        display: none;
    }
    .profile {
        border-bottom: none;
    }
    .contact__wrapper {
        display: flex;
        flex-direction: column;
        gap: 24px;
    }
    .about_wrap__grid {
        display: flex;
        flex-direction: column-reverse;
        justify-content: space-between;
        align-items: center;
        gap: 24px;
    }
    .about_wrap__left,
    .about_wrap__right {
        width: 100%;
    }
    .about_wrap__left--hide {
        display: none;
    }
    .footer_wrapper {
        flex-direction: column-reverse;
    }
}

@media (max-width : 680px) {
    .contact__content_info {
        padding: 30px 24px;
    }
    .popup_title {
        text-align: center;
    }
    .popup_img {
        max-height: 300px;
        overflow: hidden;
        border-radius: 16px;
        min-height: 380px;
    }
    .popup_content {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-direction: column;
        gap: 20px;
        max-height: 460px;
    }
    .popup_img picture {
        overflow: visible;
    }
    .small_slider__name {
        display: none;
    }
    .small_slider {
        width: 70%;
    }
    .product_preview__image {
        height: 440px;
    }
    .products_list {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        flex-direction: column;
    }
    .block_title__wrap {
        flex-direction: column;
    }
    .services_box__picture, .services_box__picture img {
        height: 260px;
    }
    .product_preview {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        flex-direction: column;
    }
    .product_preview__name {
        height: fit-content;
    }
    .adv_images__picture {
        height: 200px;
    }
}

/* Extra Small Devices, Phones */
@media (max-width : 576px) {
    .footer__content {
        gap: 16px;
    }
    .popup_title {
        font-size: 24px;
    }
    .popup_title {
        margin-bottom: 16px;
    }
    .popup_img {
        /* min-height: 270px; */
        min-height: 320px;
    }
    .footer_description {
        max-width: 100%;
    }
    body.vh-loading {
        opacity: 0;
    }
    body.vh-ready {
        opacity: 1;
        transition: opacity 0.3s ease;
    }
    .fn_main, .main_slide__wrap, .main_banner {
        height: calc(var(--vh)* 100);
    }
    .advice_block {
        margin-top: 60px;
    }
    .margin-bottom-pages {
        margin-bottom: 60px;
    }
    .white_bg, .dark_bg {
        padding: 60px 0;
         padding-bottom: 0;
    }
    .white_bg:last-child {
        padding-bottom: 60px;
    }
    .main.main_pages {
        padding-bottom: 60px;
    }
    .phase_title__wrap {
        gap: 10px;
        margin-bottom: 30px;
    }
    .faq_title {
        margin-bottom: 16px;
    }
    .main_pages .dark_bg, .main_pages .white_bg {
        padding: 60px 0;
    }
    .contact__content {
        gap: 16px;
    }
    .advantages_wrap {
        gap: 16px;
    }
    .advantages_images {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        flex-direction: column;
    }
    .services_box__picture, .services_box__picture img {
        height: 330px;
    }
    .main_slide__title {
        font-size: 36px;
    }
    .product_preview {
        gap: 16px;
    }
    .product_preview__features {
        gap: 16px;
    }
    .product_preview__content {
        gap: 10px;
    }
    .products_list {
        gap: 40px;
    }
    /* .view_all__button {
        min-width: 250px;
    } */
    .product_preview__image {
        height: 360px;
    }
    .main_slide__button {
        min-width: 200px;
        min-height: 60px;
    }
    h1, .h1 {
        font-size: 36px;
    }
    .block_title, .contact__title, .phase_title, .faq_title {
        font-size: 32px;
    }
    .block_title__desc, .services_box__text, .product_preview__annotation, .features_wrap, .contact__text  {
        font-size: 16px;
    }
    .block_title__wrap {
        gap: 16px;
    }
    .block_title__wrap {
        padding-bottom: 24px;
    }
    .dark_bg .section_block:not(.section_block_bg) .services_box {
        flex-direction: column-reverse;
    }
    .footer_wrapper {
        column-gap: 32px;
    }
    .footer__menu.menu-1 {
        grid-row: 2;
        grid-column: 1;
    }
    .footer__menu.menu-2 {
        grid-row: 2;
        grid-column: 2;
    }
    .footer__contacts {
        grid-row: 3;
        margin-top: 0;
        grid-column: span 2;
    }
    .footer__logo .footer__content{
        gap: 16px;
    }
    .footer__contacts .footer__content {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        flex-direction: column;
        gap: 16px;
    }
    .footer_title {
        margin-bottom: 5px;
    }
    .header-contact__section {
        background-color: rgba(35, 159, 197, 0.1);
        border: 1px solid rgba(35, 159, 197, 0.2);
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 40px;
        height: 40px;
        padding: 0;
        border-radius: 50%;
    }
    .header-contact__section span {
        display: none;
    }
    .header-contact__section svg {
        width: 24px;
        height: 24px;
        margin-right: 0;
    }
    .header-contact {
        height: 40px;
        min-width: 50px;
    }
    .header-contact__inner {
        padding: 0;
        height: 40px;
        display: grid;
        place-items: center;
    }
    .header-contact__item--visible {
        height: 40px;
    }
    .header-contact--phone, .header-contact--email, .header-contact--time {
        margin-bottom: 0;
        width: 100%;
        height: 40px;
        display: grid;
        place-items: center;
    }
    .menu_switcher {
        -webkit-flex: 1 0 50px;
        -ms-flex: 1 0 50px;
        flex: 1 0 50px;
        max-width: 50px;
    }
    h6, .h6 {
        font-size: 14px;
        margin: 0px 0 15px;
        font-weight: 600;
    }
    .message_error{
        margin: 10px 0 20px;
    }
    .boxed__description img{
        display: block;
        float: none!important;
    }
    .block {
        margin: 0 0 10px;
    }
    .block--boxed {
        box-shadow: none;
        padding: 10px;
    }
    .form--boxed {
        padding: 10px;
    }
    .block__header--boxed {
        padding: 10px;
        margin-bottom: 10px;
    }
    .form__header {
        margin-bottom: 10px;
    }
    .form_cart .form__header {
        margin-bottom: 10px;
    }
    .form_cart{
        margin-top: 15px;
        margin-bottom: 15px;
    }
    .form__header::after {
        top: 35%;
    }
    .delivery__name_price {
        font-weight: 600;
        font-size: 10px;
    }
    .form__title svg{
        display: none;
    }
    .form__group {
        margin-bottom: 10px;
    }
    .form--boxed_cart,
    .form__button{
        width: 100%;
        margin-left: 0;
    }
    .pager li:first-child{
        margin-bottom: 10px;
    }
    .tab {
        padding: 0px 15px;
    }
    .details_boxed__no_brand .details_boxed__title{
        display: block;
    }
    .cell {
        padding: 10px 5px;
        line-height: 1.1;
        font-size: 10px;
        font-weight: 500;
    }
    .comparison_block__left {
        width: 40%;
    }
    .comparison_block__products {
        width: 60%!important;
    }
    .products_list{
        position: relative;
    }
    .products_list:before{
        content: "";
        height: 100%;
        width: 1px;
        position: absolute;
        right: 0px;
        top: 0px;
        display: block;
        z-index: 1;
        background: #fff;
    }
    .product_preview__button--pre_order{
        padding: 0;
        line-height: 1px;
    }
    .product_preview__button--pre_order .product_preview__button_text {
        padding: 0px 5px;
        font-size: 10px;
        font-weight: 500;
        line-height: 1;
        display: block;
    }
    body, .boxed__description{
        font-size: 13px;
        line-height: 1.3;
    }
    .advantages__preview {
        padding: 10px 5px;
    }
    .advantages__icon svg {
        width: 50px;
        height: 50px;
    }
    .xzoom-thumbs {
        text-align: center;
        margin-bottom: 0px;
    }
    .anchor_comments__link {
        margin-top: 5px;
        margin-bottom: 3px;
    }
    .hc-offcanvas-nav ul.bottom-nav li a.nav-item{
        font-size: 16px;
    }
    .password_remind {
        margin-bottom: 15px;
        margin-top: 10px;
    }
    .hc-offcanvas-nav ul.top-nav .mobile__link img {
        max-height: 45px;
    }
    .hc-offcanvas-nav ul.top-nav .account__link {
        font-size: 11px;
    }
    .block__description--style {
        font-size: 14px;
    }
    .block__description {
        padding: 0rem;
    }
    .block__description--style p {
        line-height: 1.6;
        margin: 0 0 1rem;
    }
    .block__description--style .table {
        margin: 0;
    }
    .block__description--style .table__cell{
        margin: 1rem 0;
    }
    .block__description--style img {
        margin: 0 0 1rem;
    }
    .block__description--style ol,
    .block__description--style ul {
        margin-bottom: 1rem;
        margin-left: 1rem;
    }
    .block__description--style ul li,
    .block__description--style ol li {
        font-size: 14px;
        font-weight: 600;
        line-height: 1.4;
        margin: 0 0 0.8rem;
    }
    .block__description--style blockquote {
        margin: 1rem 0 1rem;
        padding: 15px 10px 15px 40px;
    }
    .block__description--style blockquote::before {
        font-size: 55px;
        left: -5px;
    }
    .block__description--style blockquote p {
        font-size: 14px;
        line-height: 1.5;
        margin: 0 0 0.5rem;
    }
    .details_boxed_pct {
        top: -20px;
    }
    .details_boxed__prices {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .pager a, .project_button, .project_button img {
        max-height: 170px;
        min-height: 170px;
    }
    .pager a {
        font-size: 16px;
    }
    .project_button_content {
        padding: 10px;
    }
    .adv_images__picture {
        height: 330px;
    }
}

@media (max-width : 480px) {
    .advantages__icon {
        max-width: 40px;
        min-width: 40px;
        max-height: 40px;
        min-height: 40px;
    }
    .advantages__title {
        font-size: 16px;
    }
    .footer_wrapper {
        display: flex;
        justify-content: space-between;
        flex-direction: column;
    }
    .advantages_wrap {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        flex-direction: column;
    }
    .advantages__item {
        flex-direction: row;
        gap: 16px;
        width: 100%;
    }
    .advantages__title {
        text-align: left;
    }
    .popup_features__item {
        flex-direction: column;
        gap: 0;
        border-bottom: 1px solid var(--border-color);
        padding: 6px 0;
        align-items: flex-start;
    }
    .fancybox-content {
        padding: 44px 24px !important;
    }
    .popup_features__item .dots {
        display: none;
    }
    .popup_features {
        gap: 0;
        border-top: 1px solid var(--border-color);
    }
    .footer__menu.menu-1 {
        grid-row: 2;
        grid-column: 1;
    }
    .footer__menu.menu-2 {
        grid-row: 2;
        grid-column: 2;
    }
    .footer__contacts {
        grid-row: 3;
        margin-top: 0;
        grid-column: span 2;
    }
    .feedback_block_form {
        padding: 24px;
    }
    body {
        line-height: 1.4;
    }
    h2, .h2 {
        font-size: 18px;
        margin: 0 0 10px;
    }
    .form--boxed{
        padding: 5px 0px;
        box-shadow: none;
    }
    .form--boxed.popup{
        padding: 10px;
    }
    .block__title {
        font-size: 20px;
        font-weight: 500;
        margin: 0 0 10px;
    }
    .details_boxed__select .select2-container {
        width: 100% !important;
    }
    .header_informers__item i {
        width: 24px;
        height: 24px;
    }
    .header_informers__item i::before {
        font-size: 24px;
        line-height: 1;
    }
    .header_informers__item.icon:before{
        font-size: 28px;
        line-height: 1;
    }
    .header_informers__item i.icon-balance-scale::before {
        font-size: 20px;
        line-height: 1;
    }
    .header_informers__item.icon::before {
        font-size: 26px;
        line-height: 1;
    }
    .header_informers__item {
        min-width: 50px;
        padding: 0 5px;
    }
    .header_informers__item.icon-search {
        min-width: 35px;
        height: 24px;
    }
    .product_preview__prices {
        margin-top: 10px;
    }
    .product-page__button {
        font-size: 12px;
    }
    .header_informers__item .compare_counter,
    .header_informers__item .wishlist_counter,
    .header_informers__item .cart_counter {
        right: 3px;
        top: -5px;
    }
    .scroll_products .scroll_products__item {
        width: 160px;
    }
    .product_preview__prices .price .currency {
        font-size: 10px;
        font-weight: 500;
    }
    .block_explanation__header {
        font-size: 18px;
        font-weight: 600;
        margin-bottom: 10px;
    }
    .product_preview__buttons .comparison_button,
    .product_preview__buttons .fast_order_button {
        margin-left: 3px;
    }
    .header_informers__link i.fa-balance-scale:before{
        font-size: 24px;
    }
    .description__wrap .description__img {
        height: 230px;
    }
    .product-page__gallery {
        grid-template-columns: repeat(1, 1fr);
    }
    .contact_map {
        padding: 28% 0%;
    }
}

@media (max-width: 440px) {
    .small_slider__item {
        justify-content: center;
    }
    .popup_img {
        min-height: 250px;
    }
    .pager a, .project_button, .project_button img {
        max-height: 140px;
        min-height: 140px;
    }
    .callback_form.popup {
        padding: 20px !important;
    }
    .small_slider {
        width: 70%;
    }
    .small_slider__number {
        font-size: 24px;
    }
    .adv_images__picture {
        max-height: 260px;
    }
    .services_box__picture, .services_box__picture img {
        height: 260px;
    }
    .product_preview__image {
        height: 300px;
        min-height: 260px;
    }
    .main_slide__content {
        top: 50%;
        transform: translate(-50%, -50%);
    }
    h1, .h1 {
        font-size: 34px;
    }
    .block_title, .contact__title, .phase_title, .faq_title {
        font-size: 30px;
    }
    .block_address {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        flex-direction: column;
    }
    .block_address__item {
        width: 100%;
        padding: 24px;
    }
}

@media (max-width : 400px) {
    .view_all__button {
        width: 100%;
        min-width: 100%;
    }
    .popup_img {
        min-height: 230px;
    }
    .contact__content_info {
        padding: 30px 16px;
    }
    .main_slide__title {
        font-size: 32px;
    }
    .block_title__desc, .advantages__description, .product_preview__annotation {
        font-size: 16px;
    }
    .product_preview__name {
        font-size: 24px;
    }
    .block_address__box span {
        font-size: 18px;
    }
    .block_address__title {
        font-size: 20px;
    }
    .ya_map {
        height: 370px;
    }
}

/* Custom, iPhone Retina */
@media (max-width : 360px) {
    .product-page__gallery {
        margin-bottom: 60px;
    }
    .menu_switcher__heading {
        padding: 0px;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .product_preview__out_stock {
        white-space: normal;
        font-size: 11px;
        font-weight: 500;
        line-height: 1.1;
    }
    .menu_switcher__heading svg {
        height: 20px;
        width: 20px;
    }
    .product_preview__image {
        height: 260px;
        min-height: 260px;
    }
    .popup_title {
        font-size: 20px;
    }
}
@media (max-width : 330px) {
    .main_slide__text {
        gap: 14px;
    }
    .popup_img {
        min-height: 200px;
    }
    .popup_content {
        max-height: 400px;
    }
}