@media only screen and (min-width:1400px){
.container-fluid {
	padding-left:40px;
	padding-right:40px;
	max-width: 1400px;
}
.home-hero {
    padding: 100px 0;
}
}


@media only screen and (min-width:1600px){
	.home-hero {
		padding: 140px 0;
	}
}

@media only screen and (min-width:1251px) and (max-width: 1450px){
.medial-card-container .card.full, .medial-card-container .card.last{height:350px}
.medial-card-container .card.full figure {
	right: 20px;
	top: -20px;
	margin: 0;
	max-width:280px; height:370px;
}
.medial-card-container .card.last .bottom-text{padding: 25px;}
}





@media only screen and (min-width:768px) and (max-width: 1250px){
.container-fluid {
	padding-left:20px;
	padding-right:20px;
}
h1{font-size:50px;}
h2{font-size:40px;}
h3{font-size:30px;}
h4{font-size:25px;}
h5{font-size:22px;}
h6{font-size:20px;}
header .header-right .nav{gap:10px;}
header .header-right{gap: 20px;}
.home-hero {padding: 30px 0 50px;}
.home-hero ul li .card-links {
	padding: 20px;
	gap: 10px;
	padding: 15px; height:100px;
}
.home-hero ul li .card-links h5{font-size: 16px !important; max-width:112px;}
.home-hero ul li .card-links .right {gap: 10px; margin-left: 10px;}
.home-hero ul li .card-links .right > img {
	width:45px; height:45px;
}
.welcome-container{margin-top: 0}
.welcome-container .welcome-top figure {
	margin: 20px 0 0 0;
}
.welcome-container .welcome-top figure img {
	max-width: 250px;
	margin-top: 0px;
}

.welcome-container .welcome-top .welcome-text {
	top: auto;
	position: relative;
	margin-top: -290px;
}
.welcome-text h3{margin-bottom: 20px}
.welcome-text p{font-size: 18px}
.medial-card-container .card figure img {
	margin-top: 0;
	max-width: 100%;
}
.medial-card-container .card.last .bottom-text {
	padding: 30px 15px; bottom:0;
}
.medial-card-container .card.last .bottom-text h6{font-size: 16px;}

.medial-card-container .card.full, .medial-card-container .card.last{height:300px}
.medial-card-container .card.full figure {
	right: 20px;
	top: -20px;
	margin: 0;
	max-width:240px; height:320px;
}
.medial-card-container .card.full .left-text {max-width: 260px;}
.medial-card-container .card.last > img{width: 100%; max-width: 100%;}
.medial-card-container .card.last > img {
	width: 100%;
	max-width: 100%;
	height: 100%;
	object-fit: cover;
}
.faq-container .faq-question{font-size:20px}
.faq-container .faq-item{padding: 20px 0;}
.faq-container .faq-text{font-size: 14px; line-height: 1.5}
.testimonial-card .text p{font-size: 18px}
.testimonial-card{justify-content: space-between;}
.footer-data .left ul.social-media{gap: 10px}
.footer-data .left .botton-row {
	width: 100%;
	padding: 0;
	margin: 15px 0;
}
.footer-data .left {
	padding: 20px;
	gap: 20px;
}
.footer-data .right .card{padding: 40px 20px;}
.footer-data .right .card h6{font-size: 20px}
.footer-data .right .card figure {
	position: absolute;
	right: 0;
	margin: 0;
	bottom: -2px;
	max-width: 225px;
}
.footer-data .right .card figure img {
	max-width: 100%;
}
.footer-data .right .card figure {
	max-width:150px;
}
.team-slider .team-card .inner figure img {
	width: 100%;
	max-width: 100%;
	min-height:300px;
}
.testimonial-card{min-height: inherit;}
.breadcrumb-container {
	margin: 30px 0;
}
.breadcrumb-container .inner{min-height: 90px;}
.breadcrumb-container .inner h3 {
	font-size: 20px !important;
	max-width: 400px;
}
.breadcrumb-container nav ol li{
	font-size: 14px;
}
.icon-cards .card.image figcaption {
	font-size: 20px;
	padding: 0 15px;
}
.icon-cards .card{padding: 20px;}
.welcome-container.about {
	margin-top: 90px;
}
.home-hero.services{padding: 0 0 30px 0;}
.contact-container .form-box {padding-left: 40px;}
.form-box h4{font-size: 25px;}
.contact-container .form-box form .form-control {
	min-height: 50px;
	border-radius: 12px; font-size: 14px;
}
.contact-container .form-box form .submit-btn{min-height: 35px; padding: 15px 30px;}
.contact-container .form-box form .submit-btn img {
	position: relative;
	left: 0;
	max-width: 22px;
}
.help-faq {margin:30px 0;}
.map-container .map-box {
	height: 300px;
}
.common-typography .inner h5 {
	font-size: 20px;
	line-height: 1.5;
	margin-bottom: 10px;
}
.common-typography .inner {
	max-width: 100%;
	width: 100%;
	margin: 0 auto; padding: 50px 0;
}
.service_details_mid {
	padding: 50px 0;
	margin: 50px 0;
}
.service_details_mid .text-top{margin-bottom: 20px;}
.icon-cards .col {
	width:25%;
	flex: 0 0 25%;
}
.icon-cards .card .icon-box{margin-bottom: 15px;}
.icon-cards .card p{font-size: 14px;}
.icon-cards .card .icon-box img {
	max-height: 50px;
}
.bottom-banner .inner figure {max-width: 250px;}
.breadcrumb-container .inner{padding:15px 25px}
.service_details_bottom .right {
	padding-left: 15px;
}
.service_details_bottom .right p {
	font-size: 16px;
}
.service_details_bottom .left figure figcaption{max-width: 250px; padding: 15px;}
.service_details_bottom .left figure figcaption p{font-size: 14px; line-height: 1.2;}
.follow-up{padding: 50px 25px;}
.follow-up h4{margin-bottom:20px;}
.follow-up p{font-size: 16px;}
.bottom-banner .inner h4{font-size: 25px;}
.bottom-banner .inner{padding: 25px;}

.blog-top-container{padding: 50px 0;}
.common-typography .inner span{font-size: 20px;}
.blog-card-container.detail {
	margin-top: 0;
}
.blog-card-container .blog-card figure{min-height: 270px;}
.footer-data .right{height: 100%;}
.footer-data .right .card{height: 100%;}

.expertise-section .left-panel {
	height:690px;
}
.vitamin-to-buy .inner{padding:25px}
	.acf-logos a img{max-width:125px !important;}
}



@media only screen and (min-width:768px) and (max-width: 991px){
header .header-right .nav li, header .header-right .nav li a{font-size: 13px}

.expertise-section .right-panel .exp-box h3{font-size: 60px;}
.expertise-section .left-panel p{font-size: 18px}

.medial-card-container .card{padding: 40px 15px; max-height: 480px;}
.medial-card-container .card p{font-size: 16px;}
.medial-card-container .card.full, .medial-card-container .card.last{height: 250px}
.medial-card-container .card.full figure {
	right: 20px;
	top: -20px;
	margin: 0;
	max-width: 204px; height: 269px;
}
.footer-data .left .top-row{gap: 10px;}
.footer-data .left ul li, .footer-data .left ul li a, .footer-data .left .botton-row p {
	color: #31334E;
	font-size: 14px;
	line-height: 1.5;
}
.footer-data .left .botton-row {
	width: 100%;
	padding: 0;
	margin: 15px 0;
	flex-direction: column-reverse;
}
.footer-data .right .card figure {
	position: absolute;
	right: 0;
	margin: 0;
	bottom: -2px;
	max-width: 93px;
}

.award-card{width: 30%;}
.service_details_top .right .image-grid{flex-direction: column;}
.service_details_top .right .right-column{width: 100%;}
.service_details_top .right .left-column{flex-direction: row;}
.service_details_top .right .image-box {
	width: 100%;
	align-content: stretch;
	display: flex;
}
.footer-data .left .botton-row ul li:first-child::before{content: none;}
}


@media only screen and (max-width: 767px){
header {
	padding: 10px 0;
}
header .col-2{width: 40% !important;}
header .logo {
	max-width: 100px;
	display: block;
}
.sticky{position: static;}
header .col-10{width:60% !important;}
.menu-toggle {
	display: block;
	color: #fff;
background: #FA3B29;
display: flex;
justify-content: center;
align-items: center;
border-radius: 4px;
position: absolute;
right: 15px;
top: 22px; font-size: 24px;
}
.menu-toggle i{
width: 30px;
 height: 30px;
 justify-content: center;
  align-items: center; 
  display: flex;
}
.menu-toggle:hover{color: #fff}
.menu-toggle.active i::before {
	content: "\F62A";
	font-family: bootstrap-icons !important;
}
header .header-right {
background: #f6f6f8;
top:75px;
left: 0;
padding: 20px;
z-index: 9;
position: fixed;
width: 100%;
height: calc(100%);
overflow-x: auto;
transition: .3s linear 0s;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
flex-direction: column;
gap: 20px;
justify-content: flex-start;
}
header .header-right .nav {
	display: flex;
	gap: 15px;
	justify-content: flex-start;
	flex-direction: column;
	justify-content: flex-start;
	width: 100%;
}
.header-right.show {
	-webkit-transform: translateX(0);
	transform: translateX(0);
	z-index: 99;

}
header .header-right ul.action-links{width: 100%;}
.active_overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #fff;
}
.container, .container-sm{max-width: 100%;}
.container-fluid {padding-left: 15px; padding-right: 15px;}
h1{font-size:40px;}
h2{font-size:30px;}
h3{font-size:25px;}
h4{font-size:22px;}
h5{font-size:20px;}
h6{font-size:18px;}
h1 br, h2 br, h3 br, h4 br, h5 br, h6 br{display: none}
.home-hero ul {margin: 35px 0 0 0;}
.home-hero ul li {
	width: calc((100% - 10px) / 2);
}

.home-hero ul li .card-links{padding:15px; height:100px;}
.home-hero ul li .card-links h5{font-size:16px}
.home-hero ul li .card-links .right {
	gap: 8px;
	margin-left: 8px;
}
.home-hero ul li .card-links .right > img {width:50px; height:50px;}
.welcome-container{border-radius: 20px; background-size: 100%;}
.welcome-container .welcome-top figure img{max-width:160px; margin: 0}
.welcome-container .welcome-top figure {margin: 20px 0 0 0; max-height:356px; position: relative;}
.welcome-container .welcome-top figure::before {bottom: -25px;}
.welcome-container .welcome-top .welcome-text {
	top: 130px;
	position: relative;
	top: 0;
}
.welcome-text h3{margin-bottom: 25px}
.welcome-text p {font-size: 16px; line-height: 1.5;}
.button-group{gap: 10px}
.expertise-section{margin-bottom:0px; flex-direction: column; gap: 20px}
.expertise-section .pe-0{padding-right: 12px !important; height: 100%;}

.expertise-section .left-panel, .expertise-section .right-panel{width: 100%; gap: 20px;}
.expertise-section .left-panel p{ max-width:100%; }

.expertise-section .right-panel .exp-box h3 {
	font-size: 70px;
}
.expertise-section .right-panel .exp-box{min-height: 150px}
.expertise-section .right-panel .col{gap: 20px;}
.mission-vision-container p {
	font-size: 16px;
}
.mission-vision-container .card .action-link{font-size: 16px;}
.our-team {
	margin: 0 0 30px 0; padding: 40px 15px
}

.medical-info-container .top-img-box h2 {
	padding: 0 15px;
	font-size: 20px;
	line-height: 1.1;
	bottom: 20px;
}

.medial-card-container .card { padding: 30px 20px; width: 100%;}
.medial-card-container .card h5{line-height: 1.5}
.medial-card-container .card h5 span{display: block;}
.medial-card-container .card p {font-size: 16px; line-height: 1.3; margin:15px 0;}
.medial-card-container .card figure{margin: 0 auto;}
.medial-card-container .card:first-child figure img {
	margin-top:15px;
	max-width: 100%;
}
.medial-card-container .card figure img{max-width: 100%;}
.medial-card-container .card.full{width: 100%; height: 300px}
.medial-card-container .card.full .left-text{max-width:200px;}

.medial-card-container .card.full figure img {
	max-width: 100%;
	width: 100%; margin: 0;
}
.medial-card-container .card.full figure {
	max-width:220px;
	height: 320px;
	right: 20px;
	overflow: visible;
	top: -20px;
}
.medial-card-container .card.last > img{width: 100%; max-width: 100%;}


.faq-container .top-text p {
	font-size: 16px;
	line-height: 1.3;
}
.faq-container .faq-data{padding: 0}
.faq-container .faq-item{padding: 20px 0;}
.faq-container .faq-question{font-size: 18px}
.faq-container .faq-text{font-size: 14px;}
.testimonial-container .slick-list {
	margin: 0;
}
.testimonial-card {
	padding: 20px;
	display: flex !important;
	flex-direction: column;
	justify-content: space-between;
	height:auto; min-height: 250px;
}

.testimonial-card .text p{
	font-size: 16px
}
.testimonial-slider .slick-dots{
	bottom: -40px;
}
.testimonial-container{
	padding: 30px 0px;
}
.our-partner-box {
	padding: 30px 15px;
	gap:20px;
	flex-direction: column;
}
.our-partner-box .partner-slider {
	display: flex;
	justify-content: space-between;
	width: 100%;
	margin: 0;
}
.footer-data {
	gap: 30px;
	flex-direction: column;
}
.footer-data .left{margin-top: 20px;}
.footer-data .left, .footer-data .right{width: 100%; padding: 20px;}
.footer-data .left h5{font-size: 18px; margin-bottom:25px;}
.footer-data .left h5::before {
	bottom: -5px;
}
.footer-data .left ul li {
	font-size: 14px;
	line-height: 1.3;
}
.footer-data .left .top-row{gap: 15px;}
.footer-data .left ul.social-media{margin-top: 25px; gap: 10px;}
.footer-data .right{padding: 0}
.footer-data .right .card h6{font-size:22px;}
.footer-data .left .botton-row{justify-content: center;}

.heading-reff{font-size: 16px;}
.team-slider .slick-next, .team-slider .slick-prev{top: -38px; width: 30px; height: 30px; background-size: 12px !important;}
.team-slider .slick-next:hover, .team-slider .slick-prev:hover;{background-size:12px !important;}
.team-slider .slick-prev{right: 44px;}
.team-social-icon{gap: 8px;}
.team-social-icon li a{width: 30px; height: 30px;}
.team-social-icon li a i{font-size: 13px;}
.team-slider .team-card .inner .text h5{font-size: 18px}
.team-slider .team-card .inner .text span{font-size: 14px;}
.award-card{width: 47%;}

.award-container{padding: 40px 15px; margin-bottom: 0;}
.awards-container{margin-bottom: 0}
.faq-container .faq-text p{font-family: 'Sofia Pro Light';}

.breadcrumb-container {
	margin:20px 0;
}
.breadcrumb-container .inner{min-height: 90px; padding: 15px 25px}
.breadcrumb-container .inner h3 {
	font-size: 30px; max-width: 350px;
}
.welcome-container.about {
	margin-top:60px;
}
.mission-vision-container h3{margin-bottom: 40px;}
.mission-vision-container{margin-top: 60px;}
.mission-vision-container .mobile-space{margin-top: 35px;}
.home-hero.services{padding: 0 0 30px 0;}
.contact-container .form-box {padding-left:20px;}
.form-box h4{font-size: 25px;}
.contact-container .form-box form .form-control {
	min-height: 50px;
	border-radius: 12px; font-size: 14px;
}
.contact-container .form-box form .submit-btn{min-height: 35px; padding: 15px 30px;}
.contact-container .form-box form .submit-btn img {
	position: relative;
	left: 0;
	max-width: 22px;
}
.help-faq {margin:0}
.map-container .map-box {
	height: 300px;
}
.map-container {
	margin: 30px 0 0 0;
}
.common-typography .inner h5 {
	font-size: 20px;
	line-height: 1.5; margin-bottom: 10px;
}
.common-typography .inner span{font-size: 16px;}
.common-typography .inner ul li {
	position: relative;
	color: #31334E;
	margin: 3px 0;
	font-size: 14px;
	margin: 5px 0;
}
.common-typography .inner {
	max-width: 100%;
	width: 100%;
	margin: 0 auto; padding: 50px 0;
}
.breadcrumb-container .inner h3 {
	font-size: 18px !important;
	padding-right: 15px;
}
.blog-card-container.detail {
	margin-top: 0;
}
.service_details_top .left ul li{font-size: 14px;}
.contact-container .form-box form label{font-size: 14px;}
.service_details_top .left{width: 100%; padding: 0; margin: 30px 0 0 0;}
.service_details_top:nth-child(2n) .left {
	padding: 0;
}
.service_details_mid {
	padding: 40px 20px;
	margin: 20px 0;
}
.service_details_mid .text-top{flex-direction: column; gap: 30px;}
.icon-cards .col{width:50%; flex: 0 0 50%;}
.icon-cards .card.image figcaption {
	font-size:18px;
	padding: 0 15px;
}
.service_details_bottom .left figure figcaption {
	padding: 15px;
	flex-direction: column;
	justify-content: center;
	align-items: center; max-width: 100%; left: 0; bottom: 0;
}
.service_details_bottom .left figure figcaption p{font-size: 14px; text-align: center;}
.service_details_bottom{margin: 40px 0;}
.service_details_bottom .right {
	padding: 25px 0;
}
.follow-up {
	margin: 40px 0;
	padding: 40px 15px;
}
.follow-up p{font-size: 16px;}
.bottom-banner .inner{padding: 40px 15px;}
.bottom-banner .inner h4 {
	margin-bottom: 15px;
	font-size: 25px;
	text-align: center;
}
.bottom-banner .inner figure{max-width: 150px;}
.bottom-banner .inner p, .bottom-banner .inner h6{text-align: center;}
.bottom-banner .inner .button-group {
	justify-content: center;
}
.bottom-banner .inner figure {
	max-width: 150px;
	position: static;
	margin: 30px auto -40px;
}
.bottom-banner{overflow: hidden;}
.service_details_bottom.full-width {
	padding: 40px 0;
	margin: 40px 0;
}
.service_details_bottom.full-width .right .last{flex-direction: column; gap: 20px;}
.service_details_bottom.full-width .right .last p{text-align: center;}
.service_details_top .right .left-column, .service_details_top .right .right-column{width: 100%;}
.service_details_top .right .image-box {width: 100%;}
.service_details_bottom.full-width .row .col ul li{width: 48%; flex: 0 0 48%;}
.service_details_mid .last p u br{display: none;}
.service_details_bottom .right p {font-size: 16px;}
.blog-top-container figure {
	border-radius: 16px;
	height: auto;
}
.blog-top-container{padding: 30px 0;}
.blog-card-container{margin-top: 30px;}
.blog-card-container .blog-card figure{min-height: 230px;}
.blog-card-container .blog-card .text-box h6{font-size:20px}
.common-typography .inner h4{font-size: 22px;}
.blog-top-container .row:first-child {
	margin-bottom: 0;
}
.blog-top-container .blog-content{padding: 25px; height: auto; margin: 30px 0;}
.blog-top-container figure .date{right: 15px;}
.blog-card-container .blog-card figure .date{right: 15px}
.blog-top-container .blog-content h4{font-size: 22px;}
.blog-pagination{gap: 10px;}
.blog-pagination li:first-child, .blog-pagination li:last-child {
	margin: 0 10px;
}
.breadcrumb-container nav ol li, .breadcrumb-container nav ol li a {font-size: 12px}
.service_details_top:nth-child(2n) .row{flex-direction: column-reverse;}
.acf-logos a img {
	max-width: 125px !important;
}
	.vitamin-to-buy .inner {
	padding: 25px;
	flex-direction: column;
}
	.service_details_top.full {
	padding: 30px 0;
}
	.vitamin-to-buy .inner .text-center{width:100% !important; max-width:100% !important;}
	.vitamin-to-buy .inner h6{margin-bottom:15px}
}


@media only screen and (max-width: 600px){
.expertise-section .left-panel {
	height:590px;
}
.award-card {width: 100%;}
.team-slider .team-card .inner figure img {
	width: 100%;
	border-radius: 20px;
	object-fit: cover;
	transition: all 0.4s ease-in-out;
	max-width: 100%;
	min-height: inherit;
}
.contact-container .form-box {
	padding: 30px 15px;
}
.testimonial-container.services {
	margin-top: 40px;
}
.home-hero ul li .card-links .right > img {width:40px; height:40px;}
.breadcrumb-container .inner{padding: 15px;}
.breadcrumb-container .inner h3 {
	font-size: 20px;
	text-align:left;
}
.breadcrumb-container nav ol{justify-content: flex-end; padding-left:10px;}
.service_details_bottom.full-width .row .col ul li{width:100%; flex: 0 0 100%;}
.footer-data .left .botton-row {
	display: flex;
	gap: 10px;
	flex-direction: column-reverse;
	justify-content: center;
	align-items: center;
}
.footer-data .left .botton-row ul li:first-child::before{content: none;}
.footer-data .left .botton-row ul li{padding: 0 5px;}
.footer-data .left .botton-row ul li::before {
	left: -2px;
	top: 3px;
	height: 16px;
}
.blog-card-container .blog-card .text-box{
	height:auto
}
header .header-right .nav li.current_page_item a::before {
	display:none;
}
}




@media only screen and (max-width:480px){
header .header-right ul.action-links li a{font-size: 12px}
header .header-right ul.action-links li a img{max-width: 25px}
header .header-right ul.action-links li:last-child a img {
	margin: 0 -15px 0 23px;
}
.home-hero ul li {
	width:100%;
}
.expertise-section .left-panel .left-panel-text {

}
.expertise-section .left-panel p {
	font-size: 16px;
	line-height: 1.5;
}

.expertise-section .left-panel h3{}
.expertise-section .left-panel, .expertise-section .right-panel{flex-direction: column;}
.medial-card-container .card:first-child figure img{margin-top: 0}
.medial-card-container .card figure {
	margin: 20px auto 0; max-width: 220px;
}
.medial-card-container .card.full {
	width: 100%;
	flex-direction: column; height: auto; max-height: 570px;
}
.medial-card-container .card.full .left-text{text-align:center; max-width: 100%; width: 100%;}

.medial-card-container .card.full figure {
	position: static;
	height:300px;
	max-width: 280px;
	overflow: visible;
	margin: 20px auto 0;
}

.medial-card-container .card h5{width: 100%;}
.medial-card-container .card.full .left-text .common-btn {
	margin: 15px auto 0;
}
.medial-card-container .card.last .bottom-text{bottom: 0; padding: 20px}
.medial-card-container .card.last .bottom-text h6{line-height: 1.5; margin-bottom: 15px;}
.footer-data .left ul li, .footer-data .left ul li a, .footer-data .left .botton-row p{font-size: 13px}
.footer-data .left ul{gap: 5px}

.footer-data .right{padding: 0}
.footer-data .right .card{padding: 30px}
.footer-data .right .card .text-box{max-width: 100%;}
.footer-data .right .card h6{font-size: 16px; line-height: 1.3}
.footer-data .right .card figure{max-width: 120px}

.breadcrumb-container .inner {
	min-height:inherit;
	padding: 15px 25px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 15px;
}

.help-faq .inner{flex-direction: column;}
.help-faq h6{text-align: center;}
.icon-cards .col{width:100%; flex: 0 0 100%;}
.breadcrumb-container nav ol {
	padding-left: 0;
	justify-content: center;
}
.expertise-section .pe-0{margin-bottom: 20px;}
.breadcrumb-container .inner h3 {
	font-size: 20px !important;
	text-align: center;
	max-width: 100%;
}
.footer-data .left .top-row{gap: 0}
.footer-data .left{padding: 20px 15px;}
.footer-data .right .certified-box ul li img {
	max-width:55px;
	width: 55px;
	height:55px;
}
.bottom-banner .inner .button-group a{font-size: 12px}
	.medical-info-container .top-img-box h2{font-size:18px;}
}