/*==========  Mobile First Method  ==========*/
@media (min-width:576px){ /* If width is 576px or higher */
   .container{padding-right:15px;padding-left:15px}
}
@media (min-width:768px){ /* If width is 768px or higher */
   .container{padding-right:15px;padding-left:15px}
}
@media (min-width:992px){ /* If width is 992px or higher */
   .navbar.navbar-dark .nav-item >.nav-link, 
   .navbar.navbar-dark .navbar-nav .nav-item >.nav-link { 
      padding-top: 20px; 
   }
   .container{padding-right:15px;padding-left:15px}
}
@media (min-width:1200px){ /* If width is 1200px or higher */
   .container {padding-right:15px;padding-left:15px}
}


/*==========  Non-Mobile First Method  ==========*/
@media (max-width:1200px){ /* If width is 1200px or higher */
   /* .top-menu { background: white } /* */

}
@media (max-width: 992px) {
   /* .top-menu { background: yellow } /* */
   .btn-request { display: none }
   
   .navbar .navbar-brand { top: 0; }
   .navbar-brand img { width: 100%  }
   .main-title:before, .title:before { height: auto; margin-top: 0 }
   
   .hamburger .menu-bar .nav-item { display: block; width: 100%; min-width: 250px; }

   .our-services li { display: inline-block; }
   .our-services li:after { content: " | "; padding: 0 5px}
   .our-services li:last-child:after { content: "" }
   .useful-links li { display: inline-block; }
   .useful-links li:after { content: " | "; padding: 0 5px}
   .useful-links li:last-child:after { content: "" }
   .social-links li { display: inline-block; }
   .social-links li:after { content: " | "; padding: 0 5px}
   .social-links li:last-child:after { content: "" }
      .key-strengths .flex-column .card { margin-bottom: 10px }
}
@media (max-width:768px){ /* If width is 768px or smaller */
   /* .top-menu { background: green } /* */
   .social-icons { display: none }

   .navbar .navbar-collapse { font-size: 13px; display: f }
   .sub-footer blockquote { margin-top: 30px; border-right: 1px solid rgba(37, 39, 40, 0.29) }
}
@media (max-width:576px){ /* If width is 576px or smaller */
   /* .top-menu { background: red } /* */
   .top-menu .justify-content-between { justify-content: center !important }
   .hamburger .menu-bar .nav-item a { font-size: 25px; margin-bottom: 0 !important; margin-top: 0 !important }
   
   .top-email { display: none }
   .top-partition { display: none }
}


/*==========  Non-Mobile First Method  =====  ONLY FOR SLIDER  ==========*/

@media (max-width:1200px){ /* If width is 1200px or higher */
   .navbar-brand { width: 50%  }
   .navbar-brand img { width: 100%; }

   .full-height, .full-height body, .full-height header, .full-height header .view {
      /* height: 85% !important;
      max-height: 85% !important; */
   }
   .banner-slider { height: 100%; width: 100%; }
   .particles-div, .particles-js-canvas-el { height: inherit !important; max-height: inherit !important }
   #particles-js  { height: inherit !important; max-height: inherit !important }
   .carousel-item { height: inherit !important;  }

}
@media (max-width: 992px) {
   .navbar-brand img { width: 90%; min-width: 175px; }
   .full-height, .full-height body, .full-height header, .full-height header .view {
      /*
      height: 80% !important;
      max-height: 80% !important;
      */
   }
   /* .carousel-item { background-size: 100% auto !important; } */
   .carousel-item { background-size: cover !important; }
}
@media (max-width:768px){ /* If width is 768px or smaller */
   .full-height, .full-height body, .full-height header, .full-height header .view {
      /*
      height: 70% !important;
      max-height: 70% !important;
      */
   }
}
@media (max-width:576px){ /* If width is 576px or smaller */

}