

@media only screen and (max-width: 1240px) {	
.form_Banner{padding-left:15px; padding-right:15px;}

.textSlide .arrowSec .prv_Cap {
    left: 0;
    z-index: 1;
}

.textSlide .arrowSec .next_Cap {
    right: 0; z-index: 1;
}

}

@media only screen and (max-width: 1150px) {	
.headerTop .logoArea{max-width: 30%;}
.headerTop .navSec{max-width: 70%;}
.navSec .navMenu ul li {margin: 0 10px;}
.navSec .whatsApp {margin-bottom: 7px; margin-top: 0;}
.navSec .navMenu ul {margin: 0; padding: 0;}
}
	
	
@media only screen and (max-width: 900px) {	
.headerTop {position: inherit;}
.headerTop .logoArea{max-width: 30%;}
.headerTop .logoArea img{max-width: 220px;}
.headerTop .navSec{max-width: 70%;}	
.navSec .navMenu ul li {margin: 0 7px; font-size: 13px;}
	
.quickContactForm .formTitle h2 {font-size: 26px;}
	
.quickContactForm .formBotForm .textField .ajax-loader{position: absolute;}
.quickContactForm .formTitle h2 {padding-top: 16px;}	
	
.welcomeSec h2 {font-size: 30px;}
	
.welcomeSec a {font-size: 15px; padding: 8px 22px;}
.featureProSec h2{font-size: 30px; background: url(../images/blodGraph.png) no-repeat bottom right;}	
.similarProduct h2.titleSimilarPro {font-size: 30px; background:url(../images/blodGraph.png) no-repeat bottom left;}	
	
.ourPartner .leftTxt h2 {font-size: 30px; background: url(../images/bloodGraph_2.png) no-repeat bottom right;}
	
.colageSecSub .box .textContent h2 {font-size: 20px;}
.colageSecSub .box .textContent p {font-size: 12px;}
.colageSecSub .box .textContent {padding: 0 15px;}
	
.leftSidbarPro h3 {font-size: 16px !important;}
.leftSidbarPro .widget ul.ywcca_category_accordion_widget li {font-size: 14px;}
	
}	
	
@media only screen and (max-width: 768px) {
.navSecMain #mega-menu-wrap-topPriMenu .mega-menu-toggle {
	background:#a32883;
	border-radius: 5px;
    line-height: 34px;
    height: 34px;
    margin-top: 10px;
    margin-bottom: 0;}
#mega-menu-wrap-topPriMenu .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner, #mega-menu-wrap-topPriMenu .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::before, #mega-menu-wrap-topPriMenu .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::after {
	 width: 30px;}
#mega-menu-wrap-topPriMenu .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-box {
    width: 30px;}
#mega-menu-wrap-topPriMenu #mega-menu-topPriMenu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {
    padding: 10px;}
#mega-menu-wrap-topPriMenu #mega-menu-topPriMenu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.mega-block-title {
    font-size: 13px !important;}
	 
}
	
	
@media only screen and (max-width: 767px) {	
.navSec .navMenu ul.navMenuHeader{display: none;}
.btnResponsive {display: block;}
.navSec .whatsApp .mailBlock{display: block;}
.navSec .whatsApp span.phone {margin-right: 0;}
.headerTop .navSec {text-align: right;}	
.navSec .whatsApp{display: inline-block; margin-bottom: 0;}
.open-menu {position: inherit; border-radius: 7px; margin-left: 15px; float: right; right: 0; top: 0; padding: 5px 11px;}
.headerTop {padding-bottom: 10px;}


.bannerSldmain .bannerImg{min-height: inherit; padding:15% 15px;}
.bannerSldmain .bannerText {margin-top:0; margin-bottom: 0;}
	
.bannerSldmain .bannerText {padding: 10px 15px;}
.bannerSldmain .bannerText h3 {font-size: 18px;}
.bannerSldmain .bannerText h1 {font-size: 27px;}
	
.bannerSldmain .slick-prev, .bannerSldmain .slick-next{background-size: 63% !important;}
	
.quickContactForm .formTitle {max-width: 100%; min-height: inherit; border-right: none}
.quickContactForm .formTitle h2 {padding-top: 0}
.quickContactForm .formBotForm {max-width: 100%; padding-left: 0; padding-right: 0;}
.quickContactForm .formBotForm .textField {padding: 0 15px;}
	
.colageSecSub {display: inherit; max-width: 400px; margin: 0 auto;}	
.colageSecSub .box {width: 100%;}
.colageSecSub .box .textContent {padding: 50px 15px;}
	
.welcomeSec h2 {font-size: 22px;}
.featureProSec h2 {font-size: 22px;}
.similarProduct h2.titleSimilarPro{font-size: 22px;}
.ourPartner .leftTxt h2 {font-size: 22px;}
	
.featureProSecTitle{position: relative;}
.featureProSec .arrowSec {position: absolute; float: inherit;  right: 15px; top: -20px;}
	
.featureProSecTitlePro{position: relative;}
.featureProSecTitlePro .arrowSec {position: absolute; float: inherit;  right: 0; top: -20px;}
	
	
.innerContentSecSub h1, .productmainSecSub h1, .woocommerce div.product .entry-summary .product_title {font-size: 26px;}
.innerContentSecSub p {font-size: 13px; line-height: 22px;}
.bannerSldmainInner .bannerImg {min-height: 200px;}
	
.leftSidbarPro{max-width: 100%; margin-bottom: 20px;}
.productmainSecSub{max-width: 100%;}
	
.breadCamp {font-size: 12px;}

.quickContactForm .formTitle h2 a {font-size: 24px;}
.quickContactForm .formBotForm h3 {font-size: 20px;}
.quickContactForm .formBotForm .textField input[type="text"], .quickContactForm .formBotForm .textField input[type="tel"], .quickContactForm .formBotForm .textField input[type="email"] {
    border: #e1e3e9 solid 1px;
    padding: 10px 10px;
    border-radius: 2px;
    height: 35px;
    font-size: 13px;
}

.quickContactForm .formBotForm .textField input[type="submit"] {
    padding: 3px 15px;
    border-radius: 2px;
    font-size: 14px;
    height: 37px;
}
.quickContactForm .formBotForm {
    padding-top: 0;
}

.form_Banner{display:block;}

.footerRight{margin-top:10px;}
.testimonial_Box{padding:6px; font-size:12px;}
.navSec .whatsApp {font-size:11px;}
.navSec .whatsApp a{font-size:11px;}
.navSec .whatsApp i {font-size: 11px;}
.footerRight h3 {
    font-size: 16px;}
	
}

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

.headerTop .logoArea {max-width: 100%; text-align: center; padding-bottom: 9px; border-bottom: #e8e4e4 solid 1px; margin-bottom: 9px;}
.headerTop .navSec {max-width: 100%;}

.navSec .whatsApp {float: none; text-align: left; width:100%; display:flex; align-items:center;}
.navSec .whatsApp .mailBlock_phone{margin:0 auto 0 0;}
.navSec .whatsApp .mailBlock_email{margin:0 0 0 auto;}


.bannerSldmain .bannerText h3 {font-size: 18px; margin-bottom: 6px;}
.bannerSldmain .bannerText h1 {font-size: 23px;}	
	
.woocommerce ul.products li.product h2.woocommerce-loop-product__title, 
.woocommerce-page ul.products li.product h2.woocommerce-loop-product__title {font-size: 14px;}
}
	
@media only screen and (max-width: 575px) {	
	
p.copyrightDesk{display: none;}
p.copyrightRes{display: block; margin-top: 12px;}

.ourPartner .leftTxt h2 {background: url(../images/bloodGraph_2.png) no-repeat bottom left;}
.quickContactForm .formTitle h2 a {font-size: 22px;}
.form_Banner {padding:0;}
.quickContactForm .formTitle h2 {margin-bottom: 10px;}
.quickContactForm .formTitle h2 a {font-size: 18px;}
.quickContactForm .formBotForm h3 {font-size: 17px; margin-top:10px;}
}

@media only screen and (max-width: 500px) {		
.bannerSldmain .bannerText h1 {font-size: 18px;}
.bannerSldmain ul.slick-dots{display: none !important;}
	
.featureProSec h2 {font-size: 19px; padding-right: 80px;}
.similarProduct h2.titleSimilarPro {font-size: 19px; padding-right: 0; background: url(../images/blodGraph.png) no-repeat bottom right;
	max-width: 203px;}	
.ourPartner .leftTxt h2 {font-size: 19px;}
.welcomeSec {padding-top: 20px; padding-bottom: 20px;}
	
.innerContentSecSub h1, .productmainSecSub h1, .woocommerce div.product .entry-summary .product_title {font-size: 22px;}
	
	
}
	
@media only screen and (max-width: 400px) {	
.quickContactForm .formTitle h2 {font-size: 22px; margin-bottom: 0;}
.bannerSldmain .bannerImg {min-height: 250px; background-size: cover;}
.quickContactForm .formBotForm .textField {width: 100%;}
.quickContactForm .formBotForm .textField input[type="text"], 
.quickContactForm .formBotForm .textField input[type="tel"], 
.quickContactForm .formBotForm .textField input[type="email"] {padding: 4px 15px; height: 37px;}
.quickContactForm .formBotForm .textField input[type="submit"] {padding: 6px 15px; font-size: 16px; height: 39px;}
.quickContactForm {padding:7px 0 7px 0;}
	
.contactLeft .contactFormLeft ul li.half {max-width: 100%;}
	
}
	
@media only screen and (max-width: 380px) {	
	
.woocommerce .woocommerce-result-count, .woocommerce-page .woocommerce-result-count,
.woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering{width: 100%;}
	
}
	
	
	
	
	
	
	
	
	
	
	