/*----- responsive-design -----*/

@media only screen and (max-width: 41.25em) {

}

@media screen and (max-width: 1200px) and (min-width: 992px) { 
    nav.navbar ul.navbar-nav a {
        font-size:10px
    }
}
@media screen and (max-width: 1100px) and (min-width: 468px) { 
    .hero h1 {
        font-size: 4em
    }
}
@media screen and (max-width: 1199px) {

.our-services .text-right {
        text-align: left
    }
    .mobileShow{
        display: block
    }
    .mobileHide{
        display: none !important
    }

    
    .our-services img{
        margin-top:15px 
    }
}


@media screen and (max-width: 1024px) {
    .hero h3 img {
        width: 150px
    }

    .mobileHide2{
        display: none !important
    }

    .mobileShow2{
        display: block !important
    }

    .allservices .sec2 {
        text-align: LEFT;
        direction: ltr;
    }
    .allservices a img {
        margin: 0px 0;
    }

}
@media screen and (max-width: 991px) {
   .section-head h3 span.frist,
   .section-head h3 span.second
    {
        display: none!important
    }
    .second-features {
    margin-top: 0px
    }
   
    nav.navbar { 
    padding: 10px 0;
    background: #FFF!important;
    border-color: transparent; 
    border-bottom: 0px solid #0a0a0a!important;
    -webkit-box-shadow: 0 6px 6px rgba(0, 0, 0, .175)!important;
    box-shadow: 0 6px 6px rgba(0, 0, 0, .175)!important;
    }
    nav.navbar ul.navbar-nav a {
/*         background: aliceblue!important;
*/    }

    .navbar-nav {
    right: 0;
    left: 0;
    background: #f9f9f9;
    -webkit-box-shadow: 0 6px 6px rgba(0, 0, 0, .175)!important;
    box-shadow: 0 6px 6px rgba(0, 0, 0, .175)!important;
    border-top: 1px solid #f1f1f1;
        
    }
   .navbar-nav>li {
    float: none;
    display: block;
    }
    
    .navbar-right .dropdown-menu {
    background-color: aliceblue !important;
    color: #000;
    left: 0;
    right: 0;
    }
    .dropdown-menu>li>a {
    color: #17783b!important;
    }
    .dropdown-menu:before {display: none}
    .navbar-nav>li>a {
        padding: 10px 17px 15px 0;
    }
    .darkLogo {
        display: block
    }
    .LightLogo {
        display: none!important
    }

    .footer-line ul.footer-menu {
        text-align: center;
    }
    .footer-line p {
    text-align: center;
    }
   section {
    margin-top: 20px;
    } 

    .social-links a {
    /*    text-align: left;
        margin-bottom: 20px;*/
    }

    .small-menu-2 {
        background-color: #0e5c9b;
        padding: 0px 0;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 99999
    }

    .subPage-BG {
        margin-top: 140px;
    }
    .top-nav-collapse {
        margin-top: 55px;
        z-index: 999;
        border-top:0;
    }
    nav.navbar {

      margin-top: 0px
    }
   
   
}
    
@media (max-width: 768px){

.PostSlider-Content p {
    font-weight: 400;
    font-size: 11px !important;
    padding-top: 0px;
    line-height: 15px !important;
}

.PostSlider-Content ul li{
    font-weight: 400;
    font-size: 11px !important;
    margin-left: 25px !important 
}
.navbar-nav .open .dropdown-menu {
        position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}


    .brand {
    margin-left: 15px!important;
    }
    .page-header {
    width: 6%;
    }

    .hero h3 {
    font-size: 14px;
    }

    #welcome-intro .welcome-block {
    width: 100%;
    padding: 80px 20px 60px 20px;
    }
    
    section#CallToAction .joinUs-Image {
     margin-top: -100px;
    }    


    .fade-carousel {
    height: 100vh;
    }
    .fade-carousel .carousel-inner .item {
        height: 100vh;
    }

    #contactform {
        position: relative;
        top:0
    }
    
    .btn {
        padding: 15px 35px;
    }
    .news .icon {
        display: none
    }
    
}

@media screen and (max-width: 700px) {
     .info-link a {
        font-size: 6px;
    }
    .top-link > li, .info-link > li {
        padding-right: 0;
    }

    .top-link a img {
      margin-top: -3px;
      width: 50px;
    }

    .section-head h1,
    .section-head h1.heroTxt{
    font-size: 2em;

    }


   
}

@media (max-width: 480px){
h1{
    font: 700 40px/1.4 Raleway, sans-serif;
    }
    .page-header {
    width: 10%;
    }

    h3 {
        font-size: 25px
    }
    .show-video h5 {
            line-height: 50px;
    }
    section#CallToAction h3 {
        font-size: 30px;
    }
    .btn-lg {
        width: 100%;
        font-size: 14px
    }
    .hero {
        top:60%
    }

    .carousel-control {
        left:5%
    }
    .carousel-control.right {
        right: 5%
    }
    .carousel-indicators {
        display: none
    }
    .breadcrumb h3 {
        font-size: 1em
    }
    .section-head span {
        display: none;
    }
    .hero h3 img {
    display: none
    }

    .tp-mask-wrap {
        display: none !important
    }


}
@media (max-width:320px){
  
}