/*==========  Media  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
    
}

@media (max-width: 1300px) {
  header .container, footer .container {padding: 0 16px;}
  .main_bottom_wrap {padding-left: 16px;padding-right: 16px;}
  .menu_group--header .header_link .menu_group__menu, .menu_group--header1 .header_link .menu_group__menu {padding: 10px 16px 10px 16px;}
  
}
    
@media only screen and (max-width : 1199px) {
    .header-contact {min-width: 258px;}
    .header-contact__inner {padding: 10px 16px 0;}
    .menu_group--header .header_link .menu_group__menu, .menu_group--header1 .header_link .menu_group__menu {font-size: 14px;}
    .header-contact--phone, .header-contact--email, .header-contact--time {font-size: 14px;}
    .footer_grid {
        grid-template-columns: 1fr 1.5fr;
        column-gap: 60px;
        row-gap: 60px;
    }
    .footer_grid .footer_column {padding: 0 16px;}
    .footer_grid .footer_column:last-of-type {padding-right: 16px;}
    .footer_grid .footer_column:first-of-type {padding-left: 16px;}
    .footer_column.contacts {grid-row: 1;grid-column: 2;
        
    }
    .main_banner__title {font-size: 45px;}
    .main_banner .main_banner__img {max-width: 410px;}
    .main_banner .main_banner__content {max-width: 65%;}
    .main_bottom_top {gap: 6px;}
    .main_bottom_title {font-size: 18px;}
    .main_bottom_text {font-size: 14px;}
    .container.full-screen .container-big {max-width: 1366px;}
    .fn_products:not(.swiper-initialized) .swiper-slide, .fn_reviews:not(.swiper-initialized) .swiper-slide {
        flex: 0 0 calc(100% / 3.5);
    }
    
    
}


/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
    .position_sticky{
        position: sticky;
        top: 90px;
    }
   
    .menu_group__menu:hover, .menu_eventer:hover > .menu_group__menu{
        color: var(--basic-company-text);
        text-decoration: none;
    }
    .menu_group--header .menu_eventer:hover .main_list, .menu_group--header .menu_eventer:hover .categories_nav, .menu_group--header .categories_nav li:hover .categories_nav__subcategory,
    .menu_group--header1 .menu_eventer:hover .main_list, .menu_group--header1 .menu_eventer:hover .categories_nav, .menu_group--header1 .categories_nav li:hover .categories_nav__subcategory{
        display: block;
        z-index: 1;
    }
    .menu_group--header .categories_nav li:hover > .categories_nav__subcategory,
    .menu_group--header1 .categories_nav li:hover > .categories_nav__subcategory,
    
    .menu_group--header .menu_eventer:hover > .inner_list,
    .menu_group--header1 .menu_eventer:hover > .inner_list{
        transform: translateX(26px);
        visibility: visible;
        opacity: 1;
    }
    .menu_group--header .menu_group__menu[href^="discounted"]:hover,
    .menu_group--header1 .menu_group__menu[href^="discounted"]:hover{
        color: rgb(247, 76, 76);
    }
    .menu_group--header .menu_eventer:hover .menu_group__menu.sub .menu_group__arrow,
    .menu_group--header1 .menu_eventer:hover .menu_group__menu.sub .menu_group__arrow {
        transform: rotate(270deg);
        
    }
    .menu_group--header .menu_eventer:hover .menu_group__menu.main .menu_group__arrow,
    .menu_group--header1 .menu_eventer:hover .menu_group__menu.main .menu_group__arrow {
       transform: scaleY(-1);
        
    }
    .menu_group--header .menu_group__menu:hover,
    .menu_group--header1 .menu_group__menu:hover{
        color: var(--basic-company);
        text-decoration: none;
    }
    .menu_group--header .menu_group__menu.main:hover,
    .menu_group--header1 .menu_group__menu.main:hover{
        border-color: var(--basic-company);
    }
    .menu_group--footer .menu_group__menu:hover{
        color: var(--basic-company);
        text-decoration: none;
    }
    
    
    
    .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_5{
        display: none!important;
    }
    
    .footer__contact_item .email:hover,
    .footer__contact_item .phone:hover{
        color: var(--basic-company)!important;
        text-decoration: none;
    }
    .footer__menu_link:hover{
        color: var(--basic-company);
        text-decoration: none;
    }
    .social__link:hover {
        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 only screen and (max-width : 991px) {
    .post_container__wrapper {
        max-width: 100%;
    }
    .main_banner {height: 770px;}
    .main_banner .main_banner__img {max-width: 340px;}
    .main_banner__annot {margin-bottom: 24px;}
    .main_banner__description {margin-top: 24px;}
    
    
    .footer_grid {
        grid-template-columns: 1fr 1fr;
        gap: 40px;
    }
    
    
    
    
    .header__logo.logo__link img {max-height: 48px;}
    .header_socials {margin-left: auto;}
    .main_banner__title {font-size: 40px;}
    .main_banner__img_wrap {bottom: -35px;}
    .header-contact_mob {margin-left: auto;}
   .fn_products:not(.swiper-initialized) .swiper-slide, .fn_reviews:not(.swiper-initialized) .swiper-slide {
        flex: 0 0 calc(100% / 2.5);
    }
    
    
}



@media only screen and (max-width : 920px) {
    .main_bottom {padding: 24px 0;display: grid;grid-template-columns: 1fr 1fr;row-gap: 24px;column-gap: 16px;}
    .main_bottom__item {max-width: 100%;}
    .steps_title {font-size: 20px;}
    .steps_text {margin-top: 14px;}
    .steps_number .number {font-size: 45px;}
    
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
    
}
@media only screen and (max-width : 767px) {
    .main_banner__title {font-size: 34px;}
    .main_banner__description {font-size: 18px;}
    .footer_grid {
        padding: 60px 0;
        gap: 40px;
    }
    .footer_grid .footer_column {padding: 0;}
    .footer_grid .footer_column:last-of-type {padding-right: 0;}
    .footer_grid .footer_column:first-of-type {padding-left: 0;}
    .footer_column.footer_logo_wrap {grid-column: span 2;grid-row: 1;}
    .footer_column.contacts {grid-column: span 2;grid-row: 2;}
    .footer_column.contacts .footer__content{
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        width: 100%;
        gap: 40px;

    }
    .footer_column.categ {grid-column: 1;grid-row: 3;}
    .footer_column.menu {grid-column: 2;grid-row: 3;}
    
    
    
    .categories__wrap {grid-template-columns: repeat(2, 1fr);}
    .categories__item {padding: 20px 16px;}
    .categories__item:nth-child(-n+3) {border-top: unset;}
    .categories__item:nth-child(3n + 1) {border-left: unset;}
    .categories__item:nth-child(-n+2) {border-top: 1px solid rgba(39, 45, 67, 0.08);}
    .categories__item:nth-child(2n + 1) {border-left: 1px solid rgba(39, 45, 67, 0.08);}
    .categories__name {font-size: 20px;}
    .categories__image, .product_image {min-width: 40px;max-width: 40px;width: 40px;height: 40px;margin-bottom: 16px;}
    .categories_arrow {margin-top: 14px;}
    .product_preview {padding: 20px 16px;}
    .block_map, .footer__contact_item_wrap.feedback {margin-left: -16px;margin-right: -16px;margin-top: 40px;width: calc(100% + 32px);}
    .footer__contact_item_wrap.feedback .footer__contact_text {padding: 0 16px;}
    .block-about {max-width: 100%;}
    .reviews_name {font-size: 18px;}
    .desc_category {max-width: 100%;}
    .fn_products:not(.swiper-initialized) .swiper-slide, .fn_reviews:not(.swiper-initialized) .swiper-slide {
        flex: 0 0 calc(100% / 1.5);
    }
    
}

@media only screen and (max-width : 680px) {
    .main_banner .main_banner__img {max-width: 280px;}
    .footer__logo.logo__link img {max-height: 60px;}
    .footer__logo .logo_text {max-width: 100%;margin-left: 32px;}
    .steps_wrap {flex-direction: column;row-gap: 40px;}
    .steps_item {max-width: 100%;}
}

@media only screen and (max-width : 660px) {
    .steps_item {padding-left: 30px;}
    .romb_mob {position: absolute;height: 100%;top: 0;left:0;width: 15px;display: flex;flex-direction: column;align-items: center;}
    .romb_line {
        height: 100%;
        width: 1px;
    }
    .romb {
        margin-left: 0px;
        margin-top: 10px;
    }
}
/* Extra Small Devices, Phones */
@media (max-width : 576px) {
    .section-bg, footer {border-radius: 0!important;}
    .section-bg.contacts {border-radius: 0 0 24px 24px!important;}
    .main_banner {height: auto;border-radius: 0;}
    .main_banner .main_banner__item .container {position: static;transform: none;}
    .main_banner .main_banner__content {max-width: 100%;padding: 116px 0 0px 0;}
    .main_banner__img_wrap {position: relative;bottom: -27px;}
    .main_banner .main_banner__img {max-width: 100%;margin: 0 auto;height: 316px;}
    .main_banner .main_banner__img img {object-fit: contain;}
    .main_banner__description {font-size: 16px;}
    .main_banner__annot {margin-bottom: 14px;}
    .main_banner__description {margin-top: 20px;}
    .message_error{margin: 10px 0 20px;}
    .footer_grid, .footer_column.contacts .footer__content {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        flex-direction: column;
        gap: 0;
    }
    .footer__logo.logo__link img {max-height: 50px;min-height: 50px;}
    .footer_column.footer_logo_wrap {order: 1; margin-bottom: 10px;}
    .footer_column.contacts {order: 2;}
    .footer_column.categ {order: 3;max-width: unset;}
    .footer_column.menu {order: 4;}
    .footer__text {max-width: 100%;}
    .footer__content.footer__cat, .footer__content.footer__menu {display: none;}
    .footer_column.contacts, .footer_column.categ, .footer_column.menu {margin-left: -16px;margin-right: -16px;width: calc(100% + 32px);border-bottom: 1px solid rgba(255, 255, 255, 0.25);padding: 30px 0;}
    .footer_column.menu {border-bottom: 0;padding-bottom: 0;}
    .footer_column.contacts .footer__title, .footer_column.categ .footer__title, .footer_column.menu .footer__title {padding: 0 16px;}
    .footer__content {padding: 0 16px;}
    .main_bottom {padding: 30px 0;}
    .main_bottom_top {flex-direction: column;align-items: flex-start;}
    .main_bottom_wrap {padding-left: 0px;padding-right: 0px;}
    .main_bottom_title {white-space: wrap;font-size: 16px;}
    .product_title {font-size: 20px;}
    .categories__name {font-size: 18px;}
    .categories__subname {font-size: 14px;}
    .header_grid {gap: 14px;}
    .footer_grid {padding: 40px 0;}
    
    
}

@media only screen and (max-width : 480px) {
    .review-form {padding: 24px 16px;}
    .popup_title, .form__title {margin-bottom: 24px;}
    .fn_products:not(.swiper-initialized) .swiper-slide, .fn_reviews:not(.swiper-initialized) .swiper-slide {
        flex: 0 0 calc(100% / 1.2);
    }
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 360px) {
    .categories__wrap {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;flex-direction: column;}
    .categories__item:nth-child(-n+2) {border-top: unset;}
    .categories__item:nth-child(2n + 1) {border-left: unset;}
    .categories__item:nth-child(-n+1) {border-top: 1px solid rgba(39, 45, 67, 0.08);}
    .categories__item:nth-child(1n + 1) {border-left: 1px solid rgba(39, 45, 67, 0.08);}
}
