@media (max-width: 413px)
{
    /*---------------
        Main styles
    ---------------*/
    :root
    {
        --font_size_title: 25px;
    }



    .block_head .title
    {
        line-height: 31px;
    }



    .text_block h1,
    .text_block > .title
    {
        font-size: 22px;
        line-height: 26px;
    }

    .text_block h2
    {
        font-size: 20px;
        line-height: 24px;
    }


    .text_block .space
    {
        margin: 20px 0;
    }


    .text_block .video_link:after
    {
        width: 57px;
        height: 57px;
        margin: -29px 0 0 -29px;

        background: url(../images/bg_video_play.png) 0 0/100% 100% no-repeat,
        url(../images/ic_video_play.png) calc(50% + 3px) 50%/auto 21px no-repeat rgba(255,255,255,.67);
    }



    .page_title
    {
        font-size: 25px;
        line-height: 27px;
    }



    .form .columns > *.width1of4,
    .form .columns > *.width2of4,
    .form .columns > *.width3of4
    {
        width: calc(100% - var(--columns_offset));
    }

    .form .line.flex .label
    {
        font-size: var(--font_size);
        font-weight: 600;
        line-height: 18px;

        width: 100%;
        min-height: 0;
        margin-bottom: 7px;
        padding-left: 0;

        letter-spacing: .025em;
    }

    .form .line.flex .field
    {
        width: 100%;
    }



    .sorting .item .name
    {
        margin-bottom: 7px;
        padding: 0;
    }

    .sorting .form .nice-select
    {
        width: 100%;
    }



    .pagination .prev,
    .pagination .next
    {
        display: none;
    }



    /*---------------
        Header
    ---------------*/
    header .info
    {
        padding: 5px 0;
        padding-top: 0;
    }


    header .logo a,
    header .logo img
    {
        width: 80px;
    }


    header .col_left
    {
        padding-top: 7px;
    }

    header .col_left,
    header .col_right
    {
        width: 100%;
    }

    /*---------------
        Sidebar
    ---------------*/
    aside .products .product
    {
        text-align: center;
    }

    aside .products .product .thumb
    {
        padding-bottom: 55%;
    }



    /*---------------
        Main section
    ---------------*/
    .main_slider .slide .info
    {
        width: 125px;
    }

    .main_slider .slide .img
    {
        width: calc(100% - 125px);
    }



    .products .product
    {
        padding-bottom: 12px;
    }

    .products .product .stickers
    {
        top: 0;
    }

    .products .product .cat
    {
        font-size: 12px;
        line-height: 20px;
    }

    .products .product .name
    {
        font-size: 13px;
        line-height: 19px;
    }

    .products .product .price
    {
        font-size: 16px;
        line-height: 20px;
    }

    .products .product .price .val
    {
        font-size: 16px;
        line-height: 22px;
    }

    .products .product .price .old
    {
        font-size: 14px;
    }



    .articles .item
    {
        font-size: 14px;
    }



    .cart_info .item .thumb
    {
        position: relative;
        top: 0;
        left: 0;

        width: 100%;
        padding: 15px 20px 0;
    }

    .cart_info .item .thumb img
    {
        height: 125px;
    }

    .cart_info .item .name
    {
        min-height: 0;
        margin-bottom: 15px;
        padding-left: 0;
    }

    .cart_info .item .price.total
    {
        font-size: 22px;

        width: 122px;
        margin-top: 10px;
        margin-left: auto;
    }



    .cart_info .block_title
    {
        font-size: 20px;
        line-height: 24px;
    }


    .cart_info .item .name
    {
        width: 100%;
        padding: 0;

        text-align: center;
    }


    .cart_info .cart_total
    {
        font-size: 16px;
        line-height: 22px;
    }

    .cart_info .cart_total b
    {
        font-size: 22px;
    }

    .cart_info .cart_total .currency
    {
        line-height: 18px;

        height: 22px;
    }



    .checkout .data .block .block_title
    {
        font-size: 20px;
        line-height: 22px;
    }



    .products .block_title
    {
        font-size: 26px;
        line-height: 28px;

        margin-bottom: 100px;
    }

    .products .block_title.with_slider
    {
        width: 100%;

        text-align: center;
    }

    .products .owl-carousel .owl-nav
    {
        right: 50%;

        margin-right: -61px;
    }



    .product_info .images .big
    {
        padding: 15px;
    }

    .product_info .images .owl-carousel .owl-nav button.owl-prev
    {
        left: -25px;
    }

    .product_info .images .owl-carousel .owl-nav button.owl-next
    {
        right: -25px;
    }


    .product_info .data .price
    {
        font-size: 20px;
        line-height: 26px;
    }

    .product_info .data .price b
    {
        font-size: 26px;
    }

    .product_info .data .price .old
    {
        font-size: 16px;
        line-height: 18px;
    }



    .tabs
    {
        width: calc(100% + 32px);
        max-width: calc(100% + 32px);
        margin-right: -16px;
        margin-left: -16px;
    }



    /*---------------
        Footer
    ---------------*/
    footer .contacts
    {
        font-size: 13px;
        line-height: 16px;
    }

    footer .contacts .phones > * + *
    {
        margin-left: auto;
    }

    footer .contacts .phones .number
    {
        font-size: 15px;
    }


    footer .creator
    {
        width: 100%;
        margin-top: 15px;
    }



    /*---------------
        PopUp
    ---------------*/
    .modal_title
    {
        font-size: 25px;
        line-height: 25px;

        padding-bottom: 40px;
    }


    #success_cart_modal .modal_data
    {
        padding: 26px;
    }

    .modal .product .name
    {
        font-size: 20px;
        line-height: 25px;
    }

    .modal .product .thumb
    {
        height: 170px;
    }


    .modal .links
    {
        margin-top: 15px;
    }


    #office_modal img
    {
        margin-bottom: 10px;
    }

    #office_modal .adres
    {
        line-height: 22px;
    }


    .fancybox-slide--html .fancybox-close-small
    {
        top: 14px;
    }
}
