.myfs-1 {
  font-size: 14px;
}

.myfs-2 {
  font-size: 15px;
}

.myfs-3 {
  font-size: 1rem;
}

.myfs-4 {
  font-size: 1.125rem;
}

.myfs-5 {
  font-size: 1.25rem;
}

.myfs-6 {
  font-size: 1.375rem;
}

.myfs-7 {
  font-size: 1.5rem;
}

.myfs-8 {
  font-size: 1.625rem;
}

.myfs-9 {
  font-size: 1.75rem;
}

@media (min-width: 1481px) {
  .upcomingExpeditions {
    height: 60vh;
  }
  .upcomingExpeditions #upcomingCarousel {
    position: relative;
    transform: translateY(-40%);
  }
  .expbox .exp-name {
    width: 55%;
    font-size: 13px !important;
  }
  .expbox .hotel-name-display {
    font-size: 13px !important;
  }
  .expbox .toggleBtn.toggle-active .plus {
    transform: translateX(58px);
  }
  .expbox .toggleBtn.toggle-active .label {
    transform: translateX(-26px);
    font-size: 13px;
  }
  .expbox .toggleBtn.toggle-active {
    width: 90px;
    height: 30px;
  }
  .expbox .toggleBtn .plus {
    width: 20px;
    height: 20px;
  }
  .toggleBtn {
    height: 30px;
  }
  .toggleBtn.toggle-active {
    width: 93px;
    height: 30px;
    padding-inline: 6px;
  }
  .toggleBtn.toggle-active .plus {
    width: 20px;
    height: 20px;
    transform: translateX(60px);
  }
  .toggleBtn.toggle-active .label {
    transform: translateX(-26px);
    font-size: 13px;
  }
}
@media (max-width: 1480px) {
  .counterbox ul li {
    font-size: 0.9rem !important;
    line-height: 1.4 !important;
  }
  .counterbox ul li span {
    font-size: 1.3rem !important;
    margin-top: 0.4rem !important;
  }
  .custom-textarea {
    height: 60px !important;
  }
  .custom-check .form-check-input {
    height: 18px !important;
  }
  .form-control,
  .form-check-label,
  .input-search::before {
    font-size: 12px !important;
  }
  .themebtn,
  .btngradient {
    padding: 0.6rem 1rem !important;
    font-size: 12px !important;
  }
  .themebtn span,
  .btngradient span {
    font-size: 12px !important;
  }
  .btngradient::after {
    width: 1rem !important;
    margin-left: 4px;
  }
  .newsletter-form .themebtn {
    padding-inline: 2rem !important;
  }
  .display-5 {
    font-size: 2.5rem;
  }
  .fs-4 {
    font-size: 1.4rem !important;
  }
  #viewDetailsModal .modal-dialog {
    max-width: 90% !important;
  }
  #viewDetailsModal .modal-dialog .modal-content {
    border-radius: 24px;
  }
  #viewDetailsModal .wrapper-main .mainslider {
    width: 50% !important;
  }
  #expertModal .modal-dialog {
    max-width: 70% !important;
  }
  #expertModal .customscroll {
    width: 90% !important;
    height: 70vh;
  }
  .wslist-maincontainer {
    width: 30% !important;
  }
  #simple-list-itinerary a h3 {
    font-size: 1rem !important;
  }
  #simple-list-itinerary a div {
    font-size: 14px !important;
  }
  .sticky-scroll .scrollspy-itinerary .secimg {
    height: 220px;
  }
  .sticky-scroll .scrollspy-itinerary .selectimg {
    height: 15rem;
  }
  .sticky-scroll .scrollspy-itinerary .selectbtn {
    padding: 0.4rem 1rem;
    padding-right: 0.4rem;
    font-size: 10px;
    justify-content: space-between !important;
  }
  .sticky-scroll .scrollspy-itinerary .selectbtn span:nth-child(2) {
    width: 22px;
    height: 22px;
  }
  .sticky-scroll .scrollspy-itinerary .selectbtn span:nth-child(2) .bi-check2 {
    font-size: 12px !important;
  }
  .sticky-scroll .scrollspy-itinerary .add-btns {
    padding: 4px !important;
  }
  .sticky-scroll .scrollspy-itinerary .add-btns span {
    width: 22px;
    height: 22px;
  }
  .sticky-scroll .scrollspy-itinerary .add-btns p {
    width: 65px;
    font-size: 12px !important;
  }
  .sticky-scroll .scrollspy-itinerary p {
    font-size: 13px !important;
  }
  .sticky-scroll .scrollspy-itinerary .cardexplore .cardimg {
    height: 170px;
  }
  .sticky-scroll .scrollspy-itinerary .cardexplore .themebtn {
    height: 30px;
  }
  .footer .memberImg h3 {
    font-size: 0.9rem !important;
  }
  .upcomingExpeditions {
    height: 60vh;
  }
  .upcomingExpeditions #upcomingCarousel {
    position: relative;
    transform: translateY(-42%);
  }
  .enquiry-btn:hover .text {
    opacity: 1;
    transform: translateX(8px);
    font-size: 12px;
  }
}
@media (min-width: 1024px) and (max-width: 1479px) {
  .wishlist-offcanvas .main-wishlist {
    margin-right: 0 !important;
  }
  .wslist-maincontainer {
    width: 45% !important;
  }
  .upcomingExpeditions {
    height: 64vh;
  }
  .expbox .exp-name {
    width: 55%;
    font-size: 13px !important;
  }
  .expbox .hotel-name-display {
    font-size: 13px !important;
  }
  .expbox .toggleBtn.toggle-active .plus {
    transform: translateX(58px);
  }
  .expbox .toggleBtn.toggle-active .label {
    transform: translateX(-26px);
    font-size: 13px;
  }
  .expbox .toggleBtn.toggle-active {
    width: 90px;
    height: 30px;
  }
  .expbox .toggleBtn .plus {
    width: 20px;
    height: 20px;
  }
  .exp-name {
    width: 55%;
    font-size: 13px !important;
  }
  .hotel-name-display {
    font-size: 13px !important;
  }
  .toggleBtn.toggle-active .plus {
    transform: translateX(58px);
  }
  .toggleBtn.toggle-active .label {
    transform: translateX(-28px);
    font-size: 13px;
  }
  .toggleBtn {
    height: 30px;
    padding-inline: 6px;
  }
  .toggleBtn.toggle-active {
    width: 90px;
    height: 30px;
  }
  .toggleBtn .plus {
    width: 20px !important;
    height: 20px !important;
  }
  #expertModal .modal-dialog {
    max-width: 70% !important;
  }
  .modal-dialog .form-control, .modal-dialog .form-select {
    padding: 0.375rem 0.75rem !important;
  }
  .journey-carousel .journey-box {
    height: 28rem;
  }
}
@media (min-width: 992px) and (max-width: 1024px) {
  #expertModal .modal-dialog {
    max-width: 90% !important;
  }
  .modal-dialog .form-control, .modal-dialog .form-select {
    padding-block: 0.4rem 0.9rem;
  }
}
@media screen and (max-width: 991px) {
  .enquirybtn .themebtn {
    white-space: nowrap;
    padding: 0.8rem 4.2rem;
  }
  .upcomingExpeditions {
    height: 100%;
  }
  .upcomingExpeditions #upcomingCarousel {
    position: relative;
    transform: translateY(0%);
  }
  .wslist-maincontainer {
    width: 70% !important;
  }
  .expbox .exp-name {
    width: 55%;
    font-size: 13px !important;
  }
  .expbox .hotel-name-display {
    font-size: 13px !important;
  }
  .expbox .toggleBtn.toggle-active .plus {
    transform: translateX(57px);
  }
  .expbox .toggleBtn.toggle-active .label {
    transform: translateX(-26px);
    font-size: 13px;
  }
  .expbox .toggleBtn.toggle-active {
    width: 90px;
    height: 30px;
  }
  .expbox .toggleBtn .plus {
    width: 20px;
    height: 20px;
  }
  .expbox .exp-name {
    width: 55%;
    font-size: 13px !important;
  }
  .expbox .hotel-name-display {
    font-size: 13px !important;
  }
  .expbox .toggleBtn.toggle-active .plus {
    transform: translateX(58px);
  }
  .expbox .toggleBtn.toggle-active .label {
    transform: translateX(-26px);
    font-size: 13px;
  }
  .expbox .toggleBtn.toggle-active {
    height: 30px;
  }
  .expbox .toggleBtn .plus {
    width: 20px;
    height: 20px;
  }
}

  .grid {
    grid-template-columns: 1fr !important;
  }
  .absec-four .adcontent {
    padding: 1.3rem !important;
  }
  .absec-four .shapedimg {
    display: none;
  }
  .absec-five p {
    width: 100% !important;
    font-size: 1rem !important;
    margin-top: 0 !important;
  }
  .absec-six h3,
  .absec-six p {
    width: 100% !important;
    text-align: center !important;
  }
  .absec-six .imgdiv {
    width: 100%;
  }
  .absec-six .imgdiv img {
    width: 100%;
  }
  .absec-six .content p,
  .absec-six .content h3 {
    text-align: justify !important;
  }
  .absec-seven-stories h2 {
    width: 100% !important;
  }
  .absec-seven-stories .card {
    padding: 1rem !important;
    height: auto;
  }
  .absec-seven-stories .card img {
    height: 300px !important;
  }
  .absec-eight {
    padding-top: 0 !important;
  }
  .absec-eight p {
    font-size: 1rem !important;
  }
  .absec-eight .card {
    height: auto;
  }
  .absec-eight .card img {
    height: 500px !important;
  }
  .nxtdestination {
    height: 60vh !important;
  }
  .nxtdestination .bg {
    height: 100% !important;
  }
  .nxtdestination .bg h3,
  .nxtdestination .bg .bordertxt {
    width: 100% !important;
    font-size: 30px;
  }
  .nxtdestination .bg h6 {
    font-size: 1.1rem !important;
  }
  .nxtdestination .bg .watchtxt {
    font-size: 0.8rem !important;
  }
  .experiences-area .experiencesslider .experienceitem:nth-child(3) {
    left: 25% !important;
  }
  .testimonial-section #testCarousel .owl-stage-outer {
    padding-top: 18%;
  }
  .footer .section-title h2 {
    font-size: 30px;
  }
  .commonBanner .bgimg {
    height: 100% !important;
  }
  .commonBanner .content {
    padding-top: 0rem;
  }
  .commonBanner .content p {
    width: 100% !important;
  }
  .itineraryTwo .sticky-scroll {
    padding-bottom: 0 !important;
  }
  .itineraryTwo .sticky-scroll .scrollspy-itinerary {
    height: 100% !important;
  }
  .itineraryTwo .sticky-scroll .selectimg,
  .itineraryTwo .sticky-scroll .content,
  .itineraryTwo .sticky-scroll .title p {
    width: 100% !important;
  }
  .itineraryTwo .sticky-scroll .owl-stage-outer {
    padding-left: 0;
  }
  .itineraryTwo .sticky-scroll .owl-carousel.owl-drag .owl-item {
    padding-inline: 8px;
  }
  .itineraryTwo .sticky-scroll .secimg {
    height: auto;
  }
  .itineraryTwo .itithird p {
    width: 100% !important;
  }
  .itineraryTwo .box p {
    font-size: 1rem !important;
  }
  .inspiration-main .inssecOne .ins-card:nth-child(even) .row .content {
    padding-left: 0;
  }
  .inspiration-main .inssecOne .content {
    padding-right: 0 !important;
    text-align: center;
  }
  .inspiration-main .inssecOne .content h5 {
    font-size: 1rem !important;
  }
  .inspiration-main .inssecOne .content h2 {
    font-size: 1.5rem !important;
  }
  .inspiration-main .insecTwo {
    text-align: center !important;
  }
  .inspiration-main .insecTwo h3 {
    width: 100% !important;
    margin-top: 2rem;
  }
  .inspiration-main .insecTwo p {
    width: 100% !important;
  }
  .inspiration-main .insecTwo .imgdiv {
    position: relative !important;
    width: 100% !important;
  }
  .inspiration-main .inssecThird .owl-nav {
    display: none !important;
  }
  .inspiration-main .insecfive {
    padding-block: 0 !important;
  }
  .inspiration-main .insecfive input {
    width: 100% !important;
  }
  .inspiration-main .insecfive input,
  .inspiration-main .insecfive button {
    padding-left: 10px !important;
    padding-block: 10px !important;
    white-space: nowrap !important;
    font-size: 14px !important;
  }
  .destination-list p {
    width: 100% !important;
  }
  .destination-list .section-wideslider p {
    width: 100% !important;
  }
  .destination-list .journey-box {
    height: 350px !important;
  }
  .destination-list .journey-box .slider-text {
    text-align: center;
  }
  .destination-list .journey-box .slider-text p {
    font-size: 1.2rem !important;
  }
  .destination-list .destination-banner {
    height: 250px !important;
  }
  .destination-list .destination-banner .adskew {
    width: 100% !important;
    clip-path: polygon(0% 0, 100% 0, 100% 100%, 0 100%) !important;
  }
  .destination-list .destination-banner .content {
    text-align: center !important;
    transform: translateX(0) !important;
  }
  .destination-list .destination-banner .content .btnm {
    text-align: center !important;
  }
  .destination-list .destination-banner .content h2 {
    font-size: 1.2rem !important;
    width: 100% !important;
  }
  .destination-list .destination-banner .content p {
    font-size: 14px !important;
    width: 100% !important;
  }
  .destination-list .progress-slider p {
    width: 100% !important;
    font-size: 14px !important;
  }
  .destination-list .progress-slider .owl-nav {
    width: 42% !important;
    bottom: 8% !important;
    transform: translateX(-8%) !important;
  }
  .destination-list .progress-slider .owl-dots {
    width: 20% !important;
    left: -32.5% !important;
    bottom: 55px !important;
  }
  .contact-main h2,
  .contact-main p {
    text-align: center;
    width: 100% !important;
  }
  .contact-main .form-container {
    margin-top: 3rem;
  }
  .contact-main .absec-five {
    margin-top: 3rem;
  }
  .contact-main .absec-five .grid .box {
    height: auto !important;
    text-align: start !important;
    flex-direction: row-reverse !important;
    justify-content: space-between !important;
  }
  .contact-main .absec-five .grid .box h4 {
    width: 80%;
    font-size: 14px !important;
  }
  .contact-main .absec-five .grid .box .number {
    position: relative !important;
    width: -moz-fit-content;
    width: fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .contact-main .absec-five .grid .box .number h3 {
    padding: 0 !important;
  }
  .contact-main .commonBanner {
    height: 100%;
    padding-block: 3rem;
  }
  .contact-main .commonBanner .bgimg {
    width: 100% !important;
    height: 100%;
  }
  .error-main .commonBanner {
    height: 100%;
    text-align: center;
  }
  .error-main .error-content {
    align-items: center !important;
  }
  
  .expereinces-main .inssecOne .vidcard .playbtn {
    width: 50px !important;
    height: 50px !important;
  }
  .expereinces-main .inssecOne p {
    text-align: justify;
  }
  .expereinces-main .expSecfive h2,
  .expereinces-main .expSecfive p {
    width: 100% !important;
  }
  #testimonialTwo p {
    text-align: justify;
  }
  .upcoming-slider .sign-content p {
    text-align: start !important;
  }
  .blog-pg .blogimg {
    height: auto;
  }
  .blog-detail .share-card {
    padding: 1.8rem;
  }
  .blog-detail .share-card .icon-circle {
    margin-bottom: 0 !important;
  }
  .request_fsec h3 {
    width: 100% !important;
  }
  #formbox h2,
  #formbox p {
    text-align: center;
    width: 100% !important;
  }
  #expertModal .modal-dialog {
    max-width: 100% !important;
  }
  #expertModal .modal-dialog {
    max-width: 100% !important;
  }
  #expertModal .customscroll {
    width: 100% !important;
    height: 70vh;
  }
}
@media screen and (max-width: 1600px) {
  #hotelModal .modal-dialog {
    max-width: 90% !important;
  }
}
@media (min-width: 481px) and (max-width: 767px) {
  header nav .offcanvas ul.menulist {
    width: 100% !important;
  }
  header nav .offcanvas .dropdown-toggle {
    white-space: wrap;
  }
}
@media screen and (max-width: 360px) {
  .travel-tabs .nav {
    justify-content: start !important;
    gap: 10px !important;
  }
  .info-card p {
    font-size: 13px;
  }
  .jcontent {
    padding-inline: 1rem;
  }
  #overviewContent p {
    font-size: 14px !important;
  }
}
@media (min-width: 320px) and (max-width: 991px) {
  .toggleBtn.toggle-active .label {
    transform: translateX(-25px);
  }
  .mobile-subnav {
    position: absolute;
    inset: 0;
    padding: 1rem;
    transform: translateX(100%);
    transition: transform 0.4s ease;
    opacity: 0;
  }
  .mobile-subnav.show {
    transform: translateX(0);
    opacity: 1;
  }
  .mobile-subnav .mm-image-right {
    max-height: 400px;
  }
  .expedition-form {
    padding: 2rem !important;
  }
}
/* Desktop fix */
@media (min-width: 991px) {
  #expertModal .customscroll {
    width: 100% !important;
  }
  #wishlistSection {
    max-height: none !important;
    overflow: visible;
  }
}/*# sourceMappingURL=media.css.map */