/* ============================================
   1920px — Full HD Screens
   ============================================ */
@media (max-width: 1920px) {
  .container {
    max-width: 1576px; /* YOUR DESIGN WIDTH */
  }
  .navSec .nav-link {
    font-size: 19px;
    color: var(--Black);
  }
  .sliderSec h1.fs40 {
    font-size: 60px;
  }
  .studentBox {
    background: var(--Lightwhite);
    /* box-shadow: 0px 0px 10px #3333; */
    border-radius: 20px;
    position: relative;
    z-index: 0;
    padding-bottom: 2.6rem;
    transition: 0.3s ease;
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .studentBox h3.fs18 {
    font-size: 25px;
  }
  .studentBox p.fs14 {
    font-size: 16px;
  }
  .recordTrackbox h3.fs25 {
    font-size: 30px;
  }
  .recordTrackbox p.fs14 {
    font-size: 16px;
  }
  .serviceList .info p.fs20 {
    font-size: 20px;
  }
  .mostoutbox p.fs20 {
    font-size: 20px;
  }
  .successStudent h3.fs35 {
    font-size: 45px;
  }
  .aboutWriting h3.fs40 {
    font-size: 50px;
  }
  .aboutWriting h3.fs25 {
    font-size: 35px;
  }
}

/* ============================================
   1680px — Large Laptops (17”)
   ============================================ */
@media (max-width: 1680px) {
  .container {
    max-width: 1400px !important;
  }
  .navSec .nav-link {
    font-size: 17px;
    color: var(--Black);
  }
  .sliderSec h1.fs40 {
    font-size: 50px;
  }
  .studentBox h3.fs18 {
    font-size: 20px;
  }
  .studentBox p.fs14 {
    font-size: 16px;
  }
  .recordTrackbox h3.fs25 {
    font-size: 28px;
  }
  .recordTrackbox p.fs14 {
    font-size: 14px;
  }
  .serviceList .info p.fs20 {
    font-size: 20px;
  }
  .serviceList .info p.fs14 {
    font-size: 13px;
  }
  .mostoutbox p.fs20 {
    font-size: 18px;
  }

  .successStudent h3.fs35 {
    font-size: 35px;
  }
  .aboutWriting h3.fs40 {
    font-size: 40px;
  }
  .aboutWriting h3.fs25 {
    font-size: 25px;
  }
}

/* ============================================
   1536px — High-end Laptops
   ============================================ */
@media (max-width: 1536px) {
  .container {
    max-width: 1300px !important;
  }
  .navbar-brand img {
    width: 180px;
  }
  .navSec .nav-link {
    font-size: 17px;
    color: var(--Black);
  }
  .sliderSec h1.fs40 {
    font-size: 45px;
  }
  .studentBox h3.fs18 {
    font-size: 18px;
  }
  .studentBox p.fs14 {
    font-size: 16px;
  }
  .recordTrackbox h3.fs25 {
    font-size: 25px;
  }
  .recordTrackbox p.fs14 {
    font-size: 12px;
  }
  .serviceList .info p.fs20 {
    font-size: 17px;
  }
  .serviceList .info p.fs14 {
    font-size: 13px;
  }
  .successStudent h3.fs35 {
    font-size: 35px;
  }
  .aboutWriting h3.fs40 {
    font-size: 40px;
  }
  .aboutWriting h3.fs25 {
    font-size: 25px;
  }
}

/* ============================================
   1440px — Most Common Laptops
   ============================================ */
@media (max-width: 1440px) {
  .container {
    max-width: 1200px !important;
  }
  .navbar-nav .nav-link {
    font-size: 15px;
  }
  .sliderSec h1.fs40 {
    font-size: 40px;
  }
  .studentBox h3.fs18 {
    font-size: 16px;
  }
  .studentBox p.fs14 {
    font-size: 14px;
  }
  .successStudent h3.fs35 {
    font-size: 35px;
  }
  .aboutWriting h3.fs40 {
    font-size: 40px;
  }
  .aboutWriting h3.fs25 {
    font-size: 25px;
  }
}

/* ============================================
   1366px — Standard Business Laptops
   ============================================ */
@media (max-width: 1366px) {
  .container {
    max-width: 1140px !important;
  }

  .navbar-brand img {
    width: 160px;
  }
  .navSec .nav-link {
    font-size: 14px;
    color: var(--Black);
  }
  .sliderSec h1.fs40 {
    font-size: 40px;
  }
  .successStudent h3.fs35 {
    font-size: 35px;
  }
  .aboutWriting h3.fs40 {
    font-size: 40px;
  }
  .aboutWriting h3.fs25 {
    font-size: 25px;
  }
}

/* ============================================
   1280px — 13" Laptops
   ============================================ */
@media (max-width: 1280px) {
  .container {
    max-width: 1100px !important;
  }
  .navSec .nav-link {
    font-size: 13px;
    color: var(--Black);
  }
  .navbar-brand img {
    width: 150px;
  }
  .successStudent h3.fs35 {
    font-size: 35px;
  }
  .aboutWriting h3.fs40 {
    font-size: 40px;
  }
  .aboutWriting h3.fs25 {
    font-size: 25px;
  }
}

/* ============================================
   1024px — Tablets & Small Laptops
   ============================================ */
@media (max-width: 1024px) {
  .container {
    max-width: 960px !important;
  }
  .navSec .nav-link {
    font-size: 11px;
    color: var(--Black);
  }
  .navbar-brand img {
    width: 140px;
  }
}

/* ============================================
   992px — Bootstrap Navbar Collapse
   ============================================ */
@media (max-width: 992px) {
  .container {
    max-width: 100% !important;
  }

  .navbar-nav .nav-link {
    padding: 10px 0;
    width: 100%;
    border-bottom: 1px solid #eee;
  }

  .navbar-brand img {
    width: 130px;
  }

  .navbar-nav {
    gap: 5px;
  }
}

/* ============================================
   768px — Tablets (Portrait)
   ============================================ */
@media (max-width: 768px) {
  .container {
    max-width: 100% !important;
  }

  .navbar-brand img {
    width: 120px;
  }
}

/* ============================================
   576px — Large Mobiles
   ============================================ */
@media (max-width: 576px) {
  .navbar-brand img {
    width: 110px;
  }
}

/* ============================================
   480px — Small Mobiles
   ============================================ */
@media (max-width: 480px) {
  .navbar-brand img {
    width: 164px;
  }
  .topbar a.fs16 {
    font-size: 13px;
  }
  .social li a {
    color: var(--White);
    font-size: 13px;
  }
  .serviceList img {
    width: 100%;
  }
}

/* ============================================
   360px — Extra Small Mobiles
   ============================================ */
@media (max-width: 360px) {
  .navbar-brand img {
    width: 90px;
  }
  .topbar a.fs16 {
    font-size: 13px;
  }
  .social li a {
    color: var(--White);
    font-size: 13px;
  }
  .serviceList img {
    width: 100%;
  }
}