
@import url('https://fonts.googleapis.com/css?family=Nunito') ;
@import url('https://unpkg.com/aos@2.3.1/dist/aos.css');


html{height:100%;scroll-behavior: smooth;}
body{font-family:'Nunito', sans-serif; font-size:16px;overflow-x:hidden;word-wrap:break-word;}
.body-margin-bottom{margin-bottom: 150px}
img{max-width:100%}
ul{list-style:none;padding-left:0 }
a{color: #444}
.primary-col{color: #036d69}
.secondary-col{color: #90cee6}
.primary-bg{background-color: #036d69}
.secondary-bg{background-color: #90cee6}
.col-white{color: #fff}
.primary-btn{background: #01211b;color: #fff !important;padding: 10px 20px;text-transform: uppercase;webkit-transition-duration: 0.3s;transition-duration: 0.3s;display: inline-block}
.primary-btn:hover{background: #1d6557;text-decoration: none}
.secondary-btn{background: #90cee6;color: #fff !important;padding: 10px 20px;text-transform: uppercase;webkit-transition-duration: 0.3s;transition-duration: 0.3s;display: inline-block}
.secondary-btn:hover{background: #2688ad}
a:hover{text-decoration: none;color: #444}
.owl-carousel{position: relative;}
#home-banner.owl-carousel .owl-nav button{position: absolute; top: 50%; font-size: 35px; background: rgba(255, 255, 255, .2); padding: 5px 20px !important; color: #000; border-radius: 50%;  margin: 0;}
#home-banner.owl-carousel .owl-nav button:hover, #home-banner.owl-carousel .owl-nav button:focus{background: rgba(255, 255, 255, .5);outline: 0}
#home-banner.owl-carousel .owl-nav button.owl-next{right: 150px}
#home-banner.owl-carousel .owl-nav button.owl-prev{left: 150px}
#home-banner.owl-theme .owl-dots{position: absolute;bottom: 0;margin: 0;width: 100%;}
#home-banner.owl-theme .owl-nav{margin-top: 0}
#home-banner.owl-theme .owl-dots .owl-dot.active span, #home-banner.owl-theme .owl-dots .owl-dot:hover span{background: #036d69;outline: 0}
#home-banner.owl-theme .owl-dots .owl-dot{outline: 0}

#testimonials.owl-carousel .owl-nav button{position: absolute;top: 35%;font-size: 35px;background: rgba(255, 255, 255, .2);padding: 5px 15px !important;color: #000; margin: 0;}
#testimonials.owl-carousel .owl-nav button:hover, #testimonials.owl-carousel .owl-nav button:focus{background: rgba(255, 255, 255, .5);outline: 0}
#testimonials.owl-carousel .owl-nav button.owl-next{right: 0}
#testimonials.owl-carousel .owl-nav button.owl-prev{left: 0}
#testimonials.owl-theme .owl-dots{position: absolute;bottom: 0;margin: 0;width: 100%;}
#testimonials.owl-theme .owl-nav{margin-top: 0}
#testimonials.owl-theme .owl-dots .owl-dot.active span, #testimonials.owl-theme .owl-dots .owl-dot:hover span{background: #036d69;outline: 0}
#testimonials.owl-theme .owl-dots .owl-dot{outline: 0}
#testimonials{padding: 0 70px}

#gallery, #awards{padding: 0 50px}
#gallery.owl-carousel .owl-nav button, #awards.owl-carousel .owl-nav button{position: absolute;top: 35%;font-size: 35px;background: rgba(255, 255, 255, .2);padding: 5px 15px !important;color: #000; margin: 0;}
#gallery.owl-carousel .owl-nav button:hover, #gallery.owl-carousel .owl-nav button:focus, #awards.owl-carousel .owl-nav button:hover, #awards.owl-carousel .owl-nav button:focus{background: rgba(255, 255, 255, .5);outline: 0}
#gallery.owl-carousel .owl-nav button.owl-next, #awards.owl-carousel .owl-nav button.owl-next{right: 0}
#gallery.owl-carousel .owl-nav button.owl-prev, #awards.owl-carousel .owl-nav button.owl-prev{left: 0}
#gallery.owl-theme .owl-dots, #awards.owl-theme .owl-dots{position: absolute;bottom: 0;margin: 0;width: 100%;}
#gallery.owl-theme .owl-nav, #awards.owl-theme .owl-nav{margin-top: 0}
.morecontent span {display: none;}
.morelink {display: block;color: #036d69;font-weight: 800;}
.morelink:hover{text-decoration: underline;color: #01211b}

.sticky-social-sidebar{position: fixed;right: 0;bottom: 30%;z-index: 10;}
.sticky-social-sidebar li{padding: 10px;text-align: center}
.sticky-social-sidebar li a{font-size: 25px;color: #fff !important}
.sticky-social-sidebar .facebook{background: #395498}
.sticky-social-sidebar .twitter{background: #27a4db}
.sticky-social-sidebar .instagram{background: #e30e27}
.sticky-social-sidebar .youtube{background: #f60000}
.sticky-social-sidebar .envelope{background: #ce493c}
.sticky-social-sidebar li:hover{opacity: .7;transition: all .3s}
.floating-contact{position: fixed;top: 20%; right: 0;z-index: 11;display: none}
.floating-contact .primary-btn{font-size: 24px;padding:10px 15px;display: block }
.floating-contact .collapse{max-width: 250px;}
.collapsing{display: none}


/* navigation */
.dropdown:hover>.dropdown-menu {display: block;}
.navbar-brand img{max-width: 190px;}
.dh-nav .dropdown-menu{border: none}
.dh-sticky{position: fixed;top: 0;width: 100%;z-index: 10;transition: .3s all ease;}
.dh-nav{background-color: #fff;border-bottom: 1px solid #137672;transition: .3s all ease;}
.dh-nav .navbar-nav .nav-link{text-transform: uppercase;font-size: 13px ;   font-weight: 800;color: rgba(0, 0, 0, 0.6);}
.above-nav{font-size: 13px;background: #036d69;color: #fff;padding: 0 10px;}
.above-nav ul{margin-bottom: 0}
.above-nav ul li{display: inline-block;}
.above-nav ul li a{color: #000}
.above-nav ul li a svg{margin: 0px 10px; font-size: 15px;}
.dh-nav .navbar-nav .active>.nav-link{color:#90cee6}
.dh-nav .navbar-nav .nav-link:hover{color:#90cee6}
.topBotomBordersOut li {margin: 0 5px;}
.topBotomBordersOut a {position: relative;color: #000;}
.topBotomBordersOut a:before {top: 0px;transform: translateY(10px);}
.topBotomBordersOut a:after {bottom: 0px;transform: translateY(-10px);}
.topBotomBordersOut a:before, .topBotomBordersOut a:after {position: absolute;left: 0px;width: 100%;height: 2px;background: #90cee6;content: "";opacity: 0;transition: all 0.3s;}
.topBotomBordersOut a:hover:before, .topBotomBordersOut a:hover:after, .topBotomBordersOut .active a:before, .topBotomBordersOut .active a:after   {opacity: 1;transform: translateY(0px);}

.topBotomBordersOut .active .dropdown-menu a::before, .topBotomBordersOut .active .dropdown-menu a::after{display: none}


.dh-nav .dropdown-toggle::after{border-top: 0}
.section-title h2{text-transform: uppercase;font-weight: 800;font-size: 26px;}
.scrollToTop{color: #fff; text-align: center;position: fixed;bottom: 200px;right: 5px;z-index: 10;background: #01211b;padding: 8px 15px;border-radius: 50%;  border: 1px solid #90cee6;opacity: 0.5;display: none}
.scrollToTop:hover{opacity: 1;color: #fff}
.home-banner .owl-carousel .owl-item img{width: 100%}
.section{padding: 50px 0}
.services-wrap{margin-top: 115px;margin-bottom: 50px}
.section-services{background: url(../images/services-bg.jpeg) no-repeat;background-attachment: fixed;background-size:cover; }
.services-wrap img{max-width: 150px;position: absolute;left: 0;right: 0;margin: 0 auto; top: -73px;border-radius: 50%;}
.services-wrap h3{margin-top: 30px}
.services-wrap .service-box{background: rgba(255, 255, 255, .6);position: relative;padding: 60px 15px 50px;height: 100%;}
.service-box h3{font-size: 25px}
.services-wrap .service-box .primary-btn{position: absolute;bottom: 0;left: 0;right: 0;}
.other-services{display: flex;justify-content: space-between;flex-wrap: wrap;}
.other-services .os-box{max-width: 49%;  align-items: center;    background: rgba(255, 255, 255, .5);  margin-top: 30px;}
.other-services .os-box h5{background: #01211b; margin-bottom: 0;padding: 15px 10px;color: #fff;font-weight: 800;text-align: center}
.other-services .os-box ul{padding: 10px 10px 10px 35px;margin-bottom: 0;list-style: disc}
.counter-Txt svg{display: block;font-size: 60px; text-align: center; margin: 15px auto;}
.counter-Txt .counter-value{display: block;text-align: center;font-size: 60px;font-weight: 800}
.counter-Txt{text-align: center;font-size: 20px;color: #fff}
.section-counter{background: url(../images/stats-bg.jpeg) no-repeat;background-size:cover;background-attachment: fixed }
.team-mates img{border-radius: 50%;border: 2px solid #fff;display: inline-block;width: 105px;height: 105px;vertical-align: top;}
.team-mates{margin-bottom: 15px;}
.team-mates p{display: inline-block; width: calc(100% - 126px);padding-top: 21px;padding-left: 15px;font-size: 13px;}
.team-section{background: linear-gradient(266deg, #137672, #018cc7, #83c6dc);background-size: 600% 600%; -webkit-animation: AnimationName 29s ease infinite;-moz-animation: AnimationName 29s ease infinite;-o-animation: AnimationName 29s ease infinite;animation: AnimationName 29s ease infinite;}
.team-wrap{color: #fff;margin-bottom:30px }
.team-wrap iframe{width: 100%}
.test-section{background: url(../images/testimonial-bg.jpeg) no-repeat;background-size:cover;background-attachment: fixed;color: #fff }
.gallery-sec{background: url(../images/awards-bg.jpeg) no-repeat;background-size:cover;background-attachment: fixed;}
#gallery .item, #awards .item{border: 2px solid #fff;position: relative;}
#awards .item p{position: absolute;bottom: 0;margin: 0;background: rgba(0, 0, 0, .7);color: #fff;padding: 10px;line-height: 1.3;text-align: center;}
.news-sec{background: url(../images/press-bg.jpeg) no-repeat;background-size:cover;background-attachment: fixed;color: #fff}
.news-sec a{color: #fff}
.news-sec img{-webkit-filter: grayscale(100%);  filter: grayscale(100%);webkit-transition-duration: 0.3s;transition-duration: 0.3s;width: 100%;}
.news-sec img:hover{-webkit-filter: grayscale(0%);  filter: grayscale(0%);webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
.news-sec .col-lg-4{position: relative;}
.news-sec .col-md-4 p{position: absolute; margin: 0; bottom: 0; padding: 10px; background: #000; width: 92.2%;}
.gform{background: url(../images/events-bg.jpeg)no-repeat;background-size:cover;background-attachment: fixed;}
.gform-card{background:rgba(255, 255, 255, .3);padding: 30px;height: 100%;position: relative;padding: 30px 30px 60px;}
.gform-card p{position: relative;padding-left: 30px}
.gform-card p svg{position: absolute;left: 0;top: 5px;color: #6fa2aa;}
.event-btn{position: absolute;bottom: 0;margin: 20px auto;left: 0;right: 0;}
.footer-form{background: #01211b;color: #fff;position: fixed;bottom: 0;display: none;width: 100%;z-index: 10;}
.footer-form .form-inline .form-group{min-width: 208px;margin-bottom: 15px;}
.footer-form .form-inline .form-group input, .footer-form .form-inline .form-group textarea{    width: 100%;border-radius: 0;outline: 0;box-shadow: none;height: calc(2.25rem + 2px);}
.footer-form h2{font-size: 20px}
.footer-sec{background: #137672}
.footer-item h2{font-size: 20px;text-transform: uppercase;font-weight: 800;color: #fff}
.footer-wrap{display: flex;justify-content: space-between;flex-wrap: wrap;}
.footer-item a{color: #fff}
.footer-item a:hover{text-decoration: underline}
footer{background: #2d2b2b;padding: 10px 0;color: #fff;font-size: 12px;}
footer span + span{float: right}
footer a{color: #fff}
footer a:hover{text-decoration: underline;color: #fff}
.youtube-video img{width: 100%}
@-webkit-keyframes AnimationName {
  0%{background-position:0% 53%}
  50%{background-position:100% 48%}
  100%{background-position:0% 53%}
}
@-moz-keyframes AnimationName {
  0%{background-position:0% 53%}
  50%{background-position:100% 48%}
  100%{background-position:0% 53%}
}
@-o-keyframes AnimationName {
  0%{background-position:0% 53%}
  50%{background-position:100% 48%}
  100%{background-position:0% 53%}
}
@keyframes AnimationName { 
  0%{background-position:0% 53%}
  50%{background-position:100% 48%}
  100%{background-position:0% 53%}
}



/* About us */
.page-banner{position: relative;}
.page-banner::before{content: '';position: absolute;width: 100%;height: 100%;top: 0;background: rgba(0, 0, 0, .5);}
.page-banner-text{position: absolute; top: 40%; left: 18%; color: #fff; text-transform: uppercase;}
.page-banner-text h2{font-size: 40px;margin-bottom: 0;font-weight: 800;}
.page-breadcrumb{background: #e9ecef;}
.page-breadcrumb .breadcrumb-item a{color: #137672}
.about-gallery img{width: 49%;display: inline-block;margin-bottom: 5px}

/* team members */
.team-members .service-box{background: rgb(140, 204, 231)}
.team-members{background: #eee}
.team-members .services-wrap h3{font-weight: 700; font-size: 24px;}
.team-members .services-wrap p{font-size: 16px;font-weight: 700;}
.team-members .services-wrap span{font-size: 16px;text-align: left; display: block;}
.team-members .col-lg-6{margin-bottom: 100px;}

/* services */
.timeline {position: relative;}
.timeline::before { content: ''; background:#f5f5f5; width: 5px;height: 95%; position: absolute;  left: 50%;  transform: translateX(-50%);}
.timeline-item {  width: 100%;  margin-bottom: 70px;}
.timeline-item:nth-child(even) .timeline-content {  float: right;  padding: 40px 30px 10px 30px;}
.timeline-item:nth-child(even) .timeline-content .date {right: auto;left: 0;}
.timeline-item:nth-child(even) .timeline-content::after {content: '';position: absolute; border-style: solid; width: 0; height: 0;  top: 30px;  left: -15px;  border-width: 10px 15px 10px 0;  border-color: transparent #f5f5f5 transparent transparent;}
.timeline-item::after {content: '';display: block;clear: both;}
.timeline-content {position: relative;width: 45%;  padding: 10px 30px;  border-radius: 4px;  background: #f5f5f5;  box-shadow: 0 20px 25px -15px rgba(0, 0, 0, 0.3);}
.timeline-content::after {content: ''; position: absolute;  border-style: solid;  width: 0;  height: 0;  top: 30px;  right: -15px;  border-width: 10px 0 10px 15px;  border-color: transparent transparent transparent #f5f5f5;}
.timeline-img { width: 30px;  height: 30px;  background: #83c6dc;  border-radius: 50%;  position: absolute;  left: 50%;  margin-top: 25px;  margin-left: -15px;}
.timeline-card {  padding: 0 !important;}
.timeline-card p {  padding: 0 20px;}
.timeline-card a {  margin-left: 20px;}
.timeline-item:nth-child(2) .timeline-img-header {
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4)), url("https://hd.unsplash.com/photo-1458530970867-aaa3700e966d") center center no-repeat;
  background-size: cover;
}
.timeline-item:nth-child(5) .timeline-img-header {
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4)), url("https://hd.unsplash.com/photo-1444093826349-9ce8c622f4f3") center center no-repeat;
  background-size: cover;
}
.timeline-item:nth-child(6) .timeline-img-header {
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4)), url("https://hd.unsplash.com/photo-1471479917193-f00955256257") center center no-repeat;
  background-size: cover;
}
.timeline-item:nth-child(8) .timeline-img-header {
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4)), url("https://hd.unsplash.com/photo-1466840787022-48e0ec048c8a") center center no-repeat;
  background-size: cover;
}
.timeline-item:nth-child(10) .timeline-img-header {
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4)), url("https://hd.unsplash.com/photo-1447639703758-f525f36456bf") center center no-repeat;
  background-size: cover;
}
.timeline-item:nth-child(11) .timeline-img-header {
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4)), url("https://hd.unsplash.com/photo-1469429978400-082eec725ad5") center center no-repeat;
  background-size: cover;
}

.timeline-img-header { height: 200px; position: relative;  margin-bottom: 20px;}
.timeline-img-header h2 {  color: #FFFFFF;  position: absolute;  bottom: 5px;  left: 20px;}
.types-surgeries{display: flex}
.types-tabs{width: 20vw;}
.types-tabs li{border-bottom: 2px solid #eee; text-align: center; border-top: none;}
.type-content{width:80vw;background: #eee;}
.types-tabs > li > a {background: #fff;color: #333333;font-size: 14px;font-weight: 400;line-height: 21px;padding: 38px 6px;border-radius: 0;border-bottom: 1px solid #cbcbcb;}
.types-tabs .nav-item.show .nav-link, .types-tabs .nav-link.active, .types-tabs .nav-link.active:hover{background: #363636;color: #fff}
.types-tabs .nav-link:hover{background: #eee}


/* soulfuel-tabs */
.soulfuel-tabs{border-bottom: none}
.soulfuel-tabs .nav-item.show .nav-link, .soulfuel-tabs .nav-link.active{border:none;background: #90cee6;color: #fff;  border-radius: 0;}
.soulfuel-tabs .nav-link{border:none;background: #01211b;border-radius: 0;color: #fff}
.soulfuel-tabs .nav-item{min-width: 250px;text-align: center;}
.protein-wrap{padding: 50px 0;}
.protein-wrap-rhs ul li{position: relative;padding-left: 20px}
.protein-wrap-rhs ul li:before{position: absolute;background: #01211b;width: 5px;height: 5px;content: '';left: 0; top: 10px;}
.Soulfuel{padding: 0 30px}
.Soulfuel .owl-nav button.owl-next{position: absolute;right: 0;top: 50%;font-size: 30px !important;padding: 10px !important;outline: 0}
.Soulfuel .owl-nav button.owl-prev{position: absolute;left: 0;top: 50%;font-size: 30px !important;padding: 10px !important;outline: 0}
.pro-sec-second{background: #9a492c;color: #fff}
.grinder .col-lg-5:first-child{padding-right: 75px;position: relative;}
.grinder .col-lg-5:first-child:after{content: '';position: absolute;background: url(../images/icons/icon-1.png) no-repeat;width: 50px;height: 50px;top: 30px; background-size: cover; right: 0;}
.grinder .col-lg-5:last-child{padding-left: 75px;position: relative}
.grinder .col-lg-5:last-child:before{content: '';position: absolute;background: url(../images/icons/icon-2.png) no-repeat;width: 50px;height: 50px;top: 30px; background-size: cover; left: 0;}
.protein-disc-lhs{text-align: right}
.pro-sec-accordion .card-header{background: url(../images/brown-border.png) no-repeat bottom center; background-size: 100% auto;border-bottom: none}
.pro-sec-accordion .card{border: none}
.pro-sec-accordion .acc-btn{color: #9a492c;text-decoration: none;white-space: normal;}

/* video */
.hashtag-title{margin-bottom: 15px}
.hashtag-title h3{font-size: 16px;padding: 10px 0; border-top:1px solid #a99f9f;border-bottom:1px solid #a99f9f }
.channel-content p{text-align: center;padding: 10px;line-height: 1.2;margin-bottom: 0}
.channel-content .vid-box{border: 1px solid #eee;height: 100%;}

/* press */
.press-box{padding: 20px 0;  border-bottom: 1px solid #036d69;}
.press-box h2{line-height: 1}
.press-box h2 a{font-weight: 700;font-size: 24px;color: #036d69}
.press-box h2 a:hover{text-decoration: underline}
.press-box span{color: #ff0000;text-transform: uppercase}
/* contactus */
.contact-lhs{background: #eee;padding: 15px;height: 100%;display: flex;flex-direction: column;justify-content: center;}
.contact-rhs{background: #83BAD1;padding: 15px;color: }
.contact-rhs .form-control{border-radius: 0;background:transparent;border: 1px solid #036d69;}
.contact-rhs .form-control:focus{box-shadow: 0 0 0 0.07rem rgb(1, 109, 105);}
.map-holder{position: absolute;bottom: 0;height: 100%;}
.contact-map{position: relative;}
.map-holder img{width: 100%;height: 100%;display: none}
.hiddendiv{display: none}
.contact-map button{color: #01211b}
.contact-map .accordion{height: 100%;  background: #f7f7f7;}
.leadform-rhs{background: #83BAD1;padding: 30px}
.leadform-rhs input, .leadform-rhs select, .leadform-rhs textarea{border-radius: 0}
.leadform-rhs h3{text-align: center;font-weight: 700;font-size: 26px; margin-bottom: 25px; color: #01211b;}
.bmi-wrapper{background: #2189B4;  color: #fff;width: 100%; padding: 20px;height: 290px;}
.bmi-sec{margin-top: 50px;}
.bmi-form{background: #83BAD1;  padding: 25px;position: relative; top: -60px;}


/* Checkout page */
.checkout-item p{margin-bottom: 0}
.pro-total{padding: 20px 0; border-bottom: 1px solid #018cc7;border-top: 1px solid #018cc7;text-align: right}


/* non-surgical */
.temp-sec-2{background: url(../images/template-section-bg1.jpeg)no-repeat;background-size:100% 100%;height: 265px;}
.benefits{background: url(../images/template-section-bg2.jpeg)no-repeat;background-size:100% 100%;height: 265px;}
.temp-sec-2 h2, .benefits h2{font-weight: 800;color: #fff;text-align: center}
.sec-content{background: #fff;padding: 30px 50px;    position: relative;top: -60px;}
.temp-sec-3{background: #f9f9f9}
.section-wrapper{background: #f9f9f9}
.flip-card-front{display: flex;justify-content: center; align-items: center;flex-direction: column;}
.flip-card {background-color: transparent;width: 100%;height: 225px;border: 1px solid #f1f1f1;perspective: 1000px;margin-top: 30px;}
.flip-card-inner { position: relative;width: 100%; height: 100%; text-align: center; transition: transform 0.8s; transform-style: preserve-3d;}
.flip-card:hover .flip-card-inner { transform: rotateY(180deg);}
.flip-card-front, .flip-card-back {position: absolute;width: 100%;height: 100%;backface-visibility: hidden;}
.flip-card-front { background-color: #f9f9f9;color: #000;border: 1px solid #cbdfde;}
.flip-card-back { background-color: #137672; color: #fff; transform: rotateY(180deg); padding: 10px; border: 1px solid #ddd;display: flex; align-items: center;}
.temp-sec-2 p{color:#fff;text-align: center;}
.temp-benefits li{border-bottom: 1px solid #cbdfde;text-align: center;padding: 10px 0}
.ns-benefits li{text-align: left;position: relative;padding:10px 0 10px 15px;border-bottom: 1px solid #cbdfde;}
.ns-benefits li:before{position: absolute;content: '';background: #01211b;width: 5px;height: 5px;left: 0;top: 19px;border-radius:50% }

.timeline-content h2{font-size: 1.5rem}
.tab-faqs-col .panel-group .panel-heading a.collapsed:after { content: '+';}
.tab-faqs-col .panel-group .panel-heading a:after {font-size: 30px;top: 15px;border: none;}
.tab-faqs-col .panel-group .panel-heading a::after{content: "-";  height: 26px;  line-height: 28px;  position: absolute;  right: 0;  text-align: center;  top: 17px;  width: 26px;}
.tab-faqs-col .panel-default .panel-heading a {
  font-size: 16px;
  font-weight: bold;
  color: #333333;
  line-height: 21px;
  padding: 19px 22px 13px 0;
}
.tab-faqs-col .panel-group .panel-heading a {
  display: block;
  background: transparent;
  font-size: 17px;
  font-weight: 500;
  color: #424447;
  line-height: 1;
  position: relative;
  padding-right: 22px;
}
.tab-faqs-col .panel-group .panel-heading a {
  display: block;
  background: transparent;
}
.tab-faqs-col .panel-default {
  border-bottom: 1px solid #c8c8c8;
  padding-bottom: 6px;
}

.bmi-result{padding: 55px 0}
.bmi-result-text{font-size: 30px}
.bmi-number{font-size: 30px;text-align: center}
.message_bmi_all a{color: #fff;text-decoration: underline}

@media screen and (min-width:1024px),screen and (min-height:600px){}
@media screen and (min-width:990px) and (max-width:1024px){}
@media screen and (min-width:641px) and (max-width:768px){
  .above-nav ul{margin-bottom: 10px;text-align: center}
  .above-nav ul li a{display: block}
  .services-wrap .service-box{height: auto;margin-top: 115px;}
  .services-wrap {margin-top: 0;}
  .footer-form{display: none !important}
  body{margin-bottom: 0;}
  .above-nav p{display: none}
  .footer-form{display: none !important;}
  .grinder .col-lg-5:first-child{padding-left: 75px;text-align: left !important;padding-right:15px }
  .grinder .col-lg-5:first-child:after{ left: 0;}
  .sticky-social-sidebar{bottom: 0;margin-bottom: 0;display: flex;width: 100%}
  .sticky-social-sidebar li{flex: 1}
  .body-margin-bottom{margin-bottom:57px}
  .floating-contact{display: block}
  .news-sec .col-md-4 p{width: 88.2%;font-size: 14px}
  .topBotomBordersOut a:hover:before, .topBotomBordersOut .active a:before{display: none}
  .flip-card-back p{line-height: 1.2;font-size: 15px}
}
@media screen and (min-width:481px) and (max-width:640px){}
@media screen and (min-width:300px) and (max-width:480px){
  .above-nav ul{    margin-bottom: 10px;text-align: center}
  .above-nav ul li a{display: block}
  .services-wrap .service-box{height: auto;margin-top: 115px;}
  .services-wrap {margin-top: 0;}
  .other-services .os-box{max-width: 100%}
  #home-banner.owl-carousel .owl-nav button.owl-prev{left: 0;}
  #home-banner.owl-carousel .owl-nav button.owl-next{right: 0;}
  #home-banner.owl-carousel .owl-nav button{font-size: 20px;padding: 5px 15px !important;}
  .dh-nav .navbar-brand img{    max-width: 250px;}
  .footer-form{display: none !important}
  .footer-wrap{display: block}
  body{margin-bottom: 0;}
  footer span + span{float: none}
  footer span{margin-bottom: 5px;display: block;text-align: center;}
  .above-nav .header-btn{text-align:center !important}
  .above-nav .header-btn a{font-size: 12px}
  .above-nav p{display: none}
  .page-banner-text{position: relative;left: 0;padding:15px }
  .page-banner-text h2{font-size: 26px;}
  .timeline-content::after{display: none}
  .timeline-content{width:100%}
  .timeline::before{left: 0}
  .timeline-img{left: 0}
  .grinder .col-lg-5:first-child{padding-left: 75px;text-align: left !important;padding-right:15px }
  .grinder .col-lg-5:first-child:after{ left: 15px;}
  .grinder .col-lg-5:last-child:before{left: 15px}
  .protein-wrap-lhs{text-align: left !important}
  .protein-disc-lhs{text-align: left}
  .sticky-social-sidebar{bottom: 0;margin-bottom: 0;display: flex;width: 100%}
  .sticky-social-sidebar li{flex: 1}
  .bmi-form{top: 0}
  .bmi-wrapper{height: 100%;}
  .bmi-sec{height: auto;}
  .body-margin-bottom{margin-bottom:57px}
  .pro-total{text-align: left}
  .floating-contact{display: block}
  .scrollToTop{bottom: 65px;opacity: 0.5;}
  .topBotomBordersOut a:hover:before, .topBotomBordersOut .active a:before{display: none}
  .sec-content{top: 0}
  .benefits{height: 100%;}
  
}
@media screen and (max-width:320px){
  .dh-nav .navbar-brand img {max-width: 205px;}
  .above-nav .header-btn a{padding: 5px}
  .page-breadcrumb .breadcrumb-item {font-size: 15px}
  .sec-content{top: 0}
}