@media (max-height: 600px) {
    .home-page-wrapper h1.display-4 {
        font-size: 1.7rem;
        padding-left: 25px;
        padding-right: 25px;
    }
}
@media (max-width: 575.99px) {
    .sticky-whatsapp img {
        height: 50px;
        bottom: 30px;
    }
    [dir=ltr] .sticky-whatsapp img {
        left: 30px;
    }
    [dir=rtl] .sticky-whatsapp img {
        right: 80px;
    }
    .sm-w-100, .sm-w-100 button {
        width: 100%
    }
}
@media (min-width: 576px) {
    
}
@media (min-width: 576px) and (max-width: 767.9px) {
    
}
@media (max-width: 768px) {
    .auth-responsive {
        
    }
    .auth-wrapper > div.with-shadow,
    .forgot-password > div,
    .auth-responsive > div.with-shadow {
        box-shadow: none !important;
        background: none !important;
    }
    .d-flex.justify-content-between .w-100-small {
        
    }
    .w-100-small {
        width: 100%;
        margin-bottom: 25px;
    }
    .mb-2-small {
        margin-bottom: 20px;
    }
    .mb-3-small {
        margin-bottom: 30px;
    }
    .mb-4-small {
        margin-bottom: 40px;
    }
    .col-12-small {
        width: 100% !important;
    }
    .mt-3-small {
        margin-top: 30px;
    }
    .center-small {
        text-align: center !important;
    }
    .center-small img {
        margin: auto;
    }
    .mobile-toolbar {
        background: #fff;
        padding: 12px 16px;
        position: sticky; /* or fixed */
        top: 0;
        z-index: 1030;
        display: flex;
        align-items: center;
        justify-content: center; /* centers the title */
        height: 50px;
    }

    .mobile-toolbar .back-btn {
        position: absolute; /* keep icon on the far side */
        left: 16px;
    }

    html[dir="rtl"] .mobile-toolbar .back-btn {
        left: auto;
        right: 16px; /* swap sides in RTL */
    }
    .hide-on-small {
        display: none !important;
    }
    .payment-form-wrapper > .card .card-body {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    .payment-form-wrapper > .card .card-body .m-5 {
        margin: 0 !important;
    }
    .home-page-wrapper .hero .content {
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media (min-width: 768px) {
    .sticky-whatsapp:hover img {
        z-index: 9999;
        height: 80px;
        position: fixed;
        bottom: 50px;
        transform: scale(1.1);
        transition: transform 0.25s cubic-bezier(0.25, 1.25, 0.5, 1);
    }
    .home-page-wrapper .max-220 {
        max-width: 220px;
    }
}
@media (min-width: 768px) and (max-width: 991.9px) {
    
}
@media (min-width: 992px) and (max-width: 1199.9px) {
    
}
@media (min-width: 1200px) {
    
}