/* Large screens ----------- */
@media only screen  and (min-width : 1824px){
  /*WhatsApp Start*/
  .whatsapp {
      position: fixed;
      width: 60px;
      height: 60px;
      bottom: 40px;
      right: 40px;
      background-color: #25d366;
      color: #FFF;
      border-radius: 50px;
      text-align: center;
      font-size: 30px;
      box-shadow: 2px 2px 3px #999;
      z-index: 100;
  }
  .whatsapp-btn {
    margin-top: 16px;
}
  /*WhatsApp End*/
  .tour-by-category .card-footer i{
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    text-align: left;
  }
  .tour-by-category .card-footer{
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    text-align: left;
  }
  .inner-content ul.display-none-big{
    display: none;
  }
  table tr th{
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
  }
    table tr td{
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
  }
  .accordion-item h2.accordion-header button{
    font-size: 22px;
    font-weight: 600;
    line-height: 24px;
  }
  /*Inner Page*/
  .tour img{
    object-fit: cover;
    object-position: center;
    height: 390px;
  }
  .post-title {
      padding: 0px 12px;
  }
  .overview, .highlights i{
    font-size: 16px;
  }
.overview{
  margin: 0;
  padding: 20px 0px;
}
.highlights, .itinerary, .inclusion-exclusion{
  margin-bottom: 20px;
}
.overview, .highlights, .itinerary, .inclusion-exclusion, .tour h1{
  font-size: 36px;
  font-weight: 600;
  line-height: 54px;
}
.trip-details-wrapper{
  margin: 0;
  padding: 20px;
}
.inner-content .sidebar-box h3 {
    font-size: 24px;
    line-height: 42px;
    font-weight: 600;
}
  h2 {
      font-size: 36px;
      font-weight: 600;
      line-height: 36px;
  }
  .inner-content {
    margin: 0;
    padding: 30px 0px;
}
.inner-content p{
  text-align: justify;
}
.inner-content ul, ol{
  display: block;
}
.inner-content ul, ol, li{
  display: block;
  padding: 5px 0px;
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}
.inner-content ul, ol, li strong{
  font-weight: 600;
}
.inner-content h3{
  font-size: 24px;
  line-height: 54px;
  font-weight: 600;
}
p strong{
  font-weight: 600;
}
  /*Breadcrumbs*/
#breadcrumb{
  padding: 10px 0px 0px;
}
  ol.breadcrumb {
    font-size: 18px;
    font-weight: 400;
}
  /*Images*/
  .tour-by-category img{
     height: 276px;
    object-fit: cover;
    object-position: center;
  }
  .blog img{
    height: 293px;
    object-fit: cover;
    object-position: center;
  }
  /*Blog*/
  .card small {
      font-size: 14px;
  }
  .blog p{
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
  }
  .blog img{
    height: 390px;
    object-fit: cover;
    object-position: center;
  }
  /*Footer*/
  .footer-middle {
    padding: 60px 0 60px;
}
footer h3{
  font-size: 20px;
  line-height: 24px;
  font-weight: 400;
}
footer ul.footer-social li {
    padding: 0px 5px;
}
footer ul.footer-social li a {
    font-size: 24px;
}
.footer-first-col{
  padding: 0px 0px 50px;
}
.footer-icon i {
    font-size: 28px;
}
ul.footer-menu li{
  padding: 5px 0px;
}
  .footer-banner {
      background: url(../images/footer-banner.png) no-repeat;
      background-size: auto;
      width: 100%;
      height: 330px;
      background-size: 100% 100%;
      display: block;
      padding: 0;
      margin: 0;
  }
  footer{
    padding: 50px 0px;
  }
  footer p small{
    font-size: 18px;
    font-weight: 300;
    line-height: 24px;
    text-align: justify;
  }
  /*Tour By Category*/
  .tour-by-category, .blog, h5.card-title a{
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
  }
  /*About Us*/
  .about-us{
    margin: 0;
    padding: 100px 0px;
  }
  .about-us p{
    padding: 5px 0px;
    text-align: justify;
  }
   .tour-by-category, .contact, .blog h1{
    font-size: 36px;
    font-weight: 600;
    text-align: center;
    padding-bottom: 29px;
  } 
  /*Contact*/ 
  .contact h2{
    font-size: 30px;
    font-weight: 600;
    text-align: center;
    padding-bottom: 50px;
  }
    .contact h3{
    font-size: 24px;
    font-weight: 600;
    line-height: 42px;
  }
    .contact h4{
    font-size: 18px;
    font-weight: 600;
    line-height: 42px;
  }
  .contact p {
      font-size: 18px;
      font-weight: 400;
      line-height: 24px;
      text-align: left;
  }
    .about-us h1.wp-block-heading{
    font-size: 36px;
    font-weight: 600;
    text-align: center;
    padding-bottom: 30px;
  }
  .content{
    margin: 0;
    padding: 50px 0px;
  }
  p{
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
  }
  /*Carousel*/
  .carousel-item {
    object-fit: cover;
    object-position: center;
  }
  
  .carousel-item img {
      height: 90vh;
      object-fit: cover;
      object-position: center;
  }
  .banner .carousel-caption h5{
    font-size: 48px;
    line-height: 95px;
    font-weight: 600;
  }
  .banner .carousel-caption{
    bottom: 200px;
  }
  /*top-bar*/
  .top-bar{
    font-size: 18px;
    font-weight: 300;
    line-height: 24px;
    padding: 5px 0px;
  }
  .top-bar ul.top-social li{
    padding: 0px 5px;
  }
  .top-bar ul.top-social li i{
    font-size: 20px;
    line-height: 24px;
    font-weight: 300;
  }
  /*Nav*/
  .nav-link{
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
  }
  .navbar{
    margin: 0;
    padding: 0;
  }
}
/* Desktops and laptops ----------- */
@media only screen  and (min-width : 1281px) and (max-width : 1823px){
  .whatsapp-btn {
  margin-top: 6px;
}
.whatsapp {
  position: fixed;
  width: 40px;
  height: 40px;
  bottom: 40px;
  right: 40px;
  background-color: #25d366;
  color: #FFF;
  border-radius: 22px;
  text-align: center;
  font-size: 27px;
  box-shadow: 2px 2px 3px #999;
  z-index: 100;
  vertical-align: middle;
}
  .copyright{
    margin: 0;
    padding: 3px 0px;
  }
  ul.footer-social li{
    padding: 0px 5px;
    line-height: 32px;
  }
  .tour-by-category .card-footer i{
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    text-align: left;
  }
  .tour-by-category .card-footer{
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    text-align: left;
  }
  .inner-content ul.display-none-big{
    display: none;
  }
    table tr th{
      font-size: 18px;
      font-weight: 600;
      line-height: 24px;
    }
      table tr td{
      font-size: 18px;
      font-weight: 600;
      line-height: 24px;
    }
    .accordion-item h2.accordion-header button{
      font-size: 22px;
      font-weight: 600;
      line-height: 24px;
    }
    /*Inner Page*/
    .tour img{
      object-fit: cover;
      object-position: center;
      height: 260px;
    }
    .post-title {
        padding: 0px 12px;
    }
    .overview, .highlights i{
      font-size: 16px;
    }
  .overview{
    margin: 0;
    padding: 20px 0px;
  }
  .highlights, .itinerary, .inclusion-exclusion{
    margin-bottom: 20px;
  }
  .overview, .highlights, .itinerary, .inclusion-exclusion, .tour h1{
    font-size: 36px;
    font-weight: 600;
    line-height: 54px;
  }
  .trip-details-wrapper{
    margin: 0;
    padding: 20px;
  }
  .inner-content .sidebar-box h3 {
      font-size: 24px;
      line-height: 42px;
      font-weight: 600;
  }
    h2 {
        font-size: 36px;
        font-weight: 600;
        line-height: 36px;
    }
    .inner-content {
      margin: 0;
      padding: 30px 0px;
  }
  .inner-content p{
    text-align: justify;
  }
  .inner-content ul, ol{
    display: block;
  }
  .inner-content ul li{
    display: block;
    padding: 5px 0px;
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
  }
  .inner-content ol li{
    display: block;
    padding: 5px 0px;
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
  }
  .inner-content ul, ol, li strong{
    font-weight: 600;
  }
  .inner-content h3{
    font-size: 24px;
    line-height: 54px;
    font-weight: 600;
  }
  p strong{
    font-weight: 600;
  }
    /*Breadcrumbs*/
  #breadcrumb{
    padding: 10px 0px 0px;
  }
    ol.breadcrumb {
      font-size: 16px;
      font-weight: 400;
  }
    /*Images*/
    .tour-by-category img{
       height: 236px;
      object-fit: cover;
      object-position: center;
    }
    .blog img{
      height: 293px;
      object-fit: cover;
      object-position: center;
    }
    /*Blog*/
    .card small {
        font-size: 14px;
    }
    .blog p{
      font-size: 18px;
      font-weight: 400;
      line-height: 24px;
    }
    .blog img{
      height: 219px;
      object-fit: cover;
      object-position: center;
    }
    /*Footer*/
    .footer-middle {
      padding: 30px 0 30px;
  }
  footer h3{
    font-size: 20px;
    line-height: 24px;
    font-weight: 400;
  }
  footer ul.footer-social li {
      padding: 0px 5px;
  }
  footer ul.footer-social li a {
      font-size: 24px;
  }
  .footer-first-col{
    padding: 0px 0px 30px;
  }
  .footer-icon i {
      font-size: 28px;
  }
  ul.footer-menu li{
    padding: 5px 0px;
  }
    .footer-banner {
        background: url(../images/footer-banner.png) no-repeat;
        background-size: auto;
        width: 100%;
        height: 220px;
        background-size: 100% 100%;
        display: block;
        padding: 0;
        margin: 0;
    }
    footer{
      padding: 0px 0px 0px;
    }
    footer p small{
      font-size: 18px;
      font-weight: 300;
      line-height: 24px;
      text-align: justify;
    }
    /*Tour By Category*/
    .tour-by-category, .blog, h5.card-title a{
      font-size: 20px;
      font-weight: 600;
      line-height: 24px;
    }
    /*About Us*/
    .about-us{
      margin: 0;
      padding: 100px 0px;
    }
    .about-us p{
      padding: 5px 0px;
      text-align: justify;
    }
    .about-us, .tour-by-category, .contact, .blog h1{
      font-size: 36px;
      font-weight: 600;
      text-align: center;
      padding-bottom: 29px;
    } 
    /*Contact*/ 
    .contact h2{
      font-size: 30px;
      font-weight: 600;
      text-align: center;
      padding-bottom: 50px;
    }
      .contact h3{
      font-size: 24px;
      font-weight: 600;
      line-height: 42px;
    }
      .contact h4{
      font-size: 18px;
      font-weight: 600;
      line-height: 42px;
    }
    .contact p {
        font-size: 18px;
        font-weight: 400;
        line-height: 24px;
        text-align: left;
    }
      .about-us h1.wp-block-heading{
      font-size: 36px;
      font-weight: 600;
      text-align: center;
      padding-bottom: 30px;
    }
    .content{
      margin: 0;
      padding: 50px 0px;
    }
    p{
      font-size: 18px;
      font-weight: 400;
      line-height: 24px;
      padding: 5px 0px;
    }
   .copyright p{
      font-size: 16px;
      font-weight: 300;
      line-height: 24px;
    }
    ul.footer-menu{
    }
    ul.footer-menu li a{
      font-size: 18px;
      line-height: 24px;
      font-weight: 400;
    }
    ul.blog-menu li a{
      font-size: 18px;
      line-height: 24px;
      font-weight: 400;
    }
    /*Carousel*/
    .carousel-item {
      object-fit: cover;
      object-position: center;
    }
    .carousel-item img{
      height: 90vh;
    }
    .banner .carousel-caption h5{
      font-size: 48px;
      line-height: 95px;
      font-weight: 600;
    }
    .banner .carousel-caption{
      bottom: 200px;
    }
    /*top-bar*/
    .top-bar{
      font-size: 16px;
      font-weight: 300;
      line-height: 24px;
      padding: 5px 0px;
    }
    .top-bar ul.top-social li{
      padding: 0px 5px;
    }
    .top-bar ul.top-social li i{
      font-size: 20px;
      line-height: 24px;
      font-weight: 300;
    }
    /*Nav*/
    .nav-link{
      font-size: 18px;
      font-weight: 500;
      line-height: 24px;
    }
    .navbar{
      margin: 0;
      padding: 0;
    }
    p.card-text{
      font-size: 18px;
      font-weight: 400;
      line-height: 24px;
    }
}
/* 
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/
@media (min-width: 1025px) and (max-width: 1280px) {
  .whatsapp-btn {
  margin-top: 6px;
}
.whatsapp {
  position: fixed;
  width: 40px;
  height: 40px;
  bottom: 18px;
  right: 18px;
  background-color: #25d366;
  color: #FFF;
  border-radius: 22px;
  text-align: center;
  font-size: 27px;
  box-shadow: 2px 2px 3px #999;
  z-index: 100;
  vertical-align: middle;
}
  .tour-by-category .card-footer {
      font-size: 16px;
      font-weight: 500;
      line-height: 24px;
      text-align: left;
  }
   .inner-content ul.display-none-big{
        display: none;
      }
    table tr th{
      font-size: 16px;
      font-weight: 400;
      line-height: 24px;
    }
      table tr td{
      font-size: 16px;
      font-weight: 500;
      line-height: 24px;
    }
    .accordion-item h2.accordion-header button{
      font-size: 18px;
      font-weight: 600;
      line-height: 24px;
    }
    /*Inner Page*/
    .tour img{
      object-fit: cover;
      object-position: center;
      height: 164px;
    }
    .post-title {
        padding: 0px 12px;
    }
    .overview, .highlights i{
      font-size: 16px;
    }
  .overview{
    margin: 0;
    padding: 20px 0px;
  }
  .highlights, .itinerary, .inclusion-exclusion{
    margin-bottom: 20px;
  }
  .overview, .highlights, .itinerary, .inclusion-exclusion, .tour h1{
    font-size: 28px;
    font-weight: 600;
    line-height: 54px;
  }
  .trip-details-wrapper{
    margin: 0;
    padding: 20px;
  }
  .inner-content .sidebar-box h3 {
      font-size: 24px;
      line-height: 42px;
      font-weight: 600;
  }
    h2 {
        font-size: 28px;
        font-weight: 600;
        line-height: 36px;
    }
    .inner-content {
      margin: 0;
      padding: 30px 0px;
  }
  .inner-content p{
    text-align: justify;
  }
  .inner-content ul, ol{
    display: block;
  }
  .inner-content ul, ol, li{
    display: block;
    padding: 5px 0px;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
  }
  .inner-content ul, ol, li strong{
    font-weight: 600;
  }
  .inner-content h3{
    font-size: 24px;
    line-height: 54px;
    font-weight: 600;
  }
  p strong{
    font-weight: 600;
  }
    /*Breadcrumbs*/
  #breadcrumb{
    padding: 10px 0px 0px;
  }
    ol.breadcrumb {
      font-size: 18px;
      font-weight: 400;
  }
    /*Images*/
    .tour-by-category img{
       height: 196px;
      object-fit: cover;
      object-position: center;
    }
    .blog img{
      height: 293px;
      object-fit: cover;
      object-position: center;
    }
    /*Blog*/
    .card small {
        font-size: 14px;
    }
    .blog p{
      font-size: 18px;
      font-weight: 400;
      line-height: 24px;
    }
    .blog img{
      height: 202px;
      object-fit: cover;
      object-position: center;
    }
    /*Footer*/
    .footer-middle {
      padding: 30px 0 30px;
  }
  footer h3{
    font-size: 20px;
    line-height: 24px;
    font-weight: 400;
  }
   ul.footer-social li {
      padding: 0px 5px;
  }

   ul.footer-social li i{
    font-size: 16px;
  }
   .copyright p{
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
  }

  .footer-first-col{
    padding: 0px 0px 30px;
  }
  .footer-icon i {
      font-size: 28px;
  }
  ul.footer-menu li{
    padding: 5px 0px;
  }
    .footer-banner {
        background: url(../images/footer-banner.png) no-repeat;
        background-size: auto;
        width: 100%;
        height: 220px;
        background-size: 100% 100%;
        display: block;
        padding: 0;
        margin: 0;
    }
    footer{
      padding: 0px 0px 0px;
    }
    footer p small{
      font-size: 14px;
      font-weight: 300;
      line-height: 24px;
      text-align: justify;
    }
    /*Tour By Category*/
    .tour-by-category, .blog, h5.card-title a{
      font-size: 18px;
      font-weight: 600;
      line-height: 24px;
    }
    /*About Us*/
    .about-us{
      margin: 0;
      padding: 100px 0px;
    }
    .about-us p{
      padding: 5px 0px;
      text-align: justify;
    }
    .about-us, .tour-by-category, .contact, .blog h1{
      font-size: 28px;
      font-weight: 600;
      text-align: center;
      padding-bottom: 29px;
    } 
    /*Contact*/ 
    .contact h2{
      font-size: 28px;
      font-weight: 600;
      text-align: center;
      padding-bottom: 50px;
    }
      .contact h3{
      font-size: 24px;
      font-weight: 600;
      line-height: 42px;
    }
      .contact h4{
      font-size: 18px;
      font-weight: 600;
      line-height: 42px;
    }
    .contact p {
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        text-align: left;
    }
      .about-us h1.wp-block-heading{
      font-size: 28px;
      font-weight: 600;
      text-align: center;
      padding-bottom: 30px;
    }
    .content{
      margin: 0;
      padding: 30px 0px;
    }
    footer p{
      font-size: 16px;
      font-weight: 400;
      line-height: 24px;
    }
    footer ul.footer-social li i{
      font-size: 16px;
    }
    p{
      font-size: 16px;
      font-weight: 400;
      line-height: 24px;
      padding: 2px 0px;
    }
    ul.footer-menu{
    }
    ul.footer-menu li a{
      font-size: 18px;
      line-height: 24px;
      font-weight: 400;
    }
    ul.blog-menu li a{
      font-size: 18px;
      line-height: 24px;
      font-weight: 400;
    }
    /*Carousel*/
    .carousel-item {
      object-fit: cover;
      object-position: center;
    }
    .carousel-item img{
      height: 65vh;
    }
    .banner .carousel-caption h5{
      font-size: 36px;
      line-height: 95px;
      font-weight: 600;
    }
    .banner .carousel-caption{
      bottom: 200px;
    }
    /*top-bar*/
    .top-bar{
      font-size: 16px;
      font-weight: 300;
      line-height: 24px;
      padding: 5px 0px;
    }
    .top-bar ul.top-social li{
      padding: 0px 5px;
    }
    .top-bar ul.top-social li i{
      font-size: 20px;
      line-height: 24px;
      font-weight: 300;
    }
    /*Nav*/
    .nav-link{
      font-size: 18px;
      font-weight: 500;
      line-height: 24px;
    }
    .navbar{
      margin: 0;
      padding: 0;
    }
    p.card-text{
      font-size: 16px;
      font-weight: 400;
      line-height: 24px;
    }
.top-bar i{
  font-size: 16px;
}
}
/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/
@media (min-width: 768px) and (max-width: 1024px) {
  .whatsapp-btn {
  margin-top: 6px;
}
.whatsapp {
  position: fixed;
  width: 40px;
  height: 40px;
  bottom: 18px;
  right: 18px;
  background-color: #25d366;
  color: #FFF;
  border-radius: 22px;
  text-align: center;
  font-size: 27px;
  box-shadow: 2px 2px 3px #999;
  z-index: 100;
  vertical-align: middle;
}
  .tour-by-category .card-footer {
      font-size: 16px;
      font-weight: 500;
      line-height: 24px;
      text-align: left;
  }
  .inner-content ul.display-none-big{
    display: none;
  }
      table tr th{
        font-size: 18px;
        font-weight: 600;
        line-height: 24px;
      }
        table tr td{
        font-size: 18px;
        font-weight: 600;
        line-height: 24px;
      }
      .accordion-item h2.accordion-header button{
        font-size: 22px;
        font-weight: 600;
        line-height: 24px;
      }
      /*Inner Page*/
      .tour img{
        object-fit: cover;
        object-position: center;
        height: 164px;
      }
      .post-title {
          padding: 0px 12px;
      }
      .overview, .highlights i{
        font-size: 16px;
      }
    .overview{
      margin: 0;
      padding: 20px 0px;
    }
    .highlights, .itinerary, .inclusion-exclusion{
      margin-bottom: 20px;
    }
    .overview, .highlights, .itinerary, .inclusion-exclusion, .tour h1{
      font-size: 28px;
      font-weight: 600;
      line-height: 54px;
    }
    .trip-details-wrapper{
      margin: 0;
      padding: 20px;
    }
    .inner-content .sidebar-box h3 {
        font-size: 24px;
        line-height: 42px;
        font-weight: 600;
    }
      h2 {
          font-size: 36px;
          font-weight: 600;
          line-height: 36px;
      }
      .inner-content {
        margin: 0;
        padding: 30px 0px;
    }
    .inner-content p{
      text-align: justify;
    }
    .inner-content ul, ol{
      display: block;
    }
    .inner-content ul, ol, li{
      display: block;
      padding: 5px 0px;
      font-size: 18px;
      font-weight: 400;
      line-height: 24px;
    }
    .inner-content ul, ol, li strong{
      font-weight: 600;
    }
    .inner-content h3{
      font-size: 24px;
      line-height: 54px;
      font-weight: 600;
    }
    p strong{
      font-weight: 600;
    }
      /*Breadcrumbs*/
    #breadcrumb{
      padding: 10px 0px 0px;
    }
      ol.breadcrumb {
        font-size: 16px;
        font-weight: 400;
    }
      /*Images*/
      .tour-by-category img{
         height: 196px;
        object-fit: cover;
        object-position: center;
      }
      .blog img{
        height: 293px;
        object-fit: cover;
        object-position: center;
      }
      /*Blog*/
      .card small {
          font-size: 14px;
      }
      .blog p{
        font-size: 18px;
        font-weight: 400;
        line-height: 24px;
      }
      .blog img{
        height: 202px;
        object-fit: cover;
        object-position: center;
      }
      /*Footer*/
      .footer-middle {
        padding: 30px 0 30px;
    }
    footer h3{
      font-size: 20px;
      line-height: 24px;
      font-weight: 400;
    }
    footer ul.footer-social li {
        padding: 0px 5px;
    }
    footer ul.footer-social li a {
        font-size: 24px;
    }
    .footer-first-col{
      padding: 0px 0px 30px;
    }
    .footer-icon i {
        font-size: 28px;
    }
    ul.footer-menu li{
      padding: 5px 0px;
    }
      .footer-banner {
          background: url(../images/footer-banner.png) no-repeat;
          background-size: auto;
          width: 100%;
          height: 220px;
          background-size: 100% 100%;
          display: block;
          padding: 0;
          margin: 0;
      }
      footer{
        padding: 50px 0px 0px;
      }
      footer p small{
        font-size: 18px;
        font-weight: 300;
        line-height: 24px;
        text-align: justify;
      }
      /*Tour By Category*/
      .tour-by-category, .blog, h5.card-title a{
        font-size: 18px;
        font-weight: 600;
        line-height: 24px;
      }
      /*About Us*/
      .about-us{
        margin: 0;
        padding: 100px 0px;
      }
      .about-us p{
        padding: 5px 0px;
        text-align: justify;
      }
      .about-us, .tour-by-category, .contact, .blog h1{
        font-size: 28px;
        font-weight: 600;
        text-align: center;
        padding-bottom: 20px;
      } 
      /*Contact*/ 
      .contact h2{
        font-size: 30px;
        font-weight: 600;
        text-align: center;
        padding-bottom: 50px;
      }
        .contact h3{
        font-size: 24px;
        font-weight: 600;
        line-height: 42px;
      }
        .contact h4{
        font-size: 18px;
        font-weight: 600;
        line-height: 42px;
      }
      .contact p {
          font-size: 18px;
          font-weight: 400;
          line-height: 24px;
          text-align: left;
      }
        .about-us h1.wp-block-heading{
        font-size: 28px;
        font-weight: 600;
        text-align: center;
        padding-bottom: 15px;
      }
      .content{
        margin: 0;
        padding: 30px 0px;
      }
      footer p{
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
      }
      footer ul.footer-social li i{
        font-size: 16px;
      }
      p{
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
      }
      ul.footer-menu{
      }
      ul.footer-menu li a{
        font-size: 18px;
        line-height: 24px;
        font-weight: 400;
      }
      ul.blog-menu li a{
        font-size: 18px;
        line-height: 24px;
        font-weight: 400;
      }
      /*Carousel*/
      .carousel-item {
        object-fit: cover;
        object-position: center;
      }
      .carousel-item img{
        height: 50vh;
      }
      .banner .carousel-caption h5{
        font-size: 36px;
        line-height: 95px;
        font-weight: 600;
      }
      .banner .carousel-caption{
        bottom: 50px;
      }
      /*top-bar*/
      .top-bar{
        font-size: 16px;
        font-weight: 300;
        line-height: 24px;
        padding: 5px 0px;
      }
      .top-bar ul.top-social li{
        padding: 0px 5px;
      }
      .top-bar ul.top-social li i{
        font-size: 20px;
        line-height: 24px;
        font-weight: 300;
      }
      /*Nav*/
      .nav-link{
        font-size: 18px;
        font-weight: 500;
        line-height: 24px;
      }
      .navbar{
        margin: 0;
        padding: 0;
      }
      p.card-text{
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
      }
  .top-bar i{
    font-size: 16px;
  }
}
/* 
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    .whatsapp-btn {
  margin-top: 6px;
}
.whatsapp {
  position: fixed;
  width: 40px;
  height: 40px;
  bottom: 18px;
  right: 18px;
  background-color: #25d366;
  color: #FFF;
  border-radius: 22px;
  text-align: center;
  font-size: 27px;
  box-shadow: 2px 2px 3px #999;
  z-index: 100;
  vertical-align: middle;
}
  .tour-by-category .card-footer {
      font-size: 16px;
      font-weight: 500;
      line-height: 24px;
      text-align: left;
  }
  .inner-content ul.display-none-big{
    display: none;
  }
      table tr th{
        font-size: 18px;
        font-weight: 600;
        line-height: 24px;
      }
        table tr td{
        font-size: 18px;
        font-weight: 600;
        line-height: 24px;
      }
      .accordion-item h2.accordion-header button{
        font-size: 22px;
        font-weight: 600;
        line-height: 24px;
      }
      /*Inner Page*/
      .tour img{
        object-fit: cover;
        object-position: center;
        height: 164px;
      }
      .post-title {
          padding: 0px 12px;
      }
      .overview, .highlights i{
        font-size: 16px;
      }
    .overview{
      margin: 0;
      padding: 20px 0px;
    }
    .highlights, .itinerary, .inclusion-exclusion{
      margin-bottom: 20px;
    }
    .overview, .highlights, .itinerary, .inclusion-exclusion, .tour h1{
      font-size: 28px;
      font-weight: 600;
      line-height: 54px;
    }
    .trip-details-wrapper{
      margin: 0;
      padding: 20px;
    }
    .inner-content .sidebar-box h3 {
        font-size: 24px;
        line-height: 42px;
        font-weight: 600;
    }
      h2 {
          font-size: 36px;
          font-weight: 600;
          line-height: 36px;
      }
      .inner-content {
        margin: 0;
        padding: 30px 0px;
    }
    .inner-content p{
      text-align: justify;
    }
    .inner-content ul, ol{
      display: block;
    }
    .inner-content ul, ol, li{
      display: block;
      padding: 5px 0px;
      font-size: 18px;
      font-weight: 400;
      line-height: 24px;
    }
    .inner-content ul, ol, li strong{
      font-weight: 600;
    }
    .inner-content h3{
      font-size: 24px;
      line-height: 54px;
      font-weight: 600;
    }
    p strong{
      font-weight: 600;
    }
      /*Breadcrumbs*/
    #breadcrumb{
      padding: 10px 0px 0px;
    }
      ol.breadcrumb {
        font-size: 16px;
        font-weight: 400;
    }
      /*Images*/
      .tour-by-category img{
         height: 196px;
        object-fit: cover;
        object-position: center;
      }
      .blog img{
        height: 293px;
        object-fit: cover;
        object-position: center;
      }
      /*Blog*/
      .card small {
          font-size: 14px;
      }
      .blog p{
        font-size: 18px;
        font-weight: 400;
        line-height: 24px;
      }
      .blog img{
        height: 202px;
        object-fit: cover;
        object-position: center;
      }
      /*Footer*/
      .footer-middle {
        padding: 30px 0 30px;
    }
    footer h3{
      font-size: 20px;
      line-height: 24px;
      font-weight: 400;
    }
    footer ul.footer-social li {
        padding: 0px 5px;
    }
    footer ul.footer-social li a {
        font-size: 24px;
    }
    .footer-first-col{
      padding: 0px 0px 30px;
    }
    .footer-icon i {
        font-size: 28px;
    }
    ul.footer-menu li{
      padding: 5px 0px;
    }
      .footer-banner {
          background: url(../images/footer-banner.png) no-repeat;
          background-size: auto;
          width: 100%;
          height: 220px;
          background-size: 100% 100%;
          display: block;
          padding: 0;
          margin: 0;
      }
      footer{
        padding: 50px 0px 0px;
      }
      footer p small{
        font-size: 18px;
        font-weight: 300;
        line-height: 24px;
        text-align: justify;
      }
      /*Tour By Category*/
      .tour-by-category, .blog, h5.card-title a{
        font-size: 18px;
        font-weight: 600;
        line-height: 24px;
      }
      /*About Us*/
      .about-us{
        margin: 0;
        padding: 100px 0px;
      }
      .about-us p{
        padding: 5px 0px;
        text-align: justify;
      }
      .about-us, .tour-by-category, .contact, .blog h1{
        font-size: 28px;
        font-weight: 600;
        text-align: center;
        padding-bottom: 20px;
      } 
      /*Contact*/ 
      .contact h2{
        font-size: 30px;
        font-weight: 600;
        text-align: center;
        padding-bottom: 50px;
      }
        .contact h3{
        font-size: 24px;
        font-weight: 600;
        line-height: 42px;
      }
        .contact h4{
        font-size: 18px;
        font-weight: 600;
        line-height: 42px;
      }
      .contact p {
          font-size: 18px;
          font-weight: 400;
          line-height: 24px;
          text-align: left;
      }
        .about-us h1.wp-block-heading{
        font-size: 28px;
        font-weight: 600;
        text-align: center;
        padding-bottom: 15px;
      }
      .content{
        margin: 0;
        padding: 30px 0px;
      }
      footer p{
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
      }
      footer ul.footer-social li i{
        font-size: 16px;
      }
      p{
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
      }
      ul.footer-menu{
      }
      ul.footer-menu li a{
        font-size: 18px;
        line-height: 24px;
        font-weight: 400;
      }
      ul.blog-menu li a{
        font-size: 18px;
        line-height: 24px;
        font-weight: 400;
      }
      /*Carousel*/
      .carousel-item {
        object-fit: cover;
        object-position: center;
      }
      .carousel-item img{
        height: 50vh;
      }
      .banner .carousel-caption h5{
        font-size: 36px;
        line-height: 95px;
        font-weight: 600;
      }
      .banner .carousel-caption{
        bottom: 50px;
      }
      /*top-bar*/
      .top-bar{
        font-size: 16px;
        font-weight: 300;
        line-height: 24px;
        padding: 5px 0px;
      }
      .top-bar ul.top-social li{
        padding: 0px 5px;
      }
      .top-bar ul.top-social li i{
        font-size: 20px;
        line-height: 24px;
        font-weight: 300;
      }
      /*Nav*/
      .nav-link{
        font-size: 18px;
        font-weight: 500;
        line-height: 24px;
      }
      .navbar{
        margin: 0;
        padding: 0;
      }
      p.card-text{
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
      }
  .top-bar i{
    font-size: 16px;
  }
}
/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/
@media (min-width: 481px) and (max-width: 767px) {
  .whatsapp-btn {
  margin-top: 6px;
}
.whatsapp {
  position: fixed;
  width: 40px;
  height: 40px;
  bottom: 18px;
  right: 18px;
  background-color: #25d366;
  color: #FFF;
  border-radius: 22px;
  text-align: center;
  font-size: 27px;
  box-shadow: 2px 2px 3px #999;
  z-index: 100;
  vertical-align: middle;
}
      ul.trip-info{
        display: inline-block;
      }
      ul.trip-info li{
        display: inline-block;
        padding: 10px 20px;
        text-align: center;
      }
      .display-none-small{
        display: none;
      }


      .card-footer{
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        text-align: left;
      }
  
      table tr th{
        font-size: 18px;
        font-weight: 600;
        line-height: 24px;
      }
        table tr td{
        font-size: 18px;
        font-weight: 600;
        line-height: 24px;
      }
      .accordion-item h2.accordion-header button{
        font-size: 16px;
        font-weight: 400;
        line-height: 17px;
      }
      /*Inner Page*/
      .tour img{
        object-fit: cover;
        object-position: center;
        height: 302px;
      }
      .post-title {
          padding: 0px 12px;
      }
      .overview, .highlights i{
        font-size: 16px;
      }
    .overview{
      margin: 0;
      padding: 20px 0px;
    }
    .highlights, .itinerary, .inclusion-exclusion{
      margin-bottom: 20px;
    }
    .overview, .highlights, .itinerary, .inclusion-exclusion, .tour h1{
      font-size: 24px;
      font-weight: 600;
      line-height: 54px;
    }
    .trip-details-wrapper{
      margin: 0;
      padding: 20px;
    }
    .inner-content .sidebar-box h3 {
        font-size: 24px;
        line-height: 37px;
        font-weight: 500;
    }
      h2 {
          font-size: 24px;
          font-weight: 600;
          line-height: 36px;
      }
      .inner-content {
        margin: 0;
        padding: 15px 0px;
    }
    .inner-content p{
      text-align: justify;
    }
    .inner-content ul, ol{
      display: block;
    }
    .inner-content ul, ol, li{
      display: block;
      padding: 5px 0px;
      font-size: 16px;
      font-weight: 400;
      line-height: 24px;
    }
    .inner-content ul, ol, li strong{
      font-weight: 600;
    }
    .inner-content h3{
      font-size: 22px;
      line-height: 54px;
      font-weight: 500;
    }
    p strong{
      font-weight: 500;
    }
      /*Breadcrumbs*/
    #breadcrumb{
      padding: 10px 0px 0px;
    }
      ol.breadcrumb {
        font-size: 18px;
        font-weight: 400;
    }
      /*Images*/
      .tour-by-category img{
         height: 196px;
        object-fit: cover;
        object-position: center;
      }
      .blog img{
        height: 293px;
        object-fit: cover;
        object-position: center;
      }
      /*Blog*/
      .card small {
          font-size: 14px;
      }
      .blog p{
        font-size: 18px;
        font-weight: 400;
        line-height: 24px;
      }
      .blog img{
        height: 148px;
        object-fit: cover;
        object-position: center;
      }
      /*Footer*/
      .footer-middle {
        padding: 30px 0 30px;
    }
    footer h3{
      font-size: 20px;
      line-height: 24px;
      font-weight: 400;
    }
    footer ul.footer-social li {
        padding: 0px 5px;
    }
    footer ul.footer-social li a {
        font-size: 24px;
    }
    .footer-first-col{
      padding: 0px 0px 30px;
    }
    .footer-icon i {
        font-size: 28px;
    }
    ul.footer-menu li{
      padding: 5px 0px;
    }
      .footer-banner {
          background: url(../images/footer-banner.png) no-repeat;
          background-size: auto;
          width: 100%;
          height: 220px;
          background-size: 100% 100%;
          display: block;
          padding: 0;
          margin: 0;
      }
      footer{
        padding: 50px 0px 0px;
      }
      footer p small{
        font-size: 14px;
        font-weight: 300;
        line-height: 24px;
        text-align: justify;
      }
      /*Tour By Category*/
      .tour-by-category, .blog, h5.card-title a{
        font-size: 16px;
        font-weight: 500;
        line-height: 24px;
      }
      /*About Us*/
      .about-us{
        margin: 0;
        padding: 100px 0px;
      }
      .about-us p{
        padding: 3px 0px;
        text-align: justify;
      }
      .about-us, .tour-by-category, .contact, .blog h1{
        font-size: 24px;
        font-weight: 600;
        text-align: center;
        padding-bottom: 29px;
      } 
      /*Contact*/ 
      .contact h2{
        font-size: 24px;
        font-weight: 600;
        text-align: center;
        padding-bottom: 16px;
      }
        .contact h3{
        font-size: 20px;
        font-weight: 600;
        line-height: 42px;
      }
        .contact h4{
        font-size: 18px;
        font-weight: 600;
        line-height: 42px;
      }
      .contact p {
          font-size: 18px;
          font-weight: 400;
          line-height: 24px;
          text-align: left;
      }
        .about-us h1.wp-block-heading{
        font-size: 28px;
        font-weight: 600;
        text-align: center;
        padding-bottom: 15px;
      }
      .content{
        margin: 0;
        padding: 15px 0px;
      }
      footer p{
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
      }
      footer ul.footer-social li i{
        font-size: 16px;
      }
      p{
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
      }
      ul.footer-menu{
      }
      ul.footer-menu li a{
        font-size: 18px;
        line-height: 24px;
        font-weight: 400;
      }
      ul.blog-menu li a{
        font-size: 18px;
        line-height: 24px;
        font-weight: 400;
      }
      /*Carousel*/
      .carousel-item {
        object-fit: cover;
        object-position: center;
      }
      .carousel-item img{
        height: 25vh;
      }
      .banner .carousel-caption h5{
        font-size: 22px;
        line-height: 31px;
        font-weight: 600;
      }
      .banner .carousel-caption{
        bottom: 70px;
      }
      /*top-bar*/
      .top-bar{
        font-size: 16px;
        font-weight: 300;
        line-height: 24px;
        padding: 5px 0px;
      }
      .top-bar ul.top-social li{
        padding: 0px 5px;
      }
      .top-bar ul.top-social li i{
        font-size: 20px;
        line-height: 24px;
        font-weight: 300;
      }
      /*Nav*/
      .nav-link{
        font-size: 18px;
        font-weight: 500;
        line-height: 24px;
      }
      .navbar{
        margin: 0;
        padding: 0;
      }
      p.card-text{
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
      }
  .top-bar i{
    font-size: 16px;
  }
  .tour-by-category h1{
    font-size: 24px;
    line-height: 25px;
    font-weight: 600;
  }
  footer{
    text-align: center;
  }
  ul.blog-menu li h4{
    text-align: center;
  }
  .copyright p{
    font-size: 14px;
  }
  ol.breadcrumb span{
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
  }
  .inclusion-exclusion h1{
    font-size: 22px;
    font-weight: 600px;
    line-height: 24px;
  }

}
/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/
@media (min-width: 320px) and (max-width: 480px) {
    .whatsapp-btn {
  margin-top: 6px;
}
.whatsapp {
  position: fixed;
  width: 40px;
  height: 40px;
  bottom: 18px;
  right: 18px;
  background-color: #25d366;
  color: #FFF;
  border-radius: 22px;
  text-align: center;
  font-size: 27px;
  box-shadow: 2px 2px 3px #999;
  z-index: 100;
  vertical-align: middle;
}
      ul.trip-info{
        display: inline-block;
      }
      ul.trip-info li{
        display: inline-block;
        padding: 10px 20px;
        text-align: center;
      }
      .display-none-small{
        display: none;
      }


      .card-footer{
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        text-align: left;
      }
  
      table tr th{
        font-size: 18px;
        font-weight: 600;
        line-height: 24px;
      }
        table tr td{
        font-size: 18px;
        font-weight: 600;
        line-height: 24px;
      }
      .accordion-item h2.accordion-header button{
        font-size: 16px;
        font-weight: 400;
        line-height: 17px;
      }
      /*Inner Page*/
      .tour img{
        object-fit: cover;
        object-position: center;
        height: 163px;
      }
      .post-title {
          padding: 0px 12px;
      }
      .overview, .highlights i{
        font-size: 16px;
      }
    .overview{
      margin: 0;
      padding: 20px 0px;
    }
    .highlights, .itinerary, .inclusion-exclusion{
      margin-bottom: 20px;
    }
    .overview, .highlights, .itinerary, .inclusion-exclusion, .tour h1{
      font-size: 24px;
      font-weight: 600;
      line-height: 54px;
    }
    .trip-details-wrapper{
      margin: 0;
      padding: 20px;
    }
    .inner-content .sidebar-box h3 {
        font-size: 24px;
        line-height: 37px;
        font-weight: 500;
    }
      h2 {
          font-size: 24px;
          font-weight: 600;
          line-height: 36px;
      }
      .inner-content {
        margin: 0;
        padding: 15px 0px;
    }
    .inner-content p{
      text-align: justify;
    }
    .inner-content ul, ol{
      display: block;
    }
    .inner-content ul, ol, li{
      display: block;
      padding: 5px 0px;
      font-size: 16px;
      font-weight: 400;
      line-height: 24px;
    }
    .inner-content ul, ol, li strong{
      font-weight: 600;
    }
    .inner-content h3{
      font-size: 22px;
      line-height: 54px;
      font-weight: 500;
    }
    p strong{
      font-weight: 500;
    }
      /*Breadcrumbs*/
    #breadcrumb{
      padding: 10px 0px 0px;
    }
      ol.breadcrumb {
        font-size: 18px;
        font-weight: 400;
    }
      /*Images*/
      .tour-by-category img{
         height: 196px;
        object-fit: cover;
        object-position: center;
      }
      .blog img{
        height: 293px;
        object-fit: cover;
        object-position: center;
      }
      /*Blog*/
      .card small {
          font-size: 14px;
      }
      .blog p{
        font-size: 18px;
        font-weight: 400;
        line-height: 24px;
      }
      .blog img{
        height: 148px;
        object-fit: cover;
        object-position: center;
      }
      /*Footer*/
      .footer-middle {
        padding: 30px 0 30px;
    }
    footer h3{
      font-size: 20px;
      line-height: 24px;
      font-weight: 400;
    }
    footer ul.footer-social li {
        padding: 0px 5px;
    }
    footer ul.footer-social li a {
        font-size: 24px;
    }
    .footer-first-col{
      padding: 0px 0px 30px;
    }
    .footer-icon i {
        font-size: 28px;
    }
    ul.footer-menu li{
      padding: 5px 0px;
    }
      .footer-banner {
          background: url(../images/footer-banner.png) no-repeat;
          background-size: auto;
          width: 100%;
          height: 220px;
          background-size: 100% 100%;
          display: block;
          padding: 0;
          margin: 0;
      }
      footer{
        padding: 50px 0px 0px;
      }
      footer p small{
        font-size: 14px;
        font-weight: 300;
        line-height: 24px;
        text-align: justify;
      }
      /*Tour By Category*/
      .tour-by-category, .blog, h5.card-title a{
        font-size: 16px;
        font-weight: 500;
        line-height: 24px;
      }
      /*About Us*/
      .about-us{
        margin: 0;
        padding: 100px 0px;
      }
      .about-us p{
        padding: 3px 0px;
        text-align: justify;
      }
      .about-us, .tour-by-category, .contact, .blog h1{
        font-size: 24px;
        font-weight: 600;
        text-align: center;
        padding-bottom: 29px;
      } 
      /*Contact*/ 
      .contact h2{
        font-size: 24px;
        font-weight: 600;
        text-align: center;
        padding-bottom: 16px;
      }
        .contact h3{
        font-size: 20px;
        font-weight: 600;
        line-height: 42px;
      }
        .contact h4{
        font-size: 18px;
        font-weight: 600;
        line-height: 42px;
      }
      .contact p {
          font-size: 18px;
          font-weight: 400;
          line-height: 24px;
          text-align: left;
      }
        .about-us h1.wp-block-heading{
        font-size: 28px;
        font-weight: 600;
        text-align: center;
        padding-bottom: 15px;
      }
      .content{
        margin: 0;
        padding: 15px 0px;
      }
      footer p{
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
      }
      footer ul.footer-social li i{
        font-size: 16px;
      }
      p{
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
      }
      ul.footer-menu{
      }
      ul.footer-menu li a{
        font-size: 18px;
        line-height: 24px;
        font-weight: 400;
      }
      ul.blog-menu li a{
        font-size: 18px;
        line-height: 24px;
        font-weight: 400;
      }
      /*Carousel*/
      .carousel-item {
        object-fit: cover;
        object-position: center;
      }
      .carousel-item img{
        height: 25vh;
      }
      .banner .carousel-caption h5{
        font-size: 22px;
        line-height: 31px;
        font-weight: 600;
      }
      .banner .carousel-caption{
        bottom: 70px;
      }
      /*top-bar*/
      .top-bar{
        font-size: 16px;
        font-weight: 300;
        line-height: 24px;
        padding: 5px 0px;
      }
      .top-bar ul.top-social li{
        padding: 0px 5px;
      }
      .top-bar ul.top-social li i{
        font-size: 20px;
        line-height: 24px;
        font-weight: 300;
      }
      /*Nav*/
      .nav-link{
        font-size: 18px;
        font-weight: 500;
        line-height: 24px;
      }
      .navbar{
        margin: 0;
        padding: 0;
      }
      p.card-text{
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
      }
  .top-bar i{
    font-size: 16px;
  }
  .tour-by-category h1{
    font-size: 24px;
    line-height: 25px;
    font-weight: 600;
  }
  footer{
    text-align: center;
  }
  ul.blog-menu li h4{
    text-align: center;
  }
  .copyright p{
    font-size: 14px;
  }
  ol.breadcrumb span{
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
  }
  .inclusion-exclusion h1{
    font-size: 22px;
    font-weight: 600px;
    line-height: 24px;
  }

}