@media (min-width:992px) { 
    .navbar-nav > li:hover .dropdown-menu{ display: block;}
 

}


@media (min-width:1400px) { 




}

@media (max-width:991px) {
.navbar-collapse{ position: fixed; left: 0px; right: 0px; top: 0px; bottom: 0px; background: #000; padding: 20px; overflow-y: auto;} .navbar-nav{ padding: 0px !important; border-radius: 0px !important;}  
.navbar-nav > li{ padding: 0px;  border-bottom: 1px solid rgba(255,255,255,.4);} 
.navbar-nav > li::after{ display: none;}
.navbar-nav > li > a{ padding: 15px 0px; display:block;}



}



@media (min-width:992px) and (max-width:1199px) {

  .navbar-brand img{ max-width: 250px;}
  .navbar-nav > li > a{ padding: 0px 10px;} 
  .slide-caption h1{ font-size: 26px; line-height: 30px;} 
  .footer-section h6{ font-size: 20px;}

}

@media (min-width:768px) and (max-width:991px) { 

 .hero-section figure{ width: auto !important; margin-left: -12px !important; margin-right: -12px !important;}
 .slide-caption{ padding: 25px 0px 100px; text-align: center;} 
 .hero-section::before{ height: 50px;}
 .mx-l-12{ margin-right: -12px;}
   .max-w-600{ max-width: 100%; text-align: center; padding-bottom: 25px;}
     .ab-detail h4{ justify-content: center;}

}



@media (max-width:767px) {
  body{ font-size: 14px;}
    h2{ font-size: 25px;}
    .fs-7{ font-size: 30px;}
.hero-section figure{ width: auto !important; margin-left: -12px !important; min-height: 320px; margin-right: -12px !important;}
 .slide-caption{ padding: 25px 0px 100px; text-align: center;} 
 .hero-section::before{ height: 50px;}
  .slide-caption h1{ font-size: 24px; line-height: 30px;}  
  .top-r-link a .fa{ width: 20px; height: 20px; font-size: 13px;} 
  .service-card ul{ margin-left: auto !important; margin-right: auto !important;} 

    .bdr-center{ padding-top: 15px; padding-bottom: 15px;}
  .bdr-center::before{ bottom: inherit !important; right: 0px; top: -10px; height: 1px; width: 100%;} 
  .bdr-center::after{ top: inherit !important; left: 0px; bottom: -10px; height: 1px; width: 100%;} 
  .footer-section h6{ font-size: 20px;} 


 .s-c-all .carousel-control-prev, .s-c-all .carousel-control-next{ display: none;}
  .mx-l-12{ margin-right: -12px;} 
  .max-w-600{ max-width: 100%; text-align: center; padding-bottom: 25px;} 
  .navbar-brand img{ max-width: 200px;} 
  .min-h-200{ min-height: 150px;} 
  .s-before::before{ width: auto; left: -12px;} 
  .ab-detail h4{ justify-content: center;}

}