@media screen and (max-width:768px){
    .flex-top .social-icons{
        display: none;
    }
    .carousel-content h2{
        font-size: 40px;
    }
    .carousel-item img{
        height: auto;
    }
    .features-boxes{
        display: none;
    }
    .about-content .main-head {
    font-size: 28px;
    font-weight: 700;
    }
    .about-content .main-head br {
    display: none;
}
.about-content p{
    text-align: justify;
}
.flex-text p{
    text-align: start;
    font-size: 14px;
}
.flex-text strong{
    font-size: 15px;
}
.flex-text{
    flex-wrap: wrap;
    gap: 10px;
}

.about-1 img{
    display: none;
}
.about-2{
   max-width: 100%!important;
  right: 0px;
  left: 0px;
   position: inherit;
}
 
.about-2 img{
   width: 100%;
   position: inherit;
}
   }

    @media screen and (max-width :991px){
        .banner-form{
            position: inherit;
        }
        .destination{
          padding-top: 40px!important;
        }

        .dest-head h2{
            font-size: 25px;
        }
        .flex-text {
    display: flex;
    gap: 20px;
       }
       .offer-box{
        justify-content: center;
       }
       .owl-nav{
        top: -70px;
       }

       .wcs-img{
        position: inherit;
        max-width: 100%;
       }

       .wcs-img img{
        width: 100%;
       }
       .day-title {
    font-size: 16px;
    font-weight: 600;
}
.package-section .heading h2 {
    font-size: 30px;
    font-weight: 700;
}
.offcanvas{
    background-color: #00acc1;
}
.nav-item .nav-link {
    font-weight: 500;
    font-size: 16px;
    color: #ffffff;
}

.nav-item .nav-link:focus{
    color: #ffea07;
}

.nav-item{
    border-bottom: 1px solid #fff;
}
.navbar-nav .dropdown-menu{
    background-color: #000;
}
.dropdown:hover .dropdown-menu{
     background-color: #000;
}
.dropdown-item:focus, .dropdown-item:hover{
    background-color: #fff;
}
         
    }


    @media screen and (max-width :1200px) and (min-width:991px) {
      .banner-form {
        max-width:340px
      } 
      .features-box h6{
        font-size: 12px;
      }
      .features-box h3{
        font-size: 22px;
      }
      .wcs-img{
        max-width :500px
      }
    }


    @media screen and (max-width:768px){
        .d-banner{
         display: none!important;
        }
    }

    @media  screen and (min-width:768px) {
         .m-banner{
            display: none!important;
         }
    }