@media only screen and (min-width:320px) and (max-width:767px) 
{
.header-logo {
    width: 45%;
}
.btn-success.btn-book {
    font-size: 9px;
    font-weight: 600;
    height: 33px;
    line-height: 33px;
    padding: 0px 14px;
}
.carousel-control-next-icon, .carousel-control-prev-icon {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    }
.offcanvas .logo img {
    width: 100%;
    height: 52px;
}
.offcanvas-body 
{
  background-color: #fff;
}
.page-banner {
    height: 250px;
    padding-top: 0px;
}
.single-price .price {
    font-size: 15px;
    max-width: 81px;
}
.single-price .line {
    width: calc(100% - 251px);
}

#carouselExampleControls .carousel-caption {
    position: absolute;
    right: 0%;
    bottom: 1.25rem;
    left: 6%;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    color: #fff;
    text-align: left;
}

#carouselExampleControls h5 {
    
    font-size: 15px;
   
}



#home-section-card {
     position: unset; 
     top: unset; 
    right: unset;
     width: 100%; 
    padding: 30px 15px;
}
.section-title .title {
    font-size: 20px;
}
.single-package {
    padding: 30px 9px;
}

.single-price .title {
    font-size: 12px;
    max-width: 145px;
}
.single-services .services-content .title a {
    font-size: 13px;
}
.single-services .services-content p {
  
    font-size: 12px;
    line-height: 16px;
}

.blog-post-image,.blog-post .post-details {
    width: 100%;
    }
.blog-post-image
{
  margin-bottom: 20px;
}
    .flex-column {
    flex-direction: column!important;
}
.blog-post .post-details {
    
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.all-services ul {
   
    gap: 0px;
    }
    .blog-post {
      padding: 15px;
}
.all-services p {
    font-size: 14px;
}
.all-services h6 {
font-size: 20px;
}
.btn.btn-enquiry {
margin-top: 23px;
}
.blog-post-image img {
   
    width: 100%;
    max-width: 100%;
    height: auto;
    }
    .mobile-menu ul li .menu-expand::after {
       height: 12px;
}
.mobile-menu ul li .menu-expand::before {
   
    width: 12px;
  }

  .header-area {
    padding: 5px 0;
}

.main-part 
{
  width: 100%;
  display: block;
}

.carousel-part 
{
  width: 100%;
}
.carousel-item img 
{
  height: auto;
}

.form-part 
{
width: 100%;
}
}


@media (max-width:991px) and (min-width:768px)
{
  #home-section-card {
     position: unset; 
     top: unset; 
    right: unset;
     width: 400px; 
    padding: 30px 15px;
        margin: 0 auto;
}
.offcanvas .logo img {
    width: 100%;
    height: 51px;
}
#home-section-carousel .card-form {
    margin-top: 61px;
}
.offcanvas {
    width: 300px;
    background-color: #fff;
}

.main-part 
{
  width: 100%;
  display: block;
}

.carousel-part 
{
  width: 100%;
}
.carousel-item img 
{
  height: auto;
}

.form-part 
{
width: 100%;
}

#home-section-card {
    
    width: 500px !important;
    padding: 30px 40px !important;
  
}
  }