@media (min-width: 768px) {
    .hero-text {
        padding-left: 2rem;
    }
    .profile-small-icon {
        padding-left: 2rem !important;
    }

}

/* Extra small devices: reduce padding */
@media (max-width: 576px) {
     

    .hero-text {
        padding-left: 0rem;
    }

    .fast-Delivery {
        width: 100% !important;
    }

    .why_choose_us {
        width: 100%;
        padding: 25px 0px;
    }

    .side-bar {
        width: 100% !important;
    }

    .promo-card {
        padding: 20px;
        min-height: 300px;
    }

    .promo-text h2 {
        font-size: 28px;
    }

    .promo-text p {
        font-size: 18px;
    }

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

    .message {
        font-size: 3rem;
    }

    .title {
        font-size: 2rem !important;
    }

    .section-title{
        font-size:35px !important;
    }

    .dropdown-select{
        width: 75% !important;
    }
    .product-card {
        background-color: rgb(225 204 211 / 50%) !important;
    }
    .user-wish-btn-text {
        font-size: 15px;
        gap: 0.1px;
    }
    
}
/* Tablet */
@media (max-width:992px) {

    .hero-section {
        background-attachment: scroll !important;
    }
    .dropdown-select{
        width: 50% !important;
    }
    
}

/* Mobile */

@media (max-width:480px) {
    .header-logo{
        width:156px !important;
    }
}
@media ( min-width:481px) and (max-width:768px) {
    .profile-small-icon {
        padding-left: 10rem !important;
    }
}

    @media ( min-width:768px) and (max-width:1024px) {
        .side-bar {
            width: 60% !important;
        }

        .promo-card {
            padding: 70px;
        }

        .why_choose_us {
            width: 100%;
            padding: 25px 0px;
        }

        .product-card {
            background-color: rgb(225 204 211 / 50%) !important;
        }
        .profile-small-icon {
            padding-left: 23rem !important;
        }
    }