@media (max-width: 767px)
{
    /*---------------
	    Main styles
	---------------*/
    .block_title,
    .page_title
    {
        font-size: 36px;
        line-height: 38px;

        margin-bottom: 30px;
    }



    /*---------------
		Header
	---------------*/
    header .mob_menu_link
    {
        display: block;
    }

    header .menu
    {
        position: absolute;
        z-index: 100;
        top: 40px;
        left: 0;

        display: none;

        width: 100%;
        margin: 0;
        padding: 15px;

        background: #494949;
    }

    header .menu a
    {
        width: 100%;

        text-align: center;
    }


    header .info
    {
        padding: 15px 0;
    }

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


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


    header .info .hourse24,
    header .info .adres
    {
        width: calc(50% - 7px);
    }

    header .info .hourse24 br,
    header .info .adres br
    {
        display: none;
    }



    /*---------------
		Sidebar
	---------------*/



    /*---------------
		Main section
	---------------*/
    .main_slider .slide .img
    {
        display: none;
    }

    .main_slider .slide .info
    {
        width: 100%;
        padding: 40px;

        text-align: center;

        justify-content: center;
    }

    .main_slider .slide .title
    {
        font-size: 20px;
        line-height: 26px;
    }

    .main_slider .slide .title span
    {
        font-size: 38px;
        line-height: 40px;
    }

    .main_slider .slide .desc
    {
        font-size: 20px;

        margin-bottom: 30px;
    }



    .cats_wall .item
    {
        font-size: 18px;

        width: 33.333%;
    }

    .cats_wall .item .icon
    {
        margin-bottom: 35px;
    }

    .cats_wall .item .icon:after
    {
        bottom: -25px;
    }



    .popular_cats .links a
    {
        font-size: 17px;

        margin: 0 5px 15px;
        padding: 11px 20px 9px;
    }



    .bg_block
    {
        margin-top: 105px;
    }



    .advantages .item
    {
        width: 50%;
    }



    .video_block,
    .about_block
    {
        width: 100%;
        margin-bottom: 30px;
    }



    .articles .grid .item
    {
        width: calc(100% - 30px);
        margin-left: 30px;
    }


    .articles.list
    {
        margin: 0;
    }

    .articles.list .item .thumb
    {
        margin-bottom: 15px;
    }

    .articles.list .item .info
    {
        width: 100%;
    }



    .cart_info table thead
    {
        display: none;
    }

    .cart_info table tr
    {
        position: relative;

        display: inline-block;

        width: 100%;

        vertical-align: top;

        border-bottom: 1px solid #c6c6c6;
    }

    .cart_info table td
    {
        position: relative;

        display: block;
        float: left;

        width: 100%;
        padding: 20px;

        border: none;
    }

    .cart_info table td.name
    {
        width: calc(100% - 95px);
        padding-right: 64px;
    }

    .cart_info table td.amount,
    .cart_info table td.price
    {
        width: calc((100% - 95px)/2);
        padding-top: 20px !important;
    }

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

        width: 44px;
        padding: 0;

        border: none;
    }

    .cart_info table td.delete a
    {
        display: block;

        width: 44px;
        height: 44px;
        padding: 0;

        background-position: 50% 50%;
    }

    .cart_info table td.delete a span
    {
        display: none;
    }

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

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

        display: block;

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

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

        opacity: .6;
    }



    .checkout .block_title
    {
        font-size: 36px;
        line-height: 38px;

        margin-bottom: 30px;
    }

    .checkout .form .col,
    .checkout .form .col.big
    {
        width: calc(100% - 40px);
    }

    .checkout .form .title
    {
        margin-bottom: 15px;
    }

    .checkout .form .col.big
    {
        padding-top: 15px;
    }



    .products .slide .product
    {
        text-align: center;
    }

    .products .grid .product
    {
        width: calc(50% - 15px);
        padding: 20px;

        text-align: center;
    }

    .products .product .price
    {
        line-height: normal;

        width: 100%;
        height: auto;
        margin-bottom: 15px;

        text-align: center;
    }

    .products .product .buy_link,
    .products .slide .product .buy_link
    {
        width: 100%;
    }


    .products .product .amount label
    {
        font-size: 17px;
        line-height: 20px;

        text-align: left;
    }

    .products .product .amount label:before
    {
        top: 1px;
    }


    .products.related .grid .product
    {
        width: calc(33.333% - 15px);
        margin-bottom: 15px;
    }



    .contacts_info .info
    {
        font-size: 18px;

        width: 100%;
        margin-bottom: 40px;
    }

    .contacts_info .feedback
    {
        width: 100%;
    }



    .text_block h2
    {
        line-height: 22px;
    }



    .holiday .name
    {
        font-size: 32px;
        line-height: 34px;
    }

    .holiday .desc
    {
        line-height: 24px;
    }



    .portfolio .grid
    {
        margin-left: 0;
        padding-bottom: 25px;
    }

    .portfolio .grid .item
    {
        width: 100%;
        margin-bottom: 15px;
        margin-left: 0;
    }



    .product_info .images
    {
        float: none;

        margin: 0 auto 20px;
    }

    .product_info .data,
    .product_info .articul
    {
        float: none;

        width: 100%;
        max-width: 100%;

        text-align: center;
    }



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

    footer .cont
    {
        text-align: center;

        justify-content: center;
    }


    footer .col.left
    {
        width: 100%;
        margin-bottom: 30px;
    }

    footer .logo img
    {
        margin: 0 auto;
    }


    footer .socials
    {
        position: relative;
        left: 0;

        width: 100%;
        margin-bottom: 30px;

        transform: none;
    }


    footer .contacts
    {
        width: 100%;
        margin-top: 0;

        text-align: center;
    }



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