/* ----- Responsive Style Style ----- */

@media only screen and (max-width: 1082px) {
    .bx-hdng h4{font-size: 16px;}
}

@media only screen and (max-width: 1040px) {
    .main-navigation nav.navbar .navbar-collapse ul.nav li{margin-right: 0px;}
}

@media only screen and (max-width: 1015px) {
    .main-navigation nav.navbar .navbar-collapse ul.nav li a{padding: 15px 10px;font-weight: normal;}
}

@media only screen and (max-width: 992px) {
    .tm-box{margin-bottom: 15px;}
    .banner{    background-position: 50% 100%;}
    .team-content .col-md-offset-4 {
    margin-left: 25%;
}
.main-navigation nav.navbar .navbar-collapse ul.nav li a.active {
    border-bottom: 1px solid #ffffff;}
}

@media only screen and (max-width: 987px) {
 .main-navigation nav.navbar .navbar-collapse ul.nav li a{padding: 15px 7px;
    font-size: 14px;}
}

@media only screen and (max-width: 960px) {
 .inner .inner-heading .img-round{margin-right: 8px;}
}

@media only screen and (max-width: 923px) {
    .inner{text-align: center;}
    .inner-heading .pull-left{float: none !important;}
}

@media only screen and (max-width: 951px) {
    .logo img{width: 275px;}
}


@media only screen and (max-width: 883px) {
 
    .banner-content{text-align: center;}
    .banner-content h1 {
        font-weight: 400;
        line-height: 50px;
        font-size: 38px;
    }
}


@media only screen and (max-width: 825px) {
   .logo img{width: 240px;}
   .main-navigation nav.navbar ul.nav li ul.dropdown-menu{    top: 69px;}
}

@media (max-width:789px){
  .main-navigation nav.navbar .navbar-collapse ul.nav li a,
  .main-navigation nav.navbar .navbar-collapse ul.nav li.active a{    padding: 10px 7px;
    font-size: 12px;}
}
@media (min-width:768px){
    .main-navigation nav.navbar .navbar-collapse{
        padding: 0px;
    }

}


@media only screen and (max-width: 767px) {
    .gallery-sec{text-align: center;}
    .overlay {
        left: 54px;
        width: 86%;  
    }
.team-content .col-md-offset-4 {
    margin-left: 0%;
}

.main-navigation nav.navbar .navbar-collapse ul.nav li a, .main-navigation nav.navbar .navbar-collapse ul.nav li.active a{padding:15px;
    font-size: 15px;}
    .main-navigation nav.navbar .main-hvr ul.nav li:hover{padding: 0px;}
    .main-navigation nav.navbar .navbar-collapse ul.nav li{margin-right: 0px;}
    .services .serv-inner-bx{margin-bottom: 10px;}
    .testi-txt{margin-bottom: 10px;}
    .main-navigation nav.navbar .navbar-collapse ul.nav li a:hover{background-color: #e8e8e8; color: black;}
    .main-navigation nav.navbar .navbar-collapse ul.nav li.active a:hover{background-color: #e8e8e8; color: black;}
    .inner{margin-bottom: 10px;padding: 15px;}
    .main-navigation nav.navbar .navbar-collapse.in,
    .main-navigation nav.navbar .navbar-collapse.collapsing{
        position: absolute;
        width: 100%;
        z-index: 99;
        top: 78px;
        background: #f5f5f5;
    }
    .inner-about{text-align: center;}
    .inner-bg-content {
        color: #ffff;
        margin-top: 4em;
        text-align: center;}
        .inner-banner{height: 163px;}
        .border2 {
            height: 3px;
            width: 165px;
            margin: auto;
            background-color: #67cc66;
        }

        .main-navigation nav.navbar .navbar-collapse ul.nav li a {
            font-size: 15px;
            color: #444546;
            border-bottom: 1px solid #ccc;
            background: white;
            padding: 15px;
        }

        .main-navigation .main-search input {
            width: 100%;
        }
        .main-navigation .main-search input:focus {
            width: 100%;
        }
        .navbar-collapse .navbar-nav {
            margin-top: 0;
            margin-bottom: 0;
        }

        header .main-header{
            position: relative;
        }
        .testi-txt p{text-align: center;}
        .title-date{text-align: center;}
        .title-date .col-sm-7{text-align: center !important;}
        .date{text-align: center;}
        .testi-txt img{margin-bottom: 10px;}
        .testi-txt .pull-left{float: none !important;}
        .testi-txt h4{margin-bottom: 8px;}
        .date i{margin-bottom: 4px;}


        .main-navigation nav.navbar .navbar-collapse ul.nav li:hover{border-top: none; border-bottom: none;}
        .main-navigation nav.navbar ul.nav li ul.dropdown-menu{background-color: #f5f5f5;    top: 50px;
            border: 1px solid #ded8d8;}

            .banner{    background-position: 68% 100%;}

        }



        @media only screen and (max-width: 715px) {
            .about-us{text-align: center;}
            .about-para p{text-align: center;}
            .border{width: 100%;}
        }

        
        @media only screen and (max-width: 632px) {
            .banner-content h1 {
                font-weight: 500;
                line-height: 41px;
                font-size: 35px;
            }
            .banner .banner-content {
                color: white;
                margin-top: 9em;
            }
            .banner{height: 645px;}
        }

        @media only screen and (max-width: 502px) {
            .top-header{text-align: center;}
            .top-header .pull-right{float: none !important;}
        }

        

        @media only screen and (max-width: 450px) {
            .logo img{width: 200px;}
            .main-navigation nav.navbar .navbar-collapse.in, .main-navigation nav.navbar .navbar-collapse.collapsing{top: 66px;}
        }

        @media only screen and (max-width: 370px) {
           .main-navigation nav.navbar .navbar-collapse.in, .main-navigation nav.navbar .navbar-collapse.collapsing{text-align: center;}

       }