@media (max-width:1115px) {
    body, header, #container, .row,  div.header {
        width: 100%;
        min-width:0;
        transition:all 0.3s ease 0s;
    }
    body{overflow-x:hidden;}
    .index-service-title{
        font-size:1.15em;
    }

    .row.simple{
        width:96%;
        margin:0 2%;
    }
    .header-phone{
       font-size:1.2em;
    }
    .footer .header-phone{
        font-size:1.33em;
    }
     .topmenu {
        width:calc(100% - 150px);
    }
    .footer-menu{width:96%;margin:0 auto;}

}/* 1115 px*/

@media (max-width:1040px) {
    .header-phone,.header-adres{
        padding:0 10px 0 40px;
     }
    .header-phone{
       font-size:0.95em;
     }
    .footer .header-phone{
        font-size:1.33em;
    }
    .header-adres{font-size:0.85em;}
    .header-callback a{
        padding:4px 8px;
        margin-top:10px;
    }
    .topmenu a, .footer-menu a{
        font-size:0.95em;
        padding:4px 6px;
    }


    .how-work{
        float:none;
        clear:both;
        width:250px;
        margin:30px auto 70px auto;
    }
    .how-work:after{
        content:'';
        position:absolute;
        width:54px;
        height:19px;
        top:auto;
        right:auto;
        left:calc(50% - 27px);
        bottom:-47px;
        transform:rotateZ(90deg);
    }
    .footer-menu a{
        font-size:0.95em;
        color:#fff;
        text-transform:uppercase;
        position:relative;
    }
    .index-text{width:96%;margin:20px 0 0 2%;height:auto;}
}/* 1040 px*/

@media (max-width:990px) {
    .index-service{
        width:262px;
        max-width:calc(46% - 4px);
        margin:1.04% calc(25% - 133px);
    }

}/* 990 px*/


@media (max-width:870px) {
    .permission-title{
        font-size:0.85em;
    }

    .footer_soc{
        text-align:center;
    }
    .footer_soc a{float:none;display:inline-block;margin:25px 10px 19px 0;}
    .footer-center, .footer_soc{float:left;width:calc(100% - 100px);margin:0 0 0 10px;}
    .footer-copyright{
        float:left;
        margin-top:0;
        width:100%;
        text-align:center;
    }
    a.footer-wi{
        display:block;
        color:#fff;
        float:left;
        margin-top:0;
         width:100%;
        text-align:center;
    }
    .header {
        position:relative;
        padding:11px 0 52px 0;
     }

    #slider-section {
        height: 550px;
    }
    .slide-text>div{
        font-size:1.5em;
    }
    .slide-text>div:first-of-type{margin:1em auto 0 auto; font-size:2.4em;}

    .topline_contacts{
       position:absolute;
       left:240px;
       right:5px;
       top:65px;
       width:calc(100% - 155px);
       color: #00384d;
    }
    #topline .topline_contacts a, #topline .topline_contacts a:hover{
       color: #00384d;
    }
    .topline_contacts>div{width:calc(100% - 40px);line-height:30px;margin-bottom:5px;padding:0 5px 0 35px;}
    .header-phone{
        background:transparent url(../img/header-phone-black.png) left center no-repeat;
     }
    .footer .header-phone{
        font-size:1.33em;
        background:transparent url(../img/header-phone.png) 5px center no-repeat;
    }
    .header-adres{
        background:transparent url(../img/header-adres-black.png) left center no-repeat;
    }
    .header-callback{
         position:absolute;
         top:0;
         right:5px;
         z-index:10;
    }


    .topmenu_mobile{display:block;}

    div.topmenu{
        position:absolute;top:-51px;
        margin:0;
        width:100%;
        z-index:5;

    }
    div.topmenu table, .footer-menu table{
        display:none;
        background:#80848d;
        padding-bottom:5px;
    }
    div.topmenu td{
        width:96%;
        display:block;
        text-align:left;
        padding:1% 1% 1% 10px;
        margin:0;
        height:auto;
    }
     div.topmenu td>a, div.topmenu td>a:hover, div.topmenu td.active>a{border:none; color:#fff;padding:5px 0;}
     div.topmenu td.active a:before, div.topmenu td a:before{display:none;}
    div.topmenu td ul{
        position:relative;
        top: 0;
        padding: 0;
        width:100%;
        box-shadow: none;
        border: none;
        border-top: none;
        transform:none;
        display:none;
        background:#bdc1cc;
        opacity:1;
    }
    .topmenu td>ul li:nth-of-type(even){
        background:#54595a;
    }
    div.topmenu td ul a{color:#fff;}
    .topmenu td a:after{
        content:"";
        height:10px;
        top:50%;
        margin:-5px 0 0 0;
        width:0px;
        background:#f7cd1f;
        border:none;
        left:-20px;
        transform:rotateZ(45deg);
    }
    .topmenu td.active>a:after, .topmenu a:hover:after{
        width:10px;
        left:-17px;
    }
    .topmenu td.active a.lm-active, .topmenu td li a:hover,
    .footer-menu td.active a.lm-active, .footer-menu td li a:hover
    {
        color:#fff;
    }

    div.topmenu td ul a.lm{border:none; width:100%;}
    div[class^=navbar-toggle]{display:block;}

     h1.title.simple_title{margin-top:20px;}


}/* 870 px*/

@media (max-width:770px) {
    .article-preview{
        width:94%;
        margin:3%;
    }
    .permission{
        float:none;
        display:inline-block;
        width:31%;
        margin:1%;
    }
    .permission-title{
        font-size:1em;
    }


    .gallery-item{
        width:calc(31.3% - 4px);
    }

    .footer-contacts p, .footer-contacts div{
        display:block;
        background:transparent;
        width:100%;
        padding:0;
        margin:0;
        line-height:1.5em;
        height:auto;
    }
    .footer-contacts div{margin-bottom:10px;}

    .catalog-block table{
        font-size:0.9em;
    }
    .catalog-block table tr:first-of-type{
         font-size:1.1em;
    }
    .catalog-block table td[colspan="3"]{
        font-size:1.1em;
    }
}

@media (max-width:680px) {
    .article-preview>a{font-size:1em;}



    .index-section-permissions .clear_2{display:none;}
    .index-section-permissions .clear_3{display:none;}



    .title, h1.title, h2.title{
        font-size:2em;
        width:96%;margin-left:2%;
    }
    .after_title{
        font-size:1.15em;
        width:96%;margin-left:2%;
    }
}


@media (max-width:590px) {
    .about_preview{
        width:96%;
        margin:0 0 30px 2%;
    }
    .about_preview img{
        float:none;
        margin:0 auto 10px auto;
        border-radius:4px;
        width:calc(100% - 8px);
        max-width:none;
    }
    .index-service{
        width:262px;
        max-width:calc(46% - 4px);
        margin:1.04% 2%;
    }
    .permission{
        width:96%;
        margin:2%;
    }


    .logo{margin:0 20px 0 5px;}
    .topline_contacts{
       left:190px;
       top:60px;
    }
    .topline_contacts>div{
        line-height:1.2em;
        background-position:left top;
        min-height:28px;
    }
    .header-phone a{display:inline-block;width:100%;}
    .footer .header-phone{display:inline-block;line-height:1.5em;width:auto;margin:5px auto;background:transparent;}
    .footer .header-phone a{width:300px;}


    #slider-section {
        height: 400px;
    }
    .slide-text>div{
        font-size:1.1em;
    }
    .slide-text>div:first-of-type{margin:1em auto 0 auto; font-size:1.6em;}
    .add_request{
        margin-top:1.5em;
    }
    .add_request a{
        font-size:1em;
        padding:6px 12px;
    }
}/* 590 px*/

@media (max-width:520px) {
    .footer_soc a{float:none;display:inline-block;margin:20px 10px 8px 0;}

    #slider-section{
        height:350px;
    }
    .slide-text>div{
        margin:0.5em auto 0 auto;
    }

    .gallery-item{
        width:calc(48% - 4px);
    }

    .oc-form input{
        width:96%;
        margin:1.5% 1.5% 1.5% 0;
    }

    .catalog-block table{
        font-size:0.8em;
    }
    .catalog-block table tr:first-of-type{
         font-size:0.9em;
    }
    .catalog-block table td[colspan="3"]{
        font-size:1.1em;
    }
}

@media (max-width:450px) {
    .title, h1.title, h2.title{
        font-size:1.5em;
    }
    .after_title{
        font-size:1em;
        margin:0px 0 15px 0;
    }

    .index-service{
        width:calc(96% - 4px);
        max-width:262px;
        float:none;
        margin:1.5% auto;
    }
}


@media (max-width:400px) {

    #slider-section {
        height: 300px;
    }
    .slide-text{
        font-size:0.8em;
    }
    .slide-text>div:first-of-type{margin:0.7em auto 0 auto;}
    .add_request{
        margin-top:0.7em;
    }
    .footer .header-phone a{width:70%;}
}/* 400 px*/

@media (max-width:350px) {

    .footer_soc a{float:none;display:inline-block;margin:20px 10px 15px 0;}
    .footer-copyright,a.footer-wi{
        font-size:0.9em;
    }
}