@media (min-width: 1024px) {
  .nav-logo img {
    width: 15vw;
  }

  
}

@media (max-width: 1325px) {

.cCarousel-item, .cCarousel-item2 {
  width: 35vw;
}


.weddingSectionReviewsContent {
  height: 33vh !important;
}
.weddingSectionReviewsContentText {
  line-clamp: 3;
  display: -webkit-box;
  -webkit-line-clamp: 3; /* Adjust the number of lines before truncation */
}

}

@media (max-width: 900px) {
    .content-songs{
        display:grid;
        height: fit-content;
    }

    .aboutUsContainer, .seeUsLiveContainer  {
      display: flex !important;
      flex-direction: column !important;
  }
  
  
  .aboutUsLeftSection, .aboutUsRightSection, .seeUsLiveLeftSection, .seeUsLiveRightSection {
      padding: 0 4vw !important;
      margin: 0 !important;
      width: 100% !important;
      align-content: center !important;
  }

  .aboutUsLeftSection, .seeUsLiveLeftSection{
    height: fit-content;
    min-height: 25vh;
  }

  .aboutUsRightSection, .seeUsLiveRightSection{
    height: fit-content !important;
    padding-top: 0;
    margin-top: 0;
    margin-bottom: 3vw !important;
  }

  
.content-songs-left,
.content-songs-right {
    width: 97vw;
}

.content-songs-left {
    height: 60vh;
}

#cCarousel {
  width: 85vw;
}

.cCarousel-item, .cCarousel-item2 {
  width: 35vw;
}

form select, 
form input:not([type="checkbox"]),
form textarea{
    width: 75vw !important;
}

}



/* Media query to stack videos vertically on smaller screens */
@media (max-width: 768px) {
  .nav-links {
    display: none;
}

.hamburger {
    display: flex;
}

.songFeature {
  width: 85vw !important;
  max-width: 85vw;
}

.weddingSectionReviewsContent {
  height: 25vh !important;
}
.weddingSectionReviewsContentText {
  line-clamp: 2;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* Adjust the number of lines before truncation */
}

    .containerVideo {
        flex-direction: column; /* Stack videos vertically */
    }

    .sectionVideo {
        margin-left: 0; /* Remove horizontal margin when stacked */
        margin-right: 0; /* Remove horizontal margin when stacked */
        width: 100%; /* Take full width on smaller screens */
        margin-top: 1vw; /* Adjust top margin for consistent spacing */
    }

    .sectionReviews {
        flex-direction: column; /* Stack review cards vertically */
        margin-bottom: -20px; /* Space between vertically stacked cards */
    }

    .sectionReviewsContent {
        width: 80%; /* Adjust the width to fit the screen size better */
        margin-left: auto; /* Center the review cards horizontally */
        margin-right: auto; /* Center the review cards horizontally */
        margin-bottom: 10px; /* Space between vertically stacked cards */
    }

    .sectionReviewsContent h3{
        margin: 0;
        margin-top: -3vw;
        padding: 0;
    }

    .sectionReviewsContentText{
        padding-bottom: 1vw;
        margin-top: -3vw;
    }

    
.why-choose-us {
  max-height: fit-content;
}


    .weddingSectionReviews {
      flex-direction: column; /* Stack review cards vertically */
      margin-bottom: -20px; /* Space between vertically stacked cards */
  }

  .weddingSectionReviewsContent {
    width: 80% !important; /* Adjust the width to fit the screen size better */
    margin-left: auto; /* Center the review cards horizontally */
    margin-right: auto; /* Center the review cards horizontally */
    margin-bottom: 10px; /* Space between vertically stacked cards */
    align-self: center !important;
    height: 35vw;
  }

  .weddingSectionReviewsContent h3{
      margin: 0;
      margin-top: -3vw;
      padding: 0;
  }

  .weddingSectionReviewsContentText{
      padding-bottom: 1vw;
      margin-top: -3vw;
  }

    /*Carousel */
    #cCarousel {
      width: 85vw;
    }

    #carousel-vp, #carousel-vp2 {
      width: 85vw;
    }

    .cCarousel-item, .cCarousel-item2 {
      width: 35vw;
    }
.content-songs{
  flex-direction: column;
  width: 100vw;
}
.content-songs-right, .content-songs-left{
  width: 100vw !important;
}
.content-songs-left{
height: 50vh !important;
}

/* See us live pohoto album */
.album .img {
  padding: 1vw !important;
}
.album .responsive-container-block.img-cont {
  min-width: 50%;
}

.banner1 img, .banner2 img {
  width: 18vw;
}
 
.banner3 img{
  width: 14vw;
}
}



@media (max-width: 620px) {
  .navbar {
    height: 15vw;
    max-height: 15vh;
    min-height: 60px;
  }

  .aboutUsContainer {
    padding-top: 5vw;
    padding-bottom: 5vw;
}
    .text-container p {
        display: none; /* This hides the <p> element */
    }

    .sectionSongChoices {
        display:grid;
        justify-content: center;
    }

    .cardSongs {
        width: 40vw;
        height: auto;
        margin-bottom: 4vw;
      }

      .card-imageSongs img {
        width: 75%;
        height: auto;
        margin: 2vw 1vw;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
      }
      .card-text h3 {
        margin: 10px 0;
      }
      
      .card-text p {
        color: #555;
      }
      .price{
        background-color: #000;
        color: #0056b3;
      }

          /*Carousel */
    .cCarousel-item, .cCarousel-item2 {
      width: 50vw;
    }

.songFeature {
  width: 85vw !important;
  max-width: 85vw;
}

}

@media (max-width: 470px) {

  .aboutUsContainer {
    padding-top: 3vw;
    padding-bottom: 3vw;
}

      /*Carousel */
    #cCarousel {
      max-width: 92vw;
      width: 92vw;
      }
    .cCarousel-item, .cCarousel-item2 {
      width: 55vw;
    }

    #carousel-vp, #carousel-vp2 {
      width: 85vw;
    }

    .video-WeddingHeader p{
      display: none;
    }

}

@media (max-width: 370px) {
.aboutUsContainer {
  padding-top: 3vw;
  padding-bottom: 3vw;
}

.mainOptionContainer{
height: fit-content;
}

.nav-logo img {
width: 25vw;
}

#cCarouselSongs {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3vw;
  width: 100%;
    }

    .cCarousel-itemSongs {
      width: 50vw !important;
      height: 50vw;
    }

    .banner-container {
      flex-direction: column;
      align-items: center;
    }
    .banner1 img, .banner2 img {
      width: 25vw;
    }

    .video-WeddingHeader p, .video-WeddingHeader h1 {
      display: none;
    }
}