@media (max-width: 767px){
    /*---------------
        Main styles
    ---------------*/
    .main_title{
        font-size: 28px;
    }
    /*---------------
        Header
    ---------------*/
    header .mob_menu_link{
        display: block;
    }
    header .menu{
        position: absolute;
        z-index: 99;
        top: 0;
        left: -200px;

        display: block;
        visibility: hidden;

        width: 200px;
        margin: 0;
        padding: 25px;

        transition: .2s linear;

        opacity: 0;
        background: #fff;
        box-shadow: 0 0 15px rgba(0,0,0, .4);
    }
    header .menu.show{
        left: 0;

        visibility: visible;

        opacity: 1;
    }
    header .menu .item{
        text-align: left;
    }
    header .menu .item + .item{
        margin-top: 25px;
    }
    header .menu button{
        display: inline-block;

        height: auto;

        text-align: left;
        vertical-align: top;
    }
    /*---------------
        Main section
    ---------------*/
    .main_banner .slide{
        min-height: 400px;
        padding: 30px 30px 250px;
    }
    .main_banner .slide .bg-logo{
        left: 20px;

        width: 170px;
    }
    .main_banner .slide .bg.mob_position{
        object-position: 10% 0;
    }


    .phases .text .text_block{
        font-size: 18px;
        line-height: 26px;
    }
    .phases .box{
        margin-top: 50px;
    }
    .phases .box .item{
        padding: 10px;
    }
    .phases .box .item .number{
        width: 65px;
        height: 100px;
        padding-right: 10px;
    }
    .phases .box .item .title{
        font-size: 14px;
    }
    .phases .box .item .desc .bot{
        font-size: 14px;
    }
    .phases .box .item .desc .top{
        font-size: 24px;
    }
    .phases .slide .text_block h3:first-child{
        padding: 0;
    }
    .phases .slider.owl-carousel{
    }
    .phases .slider.owl-carousel .owl-dots{
        position: absolute;
        top: -25px;
        margin-top: 0;
    }


    .formula{
        padding: 15px;
    }
    .formula .main_title{
        font-size: 26px;
    }
    .formula .line{
        margin-left: -15px;
    }
    .formula .line .item{
        margin-left: 15px;
    }
    .formula .line .sum{
        width: 35px;
    }
    .formula .line .sep{
        font-size: 50px;

        margin-top: 6px;
    }
    .formula .line .num span{
        font-size: 100px;
        line-height: 65px;
        height: 72px;
    }
    .formula .line .num .note{
        font-size: 12px;
        line-height: 16px;

        height: 44px;
        margin-top: 5px;
    }


    .history .columns{
        margin-top: 30px;
    }

    /*---------------
        Footer
    ---------------*/
    footer .columns{
        margin-left: -30px;

        flex-wrap: wrap;
    }
    footer .columns .col{
        margin-left: 30px;
    }
    footer .columns .col:nth-child(3){
        width: 100%;
    }
    footer .menu{
        display: flex;
    }

    /*---------------
       PopUp
    ---------------*/
    .modal.component_modal{
        width: 480px;
    }


    .modal_title{
        font-size: 28px;
    }

    .modal_data{
        margin-top: 20px;
    }

    .component_modal .data{
        min-height: 400px;
        align-items: flex-start;
        align-content: flex-start;
    }
    .product_info .image{
        width: 100%;
    }
    .product_info .image .thumb{
        height: 400px;
        padding: 0;
    }
    .product_info .data{
        width: 100%;
        margin-top: 30px;
    }

    .component_modal .data{
        padding: 50px;
    }

    .component_modal .read_more:not(.hide_480){
        display: block;
    }

    .component_modal .hidden:not(.show_480){
        display: none;
    }

	.main_banner .slide .bg-logo {
		display: none;
	}

	.products .item .name{
		min-height: auto;
	}

}