/* Add here all your css styles (customizations) */

/* Revolution Slider Responsiveness */
.tp-caption.revolution-ch1 {
    white-space: normal !important;
    text-align: center;
    width: 80% !important;
    left: 10% !important;
    /* Center the 80% width caption */
    display: flex !important;
    justify-content: center;
    align-items: center;
    font-weight: 700 !important;
    text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.7) !important;
    letter-spacing: 1px !important;
}

.tp-caption.revolution-ch2 {
    white-space: normal !important;
    text-align: center;
    width: 80% !important;
    left: 10% !important;
    font-weight: 400 !important;
    text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5) !important;
}

/* Desktop Large */
@media (min-width: 1200px) {
    .revolution-ch1 {
        font-size: 60px !important;
        line-height: 75px !important;
    }
}

/* Medium Tablets to Desktops */
@media (max-width: 1199px) and (min-width: 992px) {
    .revolution-ch1 {
        font-size: 45px !important;
        line-height: 55px !important;
    }
}

/* Tablets (Max height for content block approx 200px) */
@media (max-width: 991px) and (min-width: 768px) {
    .revolution-ch1 {
        font-size: 32px !important;
        line-height: 45px !important;
        top: 150px !important;
        /* Centering block in 500px height */
    }

    .revolution-ch2 {
        font-size: 18px !important;
        line-height: 28px !important;
        top: 250px !important;
    }

    .tp-banner-container .tp-caption:not(.revolution-ch1):not(.revolution-ch2) {
        top: 320px !important;
    }
}

/* Mobile Devices (Max height for content block approx 250px) */
@media (max-width: 767px) {
    .revolution-ch1 {
        font-size: 26px !important;
        line-height: 34px !important;
        margin-bottom: 15px;
        top: 130px !important;
        /* Centering block in 500px height */
    }

    .revolution-ch2 {
        font-size: 16px !important;
        line-height: 24px !important;
        top: 210px !important;
    }

    /* Adjust button spacing and position on mobile */
    .tp-banner-container .tp-caption:not(.revolution-ch1):not(.revolution-ch2) {
        top: 300px !important;
        /* Move buttons down if titles wrap */
    }

    /* Adjust button spacing on mobile */
    .tp-banner-container .btn-u {
        padding: 6px 15px !important;
        font-size: 13px !important;
        margin: 5px !important;
    }
}

/* Small Mobile */
@media (max-width: 480px) {
    .revolution-ch1 {
        font-size: 22px !important;
        line-height: 30px !important;
        top: 110px !important;
        /* Higher content density, more centering needed */
    }

    .tp-banner-container .tp-caption:not(.revolution-ch1):not(.revolution-ch2) {
        top: 280px !important;
    }
}