@media (max-width: 479px){
    /*---------------
        Main styles
    ---------------*/
    .block_title{
        margin-bottom: 35px;

        font-size: 22px;
    }



    /*---------------
        Header
    ---------------*/
    header .top .phone{
        padding: 0;

        background: none;
    }


    header .logo{
        width: 100%;

        margin-bottom: 10px;
    }

    header .logo a,
    header .logo img{
        margin: 0 auto;
    }


    header .catalog{
        margin-left: 0;
    }


    #catalog_modal .tab_content ul{
                column-count: 1;
        -webkit-column-count: 1;
           -moz-column-count: 1;
        -webkit-column-gap: 0;
           -moz-column-gap: 0;
                column-gap: 0;
    }


    header .top .contacts .callback_link{
        padding: 0 15px;

        font-size: 11px;
    }


    header .menu{
        top: 100px;
    }


    #search_modal{
        top: 100px;
    }

    #search_modal .input{
        font-size: 18px;
    }



    /*---------------
        Sidebar
    ---------------*/
    aside .cats_wall.mini .item{
        padding: 0;
    }

    aside .cats_wall.mini .item .icon{
        display: table-cell;
        vertical-align: middle;

        width: 90px;
        height: 60px;

        margin-left: 0;

        line-break: normal;
    }

    aside .cats_wall.mini .item .icon img{
        display: block;

        max-width: 60%;
        max-height: 60%;

        margin: 0 auto;
    }

    aside .cats_wall.mini .item .name{
        display: table-cell;

        width: auto;
        height: 60px;

        text-align: left;
    }



    aside .lk_menu li a .icon{
        width: 53px;
    }



    /*---------------
        Main section
    ---------------*/
    .first_section{
        margin-top: -111px;
        padding-top: 111px;
    }

    .first_section .info{
        height: 341px;
    }

    .first_section .title{
        font-size: 26px;
        line-height: 30px;
    }



    .cats_wall{
        margin-bottom: 30px;
    }

    .cats_wall .item{
        padding: 20px 5px;

        font-size: 12px;
    }


    .products .slider,
    .clients .slider{
        margin-bottom: 40px;
        padding-bottom: 40px;
    }



    .slider .owl-dot{
        width: 10px;
        height: 10px;

        margin: 0 2px;
    }

    .slider .owl-dots{
        white-space: nowrap;
    }



    .articles_block .list_wrap,
    .articles_block .list_wrap:nth-child(2){
        width: 100%;

        margin-bottom: 30px;
    }

    .articles_block .list_wrap + .list_wrap .list{
        padding: 0;

        border: none;
    }


    .articles_block .banner{
        position: relative;

        display: flex;
        overflow: hidden;

        width: 100%;
        height: 143px;

        padding: 15px;

        color: #fff;

        background-color: #0e59d6;
        background-repeat: no-repeat;
        background-position: 100% 50%;
        background-size: auto 100%;

        text-decoration: none;

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

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

        font: 700 32px/40px Ubuntu;
    }

    .articles_block .banner .title b{
        display: block;

        font-size: 55px;

        text-transform: uppercase;
    }

    .articles_block .banner .desc{
        font: 700 15px Ubuntu;
    }

    .articles_block .banner .details{
        display: inline-block;
        vertical-align: top;

        min-width: 110px;
        height: 26px;

        margin-top: 15px;
        padding: 0 13px;

        color: #0e59d6;
        font: 700 8px/28px Ubuntu;

        border-radius: 2px;
        background: #fff;

        text-align: center;
        text-transform: uppercase;
        letter-spacing: .05em;
        transition: .2s linear;
    }

    .articles_block .banner .details:hover{
        color: #fff;

        background: #dc1212;
    }



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

        margin-bottom: 20px;
    }

    #login_modal .form .submit_btn,
    .form .submit_btn{
        width: 100%;
    }


    .cats_wall.mini .item{
        padding: 20px 10px;
    }

    .cats_wall.mini .item .icon{
        display: block;

        width: 100%;
        height: 66px;

        margin-bottom: 10px;

        line-height: 66px;

        text-align: center;
    }

    .cats_wall.mini .item .icon img{
        position: relative;
        top: -1px;

        display: inline-block;
        vertical-align: middle;

        max-width: 80%;
        max-height: 80%;
    }

    .cats_wall.mini .item .name{
        display: block;

        width: 100%;
        height: auto;

        padding: 0;

        text-align: center;
    }



    .about_page .advantages ol li .info{
        padding-left: 58px;
    }

    .about_page .advantages ol li .info:before{
        width: 43px;
        height: 43px;

        font-size: 22px;
        line-height: 39px;
    }

    .about_page .advantages ol li .name{
        font-size: 18px;
    }



    .catalog_wall .item_wrap{
        width: 100%;
    }


    .cat_info{
        margin-bottom: 15px;
        padding-bottom: 7px;
    }

    .cat_info .sub_cats a{
        margin-bottom: 8px;

        font-size: 14px;
    }


    .sorting{
        margin-bottom: 1px;
    }

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

        margin-bottom: 15px;
    }



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


    .pagination a,
    .pagination .sep{
        margin: 0 4px;
    }


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

        margin: 0;
        padding: 20px;
    }


    .products .list .product .right_col{
        width: 100%;
        min-height: 0;

        border: none;
        border-top: 1px solid #e3e3e3;
    }

    .products .list .product .right_col .absolute{
        position: relative;
    }



    .contacts_info .phone{
        width: 100%;
    }

    .contacts_info .phone + .phone{
        margin-top: 15px;
        margin-left: 0;
        padding-top: 15px;
        padding-left: 0;

        border: none;
        border-top: 1px dotted #000;
    }


    .contacts_info .noty{
        padding: 13px 17px;
    }


    .contacts_form .block_title{
        margin-bottom: 30px;

        font-size: 22px;
    }



    .feedback{
        padding: 30px 20px;
    }

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

    .feedback .block_desc{
        margin-bottom: 20px;

        font-size: 14px;
    }



    .products .item_wrap{
        width: 100%;
    }



    .lk_content .user{
        position: relative;
        top: 0;
        left: 0;

        margin-bottom: 20px;

        text-align: left;
    }

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

    .lk_content .user + .block_title{
        margin-bottom: 25px;
    }


    .lk_history table td.info{
        width: 100%;

        margin-bottom: 15px;

        text-align: center;
    }


    .lk_history table td.price{
        width: 100%;
    }



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

        margin-bottom: 7px;
    }

    .lk_personal .form .col.left .name.left span,
    .lk_personal .form .col.right .name.left span{
        display: block;

        height: auto;
    }

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


    .lk_personal .form .submit{
        padding-left: 0;
    }


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

    .lk_requisite .form .data .name.left{
        width: 100%;

        margin-bottom: 7px;
    }

    .lk_requisite .form .data .name.left span{
        display: block;

        height: auto;
    }

    .lk_requisite .form .data .field.right{
        width: 100%;
    }



    .cart_info table td.price,
    .cart_info table td.amount,
    .cart_info table td.nds{
        width: 50%;
    }

    .cart_info table td.nds{
        clear: both;

        margin-top: 15px;
    }

    .cart_info table td.nds + td.price{
        margin-top: 15px;
    }


    .cart_info .cart_links a{
        height: auto;

        margin-bottom: 15px;

        line-height: normal;
    }

    .cart_info .cart_links a.checkout_link{
        width: 100%;

        margin: 0;

        text-align: center;
    }



    .checkout_info .form .data{
        padding: 20px;
    }

    .checkout_info .form .data .name.left{
        width: 100%;

        margin-bottom: 7px;
    }

    .checkout_info .form .data .name.left span{
        display: block;

        height: auto;
    }

    .checkout_info .form .data .field.right{
        width: 100%;
    }



    .form .name.left{
        width: 100%;

        margin-bottom: 7px;
    }

    .form .name.left span{
        display: block;

        height: auto;
    }

    .form .field.right{
        width: 100%;
    }



    .product_info .box{
        padding: 15px;
    }

    .product_info .images .big .slide{
        height: 258px;

        line-height: 258px;
    }

    .product_info .images .thumbs a{
        height: 57px;

        line-height: 54px;
    }


    .product_info .data .buy .amount{
        width: 100%;
    }

    .product_info .data .buy .buy_link,
    .product_info .data .buy .quike_buy_link{
        width: 100%;

        margin-top: 10px;
        margin-left: 0;
        padding: 0 20px;

        font-size: 14px;

        text-align: center;
    }


    .product_info .data .noty .title{
        width: 100%;

        margin-bottom: 13px;
    }


    .product_info .tabs li{
        width: 100%;

        margin-bottom: 10px;

        text-align: center;
    }

    .product_info .tabs li + li{
        margin-left: 0;
    }



    /*---------------
        Footer
    ---------------*/



    /*---------------
        PopUp
    ---------------*/
    .modal,
    #login_modal,
    #register_modal{
        padding: 25px;
    }


    .modal_title{
        font-size: 20px;
    }


    #buy_modal .links{
        padding-top: 0;
    }

    #buy_modal .links a.checkout_link{
        width: 100%;
    }
}