/***********MOBILE************/
@media screen and (max-width: 1387px) {
    .insta ul li a img{
        height: 48px;
    }
    .phone span{
        font-size:20px;
    }
    .main-menu{
        font-size:16px;
    }
}


@media screen and (max-width: 1200px) {
    .menu-container{
      /*  display: none;*/
    }
    .mob-menu{
        display: block;
        /*margin-top: 10px;*/
    }

}


@media screen and (max-width: 960px) {
    .callme{
        display: block;
    }
    /***********HEADER************/
     .phone{
         display: none;
     }
    .phone-mobile{
        display: block;
    }
    .logo{
        height: 50px;
    }
    .insta img{
        height: 50px;
    }

    .timejob{
        padding-top: 6px;
        font-size:9px;
    }
    .mob-menu a{
        font-size:10px;
    }
    .block_input{
        width: 90%;
    }
    .block_input button{
        font-size: 12px;
    }
    .menu-container2{
        margin-top: 14px;
    }
        /***********BANNER************/
    .block_text1{
        width: 90%;
    }
    .block_text2{
        width: 70%;
        padding: 18px 0 8px 0;
    }
    .other-text-banner{
        width: 90%;
    }
    .CALC{
        width: 100%;
    }
    .BANNER .block_input button{
        top:-2px;
    }

    /***********CALC************/
    .CALC h2{
        font-size: 30px;
    }
    .calc-wrap select{
        width: 100%;
        padding-left: 20px;
    }
    .calc-wrap input[type=radio]:checked + label:before {
        line-height: 13px;
    }
    .calc_inp_wrap{
        text-align: left;
    }
    .calc-q{
        font-size:14px;
    }

    /***********FEEDBACK************/

    .feedback-types .block_input{
        width: 100%;
    }
    .feedback-types .block_input button{
        top:-3px;
    }

    /***********PROMO************/
    .PROMO img{
        margin-bottom: 20px;
    }

    /***********SOLUTION************/

    .SOLUTION ul li{
        float: none;
        margin-bottom: 4px;
    }

    /***********FEEDBACK-2************/
    .FEEDBACK-2 h2{
        width: 100%;
        text-align: left;
        padding-left: 40px;
    }
    .inner h3{
        text-align: center;
    }
    .wrap-mobile{
        display: block;
    }
    .wrap-desk{
        display: none;
    }

    /***********ABOUT_US************/

    .card{
        width: 100%;
        height:auto;
        background-image: url(../img/bg-about.png);
        -webkit-background-size:100% auto;
        background-size:100% auto;
        padding: 20px 0 20px 30px;
    }

    .fb-3-form button, .fb-3-form input{
        width: 100%;
        text-align: center;
    }
    .FOOTER .menu-container2{
        padding:20px 0;
    }
    .FOOTER .menu-container2 a{
        color: #fff;
    }
    .time{
        display: none;
    }
    .btn{
        width: 100%;
    }
    .btn a{
        display: block;
        margin: 0 auto;
    }
    .potfolio_container{
        width:100%;
        margin: 0;
    }
    .modal-body{
        width: 100%;
    }
    .modal-footer .btn+.btn{
        margin: 0;
    }
    .modal-body button{
        margin: 0;
        width: 100%;
        margin-bottom: 10px;
    }
    .insta_footer{
        height: 50px;
    }
    .SINGLE-PAGE-CONTENT iframe {
        display: block;
        margin:0 auto;
        width: 100%  !important;
        height:200px !important;
    }
    #vk_community_messages{
        display: none !important
    }
}

.SINGLE-PAGE-CONTENT h2{
    margin:0 auto;
    max-width: 600px;
    text-align: center;
}

.blocks-gallery-item__caption{
    display: none;
}

.card{
    border: 1px solid rgba(0,0,0,.0) !important;
}

.FOOTER .menu-container2 a {
    padding: 20px 3px  !important;
}

.carousel-control-next-icon, .carousel-control-prev-icon {
    display: inline-block;
    width: 60px;
    height: 60px;
    border-radius: 30px;
    -webkit-background-size:70% !important;
    background-size:70% !important;
    background-position: center !important;
    background-color: #1C2331 !important;
    -webkit-box-shadow: 3px 3px 11px 0px rgba(50, 50, 50, 0.35);
    -moz-box-shadow:    3px 3px 11px 0px rgba(50, 50, 50, 0.35);
    box-shadow:         3px 3px 11px 0px rgba(50, 50, 50, 0.35);
}