@media screen and (max-width:410px) {
  nav .brand-logo {
    font-size: 1rem;
    left: 50%;
    transform: translateX(-50%);
  }
  #logo-container img,
  .logo {
    height: 36px;
  }
  #logo-container span {
    font-size: 1.2rem;
  }
  .navbar-fixed {
    height: 40px;
  }
  #navibar {
    height: 40px;
  }
  nav .sidenav-trigger i {
    line-height: 40px;
    z-index: 9999;
  }
  .page-footer .footer-copyright {
    font-size: small;
  }
  .carousel-container,
  .carousel,
  .carousel-item {
    height: 325px;
    min-height: 325px;
  }
  .indicator .indicator-item {
    top: 90%;
  }
  .carousel-caption1 {
    top: 10%;
    width: 90%;
    font-size: 2rem;
  }
  .carousel-caption2 {
    top: 35%;
    width: 90%;
    font-size: 1.5rem;
  }
  .parallax-container {
    height: 420px;
    min-height: 420px;
  }
  .whatsapp-container {
    right: 15px;
    bottom: 15px;
  }
  .whatsapp-btn {
    width: 45px;
    height: 45px;
  }
  .whatsapp-icon {
    width: 50px;
    height: 50px;
  }
  #hd1,
  #hd2,
  #hd3 {
    font-size: 2.25rem;
  }
  #hd1 {
    margin-top: 0px;
    margin-bottom: 20px;
  }
  #book-button {
    font-size: 14px;
  }
  #blk1 {
    border-left: 5px solid #1a237e;
    margin-top: 20px;
  }
  #blk2 {
    border-right: 5px solid #414042;
  }
  #blk1, #blk2, #blk3 {
    font-size: medium;
  }
  p {
    font-size: medium;
    font-weight: 400;
  }
}


@media screen and (max-width:450px) {
  nav .brand-logo {
    font-size: 1rem;
    left: 50%;
    transform: translateX(-50%);
  }
  #logo-container img,
  .logo {
    height: 36px;
  }
  #logo-container span {
    font-size: 1.2rem;
  }
  .navbar-fixed {
    height: 40px;
  }
  #navibar {
    height: 40px;
  }
  nav .sidenav-trigger i {
    line-height: 40px;
    z-index: 9999;
  }
  .page-footer .footer-copyright {
    font-size: small;
  }
  .carousel-container,
  .carousel,
  .carousel-item {
    height: 325px;
    min-height: 325px;
  }
  .indicator .indicator-item {
    top: 90%;
  }
  .carousel-caption1 {
    top: 10%;
    width: 90%;
    font-size: 2rem;
  }
  .carousel-caption2 {
    top: 35%;
    width: 90%;
    font-size: 1.5rem;
  }
  .parallax-container {
    height: 420px;
    min-height: 420px;
  }
  .whatsapp-container {
    right: 15px;
    bottom: 15px;
  }
  .whatsapp-btn {
    width: 45px;
    height: 45px;
  }
  .whatsapp-icon {
    width: 50px;
    height: 50px;
  }
  #hd1,
  #hd2,
  #hd3 {
    font-size: 2.25rem;
  }
  #hd1 {
    margin-top: 0px;
    margin-bottom: 20px;
  }
  #book-button {
    font-size: 14px;
  }
  #blk1 {
    border-left: 5px solid #1a237e;
    margin-top: 20px;
  }
  #blk2 {
    border-right: 5px solid #414042;
  }
  #blk1, #blk2, #blk3 {
    font-size: medium;
  }
  p {
    font-size: medium;
    font-weight: 400;
  }
}




/* ===========================================
   420px - 709px (Large Phones)
===========================================*/
@media screen and (min-width:420px) and (max-width:709px) {

  nav .brand-logo {
    font-size: 1.15rem;
  }

  #logo-container img,
  .logo {
    height: 36px;
  }

  .carousel-container,
  .carousel,
  .carousel-item {
    height: 500px;
    min-height: 500px;
  }

  .carousel-caption1 {
    top: 23%;
    width: 85%;
    font-size: 2.1rem;
  }

  .carousel-caption2 {
    top: 43%;
    width: 85%;
    font-size: 1.1rem;
  }

  .parallax-container {
    height: 500px;
    min-height: 500px;
  }
}


/* ===========================================
   710px - 839px (Small Tablets)
===========================================*/
@media screen and (min-width:710px) and (max-width:839px) {

  nav .brand-logo {
    font-size: 1.3rem;
  }

  .carousel-container,
  .carousel,
  .carousel-item {
    height: 560px;
    min-height: 560px;
  }

  .carousel-caption1 {
    width: 75%;
    font-size: 2.5rem;
  }

  .carousel-caption2 {
    width: 75%;
    font-size: 1.3rem;
  }

  .parallax-container {
    height: 560px;
    min-height: 560px;
  }

}


/* ===========================================
   840px - 1279px (Tablets)
===========================================*/
@media screen and (min-width:840px) and (max-width:1279px) {

  .carousel-container,
  .carousel,
  .carousel-item {
    height: 620px;
    min-height: 620px;
  }

  .carousel-caption1 {
    width: 70%;
    font-size: 3rem;
  }

  .carousel-caption2 {
    width: 70%;
    font-size: 1.5rem;
  }

}


/* ===========================================
   1280px - 1439px
=========================================== */
@media screen and (min-width:1280px) and (max-width:1439px) {

  .carousel-container,
  .carousel,
  .carousel-item {
    height: 670px;
  }

}


/* ===========================================
   1440px - 1919px
=========================================== */
@media screen and (min-width:1440px) and (max-width:1919px) {

  .carousel-container,
  .carousel,
  .carousel-item {
    height: 720px;
  }

}


/* ===========================================
   1920px - 3839px
=========================================== */
@media screen and (min-width:1920px) and (max-width:3839px) {

  .carousel-container,
  .carousel,
  .carousel-item {
    height: 850px;
  }

  .carousel-caption1 {
    font-size: 4rem;
  }

  .carousel-caption2 {
    font-size: 2rem;
  }

}


/* ===========================================
   3840px+
=========================================== */
@media screen and (min-width:3840px) {

  body {
    font-size: 22px;
  }

  nav {
    height: 90px;
    line-height: 90px;
  }

  #logo-container img,
  .logo {
    height: 70px;
  }

  .carousel-container,
  .carousel,
  .carousel-item {
    height: 1200px;
  }

  .carousel-caption1 {
    font-size: 6rem;
  }

  .carousel-caption2 {
    font-size: 3rem;
  }

}