@media (max-width: 767px)
{
    /*---------------
        Main styles
    ---------------*/
    .block_title
    {
        font-size: 26px;
        line-height: 30px;

        margin-bottom: 30px;
    }


    .page_title
    {
        font-size: 26px;
        line-height: 30px;

        margin-bottom: 20px;
    }


    .block_desc
    {
        font-size: 18px;
        line-height: 22px;

        margin-top: -20px;
    }


    .breadcrumbs
    {
        display: none;
    }



    /*---------------
        Header
    ---------------*/
    header .logo
    {
        width: 100%;
        margin-bottom: 15px;
    }

    header .logo div
    {
        display: none;
    }


    header .info,
    header .col.right
    {
        width: 100%;
    }

    header .catalog
    {
        width: 100%;
    }

    #catalog_modal .col
    {
        width: calc(100% - 40px);
    }

    #catalog_modal .item + .item,
    #catalog_modal .col + .col
    {
        margin-top: 25px;
    }


    header .mob_menu_link
    {
        display: block;
    }

    header .bottom .cont
    {
        position: static;
    }

    header .menu
    {
        position: absolute;
        z-index: 999;
        top: 0;
        left: 0;

        display: none;

        padding: 55px 15px 15px;

        background: #fff;
        box-shadow: 0 0 10px rgba(0,0,0,.2);
    }

    header .menu a
    {
        line-height: 52px;

        width: 100%;

        text-align: center;
    }



    /*---------------
        Sidebar
    ---------------*/
    aside
    {
        margin-bottom: 30px;
    }


    aside .filter .tooltip1 .text
    {
        width: 295px;
    }



    /*---------------
        Main section
    ---------------*/
    .articles .grid
    {
        margin-bottom: -30px;
        margin-left: -15px;
    }

    .articles .item
    {
        width: calc(50% - 15px);
        margin-bottom: 30px;
        margin-left: 15px;
    }

    .articles .item:nth-child(3)
    {
        display: none;
    }

    .articles .item .name a
    {
        font-size: 16px;
        line-height: 20px;
    }

    .articles .item .tags .sep
    {
        margin: 0 6px;
    }



    .products .grid,
    .content .products .grid
    {
        margin-left: -20px;
    }

    .products .grid .product,
    .content .products .grid .product
    {
        width: calc(50% - 20px);
        margin-bottom: 30px;
        margin-left: 20px;
    }

    .products .owl-carousel .owl-nav
    {
        top: -52px;
    }

    .products .block_title
    {
        padding: 0 40px;
    }



    .banner a
    {
        padding-left: 130px;
    }

    .banner a .title
    {
        font-size: 20px;
        line-height: 24px;
    }



    .text_block h1,
    .text_block .title
    {
        font-size: 26px;
        line-height: 30px;
    }

    .text_block * + h2
    {
        margin-top: 30px;
    }

    .text_block table
    {
        width: 750px;
    }

    .text_block .grid .col
    {
        width: calc(100% - 45px);
        margin-bottom: 10px;
    }

    .text_block .message
    {
        font-size: 14px;
        line-height: 18px;
    }



    .cart_info table thead
    {
        display: none;
    }

    .cart_info table tbody tr
    {
        position: relative;

        display: flex;

        width: 100%;

        border-bottom: 1px solid #d8d8d8;

        justify-content: space-between;
        align-items: center;
        align-content: center;
        flex-wrap: wrap;
    }

    .cart_info table tbody td
    {
        position: relative;

        display: flex;

        min-height: 84px;
        padding: 20px 15px;

        text-align: left;

        border: none;

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

    .cart_info table tr + tr td
    {
        border: none;
    }

    .cart_info table td.image
    {
        width: 130px;
        padding-left: 15px;
    }

    .cart_info table td.info
    {
        width: calc(100% - 130px);
        padding-right: 50px;
    }

    .cart_info table td.info .version
    {
        width: 100%;
        margin-top: 15px;
    }

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

    .cart_info table td.price,
    .cart_info table td.discount
    {
        width: calc((100% - 132px)/3);
        padding-top: 20px;
    }

    .cart_info table td.price .old
    {
        width: 100%;
    }

    .cart_info table td.amount
    {
        width: 132px;
        padding-top: 20px;
    }

    .cart_info table td:before
    {
        color: #000;
        font: 12px/14px Ubuntu;

        position: absolute;
        top: 0;
        left: 0;

        display: block;

        width: 100%;
        height: 20px;
        padding: 0 15px;

        content: attr(data-column);
        text-align: left;
        letter-spacing: 0;
        text-transform: none;

        opacity: .4;
    }

    .cart_info table td.delete
    {
        position: absolute;
        top: 10px;
        right: 0;

        width: 44px;
        height: 44px;
        min-height: 44px;
        padding: 0;
    }



    .cart_info .bottom .links
    {
        width: 100%;

        text-align: center;
    }

    .cart_info .bottom .cart_total
    {
        width: 100%;

        text-align: center;
    }

    .cart_info .bottom .checkout_link
    {
        display: none;
    }



    .checkout .step
    {
        width: 100%;
    }

    .checkout .step + .step
    {
        margin-top: 40px;
    }

    .checkout .step + .step:before
    {
        display: none;
    }



    .sorting .item
    {
        width: 100%;
    }

    .sorting .item.limit
    {
        margin-top: 15px;
    }



    .lk .personal .personal_info .item
    {
        width: calc(50% - 45px);
        margin-bottom: 20px;
    }

    .lk .personal .links
    {
        margin-top: 0;
    }


    .lk_history .number_col,
    .lk_history .date_col,
    .lk_history .status_col,
    .lk_history .price_col
    {
        width: 50%;
    }

    .lk_history .status_col,
    .lk_history .price_col
    {
        padding-top: 0;
    }



    .product_info .images .big .slide a
    {
        height: 515px;
        padding: 30px 30px 65px;
    }


    .product_info .data .buy .version .name
    {
        width: 95px;
    }

    .product_info .data .buy .version .amount
    {
        width: 92px;
        margin-left: 10px;
    }

    .product_info .data .buy .version .buy_link
    {
        width: 150px;
        margin-left: 10px;
    }

    .product_info .data .buy .version .price
    {
        width: auto;
    }



    .consult_block
    {
        margin-bottom: 40px;
    }

    .consult_block .form
    {
        padding: 30px 40px;
    }



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

    footer .col.left
    {
        width: 100%;

        text-align: center;
    }

    footer .logo img
    {
        margin: 0 auto;
    }

    footer .copyright
    {
        margin-top: 15px;
    }


    footer .contacts,
    footer .col.right
    {
        width: 100%;
        margin-top: 20px;
    }



    /*---------------
        PopUp
    ---------------*/
    #success_cart .version .buy_link
    {
        width: 145px;
    }
}