@media only screen and (max-width: 600px) {
.carousel-caption {
    position: absolute;
    right: 8%;
    bottom: -2.75rem;
    left: 10%;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    color: var(--bs-carousel-caption-color);
    text-align: center;
}     
body {
      margin: 0;
    }
.owl-dots {
    display: flex !important;
    text-align: center;
    margin-top: 10px;
    justify-content: center;
}
.owl-dot.active {
    background:#ffce45 !important;
}
.owl-dot {
    width: 10px;
    height: 10px;
    margin: 5px;
    background: #999!important;
    border-radius: 50%;
    display: flex;
    cursor: pointer;
}
.mobile-menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: #000;
    color: #fff;
    z-index: 1000;
    transform: translateX(-100%);
    transition: transform 0.3s ease;
    }
.mobile-menu.active {
      transform: translateX(0);
    }
.menu-header {
      background: #c3aa7b;
      color: #fff;
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 15px 20px;
}
.menu-items li:hover {
      background: #111;
}

.menu-items li span.arrow {
      font-size: 14px;
      float:right;
    }

.menu-items {
    padding:30px 5px;
    list-style: none;
    margin: 0;
    width: 100%;
    height: 100vh;
    overflow: scroll;
}
.sub-mobile-menu {
    width: 100%;
    list-style: none;
    padding: 0px;
    display:none;
}
.sub-mobile-menu li::marker {
    color: #ffce45;
}

.right-icons span {
    font-size: 35px;
}
.menu-items li a {
    text-decoration: none;
    color: #fff;
    font-size: 12px;
    letter-spacing: 1px;
}

.menu-items li {
    padding: 5px 10px;
    text-transform: uppercase;
    border-bottom: 1px solid #111;
    cursor: pointer;
    text-align: left;
}
.row.top-hed {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.row.top-hed .col-md-9 {
    width: 75% !important;
}
.row.top-hed .col-md-3 {
    width: 25% !important;
}
.melodica-top-dis {
    width: 100%;
    position: relative;
    display: none;
}
.melodica-bottom-head {
    display: none;
}
.melodica-mobile-nemu {
    display: block;
    text-align: right;
    padding: 0px;
    margin: 0px;
}
.menu-header .logo {
    font-size: 20px;
    font-weight: bold;
    width: 30% !important;
}
.menu-header .right-icons {
    align-items: flex-end;
    width: 70%;
}
section.positive-impart-sec {
    width: 100%;
    position: relative;
    padding-top: 90px;
    overflow: hidden;
}
.melodica-logo img {
    width: 120px !important;
    margin-left: 0px;
}
section.melodica-hero-sec img {
    width: 100%;
    height: 350px;
    object-fit: cover;
}
.melodica-home-caption-tittle h1 {
    color: #fff;
    font-size: 30px;
    text-transform: capitalize;
}
.melodica-home-caption-tittle h3 {
    color: #fff;
    font-size: 15px;
    text-transform: capitalize;
}
.melodica-home-slider-but-box {
    width:30%;
    position: absolute;
    bottom: 230px;
    left: 40px;
}
.melodica-achive {
    width: 100%;
    position: relative;
    text-align: center;
}
.melodica-achive img {
    width: 170px !important;
}
.melodica-achive-tittle h2 {
    font-size: 30px;
}
.melodica-achive-tittle {
    width: 100%;
    position: relative;
    text-align: center;
    margin-top: 30px;
}
.row.top-meloca-guide .col-md-4 {
    width: 33.33% !important;
}
.dsdsd_meloc {
    width: 100%;
    position: relative;
    display: block;
    align-items: flex-end;
    margin-bottom: 40px !important;
}
.over-expire-box h1 {
    font-size: 40px;
    margin: 30px 0px;
}
.over-expire-box {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    color: #fff;
    padding: 20px;
    z-index: 2;
}
.common-hed-box-melodica {
    width: 100%;
    position: relative;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 50px;
}
.steps-section {
    width: 100%;
    padding-top: 0;
    vertical-align: top;
    padding-left: 40px;
}
.steps-section:before {
    content: '';
    width: 2px;
    background: #031f13;
    top: 40px;
    bottom: 90px;
    left: 12px;
    position: absolute;
}
.common-hed-box-melodica h2 {
    font-size: 30px;
    color: #fff;
}
.common-hed-box-melodica p {
    color: #fff;
    font-size: 15px;
}
.circle-container {
    position: relative;
    width: 500px;
    height: 300px;
    margin: auto;
}
.circle-container .circle-large {
    width: 160px;
    height: 160px;
    top: -20px;
    left: 10px;
}
.circle-container .circle-small {
    width: 100px;
    height: 99px;
    top: -50px;
    right: 210px;
}
.circle-container .circle-medium {
    width: 100px;
    height: 100px;
    bottom: 125px;
    right: 195px;
}
.circle-xsmall {
    width: 80px;
    height: 80px;
    bottom: 65px;
    left: 120px;
}
.our-melodica-pos-impact {
    width: 100%;
    position: relative;
    padding-bottom: 60px;
    border-bottom: 1px solid #e1e0db;
}
.meloca-guide-box h4 {
    font-size: 13px;
}
.melodica-cta-content-bottom {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin-top: 25px;
    flex-direction: column;
    gap: 30px;
    margin-bottom: 70px;
}
.open-menu-btn {
    background: #b9a978;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    padding: 8px;
    border-radius: 50%;
    text-align: center;
}
.open-menu-btn img {
    width: 30px !important;
}
ul.sub-child-mobile-menu {
    width: 100%;
    position: relative;
    margin-bottom: 20px;
    display:none;
}
.melodica-top-head.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999;
  background:#373a17; 
}
ul.sub-child-mobile-menu li {
    border-bottom: 0px;
}
.icon-box-why-choose {
    width: 100%;
    position: relative;
    text-align: center;
    margin-top: 0px;
}
.footer-partner-box {
    width: 95%;
    margin: 0 auto;
    display: flex;
    align-items: center;
}
.melodica-cta-pic {
    padding-left: 0px;
}
.row.melodica-cta-pic .col-md-4 {
    width: 33.33%;
}
.cta-pico-contr h6 {
    font-size: 16px;
    padding: 0px;
    margin: 0px;
}
.cta-pico-contr p {
    padding: 0px;
    margin: 0px;
    font-size: 9px;
}
.right-footer-con {
    width: 100%;
    position: relative;
    margin-top: 40px;
}
.list {
    display: none;
}
.list1 {
    display: none;
}
.list2 {
    display: none;
}
.footer-menu-list h4 {
    width: 100%;
    position: relative;
    margin-bottom: 25px;
    margin-top: 15px;
}
.footer-menu-list h4:before {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    bottom: -10px;
    border-bottom: 1px solid #ffffff33;
}
.footer-menu-list h4:after {
    position: absolute;
    background-image: url(https://mwspl.in/melodica/assets/images/arrow-footer.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    content: "";
    display: block;
    height: 8px;
    transition: transform .3s;
    width: 16px;
    top:10px;
    right: 0px;
    filter: brightness(0) invert(1);
    opacity: 0.4;
}
.about-inner {
    width: 100%;
    margin: 0 auto;
    text-align: center;
}
.about-inner h2 {
    font-size: 30px;
    margin-bottom: 20px;
}
.director-word {
    width: 100%;
    position: relative;
    padding-left: 0px;
    padding-top: 60px;
}
.director-word:before {
    content: "";
    position: absolute;
    top: -270px;
    right: 0px;
    z-index: -1;
    opacity: 0.6;
    display: none;
}
.director-word:after {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0;
}
.safari-itinerary-inner.landing-page {
    width: 100%;
    position: relative;
    padding-top: 50px;
}
ul.mini-destination-list li {
    width: 100%;
}
.home-des-details {
    width: 100%;
    position: relative;
    padding-top: 50px;
}
section.gallery-sec {
    width: 100%;
    position: relative;
    margin-top: 60px;
}
section.best-of-destina {
    width: 100%;
    position: relative;
    padding-top: 0;
}
.incude-card h4 {
    font-size: 25px;
    color: #000000a8;
}
.row.melo-safari_inc .col-md-3 {
    width: 50%;
}
.incude-card {
    width: 100%;
    position: relative;
    text-align: center;
    border-right: none;
    padding: 0px 0px 20px 0px;
}
.top-hed-des-tiile h3 {
    font-size: 28px;
}
.top-hed-des-tiile h3 span {
    font-size: 28px;
}
.conte-melod-dest h3 span {
    color: #ffce45;
    font-size: 28px;
    font-family: 'AGaramondPro-Bold';
}
.conte-melod-dest h3 {
    font-size: 28px;
    padding: 0px;
    margin: 0px 0px 30px 0px;
    line-height: 30px;
}
.melodica-gal-and-map-box .destination-section {
    display: flex;
    width: 100%;
    height: 200px;
    transition: all 0.5s ease;
    overflow: hidden;
    gap: 20px;
}
.melodica-gal-and-map-box .expanded-box {
    position: relative;
    width: 100%;
    height: 200px;
}
.melodica-gal-and-map-box .gallery-slider img {
    width: 100vw;
    height: 100%;
    object-fit: cover;
}
.melodica-gal-and-map-box .close-btn {
    position: absolute;
    top: 5px;
    right: 10px;
    font-size: 30px;
    color: #4c1a0a;
    background: transparent;
    border: none;
    z-index: 999;
    cursor: pointer;
}
.melodica-gal-and-map-box .map-frame {
    width: 100%;
    height: 100%;
}
.namila-box-melodica img {
    width: 50% !important;
}
.act-animal {
    position: relative;
    width: 100%;
    cursor: pointer;
    text-align: center;
}
.act-animal p {
    font-size: 12px;
}
.namila-box-melodica {
    width: 100%;
    display: flex;
    position: relative;
    overflow: hidden;
    align-items: center;
    justify-content: center;
}
.getting-to-pico {
    width: 100%;
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    margin-top: 30px;
}
.Melodica-month-guide {
    width: 100%;
    position: relative;
    display: block;
    align-items: center;
    margin-top: 30px;
}
.Melodica-month-guide .same-width-box {
    width: 100%;
    position: relative;
    margin-top: -30px;
    margin-bottom: 25px;
}
section.desti-best-time-sec {
    width: 100%;
    position: relative;
    overflow: hidden;
}
.best-time-cal-list {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: 0 auto;
    list-style: none;
    gap: 10px;
    justify-content: center;
}
ul.trip-mon-guide {
    width: 100%;
    list-style: none;
    display: flex;
    margin: 0 auto;
    justify-content: space-around;
    text-align: center;
    padding: 0px;
}
.top-hed-des-tiile h2 {
    font-size: 30px;
    padding: 0px;
    margin: 0px;
}
.travel-melodica h3 {
    font-size: 27px;
    
}
.travel-melodica {
    width: 100%;
    position: relative;
    padding-right: 0px;
}
.safari-pack-inner-landing-box {
    display: block;
}
.packges-card {
    width: 100%;
    position: relative;
    box-sizing: border-box;
    margin-bottom: 15px;
    overflow: hidden;
}
.safari-desin-nreww {
    position: relative;
    width: 75%;
    float: right;
    margin-top: -15%;
    margin-right: 5%;
    z-index: 10;
}
.safari-desin-content {
    width: 100%;
    position: relative;
    padding: 60px 0px 0px 0px;
}
.safari-desin-content h2 {
    font-size: 30px;
    text-transform: capitalize;
    padding-bottom: 10px;
}
.hidding-desig {
    width: 100%;
    position: relative;
    display: flex;
    gap: 13px;
    align-items: center;
    margin-bottom: 15px;
    justify-content: left;
}
.safari-desin-inner-con p {
    text-align: left;
}
.itinerary-overview-pico {
    width: 100%;
    position: relative;
    padding-top: 20px;
    margin-bottom: -55px;
}
.itinerary-tab {
    width: 100%;
    position: relative;
    display: none;
}
.trip-high-box h2 {
    font-size: 30px;
    padding-bottom: 20px;
}
.melodicatab {
    width: 100%;
    position: relative;
    text-align: center;
    display: flex;
    justify-content: center;
    margin-top: -20px;
    margin-bottom: -20px;
}
.melodicatab button {
    position: relative;
    padding: 13px 10px;
}
.melodica-quto-box {
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    gap: 20px;
    background: #E7E2CF;
    padding: 40px 20px;
    border-radius: 155px;
    flex-direction: column;
    margin-top: -60px;
    margin-bottom: 50px;
}
.quto-details {
    position: relative;
    text-align: center;
    padding: 0px 30px;
}
.quto-details h4 {
    font-size: 25px;
}
.booking-melodiac-itineray-form {
    width: 100%;
    position: relative;
    padding:50px 20px;
}
section.safari-itinerary-sec {
    width: 100%;
    position: relative;
    margin-top: -80px;
}
.melodica-include-box {
    width: 100%;
    position: relative;
    margin: 60px 0px;
}
.booking-bg-box h3 {
    font-size: 19px;
    padding-top: 3px;
}
.form-check-input[type=checkbox] {
    border-radius: .25em;
    width: 20px;
    height: 20px;
}
.icon-box-you {
    width: 100px !important;
    height: 40px;
    background: #1f2a0b;
    display:none;
}
.icon-box-you i {
    color: #fff;
    font-size: 20px;
    padding: 20px;
    transform: translate(0px, -9px);
}
.you-chck {
    width: 100%;
    position: relative;
    padding: 10px 20px;
}
.safaritabcontent h3 {
    font-size: 25px;
    margin-bottom: 18px;
}
.safaritabcontent h3 {
    font-size: 16px;
    margin-bottom: 18px;
}
ul.rating-star-box a {
    font-size: 10px;
}
.activities-hide-box {    
    width: 100%;
    height: 100%;
    padding: 50px 30px 30px 30px;
}



ul.bread-melodica li a {
    font-size: 15px;
}

.testimonial-silder .owl-nav {
    bottom: -105px;
}
button.newslater-btn {
    margin-top: 20px;
}
.experience-card-over {
    bottom: 5px;
    left: 70px;
}
.second-bread-crumb {
    margin-top: -20px;
}
#explore {
    margin-top: -90px;
    margin-bottom: -20px;
}
#pico {
    margin-bottom: -20px;
}
#sols{
    margin-top: -50px;
}
#figo{
    margin-top: -20px;
}
#memo {
    margin-top: -30px;
}
#best-of {
    margin-top: -100px;
}
.second-on {
    margin-top: -50px;
}
.csfxa_rel h3 {
    top: -30px;
    right: -5px;
}
.destination-acti-pico h3 {
    font-size: 25px;
}
.melodica-des-animal-con {
    margin-top: -45px;
}
.getting-to-tittle {
    margin-top: -50px;
}
.common-hed-box-melodica {
    margin-top: -40px;
}
.melodica-gal-and-map-box .destination-section {
    
    margin-top: -30px;
    margin-bottom: -20px;
}
section.footer-sec {
    padding: 40px 0px 10px 0px;
}
section.melodica-cta-sec {
    padding: 40px 0px;
    margin-top: 60px;
}
ul.bread-melodica {
    display: block;
}
section.itineray-booking-form {
    padding: 40px 0px 0px 0px;
}
#packgallery {
    margin-top: -24px;
    margin-bottom: -100px;
}
section.about-this-trip-sec {
    margin-top: 40px;
} 
.row.safaritab {
    display: block;
}
.safari-gallery-box {
    margin-top: -20px;
}
.trip-high-box {
    margin-top: -15px;
}
section.travel-guide-land {
    padding: 40px 0px;
}
.travel-melodica h4 {

    margin: 15px 0px;
}
#folco {
    margin-top: -50px;
}
.travel-melodica-left-pico {
    margin-bottom: -30px;
}
section.expirence-landing-main {
    padding-top: 40px;
    padding-bottom: 20px;
}
.row.all-des-main-inner {
    margin-bottom: -50px;
}
.best-time-pico-right {
    margin-bottom: -30px;
}
.geting-to-des-sec {
    margin-top: -41px;
    padding-bottom: 40px;
}
section.desti-best-time-sec {
    margin-top: -29px;
}
section.experience-sec {
    margin-top: -47px;
}
.treip-view-main-fours {
    margin-top: -40px;
}
section.safari-sec.safari-landing-page {
    margin-bottom: -80px;
}
.safari-desin-pico {
    margin-top: -35px;
}
/*Mobile Responsive code end*/
}