@media (max-width: 767px){
    /*---------------
        Main styles
    ---------------*/
    #menu{
        width: 100%;
    }

    #menu .box{
        padding: 20px;
    }

    #menu li a{
        font-size: 18px;
        line-height: 20px;
    }


    #menu .phones{
        font-size: 18px;
        line-height: 22px;
    }

    #menu .phones .number{
        height: 22px;

        line-height: 11px;
    }



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



    /*---------------
        Sidebar
    ---------------*/
    aside .mob_logo{
        height: 70px;

        padding: 0 15px;

        line-height: 70px;
    }


    .menu_link{
        top: 10px;
        right: 15px;

        width: 50px;
        height: 50px;
    }

    .menu_link .text{
        display: none;
    }

    .menu_link .icon{
        width: 50px;
        height: 50px;
        background:#2c3e50;
        margin: 0;
        padding: 14px 0;
    }
    .menu_link.white .icon{
        background:#2c3e50;
    }

    .menu_link .icon span{
        width: 25px;
    }

    .menu_link .icon span + span{
        margin-top: 5px;
    }

    aside{position: fixed;z-index: 100}


    aside .menu li:nth-child(4){
        top: -55px;
        right: 90px;
        left: auto;

        width: 170px;
        height: 40px;

        margin-left: 0;

        transform: none;
    }

    aside .menu li a.order_link div{
        height: 40px;
        font-size: 16px;
        line-height: 36px;
        margin-top:0;
    }

    aside .mob_logo img{
        height: 54px;
        max-width: 90%;
    }

    .share_link{
        background-size: 25px;
        right: -5px;
    }

    .right_info .text p{
        line-height: 18px;
    }

    .order_form form .error_text{
        left: 50%;
    }

    .right_info .text .box .active{
        padding-top:0;
    }
    .right_info .text p + p{
        margin-top: 7px;
        padding-top:0;
    }

    .section7 .right_info .text, .section8 .right_info .text, .section4 .right_info .text{
        padding-bottom: 0;
    }
    .section7 .right_info .mob_hide, .section8 .right_info .mob_hide{
        padding-top: 30px;
    }


    aside .menu li a{
        height: 100px;

        font-size: 16px;
        line-height: 18px;
    }
    aside .menu, aside .menu li{
        height: 40px;
    }

    aside .menu li{text-align: center;}
    aside .menu li:nth-child(1) a{
        background: url("../images/garden-fence.svg") no-repeat #78b40a center;
        background-size: 24px;
        width: 40px;
        height: 40px;
    }
    aside .menu li:nth-child(2) a{
        background: url("../images/robot-of-circular-parts.svg") no-repeat #ffcf00 center;
        background-size: 24px;
        width: 40px;
        height: 40px;
    }

    aside .menu li:nth-child(3) a{
        background: url("../images/cabinet.svg") no-repeat #2c3e50 center;
        background-size: 24px;
        width: 40px;
        height: 40px;
    }

    aside .menu li a span{
        display: none;
    }


    /*---------------
        Main section
    ---------------*/
    .main_slider .owl-slide{
        height: 320px;
    }
    #fullpage{
        margin-top:110px;
    }
    .main_slider .owl-slide{
        padding-bottom: 67%;
    }
    .owl-dots{bottom: 10px;}
    .owl-dot{width: 10px;height: 10px;}
    .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next{
        background-size: 20px auto !important;
    }

    .section1 .right_info .text .box{
        padding: 37px 41px;
    }

    .section1 .right_info .text .box .title{
        font-size: 19px;
        line-height: 24px;
    }

    .right_info .text .box{
        padding: 30px;
    }

    .right_info .text .box .title,
    .right_info .text .box h3{
        font-size: 20px;
        line-height: 28px;
    }

    .right_info .text .box .active img{
        -moz-transform: rotate(180deg); /* Для Firefox */
        -ms-transform: rotate(180deg); /* Для IE */
        -webkit-transform: rotate(180deg); /* Для Safari, Chrome, iOS */
        -o-transform: rotate(180deg); /* Для Opera */
        transform: rotate(180deg);
    }

    .right_info .text .link{
        height: 50px;
        margin-top: 25px;
        padding: 5px 20px;
        font-size: 16px;
        line-height: 36px;
    }

    .right_info .text{
        font-size: 16px;
        line-height: 18px;
    }

    .right_info .owl-slider{
        display: none;
    }
    .right_info .text{
        width: 100%;
    }

    .main_slider_content .owl-slide .col.right{
        font-size: 15px;
    }

    .about{
        padding: 10px 30px 40px 30px;
        line-height: 17px;
        font-size: 16px;
    }
    .about h2{
        font-size: 16px;
        margin-bottom: 4px;
    }
    .about h1{margin-bottom: 5px;font-size: 22px;}
    .about h1, .about .col_left{
        margin-left: 0;
    }
    .about .col_left,
    .about .col_right{
        width: 100%;
        padding: 0;
    }
    .order_form form .submit_btn{
        margin-top: 24px;
        margin-bottom: 50px;
    }

    .about .col_right{
        margin-top: 10px;
        padding-top: 225px;
        margin-bottom: 140px;
    }
    .right_info .text .title h3{
        border-bottom:none;
    }

    .main_slider_content .owl-slide .col.left div + div, .main_slider_content .owl-slide .col.right div + div{
        margin-top: 5px;
    }
    .section_box{
        display: flex;
    flex-direction: column-reverse;
    }
    .main_slider_content .owl-slide .col.left,
    .main_slider_content .owl-slide .col.right{
        width: 100%;
        margin-bottom: 10px;
        padding-left: 25px;
    }
    .section8 .main_slider_content .owl-slide .col.left h3{
        text-align: left;
    }


    .main_slider_content,
    .section7 .main_slider_content,
    .section8 .main_slider_content{
        padding: 30px 15px;
    }

    .main_slider_content .owl-slide{
        font-size: 15px;
        line-height: 18px;
    }


    .main_slider_content .owl-slide img{
        margin-left: 0;
    }

    .section7 .main_slider_content .owl-slide .col.right p + p{
        margin-top: 10px;
    }

    .section8 .main_slider_content .owl-slide .col.left h3{
        font-size: 21px;
        line-height: 26px;
        margin-top:5px;
    }

    .section8 .main_slider_content .owl-slide .col.right p + p{
        margin-top: 10px;
    }

    .contacts .block_title{
        height: 26px;
        margin-bottom: 17px;
        font-size: 22px;
    }

    .contacts{
        width: 100%;
        line-height: 17px;
        padding: 45px 15px;
        font-size: 16px;
    }

    .contacts .col.left{
      margin-bottom: 10px;  
    }

    .contacts .col.right{
        margin-top: 0;
    }

    .contacts .col.right .title{
        margin-bottom: 15px;

        line-height: 20px;
    }

    .contacts .col.left div + div,
    .contacts .col.right div + div{
        margin-top: 5px;
    }

    .contacts .socials{
        margin-top: 30px !important;
    }


    .map{
        position: relative !important;

        width: 100%;
        height: 300px;
    }

    .about img{
        margin-top: -365px;
    }

    .order_form form .lines{
        margin-left: 0;
    }

    .order_form form .line{
        width: 100%;

        margin-left: 0;
    }

    .order_form form .submit{
        padding-top: 0;
    }

    .order_form .block_title{
        margin-bottom: 38px;
    }
    .order_form form .name{
        margin-bottom: 15px;
    }
    .order_form form .input, .order_form form .sbSelector,
    .order_form form .sbHolder, .order_form form select{
        height: 60px;
            font-size: 22px;
    line-height: 60px;
    }

    .order_form form .line{
        margin-bottom: 35px;
    }


    #order_form_success{
        width: 100%;
    }

    #order_form_success .box{
        padding: 40px;
    }


    .section7 .main_slider_content .owl-slide .col.left h3,
    .section7 .main_slider_content .owl-slide .col.right h3{
        font-size: 16px;
            margin-bottom: 10px;
    }
    .section7 .main_slider_content .owl-slide .col.left p + p{
        margin-bottom:10px;
        margin-top:0;
    }



    /*---------------
        Footer
    ---------------*/



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