@media (max-width: 479px)
{
    /*---------------
        Main styles
    ---------------*/
    .cont
    {
        padding: 0 15px;
    }

    .text_block blockquote
    {
        font-size: 16px;
        line-height: 24px;

        padding: 20px 0 20px 50px;
    }

    .text_block blockquote br
    {
        display: none;
    }

    .text_block blockquote:before
    {
        top: 25px;

        width: 40px;
        height: 40px;
    }

    .text_block blockquote:after
    {
        top: 30px;

        width: 30px;
        height: 30px;
    }

    .text_block q
    {
        font-size: 16px;
        line-height: 24px;

        padding: 20px 0;
    }

    .text_block q br
    {
        display: none;
    }

    .text_block ul > li
    {
        padding-left: 20px;
    }

    .breadcrumbs
    {
        padding: 0;

        border-bottom: none;
    }

    .breadcrumbs .cont
    {
        display: none;
    }


    /*---------------
        Header
    ---------------*/
    .mob_header .logo
    {
        width: 110px;
    }

    .mob_header .phone
    {
        font-size: 18px;
    }



    /*---------------
        Sidebar
    ---------------*/



    /*---------------
        Main section
    ---------------*/
    .main_slider .slide .cont
    {
        height: 380px;
    }

    .main_slider .slide .name
    {
        font-size: 30px;
    }

    .main_slider .slide .desc
    {
        font-size: 20px;
    }


    .collections .collection
    {
        width: calc(50% - 10px);
    }


    .products .grid
    {
        --products_count: 2;
    }

    .products .grid .product
    {
        width: calc(50% - 10px);
    }


    .more_all a
    {
        font-size: 13px;

        padding: 0 15px;
    }


    .nearest_store .link a
    {
        font-size: 13px;

        padding: 0 15px 0 40px;
    }

    .nearest_store .link a:before
    {
        left: 8px;
    }


    .section_form .title
    {
        font-size: 20px;
    }


    .form .cols .col
    {
        width: 100%;
    }




    .product_info .images .thumbs
    {
        display: none;
    }

    .product_info .images .big
    {
        width: 100%;
    }

    .product_info .images .big .slider
    {
        padding-bottom: 30px;
    }

    .product_info .images .big .slide
    {
        height: 250px;
    }


    .product_info .title{
        font-size: 16px;
    }

    .features .feature_name
    {
        padding-right: 10px;
    }

    .features .feature_name:before
    {
        width: calc(100% - 4px);
    }

    .product_info .get_offer
    {
        font-size: 14px;

        width: 100%;
    }

    .product_info .find_salon
    {
        font-size: 14px;

        width: 100%;
        margin-top: 14px;
    }
    /*---------------
        Footer
    ---------------*/
    footer .subscribe .input
    {
        width: calc(100% - 110px);
    }

    footer .subscribe .submit_btn
    {
        width: 110px;
    }

    footer .title
    {
        font-size: 13px;

        letter-spacing: 0;
    }


    /*---------------
        PopUp
    ---------------*/
    .modal
    {
        padding-right: 12px;
        padding-left: 12px;
    }

    .title_modal
    {
        font-size: 28px;
    }

    .modal .checkbox input[type=checkbox] + label
    {
        font-size: 12px;
    }

}
