@media (max-width: 767px){
    /*---------------
        Main styles
    ---------------*/
    .block_title{
        font-size: 24px;
    }



    /*---------------
        Header
    ---------------*/
    header .top{
        border: none;
    }


    header .top .item{
        display: flex;
        float: left;

        width: 50%;
        height: 60px;

        border-bottom: 1px solid #dbdbdb;

        justify-content: center;
        align-items: center;
        align-content: flex-start;
        flex-wrap: wrap;
    }

    header .top .item:nth-child(2n+1){
        border-left: none;
    }


    header .menu{
        padding-bottom: 15px;
    }

    header .menu li{
        display: block;

        width: 100%;
    }

    header .menu li + li{
        margin-left: 0;
    }



    #catalog_modal .tabs_container{
        flex-wrap: wrap;
    }

    #catalog_modal .tabs{
        width: 100%;

        padding: 15px 19px 15px 15px;
    }

    #catalog_modal .tab_content{
        width: 100%;

        padding: 15px;
    }



    /*---------------
        Sidebar
    ---------------*/
    aside .articles_block .block_title{
        font-size: 22px;
    }



    /*---------------
        Main section
    ---------------*/
    .first_section .info{
        display: table-cell;
        vertical-align: middle;

        width: 100%;
        height: 388px;

        text-align: center;
    }

    .first_section .title{
        font-size: 32px;
        line-height: 36px;
    }


    .first_section{
        padding: 64px 0 129px;
    }



    .cats_wall .item_wrap{
        width: 50%;
    }
/*
    .cats_wall .item_wrap:nth-child(5){
        width: 100%;
    }*/



    .order_block .block_desc{
        font-size: 14px;
    }

    .order_block .form{
        flex-wrap: wrap;
    }

    .order_block .form .line{
        width: 100%;

        margin-right: 0;
    }

    .order_block .form .submit{
        width: 100%;

        padding-top: 16px;

        text-align: center;
    }



    .stats_block .item_wrap{
        width: 50%;
    }

    .stats_block .item_wrap:nth-child(2n+1) .item{
        border-left: none;
    }



    .articles_block .main_article .thumb{
        float: none;

        width: 100%;
    }

    .articles_block .main_article .info{
        float: none;

        width: 100%;

        padding-top: 20px;
        padding-left: 0;
    }


    .articles_block .list .name a{
        font-size: 16px;
    }


    .articles_block .banner{
        height: 170px;

        padding: 20px;
    }

    .articles_block .banner .title{
        margin-right: 30px;

        font-size: 42px;
        line-height: 50px;
    }

    .articles_block .banner .title b{
        font-size: 72px;
    }

    .articles_block .banner .desc{
        font-size: 20px;
    }

    .articles_block .banner .details{
        min-width: 157px;
        height: 40px;

        margin-top: 20px;

        font-size: 13px;
        line-height: 40px;
    }



    .subscribe_block .cont{
        flex-wrap: wrap;
        justify-content: center;
    }

    .subscribe_block .title{
        width: 100%;

        margin-bottom: 20px;
        padding-right: 0;

        font-size: 22px;

        text-align: center;
    }



    .text_block h1,
    .text_block h1.block_title{
        font-size: 22px;
    }



    .articles_page .main_article .info{
        padding: 25px 30px 30px;
    }


    .articles_page .list.articles_list .block_title{
        font-size: 24px;
    }



    .cart_info table thead{
        display: none;
    }

    .cart_info table tr{
        position: relative;

        display: block;
        overflow: hidden;

        width: 100%;

        padding-bottom: 20px;

        border-bottom: 1px solid #e4e4e4;
    }

    .cart_info table tr + tr{
        padding-top: 20px;
    }

    .cart_info table td{
        display: block;
        float: left;

        padding: 0;

        border: none;
    }

    .cart_info table td.image{
        width: 103px;

        margin-bottom: 15px;
        padding-right: 20px;
    }

    .cart_info table td.name{
        width: calc(100% - 138px);

        margin-bottom: 15px;
    }

    .cart_info table td.delete{
        position: absolute;
        top: -2px;
        right: -5px;
    }

    .cart_info table td.name + td.price{
        clear: both;
    }

    .cart_info table td.price,
    .cart_info table td.amount,
    .cart_info table td.nds{
        position: relative;

        width: 25%;

        padding-top: 20px;

        text-align: center;
    }

    .cart_info table td.price:before,
    .cart_info table td.amount:before,
    .cart_info table td.nds:before{
        position: absolute;
        top: 0;
        left: 0;

        display: block;

        width: 100%;

        color: #000;
        font: 12px Ubuntu;

        opacity: .4;

        content: attr(data-column);
        text-align: center;
    }


    .cart_info .cart_total{
        padding: 20px 0;
    }

    .cart_info .cart_total,
    .cart_info .cart_total .price{
        font-size: 26px;
        line-height: 36px;
    }


    .cart_info .cart_links{
        padding-top: 15px;
        padding-bottom: 0;
    }



    .checkout_info{
        padding-top: 40px;
    }

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


    .checkout_info .form .data{
        margin-bottom: 24px;
        padding: 25px 30px 13px;
    }



    .catalog_wall .item_wrap{
        width: 50%;
    }


    .sorting .views{
        display: none;
    }


    .sorting .filter{
        width: calc(100% + 15px);

        margin-top: 15px;
        margin-left: -15px;
    }

    .sorting .filter .item{
        display: block;
        float: left;

        width: calc(50% - 15px);

        margin-left: 15px;
    }

    .sorting .filter .item + .item{
        margin-left: 15px;
    }


    .sorting .sort select,
    .sorting .sort .sbHolder{
        width: 167px;
    }


    .content .products .item_wrap{
        width: 50%;
    }



    .products .list .product .thumb{
        width: 100%;

        border-bottom: 1px solid #e3e3e3;
    }

    .products .list .product .thumb a{
        position: relative;

        height: 200px;

        line-height: 200px;
    }

    .products .list .product .info{
        width: calc(100% - 270px);

        margin: 0 20px;
    }



    .contacts_form .block_title{
        font-size: 24px;
    }

    .contacts_form .form .col.left,
    .contacts_form .form .col.right{
        width: 100%;
    }


    .feedback .block_title{
        font-size: 25px;
        line-height: 29px;
    }


    .products .item_wrap{
        width: 50%;
    }


    .lk_history table{
        border-top: 1px solid #e4e4e4;
    }

    .lk_history table thead{
        display: none;
    }

    .lk_history table tr{
        position: relative;

        display: block;
        overflow: hidden;

        width: 100%;

        padding: 20px 0;

        border-bottom: 1px solid #e4e4e4;
    }

    .lk_history table tr + tr{
        padding-top: 20px;
    }

    .lk_history table td{
        display: block;
        float: left;

        padding: 0;

        border: none;
    }

    .lk_history table td.number,
    .lk_history table td.date{
        position: relative;

        width: 50%;

        margin-bottom: 15px;
        padding-top: 20px;
    }

    .lk_history table td.info{
        position: relative;

        width: 50%;

        padding-top: 20px;
    }

    .lk_history table td.number:before,
    .lk_history table td.date:before,
    .lk_history table td.info:before{
        position: absolute;
        top: 0;
        left: 0;

        display: block;

        width: 100%;

        color: #000;
        font: 12px Ubuntu;

        opacity: .4;

        content: attr(data-column);
    }


    .lk_history table td.price{
        position: relative;

        width: 50%;

        padding-top: 20px;

        text-align: center;
    }

    .lk_history table td.price:before{
        position: absolute;
        top: 0;
        left: 0;

        display: block;

        width: 100%;

        color: #000;
        font: 12px Ubuntu;

        opacity: .4;

        content: attr(data-column);
        text-align: center;
    }


    .lk_content .block_title{
        font-size: 22px;
    }


    .lk_personal .form .col.left,
    .lk_personal .form .col.right{
        width: 100%;
    }

    .lk_personal .form .col.left .name.left,
    .lk_personal .form .col.right .name.left{
        width: 150px;
    }

    .lk_personal .form .col.left .field.right,
    .lk_personal .form .col.right .field.right{
        width: calc(100% - 150px);
    }


    .lk_personal .form .submit{
        padding-top: 11px;
        padding-left: 150px;
    }


    .lk_requisite .form .data{
        padding: 30px;
    }


    .lk_content .cart_info table td.image{
        width: 103px;

        margin-bottom: 15px;
        padding-right: 20px;
    }



    .product_info .box{
        margin-bottom: 30px;
        padding: 20px;
    }

    .product_info .data .desc,
    .product_info .data .features{
        width: 100%;

        margin-bottom: 20px;
        padding: 0;
    }

    .product_info .data .buy{
        padding: 15px;
    }

    .product_info .data .buy .buy_link,
    .product_info .data .buy .quike_buy_link{
        padding: 0 10px;

        font-size: 12px;
    }


    .product_info .data .noty{
        margin-top: 15px;
        padding: 15px;
    }


    .product_info .tabs li a{
        font-size: 15px;
    }

    .cat_info .mob_sub_cats_link
    {
        display: block;
    }

    .cat_info .sub_cats
    {
        display: none;

        padding-top: 15px;
    }

    .cat_info .sub_cats a
    {
		
		padding-top: 4px;
		
        width: calc(100% - 8px);

        margin-bottom: 8px;

        text-align: center;
        
        height: 49px;
        
        line-height: inherit;
    }


    /*---------------
        Footer
    ---------------*/
    footer{
        padding: 30px 0;
    }


    footer .cont{
        text-align: center;

        justify-content: center;
    }


    footer .col.contacts{
        display: none;
    }


    footer .info .logo img{
        margin: 0 auto;
    }


    footer .info .phone,
    footer .info .email,
    footer .info .time{
        display: inline-block;
        vertical-align: top;
    }



    /*---------------
        PopUp
    ---------------*/
}