@media print, (max-width: 767px)
{
    /*-------------------
        Global styles
    -------------------*/
    :root
    {
        --font_size_title: 26px;
    }



    .swiper-button-next
    {
        right: -10px;
    }

    .swiper-button-prev
    {
        left: -10px;
    }



    /*--------------
        ButtonUp
    --------------*/
    .buttonUp
    {
        right: 12px;
        bottom: 12px;
    }



    /*----------
        Tabs
    ----------*/
    .tabs .btn
    {
        font-size: 14px;
    }



    /*---------------------
        Responsive menu
    ---------------------*/
    .responsive_menu > * + *
    {
        margin-left: 24px;
    }



    /*----------------
        Pagination
    ----------------*/
    .pagination a,
    .pagination .sep
    {
        font-size: 16px;
        line-height: 20px;

        width: 36px;
        height: 36px;
        margin: 0 2px;
    }



    /*------------
        Header
    ------------*/
    .mob_header .messengers
    {
        display: flex;
    }


    .mob_header .contacts
    {
        display: none;
    }



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



    /*---------------
        Page head
    ---------------*/
    .breadcrumbs
    {
        font-size: 10px;
        line-height: 16px;
    }



    /*----------------
        Block head
    ----------------*/



    /*-----------------
        Block title
    -----------------*/
    .block_title
    {
        font-size: 25px;
        line-height: 31px;

        margin-bottom: 20px;
    }



    /*------------------
        Form elements
    ------------------*/
    .form .cols
    {
        margin: 0;
    }

    .form .cols .col
    {
        width: 100%;
        margin-left: 0;
    }



    /*----------------
        Typography
    ----------------*/
    .text_block h1
    {
        font-size: 24px;
        line-height: 30px;
    }

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

    .text_block h3
    {
        font-size: 20px;
        line-height: 26px;
    }

    .text_block h4
    {
        font-size: 19px;
        line-height: 25px;
    }


    .text_block blockquote,
    .text_block q
    {
        font-size: 15px;
        line-height: 23px;
    }


    .text_block table td
    {
        padding: 8px 16px;
    }



    /*-----------------
        Main slider
    -----------------*/
    .main_slider
    {
        width: calc(100% + 48px);
        margin-right: -24px;
        margin-left: -24px;
    }

    .main_slider .swiper-container
    {
        padding-bottom: 24px;
    }



    /*----------------
        Advantages
    ----------------*/
    .advantages .row
    {
        margin-bottom: -12px;
        margin-left: 0;
        padding-top: 0;
    }

    .advantages .row > *
    {
        width: 100%;
        margin-bottom: 12px;
        margin-left: 0;
    }


    .advantages .item
    {
        position: relative;

        display: flex;

        min-height: 64px;
        padding-left: 88px;

        text-align: left;

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

    .advantages .item .icon
    {
        position: absolute;
        top: 0;
        left: 0;

        width: 64px;
        height: 64px;
        margin: 0;
    }

    .advantages .item .name,
    .advantages .item .desc
    {
        width: 100%;
    }

    .advantages .item .desc
    {
        margin-top: 4px;
    }

    .advantages .item .name br,
    .advantages .item .desc br
    {
        display: none;
    }



    /*---------------
        Cart info
    ---------------*/
    .cart_info .titles
    {
        display: none;
    }


    .cart_info .product
    {
        flex-wrap: wrap;
    }

    .cart_info .product > * + *
    {
        margin-left: 0;
    }

    .cart_info .product > * ~ *
    {
        padding-top: 0;
    }


    .cart_info .product .features .items
    {
        line-height: 15px;

        padding-bottom: 8px;
    }

    .cart_info .product .features .item + .item
    {
        margin-top: 12px;
    }

    .cart_info .product .features .item .name
    {
        width: 132px;
    }

    .cart_info .product .features .item .val
    {
        width: calc(100% - 132px);
    }


    .cart_info .product .col_price,
    .cart_info .product .col_amount
    {
        position: relative;

        width: auto;
        min-width: 0;
        margin-top: 16px;
        padding-top: 20px;
    }

    .cart_info .product .col_price:before,
    .cart_info .product .col_amount:before
    {
        color: #000;
        font-size: 11px;
        font-weight: normal;
        line-height: 15px;

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

        display: block;

        width: 100%;
        height: 20px;

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

        opacity: .4;
    }


    .cart_info .col_info
    {
        width: calc(100% - 110px);
    }



    /*----------------------
        Delivery install
    ----------------------*/
    .delivery_install .scroll
    {
        max-height: 402px;
        padding-right: 12px;
    }


    .delivery_install .point
    {
        padding: 12px 20px;

        justify-content: flex-start;
        flex-wrap: wrap;
    }

    .delivery_install .point .name
    {
        line-height: 18px;

        margin-bottom: 12px;
    }

    .delivery_install .point .amount,
    .delivery_install .point .price
    {
        margin-left: 27px;
    }



    /*-------------------
        Checkout info
    -------------------*/
    .checkout_info .form .cols
    {
        margin-left: 0;
    }

    .checkout_info .form .cols .col
    {
        width: 100%;
        margin-left: 0;
    }

    .checkout_info .form .cols .col + .col
    {
        margin-top: 16px;
    }



    /*-------------
        Gallery
    -------------*/
    .gallery .row
    {
        margin-left: -16px;
    }

    .gallery .row > *
    {
        width: calc(33.333% - 16px);
        margin-left: 16px;
    }

    .gallery .row > *.big
    {
        width: calc(100% - 16px);
    }

    .gallery .row > *.big.pad_right,
    .gallery .row > *.big.pad_left
    {
        padding-right: 0;
        padding-left: 0;
    }



    /*--------------
        Articles
    --------------*/
    .articles .list > * + *
    {
        margin-top: 52px;
    }


    .articles .list .article .thumb + .info
    {
        width: 100%;
        margin-top: 16px;
    }

    .articles .list .article .name
    {
        font-size: 19px;
        line-height: 25px;
    }



    /*------------
        Stocks
    ------------*/
    .stocks .row
    {
        margin-bottom: -20px;
        margin-left: -20px;
    }

    .stocks .row > *,
    .stocks .row > *.full_w
    {
        width: calc(100% - 20px);
        margin-bottom: 20px;
        margin-left: 20px;
    }


    .stocks .stock .info
    {
        padding: 24px 20px 16px;
    }

    .stocks .stock.full_w .info
    {
        width: 100%;
    }



    /*-----------------
        Action form
    -----------------*/
    .action_form .data .title
    {
        font-size: 23px;
        line-height: 29px;

        margin-bottom: 20px;
    }



    /*----------------
        Brand info
    ----------------*/
    .brand_info .desc
    {
        max-width: 100%;

        order: 3;
    }


    .brand_info .logo
    {
        width: 180px;
        margin-bottom: 20px;
        margin-left: 0;

        order: 0;
    }



    /*--------------
        Products
    --------------*/
    .products .row
    {
        --products_count: 2;
    }

    .products .row > *
    {
        width: 50%;
    }


    .products .product
    {
        padding: 24px 12px;
    }

    .products .product .name
    {
        font-size: 14px;
        line-height: 20px;
    }

    .products .product .rating > * + *
    {
        margin-top: 4px;
    }



    /*------------------
        Compare info
    ------------------*/
    .compare_info aside
    {
        width: 100%;
        margin-bottom: 24px;
    }


    .compare_info .compare_features .differences
    {
        margin: 0;
    }

    .compare_info .compare_features .title,
    .compare_info .compare_features .list
    {
        display: none;
    }


    .compare_info .content_flex .content
    {
        width: 100%;
    }


    .compare_info .products .product .name
    {
        padding-right: 12px;
        padding-left: 12px;
    }


    .compare_info .product_features .list > *
    {
        position: relative;

        padding: 12px 16px;
    }

    .compare_info .product_features .list > *:before
    {
        color: currentColor;
        font-size: 13px;
        font-weight: 700;
        line-height: 15px;

        display: block;

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

        content: attr(data-column);
    }

    .compare_info .product_features .list > *.mark:after
    {
        position: absolute;
        top: 12px;
        left: 0;

        display: block;

        width: 4px;
        height: 15px;

        content: '';

        background: #ce0000;
    }



    /*------------------
        Product info
    ------------------*/
    .product_info .image
    {
        padding: 56px 32px 32px;
    }


    .product_info .image .img
    {
        margin-bottom: -20px;
        margin-left: -20px;
    }

    .product_info .image .img figure
    {
        max-width: calc(50% - 20px);
        margin-bottom: 20px;
        margin-left: 20px;
    }

    .product_info .image .img figure figcaption
    {
        margin-top: 8px;
    }


    .product_info .image .swiper-container
    {
        width: calc(100% + 16px);
        margin: 0 -8px;
    }

    .product_info .image .swiper-container .img > *
    {
        height: 292px;
    }


    .product_info .image .sides .row
    {
        margin-bottom: -24px;
        margin-left: -20px;
    }

    .product_info .image .sides .row > *
    {
        width: calc(50% - 20px);
        margin-bottom: 24px;
        margin-left: 20px;
    }

    .product_info .image .sides .item > * + *
    {
        margin-top: 8px;
    }

    .product_info .image .sides .name
    {
        font-size: 13px;
        line-height: 17px;
    }


    .product_info .info .section
    {
        padding: 20px 24px;
    }


    .product_info .info .favorite_btn,
    .product_info .info .compare_btn
    {
        font-size: 12px;
        line-height: 18px;
    }

    .product_info .info .compare_btn
    {
        margin-left: 20px;
    }


    .product_info .info .features .item .val
    {
        max-width: calc(100% - 124px);
    }


    .product_info .info .options
    {
        margin-bottom: -20px;
        margin-left: -20px;
    }

    .product_info .info .options > *
    {
        width: calc(50% - 20px);
        margin-bottom: 20px;
        margin-left: 20px;
    }


    .product_info .info .options > *.full_w .field
    {
        width: calc(100% - 100px);
    }

    .product_info .info .options > *.full_w .price
    {
        width: 80px;
        margin-left: 20px;
    }


    /* .product_info .info .discount
    {
        width: calc(100% + 40px);
        margin: 20px -20px;
        padding: 10px 20px 10px 52px;
    }

    .product_info .info .discount .icon
    {
        left: 20px;
    } */


    .product_info .info .buy .price .old
    {
        font-size: 15px;
        line-height: 23px;
    }

    .product_info .info .buy .price .new
    {
        font-size: 17px;
        line-height: 23px;
    }

    .product_info .info .buy .price span
    {
        font-size: 28px;
        line-height: 100%;
    }

    .product_info .info .buy .price .default
    {
        min-height: 42px;
    }


    .product_info .info .buy .btns
    {
        width: calc(100% - 164px);
    }

    .product_info .info .buy .btns > *
    {
        width: 100%;
    }

    .product_info .info .buy .btns > * + *
    {
        margin-top: 15px;
        margin-left: 0;
    }


    .product_info .info .buy .buy_btn
    {
        font-size: 16px;
        line-height: 22px;

        padding: 10px 24px;
    }


    .product_info .info .buy .castome_made
    {
        line-height: 18px;

        margin-top: 12px;
    }

    .product_info .info .buy .castome_made br
    {
        display: none;
    }


    .product_info .info .thumbs
    {
        padding: 4px 20px;
    }


    .product_info .info .colors_available .title
    {
        font-size: 15px;
        line-height: 19px;

        margin-bottom: 12px;
    }

    .product_info .info .colors_available ul li + li
    {
        margin-top: 8px;
    }


    .product_info .info .view_options .swiper-button-next
    {
        right: -26px;
    }

    .product_info .info .view_options .swiper-button-prev
    {
        left: -26px;
    }


    .product_info .info .view_options .row > *
    {
        width: calc(33.333% - 12px);
    }

    .product_info .info .view_options .row > *:nth-child(4)
    {
        margin-top: 32px;
    }


    .product_info .info .view_options .item .thickness,
    .product_info .info .view_options .item .color
    {
        margin-top: 0;
    }



    /*--------------------
        Product colors
    --------------------*/
    .product_colors .block_title
    {
        font-size: 24px;
        line-height: 30px;
    }


    .product_colors .row
    {
        margin-bottom: -24px;
        margin-left: -20px;
    }

    .product_colors .row > *
    {
        width: calc(25% - 20px);
        margin-bottom: 24px;
        margin-left: 20px;
    }



    /*-----------------------
        Product equipment
    -----------------------*/
    .product_equipment .block_title
    {
        font-size: 24px;
        line-height: 30px;
    }


    .product_equipment .row
    {
        margin-left: -20px;
    }

    .product_equipment .row > *
    {
        width: calc(33.333% - 20px);
        margin-left: 20px;
    }


    .product_equipment .item .name
    {
        font-size: 14px;
        line-height: 18px;
    }



    /*------------------
        Product tabs
    ------------------*/
    .product_tabs .tabs
    {
        font-size: 0;

        display: block;
        overflow: auto;

        width: calc(100% + 48px);
        margin-right: -24px;
        margin-bottom: 24px;
        margin-left: -24px;
        padding: 0 24px;

        white-space: nowrap;

        scrollbar-color: none none;
        scrollbar-width: thin;
    }

    .product_tabs .tabs::-webkit-scrollbar
    {
        width: 0;
        height: 0;

        background-color: none;
    }

    .product_tabs .tabs::-webkit-scrollbar-thumb
    {
        background-color: none;
    }

    .product_tabs .tabs .btn
    {
        display: inline-block;

        margin: 0;

        vertical-align: top;
    }

    .product_tabs .tabs .btn + .btn
    {
        margin-left: 32px;
    }



    /*--------------------
        Prod. features
    --------------------*/
    .prod_features .item .name
    {
        width: 156px;
        padding-right: 16px;
    }

    .prod_features .item .val
    {
        width: calc(100% - 156px);
    }



    /*------------------------
        Product final calc
    ------------------------*/
    .product_final_calc .image
    {
        padding: 32px;
    }


    .product_final_calc .info .section
    {
        padding: 24px;
    }


    .product_final_calc .block_title
    {
        font-size: 19px;
        line-height: 25px;
    }


    .product_final_calc .product_name
    {
        font-size: 22px;
        line-height: 28px;
    }


    .product_final_calc .prices .total .price
    {
        font-size: 17px;
        line-height: 23px;
    }

    .product_final_calc .prices .item + .item
    {
        margin-top: 12px;
    }

    .product_final_calc .prices .price .old
    {
        font-size: 15px;
        line-height: 21px;
    }

    .product_final_calc .prices .price .new
    {
        line-height: inherit;
    }

    .product_final_calc .prices .price span
    {
        font-size: 28px;
        line-height: 100%;
    }


    .product_final_calc .btns > *
    {
        width: 100%;
    }

    .product_final_calc .btns > * + *
    {
        margin-top: 16px;
        margin-left: 0;
    }


    .product_final_calc .buy_btn
    {
        font-size: 16px;
        line-height: 22px;

        padding: 10px 24px;
    }


    .product_final_calc .btns .download a
    {
        height: 42px;
    }



    /*------------------------
        Additional options
    ------------------------*/
    .additional_options .items
    {
        margin-bottom: -28px;
        margin-left: -20px;

        --additional_options_count: 3;
    }

    .additional_options .items > *
    {
        width: calc(33.333% - 20px);
        margin-bottom: 28px;
        margin-left: 20px;
    }



    /*------------------
        Product calc
    ------------------*/
    .product_calc .data_wrap > .item .head .title
    {
        width: 100%;
    }

    .product_calc .data_wrap > .item .head .selected_count
    {
        margin-left: 0;
    }

    .product_calc .data_wrap > .item .head .selected_price
    {
        margin-left: 24px;
    }


    .product_calc .model > .row
    {
        margin-left: -24px;
    }

    .product_calc .model .status
    {
        width: calc(100% + 24px);
        margin-left: 24px;
    }

    .product_calc .model .item
    {
        max-width: calc(50% - 24px);
        margin-bottom: 24px;
        margin-left: 24px;
    }

    .product_calc .model .item .name
    {
        font-size: 14px;
        line-height: 18px;
    }

    .product_calc .model .options
    {
        width: calc(100% + 24px);
        max-width: calc(100% + 24px);
        margin-top: 0;
        margin-left: 24px;
    }


    .product_calc .molding .row
    {
        margin-bottom: -20px;
        margin-left: -24px;
    }

    .product_calc .molding .row > *,
    .product_calc .molding .row > *.middle,
    .product_calc .molding .row > *.big
    {
        width: calc(50% - 24px);
        max-width: calc(50% - 24px);
        margin-bottom: 20px;
        margin-left: 24px;
    }


    .product_calc .decor .items
    {
        margin-left: -24px;

        --decor_count: 2;
    }

    .product_calc .decor .items > *
    {
        max-width: calc(50% - 24px);
        margin-left: 24px;
    }

    .product_calc .decor .items > *:nth-child(3),
    .product_calc .decor .items > *:nth-child(4)
    {
        margin-top: 32px;
    }


    .product_calc .fittings .color .row
    {
        margin-bottom: -20px;
        margin-left: -24px;
    }

    .product_calc .fittings .color .row > *,
    .product_calc .fittings .color .row > *.middle,
    .product_calc .fittings .color .row > *.big
    {
        width: calc(50% - 24px);
        max-width: calc(50% - 24px);
        margin-bottom: 20px;
        margin-left: 24px;
    }


    .product_calc .fittings .items
    {
        margin-left: -24px;

        --fittings_count: 2;
    }

    .product_calc .fittings .items > *
    {
        max-width: calc(50% - 24px);
        margin-left: 24px;
    }

    .product_calc .fittings .items > *:nth-child(3),
    .product_calc .fittings .items > *:nth-child(4)
    {
        margin-top: 32px;
    }


    .product_calc .total_info .download
    {
        width: 100%;
        margin-top: 12px;

        order: 3;
    }


    .product_calc .total_info .total_price
    {
        margin-right: auto;
    }

    .product_calc .total_info .total_price .price
    {
        font-size: 17px;
        line-height: 26px;
    }

    .product_calc .total_info .total_price .price span
    {
        font-size: 26px;
    }


    .product_calc .total_info .btns > * + *
    {
        margin-left: 20px;
    }

    .product_calc .total_info .buy_btn
    {
        font-size: 16px;
        line-height: 22px;

        padding: 10px 20px;
    }

    .product_calc .total_info .get_measurer_btn
    {
        font-size: 13px;
        line-height: 17px;
    }



    /*------------
        Footer
    ------------*/
    footer .col_left,
    footer .col_right
    {
        width: 100%;
    }


    footer .col_left > * + *
    {
        margin-left: auto;
    }


    footer .creator
    {
        margin-top: 16px;
        margin-right: auto;
    }



    /*-----------
        PopUp
    -----------*/
    .fancybox-slide--html
    {
        padding: 16px;
    }


    .modal
    {
        padding: 36px 52px;
    }

    .modal_title
    {
        font-size: 23px;
        line-height: 100%;

        margin-bottom: 20px;
    }



    #city_modal .cities
    {
        padding-top: 0;

        column-count: 2;
    }



    #get_measurer_modal .estimated_order .total_price
    {
        width: calc(100% + 104px);
        margin-right: -52px;
        margin-left: -52px;
        padding-right: 52px;
        padding-left: 52px;
    }


    #add_review_modal .notice,
    #reaply_review_modal .notice
    {
        width: calc(100% + 104px);
        margin-right: -52px;
        margin-left: -52px;
        padding-right: 52px;
        padding-left: 82px;
    }

    #add_review_modal .notice .icon,
    #reaply_review_modal .notice .icon
    {
        left: 52px;
    }



    .modal.equipment_info .thumb
    {
        width: 100%;
    }

    .modal.equipment_info .info
    {
        width: 100%;
        margin-top: 24px;
    }



    #all_colors_modal
    {
        padding-right: 32px;
        padding-left: 32px;
    }

    #all_colors_modal .scroll
    {
        max-height: 380px;
    }

    #all_colors_modal .items > *
    {
        width: calc(33.333% - 12px);
    }

    #all_colors_modal .items label .name
    {
        margin-bottom: 4px;
    }



    .modal.product_sides
    {
        padding-right: 32px;
        padding-left: 32px;
    }


    .modal.product_sides .section.border_top
    {
        width: calc(100% + 64px);
        margin-right: -32px;
        margin-left: -32px;
    }

    .modal.product_sides .section .title
    {
        font-size: 17px;
        line-height: 21px;

        margin-bottom: 16px;
    }


    .modal.product_sides .ckeck .name
    {
        line-height: 18px;
    }

    .modal.product_sides .ckeck .price
    {
        width: 92px;
        min-width: 92px;
    }


    .modal.product_sides .colors .items > *,
    .modal.product_sides .picture .items > *
    {
        width: calc(33.333% - 12px);
    }

    .modal.product_sides .colors .item label .name
    .modal.product_sides .picture .item label .name
    {
        margin-bottom: 4px;
    }


    .modal.product_sides .colors .swiper-button-next,
    .modal.product_sides .picture .swiper-button-next
    {
        right: -30px;
    }

    .modal.product_sides .colors .swiper-button-prev,
    .modal.product_sides .picture .swiper-button-prev
    {
        left: -30px;
    }



    .modal.change_design .items > *
    {
        width: calc(50% - 24px);
    }



    #choose_model_modal
    {
        padding-right: 32px;
        padding-left: 32px;
    }

    #choose_model_modal .scroll
    {
        overflow: visible;

        max-height: none;
    }

    #choose_model_modal .row > *
    {
        width: calc(50% - 24px);
    }

    #choose_model_modal .row > *:nth-child(3)
    {
        margin-top: 32px;
    }


    #choose_model_modal .item label .thumb,
    #choose_glazing_modal .item label .thumb
    {
        width: 152px;
    }

    #model_listview .row {
		grid-template-columns: 1fr 1fr 1fr;
	}

	#model_listview .row .thumb .hover {
		width: 100%;
	}

	#inpanel_listview .row {
		grid-template-columns: 1fr 1fr 1fr;
	}

	#inpanel_listview .row .thumb .hover {
		width: 100%;
	}
}
