/* Phone landscape and bigger */
@media (min-width: 640px) {

    /*GRID*/
    .col-20-s{
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
    .col-40-s{
        -ms-flex: 0 0 40%;
        flex: 0 0 40%;
        max-width: 40%;
    }
    .col-60-s{
        -ms-flex: 0 0 60%;
        flex: 0 0 60%;
        max-width: 60%;
    }
    .col-30-s{
        -ms-flex: 0 0 30%;
        flex: 0 0 30%;
        max-width: 30%;
    }
    .col-25-s{
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
    .col-15-s{
        -ms-flex: 0 0 15%;
        flex: 0 0 15%;
        max-width: 15%;
    }
    .col-10-s{
        -ms-flex: 0 0 10%;
        flex: 0 0 10%;
        max-width: 10%;
    }
    /*END GRID*/

    /*Catalog layout*/
    ul[class~='catalog-list']>li{
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    ul[class*='catalog-tile']>li{
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    .objects>li:after{
        position: absolute;
        z-index: 0;
        content: '';
        top: 0;
        right: 15px;
        bottom: 0;
        left: 15px;
        border-width: 1px;
        border-style: solid;
        border-color: #e4e4e4;
        -webkit-transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        -ms-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        transition: all 0.2s linear;
    }
    .objects>li:hover:after{
        border-width: 3px;
        border-style: solid;
        -webkit-transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        -ms-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        transition: all 0.2s linear;
    }
    .catalog-item-wrap{
        padding: 20px 25px;
    }
    /*блок с кнопками в каталоге*/
    .feacher-block-item>div:first-child{
        width: 45%;
        float: left;
    }
    .feacher-block-item>div:last-child{
        width: 55%;
        float: left;
        text-align: right;
    }
    ul[class~='catalog-list'] .catalog-item-props{
        display: block;
    }
    /*End catalog layout*/

    .submenu{
        max-width: 300px;
    }
    .catalog-tile{
        font-size: 0;
        position: relative;
        margin: 0 -10px 0;
        padding: 0;
    }
    .catalog-tile{
        margin: 0 -15px;
    }
    .tile-12 .item-wrap{
        margin: 0 5px;
    }
    .catalog-list>li{
        margin-bottom: 0;
    }
    .catalog-list .item-wrap{
        border-bottom: none;
    }
    .catalog-list .item-img{
        line-height: 18px;
    }
    .catalog-tile .rating-title{
        display: none;
    }
    .catalog-list .catalog-item-caption{
        font-size: 18px;
    }   
    .catalog-list .item-img,
    .catalog-list .catalog-item-text,
    .catalog-list .item-footer{
        float: left;
    }
    .catalog-list .item-img,
    .catalog-list .item-footer{
        width: 25%;
    }
    .catalog-list .catalog-item-text{
        width: 50%;
    }
    .catalog-list .item-footer{
        text-align: right;
    }
    .catalog-list .item-footer:before{
        width: 1px;
        background: #e4e4e4;
        top: 20px;
        bottom: 20px;
        right: calc(25% + 10px);
    }
    .catalog-list .pd20-25.item-wrap{       
        min-height: 170px;
    }
    .btn-article {
        position: absolute;
        top: 8px;
        right: 40px;
    }
    .tabs-large>li{
        display: inline-block;
    }
    .catalog-list .feacher-block-item>div:first-child,
    .catalog-list .feacher-block-item>div:last-child{
        width: auto;
        float: none;
    }
}

/* Tablet landscape and bigger */
@media (min-width: 960px) {

    /*Catalog layout*/
    ul[class*='tile-4 catalog-tile']>li{
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
    /*End catalog layout*/

    .f-catalog{
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
    }
    .mob-visible{
        display:none;
    }
    .buy_with_tile_objects .catalog-tile li{
        margin-bottom: 0px;
    }
    .uk-width-1-4\@m {
        width: 24.95%;
    }  
    .text_card_delivery{
        margin-right: 30px;
    }
    .brands .uk-grid .uk-width-1-3\@s:nth-last-child(1),
    .brands .uk-grid .uk-width-1-3\@s:nth-last-child(2),
    .brands .uk-grid .uk-width-1-3\@s:nth-last-child(3){
        margin-bottom: 0px!important;
    }
    .sub-menu{
        display: flex;
        flex-wrap: wrap;
    }
    .sub-menu>li{
        flex: 0 0 50%;
        max-width: 50%;
    }
    .city-select-list{
        -webkit-columns: 2;
        -moz-columns:  2;
        columns:  2;
    }
    .sub-menu.one-level{
        -webkit-columns: 1;
        -moz-columns:  1;
        columns:  1;
    }
    .sub-menu>li{
        -webkit-column-break-inside: avoid;
        page-break-inside: avoid;
        break-inside: avoid-column;
        position: relative;
    }
    .slide-wrap .item-img{
        height: 250px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    #bestsellers_slider .slide-wrap .item-img ,
    #buy_with .slide-wrap .item-img,
    #similar_items .slide-wrap .item-img{
        line-height: 200px;
    }
    .article-block>li{
        float: right;
        width: 50%;
    }
    .article-block>li:nth-child(3n+1){
        float: left;
    }
    .articles-block-text{
        position:absolute;
        top: 0;
        left:0;
        bottom: 0;
        width: 50%;
        background-color: rgba(0,0,0,0.75);
        box-sizing: border-box;
    }
    .article-block>li:nth-child(3n+1) .articles-block-text{
        width: 100%;
        top: auto;
    }
    .tabs-large{
        display: table;
        width: 100%;
    }
    .tabs-large>li{
        display: table-cell;
    }
    .max-100-desktop{
        max-width: 100px;
    }
    .max-150-desktop{
        max-width: 150px;
    }
    .tab-personal-small>li>a{
        padding:20px 30px!important;
    }
    .result-label{
        margin-left: -30px;
    }


    /*trade offers*/
    .trade-offers-item{
        flex: 0 0 50%;
        max-width: 50%;
    }

}

/* Desktop and bigger */
@media (min-width: 1200px) {
    .content>ul.sitemap_list{
        -moz-column-count: 3; /* Для Firefox */
        -webkit-column-count: 3; /* Для Safari и Chrome */
        column-count: 3;
    }
    div[class^='uk-width-3-4@m'] .catalog-tile>li{
        width: 33.33%;
    }
    .menu-main li a{
        text-transform: uppercase;
    }
    #banner_top .banner-content{
        width: 83%;
    }
    #banner_top .banner-content .wrap{
        padding: 23px 30px 25px 30px;
    }
    .catalog-tile .catalog-item-caption{
        height: 20px;
        overflow-y: hidden;
    }
    .banner-full-col .banner-content-wrapper{
        width: 45%;
        top: 50%;
        margin-top: -50px;
    }
    .banner-full-col-link{
        position: static;
        display: inline-block;
        margin: 20px 60px;
    }
    .table-btn span{    
        min-width: 98px;
        padding: 10px 20px;
        text-transform: uppercase;
    }
    .list.table .price-block{
       text-align: right;
    }
}

/* Large screen and bigger */
@media (min-width: 1600px) {
    #banner_top .banner-content{
        width: 28%;
    }
}

/* Desktop and smaller */
@media (max-width: 1599px) {
    .repeat_order_link{
        float: none;
        display: block;

    }
    .catalog-list .price-block{
        text-align: right!important;
    }


}

/* Desktop and smaller */
@media (max-width: 1299px) {
    #big-pict-link img{
        width:100%;
    }
    .zebra.cart-table tr th,
    .zebra.cart-table tr td {
        text-align: left;
        padding-left: 20px;
        padding-right: 20px;
    }
    .list.table .price-block{
        margin-right: 5px;
    }
}


/* Tablet landscape and smaller */
@media (max-width: 1199px) {
    .btn-print:after {    
        left: 5px;
    }
    .catalog-list .item-price-block-wrapper .price{
        font-size: 24px;
    }
    .catalog-list .item-price-block-wrapper .price .rub{
        font-size: 20px;
    }
    .feacher-block-item .control-btn>a {
        width: 25px;
    }
    .zebra.cart-table strong {
        font-size: 15px;
    }
    .zebra.cart-table .price_card {
        font: 20px 'latobold'!important;
    }
    .zebra.cart-table .rub {
        font: 18px 'latobold';
    }
    .delivery_price,
    .zebra.cart-table .price_basket,
    .zebra.cart-table .price_basket .rub,
    .zebra.cart-table .price_basket_discount span,
    .zebra.cart-table .price_basket_discount .rub {
        font: 15px 'latobold'!important;
    }
    .zebra.cart-table tr th,
    .zebra.cart-table tr td {   
        padding-left: 15px;
        padding-right: 15px;
    }
    .btn-big,
    #form-for-comments .btn-big input {
        min-width: 190px;
        font-size: 14px!important;
    }
    body{
        margin-bottom: 0;
    }

    .catalog-list .item-price-block-wrapper .old-price,
    .catalog-list .item-price-block-wrapper .price{
        margin-left: 0px;
    }
    .timer-block {
        margin-top: 0px;
    }
    .footer,
    .footer-bottom{
        position: static;
        padding-bottom: 0;
        height: auto;
        margin-top: 20px;
    }
    #cart-tab table tbody tr td:first-child span,
    #tab-current-order table tbody tr td:first-child span,
    #tab-current-order table tbody tr td:nth-child(3) a,
    #cart-tab table tbody tr td:nth-child(3) a {
        font: 14px 'latobold';
    }
    #banner_top .banner-content{
        top:20px;
    }
    .menu-main {
        font-size: 0;
        margin: 0 230px 0 240px;
    }

}
@media (min-width: 960px) and (max-width: 1299px) {
    .range .mr10{
        margin-right: 5px;
    }
    .range .uk-inline.third{
        display: block;
        width:100%!important;
    }
    .range input{
        margin-bottom: 10px;
    }
    .range .mr15{
        margin-right: 10px;
    }
}

/* Phone landscape and smaller */
@media (max-width: 959px) {
    table.list.table tbody tr td {
        line-height: 55px;
    }
    .header-top{
        padding-top: 50px;
    }
    .menu-main-wrap{
        position: fixed;
        top: 0;
        width: 100%;
    }
    .submenu-grid{
        overflow-y: scroll;
        height: 70vh;
        overflow-x: hidden;

    }
    .menu-main-wrap.fixed{
        position: fixed;
        top: 0;
        width:100%;
    }
    #bestsellers .slide-wrap,
    #buy_with .slide-wrap,
    #similar_items .slide-wrap {
        min-height: 300px !important;
    }
    #before,
    #before_restore,
    #before_login,
    #before_call,
    #before_forget,
    #before_oneclick,
    #before_comments,
    #make_rating,
    #before_end,
    .save-changes {
        font:14px/16px 'museo_sans_cyrl700'!important;
    }
    .modal-compare-content{       
        margin-top: 20px;
    }    
    .mob-visible{
        display:block;
    }
    .mob-hidden{
        display: none;
    }   
    .catalog{
        max-width:100%;
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
    }
    .tile-12>li {
        width: calc(100%/6)!important;
    }
    .catalog-filter{
        margin-bottom: 20px!important;
    }
    .card_inside_block .rating{
        width:auto;
    }
    .modal.moda-wide{
        margin-left: 0px;
        width: 100%;
        left:0px;
        right:0px;
    }
    .menu-main-wrap {
        z-index: 1000;
    }
    .btn-big {
        max-width: 180px;
    }
    .catalog-list .item-price-block-wrapper .price,
    .catalog-list .item-price-block-wrapper .price .rub {
        font-size: 24px;
    }

    .btn-article {   
        top: -5px;
    }
    .slider-general h2,
    .slider-general .h2,
    #news h2,
    #articles_block h2,
    #visited h2{
        font: 24px/34px 'museo_sans_cyrl700',Arial,sans-serif;  
        color: #4c4c4c;
    }
    .inner-page-container .h2{
        font: 24px/34px 'museo_sans_cyrl700', Arial,sans-serif !important;  
        padding-bottom: 10px;
    }
    .anons img{
        margin-bottom: 20px;
    }
    .sidebar-nav{
        display:none;
    }
    .menu-main {
        margin: 0 280px 0 230px;
    }
    .f-phone span{
        font: 18px/24px 'latoregular';
    }
    #advantages label{
        width: 100%;
    }
    /*banner*/
    #banner_top .banner-content{
        position: absolute;
        top: 0;
        left: 0;
        margin-right: 0;
    }
    #banner_top .bx-viewport{
        min-height: 300px;
    }
    #banner_top .bx-viewport img{
        position: absolute;
        right: -100px;
        top: 0;
        bottom: 0;
        height: 300px;
        max-width: 1920px;
        z-index: 0;
    }
    #banner_top .bx-prev,
    #banner_top .bx-next{
        position: absolute;
        width: 20px;
        height: 20px;
        top: auto;
        bottom: -30px;
        background: url("../images/sprite.svg") no-repeat -60px 0;
        transition: none;
    }
    #banner_top .bx-next{
        background: url("../images/sprite.svg") no-repeat -90px 0px;
    }
    #banner_top .bx-prev:hover{
        background: url("../images/sprite.svg") no-repeat -60px -30px;
    }
    #banner_top .bx-next:hover{
        background: url("../images/sprite.svg") no-repeat -90px -30px;
    }
    #banner_top .bx-prev:before,
    .bx-next:before{
        content: none;
    }
    /*end banner */
    .slide-wrap .price{
        font: 16px/16px 'latobold';
    }
    .modal{
        left: 0;
        right: 0;
        margin-left: 0;
        width: auto;
    }
    table.cart-table {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }
    table.cart-table tbody td:first-child,table.cart-table tbody td:nth-child(2){
        border:none!important;
    }
    table.cart-table th{
        display: none;
    }
    table.cart-table tbody td{
        display: block;
        position: relative;
        border-top: none;
        word-break: break-all;
    }
    .zebra.cart-table tbody tr:nth-child(2n) td {
        background: #fff;
    }
    table.cart-table tbody td[data-th]{
        padding-left: 50%;
    }
    table.cart-table tbody td[data-th]:before{
        content: attr(data-th) ": ";
        display: inline-block;      
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        width: 50%;
        max-height: 100%;
        padding: 10px;
        color:#363f45;
        font:15px/18px 'latoregular';
    }
    table.cart-table img{
        width: 45%;
    }
    table td {
        vertical-align: middle;
    }
    .zebra.cart-table tr td {
        padding: 13px 0 10px 5px;
    }
    .cart-summary .result-sum{
        font-size: 20px;
    }
    .cart-summary .rub{
        font-size: 16px;
    }
}

/* Phone portrait and smaller */
@media (max-width: 639px) {
    .list.table .price-block {
        margin-right: 0px;
    }
    .catalog-list .list_item_catalog_add{
        left: 0px;
    }
    #catalog-tile,#catalog-list,.sort_text,#catalog-table{
        display: none;
    }
    .icon{
        position: relative;
    }
    .icon:after{
        position: absolute;
        display: block;
        content: '';
        width: 15px;
        height: 15px;
        background: url('../images/small-button.png') no-repeat 0px 0px;        
        left: 20px;
        top: 3px;
    }

    .fake-mask{
        background:  rgba(255,255,255,1);
    }
    body.modal-open{
        overflow: hidden;
        position: fixed;
        width:100%;
    }
    .search-results-items>li{
        text-align: left;

        word-break: break-all;
    }


    .icon.active:after{
        background: url('../images/small-button.png') no-repeat -15px 0px;
    }
    .sub-menu-menu>li:last-child>ul{
        margin-bottom: 10px;
    }
    .sub-menu-menu>li>ul>li>a{
        font: 13px 'latoregular';
    }
    .sub-menu-menu>li>ul{
        padding-left: 45px;

    }

    .f-phone {
        font: 11px/16px 'latobold';   
    }
    .telephone_text {      
        font: 13px/18px 'latobold';
    }
    .catalog-list .pd20-25.item-wrap{       
        min-height: 350px;
    }
    .logo{
        margin-top: 15px !important;
    }

    .modal .h2 {   
        font: 20px/24px 'latobold';
    }
    .item-price-block-wrapper .price-block{
        text-align: center!important;
    }
    .catalog-objects-list .item-price-block-wrapper .price-block{
        position: relative;
        top:-10px;
    }
    h1,
    .h1{
        font: 24px/32px 'museo_sans_cyrl700', Arial,sans-serif; 
    }
    .slider-general h2,
    .slider-general .h2,
    #news h2,
    #articles_block h2,
    #visited h2,h2,.h2  {
        font: 20px/28px 'museo_sans_cyrl700', Arial,sans-serif;

    }
    .option ul li{
        display:block;
        margin-left: 0px;
    }
    .optioned-property{
        margin-left: 10px;
    }
    .paging a,
    .paging span,
    .catalog-controls a {    
        font: 13px/35px 'latoregular';    
    }
    .tile-12>li {
        width: calc(100%/4)!important;
    }
    #news a.mr20{
        margin-right:0px;
    }
    .dropdown{
        width:300px;
    }
    .dropdown-user{
        left:-50%;
        margin-left: -110px;
        right:0px;
    }
    .text-big,h4,
    .h4{
        font-size: 15px;
        font-family: 'latobold';
    }  
    .breadcrumbs {
        margin: -28px 0 20px 0 !important;
    }
    .inner-page-container {
        padding-top: 37px;
    }
    .list_item_catalog_add .votes_catalog{
        display: none;
    }
    .list_item_catalog_add .votes_catalog {
        left: -20px; 
    }
    .modal .pd65{
        padding:30px;
    }
    .basket_clear,.block_buttons{
        text-align: center!important;
    }
    .modal.moda-wide .h2{
        margin-top: 20px;
    }
    .modal.moda-wide .btn-big{
        margin-top: 10px;
    }
    .catalog-list .list_item_catalog_add {
        bottom: 18px;
        left:0px;
    }
    .catalog-list li:not(:last-child) .item-wrap{
        border-bottom: none;
    }
    .range .mr10{
        margin-right: 5px;
    }
    .range .mr15{
        margin-right: 10px;
    }
    .rating,
    .object_rating{
        display: block;
        width: 100%;
        text-align: left!important;
        padding-left: 30px;
    }
    .catalog-list .feacher-block-item > .control-btn{
        width: 100%;
        float:none;
    }

    .wr-submenu{
        right:10px;
    }
    .sub-menu-menu>li>a {
        padding-left: 30px;
        font-size: 17px;
    }
    .hamburger {   
        height: 23px;
    }

    .banner-header a {
        font: 24px/32px 'museo_sans_cyrl500';
        color: #363636;
    }
    .content{
        max-width:100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    .content-small{
        font: 14px/16px 'latoregular';
    }
    .timer div{
        font: 28px/30px 'museo_sans_cyrl500' !important;
    }

    .timer figure:first-child figcaption {
        font-size: 14px !important;
    }
    .timer figcaption {    
        top: -7px;
    }
    .logo,
    .search,
    .contacts-top{
        margin: 10px 0 0;
    }
    .menu-main{
        margin: 0;
        display: block;
    }
    .menu-catalog{
        float: none;
        display: inline-block;
        text-align: center;
    }
    .menu-catalog span{
        margin: 0;
    }
    #advantages label{
        width: 70%;
    }
    #advantages input:checked+label .h3:before,
    #advantages input:checked+label .h3:after{
        content: none;
    }
    #scroll-top{
        width:50px;
        height:50px;
    }
    #scroll-top:before,
    #scroll-top:after{
        width:20px;
        height:2px;
        top:23px;
    }


    /*FANCYBOX*/
    .fancybox-close {
        position: absolute !important;
        top: 0 !important;
        right: -50px !important;
        width: 29px !important;
        height: 29px !important;
        cursor: pointer !important;
        z-index: 8040 !important;
        background-image: url('../images/fancy_sprite.svg') !important;
        background-position: 0 0 !important;
        background-repeat: no-repeat !important;
        opacity: .8;
    }

    .fancybox-close:hover,
    .fancybox-next span:hover,
    .fancybox-prev span:hover{
        opacity: 1;
    }
    .fancybox-nav span {
        position: absolute !important;
        top: 50% !important;
        width: 28px !important;
        height: 85px !important;
        margin-top: -42px !important;
        cursor: pointer !important;
        z-index: 8040 !important;
        /*visibility: hidden !important;*/
        background-image: url('../images/fancy_sprite.svg') !important;
        background-position: -29px 0 !important;
        background-repeat: no-repeat !important;
        opacity: .8;
    }
    .fancybox-next{
        right: -80px  !important;
    }
    .fancybox-prev{
        left: -80px  !important;
    }
    .fancybox-next span {
        background-position: -57px 0  !important;
    }
    .fancybox-prev span {
        background-position: -29px 0  !important;
    }
    /*FANCYBOX*/

    .filters_spoiler{
        display:none;

    }
}

@media (max-width: 450px) {

    .modal{
        height:400px;
        overflow-y: scroll;
    }
    .block_buttons .btn-big{
        margin-right: 0px!important;
        margin-top: 10px!important;         

    }


    .feacher-block-object > div.uk-text-right{
        text-align: left!important;
    }
    .q_reviews{
        right:30px;
    }

    #banner_top .bx-pager{
        bottom: 0px;
    }
    .list_item_catalog_add #rate_result{
        padding-top: 5px;
    }
    .feacher-block-object {
        line-height: 39px;
    }
    .feacher-block-object .control-btn>a {
        width: 40px;
        height: 40px;
    }
    .print{
        display: none!important;
    }
    .feacher-block-object>div.control-btn{
        width:45%;
    }
    .feacher-block-object>div.uk-text-right{
        width:55%;
    }
    .share-inside {
        margin-right: 0px; 
    }
    .card_inside_block .w49{
        width:90%;
    }
    .compare_catalog:before{
        margin-left:3px;
    }
    .btn-print{
        margin-bottom: 20px;
    }

}
@media (max-width: 350px) {
    .catalog-controls a{
        font: 12px/32px 'latoregular';
        padding: 0 6px!important;
    }
    .catalog-tile .object_rating{
        line-height: 0px;
        margin-bottom: 0px;
    }

}