@media only screen and (max-width: 1024px) {
    /*front-page*/
    .slider-frontpage-block #frontpage-slider .slider-left-text{
        width: 100%;
    }
    /*advantages*/
    .advantages-frontpage-block .text-wrapper{
        text-align: center;
    }
    .advantages-frontpage-block .icon-wrapper{
        padding: 15px 0;
        width: 70px;
    }
    .advantages-frontpage-block .text-wrapper{
        line-height: 45px;
    }
    /*advantages end*/
    /*news*/
    .front-page-news .big-news a .news-text-wrap {
        padding: 98px 15px 15px 15px;
    }
    /*news end*/
    /*full width banner*/
    .front-page-fullwidth_banner .img-resp{
        display: none;
    }
    .bg-for-mobile{
        display: block;
        height: 150px;
        background-size: cover;
        width: 100%;
        background-position-x: center;
    }
    /*full width banner end*/
    /*product viewed*/
    .viewed-products .viewed-products-slider .item{
        height: 200px;
        padding: 30px 10px;
    }
    .viewed-products .viewed-products-slider .item .img-wrapper{
        height: 80px;
    }
    .viewed-products .viewed-products-slider .item .product-name{
        max-height: 55px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: normal;
    }
    /*product viewed end*/
    /*product detail*/
    .product_detail .product-detail-description {
        padding-left: 15px;
    }
    .product_detail .gray-line{
        margin: 15px 15px 25px 0;
    }
    .callback-label-wrapper .callback-label{
        display: none;
    }
    /*product detail end*/
    /*front-page end*/
    .topline .phone-wrap{
        margin-left: 0;
    }

    .topline .login-button:before, .topline .search-button:before {
        font-size: 1em;
        padding-right: 3px;
    }

    .topline .login-button:before, .topline .search-button:before {
        font-size: 1em;
        padding-right: 3px;
    }

    #small-header .logo {
        margin-top: 5px;
        height: 55px;
    }

    #small-header .main-nav{
        margin-left: 24px;
    }

    #small-header .main-nav ul li a{
        padding: 24px 15px;
    }

    #small-header .login-button i, #small-header .search-button i {
        font-size: 1.3em;
        line-height: 65px;
    }

    /*Footer*/
    .footer .footer-menu a{
        font-size: 12px;
        line-height: 14px;
    }

    .footer .footer-menu li.title a, .footer .footer-title{
        font-size: 14px;
    }

    .footer .contacts-wrapper,.footer .copyrights{
        font-size: 14px;
    }

    /*Sidebar*/
    .sections-wrapper .sections-menu li.lvl1 .main-link{
        font-size: 13px;
    }

    /*Catalog page*/
    .sections-list .section-name {
        font-size: 14px;
        font-weight: 700;
        line-height: 16px;
    }

    .sections-list .subsections-list li a{
        font-size: 13px;
    }

    .sections-list .section-img-wrap{
        min-height: 100px;
    }

    /*Catalog items*/
    .products-list .product-item .img-wrapper .fast_view_block{
        display: none;
    }

    .products-list .product-item .img-wrapper .like-and-comparison{
        visibility: visible;
        opacity: 1;
    }

    .products-list .product-item .img-wrapper .like-and-comparison span{
        float: left;
    }

    .products-list .product-wrap .product-item .footer_button {
        display: block;
        opacity: 1;
        visibility: visible;
        margin: 11px 0 0;
        height: auto;
        position: initial;
    }

    .products-list .product-wrap:hover .product-item{
        position: initial;
        -webkit-box-shadow: none;
        box-shadow: none;
        border: none;
        background: unset;
    }

    /*Filter*/
    #smartFilter span.heading{
        font-size: 14px;
    }

    #smartFilter .paramsBoxTitle, #smartFilter .paramsBox{
        font-size: 12px;
    }

    #smartFilter .rangeSlider label, #smartFilter .rangeSlider input[type="text"]:nth-of-type(1){
        margin-right: 4px;
    }

    #set_filter, #del_filter{
        font-size: 12px;
        padding: 6px 18px;
    }

    body .basket-wrapper .basket-footer .basket-footer-buttons {
        margin-top: 0;
    }
}

@media only screen and (max-width: 768px) {
    /*mobile header*/
    #small-header{
        display: none;
    }
    .big-header{
        display: none;
    }
    #mobile-menu{
        display: none;
    }
    #mobile-header{
        display: block;
        position: fixed;
        z-index: 99;
        background-color: #fff;
        width: 100%;
        top: 0;
        left: 0;
        height: 65px;
        padding: 5px 5px;
        overflow: hidden;
        border-bottom: 1px solid #f5f5f5;
    }
    #mobile-header .mobile-menu-icon-wrapper, #mobile-header .logo-wrap, #mobile-header .icons-wrapper{
        display: inline-block;
    }
    #mobile-header .mobile-menu-icon-wrapper i:before{
        font-size: 36px;
    }
    #mobile-header .mobile-menu-icon-wrapper, #mobile-header .logo-wrap{
        float: left;
    }
    #mobile-header .icons-wrapper{
        float: right;
        display: block;
        position: relative;
        height: 100%;
        line-height: 61px;
    }
    #mobile-header .mobile-menu-icon-wrapper a{
        display: block;
        position: relative;
        margin: 8px 12px;
    }
    #mobile-header .logo-wrap img{
        width: 7em;
        margin-left: 5px;
        margin-top: 10px;
    }
    #mobile-header .icons-wrapper i:before{
        font-size: 24px;
    }
    #mobile-header .icons-wrapper a{
        display: inline-block;
        margin-right: 15px;
    }
    /*mobile header end*/

    /*mobile menu*/
    #mobile-menu.show{
        display: block;
        overflow: scroll;
        max-height: 100%;
    }
    #mobile-menu{
        /*overflow: hidden;*/
        position: fixed;
        z-index: 4999;
        width: 300px;
        background-color: #fff;
        height: auto;
        top: 0;
    }
    .dropdown{
        display: none;
    }
    #mobile-menu .expanded>.dropdown {
        display: block;
    }
    #mobile-menu .dropdown {
        left: 100%;
        top: 0;
        width: 100%;
        border: none;
        box-shadow: none;
        visibility: visible;
        opacity: 1;
        position: absolute;
        z-index: 5;
        background: #fff;
        margin: 0;
        padding: 0;
    }
    #mobile-menu ul{
        padding: 0;
        margin: 0;
    }
    #mobile-menu ul.mobile-menu-first>li{
       /* position: relative;*/
    }
    #mobile-menu ul.mobile-menu-first li span.arrow{
        position: absolute;
        z-index: 1;
        width: 46px;
        top: 0;
        right: 0;
        bottom: 0;
        cursor: pointer;
        padding-left: 8px;
        display: block;
    }
    #mobile-menu ul.mobile-menu-first li a span.arrow i{
        position: absolute;
        left: 50%;
        margin: -15px 0 0 -15px;
    }
    #mobile-menu ul li a{
        color: #1d2029;
        font-weight: 700;
    }
    #mobile-menu ul>li{
        list-style: none;
        display: block;
        margin: 0;
        border-bottom: 1px solid #f2f2f2;
        width: 100%;
        padding: 0;
    }
    #mobile-menu ul>li a {
        padding: 12px 20px 13px 19px;
        display: block;
        position: relative;
    }
    #mobile-menu ul li.selected a:before{
        background: #5d9139;
        left: 0;
        top: -1px!important;
        bottom: -1px;
        width: 2px;
        z-index: 1;
        height: inherit;
        border-radius: 0;
        content: "";
        position: absolute;
        height: 48px;
    }
    #mobile-menu ul.mobile-menu-first li a i{
        position: absolute;
        right: 25px;
        bottom: 15px;
    }
    #mobile-menu ul li a i:before{
        color: #5d9139;
    }
    #mobile-menu ul.mobile-menu-first li a span.arrow-left{
        position: absolute;
        z-index: 1;
        width: 46px;
        top: 0;
        left: 0;
        bottom: 0;
        cursor: pointer;
        padding-left: 8px;
        display: block;
    }
    #mobile-menu ul.mobile-menu-first li a span.arrow-left i{
        position: absolute;
        left: 18px;
        bottom: 15px;
    }
    #mobile-menu ul>li a.mobile-go-back{
        padding: 12px 20px 13px 40px;
    }
    #mobile-menu .mobile-menu-second li a{
        padding: 12px 20px 13px 50px;
    }
    #mobile-menu .mobile-menu-second li a span.icon-wrapper{
        position: absolute;
        z-index: 1;
        width: 46px;
        top: 0;
        left: 0;
        bottom: 0;
        cursor: pointer;
        padding-left: 8px;
        display: block;
    }
    #mobile-menu .mobile-menu-second li a span.icon-wrapper i{
        position: relative;
        display: block;
        text-align: center;
        line-height: 47px;
    }
    #mobile-menu .mobile-menu-second li a .counter-wrapper{
        float: right;
    }
    #mobile-menu .mobile-menu-second li a .opener-item-counter{
        text-align: center;
        display: table-cell;
        margin: 0 auto 0 auto;
        color: #fff;
        background-color: #5d9139;
        width: 25px;
        height: 25px;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        padding: 0px;
        font-size: 15px;
        vertical-align: middle;
        font-weight: normal;
    }
    #mobile-menu .mobile-info h3{
        padding: 12px 20px 13px 19px;
    }
    #mobile-menu .mobile-info .mobile-info-list li{
        border-bottom: none;
        position: relative;
    }
    #mobile-menu .mobile-info .mobile-info-list li a{
        font-size: 14px;
        font-weight: normal;
        padding: 12px 20px 13px 50px;
    }
    #mobile-menu .mobile-info .mobile-info-list li span.icon-wrapper{
        position: absolute;
        z-index: 1;
        width: 46px;
        top: 0;
        left: 0;
        bottom: 0;
        cursor: pointer;
        padding-left: 8px;
        display: block;
    }
    #mobile-menu .mobile-info .mobile-info-list li span.icon-wrapper i{
        position: relative;
        display: block;
        text-align: center;
        line-height: 47px;
    }
    /*mobile menu end*/

        /*mobile filter*/

        #smartFilter{
            display: none;
        }

        .mob_filter_button{
            display: block !important;
            width: 150px;
            margin: 0 auto 15px auto;
        }



        #smartFilter.show{
            position: fixed;
            background: #fff;
            z-index: 9999;
            display: block;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            margin: 0;
            overflow-y: auto;
        }

        .mob-filter-close {
            position: fixed;
            top: 10px;
            right: 10px;
            padding: 6px;
            cursor: pointer;
        }

        .mob-filter-close i{
            font-size: 24px;
        }

        #smartFilter span.heading{
            font-size: 17px;
        }


        #catalog_section{
            position: relative;
      }

    /*Grid*/
    .hide-mob {
        display: none!important;
    }

    .full-width{
        padding: unset;
    }
    .container.full-width{
        padding: 0 15px;
    }

    header{
        margin-bottom: 25%;
    }

    .footer{
        text-align: center;
        padding-top: unset;
    }

    .breadcrumbs{
        text-align: center;
    }

    h1{
        text-align: center;
    }

    .footer .contacts-wrapper{
        padding: unset;
        margin-top: 10%;
    }

    .footer .footer-contacts .footer-email, .footer .footer-contacts .footer-adress,.footer .footer-contacts .phone{
        margin: 10px auto;
        display: inline-block;
    }

    .footer .footer-menu li.title, .footer .footer-title{
        margin: 15px auto;
    }

    .footer .socials {
        padding-left: 15px;
    }

    .footer .copyrights .pay-wrapper {
        text-align: center;
        margin-top: 15px;
        padding-left: 15px;
    }

    .phone .dropdown ul li a{
        font-size: 14px;
        padding: 10px 22px;
    }

    .footer .footer-contacts .phone.with-dropdown .dropdown {
        left: -22px;
        top: 25px;
    }

    i.svg.inline.svg-inline-burger.dark {
        width: 18px;
        height: 16px;
        min-width: 18px;
        min-height: 16px;
        position: absolute;
        left: 50%;
        top: 50%;
        margin: -8px 0 0 -9px;
    }

    #mobile-header .burger {
        height: 100%;
        width: 58px;
        position: relative;
        cursor: pointer;
        float: left;
    }
    #mobile-header .icons-wrapper .shopping-cart{
        display: none;
    }
    #search-result .search-res {
        padding: 0 10px 0 10px;
    }
    .bottom-button-block .back-url-button{
        display:none;
    }
    .bottom-button-block .share-wrap.button{
        position: relative;
        float: right;
    }
}

@media screen and (max-width: 600px) {
    .product_detail .product_detail_slider img{
       /* min-height: 300px;*/
    }

    table {
        border: 0;
    }

    table caption {
        font-size: 1.3em;
    }

    table thead {
        border: none;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }

    table tr {
        border-bottom: 3px solid #ddd;
        display: block;
        margin-bottom: .625em;
    }

    table td {
        border-bottom: 1px solid #ddd;
        display: block;
        font-size: .8em;
        text-align: right;
    }

    table td::before {
        /*
        * aria-label has no advantage, it won't be read inside a table
        content: attr(aria-label);
        */
        content: attr(data-label);
        float: left;
        font-weight: bold;
        text-transform: uppercase;
    }

    table td:last-child {
        border-bottom: 0;
    }
    /*contacts page*/
    .contacts-page #map{
        margin-bottom: 25px;
    }

    .contacts-page .contacts-item-wrapper .contacts-info{
        margin-top: 15px;
    }
    /*contacts page*/

    /*frontpage full width banner*/
    .bg-for-mobile{
        display: none;
    }
    /*frontpage full width banner emd*/

    /*search popup form*/
    #search-bar .search-input{
        padding: 0 180px 0 25px;
        font-size: 18px;
        height: 100px;
    }
    #search-bar .btn-search{
        top: 34px;
        padding: 8px 16px;
    }
    #search-bar .close-button{
        top: 48px;
    }
    /*search popup form end*/

    /*basket page*/
    #basket-root .basket-coupon-block-total-price-current{
        font-size: 20px;
    }
    .basket-checkout-section {
        max-width: 100%;
    }
    .basket-checkout-section-inner{
        justify-content: center;
        flex-wrap: wrap;
        text-align: center;
    }
    .basket-items-list-header{
        flex-direction: column;
    }
    .basket-items-search-field{
        margin-bottom: 10px;
    }
    .basket-items-search-field+.basket-items-list-header-filter{
        padding-left: 0;
        text-align: center;
    }
    #basket-root .top_control, #basket-root .basket-items-list-header-filter-item{
        margin-left: 6px;
        margin-top: 25px;
    }
    .basket-item-block-image {
        margin-top: 10px;
        margin-bottom: 15px;
        padding-right: 0;
        max-width: 100%;
        width: 100%;
    }
    .basket-items-list-item-descriptions-inner {
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
    }
    .basket-item-block-info {
        -webkit-box-flex: 6;
        -ms-flex: 6;
        flex: 6;
    }
    #basket-root .basket-items-list-item-price.basket-items-list-item-price-for-one{
        display: none !important;
    }
    .basket-items-list .basket-items-list-item-container>td{
        border-bottom: 0;
    }
    #basket-root .basket-items-list-item-amount, #basket-root .basket-items-list-item-price{
        display: inline-block;
        padding-left: 41px;
    }
    #basket-root .basket-items-list .basket-items-list-item-container>td:first-child {
        padding-left: 41px;
    }
    .basket-items-list-item-container>td{
        border-top: 0;
    }
    #basket-root .basket-items-list .basket-items-list-item-container>td:last-child{
        position: absolute;
        right: 10px;
        top: 10px;
    }
    #basket-root table tr{
        border-bottom: 1px solid #ddd;
        margin-bottom: 0;
    }
    #basket-root .basket-items-list-item-price{
        padding-left: 25px;
    }
    /*basket page end*/

    /*search in modal*/
    #search-result{
        overflow-y: scroll;
        height: 500px;
        top: 100px;
    }
    #search-result .search-res a .item-wrap span{
        line-height: 22px;
        word-wrap: normal;
    }
    #search-result .search-res a .item-wrap{
        white-space: normal;
    }
    /*search in modal end*/
}

@media screen and (max-width: 480px){
    body{
        font-size: 14px;
    }
    /*reviews*/
    #catalogReviews #reviews .reviewItem .reviewColumn:nth-child(1){
        width: 100%;
    }
    #catalogReviews #reviews .reviewItem .reviewColumn:nth-child(2){
        width: 100%;
        text-align: center;
    }
    /*sales list*/
    .simple-list-item .body-info{
        padding-left: 0;
    }
    .simple-list-item .image-wrap{
        float: none;
    }

    /*basket page*/
    #basket-root .basket-items-list .basket-items-list-item-container>td:first-child {
        padding-left: 7px;
    }
    #basket-root .basket-items-list-item-container>td {
        padding-left: 0;
        display: block;
        text-align: center;
    }
    #basket-root .basket-item-block-amount{
        display: inline-block;
    }
    #basket-root .basket-item-block-price{
        padding: 0;
        display: inline-block;
        text-align: center;
    }
    #basket-root .basket-item-block-price .basket-item-price-old{
        text-align: center;
    }
    .basket-item-block-properties{
        display: none;
    }
    #basket-root .basket-items-list .basket-item-block-info{
        padding: 0 25px;
    }
    .basket-item-info-name{
        padding: 0;
    }
    /*basket page end*/

    /*product-detail*/

    .right-side .product_detail .product_detail_slider img{
        max-width: 100% !important;
    }
    .product_detail .product-detail-description .first-row{
        padding: 25px 0 0 0;
        text-align: center;
    }
    .product_detail .product-detail-description .first-row img{
        float: none;
    }
    .product_detail .product-detail-description .buttons-block .btn{
        margin-bottom: 15px;
    }
    .product_detail .product-tabs-block .tabs ul li:not(:first-child){
        margin-left: 0;
    }
    .product_detail .product-tabs-block .tabs ul li, .product_detail .product-tabs-block .tabs ul li a{
        width: 100%;
    }
    /*product-detail-end*/

    /*fromt-page-slider*/
    .slider-frontpage-block #frontpage-slider{
        padding: 0;
        margin: 20px 0;
    }
    .slider-frontpage-block #frontpage-slider .slider-left-text{
        padding: 50px 0;
    }
    .slider-frontpage-block #frontpage-slider .slider-left-text .slider-left-text-inside-wrapper{
        width: 85%;
    }
    body .slider-frontpage-block #frontpage-slider .owl-dots{
        bottom: 40px;
    }
    /*fromt-page-slider end*/

    .news-wrapper .text-wrapper p{
        display: none;
    }

    .products-list .product-item .img-wrapper .like-and-comparison span{
        float: none;
    }

    .front-page-popular-sections .pupular-sections h2,.front-page-popular-sections .pupular-sections a{
        margin: 15px 0;
        display: block;
        text-align: center;
    }

    .front-page-popular-products .popular-products-types li{
        display: block;
        text-align: center;
        margin-right: 0;
    }
    /*footer*/
    .footer .footer-contacts .footer-email, .footer .footer-contacts .footer-adress, .footer .footer-contacts .phone{
        display: table;
    }
}

@media screen and (max-width: 400px) {
    #mobile-header .icons-wrapper .shopping-cart{
        position: relative;
        display: inline-block;
    }
    #mobile-header .icons-wrapper .shopping-cart .counter-wrapper{
        position: absolute;
        top: 5px;
        right: -8px;
    }
    #mobile-header .icons-wrapper .shopping-cart .counter-wrapper .opener-item-counter.basket_items{
        text-align: center;
        display: table-cell;
        margin: 0 auto 0 auto;
        color: #fff;
        background-color: #5d9139;
        width: 18px;
        height: 18px;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        padding: 0px;
        font-size: 12px;
        vertical-align: middle;
        line-height: 18px;
    }
}

@media screen and (max-width: 320px){
    .basket-wrapper{
        display: none;
    }
}