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

    .main_title
    {
        font-size: 30px;
    }

    .main_title .title_img
    {
        display: none;
    }


    .page_head.small
    {
        padding-top: 54px;
    }


    .text_block p,
    .text_block ul,
    .text_block ol
    {
        font-size: 14px;
        margin-bottom: 20px;
        line-height: 24px;
    }


    .slider_title
    {
        margin-bottom: 25px;
    }

    .slider-button-prev,
    .slider-button-next
    {
        top: -63px;
    }


	.page_title{
		font-size: 30px;
	}


	.tabs_el{
		overflow-x: auto;
		border-radius: 0;
	}

	.tabs_el button{
		white-space: nowrap;

		width: auto;

		min-height: 60px;

		flex-wrap: nowrap;
	}

	.tabs_el button:hover,
	.tabs_el button.active{
		box-shadow: none;

		border-color: #FFC800;
	}

	.tabs_el button:first-child{
		border-radius: 0;
	}

	.tabs_el button:last-child{
		border-radius: 0;
	}


    .page_head
    {
        padding-top: 95px;
    }
    /*---------------
        Header
    ---------------*/

    header
    {
        padding: 7px 0;
    }

    header .logo img
    {
        max-height: 40px;
    }

    header .search_btn
    {
        width: 36px;
        height: 36px;
    }

    header .header_search .submit_btn
    {
        background-size: 20px;
    }

    .u-mobile-menu-switcher
    {
        width: 40px;
        height: 40px;
        margin-left: -7px;
        padding: 8px;
    }

    .u-mobile-menu-switcher span + span
    {
        margin-top: 6px;
    }

    /*---------------
        Main section
	---------------*/

    .main_slider .title
    {
        font-size: 40px;
        line-height: 46px;
    }

    .main_slider .desc
    {
        font-size: 16px;
        margin-top: 5px;
        line-height: 20px;
    }

    .main_slider .slider-pagination
    {
        bottom: 15px;
    }


    .about
    {
        margin-top: 35px;
    }

    .about .text_block
    {
        margin-top: 15px;
    }


    .advantages_section .item
    {
        width: calc(100%/2 - 15px);
    }


    .news .item .name
    {
        font-size: 14px;
        line-height: 18px;
        max-height: 36px;
    }

    .news .item .desc
    {
        font-size: 12px;
        line-height: 17px;
    }

    .news .item .box
    {
        left: 7px;
        width: calc(100% - 14px);
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 10px;
    }

    .news .item .date
    {
        font-size: 12px;
        line-height: 24px;
        padding-left: 20px;
    }

    .news .item .date:before
    {
        width: 12px;
        height: 12px;
    }

    .news .item .more
    {
        font-size: 12px;
        line-height: 24px;
    }

    .news .item .more a
    {
        padding-right: 10px;
    }

    .news .item .more a:before
    {
        margin-top: -4px;
        width: 4px;
        height: 8px;
    }


    .products,
    .section_news,
    .section_brands
    {
        margin-top: 60px;
    }

    .section_brands .slider-button-prev,
    .section_brands .slider-button-next
    {
        top: -68px;
    }


	.section_news .slider:before{
		left: calc(100% + 10px);
	}

	.section_news .slider:after {
		right: calc(100% + 10px);
	}

	.news.flex{
		margin-left: -10px;
	}

	.news.flex .item {
		width: calc(100%/2 - 10px);
		margin-left: 10px;
	}


	.brands .brand .img{
		padding: 25px;
	}


	.product_info .product_name{
		font-size: 30px;
	}

	.product_info .product_name .title_img{
		display: none;
	}


	.description{
		margin-top: 60px;
	}

	.form .form_flex .line_form{
		width: calc(50% - 30px);

		max-width: none;
	}

	.form .form_flex .submit {
		width: calc(50% - 30px);

		max-width: none;
	}


	.have_questions{
		margin-top: 60px;
		padding: 40px 0;
	}

	.have_questions .title{
		font-size: 30px;
	}

	.have_questions .subTitle {
		font-size: 14px;
		line-height: 20px;
	}


	.products.marg{
		margin-top: 60px;
	}

    .products .grid
    {
        margin-left: -10px;
        --products_count: 2;
    }

    .products .grid .product
    {
        width: calc(100%/2 - 10px);
        margin: 0 0 10px 10px;
    }


    .content_flex .content .pagination
    {
        margin-top: 20px;
    }


    .aside_filter .open_filter
    {
        width: 100%;
    }

    .filter .box
    {
        width: 100%;
    }

    .aside_filter .title
    {
        font-size: 16px;
        line-height: 20px;
    }


    .page_content .advantages_section
    {
        margin-top: 60px;
    }
    /*---------------
        Footer
	---------------*/

    footer
    {
        padding-top: 0;
    }

    footer .info
    {
        justify-content: center;
    }

    footer .logo
    {
        width: 100%;
    }

    footer .logo img
    {
        margin: 0 auto;
    }

    footer .box_messengers
    {
        width: calc(62% - 30px);
        max-width: 268px;
    }

    footer .box_menu
    {
        width: calc(38% - 30px);
        max-width: 152px;
    }

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

    .modal
    {
        padding: 60px 25px 50px;
    }

    .modal_desc
    {
        font-size: 16px;
    }

    .modal .form
    {
        margin-top: 10px;
    }
}