.w_25 {
    width: 25%;
}

.w_75 {
    width: 75%;
}

.w_80 {
    width: 80%;
}

.w_30 {
    width: 30%;
}

.spaph {
    padding-top: 6px;
    padding-right: 25px;
    color: #fcd905;
}

.spaph a {
    color: #fcd905;
}

.spaBanner h1 {
    font-size: 30px;
    font-weight: 900;
    color: white;
    text-align: left;
}

.spaBanner div span {
    font-size: 19px;
    text-align: left;
    color: white;
    font-weight: 700;
}

.tforspamassage {
    position: relative;
}

.navbar {
    z-index: 999999;
}

.pt_15 {
    padding-top: 15px;
}

.pb_15 {
    padding-bottom: 15px;
}

img.logo {
    height: 120px;
    padding-top: 10PX;
}

img.img-responsive.w_100px {
    height: 120px;
}

.pt_30 {
    padding-top: 30px;
}

.pt_40 {
    padding-top: 40px;
}

.pt_50 {
    padding-top: 50px;
}

.mt_25 {
    margin: 25px 0px 25px;
}

.pt_15 {
    padding-top: 15px;
}

.Bannertext {
    text-align: center;
    color: #ffffff;
}

.Chandi_banner {
    background-color: black;
}

.Chandi_banner p {
    color: #e6cfe6;
}

.Chandi_banner img {
    height: 350px;
}

.banner24top {
    padding-top: 15vh;
}

.ContactNo {
    display: flex;
    justify-content: end;
    padding-top: 5px;
}

.ContactNo img {
    height: 30px;
}

.ContactNo .Whimg {
    height: 35px;
}

/* ===============================
   MOBILE RESPONSIVE STYLES
   =============================== */

/* Mobile Devices (max-width: 767px) */
@media (max-width: 767px) {
    
    /* Width utilities mobile override */
    .w_25, .w_75, .w_80, .w_30 {
        width: 100% !important;
        margin-bottom: 15px;
    }
    
    /* Logo responsive */
    img.logo {
        height: 80px !important;
        padding-top: 5px !important;
        display: block;
        margin: 0 auto;
    }
    
    img.img-responsive.w_100px {
        height: 80px !important;
    }
    
    /* Banner responsive */
    .spaBanner h1 {
        font-size: 20px !important;
        text-align: center !important;
        padding: 0 10px;
    }
    
    .spaBanner div span {
        font-size: 14px !important;
        text-align: center !important;
        padding: 0 10px;
    }
    
    .Chandi_banner img {
        height: 250px !important;
        width: 100%;
        object-fit: cover;
    }
    
    .banner24top {
        padding-top: 10vh !important;
    }
    
    /* Contact info mobile */
    .ContactNo {
        justify-content: center !important;
        text-align: center;
        padding: 10px 0;
    }
    
    .spaph {
        padding-right: 0 !important;
        text-align: center;
        padding: 5px 0;
    }
    
    /* Padding and margin mobile adjustments */
    .pt_15 { padding-top: 10px !important; }
    .pt_30 { padding-top: 20px !important; }
    .pt_40 { padding-top: 25px !important; }
    .pt_50 { padding-top: 30px !important; }
    .pb_15 { padding-bottom: 10px !important; }
    .mt_25 { margin: 15px 0px 15px !important; }
    
    /* Text center on mobile */
    .mobile-center {
        text-align: center !important;
    }
    
    /* Banner text responsive */
    .Bannertext {
        padding: 10px;
        font-size: 14px;
    }
    
    .Bannertext h1, .Bannertext h2 {
        font-size: 18px !important;
    }
    
    .Bannertext h3 {
        font-size: 16px !important;
    }
    
    .Bannertext p {
        font-size: 14px !important;
        line-height: 1.4;
    }
}

/* Tablet Devices (768px to 991px) */
@media (min-width: 768px) and (max-width: 991px) {
    
    img.logo {
        height: 100px;
    }
    
    .spaBanner h1 {
        font-size: 26px;
    }
    
    .spaBanner div span {
        font-size: 16px;
    }
    
    .Chandi_banner img {
        height: 300px;
    }
    
    .ContactNo {
        justify-content: center;
    }
}

/* Large Mobile Devices (480px to 767px) */
@media (min-width: 480px) and (max-width: 767px) {
    
    .container {
        padding: 0 10px;
    }
    
    .spaBanner h1 {
        font-size: 22px !important;
    }
    
    .spaBanner div span {
        font-size: 15px !important;
    }
}

/* Small Mobile Devices (max-width: 479px) */
@media (max-width: 479px) {
    
    .container {
        padding: 0 5px;
    }
    
    img.logo {
        height: 60px !important;
    }
    
    .spaBanner h1 {
        font-size: 18px !important;
        line-height: 1.2;
    }
    
    .spaBanner div span {
        font-size: 13px !important;
    }
    
    .Chandi_banner img {
        height: 200px !important;
    }
    
    .ContactNo img {
        height: 25px !important;
    }
    
    .ContactNo .Whimg {
        height: 30px !important;
    }
    
    .banner24top {
        padding-top: 5vh !important;
    }
}