@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;} 
.navbar-nav{ width: auto;} 
.hero-section figure img{ width: 100%;} 
.hero-section figure{ margin: 0px -30px !important;} 
.s-detail{ margin: 0 auto; text-align: center;} 

.slide .container{ max-width: 100%;}
 
}


@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: #2b5291;  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: 60px;} 
.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;} 
.hero-section figure img{ width: 100%;} 
.hero-section figure{ margin: 0px -40px !important;} 
.s-detail{ margin: 0 auto; text-align: center;} 
.navbar-brand{ margin-top: 0px;} 
.navbar-nav{ width: auto; padding: 0px; margin: 0px;} 

.slide .container{ max-width: 100%;}
}


@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: #2b5291 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;} 

  .r-u-m-bx h3{ margin: -30px 30px 0px;} 
  .test-bx{ width: 300px; min-height: 300px; height: auto;}

}