@media (max-width: 1024px)
{
    /*---------------
        Main styles
    ---------------*/
    /*---------------
        Header
    ---------------*/

    header
    {
        position: fixed;
        z-index: 101;
        top: 0;
        left: -270px;

        display: block;
        overflow-y: auto;

        width: 270px;
        height: 100%;
        margin: 0;
        padding: 0;

        transition: left .3s linear;
        background: #fff;

        padding: 15px 0;
    }

    header.show
    {
        left: 0;
    }

    header .logo{
        display: none;
    }

    header .search{
        margin: 0;
        width: 100%;
        max-width: none;
    }

    header .search .input{
        font-size: 14px;
        height: 40px;

        background-position: 10px 50%;

        padding-left: 50px;
    }

    header .modal_lang{
        display: none;
    }

    header .favorite_link{
        display: none;
    }

    header .cart_link{
        display: none;
    }

    header .login_link{
        display: none;
    }

    header .menu{
        margin: 20px 0 0;
        width: 100%;
    }

    header .menu .item{
        width: 100%;
    }

    header .menu .item + .item{
        margin: 20px 0 0;
    }

    header .menu .item a{
        font-size: 16px;
    }

    header .cats{
        width: 100%;
    }

    .main_catalog .name{
        margin-bottom: 20px;
    }

    .main_catalog .item {
        width: calc(100%/3 - 30px);
    }

    .main_catalog .name{
        font-size: 14px;
    }

    .main_catalog .list{
        font-size: 14px;
    }


    .mob_header{
        display: block;
    }
    /*---------------
        Main section
    ---------------*/
    .slider-button-prev,
    .slider-button-next{
        width: 40px;
        height: 40px;
        background: rgba(0, 0, 0, .5);

        margin-top: -20px;
    }

    .slider-button-prev:hover,
    .slider-button-next:hover {
        background: rgba(18, 18, 18, 0.8);
    }

    .slider-button-prev{
        left: 10px;
    }

    .slider-button-next{
        right: 10px;
    }


    .main_slider .info{
        padding: 0 70px;
    }


    .products .product .favorite_link{
        opacity: 1;
    }

    .products .product .favorite_link:hover svg{
        stroke: #313E61;
    }

    .products .product .favorite_link.active svg {
        stroke: #FFA318;
    }

    .products .product .wrapp_thumb{
        margin-bottom: 60px;
    }

    .products .product .quick_view{
        bottom: -45px;
        opacity: 1;
    }


    .banners .item .box{
        padding: 0 5%;
    }

    .banners .item .name{
        font-size: 28px;
    }

    .banners .item .desc{
        font-size: 16px;
    }


    .brands .grid{
        justify-content: flex-start;
    }


    .section_subscribe .box{
        width: 100%;
    }

    .section_subscribe .subscribe{
        width: 100%;
        max-width: none;

        margin-top: 30px;
    }


    .product_info .images{
        width: 100%;

        max-width: 600px;
        margin: 0 auto;
    }

    .product_info .data{
        margin-top: 30px;
        max-width: none;
        width: 100%;
    }

    .product_info .box_btn .inCart{
        width: calc(50% - 30px);
        min-width: 1px;
    }

    .product_info .box_btn .favorite_link{
        width: calc(50% - 30px);
        min-width: 1px;
    }

    .product_info .favorite_link:hover {
        color: #313E61;
        background: transparent;
    }

    .product_info .favorite_link.active{
        color: #fff;
        background: #FFA318;
        border-color: #FFA318;
    }


    .tabs_text button{
        font-size: 20px;
    }

    .tabs_text button + button{
        margin-left: 50px;
    }


    .content_flex aside{
        width: 100%;
    }

    .content_flex .content{
        width: 100%;
    }


    .discount{
        max-width: 312px;
    }


    .filter{
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        overflow-y: auto;
        background: #fff;
        z-index: 99;

        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        padding: 30px;
    }

    .filter.show{
        opacity: 1;
        visibility: visible;
        pointer-events: all;
    }

    .open_fiter{
        display: block;
    }

    .close_fiter{
        display: block;
    }


    .banner_small{
        padding: 15px;
    }

    .banner_small .title{
        font-size: 20px;
    }

    .banner_small .desc{
        font-size: 20px;
    }
    /*---------------
        Footer
    ---------------*/
    footer .info{
        justify-content: flex-start;

        margin: -30px 0 0 -30px;
    }

    footer .box_menu{
        margin: 30px 0 0 30px;
        width: calc(100%/3 - 30px);
    }

    footer .contact{
        margin: 30px 0 0 30px;
        width: calc(100%/3 - 30px);
    }
    /*---------------
       PopUp
    ---------------*/
}