@charset "utf-8";
/* CSS Document */
.show-mob, .show-tab {display: none;}
.show-desk {display: block;}

/*---------Media Querry---------*/

@media only screen and (max-width:1200px){
.container{width:1004px;}

.banner__left { width:62%;}
.banner__heading { font-size: 44px; line-height: 54px; margin-top: 15px;}
.banner__strip { width: 85%; margin-top: 20px;}
.banner__points li { margin-top: 10px; padding-left: 30px; font-size: 19px; line-height: 26px; background-position: 0 3px; background-size: 20px;}

.banner__right { width: 38%;}
.button__box { margin-top: 30px;}

ul.topMenu{ margin:16px 0 0 45px;}

.steps__inner { padding: 30px 30px;}
.steps__left .common__heading { margin-top: 25px;}
.steps__right { padding: 20px 25px;}
.steps__list li { padding: 25px 10px 25px 90px;}
.steps__list-icon { width: 66px; height: 66px;}
.steps__list-icon img { max-width: 65%;}
.steps__list-no { width: 22px; height: 22px; font-size: 17px; line-height: 22px;}
.steps__list-head { font-size: 22px; line-height: 28px;}
.steps__list-text { font-size: 17px; margin-top: 5px;}

.health { padding: 50px 0;}
.health__col { width: 32%; margin-top: 20px; padding: 25px 20px;}
.health__col-top { margin-top: 35px;}
.health__col-head { font-size: 22px; line-height: 30px;}

.s6-doct-img{ width:540px;}
.s6-right{ margin-top:0;}

.ftr-links-col-1{ width:27%;}
.ftr-links-col-2{ width: 20%; padding-left: 0px;}
.ftr-links-col-3{ width:22%;}
.ftr-links-col-4{ padding-left:30px; width:31%;}

/*==============================
CONTACT_PAGE
===================================*/
.cntct-lft{ padding:50px;}
.contct-txt1{font-size: 22px; line-height: 24px;}
.cntct-rgt{ padding:50px;}
.frmElement{ margin-top:10px;}
}

@media only screen and (max-width:1024px){
.container{width:750px;}
.show-desk, .show-mob {display: none;}
.show-tab {display: block;}

.top-strip p{ font-size:13px; line-height:13px;}

a.header-btn{ margin-right:50px;}
.mob-mnu-ic{ right:10px; top:21px;}
.mobilemenu{ top:109px; border-top:1px solid #ddd;}
.mobimenu-top{ top:75px;}
.mobilemenu li a{ font-size:18px; line-height:26px;}

.banner{padding: 40px 0;}
.banner__left { width: 70%;}
.banner__heading { font-size: 36px; line-height: 46px;}
.banner__strip { width: 90%; margin-top: 15px;}
.banner__strip p { font-size: 17px; line-height: 26px;}
.banner__points { margin-top: 10px;}
.banner__points li { padding-left: 24px; font-size: 17px; line-height: 26px; background-size: 18px;}
.banner__nhs-box { top: 240px; right: 10px; width: 90px; height: 90px; border-radius: 14px; padding-top: 20px;}
.banner__nhs-box img { max-width: 60px; width: 100%;}
.banner__right { width: 30%;}
.banner__background { top: -38px; left: -170px; width: 747px;}
.banner__mobile-image { top: 150px; left: 0px; zoom: 0.7;}

.common__heading{font-size: 28px; line-height: 36px;}
.common__text{ margin-top:20px;}

.steps__inner { padding: 25px 25px;}
.steps__left { width: 50%;}
.steps__logo { width: 140px;}
.steps__logo-box p { padding-left: 20px; font-size: 14px; line-height: 14px;}
.steps__logo-box p:before { left: 10px;}
.steps__left .common__heading { margin-top: 20px;}
.steps__right { padding: 15px 15px; width: 48%;}
.steps__list li { padding: 15px 0px 15px 70px;}
.steps__list-icon { width: 55px; height: 55px;}
.steps__list-icon img { max-width: 70%;}
.steps__list-no { width: 20px; height: 20px; font-size: 15px; line-height: 20px; margin-left:-15px;}
.steps__list-head { font-size: 19px; line-height: 26px;}

ul.prod-list {column-gap: 15px;}


.health { padding: 40px 0;}
.health__col { margin-top: 15px; padding: 15px 15px;}
.health__col-top { margin-top: 25px; padding: 5px 10px; font-size: 15px; line-height: 18px;}
.health__col-head { font-size: 19px; line-height: 26px; margin-top:12px}
.health__col-text { margin-top: 15px; font-size: 17px; line-height: 26px;}

.s6-right{ width:54%;}
.s6-doct-img{ width:320px; left:0;}
ul.s6-right-list{ margin:0;}
ul.s6-right-list li{ padding-left:75px; margin-top:30px;}
ul.s6-right-list li span{ font-size:22px; line-height:28px;}
ul.s6-right-list li p{ font-size:18px; line-height:26px;}
ul.s6-right-list li img{ width:60px;}

.ftr-links-col-1{ width:100%;}
.ftr-links-col-2, .ftr-links-col-3, .ftr-links-col-4{ margin-top:40px;}
.ftr-links-col-2{ width:26%; padding-left:0;}
.ftr-links-col-3{ width:30%;}
.ftr-links-col-4{ width:44%;}
.ftr-tx{ font-size:15px; line-height:20px;}
.ftr-tx a{ padding:0 5px;}

/*===============================
	PRODUCTS_DETAILS_PAGE
==================================*/
.proDetails-sec1{ padding:60px 0;}
.proDetails-left {width: 35%;}
.proDetails-right { width: 62%;}
.prod-nameHdng{ font-size:30px; line-height:40px;}
.prd-prc{ font-size:38px; line-height:38px; margin-top:15px;}
.prd-p1 img{ width:120px;}
.prd-p2{}
.select-mg{ margin:0 5px 0 0;}
.qty-txt{ margin-top:20px;}
.prd-as-seenDv { width: 100%;margin: 30px 0 0 0;}

/*==============================
CONTACT_PAGE
===================================*/
.contact-Box{ margin-top:-15px;}
.cntct-lft {padding: 30px;}
.cntct-hdng { font-size: 26px;line-height: 30px;}
ul.cntct-list li{margin-top: 24px; padding: 0 0 0 33px;}
.contct-txt1 {font-size: 20px;line-height: 22px;}
.cntct-rgt {padding: 30px;}
.msgbx-txt {font-size: 30px;line-height: 30px;}
.msgbx-txt2 {font-size: 20px;line-height: 28px;}
.frmElement input, .frmElement textarea{ font-size:20px;}

}

@media only screen and (max-width:767px){
.container{width:100%; padding:0 15px; max-width:600px; box-sizing:border-box;}
.showDesk{display:none;}
.showMob{display:block;}
.hideMob{ display:none;}

.top-strip{ padding:2px 0 3px;}
.top-strip p{ display:none;}
ul.stripList{ display:inline-block; vertical-align:top; max-width:350px; width:100%;}

.top-fix-bar{ margin-bottom:55px;}
.header{ height:55px; margin-top:-55px; top:55px;}
.logo{ width: 160px; margin-top: 9px;}
.mob-mnu-ic{ top:10px; right:15px;}
.mobilemenu{ top:110px;}
.mobimenu-top{ top:55px;}
.mobilemenu li a{ font-size:16px; line-height:20px; padding:15px 20px;}

.banner {padding: 30px 0;}
.banner__left {width: 100%;}
.banner__strip{ width:100%; padding: 8px 0px 8px 0;}
.banner__nhs-box { top: 40px; right: 10px; width: 80px; height: 80px; border-radius: 12px; padding-top: 12px; z-index:9;}
.banner__nhs-box img { max-width: 50px;}
.banner__background { width: calc(100% + 20px); position: static; max-width: unset; margin-left: -10px;}
.banner__heading{ margin-top:0; font-size: 32px; line-height: 42px;}

.banner__nhs-box p { line-height: 16px;}
.banner__points { float:none; display:inline-block; vertical-align:top; max-width:100%;}
.banner__points li { font-size: 18px; background-position: 0 4px; background-size: 16px; text-align: left; width: 100%;}
.bnr-inr-box{ width:100%;margin: 10px 0 0;}
.left-arw-ofr{left: 26px;}
.rgt-arw-ofr{right:26px;}
.bnr-bal-food{ position:static; display:block; margin:0 auto 0;}
.ofr-box-txt{ padding:15px; text-align:center;}
.bnrtxt{font-size: 16px;  line-height: 26px;margin-top: 10px;  width: 100%;}

.common__heading { font-size: 27px; line-height: 35px;}
.common__text { margin-top: 15px; font-size: 17px; line-height: 26px;}

.steps { padding: 30px 0;}
.steps__inner { padding: 20px 15px;}
.steps__left { width: 100%;}
.steps__right { width: 100%; margin-top:20px;}
.steps__list li { padding: 15px 0px;}
.steps__list-point { top: 42px;}
.steps__list-icon { width: 50px; height: 50px;}
.steps__list-head { padding: 12px 0 12px 70px; font-size: 22px; line-height: 26px;}
.steps__list-text { font-size: 17px; margin-top: 10px; line-height: 26px;}

.section6{ padding:25px 0 30px;}
.s6-right{ width:100%; text-align:center;}
.section6 .common-heading{ padding-bottom:20px;}
.s6-doct-img{ position:static; display:block; margin:0 auto; max-width:65%;}
ul.s6-right-list{ padding-bottom:0;}
ul.s6-right-list li span{ font-size:20px; line-height:24px;}
ul.s6-right-list li p{ font-size:17px; line-height:24px; margin-top:5px;}

.health { padding: 30px 0;}
.health__row { justify-content: center;}
.health__col { width: 100%; max-width:345px; padding:20px 20px;}

.ftr-links-sec{ padding:25px 0 25px;}
.ftr-links-inr{ padding-bottom:25px;}
.ftr-log { width:160px}
.ftr-log-tx{ font-size:16px; line-height:24px;}
.ftr-links-col-2{ width:53%; margin-top:28px; padding-left:0;}
.ftr-links-col-3{ width:44%;     margin-top: 27px;}
.ftr-links-col-4{ width: 100%; padding: 0; margin-top: 20px; margin-bottom: 20px;}
.ftr-links-hd{ font-size:18px; line-height:24px; margin-bottom:0;}
.ftr-links-list{ margin-top:0;}
.ftr-links-list li{ font-size:15px; line-height:20px; margin-top:8px;}
.ftr-tx{ text-align:center; font-size: 16px; line-height: 24px; width: 100%; margin: 20px 0 0;}
.footer-txt{ margin-top:10px;}

/*===============================
	PRODUCTS_DETAILS_PAGE
==================================*/
.proDetails-sec1{ padding:25px 0 30px;}
.proDetails-left{ width:100%; margin-top:15px;}
.proDetails-right{ width:100%; margin-top:10px;}
.select-mg { margin: 0 4px 0 0; width:80px;}
.select-mg p{ font-size:18px;}
.prod-nameHdng {font-size: 34px;line-height: 28px;}
.prd-p1{ font-size:16px;}
.prd-p1 img{ width:90px;}
.prd-as-seenDv{ text-align:center; margin-top:20px;}
.prd-as-seenDv p{ width:100%;}
.qty-div{ width:100%;}

/*==============================
CONTACT_PAGE
===================================*/
.contact-sec {padding: 0 0 35px;}
.contact-Box{ margin-top:-10px; box-shadow:none;}
.cntct-lft{ width:100%; padding:20px 0px 25px;}
ul.cntct-list li { margin-top: 30px;padding: 0 0 0 40px;}
.contct-txt1 {font-size: 18px;line-height: 22px;}

.cntct-rgt{ width:100%;padding:20px 20px 30px;}
.frmElement { margin-top: 0;}
.frmElement input, .frmElement textarea {font-size: 18px; padding: 15px 15px 15px 10px;}
.frmElement textarea{min-height: 120px;}


}

@media only screen and (max-width:360px){
.row p{ font-size:14px;}

.sms-box{ display:none;}

ul.prod-list li { width: 100%;}
	
}