/* Responsive Styles */
/* Mobile (up to 767px) */
@media (max-width: 767px) {
    .main-title {
        font-size: 48px;
    }

    .big-title {
        font-size: 72px;
    }

       .large-text {
        font-size: 72px;
    }

    .small-text {
        font-size: 18px;
    }  
    .product-video {
        margin-top: -150px;
    }
    .coolpex-why-dry-air-top p {
        font-size: 32px;
    }

    .coolpex-why-dry-air-content {
        padding-top: 200px;
    }

    .coolpex-why-dry-air-points {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .accordion-style-one .accordion-header .accordion-button {
        font-size: 24px;
    }

    .accordion-style-one .accordion-body {
        font-size: 16px;
    }

    .coolpex-why-coolpex {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .humidifier {
        margin-top: 0px;
    }
    .humidifier video{
        max-width: 100%;
    }
     .why-coolpex-image .wc-1 {
         width:100px;
     }
      .why-coolpex-image .wc-2 { width:100px;
     }
      .why-coolpex-image .wc-3 { width:100px;
     }
      .why-coolpex-image .wc-4 { width:100px;
     }

    .why-coolpex-image .wc-5 {
        right: -10px;
        bottom: 40px; width:100px;
    }

    .why-coolpex-image .wc-6 {
        right: -5px;
        bottom: 10px; width:100px;
    }

    .heading-wrapper {
        flex-direction: column;
    }

    .left-text {
        max-width: 100%;
    }

    .humidity-wrapper {
        flex-direction: column;
    }

    .humidity-item {
        width: 100%;
    }

    .custom-form .col-lg-3,
    .custom-form .col-lg-6 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .custom-form .btn-primary {
        margin-top: 10px;
    }
}

/* Tablet (768px to 991px) */
@media (min-width: 768px) and (max-width: 991px) {
    .main-title {
        font-size: 60px;
    }

    .big-title {
        font-size: 100px;
    }

    .large-text {
        font-size: 140px;
    }

    .small-text {
        font-size: 30px;
    }

    .coolpex-why-dry-air-top p {
        font-size: 30px;
    }

    .coolpex-why-dry-air-content {
        padding-top: 250px;
    }

    .coolpex-why-dry-air-points {
        padding-top: 75px;
        padding-bottom: 75px;
    }

    .accordion-style-one .accordion-header .accordion-button {
        font-size: 28px;
       
    }

    .accordion-style-one .accordion-body {
        font-size: 18px;
    }

    .coolpex-why-coolpex {
        padding-top: 75px;
        padding-bottom: 75px;
    }

    .humidifier {
        margin-top: -200px;
    }

    .why-coolpex-image .wc-5 {
        right: -15px;
        bottom: 60px;
    }

    .why-coolpex-image .wc-6 {
        right: -8px;
        bottom: 15px;
    }

    .humidity-item {
        width: calc(50% - 10px);
    }
}

/* Desktop (992px and above) */
@media (min-width: 992px) {
    .main-title {
        font-size: 78px;
    }

    .big-title {
        font-size: 148px;
    }

    
    .large-text {
        font-size: 154px;
    }

    .small-text {
        font-size: 36px;
    }

    .coolpex-why-dry-air-top p {
        font-size: 48px;
    }

    .coolpex-why-dry-air-content {
        padding-top: 350px;
    }

    .coolpex-why-dry-air-points {
        padding-top: 100px;
        padding-bottom: 100px;
    }

    .accordion-style-one .accordion-header .accordion-button {
        font-size: 30px;
    }

    .accordion-style-one .accordion-body {
        font-size: 20px;
    }

    .coolpex-why-coolpex {
        padding-top: 100px;
        padding-bottom: 100px;
    }

    .humidifier {
        margin-top: -300px;
    }

    .why-coolpex-image .wc-5 {
        right: -20px;
        bottom: 80px;
    }

    .why-coolpex-image .wc-6 {
        right: -10px;
        bottom: 20px;
    }

    .humidity-item {
        width: calc(50% - 10px);
    }
}