
@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1302px;
    }
    .bannerSection.innerBannerSec .image-box{
        margin-right: -120px;
    }
}
@media only screen and (max-width: 1399px) {
    .bannerSection.innerBannerSec .content-box h1 {
    font-size: 78px;
}
}

@media only screen and (max-width: 1199px) {
 h1 {
    font-size: 40px;
}
.bannerSection .content-box h1 {
    padding-bottom:24px;
}
.bannerSection .content-box p {
    font-size: 24px;
} 
.section-title {
    font-size: 32px;
} 
.myWhySection .section-head {
    padding: 90px 0px 140px 0px;
}
.coHari-commune-sec .section-head {
    padding: 130px 0px 70px 0px;
}

.tab-content-wrapper .content-box h2 {
    font-size: 30px;
}

    /* divya css */
.bannerSection.innerBannerSec .content-box h1{
    font-size: 64px;
}
}


@media only screen and (max-width:991px) {


.bannerSection .container-fluid {
    padding: 0px 32px 0px 32px;
}
.myWhySection .section-head {
    padding: 50px 32px 90px 32px;
}
.coHari-commune-sec .container {
    padding-left: 32px;
    padding-right: 32px;
}
.coHari-commune-sec .content-box p{line-height: 180%;}
.coHari-commune-sec .content-box p+p {margin-top: 24px;}
.my-why-content {
 padding: 0px 32px;
}
.bannerSection .content-box {
    padding-top: 80px;
}

.section-title {
    font-size: 28px;
}
.my-why-content p {
    font-size: 16px;
    line-height: 180%;
}

    /* Divya css */
    .my-why-content.traveller-content .left-box .content-box {
        margin-bottom: 60px;
        min-height: auto;
    }
    .my-why-content.traveller-content .right-box .content-box {
        margin-bottom: 60px;
        min-height: auto;
    }
    .bannerSection.innerBannerSec .content-box h1{
        font-size: 40px;
    }
.my-why-content.traveller-content {
    max-width: 100%;
}
.calls-inner-content hr {
    margin: 32px 0px;
}
.calls-inner-content {
    padding: 32px 0px;
}

.calls-inner-content:nth-child(1) {
    padding-top: 80px;
}
.bannerSection.innerBannerSec .content-box p
{
    font-size: 20px;
    line-height: 140%;
}
}

@media only screen and (max-width: 767px) {
.container, .container-sm {max-width: 100%;} 
.main-wrapper {margin-left:0px;}
ul.menu-list li a {
    display: flex;
    align-items: center; gap: 5px;
}

ul.menu-list li a img {
    display: block;
}
.banner-inner {
    flex-direction: column-reverse;
}
.bannerSection {padding-top: 30px;padding-bottom: 0px;}
.bannerSection .content-box {padding-top: 24px; }
.my-why-content .right-box .content-box:first-child,
.my-why-content .left-box .content-box:first-child {
    min-height: auto;
}
.left-box, .right-box {max-width: 100%;width: 100%;}
.my-why-content .mb-5 {margin-bottom: 1.5rem !important;}
.myWhySection .right-box{margin-top: 30px;}
.coHari-commune-sec .section-head {padding: 30px 16px 30px 16px;text-align: left;}
.latestSection .section-head {padding: 50px 0px 24px 0px;}

.latestSection .container{
    padding-left: 32px;
    padding-right:32px;
}
.latest-tab {
    margin-right: -32px;
}
.tab-content-wrapper .content-box {
    padding: 50px 0px 50px 0px;
}
.tab-content-wrapper .content-box h2 {
    font-size: 24px;
}
.tab-content-wrapper ul {padding-bottom: 30px;}
.tab-content-wrapper ul li{
    width: 100%;
}
.tab-content-wrapper ul li.active:after {
    height: 3px;
    bottom: -30px;
}

.footer-inner {
    text-align: center;
}
.back-to-top {
    position: static;
    transform: translate(-0%, -0%);
            margin: 0 auto;
}
.Copyright p {
    gap: 20px;
    display: flex;
    text-align: center;
    justify-content: center;
}
.back-to-top a {
    max-width: 125px;
    padding: 8px;
    margin-bottom: 16px;
    display: inline-block;
}

.social-links,
.Copyright{max-width: 210px; width: 100%; margin: 0 auto; text-align: center;}
.social-links {
    margin-bottom: 8px;
}
.main-menu .social-links a,
.main-menu .Copyright a,
.main-menu .Copyright p{font-family: "IBM Plex Mono", monospace;}

.main-menu .social-links,
.main-menu .Copyright{text-align:left;}
.main-menu .Copyright p {
    justify-content: start;
}

.social-links a:after {
    height: 12px;
    top: 2px;
}
.Copyright a{position: relative;}
.Copyright a::after{width: 2px;
    height:12px;
    background: #999;
    position: absolute;
    left: auto;
    right: -10px;
    content: "";
    top: 0px;}

    .back-to-top a svg {
    margin-right: 5px;
}
.social-links a, .Copyright p {
   font-family: "IBM Plex Mono", monospace;
}


.mobile-logo{position: relative; width: 100%;}
.tag-line h5{display: none;}
.main-menu{width: 0px;}
.open-menu .menu-body {
    width: 100%;
    padding: 100px 32px 15px 32px;
}
.main-menu .close-btn {
    top: 30px;
    left: 32px;
}

.open-menu .main-wrapper {
    transform: translate(0%);
}
.open-menu .main-menu {
    width: 100%;
}
ul.menu-list li {
    margin: 35px 0px;
}
.btn-menu-bar-desk {
    display: none;
}
.btn-menu-bar-mob {
    top: 5px;
    left: 0px;
}

.footerSection {
    margin: 0px 32px;
}
.open-menu .close-btn .btn-bar:last-child {
    transform: translate(0, 6px) rotate(45deg);
}
.btn-menu-bar .btn-bar, .close-btn .btn-bar {
    height: 2px;
}
.main-menu .social-links, .main-menu .Copyright {
    margin: 0;

}

  /* DIVYA CSS */
  .alphabet-scroll {
    column-gap: 30px;
}
    .scrollable-alpha {
        padding: 0px 15px;
    }

    .bannerSection.innerBannerSec .content-box p {
        font-size: 20px;
        line-height: 140%;
    }

    .bannerSection.innerBannerSec {
        padding: 30px 20px;
        padding-bottom: 0px;
    }

    .my-why-content.traveller-content .left-box .content-box {
        min-height: auto;
        margin-bottom: 64px;
    }

    .my-why-content.traveller-content .right-box .content-box {
        min-height: auto;
        margin-bottom: 64px;
    }

    .my-why-content.traveller-content .right-box .content-box:last-child {
        margin-bottom: 0px;

    }

    .co-traveller-content-sec {
        padding-bottom: 40px;
    }

    .more-section-link .section-link {
        font-weight: 700;
        font-size: 14px;
        line-height: 100%;
        letter-spacing: 4px;
        font-family: var(--inter);
        padding: 15px 8px;
    }

    /* .section-link {
        margin-top: 24px;
    } */
      .blog-inner-content .section-title, .inner-content .section-title,.calls-inner-content  .section-title {
        font-size: 24px;
        line-height:140%;
    }
    .blog-inner-content {
    padding: 39.5px 0px;
    margin: 0px 20px;
}

.left-text-blog {
    width: auto;
}

.right-text-blog {
    width: auto;
}

.dividerSec .divider-line {
    margin-bottom: 73px;
}

.blog-inner-content p {
    font-size: 16px;
}
section.dividerSec {
    margin: 0px 20px;
}
.curries-sec {
    padding-bottom: 16px;
}

.curries-sec .inner-content {
    text-align: left !important;
}
.inner-content p, .calls-inner-content p {
    font-size: 16px;
    max-width: 100%;
    margin-bottom: 0;
}

.inner-content .text-date {
    justify-content: left !important;
    column-gap: 8px !important;
    font-size: 16px;
}

.pdy-64 {
    padding: 32px 0px;
    margin: 0px 20px;
}

.curries-sec .inner-content:nth-child(1) {
    padding-top: 70px;
}
.calls-inner-content {
    margin: 0px 20px;
}
.calls-inner-content p{
    margin-top: 8px;
}
.calls-inner-content:last-child {
    border-bottom: 1px solid #d9d9d9;
}

.header-blog h1 {
    font-size: 32px;
    line-height: 120%;
    margin-bottom: 16px;
    margin-top: 8px;
}

.header-blog span {
    font-size: 16px;
}

.inner-blog-sec p,
.inner-blog-sec a {
    font-weight: 400;
    font-size: 16px;
    line-height: 180%;
}

.inner-blog-sec {
    margin: 0px 20px;
}
.traveller-content p {
    font-size: 18px;
}
.traveller-content .section-title {
    line-height: 100%;
}
.inner-blog-sec .header-blog p {
    font-size: 22px;
    line-height: 100%;
}

.inner-blog-sec hr{
    margin:24px 0px;
}
.post-content-sec{
    margin: 0;
}
.inner-blog-sec{
    padding-bottom: 40px;
}
.fs-20{
    font-size: 20px !important;
    line-height: 180%;
}

}


@media only screen and (max-width: 640px) {
  }