@media (max-width: 479px)
{
    /*---------------
        Main styles
    ---------------*/



    /*---------------
        Header
    ---------------*/



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



    /*----------------
        Typography
    ----------------*/
    .text_block
    {
        font-size: 13px;
        line-height: 18px;
    }



    /*--------------
        Products
    --------------*/
    .products
    {
        padding-bottom: 140px;
    }


    .products .cats > * + *
    {
        margin-top: 25px;
    }

    .products .cats button,
    .products .cats a
    {
        font-size: 36px;
        line-height: 40px;

        padding-left: 64px;
    }


    .products .product_rectangle,
    .products .product_info
    {
        top: 175px;
        left: 43px;

        width: 260px;
        height: 360px;
    }



    .blocks .block_content
    {
        padding: 75px 20px 40px;
    }



    .about_block .block_title
    {
        font-size: 38px;
        line-height: 38px;
    }


    .about_block .cats
    {
        margin-bottom: -20px;
        margin-left: -30px;

        justify-content: flex-start;
    }

    .about_block .cats a
    {
        width: 78px;
        height: 78px;
        margin-bottom: 20px;
        margin-left: 30px;
        padding: 15px;
    }



    .news_block .block_head .title
    {
        font-size: 38px;
        line-height: 38px;
    }

    .news_block .block_head .desc
    {
        font-size: 17px;
        line-height: 23px;
    }


    .news_block .flex
    {
        margin-bottom: -30px;
    }

    .news_block .flex > *
    {
        width: calc(100% - 20px);
        margin-bottom: 30px;
    }


    .news_block .item .title
    {
        font-size: 17px;
        line-height: 23px;
    }

    .news_block .item .title br
    {
        display: none;
    }



    .about_packaging .block_title
    {
        font-size: 38px;
        line-height: 38px;
    }


    .about_packaging .cats
    {
        margin-bottom: -20px;
        margin-left: -30px;

        justify-content: flex-start;
    }

    .about_packaging .cats a
    {
        width: 78px;
        height: 78px;
        margin-bottom: 20px;
        margin-left: 30px;
        padding: 15px;
    }



    .production_block .block_head .title
    {
        font-size: 38px;
        line-height: 38px;
    }

    .production_block .block_head .desc
    {
        font-size: 17px;
        line-height: 23px;
    }


    .production_block .titles .title
    {
        font-size: 32px;
        line-height: 34px;
    }

    .production_block .titles .next
    {
        margin-left: 15px;
    }



    .services_block .block_title
    {
        font-size: 38px;
        line-height: 38px;
    }

    .services_block .list .items
    {
        font-size: 17px;
        line-height: 23px;

        margin-bottom: -20px;
        margin-left: -20px;
    }

    .services_block .list .items > *
    {
        width: calc(50% - 20px);
        margin-bottom: 20px;
        margin-left: 20px;
    }



    .contacts_block .info .block_title
    {
        font-size: 38px;
        line-height: 38px;

        margin-bottom: 20px;
    }

    .contacts_block .info .title
    {
        font-size: 17px;
        line-height: 23px;

        margin-bottom: 20px;
    }


    .contacts_block .info .item .name
    {
        width: 120px;
    }
	
	.contacts_block .tabs__nav_item {
		margin-right: 5px;
		padding: 15px 5px;
		margin-bottom: 0;
	}
	.contacts_block .tabs__nav_item:last-child {
		margin-right: 0;
	}



    /*---------------
       Page head
    ---------------*/
    .page_title
    {
        font-size: 30px;
        line-height: 32px;
    }

    * + .page_title
    {
        margin-top: 25px;
    }



    /*---------------
       Catalog
    ---------------*/
    .catalog_products .item .name
    {
        font-size: 18px;
        line-height: 22px;
    }



    /*------------------
        Product info
    ------------------*/
    .product_info .images .thumbs
    {
        padding: 0 20px;
    }

    .product_info .images .thumbs .slide button:after
    {
        opacity: .4;
        background: #333;
    }

    .thumbs .owl-carousel .owl-nav button.owl-prev
    {
        left: -48px;
    }

    .thumbs .owl-carousel .owl-nav button.owl-next
    {
        right: -48px;
    }



    /*------------
        Scopes
    ------------*/
    .scopes .grid
    {
        display: block;

        width: calc(100% + 40px);
        margin-right: -20px;
        margin-left: -20px;
        padding: 1px 0;
    }

    .scopes .item
    {
        height: 160px;
        padding: 20px;
    }

    .scopes .item + .item
    {
        margin-top: 1px;
    }

    .scopes .item .main_cat
    {
        font-size: 21px;
        line-height: 25px;
    }

    .scopes .item .main_cat .name
    {
        width: calc(100% - 70px);
        margin-top: 0;
    }

    .scopes .item .link
    {
        font-size: 18px;

        bottom: 35px;
        left: 90px;
    }

    .scopes .item .link:before
    {
        width: 98px;
        height: 13px;

        background: #00cdff;
    }



    /*---------------------
        Products slider
    ---------------------*/
    .products_slider .slider
    {
        padding-right: 0;
    }

    .products_slider .product .name
    {
        font-size: 18px;
        line-height: 22px;
    }


    .products_slider .owl-carousel .owl-nav button span:before,
    .products_slider .owl-carousel .owl-nav button span:before
    {
        width: 44px;
    }

    .products_slider .owl-carousel .owl-nav button.owl-next
    {
        left: 104px;
    }

    .products_slider .owl-dots
    {
        left: 175px;

        width: calc(100% - 175px);
    }
	
	.product_slider-nav button.product_slider-prev {
		left: -20px;
	}
	.product_slider-nav button.product_slider-next {
		right: -20px;
	}
	.product_slider-nav button {
		margin-top: -19%;
	}



    /*-----------------
        Order block
    -----------------*/
    .order_block .info .title
    {
        font-size: 20px;
    }

    .order_block .info .desc
    {
        font-size: 14px;
        line-height: 20px;
    }



    /*----------------
        Scope info
    ----------------*/
    .scope_info
    {
        margin: 0 0 50px;
        padding: 0 20px;
    }

    .scope_info .mob_tab_name
    {
        font-size: 19px;
        line-height: 23px;
    }

    .scope_info .mob_tab_name .name
    {
        width: calc(100% - 70px);
    }


    .scope_info .scope_products .title
    {
        font-size: 22px;
        line-height: 26px;

        margin-bottom: 25px;
    }

    .scope_info .scope_products .list a
    {
        font-size: 15px;
    }

    .scope_info .scope_products .list .link
    {
        width: 60px;
    }



    /*--------------
        Articles
    --------------*/
    .articles .block_head .title
    {
        font-size: 22px;
        line-height: 26px;
    }


    .articles .article .head
    {
        flex-wrap: wrap;
    }

    .articles .article .head .name
    {
        font-size: 17px;
    }

    .articles .article .head .date
    {
        font-size: 14px;

        display: none;

        width: 100%;
        margin-top: -3px;
        margin-left: 0;
    }

    .articles .article.active .head .date
    {
        display: block;
    }
	
	
	.thumbs_wrapper {
		margin: 0 20px 0 30px;
	}
	.article_info .images .thumbs {
		margin-right: 0;
	}
	.thumbs_wrapper .news_slider_arrow > div {
		width: 30px;
	}
	.thumbs_wrapper .news_slider_arrow .arrow_prev {
		left: -30px;
	}
	.thumbs_wrapper .news_slider_arrow .arrow_next {
		right: -20px;
	}
	
	
	/*----------------
        Block head
    ----------------*/
    .block_head .title, h2
    {
        font-size: 22px;
        line-height: 26px;
    }



    /*---------------
       footer
    ---------------*/
    footer .logo
    {
        font-size: 14px;
        line-height: 20px;

        min-height: 50px;
        padding-left: 75px;

        background-size: auto 50px;
    }


    footer .socials a + a
    {
        margin-left: 18px;
    }

footer .socials img {
    filter: brightness(0) invert(1);
}

    /*---------------
        PopUp
    ---------------*/
    .modal
    {
        padding: 60px 25px 30px;
    }

    .modal_head .title
    {
        font-size: 22px;
    }

    .modal_head .desc
    {
        font-size: 14px;
        line-height: 20px;

        margin-top: 20px;
    }
}
