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

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1440px) {
    .feedback-block {
        background-position: center;
    }
    .main_contacts_flex {
        gap: 12px;
    }
}
    
@media only screen and (max-width : 1199px) {
    .all_categories_grid .categories__item {
        max-height: 260px;
    }
    .counter_main_head {
        font-size: 65px;
    }
    .counter_main_description {
        font-size: 22px;
    }
    .header__menu {
        max-width: 500px;
    }
    .header-contact__section {
        font-size: 14px;
    }
    .switcher__language {
        gap: 12px;
    }
    .categories__name:not(.all_categories_grid .categories__name) {
        font-size: 18px;
    }
    .header-contact {
        min-width: 205px;
    }
    .header_social {
        gap: 10px;
    }
    .products_variants_wrapper {
        grid-template-columns: repeat(5, 1fr);
    }
    .article__title {
        font-size: 20px;
    }
    .catalog_wrapper {
        grid-template-columns: repeat(4, 1fr);
    }
}


/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
    .header-contact__inner:hover .header-contact__item:not(.header-contact__item--visible){
        opacity: 1;
        visibility: visible;
    }
    .header-contact__inner:hover {
        background: #fff;
        padding: 10px;
        box-shadow: 0px 0px 20px 1px #00095014;
    }
    .header-contact__inner:hover .header-contact__section {
        color: var(--body-text);
    }
    .categories__item:hover, .product_preview:hover {
        box-shadow: 0px 5px 12px 4px #0200211f;
    }
    .categories__item:hover .categories__image img {
        transform: scale(1.05);
    }
    .underline_btn:hover {
        border-color: transparent;
    }
    .main_btn:hover {
        background: transparent;
        color: var(--basic-company);
    }
    .tooltip a:hover,
    a:hover{
        color: var(--basic-company);
        outline-width: 0;
    }
    .footer_btn.main_btn:hover {
        color: #fff;
    }
    .contour_btn:hover {
        background: var(--basic-company);
        color: #000;
    }
    .footer_btn.contour_btn:hover {
        background: #fff;
    }
    .article__preview:hover .article__title {
        opacity: 1;
        visibility: visible;
    }
    .article__preview:hover .article__image_link img {
        transform: scale(1.05);
    }
    .post_container__body .banner_group__image:hover img {
        transform: scale(1.05);
    }
    .menu_eventer:hover .menu_group__list--2 {
        opacity: 1;
        visibility: visible;
    }
    /* .menu_group--header .menu_eventer:hover .arrow {
        transform: rotate(180deg);
    } */
    .menu_group--header .menu_group__item--2 .menu_group__link:hover 
    {
        color: var(--basic-company);
    }
    .main_banner .swiper-button-prev:hover, .main_banner .swiper-button-next:hover {
        background: #ffe7a887;
    }
    a.header-contact__section:hover {
        color: var(--basic-company)!important;
    }
    .header-contact__inner:hover .header-contact__section .arrow {
        opacity: 0;
        visibility: hidden;
    }
    .social__link:hover {
        opacity: .7;
    }
    .catalog_banner_link:hover img{
        transform: scale(1.05);
    }
    .catalog_banner_link:hover .catalog_banner_name {
        padding: 25px 10px
    }
}

@media only screen and (max-width : 991px) {
    .all_categories_grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .all_categories_grid .categories__item {
        max-height: 280px;
    }
    .categories__item {
        width: calc(33% - 10px);
    }
    .categories__list .categories__item:last-child {
        display: none;
    }
    .banner_main_title {
        font-size: 50px;
        margin-bottom: 32px;
    }
    .banner_main_description {
        font-size: 20px;
    }
    .parallax-block {
        background-size: cover;
        background-repeat: no-repeat;   
    }
    .counter_main {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 65px 24px;
    }
    .counter_main_item {
        max-width: 100%;
    }
    h1, .h1, h2, .h2 {
        font-size: 34px;
    }
    .main_mini_title span {
        font-size: 16px;
    }
    .feedback-block {
        background-size: cover;
    }
    .main_contacts_item {
        width: calc(50% - 6px);
    }
    .main_contacts_flex {
        flex-wrap: wrap;
    }
    .parallax-block_content {
        padding: 250px 0;
    }
    .main_about_block {
        flex-direction: column;
        gap: 24px;
    }
    .main_about_left {
        width: 100%;
    }
    .main_video {
        width: 80%;
        margin: 0 auto;
    }
    .footer_content {
        flex-wrap: wrap;
        gap: 24px;
    }
    .footer_column, .footer_column:last-child {
        width: calc(50% - 12px);
    }
    .footer_btn.main_btn,.footer_btn.contour_btn {
        max-width: 280px;
    }
    .header__center {
        padding: 7px 0;
    }
    .products_list {
        grid-template-columns: repeat(2, 1fr);
    }
    .product-wrapper {
        flex-direction: column;
        gap: 24px;
    }
    .product-page__gallery, .product-page__details {
        width: 100%;
    }
    .products_variants_wrapper {
        grid-template-columns: repeat(8, 1fr);
    }
    .article__title {
        opacity: 1;
        visibility: visible;
    }
    .post_container__body .banner_group {
        grid-template-columns: repeat(2, 1fr);
    }
    .fn_mobile_menu {
        position: fixed;
        top: 0;
        height: 100%;
        z-index: 9999;
        right: 0;
        display: block;
    }
    .fn_mobile_menu.hidden .mob_menu_container {
        transform: translate3d(480px, 0, 0);
    }
    .fn_mobile_menu .mob_menu_container {
        transform: translate3d(0px, 0, 0);
    }
    .mob_menu_container {
        position: fixed;
        z-index: 10000;
        top: 0;
        width: 480px;
        height: 100%;
        max-width: 90%;
        max-height: 100%;
        box-sizing: border-box;
        background: #282621;
        transition: transform .4s ease, -webkit-transform .4s ease;
        right: 0;
    }
    .mob_menu_wrapper {
        width: 100%;
        height: 100%;
        max-height: 100vh;
        -ms-scroll-chaining: none;
        overscroll-behavior: none;
        box-sizing: border-box;
        background: #282621;
        box-shadow: -1px 0 2px rgba(0, 0, 0, 0.2);
    }
    .mob_menu_wrapper ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }
    .fn_mobile_menu::after {
        content: '';
        position: fixed;
        z-index: 9990;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        -ms-scroll-chaining: none;
        overscroll-behavior: none;
        visibility: hidden;
        opacity: 0;
        transition: visibility 0s ease .4s, opacity .4s ease;
        backdrop-filter: blur(4px);
        background: #00000099;
    }
    .fn_mobile_menu.open_menu::after {
        visibility: visible;
        opacity: 1;
        transition-delay: .05s;
    }
    .mobile__link img {
        max-width: 125px;
    }
    .mobile__link {
        padding: 20px;
        margin-bottom: 24px;
    }
    .close_icon {
        width: 36px;
        height: 36px;
        background: var(--basic-company);
        border-radius: 7px;
    }
    .menu_group--header .menu_group__link {
        padding: 16px 20px;
        font-size: 20px;
        font-weight: 600;
        display: flex;
        width: 100%;
    }
    .mob_menu_wrapper .mob_contacts {
        background: #4a463d !important;
        border-top: 1px solid #5f5a4f;
        padding: 20px;
        border-bottom: 1px solid #5f5a4f;
        margin-top: 25px;
    }
    .header-contact__section {
        font-size: 18px;
        gap: 12px;
        margin-bottom: 18px;
    }
    .header-contact__section svg{
        width: 26px;
        height: 26px;
        color: var(--basic-company);
    }
    .mob_menu_wrapper .header_social {
        gap: 16px;
        margin-top: 24px;
    }
    .menu_group--header {
        flex-direction: column;
    }
    .mob_menu_wrapper ul.menu_group__list--2 {
        padding: 0 20px;
        display: none;
        position: unset;
        box-shadow: none;
        background: transparent;
        opacity: 1;
        visibility: visible;
        transition: unset;
        width: 100%;
    }
    .menu_group__item--2:not(:last-child) {
        border-bottom: none;
    }
    .menu_group--header .menu_group__item--2 .menu_group__link {
        padding: 8px 16px;
        color: var(--white-text);
        font-size: 18px;
    }
    .menu_group--header .menu_group__link .arrow_icon {
        width: 100%;
        top: 0;
    }
    .menu_switcher {
        color: #fff;
    }
    .header_social:not(.mob_menu_wrapper .header_social) {
        margin-left: auto;
        margin-right: 24px;
    }
    .arrow_icon svg {
        transition: all .3s ease;
    }
    .menu_group__link.active .arrow_icon svg {
        transform: rotate(180deg);
    }
    .catalog_wrapper {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media only screen and (max-width : 767px) {
    .all_categories_grid .categories__item {
        max-height: 230px;
    }
    .categories__item {
        width: calc(50% - 10px);
    }
    .main_banner {
        height: calc(80vh - 80px);
    }
    .all_categories_grid .categories__name {
        font-size: 18px;
    }
    .products_variants_wrapper {
        display: flex;
        flex-wrap: wrap;
    }
    .product_variant_item {
        width: 75px;
    }
    .article__title {
        font-size: 18px;
    }
    .catalog_wrapper {
        grid-template-columns: repeat(2, 1fr);
    }
}
/* Extra Small Devices, Phones */
@media (max-width : 576px) {
   .banner_main_title {
        font-size: 36px;
        margin-bottom: 24px;
    }
    .banner_main_description {
        font-size: 16px;
    }
    .banner_main_btn {
        margin-top: 26px;
    }
    .margin-block, .parallax-block {
        margin: 60px 0;
    }
    .back-image-block {
        margin: 60px 0;
        padding: 60px 0;
    }
    .main_mini_title span {
        font-size: 14px;
        padding: 7px 14px;
    }
    .main_mini_title::after {
        top: 15px;
    }
    h1, .h1, h2, .h2 {
        font-size: 28px;
    }
    .block__description h2, .block__description .h2 {
        font-size: 28px;
    }
    .main_page_title {
        margin: 0 auto 30px;
    }
    .counter_main_head {
        font-size: 46px;
    }
    .counter_main_description {
        font-size: 18px;
    }
    .main_video {
        width: 100%;
    }
    .main_contacts_title {
        font-size: 18px;
    }
    .main_contacts_title svg {
        width: 25px;
        height: 26px;
    }
    .main_contacts_item {
        padding: 14px;
    }
    .contact_gray_title {
        font-size: 14px;
    }
    .main_contact_item a, .main_contact_item .time_item {
        font-size: 16px;
    }
    .banner_group.banner_group--partners {
        padding: 30px 10px;
    }
    .banner_group--partners .swiper-pagination-bullets {
        bottom: 0;
    }
    .product_preview__image {
        min-height: 200px;
        max-height: 200px;
    }
    .product_preview__name {
        font-size: 18px;
    }
    .article__title {
        font-size: 22px;
    }
    .post_container__body .banner_group__item {
        max-height: 220px;
    }
}

@media only screen and (max-width : 480px) {
    .categories__item {
        width: 100%;
    }
    .categories__name {
        font-size: 22px;
    }
    .main_contacts_item {
        width: 100%;
    }
    .footer_column, .footer_column:last-child {
        width: 100%;
    }
    .footer_slogan {
        max-width: 100%;
    }
    .all_categories_grid {
        grid-template-columns: repeat(1, 1fr);
    }
    .all_categories_grid .categories__item {
        max-height: 270px;
    }
    .all_categories_grid .categories__name {
        font-size: 20px;
    }
    .post_container__body .banner_group {
        grid-template-columns: repeat(1, 1fr);
    }
    .post_container__body .banner_group__item {
        max-height: 280px;
    }
    .popup_animated.fancybox-content {
        padding: 20px;
        min-width: 90%;
        max-width: 95%;
    }
    .form__header {
        font-size: 18px;
    }
    .catalog_wrapper {
        grid-template-columns: repeat(1, 1fr);
    }
}

@media only screen and (max-width : 400px) {
    .main_banner {
        height: 68vh;
    }
    .banner_main_title {
        font-size: 30px;
    }
    .banner_main_btn {
        max-width: 80%;
    }
    .all_categories_grid .categories__item {
        max-height: 240px;
    }
    .products_list {
        grid-template-columns: repeat(1, 1fr);
    }
    .article__title {
        font-size: 18px;
    }
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 360px) {
    
}