@media (min-width:1200px) and (max-width:1399px) {  
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl{ max-width: 1170px;}

 
}


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

.about-h figure img{ height: 370px; object-fit: cover;}
 
}


@media (max-width:991px) {
.navbar-collapse{ position: fixed !important; z-index: 9999; padding: 25px; display: block !important; width: 100%; height: 100% !important; left: -100%; top: 0px; bottom: 0px; overflow-y: auto; background: #08318d;  transition: all 0.4s ease;
        -webkit-transition: all 0.4s ease;}    
.navbar-collapse.show{ left: 0px;} 
.navbar-nav .nav-item{ margin-left: 0px; margin-bottom: 15px;} 
.navbar-brand img{ height: 44px;} 
.mb-m-top{ background: #fff; margin: -25px -25px 25px; padding:15px 25px;} 
.navbar-nav .nav-link{ color: #fff; padding-bottom: 12px !important; border-bottom: rgba(255,255,255,.25) 1px solid;} 
.navbar-nav .nav-link.active, .navbar-nav .nav-link:hover{ color: #fff; border-bottom: #fff 1px solid;}
.ab-m-pic{ width: 100%; margin-right: 0px !important;}
}


@media (min-width:768px) and (max-width:991px) {  
.about-h figure{ margin-bottom: 25px;}


}





@media (max-width:767px) {
  .about-h figure{ margin-bottom: 25px;}
  header{ border-top: #08318d 10px solid;} 
  .hero-section figure img{ object-fit: cover; height: 350px;}
  h1, h2, .h2{ font-size: 30px;} 
  .c-bdr::before, .c-bdr::after{ display: none;}

}