﻿@media screen and (max-width:960px) {
    .navbar-inverse .navbar-toggle {
        border: 0
    }
    .navbar-nav {
        display: block;
        float: none;
        text-align: center;
        background: rgba(0, 0, 0, .8)
    }
    .navbar-inverse .navbar-nav>li>a {
        padding: 20px;
        border-bottom: 1px solid rgba(255, 255, 255, .1)
    }
    .navbar-inverse .navbar-nav>li:last-child>a {
        border-bottom: 0
    }
    .navbar-collapse {
        padding: 0
    }
    .sectors_group .sec_block {
        width: 200px;
        min-height: 190px;
        padding: 30px 15px
    }
    .f_block {
        margin: 15px 0 0;
        padding: 20px
    }
}

@media screen and (max-width:800px) {
    body {
        font-size: 14px
    }
    .mobile_banner {
        display: block!important
    }
    .desktop_banner {
        display: none!important
    }
    .about_img::before {
        display: none
    }
    .gen_block {
        padding: 15px;
        min-height: auto
    }
    .track_box {
    position: relative;
    top: 40px;
    width: 100%;
    right: 0;
    
}
.gen_block h2 {
    margin-top: 60px;
}
.gen_block .icon_block {
    top: -42%;
}
.gen_block .it-22 {
    top: -22% !important;
}
.navbar-inverse .navbar-nav > li > a::after {
    display: none;
}
.navbar-nav {
    float: right;
    width: 100%;
    margin-right: 0px !important;
    
}
}

@media screen and (max-width:700px) {
    .res0 {
        padding: 0
    }
    .address_row .block_group .address_block {
        min-height: auto;
    }
}

@media screen and (max-width:550px) {
    .main_banner {
        height: auto
    }
    .main_banner #myVideo {
        width: auto;
        height: 70vh
    }
    .main_banner .slide_text h2 {
        font-size: 2em;
        letter-spacing: 10px
    }
    .main_banner .slide_text img {
        margin: -15px 20px 0 0;
        height: 50px
    }
    .main_banner .man_img {
        top: 58%;
        width: 360px
    }
    .general_row {
        padding: 60px 0
    }
    .tagline {
        font-size: 1.5em
    }
    .s_img img {
        width: 100%
    }
    .s_content {
        padding: 30px 15px;
        min-height: 120px
    }
    .serveInd_row .s_img {
    width: 100%;
    height: auto;
}
.footer_title {

    font-size: 1.5em;

}


}

@media screen and (max-width:500px) {
    .main_banner .slide_text p {
        font-size: 1em;
        padding-right: 115px
    }
    .main_banner .slide_text img {
        margin: -25px 20px 0 0;
        height: 47px
    }
    .flex-control-nav {
    position: absolute;
    bottom: 5%;
    left: 20%;
    transform: translate(-50%,-50%);
    z-index: 99;
}
}

@media screen and (max-width:400px) {
    .main_banner .man_img {
        top: 63%;
        width: 300px
    }
    .main_banner .slide_text h2 {
        letter-spacing: 5px
    }
    .sectors_group .sec_block {
        width: 165px;
        padding: 30px 10px;
        margin: 5px
    }
    .sectors_group .sec_block span {
        font-size: 16px
    }
    .sectors_group .sec_block img {
        width: 60px
    }
    .f_block h2 {
        font-size: 1.2em
    }
    .footer_row h3 {
        font-size: 1.2em;
        letter-spacing: 1px
    }
    .social a {
        font-size: 1.6em
    }
    .navbar-brand>img {
        width: 80px
    }
    .copyright_row {
        padding: 25px 0
    }
    .copyright_row p {
        font-size: 12px;
        letter-spacing: 0;
        line-height: 1.4
    }
    .footer_title {
    font-size: 1.3em;
}
.fixed-header .navbar-brand img {
    height: auto;
    width: 50%;
    
}

}

@media screen and (max-width:380px) {
    .sectors_group .sec_block {
        width: 100%;
        padding: 15px 10px;
        min-height: 50px
    }
}

@media screen and (max-width:340px) {
    .tagline {
        font-size: 1.3em
    }
    .main_banner .slide_text img {
        margin-right: 15px
    }
    .main_banner .slide_text h2 {
        letter-spacing: 2px
    }
    .main_banner .slide_text p {
        margin-top: 10px
    }
}