/* =========================================
   SURELY DIGITAL - RESPONSIVE SYSTEM
   Author: Ram Kumar Mondal (Optimized)
   ========================================= */


/* =====================================================
   LARGE DESKTOP (1400px and below refinement)
   ===================================================== */

@media (max-width: 1400px) {

  .container {
    max-width: 1140px;
  }

  .hero-section h1 {
    font-size: 48px;
  }

}



/* =====================================================
   LAPTOP (1200px and below)
   ===================================================== */

@media (max-width: 1200px) {

  .hero-section h1 {
    font-size: 42px;
  }

  .hero-section p {
    font-size: 16px;
  }

  .section-padding {
    padding: 70px 0;
  }

}



/* =====================================================
   TABLET (992px and below)
   ===================================================== */

@media (max-width: 992px) {

  /* Navbar */
  .navbar-nav {
    text-align: center;
  }

  .navbar-nav .nav-item {
    margin-bottom: 10px;
  }

  /* Hero */
  .hero-section {
    text-align: center;
  }

  .hero-section img {
    max-width: 80%;
    margin-top: 30px;
  }

  .hero-section h1 {
    font-size: 36px;
  }

  /* Two Column Sections */
  .row > [class*='col-'] {
    margin-bottom: 15px;
  }

  /* Team */
  .team-card {
    text-align: center;
  }

  /* Footer */
  .footer .col-lg-4,
  .footer .col-lg-3 {
    margin-bottom: 30px;
    text-align: center;
  }
  .menu-btn {display: block;}

}



/* =====================================================
   SMALL TABLET (768px and below)
   ===================================================== */

@media (max-width: 768px) {

  body {
    font-size: 14px;
  }

  h1 {
    font-size: 30px !important;
  }

  h2 {
    font-size: 24px !important;
  }

  h3 {
    font-size: 20px !important;
  }

  .container-fluid {
    padding-left: 15px;
    padding-right: 15px;
  }

  .section-padding {
    padding: 50px 0;
  }

  /* Hero adjustments */
  .hero-section img {
    max-width: 100%;
  }

  .hero-section {
    padding: 60px 0;
  }

  /* Buttons full width */
  .btn {
    width: 100%;
  }

  /* Slick slider fix */
  .slick-slide {
    text-align: center;
  }

  .contact-info, .social-share {justify-content: center;}
  .large-menu, .header-quote {
    display: none;
  }
  .toolbar-contact ul li {margin-right: 0;}
  .header {
    padding: 7px 0;
    border-bottom: 1px solid #d1d1d1;
  }
  .hero-image {
    position: static;
    transform: inherit;
    max-width: 100%;
  }
  .part-heading-box, .partners-logo {justify-content: center;}
  .get-started {font-size: 20px;}
  .footer-up .container {
    padding: 70px 15px;
  }

}



/* =====================================================
   MOBILE (576px and below)
   ===================================================== */

@media (max-width: 576px) {

  .container {
    padding-left: 15px;
    padding-right: 15px;
  }

  /* Header Logo */
  .navbar-brand img {
    max-height: 40px;
  }

  /* Hero */
  .hero-section h1 {
    font-size: 24px !important;
  }

  .hero-section p {
    font-size: 14px;
  }

  /* Blog Cards */
  .blog-card {
    margin-bottom: 25px;
  }

  /* Partner logos */
  .partners img {
    max-width: 80%;
    margin: auto;
  }

  /* Team Section */
  .team-card img {
    width: 120px;
    height: 120px;
    object-fit: cover;
  }

  /* Footer */
  .footer {
    text-align: center;
  }

}



/* =====================================================
   EXTRA SMALL (400px and below)
   ===================================================== */

@media (max-width: 400px) {

  h1 {
    font-size: 20px !important;
  }

  h2 {
    font-size: 18px !important;
  }

  .hero-section {
    padding: 40px 0;
  }

  .btn {
    font-size: 14px;
    padding: 10px;
  }

}