@media screen and (max-width: 1399px) {
.inner-banner h2 {
font-size: 33px;
}

.shape-1 {
width: 30%;
}

.shape-2 {
position: absolute;
bottom: -50px;
right: 0;
}

.inner-banner .shape-2 {
position: absolute;
bottom: 0;
right: 0;
}

.navbar-area .navbar-brand {
width: 224px;
}

.sticky .navbar-brand {
width: 150px;
}

.menu > ul > li > a {
font-size: 16px;
padding: 26px 24px;
}

.post-single .post-date-time .post-categories a {
padding: 5px 10px;
margin: 0;
font-size: 12px;
max-width: 390px;
}

.post-single .post-meta span, .post-single .post-meta span i {
margin-right: 0;
font-size: 13px;
}

.post-single .post-meta {
margin-bottom: 0;
display: flex;
align-items: center;
gap: 15px;
}

.post-single h2 {
font-size: 27px;
margin: 0 0 15px 0;
}

.post-single h3 {
font-size: 21px;
}

.post-single h3 {
font-size: 18px;
margin: 0 0 15px 0;
}

.slider-section {
}

.slider-section .carousel-inner .carousel-item .carousel-caption h1 {
font-size: 48px;
}

.slider-section .carousel-inner .carousel-item .carousel-caption p.lead {
font-size: 16px;
}

.about-section {
margin: 0;
}

.expert-image {
width: 100%;
height: 380px;
}

.expert-content h2 {
font-size: 39px;
margin: 0 0 35px 0;
}

.expert-content p {
font-size: 16px;
}

.post .post-thumbnail img {
height: 360px;
}

.footer {
padding: 35px 0 15px 0;
}
}

@media screen and (max-width: 1199px) {
:root {
--font18: 16px;
--font21: 18px;
}

.btn-custom {
padding: 8px 24px;
font-size: 18px;
}

p {
font-size: 15px;
}

h1 {
font-size: 36px;
}

h2 {
font-size: 30px;
}

h3 {
font-size: 27px;
}

.menu > ul > li > a {
font-size: 16px;
padding: 23px 24px;
}

.testimonial-section {
padding: 70px 0;
overflow: hidden;
}

.navbar-area .navbar-wrapper .right-side .right-side-item {
gap: 10px;
}

.navbar-area .navbar-wrapper .right-side .right-side-item .nav-right-btn {
height: 45px;
padding: 0 20px;
gap: 10px;
}

.slider-section {
}

.slider-section .carousel-inner .carousel-item .carousel-caption h1 {
font-size: 42px;
}

.slider-section .carousel-inner .carousel-item .carousel-caption p.lead {
font-size: 15px;
}

.menu > ul > li .menu-subs {
margin-top: 17px;
}

.shape-2 {
bottom: 0px;
}

.slide-1 {
height: 250px;
}


.product-section {
padding: 70px 0;
}

.product-card .product-image img {
height: 220px;
}

.post {
padding: 10px;
border-radius: 10px;
margin: 0 15px 15px 0;
}

.post .post-thumbnail img {
border-radius: 10px;
height: 320px;
}

.post .post-thumbnail {
border-radius: 10px;
}

.post .post-body h5 {
font-size: 18px;
}

.post-single .post-date-time {
flex-direction: column;
}

.post-single .post-date-time .post-categories a {
padding: 5px 10px;
font-size: 12px;
max-width: 100%;
}

.post-single h2 {
font-size: 24px;
}

.post-single h3 {
font-size: 21px;
}

.post-single h3 {
font-size: 18px;
}

.post-single .post-meta span, .post-single .post-meta span i {
margin-right: 0;
font-size: 13px;
}

.post-single .post-meta {
display: flex;
align-items: center;
gap: 15px;
justify-content: space-between;
width: 100%;
margin: 0 0 15px 0;
}

.sidebar-widget .media > a {
width: 100px;
}

.sidebar-widget .media h6 {
margin: 5px 0;
font-size: 14px;
}

.badge-text {
bottom: 40px;
left: 30px;
padding: 8px 10px;
font-size: 12px;
}

.expert-image {
height: 350px;
border-radius: 55px;
}

.post-single {
margin-bottom: 40px;
padding: 20px;
margin-right: 15px;
}

.post-single blockquote {
padding: 15px;
margin: 15px 0;
border-left: 3px solid #85b72c;
font-size: 15px;
}

.about-author img {
width: 100px;
border-radius: 8px;
}

.privacy-detail {
padding: 50px 0;
}

.inner-banner h2 {
font-size: 30px;
}

.product-detail {
margin: 50px 0;
}

.footer-section ul li a {
font-size: 15px;
}

.service-section {
padding: 70px 0 30px 0;
}

.feature-grid li {
padding: 15px;
font-size: 15px;
line-height: 1.3;
display: flex;
align-items: center;
justify-content: center;
}

.non-invasive-section {
padding: 70px 0;
}

.non-invasive-content ul li {
font-size: 15px;
}

.non-invasive-section h3 {
font-size: 24px;
margin: 0 0 15px 0;
}

.non-invasive-section h5 {
font-size: 16px;
margin: 15px 0;
}
.why-choose-section .why-choose-card h5 {
font-size: 16px;
}
}

@media screen and (max-width: 991px) {
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
margin: 0 0 20px 0;
}

h2 {
font-size: 27px;
}
.why-choose-section .why-choose-card h5 {
font-size: 15px;
}
.navbar-area .navbar-brand {
top: -35px;
width: 200px;
}

.sticky .navbar-brand {
width: 120px;
}

.btn-custom {
padding: 8px 30px;
font-size: 16px;
}

.btn-white {
padding: 8px 30px;
font-size: 16px;
}

.right-side {
display: flex;
align-items: center;
gap: 15px;
}

.slider-section .carousel-inner .carousel-item .carousel-caption h1 {
font-size: 36px;
}

.non-invasive-section .non-invasive-img {
position: relative;
margin: 24px 0 0 0;
}

.post {
margin: 0 0 15px 0;
padding: 10px;
border-radius: 10px;
}

.post .post-thumbnail {
border-radius: 10px;
}

.post .post-thumbnail img {
border-radius: 10px;
height: 250px;
}

.quiz-result {
margin: 45px 0;
}

.quiz-result p.lead {
padding: 0 30px;
font-size: 14px;
}

.quiz-result h2 {
padding: 0 30px;
}

.sidebar-widget .media h6 {
margin: 5px 0;
font-size: 15px;
}

.privacy-detail {
padding: 45px 0;
}

.inner-banner { 
 
}

.menu > ul > li > a {
font-size: 16px;
padding: 10px 0;
display: flex;
justify-content: space-between;
width: 100%;
}

.product-card .product-content h4 {
font-size: 18px;
}

.product-card .product-content {
padding: 20px 10px;
}

.non-invasive-section .non-invasive-img .non-invasive-img-2 {
position: absolute;
bottom: -35px;
right: -20px;
width: 240px;
text-align: end;
}

.non-invasive-content {
margin: 30px 0 0 0;
}

.non-invasive-section {
padding: 60px 0;
}

.product-section {
padding: 60px 0;
}

.product-section .product-bg-shape img {
height: 300px;
object-fit: cover;
object-position: center center;
}

.product-detail {
margin: 50px 0;
}

.side-card {
border-radius: 15px;
margin: 30px 0 0 0;
}

.contact-form {
margin: 30px 0 0 0;
}

.franchise-content {
padding-right: 0;
padding-bottom: 30px;
}

.product-section .swiper-wrapper .product-card .product-content h4 {
margin: 0 0 10px 0;
font-size: 18px;
}

.expert-image {
height: 350px;
max-width: 350px;
}

.expert-content {
text-align: center;
}

.expert-content h2 {
font-size: 36px;
margin: 0 0 35px 0;
}

.footer-section ul li a {
font-size: 14px;
}

.footer .footer-top .footer-logo {
width: 120px;
margin: 0 0 10px 0;
}

.testimonial-section {
padding: 60px 0;
}

.about-section {
margin: 45px 0 0 0;
}

.footer-middle {
margin: 15px 0 15px 0;
}

.post-single {
margin-bottom: 30px;
padding: 20px;
margin-right: 0;
}

.post-single .post-thumbnail img {
border-radius: 10px;
max-height: 320px;
}

.badge-text {
bottom: 30px;
left: 80px;
padding: 8px 10px;
font-size: 12px;
}

.expert-card {
background: var(--primaryColor);
border-radius: 15px;
padding: 45px 15px;
}


.client-video-card .video-card {
height: 320px;
}

.client-video-card .video-card img {
height: 320px;
}

.feature-grid.upper {
grid-template-columns: repeat(2, 1fr);
}

.feature-grid.bottom {
grid-template-columns: repeat(2, auto);
justify-content: center;
}
}

@media screen and (max-width: 767px) {
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
margin: 0 0 20px 0;
}

h1 {
font-size: 27px;
}

h2 {
font-size: 24px;
}

h3 {
font-size: 24px;
}

p {
font-size: 14px;
}

.btn-custom {
padding: 8px 30px;
font-size: 16px;
}

.btn-white {
padding: 8px 30px;
font-size: 16px;
}

.navbar-area .navbar-brand {
top: -30px;
width: 180px;
}

.quiz-section {
margin: 45px 0;
padding-right: 45px;
}

.navbar-area .navbar-wrapper .right-side .right-side-item .nav-right-btn {
padding: 0 15px;
}

.service-section {
padding: 40px 0;
}

.sticky .navbar-brand {
padding: 0;
width: 120px;
}

.btn-text {
font-size: 16px;
margin: 15px 0 0 0;
}

.question-section {
padding: 40px 45px 40px 0;
}

.circle {
width: 15px;
height: 15px;
}

.timeline::before {
top: 12px;
height: 2px;
}

.timeline .line {
top: 12px;
height: 2px;
}

.step span {
font-size: 14px;
}

.content h4 {
font-size: 21px;
margin: 0 0 10px 0;
}

.slide-1 {
height: 220px;
}

.about-section {
margin: 45px 0 0 0;
}

.non-invasive-section {
padding: 50px 0;
}

.non-invasive-section .non-invasive-img {
width: 100%;
}

.non-invasive-section .non-invasive-img .non-invasive-img-2 {
bottom: -60px;
right: -60px;
width: 180px;
}

.product-section {
padding: 50px 0;
}

.product-section .swiper-wrapper .product-card .product-btns .btn-custom {
padding: 0 24px;
font-size: 15px;
height: 40px;
}

.testimonial-section {
padding: 50px 0;
overflow: hidden;
}

.ft-social-media {
margin: 15px 0 0 0;
}

.product-section .swiper-wrapper .product-card .product-btns .video-btn {
height: 40px;
width: 40px;
font-size: 21px;
}

.non-invasive-content {
margin: 0;
}

.non-invasive-content p {
text-align: justify;
margin: 0;
}

.non-invasive-content .lead::before {
width: 35px;
top: 15px;
}

.non-invasive-content .lead {
padding: 0 0 0 50px;
font-size: 15px;
margin: 0;
}

.product-section .product-bg-shape img {
height: 300px;
object-fit: cover;
object-position: center center;
}

.swiper-button-next, .swiper-button-prev {
width: 40px;
height: 40px;
margin-top: -15px;
font-size: 18px;
}

.swiper-button-next {
right: 0;
}

.swiper-button-prev {
left: 0;
}

.post {
margin-bottom: 30px;
margin-right: 0;
padding: 15px;
border-radius: 10px;
}

.post .post-thumbnail img {
border-radius: 10px;
height: 220px;
}

.post .post-thumbnail {
border-radius: 10px;
}

.post .post-body h5 {
font-size: 18px;
margin-bottom: 10px;
}

.post-categories span {
margin: 0;
font-size: 12px;
text-align: center;
line-height: 1.6;
}

.post-single h2 {
font-size: 21px;
margin: 0 0 10px 0;
}

.post-single .post-meta {
margin: 0 0 15px 0;
display: flex;
align-items: center;
justify-content: end;
width: 100%;
gap: 15px;
}

.post-single .post-meta span, .post-single .post-meta span i {
margin-right: 0;
font-size: 13px;
color: var(--headingColor);
}

.post-single h3 {
font-size: 18px;
}

.post-single h2 {
font-size: 18px;
margin: 0 0 15px 0;
}

.post-single {
margin-bottom: 30px;
padding: 15px;
}

.post-single .post-thumbnail img {
border-radius: 10px;
max-height: 320px;
}

.sidebar-widget h5 {
font-size: 18px;
margin: 15px 0 20px 0;
}

.sidebar-widget .media > a {
width: 100px;
margin-right: 15px;
}

.sidebar-widget .media h6 {
margin: 5px 0;
font-size: 14px;
}

.sidebar-widget .media {
margin-bottom: 20px;
}

.sidebar-widget p {
font-size: 12px;
}

.about-author {
margin: 0 0px 30px 0;
border-radius: 10px;
padding: 15px;
}

.about-author img {
width: 120px;
border-radius: 10px;
margin-right: 15px;
}

.about-author-content p {
font-size: 13px;
}

.comments-list .comment-item img {
width: 50px;
margin-right: 15px;
border-radius: 5px;
}

.comments-list {
margin: 0 0px 30px 0;
border-radius: 10px;
padding: 15px;
}

.comments-list .comment-item p {
font-size: 13px;
}

.comments-list .comment-item span {
margin-bottom: 10px;
font-size: 12px;
top: 0;
right: 0;
}

.comment-form {
margin: 0;
border-radius: 10px;
padding: 15px;
}

.about-author .social-media li a {
width: 35px;
height: 35px;
font-size: 12px;
}

.inner-banner .inner-banner-detail {
padding-top: 0;
}

.inner-banner .shape-2 {
bottom: 0px;
width: 50%;
}

.mission-section-img {
margin: 0 0 20px 0;
}

.non-invasive-content ul {
margin: 0 0 20px 30px;
}

.non-invasive-content ul li {
font-size: 15px;
text-align: justify;
}

.mission-section {
padding: 35px 0;
}

.mission-section-content p {
margin: 0;
}

.mission-section hr {
margin: 30px 0;
}

.product-detail {
margin: 45px 0;
}

.privacy-detail {
padding: 45px 0;
}

.carousel-inner .carousel-item img {
height: 320px;
}

#button {
bottom: 10px;
left: 15px;
height: 45px;
padding: 0 20px;
}

.footer-top-section {
margin: 10px 0 0 0;
}

.footer .footer-top .footer-logo {
width: 150px;
margin: 0 auto 15px auto;
}

.footer-header {
margin: 0 0 10px 0;
justify-content: space-between;
}

.ft-social-media {
gap: 15px;
justify-content: start;
}

.footer-header:last-child {
margin: 0;
}

.footer-section ul {
padding: 0 0 20px 0;
}

.footer-top-section p {
margin: 0 0 15px 0;
}

.icon {
color: #ffffff;
}

.footer-section {
display: none;
padding: 0;
}

.footer-middle {
border-top: none;
margin: 0 0 15px 0;
padding: 0 0 20px 0;
}

.footer h5 {
margin: 0;
}

.product-detail .cta-content h4 {
margin: 0 0 15px 0;
font-size: 21px;
}


.breadcrumb {
font-size: 12px;
}

.post-single .post-date-time {
flex-direction: column;
}

.post-single .post-date-time .post-categories a {
max-width: 100%;
width: 100%;
padding: 5px 10px;
font-size: 12px;
}
}

@media screen and (max-width: 575px) {
p {
font-size: 14px;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
margin: 0 0 20px 0;
}



.btn-custom {
padding: 8px 30px;
font-size: 16px;
}

.btn-white {
padding: 8px 30px;
font-size: 16px;
}

h1 {
font-size: 30px;
}

h2 {
font-size: 24px;
}

h3 {
font-size: 21px;
}

.navbar-area .navbar-brand {
width: 180px;
padding: 5px;
}
.sticky .navbar-brand {
padding: 0;
width: 120px;
}
.why-choose-section {
padding: 0 0 50px 0;
}

.form-label {
margin-bottom: 0;
}

.modal-body h4 {
font-size: 21px;
margin: 0 0 10px 0;
}

.side-buttons {
top: auto;
bottom: 35%;
}

.side-buttons a.btn {
padding: 18px 12px;
font-size: 14px;
}

.slider-section .carousel-inner .carousel-item .carousel-caption h1 {
font-size: 27px;
}

.inner-banner .btn-custom {
padding: 6px 20px;
font-size: 15px;
width: 100%;
text-align: center;
}

.inner-banner h2 {
font-size: 24px;
}

.question-section {
padding: 40px 35px 40px 0;
}

.carousel-inner .carousel-item img {
height: 280px;
}

.slider-section {
height: auto;
}

.modal-content .modal-body {
padding: 30px 15px 0 15px;
}

.modal-content .modal-body .btn-close {
position: absolute;
right: 10px;
top: 10px;
}

.shape-1 {
width: 50%;
}

.about-section {
margin: 30px 0 0 0;
padding: 0 30px 0 0;
}

.service-section {
padding: 35px 30px 0 0;
}

.non-invasive-section {
}

.non-invasive-section .non-invasive-img .non-invasive-img-2 {
position: absolute;
bottom: -10px;
right: -10px;
width: 180px;
text-align: end;
}

.non-invasive-section .non-invasive-content {
text-align: start;
margin: 0;
}

.non-invasive-content .lead {
display: inline-block;
text-align: start;
font-size: 14px;
}

.non-invasive-content .lead::before {
width: 50px;
top: 12px;
}

.non-invasive-content .lead {
position: relative;
padding: 0 0 0 60px;
}

.slide-1 {
height: 160px;
}

.product-section {
padding: 50px 0;
}

.product-detail-content .expert-card .expert-content h2 {
font-size: 24px;
}
.product-section .swiper-wrapper .product-card .product-btns .btn-custom {
padding: 0 24px;
font-size: 15px;
height: 40px;
}

.product-section .swiper-wrapper .product-card .product-btns .video-btn {
height: 40px;
width: 40px;
font-size: 21px;
}

.product-section .product-bg-shape img {
height: 300px;
object-fit: cover;
object-position: center center;
}


.navbar-area .navbar-wrapper .right-side .right-side-item .nav-right-btn a {
padding-right: 10px;
font-size: 16px;
}

.testimonial-section {
padding: 50px 0;
overflow: hidden;
}

.testimonial-section .lead {
font-size: var(--font16);
padding: 0;
}

.product-card .product-content {
padding: 15px 10px;
}

.privacy-detail {
padding: 40px 0;
}

.testimonial-card {
margin: 24px auto 0 auto;
padding: 30px 15px 30px 45px;
}

.quote-left {
top: 20px;
left: 10px;
font-size: 60px;
}

.badge-text {
bottom: 30px;
left: 60px;
padding: 8px 10px;
font-size: 12px;
}

.expert-content h2 {
font-size: 30px;
margin: 0 0 24px 0;
}

.non-invasive-content ul {
margin: 0 0 15px 15px;
}

.footer-section ul {
padding: 0;
}

.footer {
padding: 30px 0;
}

.footer-section ul li a {
margin: 0 0 5px 0;
}

.footer .footer-top .footer-logo {
width: 150px;
margin: 0 auto 20px auto;
}

.ft-social-media {
margin: 20px 0 0 0;
}

#button {
bottom: 10px;
left: auto;
height: 45px;
width: auto;
right: 15px;
padding: 0 30px;
}

.swiper-button-next, .swiper-button-prev {
width: 40px;
height: 40px;
margin-top: -15px;
font-size: 18px;
}

.swiper-button-next {
right: 0;
}

.swiper-button-prev {
left: 0;
}

.feature-grid.upper {
grid-template-columns: repeat(1, 1fr);
}

.feature-grid.bottom {
grid-template-columns: repeat(1, 100%);
}

.yt-video-section {
margin: 50px 0 15px 0;
padding-right: 30px;
}
.btn-default {
font-size: 15px;
padding: 10px 40px 10px 15px;
}
.btn-default::before {
right: -8px;
width: 18px;
height: 18px;
}
.navbar-area .navbar-wrapper .right-side .right-side-item .nav-right-btn {
height: 42px;
}
.ft-social-media li a {
font-size: 21px;
}

.contact-form { 
padding: 0 15px 24px 15px; 
}
}

@media (min-width: 768px) {
.footer-section {
display: block !important;
}

.footer-header {
cursor: default;
}

.icon {
display: none;
}
}