/* Navigation Menu */

@media (max-width: 600px) {
    .overlay {
      /* Fullscreen overlay with appropriate height */
      height: 100vh;
    }
    nav ul li {
      height: 17%; /* Adjust height for mobile display */
      font-size: 1.5rem; /* Slightly smaller font size */
      padding-bottom: 55px;
    }
    nav li a {
      letter-spacing: 0.2rem; /* Reduced letter-spacing for smaller screens */
    }
    .hamburger-menu {
      top: 0.5rem;
      right: 1rem;
    }
    .logo {
      top: 1rem;
      left: 1rem;
      height: 4em; /* Smaller logo */
      width: 5em;
    }
    /* Additional styles for better mobile experience */
    .overlay-slide-left {
      transition: transform 0.6s ease-in-out;
    }
  }
  @media (max-width: 600px) {
    .overlay {
      /* Fullscreen overlay with appropriate height */
      height: 100vh;
      bottom: 50px; /* Adjust padding to push nav links down slightly */
    }
  }
  /* Tablets (601px to 885px) */
  @media (min-width: 601px) and (max-width: 885px) {
    .overlay {
      height: 100vh;
    }
    nav ul li {
      height: 17%; /* Adjust height for tablet display */
      font-size: 1.75rem; /* Slightly smaller font size for tablets */
    }
    nav li a {
      letter-spacing: 0.3rem; /* Adjust letter-spacing for tablets */
    }
    .hamburger-menu {
      top: 1rem;
      right: 1.5rem;
    }
    .logo {
      top: 1.2rem;
      left: 1.2rem;
      height: 4.5em; /* Adjust logo size */
      width: 6em;
    }
    /* Additional styles for tablets */
    .overlay-slide-left {
      transition: transform 0.7s ease-in-out;
    }
  }

  /* Home */

  @media (max-width: 885px) {
    .home-cap {
      font-size: 60px; 
    }
    .home-btn {
      width: 150px; 
      margin: 20px; 
    }
    .home-background{
      background-image: url("/images/wald-home-22.jpg");
      height: 100vh; 
      width: 100%;
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center;
    }
    /*.home-img, .home-img-2, .home-img-3 {
      height: 100vh; 
    }*/
  }
  @media (max-width: 600px) {
    #carouselExampleFade {
      display: none;
    }
    .home-background{
      display: none;
    }
    #carouselCaption_1 {
      display: none;
    }
    .carousel-background {
      background-image: url("/images/wald-home-22.jpg");
      background-color: #000000;
      background-size: cover;
      background-position: 60% center ;
      background-repeat: no-repeat; 
      width: 100%;
      height: 100vh; 
      position: relative;
      
    }
    .home-cap-container {
      display: block; 
      position: relative; 
      top: 38%; 
      color: white;
      width: 100%; 
    }
    .home-cap {
      font-size: 30px;
    }
    .center-button{
      margin: 0;
    position: absolute;
    top: 350px;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    }
    .home-btn {
      width: 120px; 
      font-size: 16px;
      display: block;
    }
  }

  /* Gallery */

  @media (max-width: 885px) {
    #hero-gallery {
      background-attachment: scroll; 
    }
    .gallery-content h1 {
      font-size: 30px; 
    }
    .gallery-content p {
      font-size: 20px; 
      margin-bottom: 20px; 
    }
  }
  @media (max-width: 600px) {
    #hero-gallery {
      background-attachment: scroll; 
    }
    .gallery-content h1 {
      font-size: 24px; 
    }
    .gallery-content p {
      font-size: 16px; 
      margin-bottom: 15px; 
    }
  }

  /* Models */

  @media (min-width: 760px) and (max-width: 1200px) {
    .guitar-hero, .guitar-hero-2, .guitar-hero-3, .guitar-hero-4 {
      padding: 0;
      margin: 0;
      height: 50vh;
      background-attachment: scroll; 
      background-size: cover; 
      background-position: center; 
      background-repeat: no-repeat; 
      position: relative; 
      overflow: hidden; 
      }
      h1{
        font-size: 10px; 
      }
    .mobe-model-info {
      padding: 50px; 
    }
    .container img {
      width: 100%; 
      height: auto; 
      padding-top: 45px;
    }
    .carousel-item img {
      height: 800px; 
    }
    .models-img .col-3 {
      flex: 0 0 50%;
      max-width: 50%;
    }
.model-nav{
      display: flex;
      text-align: center;
    }
  }
  @media (max-width: 600px) {
    .guitar-hero, .guitar-hero-2, .guitar-hero-3, .guitar-hero-4 { 
    padding: 0;
    margin: 0;
    height: 50vh;
    background-attachment: scroll; 
    background-size: cover; 
    background-position: center; 
    background-repeat: no-repeat; 
    position: relative; 
    overflow: hidden; 
    }
    .model-header h1{
      font-size:37px;
    }
      .models-img .col-3 {
        flex: 0 0 50%;
        max-width: 50%;
      }
  }
  @media (max-width: 600px) {
    .container img {
      max-width: 100%; 
    }
    .container img {
      max-width: 100%; 
    }
    h1{
      font-size: small; 
    }
    .container {
      display: flex;
      flex-direction: column;
    }
    .models-img {
      order: -1; 
    }
    .model-name h1{
      font-size: 30px;
      margin: 45px;
    }
    .coming-soon h1{
      font-size: 15px;
    }
    .model-nav{
      display: flex;
      text-align: center;
      font-size: 1.3em;
    }
  }

  /* About */

  @media (max-width: 900px) and (min-width: 601px) {
    .hero-content {
      height: 60vh; 
      padding: 20px; 
      background-attachment: scroll; 
      background-size: cover; 
      background-position: center; 
      background-repeat: no-repeat; 
      position: relative; 
      overflow: hidden; 
    }
    .hero-content h1 {
      font-size: 40px; 
      text-align: center; 
      padding-bottom: 20px; 
    }
    #about {
      padding-top: 30px; 
      margin-top: 20px; 
    }
    #about .about-descr .p-heading,
    #about .about-descr-2 .p-heading {
      font-size: 28px; 
      margin-top: 0;
      padding-top: 0;
    }
    #about .about-descr .separator,
    #about .about-descr-2 .separator {
      font-size: 16px; 
      text-align: center; 
      margin: 0 auto; 
      padding: 0 15px; 
    }
    .first-section {
      flex-direction: row; 
    }
    .first-section .about-img,
    .first-section .about-img-2 {
      padding: 15px; 
    }
    .first-section .about-img img,
    .first-section .about-img-2 img {
      width: 100%;
      height: auto;
      margin-top: 0; 
      border-radius: 0; 
    }
    .first-section .about-descr {
      order: 1; 
    }
    .first-section .about-img {
      order: 2; 
    }
  }
  @media (max-width: 885px) {
    .hero-content {
      height: 50vh; 
      padding: 20px; 
      margin-bottom: 0; 
      background-attachment: scroll; 
      background-size: contain; 
    }
    .hero-content h1 {
      font-size: 40px; 
      text-align: center;
      padding-bottom: 0px; 
    }
    #about {
      padding-top: 20px; 
      margin-top: 25px;
    }
    .separator {
      margin-left: 0; 
    }
    #about .div-img-bg .about-img img {
      width: 100%; 
      height: auto; 
      margin-top: 15px; 
      border-radius: 0; 
    }
    #about .div-img-bg-2 .about-img-2 img {
      width: 100%; 
      height: auto; 
      margin-top: 45px; 
      border-radius: 0; 
    }
    #about .about-descr {
      margin-left: 0; 
      padding: 0 10px; 
    }
    #about .about-descr .p-heading,
    #about .about-descr-2 .p-heading {
      font-size: 28px; 
      text-align: center;
      margin-top: 10px; 
      padding-top: 0; 
    }
    #about .about-descr .separator,
    #about .about-descr-2 .separator {
      font-size: 16px; 
      text-align: center; 
    }
    .first-section {
      flex-direction: column-reverse; 
    }
    .first-section .about-img {
      order: 2; 
      padding: 10px;
      margin-top: 25px;
      margin-bottom: -45px;
    }
    .first-section{
      padding: 10px;
    }
    .first-section .about-img img {
      width: 100%;
      height: auto;
      margin-top: 0; 
    }
  }
  @media (max-width: 600px) {
  .hero-content{
    padding: 0;
    margin: 0;
    height: 50vh;
    background-attachment: scroll; 
    background-size: cover; 
    background-position: center; 
    background-repeat: no-repeat; 
    position: relative; 
    overflow: hidden; 
  }
    .hero-content h1 {
      font-size: 30px;
      padding: 0;
    }
    #about {
      padding-top: 10px; 
      margin-top: 0;
    }
    #about .about-descr .p-heading,
    #about .about-descr-2 .p-heading {
      font-size: 24px; 
      margin-top: 0;
      padding-top: 0;
    }
    #about .about-descr .separator,
    #about .about-descr-2 .separator {
      font-size: 14px; 
      text-align: center; 
      margin: 0 auto; 
      padding-bottom: 5px;
    }
    .first-section {
      flex-direction: column-reverse; 
    }
    .first-section .about-img {
      order: 2; 
      padding: 10px;
    }
    .first-section .about-descr {
      order: 1; 
      padding: 10px;
    }
    .first-section .about-img img {
      width: 100%;
      height: auto;
      margin-top: 0; 
    }
  }

  /* Services */

  @media (max-width: 885px) {
    .service-content {
      height: 50vh; 
      padding: 20px; 
      background-attachment: scroll; 
      background-position: center top;
    }
    .service-content h1 {
      font-size: 40px; 
      text-align: center; 
    } 
    .postcard {
      flex-direction: column; 
      margin-bottom: 1rem; 
    }
    .postcard__text {
      padding: 1rem; 
      text-align: center; 
    }
    .postcard h1, .postcard .h1 {
      font-size: 24px;
    }
    .postcard__preview-txt {
      font-size: 18px; 
    }
    .postcard .postcard__title {
      font-size: 1.5rem; 
    }
    .postcard .postcard__img {
      max-height: 150px; 
    }
  }
  @media (max-width: 600px) {
    .service-content{
      height: 250px;
    }
    .service-content h1 {
      font-size: 30px; 
    }
    .postcard h1, .postcard .h1 {
      font-size: 20px; 
    }
    .postcard__preview-txt {
      font-size: 16px; 
    }
    .postcard .postcard__title {
      font-size: 1.25rem; 
    }
    .postcard .postcard__img {
      max-height: 120px; 
    }
  }
  @media screen and (min-width: 885px) {
      .postcard {
          flex-wrap: inherit;
      }
      .postcard .postcard__title {
          font-size: 2rem;
      }
      .postcard .postcard__img {
          max-width: 300px;
          max-height: 100%;
          transition: transform 0.3s ease;
      }
      .postcard .postcard__text {
          padding: 3rem;
          width: 100%;
      }
      .postcard:hover .postcard__img {
          transform: scale(1.1);
      }
      .postcard:nth-child(2n+1) {
          flex-direction: row;
      }
      .postcard:nth-child(2n+0) {
          flex-direction: row-reverse;
      }
      .postcard:nth-child(2n+1) .postcard__text::before {
          left: -12px !important;
          transform: rotate(4deg);
      }
      .postcard:nth-child(2n+0) .postcard__text::before {
          right: -12px !important;
          transform: rotate(-4deg);
      }
  }
  @media screen and (min-width: 1024px) {
      .postcard .postcard__text {
          padding: 2rem 3.5rem;
      }
      .postcard .postcard__text:before {
        content: "";
        position: absolute;
        display: block;
        top: -20%;
        height: 130%;
        width: 55px;
    }
      .postcard.dark .postcard__text:before {
          background: #18151f;
      }
      .postcard.light .postcard__text:before {
          background: #e1e5ea;
      }
  }

  /* Contact */

  @media (min-width: 705px) and (max-width: 1024px) {
    .map-size {
      width: 100vw; 
      height: 300px; 
      max-width: 800px; 
    }
    .form-size {
      width: 100%; 
      height: auto; 
      max-width: 600px; 
      margin: 0 auto; 
    } 
.contact-content{ 
      background-size: cover;
      background-attachment:scroll ;
      background-position: center; 
    }
  }
  @media (max-width: 600px) {
    .map-size{
      height: 100%;
      width:100vw;
    }
    .contact-head{
      margin-top: 75px;
    }
    .contact-content{
      background-repeat: no-repeat;
      background-size: cover;
      background-attachment:scroll ;
      background-position: center; 
      height: 300px;
    }
    .contact-content h1{
      font-size: 25px;
    }
  }

  /* Testimonials */

  @media (max-width: 885px) {
    .test-content {
      height: 50vh; 
      padding: 20px; 
      background-attachment: fixed; 
    }
    .test-content h1 {
      font-size: 60px; 
      text-align: center; 
    } 
    .test-card {
      flex-direction: column; 
      margin-bottom: 1rem; 
    }
    .test-card__text {
      padding: 1rem; 
      text-align: center; 
    }
    .test-card h1, .test-card .h1 {
      font-size: 24px;
    }
    .test-card__preview-txt {
      font-size: 18px; 
    }
    .test-card .test-card__title {
      font-size: 1.5rem; 
    }
    .test-card .test-card__img {
      max-height: 100%; 
    }
  }
  @media (max-width: 600px) {
    .test-card{
      flex-direction: column-reverse;
    }
    .test-content{
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment:scroll ;
    background-position: 50px center;
    
    height: 250px;
    }
    .test-content h1 {
      font-size: 30px; 
    }
    .test-card h1, .test-card .h1 {
      font-size: 20px; 
    }
    .test-card__preview-txt {
      font-size: 16px; 
    }
    .test-card .test-card__title {
      font-size: 1.25rem; 
    }
    .test-card .test-card__img {
      max-height: 600px; 
    }
  }
  @media screen and (min-width: 885px) {
      .test-card {
          flex-wrap: inherit;
      }
      .test-card .test-card__title {
          font-size: 2rem;
      }
      .test-card .test-card__img {
          max-width: 300px;
          max-height: 100%;
          transition: transform 0.3s ease;
      }
      .test-card .test-card__text {
          padding: 3rem;
          width: 100%;
      }
      .test-card:nth-child(2n+1) {
          flex-direction: row;
      }
      .test-card:nth-child(2n+0) {
          flex-direction: row-reverse;
      }
      .test-card:nth-child(2n+1) .test-card__text::before {
          left: -12px !important;
          transform: rotate(4deg);
      }
      .test-card:nth-child(2n+0) .test-card__text::before {
          right: -12px !important;
          transform: rotate(-4deg);
      }
  }
  @media screen and (min-width: 1024px) {
      .test-card .test-card__text {
          padding: 2rem 3.5rem;
      }
      .test-card.dark .test-card__text:before {
          background: #18151f;
      }
      .test-card.light .test-card__text:before {
          background: #e1e5ea;
      }
  }