@media (min-width: 1200px) and (max-width: 1299.98px) { 



    .font-size-18 { font-size: 16px; }

    .font-size-19 { font-size: 18px; }

    .font-size-20 { font-size: 19px; }

    .font-size-22 { font-size: 19px; }

    .font-size-23 { font-size: 22px; }

    .font-size-24 { font-size: 20px; }

    .font-size-26 { font-size: 24px; }

    .font-size-28 { font-size: 22px; }

    .font-size-34 { font-size: 30px; }

    .font-size-50 { font-size: 45px; }





    h1, .h1 { font-size: 60px; }



    .h20 { font-size: 50px; }



    h2, .h2 { font-size: 45px; }



    .h30 { font-size: 44px; }



    h3, .h3 { font-size: 30px; }



    h6, .h6 { font-size: 22px; }



    .h61 { font-size: 20px; }



/*.banner-content .content-details h1 {font-size: 55px;}*/

.social-media {left: -6rem;}



}





@media screen and (max-width: 1399px) {

.journey::before {margin-left: -560px;}

.homepad {padding-top: 80px; padding-bottom: 80px;}
.header .bottom-header .navbar-nav .nav-link {padding-right: 11px; padding-left: 11px; padding-bottom: 12px; letter-spacing: 0.23px; font-size: 14px; padding-top: 12px;}
}	







@media screen and (max-width: 1199px) {

/* Font Size */   

h1, .h1 {font-size: 50px;}

h2, .h2 {font-size: 35px;}

h3, .h3 {font-size: 30px;} 

h6, .h6 {font-size: 24px;} 



.font-size-40 {font-size: 34px;}

.font-size-26 {font-size: 22px;}    

.font-size-20 {font-size: 18px;}

.font-size-16 {font-size: 15px;}



.letter1 {letter-spacing: 3px;}



.homepad {padding-top: 70px; padding-bottom: 70px;}
.candidate.benifit-pb {padding-bottom: 70px !important;}
.recovery-mad {margin-top: 70px;}

.lower-eyelid .lower-eye-details {padding-top: 1rem !important; padding-bottom: 1rem !important;}

.font-size-28 {font-size: 22px;}

.blog {padding-top: 70px;}

.blog .blog-img {margin-top: -120px;}

/*.blog.blog-slider-mad {padding-bottom: 70px;}*/

.social-media {bottom: 16rem; left: -7rem;}

.social-media > div::after {width: 80px; left: 0px; top: 13px;}

.banner-side-img img {max-width: 80px;}

.banner-side-img {bottom: 2.5rem; right: 2rem;}

/*.banner-content .content-details h1 {font-size: 44px;}*/

.banner-content {max-width: 100%;}

.introduction {margin-left: 2rem;}

.technologies-mad {margin-top: 24.8rem;}

.journey::before {margin-left: -470px;}

.journey_pl .the-journey-section-col {padding-left: 4rem;}

.upper-eyelid-mad {margin-bottom: 70px;}

.header .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
}

.header .navbar .navbar-brand img {max-width: 150px;}

.marquee div span, .marquee div span * {font-size: 12px !important;}

.blog-details-content .blog-slider-details {padding: 20px;}

.header .bottom-header .navbar-nav .nav-link {padding-right: 8px; padding-left: 8px; padding-bottom: 12px; letter-spacing: 0.23px; font-size: 12px; padding-top: 12px;}
.recovery-mad {margin-top: 70px;}
.accordion-item {margin-bottom: 10px;}

}



@media screen and (max-width: 991px) {

.header .mobile-nav .navbar-brand img {max-width: 150px;}



/* Font Size */

.font-size-15 { font-size: 12px; }

.font-size-16 { font-size: 14px; }

.font-size-18 { font-size: 16px; }

.font-size-19 { font-size: 17px; }

.font-size-20 { font-size: 18px; }

.font-size-22 { font-size: 16px; }

.font-size-23 { font-size: 18px; }

.font-size-24 { font-size: 20px; }

.font-size-26 { font-size: 20px; }

.font-size-28 { font-size: 22px; }

.font-size-34 { font-size: 26px; }

.font-size-40 {font-size: 28px;}

.font-size-50 { font-size: 40px; }



/* tags */

h1, .h1 { font-size: 40px; }

.h20 { font-size: 34px; }

h2, .h2 { font-size: 32px; }

.h30 { font-size: 32px; }

h3, .h3 { font-size: 24px; }

h6, .h6 { font-size: 20px; }



.h61 { font-size: 20px; }

.lower-eyelid .lower-eye-details {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.homepad {padding-top: 60px; padding-bottom: 60px;}
.recovery-mad {
    margin-top: 60px;
}
.candidate.benifit-pb {padding-bottom: 60px !important;}
/*.blog.blog-slider-mad{padding-bottom: 60px;}*/

.testimonial .splide__arrows {left: 0; right: 0; margin: 0 auto; width: 100px;}

.testimonial .testi-star .svg-inline--fa {height: 0.7em;}

.testimonial .testimonial-slider ul li {padding: 3px 30px 40px 30px;}

.blog .blog-img {margin-top: 30px;}

.get-touch .fieldcol {flex: 0 0 auto; width: 40%;}

.banner-slider .splide__pagination {bottom: 26px;}

.social-media {bottom: 13rem; left: -9rem;}

/*.banner-content .content-details h1 {font-size: 35px;}*/

.mobile-nav {padding: 8px 0;}

.surgical-row img {max-width: 70px;}

.introduction {margin-left: 0; background-size: 50% !important;}

.introduction-call {right: -10px;}


.services-bg {padding-bottom: 22.2rem !important; margin-bottom: -18rem !important;}

.clinic {padding-bottom: 10rem !important;}

.footer-logo img {max-width: 120px;}

.journey::before {margin-left: -350px;}

.journey_img-mad {padding-left: 2.1rem;}

.candidate .cart {padding: 26px;}

.candidate {padding-bottom: 405px !important;}

.contact-information .contact-map {height: 400px !important;}

.upper-eyelid-mad {margin-bottom: 60px;}

.navbar-nav .dropdown-menu {top: 0px !important; border-radius: 0; position: relative !important; transform: initial !important;}

.mobile-nav .btn.icon {padding: 0 !important; line-height: 1;}

.mobile-nav .btn.icon:focus {box-shadow: none;}

.header .mobile-nav .offcanvas .offcanvas-header img {max-width: 180px;}

.header .dropdown-toggle::after {position: absolute; right: 0; margin-top: 8px;}

.service-reshaping h3,.journey-container h3 {font-size: 20px; margin-top: 1.1rem;}

.marquee div span, .marquee div span * {font-size: 11px !important;}

.marquee div {padding-bottom: 1px;}

.marquee {height: 30px;}
.introduction_detail_box .introduction_detail_img img {max-width: 40px;}
.testimonial .testi-img {top: -6px; left: 20px; max-width: 50px;}
.header .mobile-nav .navbar-nav .nav-link {padding-top: .3rem; padding-bottom: .3rem;}
.splide__arrow {height: 32px; width: 32px;}
.splide__arrow svg {height: 1em; width: 1em;}
.upper-eyelid-row {top: -50px;}
.card .card-body {padding: 16px;}
.journey_pl .the-journey-section-col {padding-left: 2rem;}
.navbar-nav .dropdown-menu li a {white-space: break-spaces; line-height: 1.2;}
.google-reviews-logo img {max-width: 110px;}
.testimonial .img-right-bg {bottom: 0; right: 10px; max-width: 30px;}
.testimonial .testimonial-slider ul li .testimonial-dcs {line-height: 1.3 !important;}
.other-cosmetic li .custom-dcs {height: 34px;}
.blog .splide__slide .blog-slider-details {padding: 22px;}
.blog.blog-slider-mad .splide__track li.splide__slide .blog-slider-details h6 {margin-bottom: 0 !important;}
.blog.blog-slider-mad .splide__track li.splide__slide .blog-slider-details .blog-p-content {margin-top: 10px !important; margin-bottom: 5px !important;}
.blog.blog-slider-mad {padding-bottom: 0;}
.technologies-mad {margin-top: 17.8rem;}
.journey{top:50px;}
.embark-journey{margin-top: 155px;}
}



@media screen and (max-width: 767px) {

h1, .h1 {font-size: 32px;}
.font-size-40 {font-size: 20px;}
.h20 {font-size: 24px;}	

.upper-eyelid-row {position: relative; top: 0; margin-bottom: 1rem;}

/*.lower-eyelid .lower-eye-details {padding: 2rem 2rem !important;}*/

.get-touch .fieldcol {flex: 0 0 auto; width: 50%;}

.homepad {padding-top: 40px; padding-bottom: 40px;}
.recovery-mad {
    margin-top: 40px;
}
/*.blog.blog-slider-mad{padding-bottom: 40px;}*/
.candidate.benifit-pb {padding-bottom: 40px !important;}


.blog {padding-top: 40px;}

.banner-side-img,.social-media{display: none;}
.banner-content .content-details h6{letter-spacing: 2px;}
.banner-content .content-details h6,.banner-content .content-details h1 {font-size: 15px; }

/*.banner-content .content-details h1 {font-size: 34px; line-height: 1;}*/

.marquee span {line-height: 1; margin: 0 5vw;}

.marquee div {height: auto;}

/*.header .mobile-nav .navbar-brand img {max-width: 130px;}*/

.banner-content .content-details p {font-size: 15px;}

.banner-content .content-details .btn {font-size: 12px;}

.banner-slider .splide__pagination {bottom: -12px;}
.banner-slider .splide__pagination__page.is-active {transform: scale(1.4);  width: 6px; height: 6px;}

.introduction_detail_img img {max-width: 46px;}

.surgical-row img {max-width: 60px;}

.clinic {padding-bottom: 13rem !important;}

h2, .h2 {font-size: 24px;}

.font-size-20 {font-size: 16px;}

.font-size-28 {font-size: 20px;}


.services .offer-details .vactor-img2 {bottom: -20px; top: auto; transform: rotate(-180deg);}

.offer-details {overflow: hidden;}

.offer-details .img-fluid {margin-bottom: -4rem; margin-top: -4rem;}

.introduction-call {right: 0px; top: auto; bottom: 0px; padding: 14px 14px;}

.testimonial .testimonial-slider ul li {padding: 0px 10px 50px 10px;}

.testimonial .testi-img {top: -5px; left: 25px;	max-width: 40px;}

.journey::before {margin-left: -260px;}

.candidate {padding-bottom: 378px !important;}

.journey_pl .the-journey-section-col,.journey_img-mad {padding-left: 1.4rem;}

.title-breadcumb .me-2 {margin-right: .2rem !important;}

.title-breadcumb .mx-2 {margin-right: .2rem !important; margin-left: .2rem !important;}

.title-breadcumb .ms-2 {margin-left: .2rem !important;}

.title-breadcumb span {position: relative; bottom: -2px;}

.contact-information .contact-map {height: 320px !important;}

.contact-information .details-box {padding: 25px;}

.upper-eyelid-mad {margin-bottom: 40px;}

.candidate .cart {padding: 24px;}

.service-title-area-desc ul li {width: 50%;}

.what-liposuction h4 {font-size: 22px; margin-bottom: 12px;}

.what-liposuction ul li {padding-left: 24px;}
.testimonial-dcs {font-size: 16px !important; line-height: 1.4 !important;}
/*.services-slider .splide__pagination {display: none;}*/
.page-item .page-link {font-size: 16px; padding: 6px 13px !important;}
.services-list .cart .cart-body {padding: 12px;}
.services-list .cart .cart-body p {margin-bottom: 5px;}
.pagination {margin-bottom: 0;}
.upper-eyelid-box {padding: 22px;}
.journey ul li, .upper-eyelid-box ul li {line-height: 1.2;}
.header .navbar-brand {padding-top: .1125rem; padding-bottom: .1125rem;}
.technologies-mad {margin-top: 14rem;}
.embark-journey{margin-bottom: 15px;  margin-top: 200px;}
.journey{top:100px;}

}



@media screen and (max-width: 575px) {

.marquee span * {font-size: 13px; line-height: normal !important;}

.mobile-nav {padding: 4px 0;}

.journey::before {margin-left: 0; left: 3%;}

h1, .h1 {font-size: 24px;}

.contact-information .details-box .details-box-icon .icon {width: 30px !important; height: 30px !important;	line-height: 30px; min-width: 30px;}

/*.banner-slider .splide__track li.splide__slide img {width: 130% !important; max-width: 130% !important;}*/

.blog.blog-slider-mad .splide__pagination {bottom: -30px;}
.services-slider .splide__pagination {gap: 8px; padding: 0;}
.services-slider .splide__pagination li {margin: 0 -1.6px;}

}



@media screen and (max-width: 479px) {

/*.banner-content .content-details h1 {font-size: 22px;}*/
.banner-content .content-details h6{letter-spacing: 1px;}
.banner-content .content-details h6,.banner-content .content-details h1 {font-size: 12px; }

.banner-content .content-details p {font-size: 12px; line-height: 1.2;}

.banner-content .content-details .btn {font-size: 9px; padding-top: 4px !important; padding-bottom: 4px !important;}

.banner-content .content-details .banner-button {gap: 10px;}

.marquee span * {font-size: 12px;}

.marquee span {line-height: 0.1;}

.offer-details .img-fluid {margin-bottom: -2rem; margin-top: -2rem;}

.footercall img {max-width: 20px; width: auto;}

.testimonial .testi-img {top: -4px; left: 8px; max-width: 30px;}

.contact-information .details-box {padding: 16px;}

.about-intro-details {right: 12%;}

.service-title-area-desc ul li {width: 100%;}

.other-cosmetic-container-bottom-splide {max-width: 320px; margin: 0 auto;}
 }