@charset "utf-8";

/* CSS Document */

body{ margin:0px; padding:0px; background:#e9e8e8;}

.head{ background:#fff; padding:10px;}

.head .col-lg-12{ text-align:center;}





.main .col-lg-4{background:url(../img/pharma-bg.jpg) no-repeat center; background-size:125% !important; background-size:cover; padding: 23vh 0; position:relative; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;}

.main .col-lg-4:hover { background-size:150% !important}

.main .col-lg-4:before {position:absolute;width:100%;height:100%;background: rgb(0 0 0 / 34%);z-index: 0;content:"";left: 0px;top: 0;}

.main .col-lg-4 h2{padding:15px;color:#fff;text-align:center;text-transform:uppercase;position: relative;}

.main .col-lg-4 .col-md-12{text-align:center;margin-top: 0px;}

.main .col-lg-4 .col-md-12 img{/* width:25%; *//* margin:0 auto; */margin-bottom: 38px !important;display: block;}

.main .col-lg-4 h2::after {content: '';position: absolute;left: 0;background: rgb(236 236 236);height: 3px;right: 0;width: 100px;/* bottom: 0; */margin: 0 auto;/* bottom: 28px; */top: -1px;}

.main .col-lg-4 .btn-default{padding: 13px 30px;border:0px;background: rgb(255 255 255 / 44%);color: rgb(255 255 255);border-radius: 38px;font-size: 16px;text-transform: uppercase;font-weight: 600;letter-spacing: 0.5px;border: 1px solid #fff;border-bottom: 1px solid rgb(255 255 255 / 56%);border-top: 2px solid #fff;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}

.main .col-lg-4:nth-child(2){background:url(../img/nutrition-bg.jpg) center; background-size:cover; }

.main .col-lg-4:nth-child(3){background:url(../img/herbal-bg.jpg) center; background-size:cover; }

.main .col-lg-4 .btn-default:hover{background: #fff;color: rgb(71 71 72);transform: translateY(-8px);box-shadow: 0px 20px 40px 0px #191919de;}

.main .col-lg-4 .btn-default:focus{background:#fff; color:#be3712; border:0px;}



.groups { text-align:center}

.groups span {display:inline-block;max-width: 200px;width: 35%;background-color: rgb(132 132 132);padding: 44px;border-radius: 125px;max-height: 200px;border: 15px solid rgb(255 255 255 / 63%);box-shadow: inset 0px 16px 20px 0px #00000024;}



.footer{ background:#fff; padding:20px;}

.footer p{ text-align:center}





.product-details-meta span {width:96px;}

.product-details-meta li a { border:1px solid #000; border-radius:4px;}



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

.main .col-lg-4 {padding:20vh 0;}

.main .col-lg-4 .col-md-12 img {margin-bottom: 0px !important;}

}



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

.main .col-lg-4 {padding:17vh 0;}

.groups span {padding: 36px;}

}

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

.main .col-lg-4 {padding:15vh 0;}

.groups span {padding:30px;}

}

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

.main .col-lg-4 {padding:13vh 0;}

.groups span {padding:28px;}

}

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

.main .col-lg-4 {padding:25vh 0 70vh 0;}

.groups span {padding:25px;}

}

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

.main .col-lg-4 {padding:20vh 0 20vh 0;}

}

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

.main .col-lg-4 {padding:17vh 0 17vh 0;}

}

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

.main .col-lg-4 {padding: 0vh 0 6vh 0;}

}





@media (min-width: 300px) and (max-width: 479px) {

	.main .col-lg-4 .col-md-12{ margin-top:0px; padding-top:50%;}

	.main .col-lg-4 .col-md-12 img{ margin-top:0px; padding-top:30px;}

	.main .col-lg-4 h2::after{ bottom:0px; top:-241px;}

}