/*SM*/
@media (min-width: 576px) {
    .tile{
        margin: 0 -15px;
    }
}

/*MD*/
@media (min-width: 768px){
    body {
        padding-top: 0;
    }
    .menu-main-line{
        position: relative;
        top: 0;
        min-height: auto;
        box-shadow: none;
    }
    .menu-main-wrapper{
        padding: 0;
        background: none;
        overflow-y: visible;
    }
    .menu-main-line:after{
        content: none;
    }
    .menu-main{
        display: block !important;
    }
    .menu-main__item{
        display: inline-block;
    }
    .menu-main__item:after{
        content: '';
        position: absolute;
        right: 0;
        top: 50%;
        margin-top: -8.5px;
        width: 1px;
        height: 17px;
    }
    .menu-main__item:last-child:after{
        content: none;
    }

    .menu-main__item>a{
        padding: 20px 26px;
        font-size: 13px;
        line-height: 15px;
    }
    .menu-main__item:first-child>a{
        padding: 20px 26px 20px 0;
    }

    /*submenu*/
    .menu-main-submenu{
        display: none;
        position: absolute;
        z-index: 1000;
        left: 0;
        padding: 9px 0;
        min-width: 267px;
    }
    .menu-main-submenu:before{
        position: absolute;
        z-index: -1;
        content: '';
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        -webkit-box-shadow: 0 0 10px rgba(0,0,0,.1);
        box-shadow: 0 0 10px rgba(0,0,0,.1);
    }
    .menu-main__item:hover .menu-main-submenu{
        display: block;
    }
    .menu-main-submenu__item:not(:last-child){
        border-bottom-width: 1px;
        border-bottom-style: solid;
    }
    .menu-main-submenu__item>a{
        padding: 7px 32px;
    }
    /*End submenu*/


    /*CATALOG*/
    /*Catalog layout*/
    .catalog-objects-item{
        padding: 25px 14px 28px;
    }
    .catalog-category-item{
        padding: 20px;
    }
    .catalog-objects>li:after,
    .catalog-category>li:after{
        position: absolute;
        z-index: -1;
        content: '';
        top: 0;
        right: 15px;
        bottom: 0;
        left: 15px;
        border-width: 1px;
        border-style: solid;
    }
    .catalog-objects>li:hover:after,
    .catalog-category>li:hover:after{
        border-color: rgba(0,0,0,.05);
        -webkit-box-shadow: 0 0 10px rgba(0,0,0,.1);
        box-shadow: 0 0 10px rgba(0,0,0,.1);
    }

    ul[class*='tile'],
    ul[class~='list']{
        margin-right: -15px;
        margin-left: -15px;
    }
    ul[class*='tile']>li,
    ul[class~='list']>li{
        padding-right: 15px;
        padding-left: 15px;
    }
    ul[class~='list']>li{
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    ul[class~='tile']>li{
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    ul[class~='tile-4']>li{
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .category-item-caption-wrapper,
    .catalog-item-caption-wrapper{
        min-height: 35px;
    }

    /*In List view*/
    ul[class~='list'] .catalog-objects-item{
        display: flex;
    }
    ul[class~='list'] .catalog-item__pict{
        flex: 0 0 220px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    ul[class~='list'] .catalog-item-content{
        padding: 0 30px 0 20px;
        flex: 0 0 calc(100% - 290px);
    }
    ul[class~='list'] .catalog-objects-item .stickers-list{
        top: 22px;
        left: 22px;
    }
    ul[class~='list'] .catalog-item-add-func{
        top: 23px;
        right: 32px;
    }

    ul[class*='list'] .catalog-item-btn-wrap{
        text-align: left;
    }
    ul[class~='list'] .truncate,
    ul[class~='list'] .truncate-dots {
        display: none;
    }
    ul[class~='list'] .not-truncate{
        display: block;
    }
    ul[class~='list'] .catalog-item-caption.not-truncate{
        display: block;
        margin-bottom: 10px;
        min-height: auto;
        text-align: left;
    }
    ul[class~='list'] .catalog-item-article{
        text-align: left;
    }
    ul[class~='list'] .catalog-item-caption-wrapper{
        min-height: auto;
    }
    /*End List view*/


    /*In Slab View*/
    ul[class~='tile'] .catalog-item-content{
        padding: 0 5px;
    }
    ul[class~='tile-4'] .catalog-item-content{
        padding: 0 20px;
    }

    ul[class~='tile'] .catalog-item-pict{
        min-height: 220px;
        line-height: 220px;
    }
    /*End Slab View*/

    .catalog-objects.list .catalog-item__oneclick-wrapper{
        display: inline-block;
    }
    /*End catalog layout*/



    .catalog-controls-wrapper{
        display: flex;
        justify-content: space-between;
        align-items: center
    }
    .catalog-controls-block_sort{
        flex: 0 0 auto;
    }
    .catalog-controls-block_grid{
        display: flex;
        flex: 0 0 auto;
        align-items: center;
    }


    /*Catalog filter*/
    .filters-spoiler{
        display: block;
    }
    .catalog-filter-row.catalog-filter-row_horizontal{
        display: flex;
        flex-wrap: wrap;
    }
    .catalog-filter-row.catalog-filter-row_horizontal .catalog-filter-block{
        box-sizing: border-box;
        flex: 0 0 33.3%;
        max-width: 33.3%;
    }
    /*End Catalog filter*/

    /*END CATALOG */


    /*Promo*/
    .anons-list-item{
        display: flex;
        justify-content: space-between;
    }
    .anons-list-item-pict{
        flex: 0 0 18%;
    }
    .anons-list-item-content{
        flex: 0 0 80%;
    }



    .collapse {
        display: block !important;
    }

    .desktop_max_w150{
        max-width: 150px;
    }
    .active>.aside-nav-level-2,
    .active>.aside-nav-level-3{
        display: block;
    }


    /*Compare*/
    .compate-table-wrapper{
        overflow-x: auto;
    }
    .compare-table th{
        display: table-cell;
    }
    /*TR image cells*/
    .compare-table tbody tr:nth-child(1){
        background: none;
    }
    /*Any TD after image cell*/
    .compare-table tr:not(:first-child) td[data-th]:not(:first-child),
    .compare-table td[data-th]:not(:first-child){
        padding: 14px 20px;
        font-size: 14px;
    }
    .compare-table td strong{
        font-size: 15px;
    }

    /*First TD after image cell*/
    .compare-table tbody tr:nth-child(2) td{
        padding-top: 37px;
    }
    /*Last TD in tbody*/
    .compare-table tbody tr:last-child td[data-th]{
        padding-bottom: 50px;
    }
    .compare-table td{
        width: 10%;
        display: table-cell;
        min-height: auto;
    }
    .compare-table td[data-th]:not(:first-child):before,
    .compare-table tr:first-child td[data-th]:not(:first-child):before{
        content: none;
    }
    .compare-table tbody tr:first-child td:first-child,
    .compare-table tfoot td:first-child{
        display: table-cell;
    }
    /*END Compare*/


    /*Cart*/
    .cart-table{
        width: 100%;
    }
    .cart-table th{
        display: table-cell;
    }
    .cart-table td,
    .cart-table td[data-th]{
        padding: 18px 10px;
        display: table-cell;
        border-bottom: none;
        word-break: break-all;
        min-height: auto;
    }
    .cart-table td[data-th]:before{
        content: none;
    }
    .cart-table .cart-table-item-td-name{
        max-width: 150px;
        text-align: left;
    }
    .cart-table-item-img{
        max-width: 100px;
        margin-bottom: 0;
    }
    .cart-table-footer-reset{
        display: flex;
        align-items: center !important;
        margin-bottom: 0;
    }
    /*End Cart*/


    /*Content*/
    .img-right,
    .content img[style*="float: right"]{
        float: right !important;
        margin: 0 0 20px 30px;
    }
    .img-left,
    .content img[style*="float: left"]{
        float: left !important;
        margin: 0 30px 20px 0;
    }
    /*End content*/


    /*Main banner*/
    .main-banner{
        background: none;
    }
    .main-banner-content{
        position: absolute;
        top: 88px;
        left: 76px;
        z-index: 10;
        max-width: 300px;
    }
    .main-banner-content__header{
        display: inline-block;
        font-size: 44px;
        line-height: 44px;
    }
    .main-banner-content__text{
        font-size: 23px;
        line-height: 28px;
        color: #fff;
    }

    /*End main banner*/

    /*Product card*/
    .product-card-block-1,
    .product-card-block-2{
        text-align: left;
    }
    .product-card-block-1{
        margin-bottom: 0;
    }
    .product-card-price{
        padding-right: 26px;
    }
    .product-card-price{
        display: inline-block;
        vertical-align: middle;
    }
    .product-card-buy-wrapper,
    .product-card-amount-wrapper{
        min-width: 150px;
        margin-right: 10px;
    }
    .product-card-block-1 .compare-link{
        position: absolute;
        top: 0;
        right: 0;
    }

    /*tabs*/
    .tabs>li{
        display: inline-block;
        margin-bottom: 0;
    }

    /*Footer*/
    .footer-menu-wrapper{
        display: block !important;
    }
    .footer-menu-container{
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-bottom: 0;
        text-align: left;
    }
    .footer-menu{
        margin-bottom: 0;
        display: flex;
        flex-wrap: wrap;
        padding: 10px 0;
    }
    .footer-menu__item{
        display: flex;
        align-items: center;
    }
    .footer-menu__item:after{
        content: ' ';
        width: 1px;
        height: 17px;
        margin-top: -3px;
        margin-right: 26px;
    }
    .footer-menu__item>a{
        padding: 10px 26px 10px 0;
    }
    .footer-menu__item:last-child:after{
        content: none;
    }

    /*Footer*/
    .footer-contacts{
        position: relative;
        display: flex;
        flex-wrap: wrap;
        margin-left: -15px;
        margin-right: -15px;
    }
    .footer-contacts__item {
        display: flex;
        box-sizing: border-box;
        align-items: center;
        padding-left: 15px;
        padding-right: 15px;
    }
    .footer-contacts__logo,
    .footer-contacts__social{
        margin-top: 20px;
    }
    .footer-contacts__logo,
    .footer-contacts__social,
    .footer-contacts__phones,
    .footer-contacts__designer{
        width: 50%;
        justify-content: center;
    }
    .footer-mail{
        margin-right: 15px;
        text-align: right;
    }
    /*END Footer*/


    /*Main anons*/
    .main-news-anons__item{
        flex: 0 0 33%;
        max-width: 33%;
        text-align: left;
    }


    /*modal*/
    .modal{
        top: 101px;
        left: 50%;
        bottom: auto;
        margin-left: -295px;
        width: 550px;
    }
    .modal_compact{
        width: 420px;
        margin-left: -210px;
    }
    .modal-text{
        padding: 0 40px;
    }
    .modal-btn-wrap .btn:first-child{
        margin-bottom: 0;
    }


    .user-dropdown{
        margin-right: -60px;
    }

    /*Scroll top*/
    .scroll-top__btn{
        margin-bottom: 8px;
        transform: scale(1,1);
    }
}

/*LG*/
@media (min-width: 992px) {
    .header-middle-block__logo,
    .header-middle-block__search,
    .header-middle-block__basket{
        min-height: 122px;
        margin: 0;
    }
    .header-middle-block__logo{
        justify-content: flex-start;
        flex: 0 0 34%;
        max-width: 34%;
    }
    .header-middle-block__search{
        flex: 0 0 35%;
        max-width: 35%;
    }
    .header-middle-block__basket{
        justify-content: flex-end;
        flex: 0 0 31%;
        max-width: 31%;
        padding-right: 17px;
    }

    ul[class*="tile"] .catalog-item__pict img,
    ul[class~="tile"] .category-item__pict img{
        max-height: 170px !important;
    }

    .logo{
        display: block;
    }
    .header__top-panel{
        text-align: left;
        margin-bottom: 0;
    }
    .menu_main .navbar-nav>li>a{
        padding: 15px 30px;
    }
    .submenu li a{
        padding-left: 30px;
    }

    .text-col-lg-2 {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
    }
    .text-col-lg-2 >ul>li>ul>li>ul>li{
        position: relative;
        -webkit-column-break-inside: avoid;
        page-break-inside: avoid;
        break-inside: avoid-column;
    }

    /*Footer*/
    .footer-contacts__item {
        margin: 0;
    }
    .footer-contacts__logo{
        width: 25%;
        justify-content: flex-start;
    }
    .footer-contacts__social{
        width: 20%;
        justify-content: flex-end;
    }
    .footer-contacts__phones{
        width: 45%;
        justify-content: center;
    }
    .footer-contacts__designer{
        width: 10%;
        justify-content: flex-end;
    }
    .footer-mail{
        margin-right: 35px;
        text-align: right;
    }
}

/*XL*/
@media (min-width: 1200px) {
    body {
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        min-height: 100vh;
    }
    footer {
        margin-top: auto;
    }

    .submenu{
        min-width: 400px;
    }
    .reset_all{
        position: absolute;
        top: 50%;
        margin: -10px 0 0 0;
        right: 20px;
    }
    ul[class~="tile"] .catalog-item__pict,
    ul[class~="tile"] .category-item__pict ,
    .gallery_pict{
        line-height: 220px;
    }
    .general_slider .category-item__caption{
        min-height: 50px;
        display: block;
    }

    /*Product card*/
    .product-card-img-link{
        display: block;
        line-height: 300px;
    }
    .product-card-properties{
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
    }


    .tab-content table.properties td{
        width: 50%;
    }
}




@media (max-width: 767px){
    .menu-main-submenu__item>a:hover{
        color: inherit;
        background-color: #fff;
    }





}