@media (min-width: 1300px) and (max-width: 1499px) {
  .hero-slider .carousel-item {
    height: 480px;
  }
  .stats-section {
    margin-top: -100px;
  }
  h2 {
    font-size: 2.2rem !important;
  }
  .feature-card {
    height: 180px;
  }
  #testimonialSlider .carousel-control-next,
  #testimonialSlider .carousel-control-prev {
    height: 17% !important;
  }
}
@media (min-width: 1200px) and (max-width: 1299px) {
  .stats-section {
    margin-top: -120px;
  }
  .hero-slider .carousel-item {
    height: 440px;
  }
  h2 {
    font-size: 2.2rem !important;
  }
  .feature-card {
    height: 180px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hero-slider .carousel-item {
    height: 370px;
    background-size: cover;
  }
  h2 {
    font-size: 2rem !important;
  }
  .feature-card {
    height: 180px;
  }
  #testimonialSlider .carousel-control-next,
  #testimonialSlider .carousel-control-prev {
    width: 5% !important;
    height: 17% !important;
  }
  .slider-card {
    padding: 10px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hero-slider .carousel-item {
    height: 350px;
  }
  .stats-section .stat h3 {
    font-size: 1.5rem;
  }
  .glass-effect img {
    height: 60px;
    width: 70px;
  }
  .about-section h2 {
    font-size: 2rem;
  }
  h2 {
    font-size: 1.5rem !important;
  }
  .feature-card p {
    font-size: 18px;
  }
  .feature-card {
    height: 170px;
  }
  .product-title {
    font-size: 16px;
    font-weight: 600;
  }
  #testimonialSlider .carousel-control-next,
  #testimonialSlider .carousel-control-prev {
    width: 7% !important;
    height: 16% !important;
  }
  .testimonial-card {
    height: 280px;
    max-height: 350px;
  }
  .contact-section img {
    width: 100%;
  }
  label {
    font-size: 14px;
  }
  .navbar .collapse:not(.show) {
    display: block;
  }
  .navbar > .container,
  .navbar > .container-fluid,
  .navbar > .container-lg,
  .navbar > .container-md,
  .navbar > .container-sm,
  .navbar > .container-xl,
  .navbar > .container-xxl {
    display: flex;
    flex-wrap: nowrap;
    justify-content: end;
  }
  .navbar-nav {
    display: flex;
    justify-content: end;
    align-items: end;
  }
  .icon-bg {
    font-size: 16px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .navbar .collapse:not(.show) {
    display: block;
  }
  .navbar > .container,
  .navbar > .container-fluid,
  .navbar > .container-lg,
  .navbar > .container-md,
  .navbar > .container-sm,
  .navbar > .container-xl,
  .navbar > .container-xxl {
    display: flex;
    flex-wrap: nowrap;
    justify-content: end;
  }
  .navbar-nav {
    display: flex;
    justify-content: end;
    align-items: end;
  }
  .icon-bg {
    font-size: 16px;
  }
  .hero-slider .carousel-item {
    height: 300px;
  }
  .stats-section .stat {
    border: 0px dashed black;
  }
  h2 {
    font-size: 1.7rem !important;
  }
  .testimonial-card p {
    font-size: 16px;
  }
  .testimonial-card {
    height: 270px;
  }
  #testimonialSlider .carousel-control-next,
  #testimonialSlider .carousel-control-prev {
    width: 6% !important;
    height: 13% !important;
  }
  .carousel-control-next-icon,
  .carousel-control-prev-icon {
    width: 1rem !important;
    height: 1rem !important;
  }
  .faq-section {
    padding: 20px 0;
  }
  .w-50 {
    width: 20% !important;
    margin-bottom: 20px;
  }
  .footer a {
    font-size: 14px;
  }
  .contact-section {
    padding: 30px 0;
    text-align: center;
  }
  .contact-section img {
    margin-bottom: 20px;
    border-radius: 5px;
    padding-top: 0 !important;
  }
  .stats-section .stat h3 {
    font-size: 1.5rem;
  }
  .glass-effect img {
    height: 50px;
    width: 50px;
  }
}
@media (min-width: 320px) and (max-width: 575px) {
  .navbar .collapse:not(.show) {
    display: block;
  }
  .navbar > .container,
  .navbar > .container-fluid,
  .navbar > .container-lg,
  .navbar > .container-md,
  .navbar > .container-sm,
  .navbar > .container-xl,
  .navbar > .container-xxl {
    display: flex;
    flex-wrap: nowrap;
    justify-content: end;
  }
  .navbar-nav {
    display: flex;
    justify-content: end;
    align-items: end;
    font-size: 14px;
  }
  .icon-bg {
    font-size: 14px;
  }
  .stats-section .stat {
    border: 0px dashed black;
  }
  h2 {
    font-size: 1.5rem !important;
  }
  .testimonial-card p {
    font-size: 16px;
  }
  .testimonial-card {
    height: 290px;
  }
  .carousel-control-next-icon,
  .carousel-control-prev-icon {
    width: 1rem !important;
    height: 1rem !important;
  }
  #testimonialSlider .carousel-control-next,
  #testimonialSlider .carousel-control-prev {
    width: 8% !important;
    height: 10% !important;
  }
  .faq-section {
    padding: 20px 0;
  }
  .w-50 {
    width: 25% !important;
    margin-bottom: 20px;
  }
  .footer a {
    font-size: 14px;
  }
  .contact-section {
    padding: 30px 0;
    text-align: center;
  }
  .stats-section .stat h3 {
    font-size: 1.5rem;
  }
  .glass-effect img {
    height: 60px;
    width: 60px;
  }
  .contact-section img {
    margin-bottom: 20px;
    border-radius: 5px;
    padding-top: 0 !important;
    width: 100%;
  }
  .hero-slider .carousel-item {
    height: 220px;
  }
  .about-section {
    padding: 10px 0;
  }
  .about-section img {
    margin-bottom: 20px;
  }
  .feature-card {
    height: 180px;
  }
  .why-choose-section .pt-5 {
    padding-top: 0px !important;
  }
  .feature-card p {
    font-size: 20px;
  }
  .benefits-table th {
    font-size: 16px;
  }
  .testimonial-section {
    padding: 0px 0;
  }
  .testimonial-card h5 {
    font-size: 1rem !important;
  }
  .testimonial-section h2 {
    margin-bottom: 20px;
  }
  label {
    font-size: 14px;
  }
  #scroll {
    width: 35px;
    height: 35px;
  }
  .glass-effect {
    box-shadow: none;
  }
  .navbar-brand img {
    height: 40px;
  }
  .product-title {
    font-size: 16px;
  }
  .slider-card-two,
  .slider-card {
    min-width: 100% !important;
  }
  .product-slider {
    padding: 30px 0;
  }
}

@media (min-width: 320px) and (max-width: 375px) {
  .hero-slider .carousel-item {
    height: 200px;
  }
  .navbar-nav {
    font-size: 13px !important;
  }
  .hero-slider-mob .carousel-item {
    height: 570px !important;
    background-size: contain !important;
  }
}

@media (min-width: 320px) and (max-width: 575px) {
  #heroSlider {
    display: none;
  }
  .hero-slider-mob {
    display: block;
  }
  .hero-slider-mob .carousel-item {
    height: 650px;
    width: 100%;
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
  }
  #product-checkboxes label {
    font-size: 13px !important;
  }
  .dropdownlabel label {
    padding-left: 5px;
    font-size: 12px !important;
    position: relative;
    top: -2px;
  }
}