/* Mobile Portrait */

@media (max-width: 424px) {
  .fs-107 { font-size: 60px; line-height: 76px; }
  .fs-60 { font-size: 36px; line-height: 48px; }
  .fs-48 { font-size: 30px; line-height: 42px; }
  .fs-36{font-size: 26px;line-height: 36px;}
  .fs-30 { font-size: 20px; line-height: 30px; }
  .fs-24 { font-size: 18px; line-height: 26px; }
  .fs-20 { font-size: 16px; line-height: 24px; }
  .fs-18 { font-size: 14px; line-height: 22px; }
  .fs-16 { font-size: 13px; line-height: 20px; }
  .fs-14 { font-size: 12px; line-height: 18px; }

  .logo{width: 200px;height: auto;}
  .navbar {height: 100px !important;}
  .first-btn {padding: 10px 25px;font-size: 12px;}
  .carousel-item{height: 550px;}
  .slider-text-box{width: 90%;padding: 20px;top: 45%; min-height: 300px;}
  .carousel-item img, .carousel-item .slider-video {height: 300px;}
  .slider-btn {width: 34px;height: 34px;}
  .social-icons {bottom: 20px; left: 10%}
  .service-card{height: 250px;}
  .wp{right: 20px;bottom: 20px;}
  .offer{right: 80px;bottom: 25px;}
  .parallax-container {height: 450px;}
  .parallax-text-box{width: 90%;margin-left: 20px;}
  .period-card{height: 275px;}
  .period-btn {width: 34px;height: 34px;}
  .newsletter{padding: 20px 25px;}
  .newsletter input{padding: 8px 20px;}
  .newsletter img{margin-top: 10px;width: 35%; float: inline-end;}
  .service img{height: 200px;}
  .legislations{padding: 30px 40px;}

  .period-count {font-size: 155px;line-height: 120px; margin: 0 0 0 -10px;}
}
@media (min-width: 425px) and (max-width: 599px) {
  .fs-107 { font-size: 60px; line-height: 76px; }
  .fs-60 { font-size: 36px; line-height: 48px; }
  .fs-48 { font-size: 30px; line-height: 42px; }
  .fs-36{font-size: 26px;line-height: 36px;}
  .fs-30 { font-size: 20px; line-height: 30px; }
  .fs-24 { font-size: 18px; line-height: 26px; }
  .fs-20 { font-size: 16px; line-height: 24px; }
  .fs-18 { font-size: 14px; line-height: 22px; }
  .fs-16 { font-size: 13px; line-height: 20px; }
  .fs-14 { font-size: 12px; line-height: 18px; }

  .logo{width: 270px;height: auto;}
  .navbar {height: 100px !important;}
  .first-btn {padding: 10px 25px;font-size: 12px;}
  .carousel-item{height: 550px;}
  .slider-text-box{width: 90%;padding: 20px;top: 45%; min-height: 300px;}
  .carousel-item img, .carousel-item .slider-video {height: 300px;}
  .slider-btn {width: 34px;height: 34px;}
  .social-icons {bottom: 20px; left: 10%}
  .service-card{height: 250px;}
  .wp{right: 20px;bottom: 20px;}
  .offer{right: 80px;bottom: 25px;}
  .parallax-container {height: 450px;}
  .parallax-text-box{width: 90%;margin-left: 20px;}
  .period-card{height: 275px;}
  .period-btn {width: 34px;height: 34px;}
  .newsletter{padding: 20px 25px;}
  .newsletter input{padding: 8px 20px;}
  .newsletter img{margin-top: 10px;width: 35%; float: inline-end;}
  .service img{height: 200px;}
  .legislations{padding: 30px 40px;}

  .period-count {font-size: 155px;line-height: 120px; margin: 0 0 0 -10px;}
}

/* Tablet Portrait */
@media (min-width: 600px) and (max-width: 899px) {
  .fs-107 { font-size: 76px; line-height: 96px; }
  .fs-60 { font-size: 44px; line-height: 58px; }
  .fs-48 { font-size: 36px; line-height: 50px; }
  .fs-30 { font-size: 24px; line-height: 36px; }
  .fs-24 { font-size: 20px; line-height: 30px; }
  .fs-20 { font-size: 18px; line-height: 28px; }
  .fs-18 { font-size: 16px; line-height: 26px; }
  .fs-16 { font-size: 15px; line-height: 22px; }
  .fs-14 { font-size: 13px; line-height: 20px; }

  .logo{width: 340px;height: auto;}
  .navbar {height: 100px !important;}
  .carousel-item{height: 600px;}
  .slider-text-box{width: 50%;padding: 20px;}
  .social-icons {bottom: 20px;}
  .service-card{height: 250px;}
  .wp{right: 20px;bottom: 20px;}
  .offer{right: 80px;bottom: 20px;}
  .parallax-container {height: 450px;}
  .parallax-text-box{width: 90%;margin-left: 20px;}
  .period-card{height: 275px;}
  .period-btn {width: 34px;height: 34px;}
  .newsletter{padding: 20px 25px;}
  .newsletter input{padding: 8px 20px;}
  .newsletter img{margin-top: 10px;width: 100%; float: inline-end;}
  .legislations{padding: 30px 40px;}
}

/* Tablet Landscape */
@media (min-width: 900px) and (max-width: 1199px) {
  .fs-107 { font-size: 92px; line-height: 112px; }
  .fs-60 { font-size: 52px; line-height: 66px; }
  .fs-48 { font-size: 42px; line-height: 56px; }
  .fs-30 { font-size: 26px; line-height: 40px; }
  .fs-24 { font-size: 22px; line-height: 32px; }
  .fs-20 { font-size: 18px; line-height: 28px; }
  .fs-18 { font-size: 17px; line-height: 26px; }
  .fs-16 { font-size: 16px; line-height: 24px; }
  .fs-14 { font-size: 14px; line-height: 20px; }

  .carousel-item{height: 650px;}
  .slider-text-box{width: 50%;padding: 20px;}
  .social-icons {bottom: 20px;}
  .service-card{height: 250px;}
  .wp{right: 20px;bottom: 20px;}
  .offer{right: 80px;bottom: 20px;}
  .parallax-container {height: 450px;}
  .parallax-text-box{width: 90%;margin-left: 20px;}
  .period-card{height: 275px;}
  .period-btn {width: 34px;height: 34px;}
  .newsletter{padding: 20px 25px;}
  .newsletter input{padding: 8px 20px;}
  .newsletter img{margin-top: 10px;width: 100%; float: inline-end;}
}

/* Desktop (Small) */
@media (min-width: 1200px) and (max-width: 1439px) {
  .wp{right: 40px;bottom: 40px;}
  .offer{right: 100px;bottom: 40px;}
  .files-card .fs-30{font-size: 20px;}
}
/* Desktop (Large) */
@media (min-width: 1440px) and (max-width: 1799px) {
  .logo{width: 300px;height: auto;}
  .nav-item {padding: 0 10px;}
  .offer{right: 160px;}
  .files-card .fs-30{font-size: 20px;}
}

/* Desktop (Extra Large) */
@media (min-width: 2560px) {
  .newsletter img{margin-top: -150px;width: 60%; float: inline-end;}
  .fs-107 { font-size: 120px; line-height: 140px; }
  .fs-60  { font-size: 68px; line-height: 80px; }
  .fs-48  { font-size: 54px; line-height: 70px; }
  .fs-36  { font-size: 42px; line-height: 54px; }
  .fs-30  { font-size: 34px; line-height: 50px; }
  .fs-24  { font-size: 28px; line-height: 42px; }
  .fs-20  { font-size: 24px; line-height: 36px; }
  .fs-18  { font-size: 22px; line-height: 34px; }
  .fs-16  { font-size: 20px; line-height: 30px; }
  .fs-14  { font-size: 18px; line-height: 26px; }
}