@media only screen and (max-width: 1400px) {
  
}
@media only screen and (max-width: 1200px) {
   
}
@media only screen and (max-width: 1024px) {

}

@media only screen and (max-width: 991px) {
  .main-wapper { padding: 75px 0 0; }
  .section-title h2 { font-size: 22px; }
  .page-title h1 { font-size: 1.5rem; }

  body { font-size: 14px; }  
  header.header .navbar-light .navbar-toggler { padding: 0; margin: 0 0 0 15px; }
  header.header .menu-list { border: 0; }
  header.header .navbar-nav { align-items: start; }
  header.header .navbar-nav li { padding: 0; width: 100%; }
  header.header .navbar-nav li a, 
  header.header .navbar-nav li.dropdown a{ padding: 10px; width: 100%; display: inline-block; }
  header.header .navbar-nav li a .icon { display: inline-block; }

  header.header .navbar-collapse{ position: fixed; background: #fff; top: 77px; left: 0px; bottom: 0; width: 280px; height: 100vh !important; transition: .3s; padding-top: 0px; box-shadow: 0px 2px 1px 0px #e2e2e2; }
  header.header .navbar-collapse.collapse:not(.in) { display: block; left: -280px; transition: .3s; }
  header.header .navbar-collapse.collapse.in{ left: 0px; transition: .3s; display: block; }  
 
  header.header .navbar-nav .dropdown { width: 100%; padding: 0; }  
  header.header .navbar-nav li.dropdown ul.dropdown-menu { position: relative; box-shadow: none; background: none; padding: 0 0 0 45px; }
 
  
  

}
@media only screen and (max-width: 768px) {
    section { padding: 30px 0; }
    
    footer .footer-bottom .copyright-footer { display: block; }

 
} 
@media only screen and (max-width: 767px) {
   
}
@media only screen and (max-width: 667px) {
   
}

@media only screen and (max-width: 568px) {
    

}
@media only screen and (max-width: 480px) {
  .success-btn { padding: 7px 20px; font-size: 12px;}
 


}
@media only screen and (max-width: 400px) {
 
}