@media (min-width: 1024px) {
        .besties .container {
        top: 50%;
        transform: translateY(-50%) translateX(25px);
    }
    
    
    .client-img-section {
        grid-template-columns: repeat(5, 1fr) !important;
    }
    
    .client-img-section h4 {
        grid-column: unset !important;
    }
}


@media (max-width: 992px) {
    .hero,
    .about-main,
    .book-me{
        margin-top: 107px;
    }
}

@media (min-width: 624px) {
    .follow-insta-wrapper {
        flex-direction: row;
        justify-content: space-between;
    }
    
    .follow-insta-wrapper h2 span {
        display: block;
    }
}


@media (max-width: 1024px) {
    
.besties {
    justify-content: center !important;
    align-items: center !important;
}

.awards h2 {
    font-size: 41px;
}

.enhance.col-12.col-lg-6.pt-6 {
    padding-top: 5px !important;
}

.home-mar1 {
    padding-left: 100px;
}

.home-mar2 {
    padding-right: 100px;
}

.hero {
    height: 70vh !important;
}
 .container, .container-sm {
    max-width: 900px;
}

.about-main {
    height: 687px !important;
}

.beauty-main {
    height: 687px !important;
}

.video-section1{
    height: 584px !important;
}
.video-content.portfolio {
  height: 600px !important;
}

.video-content.portfolio h2 {
  margin-top: 250px !important;
}


}

@media (max-width: 992px) {
      .masonry-gallery {
        column-count: 2;
      }
      
      .gallery {
        column-count: 2;
      }
      
    .image-column.d-flex.flex-wrap.justify-content-center.gap-3 {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}

.desktop-nav {
    display: none;
  }

  .mobile-nav {
    display: flex;
  }

  .mobile-menu.active {
    display: flex;
  }
  
}


@media (min-width: 700px) {
    .client-img-section {
    grid-template-columns: repeat(4, 1fr);
    }
    
    .client-img-section h4 {
    grid-column: span 4;
}
}

 
 @media (max-width: 768px) {
    nav {
      padding: 1rem 1.5rem;
    }
    ul.nav-menu {
      display: none;
    }

.image-column {
      display: flex;
      flex-direction: column;
      align-items: center; 
      gap: 20px; 
      max-width: 400px;
      margin: auto;
    }

    .image-column img {
      width: 100%; 
      height: auto;
    }

    .image-column.d-flex.flex-wrap.justify-content-center.gap-3 {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}
     .home-mar1 {
    padding-left: 5px;
}
    .home-mar2 {
    padding-right: 5px;
}

    .enhance p.mt-6{
    margin-top:2px !important;
    }
    
    .award-2.col-12.col-lg-3.col-md-6 img{
    margin-top: 0px !important;
}

    .about-sec2 {
    margin-left: 15px;
}
}


@media (max-width: 576px) {
      .masonry-gallery {
        column-count: 1;
      }
      .gallery {
        column-count: 1;
      }
    }
    
@media (max-width:425px) {
    .home-mar1 {
    padding-left: 5px;
}
    .home-mar2 {
    padding-right: 5px;
}

    .enhance p.mt-6{
    margin-top:2px !important;
    }
    
.hero h1 {
    font-size: 3.5rem !important;
}
.hero p {
    font-size: 20px !important;
}

.awards .col-12.col-lg-6.col-md-12.text-center{
     padding:31px !important;
 }

.col-12.col-lg-8.col-md-12.text-center{
    padding:31px !important;
}

.connect {
    height: 500px !important;
}

.about-main h1 {
    font-size: 44px !important;

}

h2.section-title.text-center{
font-size: 2.5rem;
}

.video-section1 {
    height: 400px !important;
}

.about-sec2.col-12.col-lg-6.text-left {
    padding: 10px !important;
}

.my-packages h2 {
    font-size: 34px;
}

.my-packages ul {
    padding-left: 1rem;
}

.offering {
    padding: 30px !important;
}

.shop-beauty{
    padding-top: 80px;
    margin-top: 170px;
}

.awards.about h2 {
    font-size: 35px !important;
}

.bridal h2 {
    font-size: 40px !important;
}

.bridal h3 {
    font-size: 25px !important;
}

h2.section-title.collection{
     font-size: 2.5rem;
}

.container.services {
    padding: 30px !important;
}

.about-sec2 {
    width: 346px !important;
}

h1.section-title.text-center {
    font-size: 2.5rem;
}

h2.section-title.pt-4 {
    font-size: 2.5rem;
}

.luxury{
    padding:31px !important;
}
}

 @media (max-width: 1023px) {
    .connect .col-12 {
    margin-left: auto;
    }
}