@media (max-width: 1199px) {
    .hero_sec {
        align-items: center;
        justify-content: space-between;
    }
    .hero_sec .hero_title {
        text-align: center;
        line-height: 105%;
    }

    .hero_sec .desc {
        line-height: 140%;
        text-align: center;
        margin-inline: auto;
    }
    .hero_sec .bookAppointment {
        margin-inline: auto;
        margin-top: 30px;
        margin-bottom: 0;
    }

    .contactPage_main .formBox {
        border-right: 0;
    }
}
/*========= Tablet Screen =========*/
@media (max-width: 991.999px) {
    footer .ftrLogoBox {
        padding: 40px 16px 0px;
        flex-direction: row;
        align-items: center;
        margin-bottom: 20px;
    }

    footer .rightBox {
        border-left: 0;
        padding: 40px 16px;
    }

    .OurServices_sec .serviceCard .icon {
        max-height: 116px;
        margin-bottom: 50px;
    }

    .serviceCard .ctaBox {
        padding: 30px;
    }

    .mapAddress_sec .addressTitle,
    .mapAddress_sec .openingHr {
        font-size: clamp(2rem, 9.722vw - 0.917rem, 3.75rem);
    }

    .pickBrand_sec .innerSection .cardsInner {
        padding: 50px 16px 20px;
        overflow-x: auto;
        border-left: 0;
    }
    .productPick_card {
        margin-bottom: 0;
        min-width: 250px;
        max-width: 100%;
    }

    .faqs_sec .faqsBox {
        border: 0;
    }

    .contactPage_main .formBox {
        padding: 50px 30px;
        border: 0;
    }

    .contactPage_main .formBox form .btnPrimary {
        margin-top: 30px;
    }
}

@media (max-width: 768px) {
    .titleHeading,
    .mapAddress_sec .addressTitle,
    .mapAddress_sec .openingHr,
    .pickBrand_sec .innerSection .titleHeading {
        font-size: clamp(2rem, 9.722vw - 0.917rem, 3.75rem);
    }

    header .offcanvas .logoBox {
        padding: 20px 0px 30px 26px;
    }

    footer .rightBox .title {
        font-size: 30px;
    }
    .btn.btnPrimaryWhite,
    .btn.btnOutlineWhite {
        font-size: 12px;
        padding: 12px 26px !important;
    }
    footer .bottomFtr {
        padding: 30px 0;
    }

    header .offcanvas .linkBox {
        padding: 20px 30px 20px 30px;
    }
    header .navLink_list .nav-link {
        font-size: 40px;
        line-height: 110%;
    }
    header .offcanvas-bottom {
        padding: 20px;
    }

    /*---- About sec ----*/
    .about_where_sec .boxLine {
        height: 30px;
    }
    .about_where_sec .detailInner {
        padding: 30px 16px;
        border: 0;
    }
    .about_where_sec .detailInner .titleHeading {
        font-size: clamp(2rem, 9.722vw - 0.917rem, 3.75rem);
        margin-bottom: 30px;
    }
    .about_where_sec .titleHeading .aboutTitle-inner {
        height: clamp(2.5rem, 15.972vw - 2.292rem, 5.375rem);
    }

    .OurServices_sec {
        padding: clamp(1.875rem, 17.361vw - 3.333rem, 5rem) 0;
    }

    .OurServices_sec .serviceCard .content {
        padding: 30px;
    }
    .OurServices_sec .serviceCard .icon {
        max-height: 75px;
        margin-bottom: 40px;
    }
    .serviceCard .ctaBox {
        padding: 20px;
    }

    .OurServices_sec .serviceCard .title {
        font-size: 26px;
    }

    .GiftStyle_sec {
        padding: clamp(1.875rem, 17.361vw - 3.333rem, 5rem) 0;
    }

    .GiftStyle_sec .giftCard_grid .giftCard .innerCard {
        padding: 20px 18px;
    }
    .GiftStyle_sec .giftCard_grid .giftCard .innerCard h5 {
        font-size: 16px;
    }

    .pickBrand_sec .innerSection .cardsInner {
        padding: 30px 16px;
        border: 0;
    }
    /* .productPick_card .imgBox {
        aspect-ratio: 1/1;
        height: auto !important;
    } */

    .allBeautyOneplace_sec {
        padding: 70px 0 100px;
    }

    .mapAddress_sec h6 {
        font-size: 18px;
    }
    .mapAddress_sec h6 svg {
        height: 30px;
    }

    .mapAddress_sec ul {
        gap: 10px;
        padding-top: 0px;
    }

    .mapAddress_sec ul li {
        font-size: clamp(0.75rem, 2.778vw - 0.083rem, 1.25rem);
    }

    footer .ftrLogoBox {
        padding: 35px 16px 0px;
        margin-bottom: 5px;
    }

    /*---- Service Page ----*/
    .serviceDetail .box {
        height: 70px;
    }
    .serviceDetail .serviceList {
        padding: 40px 0;
        gap: 20px;
    }
    .serviceDetail .serviceBox .contentBox {
        padding: 20px 24px;
    }
    .serviceDetail .serviceBox .contentBox .icon {
        max-height: 100px;
    }
    .serviceDetail .serviceBox .collapseBtn {
        padding: 20px;
    }
    .serviceDetail .serviceBox .contentBox .titleHeading {
        font-size: 24px;
    }
    .serviceDetail .serviceBox .serviceItem {
        padding: 20px 30px;
    }

    .faqs_sec {
        margin-top: 70px;
    }

    input,
    textarea {
        padding: 14px 0;
    }

    .contactPage_main .formBox form .btnPrimary {
        margin-top: 20px;
        padding: 12px 40px;
    }
}

@media (max-width: 577px) {
    footer .ftrSocial {
        margin-top: 25px;
    }
}
/*========= Mobile Screen =========*/
@media (max-width: 480px) {
    #loader .logo1,
    #loader .logo2 {
        height: 100px;
    }

    p {
        font-size: 12px;
        line-height: 20px;
    }
    header .navbarBrand .mainLogo {
        height: 50px;
    }
    header .offcanvas .logoBox {
        border: 0;
    }
    header .navLink_list {
        /* padding-top: 50px; */
        padding-top: 13dvh;
        max-height: 75svh;
        overflow-y: auto;
    }

    footer .ftrLogo img {
        height: 70px;
    }

    footer .ftrSubHeading {
        font-size: 14px;
    }

    footer .rightBox .title img {
        height: 46px;
        margin-inline: 5px;
    }

    .GiftStyle_sec .giftCard_grid {
        gap: 16px;
    }
    .GiftStyle_sec .giftCard_grid .giftCard {
        aspect-ratio: 16/10;
    }

    /* .GiftStyle_sec .giftCard_grid .giftCard {
        max-width: 160px;
    } */

    .serviceCard .ctaBox {
        padding: 20px;
    }

    /*----- Service page -----*/
    .serviceDetail .serviceBox .contentBox {
        padding: 20px 16px;
        flex-direction: column;
        align-items: flex-start;
        row-gap: 20px;
    }
    .serviceDetail .serviceBox .contentBox .titleHeading {
        margin-left: 0;
    }
    .serviceDetail .serviceBox .serviceItem {
        flex-direction: column;
        align-items: flex-start;
        padding: 20px 16px;
    }
    .serviceDetail .serviceBox .price {
        font-size: 12px;
    }
    .serviceDetail .serviceBox .serviceItem .btn {
        font-size: 12px;
        padding: 10px 24px;
    }
    .serviceDetail .serviceBox .serviceItem h4 {
        font-size: 20px;
    }
    .serviceDetail .serviceBox .priceBox {
        width: 100%;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .serviceDetail .box {
        height: 40px;
    }
    .serviceDetail .serviceBox .serviceInnerList .dashLine {
        display: none;
    }
    .serviceDetail .serviceBox .serviceInnerList {
        align-items: flex-start;
        gap: 10px;
        flex-direction: column;
        margin-bottom: 10px;
    }
    .serviceDetail .serviceBox .serviceInnerList .innerTitle .badge,
    .serviceDetail .serviceBox .serviceItem h4 .badge {
        font-size: 12px;
    }
    .serviceDetail .serviceBox .serviceInnerList .innerTitle {
        font-size: 16px;
    }
    
    .serviceDetail .serviceBox .mobileHide {
        display: none;
    }
    .serviceDetail .serviceBox .mobileShow {
        display: block;
    }
    

    /* FAQs */
    .faqs_sec {
        margin-top: 40px;
    }
    .faqs_sec .accordion-button {
        font-size: 16px;
    }
    .faqs_sec .accordion-item:not(:last-child) {
        margin-bottom: 20px;
        padding-bottom: 20px;
    }

    .contactPage_main {
        padding-top: 80px;
    }

    .contactPage_main .formBox {
        padding: 30px 20px;
    }
    .contactPage_main .formBox form input {
        margin-bottom: 10px;
    }
    .contactPage_main .formBox form .btnPrimary {
        font-size: 12px;
    }
}

@media (max-width: 370px) {
    header .navbarBrand img,
    header .headerLogo {
        height: 50px;
    }
}