@media (max-width:1920px) {

    /* home */
    /* .about-percentage {

        border-radius: 6px;
        border: 0.88px solid #01321D;
        background: #01321D;
        padding: 12px 18px 12px 18px;
        bottom: 77px;
        right: calc(110% - 423px);
        min-width: 338px;
    } */

}

@media (max-width: 1680px) {

    /* home */

    .about-percentage {
        bottom: 45px;
        right: calc(110% - 423px);
    }
}

@media (max-width: 1520px) {}

@media (max-width: 1440px) {
    .parent_grid {
        grid-template-columns: 0.85fr 0.85fr;
        grid-template-rows: 0.3fr 0.7fr 0.95fr 0.8fr 0.9fr;
    }


    /* weight loss */

    .fs-30 {
        font-size: 25px;
    }

    h3 {
        font-size: 44px;

    }

    /* dermal */
    .fs-20 {
        font-size: 17px;
    }

    .fs-24 {
        font-size: 23px;
    }

    .grid-img-parent {

        height: 71px;
    }
        /* surgical */

    .swiper-main .swiper-button-next {
    top: unset;
    bottom: -60px;
    right: 46%;
    border: 1px solid #7057A8;
    width: 50px;
    height: 50px;
}
.swiper-main .swiper-button-prev {
    position: absolute;
    bottom: -60px;
    top: unset;
    left: 45%;
    border: 1px solid #7057A8;
    width: 50px;
    height: 50px;
}

}

@media (max-width: 1366px) {

    h3 {
        font-size: 39px;
    }
}

@media (max-width: 1280px) {

    /* home */
    .mega-menu-dropdown .dropdown-menu {

        width: 1000px;
        height: 412px;
    }

    .grid-circle::before {
        top: 19px;

        height: 225px;
        width: 236px;
        right: calc(100% - 204px);
    }

    .parent_grid {
        grid-template-rows: 0.2fr 0.8fr 1fr 1fr 1fr;
    }

    .about-percentage {
        bottom: calc(100% - 524px);
    }


    /* iv-drip */

    h2 {
        font-size: 52px;

    }

    h4,
    .fs-20 {
        font-size: 16px;

    }

    /* weight loss */
    h3 {
        font-size: 32px;
    }

    .fs-30 {
        font-size: 20px;
    }

    .fs-42 {
        font-size: 37px;
    }

    /* myers */

    .ageing-sec-h4 {
        max-width: unset;

    }

    .fs-24 {
        font-size: 18px;
    }

    .grid-img-parent {
        width: 108px;
        height: 71px;
    }

    h6,
    .fs-16 {
        font-size: 14px;
        font-weight: 400;
    }
        /* .swiper-main .swiper-button-next {
    
        bottom: -60px;
        right: 44%;
      
    } */

    .swiper-main .swiper.mySwiper .swiper-button-prev {
    bottom: -60px;
    top: unset;
    left: 43%;
}


}

@media (max-width: 1024px) {
    /* home */



    .grid-circle::before {
        top: 100px;
        right: calc(90% - 204px);
    }

    .grid-circle::before {
        top: 8px;
        right: calc(90% - 138px);
        height: 180px;
        width: 203px;
    }

    /* contact-us */

    .fs-28 {
        font-size: 25px;
    }

    /* biotin */

    h3 {
        font-size: 35px;
    }

    .about-percentage {
        bottom: calc(119% - 547px);
        right: calc(102% - 430px);
    }

}


@media (max-width: 991px) {
    /* home */

    /* .about-percentage {
        bottom: 9px;
        right: calc(101% - 423px);
        padding: 25px 42px;
    } */

    .contact-bg {

        border-radius: 16px;
        margin-top: 22px;
    }

    .contact-sec .card {
        border-radius: 16px;

    }

    h4,
    .fs-20 {
        font-size: 18px;

    }

    .radiant-btn-footer {

        font-size: 11px;

        padding: 14px 15px;

    }

    .mega-menu-dropdown .dropdown-menu {

        height: 570px;
    }

    /* about us */

    .our-mission .contact-bg {

        padding: 22px;


    }



    .fs-32 {
        font-size: 24px;

    }

    h2 {
        font-size: 58px;

    }

    .mega-menu-dropdown .dropdown-menu {
        height: 417px;
        width: 776px;
    }

    .parent_grid {
        /* grid-template-rows: 0.2fr 0.8fr 1fr 1fr 1fr; */
        grid-template-columns: 0.65fr 0.65fr;
        grid-template-rows: 0.1fr 0.3fr 0.25fr 0.4fr 0.3fr;
    }

    .grid-circle::before {
        top: 28px;
        right: calc(90% - 138px);
        height: 248px;
        width: 245px;
    }

    .about-percentage {
        bottom: calc(96% - 547px);
        right: calc(102% - 430px);
    }

    .contact-bg {
        min-height: 512px;

    }

    /* dermal */

    .facelift-section {

        box-shadow: none;
    }

    .image-column {
        background: none;

    }

    .grid-img-parent {

        height: 83px;
    }

        /* .swiper-main .swiper-button-prev {
    
        bottom: -60px;
        left: 42%;
     
    }

    .swiper-main .swiper-button-next {
        bottom: -60px;
        right: 43%;
    } */

        .swiper-main .swiper.mySwiper .swiper-button-prev {
        bottom: -60px;
        top: unset;
        left: 41%;
    }

    .swiper-main .swiper.mySwiper .swiper-button-next {
    bottom: -60px;
    top: unset;
    right: 43%;
}


}

@media (max-width: 800px) {

    /* home */
    h2 {
        font-size: 50px;

    }

    .mega-menu-dropdown .dropdown-menu {
        height: 406px;
        width: 731px;
    }

        .swiper-main .swiper.mySwiper .swiper-button-prev {
        bottom: -60px;
        top: unset;
        left: 37%;
    }

        .swiper-main .swiper.mySwiper .swiper-button-next {
        bottom: -60px;
        top: unset;
        right: 41%;
    }

}

@media (max-width: 767px) {
    /* home */

    .banner-video {
        padding-block: 6rem;
    }

    .category-cards .card {

        width: 240px;

    }

    h5,
    .fs-18 {
        font-size: 15px;
        font-weight: 400;
    }

    .fs-32 {
        font-size: 20px;
        font-weight: 700;
    }

    .about-percentage {
        bottom: calc(100% - 431px);
        right: calc(100% - 377px);
    }

    .about-percentage .fs-70 {
        font-size: 50px;
    }

    .cheekfiller-sec h3 {
        font-size: 32px;
    }

    .cheekfiller-sec .face-img {
    object-fit: contain;
    width: 80%;
}

    .swiper-main .swiper-button-prev {
        bottom: -60px;
        left: 40%;
    }
        .swiper-main .swiper-button-next {
        bottom: -60px;
        right: 40%;
    }
}

@media (max-width: 600px) {
    .about-percentage {
        bottom: calc(100% - 379px);
        right: calc(100% - 349px);
        padding: 22.93px 14.409px 22.811px 14.409px;
        min-width: 266px;
    }

    /* vaccination */

    h3 {
        font-size: 32px;
    }

    /* dermal */

    p.fillers-para {
        width: unset;
    }

    .fs-24 {
        font-size: 18px;
    }

    .mega-menu-dropdown .dropdown-menu {
        height: 406px;
        width: 580px;
    }

    h2 {
        font-size: 39px;
    }

    .fs-25 {
        font-size: 19px;
    }




    .fs-42 {
        font-size: 26px;
    }

    .mega-menu-dropdown .dropdown-menu {
        height: 406px;
        width: 457px;
    }

    h2 {
        font-size: 45px;
    }

    .cheek-filler-price-list .fs-28 {
        font-size: 19px;
    }

    .chin-price-list  .fs-28 {
        font-size: 19px;
    }

        .swiper-main .swiper-button-next {
        bottom: -60px;
        right: 38%;
    }
}


@media (max-width: 480px) {

    /* home */
    h3 {
        font-size: 33px;

    }

    .category-cards .card {

        width: 202px;
        min-height: 177px;
        min-width: 208px;

    }

    .fs-70 {
        font-size: 53px;
    }

    .grid-circle::before {

        height: 203px;
        width: 219px;

        right: calc(100% - 204px);
    }

    .grid-circle::before {
        top: 12px;
        right: calc(90% - 204px);
    }

    .mega-menu-dropdown .dropdown-menu {
        height: 609px;
    }

    .parent_grid {

        grid-template-rows: 0.5fr 0.5fr 0.9fr 0.9fr 0.9fr;
    }

    /* contact-us */

    .green-banner-sec {

        padding: 4em;
    }

    /* aesthetics */
    .fs-28 {
        font-size: 19px;
    }

    /* blood test */
    .fs-24 {
        font-size: 21px;
        font-weight: 500;
    }

    /* myers */

    h2 {
        font-size: 38px;
    }

    .mega-menu-dropdown .dropdown-menu {
        height: 400px;
        width: 400px;
    }

    input.vacc-input {
        width: 344px;

    }

    .grid-img-parent {
        height: 60px;
        width: 117px;
    }

    .parent_grid .fs-14 {
        font-size: 10px;
        font-weight: 500;
    }

    .fs-30 {
        font-size: 18px;
    }

    .parent_grid .fs-16 {
        font-size: 9px;
        font-weight: 400;
    }

        /* .swiper-main .swiper-button-prev {
        bottom: -60px;
        left: 36%;
    } */

    .swiper-main .swiper.mySwiper .swiper-button-prev {
        bottom: -60px;
        top: unset;
        left: 34%;
    }

        .swiper-main .swiper.mySwiper .swiper-button-next {
        bottom: -60px;
        top: unset;
        right: 38%;
    }


}

@media (max-width: 414px) {

    /* home */
    h2 {
        font-size: 40px;
    }



    .nav-megamenu {
        min-width: 167px;
    }

    /* vaccination */
    h3 {
        font-size: 28px;
    }

    .parent_grid .fs-24 {
        font-size: 13px;
    }

    /* dermal */

    .content-column {

        padding: 31px 17px;

    }

    .mega-menu-dropdown .dropdown-menu {
        height: 400px;
        width: 360px;
    }

    .about-percentage {
        bottom: calc(113% - 379px);
        right: calc(112% - 349px);
        padding: 22.93px 14.409px 22.811px 14.409px;
        min-width: 266px;
    }

    .parent_grid .fs-16 {
        font-size: 7px;

    }

    .cheekfiller-sec .face-img {
        object-fit: contain;
        width: 100%;
    }
        .swiper-main .swiper-button-next {
        bottom: -60px;
        right: 36%;
    }
}


@media (max-width: 375px) {

    /* home */
    h3 {
        font-size: 27px;
    }

    h2 {
        font-size: 31px;
    }

        .swiper-main .swiper-button-next {
        bottom: -60px;
        right: 31%;
    }
}

@media (max-width: 320px) {

    /* home */

    .fs-70 {
        font-size: 40px;
    }

    h6,
    .fs-16 {
        font-size: 13px;

    }

    .radiant-btn {
        /* home */

        font-size: 13px;

    }

    /* .about-percentage {
        bottom: 2px;
        right: calc(135% - 423px);
        padding: 10px 7px;
        min-width: 308px;
    } */



}