@media (min-width: 320px) and (max-width: 480px) {
  h1 {
    font-size: 1.1rem;
  }

  .vm-title {
    font-size: 20px;
  }

  /* .gallery-section {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  } */

  .swiper-pagination {
    margin-top: 20px;
  }

  /* .services-section {
    padding-top: 6rem !important;
    padding-bottom: 8rem !important;
    margin-top: -80px;
  } */

  .home-section {
    margin-top: 0;
  }

  .contact-section .card {
    /* margin-top: -200px;*/
    margin-bottom: 20px;
  }

  /* .carousel-indicators {
    bottom: 10% !important;
  } */

}

@media (min-width: 480px) and (max-width: 567px) {
  .carousel-indicators {
    bottom: 20% !important;
  }
}


@media (max-width: 480px) {
  .vm-title {
    font-size: 22px;
  }

  .section-title {
    font-size: 22px;
  }

  .product-title {
    font-size: 20px;
  }

  .product-description {
    font-size: 16px;
  }

  .form-title {
    font-size: 22px;
  }

  .form-label {
    font-size: 16px;
    margin-bottom: 2px;
  }

  .footer-tag-title {
    font-size: 25px;
  }

}

@media only screen and (max-width: 600px) {
  .logo-img {
    width: 170px;
    height: 31px;
  }

  .footer-logo {
    object-fit: contain;
  }

  .carousel-indicators-numbers {
    display: none;
  }

  .carousel-caption {
    top: 30%;
  }

  .carousel-caption {
    right: 10%;

    left: 10%;
  }

  span#service_section_titleEdit {
    position: relative;
    top: -18px;
  }
}

@media (min-width: 481px) and (max-width: 768px) {
  h1 {
    font-size: 1.6rem;
  }

  .vm-title {
    font-size: 22px;
  }

  .contact-section .card {
    /* margin-top: -380px; */
  }

  /* .gallery-section {
    padding-top: 4rem !important;
    padding-bottom: 3rem !important;
  } */

  .swiper-pagination {
    margin-top: 20px;
  }

  /* .services-section {
    padding-top: 6rem !important;
    padding-bottom: 9rem !important;
    margin-top: -90px;
  } */

  /* .carousel-indicators {
    bottom: 20%;
  } */

}


@media (max-width: 768px) {

  .contact-section {
    background-color: #ffffff;
  }

  .map-div {
    margin-bottom: 0px;
  }

  .tag-line-div {
    margin-top: 30px;
    margin-bottom: 30px;
  }

  .contact-form-div {
    margin-bottom: -300px;
  }

  .product-swiper {
    width: 100%;
    max-height: 100%;
  }

  .product-swiper .swiper-button-next,
  .product-swiper .swiper-button-prev {
    display: block;
  }

  .form-title {
    font-size: 20px;
  }

  .footer-tag-title {
    font-size: 26px;
  }

  .carousel-control-prev,
  .carousel-control-next {
    opacity: 0;
  }

  .carousel-control-next:focus,
  .carousel-control-next:hover,
  .carousel-control-prev:focus,
  .carousel-control-prev:hover {
    opacity: 0;
  }

  .carousel-indicators li.active:not(:last-child)::before {
    content: "";
    position: absolute;
    top: 50%;
    right: -45px;
    height: 1px;
    width: 35px;
    background-color: #fff;
    transform: translateY(-50%);
  }

  .carousel-indicators li.active:last-child::after {
    content: "";
    position: absolute;
    top: 50%;
    left: -60px;
    height: 1px;
    width: 35px;
    background-color: #fff;
    transform: translateY(-50%);
  }

  .logo-img {
    width: 170px;
    height: 31px;
  }

  .home-section {
    margin-top: 55px;
  }

}

@media (min-width: 769px) and (max-width: 990px) {
  .map-div {
    margin-bottom: 0px;
  }

  .tag-line-div {
    margin-top: 30px;
    margin-bottom: 30px;
  }

  .contact-form-div {
    margin-top: -300px;
  }

  h1 {
    font-size: 1.6rem;
  }

  .vm-title {
    font-size: 25px;
  }

  h3 {
    font-size: 1.4rem;
  }

  .contact-section .card {
    /*  margin-top: -350px; */
  }

  /* .gallery-section {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  } */

  .swiper-pagination {
    margin-top: 50px;
  }

  /* .services-section {
    background-size: cover;
    padding-top: 7rem !important;
    padding-bottom: 7rem !important;
    background-position: center;
    margin-top: -90px;
  } */

  /* .carousel-indicators {
    bottom: 40%;
  } */
}

@media (min-width: 991px) {
  .gallery-section .swiper-slide-next {
    padding: 0px !important;
  }
}

@media (min-width: 991px) and (max-width: 1024px) {
  h1 {
    font-size: 2rem;
  }

  .contact-section .card {
    border-radius: 0;
    /*margin-top: -360px; */
  }

  /* .services-section {
    padding-top: 5rem !important;
    padding-bottom: 7rem !important;
    margin-top: -17px;
  } */

  /* .gallery-section {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  } */
}

@media (min-width: 1025px) and (max-width: 1200px) {
  h1 {
    font-size: 2rem;
  }

  .gallery-swiper .swiper-slide-next {
    transform: scale(1.2);
  }

  /* .gallery-section {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  } */

  /* .services-section {
    padding-top: 7rem !important;
    padding-bottom: 7rem !important;
    margin-top: -80px;
  } */
}

@media (min-width: 1201px) and (max-width: 1400px) {

  .vm-title {
    font-size: 30px;
  }

  h1 {
    font-size: 2.4rem;
  }

  .gallery-swiper .swiper-slide-next {
    transform: scale(1.2);
  }
}

@media (min-width: 1400px) and (max-width: 1440px) {
  /* .services-section {
    padding-top: 10rem !important;
    padding-bottom: 13rem !important;
  } */

  /* .gallery-section {
    padding-top: 10rem !important;
    padding-bottom: 13rem !important;
  } */

  .gallery-swiper .swiper-slide-next {
    transform: scale(1.2);
  }
}

@media (min-width: 1440px) and (max-width: 1920px) {
  /* .services-section {
    padding-top: 20rem !important;
    padding-bottom: 20rem !important;
    margin-top: -80px;
  } */

  /* .gallery-section {
    padding-top: 20rem !important;
    padding-bottom: 20rem !important;
  } */

  .contact-section {
    /*  margin-top: -130px; */
  }

  .contact-section iframe {
    height: 800px !important;
  }

  .gallery-swiper .swiper-slide-next {
    transform: scale(1.2);
  }

  .product-swiper {
    width: 100%;
    max-height: 550px;
  }
}

@media(min-width: 1921px) {
  .product-swiper {
    width: 100%;
    max-height: 100%;
  }

  /* .services-section {
    padding-top: 13rem !important;
    padding-bottom: 13rem !important;
  } */

  /* .gallery-section {
    padding-top: 13rem !important;
    padding-bottom: 13rem !important;
  } */
}

@media (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
  .form-title {
    font-size: 20px;
  }

  .footer-tag-title {
    font-size: 20px;
  }
}

@media (device-width: 1024px) and (device-height: 768px) and (orientation:landscape) {
  .form-title {
    font-size: 20px;
  }

  .footer-tag-title {
    font-size: 20px;
  }
}