@import url(https://fonts.googleapis.com/css2?family=Assistant:wght@200;400;500;600;700&display=swap);

.dsblock{display: block;}
.dsblock2{display: block;}
.dsblock2ref{display: inline;}
body {
  font-family: Assistant, sans-serif;
  padding: 0;
  margin: 0;
  line-height: normal;
}
.checkout-page .container,
.home-page .container {
  max-width: 1100px;
}


.webdsblock{display: block;}
.leftside-mag {
    padding-left: 110px !important;
}

.yesmanage{margin-bottom: 20px;}
.top-header {
  background: #0e1253;
  text-align: center;
}
.top-header img {
  width: 13%;
}
.banner {
  background: url(../images/mountain.jpg) center center/cover;
  padding: 40px 0;
  text-align: center;
}
.banner .btn-close {
  box-sizing: content-box;
  width: 1em;
  height: 1em;
  padding: 13px;
  background: url(../images/close.png) center/46% no-repeat #FFFFFF;
  border: 0;
  border-radius: 50px;
  opacity: 1;
  position: absolute;
  z-index: 6;
  right:13px;
  top: 13px;
}
.banner .modal-body {
  padding: 0 !important;
  border-radius: 0 !important;
}
.banner .unsuse {
  color: #F5DD5B;
}
.bgimages {
  background: url(../images/lpin.jpg) center center/cover no-repeat;
  height: 830px;
}
.banner h3 {
  color: #F5DD5B;
  text-align: center;
  font-size: 28px;
  font-weight: 700;
  line-height: 15px;
}
.banner h2,
.del-content h4 {
  line-height: 60px;
  font-weight: 700;
}
.banner h2 {
    color: #fff;
    text-align: center;
    font-size: 61px;
    line-height: 73px;
}
.video-tag {
  position: relative;
  top: 0;
  left: 0;
  padding-top: 0 !important;
}
.button-continue-pc {
  background-image: url(../images/sound-pc1.png) !important;
  background-size: 25% !important;
}
.button-continue,
.button-unmute {
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
  left: 0;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  z-index: 25;
  display: none;
  background-color: rgba(0, 0, 0, 0.5);
  cursor: pointer;
}
.midel-section {
  padding: 30px 0;
}
.del-content h4 {
  color: #040707;
  font-size: 24px;
}
.del-content h3 {
  color: #000;
  margin-bottom: 30px;
  font-size: 40px;
  font-weight: 700;
  line-height: 40px;
  margin-top: 10px;
}
.del-content p {
  color: #000;
  font-size: 20px;
  font-weight: 400;
  line-height: normal;
}
.list-box,
.list-box p {
  color: #7a7a7a;
}
.section-box {
  border: 2px solid #F5DD5B;
  background: #f5f5f5;
  padding: 30px;
  margin: 25px 0;
}
.section-box p {
  margin-bottom: 10px;
}
.list-box p {
  margin-top: 20px;
}
.products-details-section {
  background: url(../images/mountain.jpg) center center/cover;
  padding: 50px 0;
}
.products-details-section h4 {
  text-align: center;
  color: #F5DD5B;
  font-size: 20px;
  margin-bottom: -10px;
}
.products-details-section h2 {
    text-align: center;
    color: #F5DD5B;
    font-size: 66px;
    font-weight: 800;
    margin-bottom: 7px;
    line-height: 62px;
    margin-top: 30px;
}

.col-md-6.mobileimage-format h5 {
    font-size: 30px;
    color: #fff;
    margin-top: 50px;
}
.col-md-6.mobileimage-format .dsblock-font{display: block;}
.products-details-section h3 {
    text-align: center;
    color: #F5DD5B;
    margin-bottom: 80px;
    font-size: 42px;
    font-weight: 700;
}
.products-details-section p {
  color: #fff;
  font-size: 20px;
  font-weight: 400;
  line-height: normal;
}
.inside-details h4,
.inside-details h5,
.inside-heading h3 {
  color: #000;
  text-align: center;
}
.guarantee,
.inside-section,
.references,
.testimonial-section {
  padding: 60px 0;
}
.inside-heading {
  text-align: center;
}
.inside-heading h3 {
  font-size: 40px;
  font-weight: 700;
  line-height: 15px;
  margin-bottom: 20px;
}
.inside-heading p {
  font-size: 20px;
}
.inside-details {
  padding: 20px;
}
.inside-details .thumsimages {
  width: 100%;
  margin: 0 auto 20px;
  display: block;
  max-width: 190px;
}
.inside-details h4 {
  font-size: 22px;
  font-weight: 800;
  line-height: 25px;
  margin-bottom: 0;
}
.inside-details h5 {
  font-size: 16px;
  font-style: italic;
  font-weight: 400;
}
.thumsiocn h2,
.thumsiocn h3 {
  font-weight: 800;
  color: #000;
  text-align: center;
}
.inside-details li {
  color: #000;
  font-size: 16px;
  list-style: none;
}
.inside-details ul {
  margin: 0;
  padding: 0;
}
.inside-details li img {
  width: 18px;
  display: inline-block;
}
.thumsiocn {
  background: #eee;
  padding: 20px 0;
}
.thumsiocn h2 {
  font-size: 80px;
  margin-bottom: 0;
}
.thumsiocn h3 {
  font-size: 40px;
  margin-bottom: 30px;
}
.thumsiocn .bd-highlight {
  color: #000;
}
.thumsiocn img {
  width: 60px;
  margin-right: 10px;
}
.thumsiocn p {
  font-size: 18px;
}
.discount-bounce {
  padding: 60px 0;
  background: url(../images/mountain.jpg) center center/cover;
}
h3.discount-heading {
  color: #fff;
  text-align: center;
  font-size: 56px;
  font-weight: 700;
  line-height: 60px;
  margin-bottom: 50px;
}
.discount-bounce-details span,
h3.discount-heading span {
  color: #ffe400;
}
.discount-bounce-details h5,
.discount-bounce-details p,
.shping-heading,
.suffer h4 {
  color: #fff;
  text-align: center;
}
.suffer {
  border-radius: 30px;
  background: #076a88;
  padding: 30px 30px 20px;
}
.suffer img {
  margin-bottom: 10px;
}
.suffer h4 {
  margin-top: 10px;
}
.discount-bounce-details h5 {
  margin-top: 30px;
  font-size: 32px;
  font-weight: 800;
}
.cutoffprice strike,
.discount-bounce-details strike {
  text-decoration-color: red;
}
.discount-bounce-details p {
  font-size: 22px;
  margin-top: 20px;
}
.shipping {
  background: #097c9d;
  padding: 40px 0 20px;
}
.shping-heading h3 {
  font-size: 40px;
  font-weight: 800;
}
.shping-heading p {
  font-size: 26px;
}
.inside-heading-1 h3 {
  font-size: 48px;
  color: #000;
  font-weight: 700;
  text-align: center;
}
.testimni-images {
  border-bottom: 22px solid #fff;
  border-top: 6px solid #fff;
  border-right: 6px solid #fff;
  border-left: 6px solid #fff;
  -webkit-box-shadow: -1px 6px 15px -3px rgba(0, 0, 0, 0.48);
  box-shadow: -1px 6px 15px -3px rgba(0, 0, 0, 0.48);
  max-width: 100%;
  background-size: 100%;
  transform: rotate(-4deg);
}
.testi-main-img1 {
  background: url(../images/ts-7.jpg) top center/110% no-repeat;
  height: 120px;
  overflow: hidden;
}
.testi-main-img1:hover {
  background: url(../images/ts-7.jpg) top center/110% no-repeat;
  height: 120px;
}
.testi-main-img2 {
  background: url(../images/ts-5.jpg) top center/110% no-repeat;
  height: 120px;
  overflow: hidden;
}
.testi-main-img2:hover {
  background: url(../images/ts-5.jpg) top center/110% no-repeat;
  height: 120px;
}
.testi-main-img3 {
  background: url(../images/ts-6.jpg) top center/110% no-repeat;
  height: 120px;
  overflow: hidden;
}
.testi-main-img3:hover {
  background: url(../images/ts-6.jpg) top center/110% no-repeat;
  height: 120px;
}
.testi-main-img4 {
  background: url(../images/ts-4.jpg) top center/110% no-repeat;
  height: 120px;
  overflow: hidden;
}
.testi-main-img4:hover {
  background: url(../images/ts-4.jpg) top center/110% no-repeat;
  height: 120px;
}
.testitest h3 {
  text-align: center;
  font-size: 42px;
  font-weight: 900;
}
.realtestimonaila {
  margin-top: 60px;
}
.realtestimonaila-details .persone {
  width: 80px;
  border-radius: 10px;
  border: 3px solid #F5DD5B;
  margin-top: 10px;
}
.star-icon {
  width: 110px;
  margin-top: -6px;
  margin-right: 5px;
}
.realtestimonaila-details p {
  color: #000;
  font-size: 22px;
  font-weight: 400;
  line-height: normal;
}
img.qoute {
  width: 40px;
  margin-top: -16px;
  margin-right: 10px;
}
img.qoute-1 {
  width: 40px;
  margin-top: 4px;
  margin-right: 0;
  display: inline-block;
  margin-left: 10px;
}
.realtestimonaila-details h3 {
  color: #040707;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 45px;
  margin-bottom: 0;
}
.realtestimonaila-details h4 {
  color: #818181;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 45px;
}
.offer-bottl {
  background: #eee;
  padding: 0 0 60px;
}
.offer-bottl h2 {
  color: #040707;
  text-align: center;
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: 50px;
  position: relative;
  background: url(../images/top-border.png) center/cover;
  height: 300px;
  padding-top: 30px;
}
.offer-bottla-details h3,
.offer-bottla-details h4,
.price p {
  color: #040707;
  line-height: 45px;
  text-align: center;
}
.offer-bottla-details {
  text-align: center;
  padding: 20px;
  transition: 0.1s ease-in-out;
}
.offer-bottla-details h3 {
  font-size: 48px;
  font-weight: 700;
  margin-bottom: 0;
}
.offer-bottla-details h4 {
  font-size: 32px;
  font-weight: 800;
}
.price p {
  font-size: 88px;
  font-style: normal;
  font-weight: 900;
  margin-top: 20px;
}
.price p span {
  color: #000;
  text-align: center;
  font-size: 29px;
  font-weight: 400;
  line-height: 45px;
  position: relative;
  top: -29px;
}
.check-form-left,
.cutoffprice {
  margin-top: 10px;
}
.cutoffprice h5 {
  font-size: 28px;
}
.offer-bottl a {
  text-decoration: none;
  color: inherit;
}
.offer-bottla-details2 {
  border-radius: 6px;
  border: 3px solid #c1c4ca;
  background: #fff;
  box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1),
    0 0 0 1px rgba(10, 10, 10, 0.02);
}
.offer-bottla-details3 {
  border-radius: 6px;
  border: 3px solid #F5DD5B;
  background: #fffcc3 !important;
  box-shadow: rgba(0, 0, 0, 0.19) 0 10px 20px, rgba(0, 0, 0, 0.23) 0 6px 6px;
}
.shipping-images {
  margin: 12px 0;
}
.lp-reviews,
.pay-btn {
  margin-top: 40px;
}
.shipping-images img {
  margin-bottom: 5px;
}
.offer-bottla-details:hover {
  transform: scale(1.04);
  z-index: 200;
}
.gn-heading h3 {
  color: #040707;
  text-align: center;
  font-size: 48px;
  font-weight: 700;
  line-height: 54px;
  text-transform: uppercase;
  margin-bottom: 30px;
}
.faqs h3,
.references h3 {
  line-height: 60px;
  font-style: normal;
}
.insce p {
  font-size: 22px;
  font-weight: 500;
}
.ofr img {
  width: 60%;
  float: right;
}
.lp-reviews {
  text-align: center;
}
.lp-reviews p {
  margin-bottom: 0;
  font-size: 22px;
}
.lp-reviews img {
  width: 22%;
}
.lp-reviews span {
  margin-top: 2px !important;
  display: block;
}
.faqs {
  padding: 60px 0;
  background: url(../images/mountain.jpg) 0 0 / cover;
}
.faqs h3 {
  color: #fff;
  text-align: center;
  font-size: 56px;
  font-weight: 700;
}
.accordion-button::after {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M8 0a1 1 0 0 1 1 1v6h6a1 1 0 1 1 0 2H9v6a1 1 0 1 1-2 0V9H1a1 1 0 0 1 0-2h6V1a1 1 0 0 1 1-1z' clip-rule='evenodd'/%3e%3c/svg%3e");
  transform: scale(0.7) !important;
}
.accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M0 8a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H1a1 1 0 0 1-1-1z' clip-rule='evenodd'/%3e%3c/svg%3e");
}
.faqs .accordion-item {
  margin-bottom: 20px;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
  border: none;
  border-radius: 8px;
}
.faqs button.accordion-button {
  background: #fff !important;
  padding: 15px 20px;
  font-size: 26px;
  color: #000;
  font-weight: 900;
}
.faqs .accordion-button:not(.collapsed) {
  border: none !important;
  box-shadow: none;
}
.faqs .accordion-body {
  text-align: left;
  padding: 8px 30px 40px !important;
}
.faqs .accordion {
  margin-top: 50px;
}
.references h3 {
  color: #7a7a7a;
  text-align: center;
  font-size: 24px;
  font-weight: 400;
}
.inslogo {
  margin-bottom: 20px;
  text-align: center;
}
.oderlist li {
  font-size: 13px;
}
.oderlist li a {
  color: #7c7c7c;
  font-weight: 600;
  font-size: 16px;
}
.new-salemodel .modal-content {
  background: #fff;
  border: 5px solid #e43b2c;
  text-align: center;
}
.new-salemodel .modal-content .shipping {
  margin-top: 30px;
  padding: 22px 40px;
  color: #000;
  font-size: 20px;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  background: #fffa00;
  border-radius: 4px;
  border: 1px solid #fffa00;
  cursor: pointer;
  display: inline-block;
  margin-bottom: 20px;
}
.new-salemodel .modal-body {
  padding: 50px;
}
.new-salemodel h3 {
  color: #e60000;
  text-align: center;
  font-size: 54px;
  font-style: normal;
  font-weight: 700;
  line-height: 45px;
}
.new-salemodel h4,
.new-salemodel h5 {
  font-weight: 600;
  line-height: 45px;
  font-style: normal;
}
.new-salemodel h4 {
  color: #e60000;
  font-size: 40px;
}
.new-salemodel h5 {
  color: #068bc5;
  text-align: center;
  font-size: 35px;
}
.new-salemodel p {
  color: #000;
  text-align: center;
  font-size: 26px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.new-salemodel .btn-close {
  box-sizing: content-box;
  width: 2em;
  height: 2em;
  padding: 0.25em;
  color: #fff;
  background: url(../images/xclose.png) 0 0 / cover;
  border: 0;
  border-radius: 0.375rem;
  opacity: 1;
  position: absolute;
  right: -20px;
  top: -20px;
}
.formcheck .form-label,
.pay-btn .btn {
  width: 100%;
  font-weight: 600;
}
span.mtn {
  font-size: 12px;
  margin-top: -30px;
}
.cutoffprice p {
  color: red;
  background: #ff0;
  margin: 0 96px;
  font-size: 23px;
}
.checkout-page {
  background-image: radial-gradient(
    circle,
    #076b88,
    #044f79,
    #044f79,
    #09235b,
    #0f0d50
  );
}
.listmanage {
  background: #090a42;
}
.contelist {
  color: #fff;
  font-size: 22px;
  font-weight: 600;
}
.accordion-body,
.cheklock,
.lable-list {
  font-weight: 500;
}
.language .row {
  background: #fff;
  margin: 0;
}
.check-boxes {
  padding: 10px 20px;
  background: #fff;
}
.cheklock {
  background: #eee;
  padding: 10px;
  font-size: 22px;
}
.cheklock img {
  margin-top: -6px;
  margin-right: 10px;
}
.lable-list {
  border-bottom: 1px solid #dbdbdb;
  padding: 10px 0;
  font-size: 18px;
  align-items: center;
  display: flex;
}
.lable-list img {
  width: 25px;
  margin-right: 10px;
}
.credit-card {
  border-radius: 5px;
  border: 1px solid #8c8c8c !important;
  background: #d4d4d4 !important;
  color: #000 !important;
  padding: 10px;
}
.card-images .form-label img {
  width: 30%;
  float: right;
}
.padding-left {
  padding-left: 0;
}
tr.gradntotel-1 {
  font-size: 22px;
  font-weight: 700;
}
tr.gradntotel-2 {
  font-size: 20px;
  font-weight: 700;
}
.sp-green {
  color: #059946 !important;
}
.sp-red {
  color: #d00 !important;
}
.headng-check {
  padding-top: 30px;
}
.headng-check h2 {
  font-size: 24px;
  font-weight: 700;
}
.pay-btn .btn {
  padding: 10px 20px 15px;
  border: 3px solid #00f;
  background-color: #ff0;
  color: #00f;
  font-size: 30px;
  text-decoration: underline;
  border-radius: 12px;
  height: auto;
  transform: scale(1);
  animation: 1s infinite pulsing;
}
.pay-btn .btn:active,
.pay-btn .btn:hover {
  background-color: #73ff82 !important;
  height: auto;
}
@keyframes pulsing {
  0% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.3);
  }
  70% {
    transform: scale(1.01);
    box-shadow: 0 0 0 10px transparent;
  }
  100% {
    transform: scale(1);
    box-shadow: 0 0 0 0 transparent;
  }
}
.form-control {
  border: 2px solid #018b93;
  border-radius: 4px;
}
select {
  border: 2px solid #018b93 !important;
  border-radius: 4px !important;
}
.footer-manage-peragh {
    background-image: radial-gradient( circle, #040707, #393f3f, #040707, #040707, #040707);
    padding: 40px;
}
.footer-manage-peragh p {
  color: #fff;
  line-height: normal;
  font-size: 13px;
  text-align: center;
}
.footer-manage-peragh .contelist {
  font-size: 14px;
  text-align: center;
  margin-top: 30px;
}
.pading-left-right {
  padding-right: 15px;
  padding-left: 15px;
}



.web-responsive{display: block !important;}
.web-responsive-new {
    display: flex !important;
}
.mobile-responsive{display: none !important;}








span.pricesmall-matter {
    font-weight: 500;
}
.supp {
    font-size: 16px;
    font-weight: 600;
    color: #000;
}
span.str-pack {
    font-size: 14px;
}

.mobile-hide-section {
    display: flow !important;
}

.nav-item p {
    margin-bottom: 0px;
    font-weight: 600;
    line-height: 26px;
}
.seclect-products-tabs .fade {
    opacity: 1;
}



.add-to-cart-show button {
  width: 100%;
    display: block;
    background: #24c242;
    color: #fff;
    padding: 15px 2px;
    margin: 10px 0;
    border-radius: 8px;
    font-weight: 700 !important;
    font-size: 25px !important;
}

.add-to-cart-show button:hover {background: #32b532 ;  color: #fff;}

button.btn {
    font-size: 22px;
    color: #fff;
    font-weight: 500;
}


#product_temp_main{margin-top: 50px;}
#product_temp_main .order_eta {
  font-size: 16px;
    margin-top: 20px;
    margin-bottom: 10px;
    padding-left: 32px;
    padding-top: 3px;
    padding-bottom: 3px;
    background-repeat: no-repeat;
    background-size: 24px;   
    background-position: left;
    background-image: url(../images/truck.svg);
}


#product_temp_main .money_gua {
    font-size: 16px;
   
    width: fit-content;
    margin: auto;
    margin-bottom: 24px;
    padding-left: 20px;
    background-repeat: no-repeat;
    background-size: 15px;
    background-position: left;
    background-image: url(../images/check.png);
}


#product_temp_main .s_sub_quan_selector {
    background: #F3F3F3;
    padding: 6px;
    width: 100%;
    position: relative;
    border-radius: 8px;
}

#product_temp_main .s_sub_saving_badge {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%, -50%);
    white-space: nowrap;
    border-radius: 3px;
    letter-spacing: 0px;
    color: #FFFFFF;
    padding: 4px 7px;
    background: #060606;
    font-size: 14px;
    font-weight: 600;
    z-index: 2;
}
#product_temp_main .s_quan_txt {
 
font-size: 16px;
 
/*   display: flex;*/
 
height: 80px;
 
justify-content: center;
 
align-items: center;
 
background: white;
 
cursor: pointer;
 
border-radius: 6px;
 
text-align: center;
 
padding-top: 20px;
}

.mainprice h3 {
    font-size: 23px;
    margin-top: 10px;
    font-weight: 600;
}

.mainprice p {
    font-weight: 500;
    font-size: 14px;
}

#product_temp_main .s_sub_quan_selector.selected {
    background: linear-gradient(182deg, rgb(237 209 59) 0%, #ffe973 100%);
}

#product_temp_main .subs_usp_holder {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 0px;
    margin-top: 20px;
}

#product_temp_main .s_sub_usp {
    /* width: fit-content; */
    margin: 0 10px 12px;
    padding-left: 20px;
    background-repeat: no-repeat;
    background-size: 15px;
    background-position: left;
    background-image: url(../images/check.png);
    font-size: 16px;
}

#product_temp_main .selected_mark {
    width: 24px;
    height: 24px;
    min-width: 24px;
    min-height: 24px;
    border: 1px solid #000000;
    border-radius: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 6px;
        position: relative;
    z-index: 2;
}

#product_temp_main .s_selector.selected .circle {
    background: #FF2277;
}

#product_temp_main .circle {
    width: 16px;
    height: 16px;

    border-radius: 100px;
}


#product_temp_main .nav {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    padding-right: 0px;
}

#product_temp_main .nav-tabs>li {
    float: left;
    margin-bottom: -1px;
    width: 50%;
        height: 100%;
        background: #fff;
}



.popler {
    position: absolute;
    top: -20px;
    left: 30%;
    font-size: 13px;
    padding: 8px 13px;
    background: #F5DD5B;
    color: #000;
     border-radius: 6px 0px;
      font-weight: 400;
}

.nav-link.active .popler {
    background: #F5DD5B;
    color: #000;
    position: absolute;
    top: -20px;
    left: 27.4%;
    font-size: 13px;
    padding: 8px 13px;
    font-weight: 400;
    border-radius: 6px 0px;
}

#product_temp_main .nav-item button.nav-link {
    width: 100%;
    display: flex;
    align-items: center;
    padding: 30px 20px;
    font-size: 20px;
    font-weight: 500;
    position: relative;
    text-align: left;
    height: 100%;
}

/* .per-bottle-price {
   -webkit-text-fill-color: transparent;
    background: linear-gradient( to right, #d0ba41, #e9d255, #858585, #010101);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;

} */
#product_temp_main .tab-pane.active {
    padding: 30px;
    border: 1px solid #dedede !important;
    margin-left: 0px;
   margin-top: 2px;
}

.nav-tabs {
    border-bottom: 0px solid #ddd;
}


#product_temp_main .tab-content{padding-right: 0px; padding-left: 0px; background: #fff;}

#product_temp_main .nav-link.active .circle{    background: #F5DD5B;}


p.qth-img {
    font-size: 16px;
    font-weight: 500;
}
p.qth-img img {
    float: left;
    margin-right: 4px;
width: 22px;
   
}
.qtheading {
    margin: 10px 0px 30px;
        font-size: 18px;
}
.pramange {
    font-size: 16px;
    color: #000;
    margin-top: -10px !important;
}

.mggray {
    position: absolute;
    top: 0;
    left: 0px;
}

.mggray img{width: 80%;}

#product_temp_main .nav-link {
    background: #E5F2F6 !important;
    color: #000;
}

#product_temp_main .first-act .active {
    /* background: #fff !important; */
    background-image: url(../images/leftarrow.png)!important;
    background-position: right !important;
    background-repeat: no-repeat !important;
    background-size: auto 100% !important;
    width: 110% !important;
    z-index: 2;
}

#product_temp_main .first-sec .active {
    /* background: #fff !important; */
    background-image: url(../images/radial_bg_right.webp)!important;
    background-position: left!important;
    background-repeat: no-repeat!important;
    background-size: auto 100%!important;
    margin-left: -50px;
    width: 110% !important;
    padding-left: 70px !important;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
   
    border:none !important;
}

.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
 
    isolation: auto;
}

.nav-tabs .nav-link{ border:none !important;}


.header-logo img{width: 30%;}
.header-logo {
    text-align: left !important;
}

.advantage h3,.faqs h3,.goop-reviews h3,.gprl-section h3,.inside h3,body {
    font-family: Poppins,sans-serif
}

.btn-pra,.chk-s1-hd,.copyright,.faqs h3,.goop-reviews h3,.head-top,.logo,.proplc {
    text-align: center
}

.chk-s2,.managebg {
    position: relative
}


li.resp-tab-item a {
    display: block !important;
    width: 100%;
    text-decoration: none;
}

.text-repa {
    margin: 20px 0
}

.advantage h3 {
    color: #040707;
    font-size: 38px;
    margin-bottom: 30px
}

.advantage h4 {
    color: #000;
    font-size: 24px
}

.advantage p {
    color: #000;
    font-size: 18px
}

.inside {
    background: #fffbe7;
}

.inside img{border-radius: 50%;}

.contain-item {
    margin-bottom: 20px;
    padding: 20px
}


.footer .logo img{width: 17%;}
.faqs,.footer,.goop-reviews,.gprl-section {
    padding: 60px 0
}

.inside2 {
    background: #fff
}

.gprl-section h3,.inside h3 {
    color: #040707;
    font-weight: 700;
    font-size: 38px;
    margin-bottom: 10px
}

.contain-item .icon-square {
    width: 30%
}

.sh-ta-ra .contain-item .icon-square {
    width: 100%
}

.custom-font-weight-bold{
    font-weight: bold !important;
   }

.head-top {
    margin-bottom: 50px
}

.head-top p {
    font-size: 20px
}

.gprl-section1 {
    background: #fffbe7
}

.gprl-section h4 {
    color: #040707;
}

.gprl-section p {
    font-size: 20px;
    color: #000
}

.manage-review {
    margin-bottom: 20px
}

.rws img {
    display: block;
    margin: 5px 0
}

.rws h4 {
    color: #040707;
}

.rws span {
    font-size: 16px
}

.rws p {
    font-size: 18px
}

.goop-reviews h3 {
    color: #040707;
    font-size: 38px;
    margin-bottom: 30px
}

.servingsdetail{
    font-size: 25px;
}

.videoplayer .modal-content {
    background: none !important;
}
.videoplayer .modal-header {
    border: none;
}


span.smalltext{
  display: block;
  font-weight: 400 !important;
  font-size: 30px;
}


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

    .pramange{
        margin-bottom: 0px;
    }

    #product_temp_main .tab-pane.active{
       padding: 5px 6px!important; 
    }
    span.smalltext{
        font-size: 20px;
      }

    .webdsblock{
        display: block !important;
    }
    .thumsiocn{
        padding:0px;
    }
    .mobile-text-center{
        text-align: center;
    }
    .products-details-section{
        padding: 0px;
    }

    .del-content h3{
        font-size: 40px;
    }
  .webdsblock {
    display: inline;
}
   .top-heading-gap{
    margin-top: 10px;
   }

    .manage-toplione {
        display: block;
        line-height: normal;
    }

.section-box {   
    padding: 20px;
}



.dsblock{display: inline-block;}



#product_temp_main .s_sub_usp {
   
    font-size: 11px !important;

}
   



.discover img {
    width: 100% !important;
    margin: 0px auto;
}

    .advantage h3,.inside h3 {
        font-weight:600;
        font-family: Poppins,sans-serif
    }

    .managebg {
        background: #fff!important;
        position: inherit
    }

    .slider-bg {
        margin-left: 0!important;
        background: #f8fdff;
        border: 1px solid #e1e8ea;
        padding: 15px;
        position: relative;
        margin-top: 40px!important;
        height: 100%!important
    }

    .col-lg-4.col-md-6.second {
        margin: 40px 0!important
    }

    .chk-s2,.proplc span {
        display: none
    }

    .advantage h3 {
        color: #040707;
        font-size: 30px;
        margin-bottom: 20px;
        margin-top: 30px
    }

    .gprl-section h3,.inside h3 {
        margin-bottom: 10px;
        color: #040707
    }

    .advantage p {
        color: #000;
        font-size: 16px
    }

    .inside h3 {
        font-size: 30px
    }

    .faqs h3,.goop-reviews h3,.gprl-section h3 {
        font-weight: 700;
        font-family: Poppins,sans-serif;
        font-size: 28px
    }

    .contain-item .d-flex {
        display: block!important
    }

    .contain-item .icon-square {
        width: 100%;
        margin-bottom: 20px;
        margin-right: 0!important;
        text-align: center;
        background: 0 0!important
    }

    .contain-item .icon-square img {
        margin: 0 auto!important;
        display: block!important;
        /* width: 50% */
    }

    .sh-ta-ra .contain-item .icon-square img {
        margin: 0 auto!important;
        display: block!important;
        /* width: 98% */
    }

    .contain-item {
        margin-bottom: 20px;
        padding: 10px
    }

    .gprl-section h3 {
        margin-top: 20px
    }

    .goop-reviews h3 {
        color: #040707;
        margin-bottom: 15px;
        text-align: center;
        font-weight: 600;
    }

    .faqs h3 {
        margin-bottom: 10px;
        font-weight: 600;
          color: #040707;
        text-align: center
    }

    .proplc {
        text-align: left;
        color: #252424!important
    }

    .proplc li {
        display: block;
        padding: 3px 4px;
        text-align: left
    }

    .proplc li img {
        width: 21px
    }

    .btn-pra p {
        color: #fff;
        margin: 0;
        font-size: 14px
    }

    .btn-pra {
        text-align: center;
        border: 1px solid #676161;
        padding: 10px;
        margin-bottom: 15px
    }



.bk-pot{display: block;}
.banner h2 {
    color: #fff;
    text-align: center;
    font-size: 36px;
    line-height: 37px;
}



}

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

    .del-content h3{
        font-size: 38px;
    }
}

@media only screen and (max-width: 498px) {
    .del-content h3{
        font-size: 34px;
    }
}

@media only screen and (max-width: 452px) {
    .del-content h3{
        font-size: 32px;
    }
}

@media only screen and (max-width: 428px) {
    .del-content h3{
        font-size: 30px;
    }
}



@media only screen and (max-width: 404px) {
    .del-content h3{
        font-size: 28px;
    }
}



@media only screen and (max-width: 382px) {
    .del-content h3{
        font-size: 24px;
    }
}

@media only screen and (max-width: 333px) {
    .del-content h3{
        font-size: 22px;
    }
}

.header {
    padding: 10px 0
}

.align-items-center {
    align-items: center!important
}

.extrpng {
    display: flex;
    justify-content: flex-end
}

.extrpng p,.extrpng-1 p {
    margin-bottom: 0;
    margin-right: 18px;
    border-right: 1px solid #b2b2b2;
    padding-right: 18px;
    font-size: 18px;
    font-weight: 600
}

.extrpng-1 {
    display: flex;
    justify-content: flex-start
}

.chk-strip {
    width: 100%;
    background: #F5DD5B;
    height: 315px;
    position: absolute
}

.hry-txt {
    color: #000;
    font-size: 26px;
    line-height: 30px;
    font-weight: 500;
    margin: 25px 0;
    text-align: center
}

.hry-txt i:first-child,.hry-txt img:first-child {
    margin-right: 20px
}

.sprite-lft-arw {
    width: 37px;
    height: 19px;
    background-position: -69px -144px
}

.hry-txt i:last-child,.hry-txt img:last-child {
    margin-left: 20px
}

.sprite-rgt-arw {
    width: 36px;
    height: 19px;
    background-position: -147px -144px
}

.chk-cont,.chk-s1,ul.trans-list {
    width: 100%;
    float: left
}

.chk-s1 {
    background: #fff;
    border-radius: 10px;
    margin-top: -240px;
    padding: 30px
}

.chk-s1-lft,.slider-bg {
    border: 1px solid #fffbe7;
    padding: 15px;
    background: #fffbe7
}

.chk-s1-lft {
    float: left;
    width: 35%;
    position: relative;
    margin-top: 10px
}

.prd-seal {
    position: absolute;
    right: 18px;
    top: 29px;
    z-index: 9
}

.carousel {
    margin-top: 20px
}

.item .thumb {
    cursor: pointer;
    height: 100%;
    width: 70px!important;
    margin: 8px 5px;
    float: none;
    display: inline-block!important;
    padding: 0px 0px;
    background: #fff;
    -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,.1);
    box-shadow: 0 0 0 1px rgba(0,0,0,.1)
}

.item .thumb img {
    width: 100%;
    margin: 2px
}

.item img,.prod-det-lst-hd2 {
    width: 100%
}

.slider-bg {
    position: relative;
    margin-top: 40px!important;
    height: 720px
}

.carousel-inner {
    position: relative;
    overflow: hidden
}

#carousel .carousel-inner {
    width: 73%
}

.p-img img {
    position: absolute;
    z-index: 10;
    right: 10px
}

#thumbcarousel {
    display: table;
    margin: 0 auto
}

.chk-s1-hd span {
    background: #fffbe7;
    padding: 0 10px;
    color: #040707;
}



ul.chk-s1-list {
    float: left;
    width: 100%;
    margin-top: 8px;
    padding-left: 0px;
}

ul.chk-s1-list li {
    width: 33.3%;
    float: left;
    padding: 0 0px;
    border-right: 1px solid #ebebeb;
    margin: 8px 0;
    font-size: 14px;
    line-height: 20px;
    list-style: none;
    text-align: center;
    font-weight: 500;
    color: #040707;
}

ul.chk-s1-list li:nth-child(3) {border-right: 0px solid #ebebeb;}
ul.chk-s1-list li:nth-child(6) {border-right: 0px solid #ebebeb;}

ul.chk-s1-list li i,ul.chk-s1-list li img {
    margin: 0 auto 5px;
    display: block
}

.sprite-chk-s1-lft-lis-img1 {
    width: 33px;
    height: 30px;
    background-position: -42px -41px
}

.sprite-chk-s1-lft-lis-img2 {
    width: 33px;
    height: 30px;
    background-position: -85px -41px
}

.sprite-chk-s1-lft-lis-img3 {
    width: 33px;
    height: 30px;
    background-position: -128px -41px
}

.sprite-chk-s1-lft-lis-img4 {
    width: 33px;
    height: 30px;
    background-position: -171px -41px
}

.sprite-chk-s1-lft-lis-img5 {
    width: 33px;
    height: 30px;
    background-position: -5px -81px
}

.sprite-chk-s1-lft-lis-img6 {
    width: 33px;
    height: 30px;
    background-position: -48px -81px
}

.right-part h1 {
    text-align: left;
    font-size: 37px;
    margin-bottom: 0px;
    color: #000;
}
.reviewmathc{width: 30%;}
.clearboc{display:block;}
.chk-s1-txt1 {
    font-size: 17px;
    line-height: 22px;
    color: #7f7f7f;
    margin-top: 10px;
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 12px;
    margin-bottom: 12px;
    text-align: left;
    line-height: 28px;
}

.chk-s1-txt1 i,.chk-s1-txt1 img {
    margin: 0 0px
}

.sprite-star-img {
    width: 186px;
    height: 16px;
    background-position: -5px -176px
}

.chk-s1-txt2,.cust-tx1 {
    font-size: 18px;
    line-height: 26px
}

.chk-s1-rgt {
    float: right;
    width: 60%;
    text-align: left
}

.chk-comn-hdg,.chk-s1-rgt-hd {
    font-size: 40px;
    line-height: 44px;
    font-weight: 500
}

.chk-s1-hd,.chk-s1-rgt-bx p {
    font-size: 20px;
    font-weight: 500
}

.chk-s1-hd {
    line-height: 26px;
    background: url(../images/chk-s1-lft-lst-hd.jpg) center center no-repeat;
    color: #0c426d;
    margin: 10px 0
}

.cart-btn,.fr-sh {
    line-height: 20px
}

.sprite-chk-s1-rgt-list-icn1 {
    width: 30px;
    height: 23px;
    background-position: -91px -81px
}

.right-part {
    padding-left: 30px;
    margin-top: 30px!important;
    margin-left: 30px!important
}

.chk-s1-rgt-bx {
    margin: 20px 0 0
}

ul.chk-s1-rgt-list {
    padding-left: 0;
    float: left;
    width: 100%
}

.chk-s1-rgt-bx p {
    color: #040707!important;
    line-height: 24px;
    position: relative;
    padding-left: 40px;
    margin-bottom: 5px;
    text-align: left;
    font-weight: 700;
}



.sprite-chk-s1-rgt-list-icn2 {
    width: 30px;
    height: 23px;
    background-position: -131px -81px
}

ul.chk-s1-rgt-list li {
    list-style: none;
    background-size: 22px;
    font-size: 16px;
    line-height: 22px;
    padding-left: 35px;
    margin: 5px 0;
    text-align: left;
    position: relative;
    color: #040707;
    font-weight: 500;
}
p.chk-s1-txt2 {
    padding-bottom: 0px !important;
    margin-bottom: 0px;
    color: #000;
}

ul.chk-s1-rgt-list li:before {
    content: '';
    position: absolute;
    top: -1px;
    left: -4px;
    background-image: url(../images/sprite-new.png);
    background-repeat: no-repeat;
    display: inline-block;
    width: 36px;
    height: 25px;
    background-position: -217px -5px;
    -webkit-transform: scale(.8);
    transform: scale(.8)
}

.keyimage .chk-s1-rgt-bx p {
    padding-left: 0px;
    display: flex;
    align-items: center;
}

.keyimage img {
    width: 35px;
    margin-right: 8px;
}


.switch-opt {
    float: left;
    width: 100%;
    margin: 30px 0 0px;
}

.pricing1.py-5{padding-top: 0px !important;}

.switch-opt label.active {
    background: #dcb04b;
    color: #fff
}

.switch-opt label {
    float: left;
    width: 50%;
    background: #f4f4f4;
    text-align: center;
    font-size: 22px;
    line-height: 26px;
    font-weight: 600;
    color: #0c426d;
    padding: 10px 10px 15px;
    cursor: pointer
}

.pricing1 {
    font-family: Montserrat,sans-serif;
    color: #8d97ad;
    font-weight: 300
}

.pricing1 h1,.pricing1 h2,.pricing1 h3,.pricing1 h4,.pricing1 h5,.pricing1 h6 {
    color: #3e4555
}

.pricing1 .font-weight-medium {
    font-weight: 500
}

.pricing1 .bg-light {
    background-color: #f4f8fa!important
}

.pricing1 .subtitle {
    color: #8d97ad;
    line-height: 24px;
    font-size: 14px
}

.pricing1 .font-14 {
    font-size: 14px
}

.pricing1 h5 {
    line-height: 22px;
    font-size: 18px
}

.pricing1 .card.card-shadow {
    -webkit-box-shadow: 0 0 30px rgba(115,128,157,.1);
    box-shadow: 0 0 30px rgba(115,128,157,.1);
    border-radius: 5px;
    background: #f4faff;
    text-align: center;
    border-top: 5px solid #dce7f0!important
}

.pricing1 .on-hover {
    -webkit-transition: .1s;
    -o-transition: .1s;
    transition: .1s
}

.pricing1 .on-hover:hover {
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -webkit-font-smoothing: antialiased
}

.pricing1 .btn-success-gradiant {
    background: #2cdd9b;
    background: -webkit-linear-gradient(legacy-direction(to right),#2cdd9b 0,#1dc8cc 100%);
    background: -webkit-gradient(linear,left top,right top,from(#2cdd9b),to(#1dc8cc));
    background: -webkit-linear-gradient(left,#2cdd9b 0,#1dc8cc 100%);
    background: -o-linear-gradient(left,#2cdd9b 0,#1dc8cc 100%);
    background: linear-gradient(to right,#2cdd9b 0,#1dc8cc 100%)
}

.pricing1 .btn-success-gradiant:hover {
    background: #1dc8cc;
    background: -webkit-linear-gradient(legacy-direction(to right),#1dc8cc 0,#2cdd9b 100%);
    background: -webkit-gradient(linear,left top,right top,from(#1dc8cc),to(#2cdd9b));
    background: -webkit-linear-gradient(left,#1dc8cc 0,#2cdd9b 100%);
    background: -o-linear-gradient(left,#1dc8cc 0,#2cdd9b 100%);
    background: linear-gradient(to right,#1dc8cc 0,#2cdd9b 100%)
}

.pricing1 .btn-danger-gradiant {
    background: #ff4d7e;
    background: -webkit-linear-gradient(legacy-direction(to right),#ff4d7e 0,#ff6a5b 100%);
    background: -webkit-gradient(linear,left top,right top,from(#ff4d7e),to(#ff6a5b));
    background: -webkit-linear-gradient(left,#ff4d7e 0,#ff6a5b 100%);
    background: -o-linear-gradient(left,#ff4d7e 0,#ff6a5b 100%);
    background: linear-gradient(to right,#ff4d7e 0,#ff6a5b 100%)
}

.pricing1 .btn-danger-gradiant:hover {
    background: #ff6a5b;
    background: -webkit-linear-gradient(legacy-direction(to right),#ff6a5b 0,#ff4d7e 100%);
    background: -webkit-gradient(linear,left top,right top,from(#ff6a5b),to(#ff4d7e));
    background: -webkit-linear-gradient(left,#ff6a5b 0,#ff4d7e 100%);
    background: -o-linear-gradient(left,#ff6a5b 0,#ff4d7e 100%);
    background: linear-gradient(to right,#ff6a5b 0,#ff4d7e 100%)
}

.pricing1 .btn-md {
    padding: 15px 30px;
    font-size: 16px
}

.pricing1 .onoffswitch {
    width: 70px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    margin: 0 auto
}

.pricing1 .onoffswitch-label {
    cursor: pointer;
    border: 2px solid transparent;
    border-radius: 20px
}

.pricing1 .onoffswitch-inner {
    width: 200%;
    margin-left: -100%;
    -webkit-transition: margin .3s ease-in;
    -o-transition: margin .3s ease-in;
    transition: margin .3s ease-in
}

.pricing1 .onoffswitch-inner::after,.pricing1 .onoffswitch-inner::before {
    display: block;
    float: left;
    width: 50%;
    height: 30px;
    padding: 0;
    line-height: 30px;
    font-size: 14px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.pricing1 .onoffswitch-inner::before {
    content: "";
    padding-right: 27px;
    background-color: #2cdd9b;
    color: #fff
}

.pricing1 .onoffswitch-inner::after {
    content: "";
    padding-right: 24px;
    background-color: #3e4555;
    color: #999;
    text-align: right
}

.pricing1 .onoffswitch-switch {
    width: 23px;
    margin: 6px;
    height: 23px;
    top: -1px;
    bottom: 0;
    right: 35px;
    border-radius: 20px;
    -webkit-transition: .3s ease-in;
    -o-transition: .3s ease-in;
    transition: .3s ease-in
}

.pricing1 .onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-inner {
    margin-left: 0
}

.pricing1 .onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-switch {
    right: 0
}

.pricing1 .price-badge {
    top: -13px;
    left: 0;
    right: 0;
    width: 100px;
    margin: 0 auto
}

.pricing1 .badge-inverse {
    font-size: 20px;
    line-height: 26px;
    font-weight: 600;
    color: #fff;
    background: #dcb04b;
    border: 3px solid #765800;
    width: 81px;
    height: 81px;
    border-radius: 50%;
    text-align: center;
    margin: -40px auto 10px;
    padding-top: 8px;
    position: relative
}

.pricing1 .pricing sup {
    font-size: 18px;
    top: -20px
}

.pricing1 .pricing .yearly,.resp-tab-content,.show-tab {
    display: none
}

.pkg-btn-bx {
    float: left;
    width: 100%;
    background: #060606;
    padding: 15px 0;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px
}

.cart-btn {
    font-size: 16px;
    background: #dcb04b;
    color: #fff;
    display: inline-block;
    padding: 10px 30px;
    border-radius: 30px;
    font-weight: 600;
    -webkit-appearance: none;
    appearance: none;
    border: none!important
}

.pricing1 .display-5 {
    font-size: 35px;
    line-height: 54px;
    font-weight: 500;
    color: #000;
    margin: 0;
    float: left;
    width: 100%
}

.d-block {
    display: block!important;
    font-size: 17px;
    padding-bottom: 10px;
    color: #0c426d
}

.fr-sh {
    font-size: 16px;
    color: #fff;
    margin-top: 5px
}

.main {
    margin-top: 39px;
    background: #fff;
      padding: 37px 0 0px;
    border-radius: 11px;
    padding-left: 0!important
}

.chk-bar {
    float: left;
    width: 100%;
    padding: 10px 0 50px
}

.chk-bar-hd {
    font-size: 30px;
    line-height: 34px;
    font-weight: 600;
    text-align: center;
    color: #0c426d;
    background: url(../images/chk-bar-bg.jpg) center center no-repeat
}

.cust-tx2,.prod-hd-txt,.resp-tab-content,.testi-bx {
    text-align: left
}

ul.chk-bar-list b {
    font-weight: 500;
}

.review-text {color: #000; position:relative; top: 2px;}

ul.chk-bar-list {
    width: 100%;
    max-width: 800px;
    margin: 0 auto
}

ul.chk-bar-list li {
    width: 20%;
    padding: 0 10px;
    float: left;
    font-size: 19px;
    line-height: 23px;
    position: relative;
    margin: 25px 0 0;
    list-style: none;
    text-align: center
}

ul.chk-bar-list li i,ul.chk-bar-list li img {
    display: block;
    margin: 0 auto 10px
}

.sprite-chk-bar-list-icn1 {
    width: 27px;
    height: 26px;
    background-position: -5px -5px
}


li.resp-tab-item a {
    color: #040707;
}

.pro-set-bg,.pro-set-bg:after {
    top: 0;
    background: #f4f4f4;
    position: absolute;
    bottom: 0
}

ul.chk-bar-list li:after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    height: 60px;
    width: 1px;
    background: #ebebeb
}

.chk-bar-hd span {
    padding: 0 20px;
     background: #fff 
}

.pro-set-bg {
    width: 234px
}

.pro-set-bg:after {
    content: '';
    left: -4000px;
    width: 4000px
}

.prod-hd-txt {
    font-size: 28px;
    line-height: 26px;
    margin-bottom: 15px;
    position: relative;
    left: 30px;
    font-weight: 500;
}
.prod-hd-txt span {
    color: #0096ce
}

li {
    list-style: none
}

h2.resp-accordion:first-child:before {
    margin-top: 13px
}

h2.resp-accordion:last-child:before {
    margin-bottom: 13px
}

h2.resp-tab-title:last-child {
    border-bottom: 12px solid #c1c1c1!important;
    background: #00f
}

.resp-easy-accordion h2.resp-accordion,.show-desk {
    display: block
}

.resp-easy-accordion .resp-tab-content {
    border: 1px solid #c1c1c1
}

.resp-easy-accordion .resp-tab-content:last-child {
    border-bottom: 1px solid #c1c1c1!important
}

.resp-vtabs ul.resp-tabs-list {
    float: left;
    width: 20%
}

.resp-tab-content .s1-p1 {
    margin-top: -8px
}

@media only screen and (max-width: 1180px) {
    .resp-vtabs .resp-tabs-list li {
        font-size:16px
    }
}

@media only screen and (max-width: 1023px) {
    .prod-tab,.show-desk,.show-mob {
        display:none
    }

    .show-tab {
        display: block
    }

    .resp-vtabs ul.resp-tabs-list {
        width: 25%
    }

    .resp-vtabs .resp-tabs-list li {
        font-size: 15px
    }

    .resp-vtabs .resp-tabs-container {
        width: 75%;
        padding-left: 40px
    }

    .tab-left-cont {
        padding-right: 0
    }

    ul.relProds li {
        padding: 20px 0
    }

    .relprodBox {
        height: 307px
    }
}

.use-txt2 {
    float: left;
    width: 100%;
    font-size: 25px;
    color: #10b3f0;
    line-height: 26px;
    font-weight: 700;
    margin-top: 10px
}

.mrgn30 {
    margin-top: 30px
}

.prd-cmn-txt {
    float: left;
    width: 100%;
    font-size: 18px;
    line-height: 24px;
    color: #1a1a1a;
    margin-top: 10px
}

.prod-det-tx1 {
    font-size: 18px;
    line-height: 26px;
    float: left;
    width: 65%;
    margin-bottom: 25px
}

ul.trans-list li:first-child {
    padding-left: 0
}

ul.trans-list li {
    float: left;
    padding: 0 16px;
    text-align: center;
    position: relative;
    margin: 20px 0;
    width: 25%;
}

ul.trans-list li i,ul.trans-list li img {
    display: block;
    margin: 0 auto 8px
}

.sprite-trans-list-icn1 {
    width: 28px;
    height: 25px;
    background-position: -214px -67px
}

.sprite-trans-list-icn2 {
    width: 28px;
    height: 25px;
    background-position: -203px -102px
}

.sprite-trans-list-icn3 {
    width: 28px;
    height: 25px;
    background-position: -203px -137px
}

.sprite-trans-list-icn4 {
    width: 28px;
    height: 25px;
    background-position: -201px -172px
}

.cust-rev,.testi-bx,ul.skn-typ-lst {
    float: left;
    width: 100%
}

ul.trans-list li h3 {
    font-size: 18px;
    line-height: 22px;
    font-weight: 500;
    margin-bottom: 5px;
    color:#040707;
}

ul.trans-list li p {
    font-size: 16px;
    line-height: 20px
}

ul.trans-list li:after {
    content: '';
    height: 90px;
    width: 1px;
    background: #dbdbdc;
    position: absolute;
    right: 0;
    bottom: 0
}

.clearall {
    clear: both;
    font-size: 1px;
    line-height: 1px;
    height: 1px
}

.prod-det-lst-hd {
    font-size: 24px;
    line-height: 28px;
    font-weight: 500;
    border-bottom: 1px solid #ebebeb;
    display: inline-block;
    padding-bottom: 10px
}

ul.skn-typ-lst {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px
}

.suply {
    padding-top: 28px;
    font-size: 15px;
    color: #0c426d
}

ul.skn-typ-lst li {
    font-size: 20px;
    line-height: 26px;
    position: relative;
    padding-left: 0;
    float: left;
    min-height: 58px;
    padding-top: 15px;
    padding-right: 0;
    margin: 20px 0;
    font-weight: 700
}

.cust-rev {
    position: relative;
    padding-left: 170px;
    margin-top: 20px
}

.cust-fc1,.cust-tx2 img,ul.wrk-lst li img {
    position: absolute;
    left: 0;
    top: 0
}

.cust-tx2 {
    position: relative;
    font-size: 18px;
    line-height: 26px;
    margin: 15px 0
}

.cust-tx2 img {
    border-right: 1px solid #e7eaeb;
    padding-right: 15px;
    margin-right: 15px
}

.resp-vtabs li.resp-tab-active {
    color: #fff;
    background: url(../images/prd-act-bg.png) center center/100% no-repeat
}

.resp-vtabs .resp-tabs-list li {
    float: left;
    width: 100%;
    color: #040707;
    font-size: 20px;
    font-weight: 500;
    cursor: pointer;
    text-align: left;
    padding: 10px 0 15px 25px;
    position: relative;
  
    border-top: 1px solid #dde7eb
}

.ben-bx h3:after,.ben-bx:after {
    width: 70px;
    content: '';
    position: absolute
}

.skn-typ-lst li img {
    padding-right: 10px;
    padding-top: 9px;
    margin-top: -8px
}

.cust-tx2 span {
    font-weight: 500;
    color: #00a0dd
}

.cntr h2 {
    text-align: center;
    font-size: 40px;
    line-height: 44px;
    font-weight: 500
}

.testi-bx:nth-child(odd) {
    background: #f8fdff
}

.testi-bx {
    padding: 25px 25px 25px 115px;
    position: relative
}

.testi-bx span {
    width: 74px;
    height: 74px;
    line-height: 74px;
    border-radius: 50%;
    background: #0c426d;
    position: absolute;
    text-align: center;
    color: #fff;
    font-size: 26px;
    font-weight: 500;
    left: 20px;
    top: 20px
}

.tsti-txt1 {
    font-size: 22px;
    line-height: 26px;
    color: #0c426d;
    font-weight: 600;
    margin-bottom: 8px
}

.tsti-txt_btm {
    font-size: 17px;
    line-height: 20px;
    color: #0c426d;
    font-weight: 400;
    margin-bottom: 7px;
    display: block
}

.sprite-tsti-star {
    width: 111px;
    height: 16px;
    background-position: -5px -202px
}

.spriteNew {
    background-image: url(../images/sprite-new.png);
    background-repeat: no-repeat;
    display: inline-block
}

.tsti-txt2 {
    font-size: 20px;
    line-height: 28px;
    margin: 12px 0
}

.tsti-txt3 {
    font-size: 20px;
    line-height: 24px;
    color: #0c426d;
    font-weight: 500
}

.accordion {
    width: 90%;
    max-width: 1000px;
    margin: 2rem auto
}

.accordion-item {
    background-color: #fff;
    color: #111;
    margin: 1rem 0;
    border-radius: .5rem;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.25)
}

.accordion-item-header {
    padding: .5rem 3rem .5rem 1rem;
    min-height: 3.5rem;
    line-height: 1.25rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    position: relative;
    cursor: pointer
}

.accordion-item-header::after {
    content: "\002B";
    font-size: 2rem;
    position: absolute;
    right: 1rem
}

.accordion-item-header.active::after {
    content: "\2212"
}

.accordion-item-body {
    max-height: 0;
    overflow: hidden;
    transition: max-height .2s ease-out
}

.accordion-item-body-content {
    padding: 1rem;
    line-height: 1.5rem;
    border-top: 1px solid;
    border-image: linear-gradient(to right,transparent,#34495e,transparent) 1
}

.accordion-close {
    box-shadow: 0 0 10px 0 rgba(0,0,0,.1);
    position: relative
}

.accordion-close span {
    color: #dee2e7
}

.accordion span {
    font-size: 24px;
    position: absolute;
    left: 15px
}

.tadda {
    animation-name: tadda;
    -webkit-animation-name: tadda;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite
}

@keyframes tadda {
    0%,100% {
        transform: translateX(0)
    }

    50% {
        transform: translateX(15px)
    }
}

.taddaR {
    animation-name: taddaR;
    -webkit-animation-name: taddaR;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite
}

@keyframes taddaR {
    0%,100% {
        transform: translateX(0)
    }

    50% {
        transform: translateX(-15px)
    }
}

.pricing img,.pricing-1 img {
    width: 80px;
    height: 80px
}

.panel-title {
    cursor: pointer
}

h4.tab-title {
    font-family: avenirheavy,Helvetica,Arial,"sans-serif";
    font-weight: 400;
    font-size: 22px;
    color: #fff
}

.vertab-content ol,.vertab-content ul {
    padding-left: 15px
}

.modal-header {
    height: 0px !important;
    padding: 0px;
}

@media (max-width: 883px) {

    span.str-pack {
    font-size: 13px;
}
}


@media (max-width: 784px) {

    span.str-pack {
    font-size: 11px;
}



}

@media (max-width: 781px) {
    .offer-bottl h2{
        font-size: 46px;
    }
   
}


@media (min-width: 768px) {


    .vertab-accordion .vertab-content.active .collapse,.vertab-menu {
        display:block
    }

    .vertab-container {
        z-index: 10;
        background-color: #7952b3;
        padding: 0!important;
        border: 1px solid #ddd;
        margin-top: 20px;
        background-clip: padding-box;
        opacity: .97;
        overflow: auto;
        margin-bottom: 50px
    }

    .vertab-menu {
        padding-right: 0;
        padding-left: 0;
        padding-bottom: 0;
        background-color: #e3e3e3
    }

    .vertab-menu .list-group {
        margin-bottom: 0
    }

    .vertab-menu .list-group>a {
        margin-bottom: 0;
        border-radius: 0;
        color: #818181;
        background-image: none;
        background-color: #f6f6f6;
        box-sizing: border-box;
        border: none;
        border-bottom: 1px solid #cacaca;
        padding: 15px 10px
    }

    .vertab-menu .list-group>a.active,.vertab-menu .list-group>a:focus,.vertab-menu .list-group>a:hover {
        position: relative;
        border: none;
        border-radius: 0;
        border-bottom: 1px solid #cacaca;
        border-left: 5px solid #7952b3;
        padding-left: 5px;
        background-image: none;
        background-color: #f6f6f6;
        color: #7952b3
    }

    .vertab-content {
        padding-left: 20px;
        padding-top: 10px;
        color: #fff
    }

    .vertab-accordion .vertab-content:not(.active),.vertab-container .panel-heading {
        display: none
    }

    .vertab-container .panel-body {
        border-top: none!important
    }
}

@media (max-width: 767px) {

  .inside-details {
    padding: 0px;
}

    .servingsdetail {
        font-size: 14px;
    }
   .offer-bottl .col-md-8 {padding-left: 0px; padding-right: 0px;}

    .thumsrow img {
        width: 20%;
    }



    ul.chk-s1-rgt-list li {
        font-size: 13px;
        font-weight: 600;
    }


    div#myTabContent {
        background: #fff;
    }




#product_temp_main {
    margin-top: 10px;
    padding: 10px 0px 0px !important;
    margin-bottom: 0px !important;
}


.supp {
    font-size: 18px;
    padding-bottom: 0px;
    font-weight: 600;
}

span.str-pack {
    font-size: 15px;
    font-weight: 400;
}
    .nav-tabs {
    border-bottom: 0px solid #ddd !important;
}

    .mobiledesvantage {
        padding-top: 0px !important;
    }

.promiss-section .col-md-12{padding-left: 0px; padding-right: 0px;}

    .managerightpat-mobile .mobile-center {font-weight: 600; color: #000;}

    .advantage h3 {
    color: #040707;
    font-size: 28px !important;
    margin-bottom: 20px;
    margin-top: 30px;
}

.advantage h4 {
    color: #000;
    font-size: 22px!important;
}

.products-arocdinan .advantage .col-md-12 {padding-right: 0px; padding-left: 0px;}

.products-arocdinan .accordion-item {
    background-color: #fff;
    border: 0px solid rgb(184 184 184);
    border-top:2px solid rgb(184 184 184) !important; 
}

.products-arocdinan .contain-item {
    margin-bottom: 40px!important;
    padding: 10px!important;
}

.products-arocdinan .gprl-section {
    padding: 10px 0!important;
}

.products-arocdinan .gprl-section h3 {
    margin-top: 18px;
    font-size: 28px!important;
}


.products-arocdinan .inside {
    padding: 0px 0 20px!important;
}

.inside h3 {
    font-size: 28px!important;
}

.head-top {
    margin-bottom: 30px;
}

.products-arocdinan .inside .col-md-12 {padding-right: 0px; padding-left: 0px;}
    .products-arocdinan .accordion-body {
    padding: 1rem 0.5rem;
}

    .products-arocdinan .advantage {
    padding: 20px 0 0px !important;
}

.products-arocdinan .col-md-6{padding-left: 0px; padding-right: 0px;}
    .thumsrow p {
    font-size: 14px;
}

    .thumsrow {
    text-align: center;
}

    .mobile-show-roate{display: block !important;}
    
    .drreviews .d-flex {
    display: block!important;
}

.drreviews{text-align: center !important;}

.drimage {
    width: 100%;
}

.drimage img {
    width: 30%;
    display: block;
    margin: 0px auto;
    padding-bottom: 10px;
    border-radius: 50%;
}

.signrole {
    width: 100%;
    border-right: 1px solid #e9e9e9;
    padding-right: 9px;
    margin-top: 8px;
}

.signrole img{ width: 30%;
    display: block;
    margin: 0px auto;
    padding-bottom: 10px;}

    .discover {
    display: block !important;
    padding: 20px 0 0px;
}
    .discover h3 {
    font-size: 26px;
    text-align: center;
}
.clor-one {
    font-size: 25px;
    padding-bottom: 5px;
    display: block;
}
.clor-two {
    color: #d0b526;
    display: block;
}

.discover 
    .promiss-section .col-md-12{padding-left: 0px; padding-right: 0px;}

.promiss-section .chk-bar-list li:nth-child(5) {
    margin: 21px auto 0px;
    display: block;
    position: relative;
    /* left: -10px; */
    /* float: none; */
    left: 22%;
}

 .promiss-section ul.chk-bar-list li {
    display: inline-block;
    float: left;
    height: 121px;
}
ul.chk-bar-list b {
    font-weight: 600;
    font-size: 16px;
   
}

    .pricing1 .col-md-6{padding-left: 0px; padding-right: 0px;}
    ul.chk-s1-list li {
    padding: 0px 0px!important;
}

    .chk-s1-rgt-bx {
    margin: 0px 0 0px;
}

.bottom-pd{ margin-bottom: 10px !important;}

.mobile-center{margin-bottom: 20px !important;}


    .website-version-short{display: none !important;}
.mobile-version-short{display:  initial !important;}

.manage-top-heading h1 {
    font-size: 29px;
    padding-left: 0px;
    margin-bottom: -5px;
    margin-top: 20px;
    font-weight: 600;
}

.row.manage-top-heading {
    text-align: center;
}

.managerightpat-mobile {
    padding-left: 5px !important;
}

.mobile-center{text-align: center;}


 .drreviews {
    padding: 30px 0!important;
}

    .right-part h1 {
    text-align: left;
    font-size: 29px;
    padding-left: 0px;
}

    .footer .logo img {
    width: 44%;
}

    .vertab-container {
        margin-top:20px;
        margin-bottom: 20px
    }

    .vertab-container .vertab-menu {
        display: none
    }

    .vertab-container .panel-heading {
        background-color: #f6f6f6;
        color: #818181;
        padding: 15px;
        border-bottom: 1px solid #f6f6f6;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        border-left: 5px solid #f6f6f6
    }

    .vertab-container .panel-heading.active,.vertab-container .panel-heading:focus,.vertab-container .panel-heading:hover {
        border-left: 5px solid #7952b3;
        border-bottom: 1px solid #7952b3
    }

    .vertab-content {
        border-bottom: 1px solid #cacaca
    }

    .vertab-container .panel-title a:active,.vertab-container .panel-title a:focus,.vertab-container .panel-title a:hover {
        color: #818181;
        text-decoration: none
    }

    .panel-collapse.collapse,.panel-collapse.collapsing {
        background-color: #7952b3!important;
        color: #fff
    }

    .vertab-container .panel-collapse .panel-body {
        border-top: none!important
    }
}

@media screen and (max-width: 720px) {
    .extrpng,.extrpng-1 {
        display:block
    }

    .extrpng p,.extrpng-1 p {
        margin-bottom: 0;
        margin-right: 0;
        border-right: 1px solid #b2b2b2;
        padding-right: 0;
        font-size: 14px;
        font-weight: 600
    }

    .right-part h1 {
        text-align: left;
        font-size: 23px
    }

    .switch-opt label,ul.chk-bar-list li {
        float: left;
        font-size: 14px;
        text-align: center
    }

    .right-part {
        margin-top: 30px!important;
        margin-left: 0!important
    }

    .switch-opt label {
        width: 50%;
        background: #f4f4f4;
        line-height: 26px;
        font-weight: 600;
        color: #0c426d;
        padding: 10px 10px 15px;
        cursor: pointer
    }

    .main {
        margin-top: 59px;
        background: #fff;
        padding: 0;
        border-radius: 11px;
        padding-left: 22px!important
    }

    ul.chk-bar-list li {
        width: 25%;
        padding: 0 10px;
        line-height: 23px;
        position: relative;
        margin: 25px 0 0;
        list-style: none
    }
}

@media only screen and (max-width: 767px) {
#product_temp_main .order_eta {
    font-size: 13px;
    margin-top: 20px;
    margin-bottom: 10px;
    padding-left: 32px;
    padding-top: 3px;
    padding-bottom: 3px;
    background-repeat: no-repeat;
    background-size: 24px;
    background-position: left;
    background-image: url(../images/truck.svg);
}

#product_temp_main .money_gua {
    font-size: 14px;
    width: fit-content;
    margin: auto;
    margin-bottom: 24px;
    padding-left: 20px;
    background-repeat: no-repeat;
    background-size: 15px;
    background-position: left;
    background-image: url(../images/check.png);
}


#product_temp_main .nav-item button.nav-link {
    width: 100%;
    display: flex;
    align-items: center;
    padding: 12px 13px;
    font-size: 15px;
    font-weight: 500;
    position: relative;
    text-align: left;
    height: 100%;
}

.nav-link.active .popler {
   
    position: absolute;
    top: -13px;
    left: 15%;
    font-size: 9px;
    padding: 4px 13px;
}


.popler {
      position: absolute;
    top: -13px;
    left: 15%;
    font-size: 9px;
    padding: 4px 13px;
   
}

#product_temp_main .s_sub_usp {
    /* width: fit-content; */
    margin: 0 10px 5px;
    padding-left: 20px;
    background-repeat: no-repeat;
    background-size: 15px;
    background-position: left;
    background-image: url(../images/check.png);
    font-size: 12px;
    font-weight: 500;
}

#product_temp_main .tab-pane.active {
    padding: 20px 6px;
    border: 1px solid #dee2e6;
    margin-left: 0px;
   margin-top: 1px;
}

#product_temp_main .s_sub_saving_badge {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%, -50%);
    white-space: nowrap;
    border-radius: 3px;
    letter-spacing: 0px;
    color: #FFFFFF;
    padding: 4px 7px;
    background: #060606;
    font-size: 9px;
    font-weight: 600;
}

#product_temp_main .s_quan_txt {
    font-size: 12px;
    /* display: flex; */
    height: auto;
    /* justify-content */
    justify-content: center;
    align-items: center;
    background: white;
    cursor: pointer;
    border-radius: 6px;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 30px;
}

/* .seclect-products-tabs .row{} */

span.spdlock {
    margin-right: 5px;
}

p.qth-img {
    font-size: 13px;
    font-weight: 500;
}

.pramange {
    font-size: 13px;
    color: #000;
    margin-top: -10px !important;
}

.mainprice h3 {
    font-size: 30px;
    margin-top: 10px;
    font-weight: 700;
}

.mainprice p {
    font-weight: 500;
    font-size: 10px;
}

.quantity .col-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
    padding-left: 3px;
    padding-right: 3px;
}

/* .mggray {
    position: absolute;
    top: 79px;
    left: 44px;
    bottom: 0px !important;
    transform: rotate(48deg);
} */
.mggray {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px !important;
    transform: rotate(2deg);
}

.mggray img {
    width: 90%;
}


    .dsnone,.for-desk,.hry-txt img,.pro-set-bg,.show-desk,.show-tab,ul.chk-bar-list li:nth-child(2):after,ul.resp-tabs-list,ul.top-list,ul.trans-list li:nth-child(2):after {
        display:none
    }

    .ben-img,.cust-tx2,.cust-tx2 img,.for-mob,.ingr-bx img,.logo,.prd-det-prod,.show-mob,.testi-bx span,.work-bx,.work-bx-rgt {
        display: block
    }

    h2.resp-accordion {
        display: block;
        padding: 6px 10px 10px;
        font-size: 22px
    }

    h2.resp-accordion:after {
        content: '+';
        position: absolute;
        right: 10px;
        top: 5px;
        color: #0c426d;
        font-size: 20px
    }

    h2.resp-accordion.resp-tab-active {
        background: #10b3f0;
        color: #fff;
        margin-bottom: 15px
    }

    h2.resp-accordion.resp-tab-active:after {
        content: '-';
        position: absolute;
        right: 10px;
        top: 5px;
        color: #fff;
        font-size: 30px
    }

    .resp-vtabs .resp-tabs-container {
        padding: 0;
        border: none;
        float: none;
        width: 100%;
        min-height: initial;
        clear: none;
        margin-top: 0
    }

    .resp-vtabs .resp-tab-content {
        padding: 0 0 30px;
        float: left;
        width: 100%;
        position: relative
    }

    .resp-accordion-closed {
        display: none!important
    }

    .resp-arrow {
        top: 10px
    }

    .ben-img,.cust-fc1,.cust-tx2 img,.ingr-bx img,.pkg-bx,.prd-det-prod,.testi-bx span {
        position: static
    }

    .logo {
        margin: 0 auto;
        float: none
    }

    .hry-txt {
        font-size: 18px
    }

    .chk-s1 {
        padding: 10px 0 20px
    }

    .abt-txt,.ben-bx h3,.ben-bx p,.chk-s1-hd,.guar-hd,.prodDetails-Box,.work-bx,.wrk-lst-hd,.wrk-tx1,ul.chk-s1-list {
        text-align: center
    }

    ul.chk-s1-list li {
        width: 33.3%;
        border-right: none!important
    }

    .chk-s1-lft {
        width: 100%;
        display: none
    }

    .chk-s1-rgt-bx1,.chk-s1-rgt-bx2,.cust-rev,.work-bx-rgt,ul.wrk-lst li {
        width: 100%
    }

    .chk-s1-rgt,.prod-det-tx1 {
        width: 100%;
        text-align: center
    }

    .chk-s1-rgt-hd {
        padding: 0;
        font-size: 23px
    }

    .chk-s1-txt1 {
        padding: 0 0 12px
    }

    .cust-rev,.cust-tx2 {
        padding-left: 0;
        text-align: center
    }

    .chk-s1-txt1 img {
        margin-left: 0
    }

    .chk-s1-txt2 {
        font-size: 16px;
        line-height: 22px;
        float: left;
        width: 100%;
        margin-top: 5px
    }

    .switch-opt label {
        font-size: 16px;
        padding: 5px 10px 8px
    }

    .prd-seal {
        width: 80px
    }

    .mob-prd {
        display: block;
        margin: 15px auto 0;
        max-width: 100%
    }

    .pkg-bx,ul.chk-bar-list li {
        display: inline-block;
        float: none
    }

    .ben-sec .ben-bx:last-child,.pkg-bx3,.pkg-sec {
        margin-bottom: 0
    }

    .pkg-bx {
        width: 90%;
        transform: none;
        margin: 0 auto 55px
    }

    .best-val {
        top: 0;
        left: 5%
    }

    a.cart-btn,ul.skn-typ-lst li {
        width: 50%
    }

    .pkg-bx1 .jar-txt {
        margin: -40px auto 10px
    }

    .pkg-bx1 .pkg-btn-bx {
        padding: 15px 0
    }

    ul.chk-bar-list li {
        width: 48%
    }

    ul.skn-typ-lst,ul.trans-list {
        margin: 15px 0
    }

    ul.trans-list li {
        width: 50%;
        padding: 0 15px!important;
        margin: 15px 0
    }

    .prod-det-lst-hd {
        text-align: center;
        width: 100%
    }

    .chk-bar-hd {
        font-size: 22px;
        line-height: 26px
    }

    .prd-det-prod {
        margin: 0 auto 10px;
        width: 250px
    }

    .prod-hd-txt {
        text-align: center;
        font-size: 26px;
        line-height: 30px;
        margin-bottom: 25px
    }

    .cust-tx2 {
        margin: 0 auto
    }

    .cust-tx2 img {
        margin: 15px auto 5px;
        border-right: 0
    }

    .ben-bx {
        width: 100%;
        margin: 0 0 30px
    }

    .ben-bx h3:after {
        left: 50%;
        transform: translateX(-50%)
    }

    .ben-img {
        margin: 0 auto;
        width: 250px
    }

    .ingr-bx {
        padding: 0;
        text-align: center
    }

    .ingr-bx img {
        margin: 10px auto
    }

    .testi-bx span,.work-img {
        margin: 0 auto 10px
    }

    ul.wrk-lst li:first-child {
        border-right: none;
        margin-bottom: 10px
    }

    .guar-txt {
        padding-right: 0;
        text-align: center
    }

    .chk-s3 {
        padding: 30px 0 0
    }

    .chk-comn-hdg {
        font-size: 25px;
        line-height: 30px
    }

    .testi-sec {
        margin-top: 20px
    }

    .testi-bx {
        padding-left: 0;
        text-align: center;
        padding-right: 0
    }

    .tsti-txt1 {
        font-size: 18px;
        line-height: 22px
    }

    .tsti-txt_btm {
        font-size: 15px;
        line-height: 18px
    }

    .tsti-txt2 {
        font-size: 16px;
        line-height: 22px
    }

    .chk-s4 {
        padding: 30px 0
    }

    .accordion {
        font-size: 17px;
        line-height: 21px;
        background-position: 98% center
    }

    .acdn-content {
        font-size: 16px;
        line-height: 22px;
        padding-right: 25px
    }

    .chk-strp-btn {
        padding: 10px 0
    }

    .chk-strp-btn p {
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 10px;
        display: none
    }

    a.chk-btn {
        height: 50px;
        line-height: 45px
    }

    .footer {
        padding: 20px 0
    }

    ul.ftr-list {
        text-align: left;
        width: 250px;
        margin: 0 auto 15px
    }

    ul.ftr-list li {
        margin: 5px 0;
        border-right: none
    }

    .ftr-bx {
        padding: 15px;
        width: 96%
    }

    .ftr-txt2 {
        font-size: 15px;
        line-height: 20px
    }

    .work-bx,.wrk-tx2,.wrk-tx3 {
        float: none
    }
}

.ben-bx p,.ingr-bx {
    padding-right: 80px
}

.ben-img {
    position: absolute;
    right: -120px;
    top: 0
}

.ben-bx,.ben-bx h3,.ben-sec {
    position: relative
}

.ben-sec {
    float: left;
    width: 100%;
    text-align: left
}

.ben-bx {
    width: 60%;
    float: left;
    margin: 0 0 30px
}

.ingr-bx,.prd-s2-hdng,.work-bx,.wrk-lst-hd,.wrk-tx2,.wrk-tx3,ul.wrk-lst {
    width: 100%
}

.ben-bx h3 {
    color: #0c426d;
    font-size: 24px;
    line-height: 28px;
    padding-bottom: 15px;
    font-weight: 700;
    margin-bottom: 10px
}

.ben-bx:after {
    background: url(../images/ben-sepr.png) no-repeat;
    right: 0;
    top: 60px;
    height: 13px
}

.ben-bx p {
    font-size: 18px;
    line-height: 26px
}

.ingr-bx h3,h2.resp-accordion {
    font-size: 26px;
    font-weight: 500;
    color: #0c426d
}

.ben-bx h3:after {
    height: 4px;
    border-radius: 10px;
    background: #84d8f7;
    left: 0;
    bottom: 0
}

.resp-vtabs .resp-tabs-container {
    padding: 0 0 20px 55px;
    float: left;
    width: 80%;
    text-align: left;
    position: relative;
    margin-top: -70px
}

h2.resp-accordion {
    float: left;
    width: 100%;
    cursor: pointer;
    display: none;
    line-height: 26px;
    margin: 0;
    padding: 10px 15px 10px 40px;
    position: relative;
    border-top: 1px solid #10b3f0
}

.prd-det-prod {
    position: absolute;
    right: 40px;
    top: 20px
}

.ingr-bx {
    float: left;
    padding-left: 160px;
    position: relative;
    margin: 18px 0;
    min-height: 140px
}

.ingr-bx h3 {
    line-height: 30px;
    margin-bottom: 10px
}

.wrk-tx1 {
    font-size: 20px;
    line-height: 28px
}

.work-bx {
    float: left;
    display: -webkit-box;
    display: flex;
    text-align: left;
    margin: 30px 0 0
}

.work-bx-rgt h3,.wrk-tx2 {
    margin-bottom: 10px;
    font-weight: 500
}

.work-img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 35px;
    border-radius: 12px
}

.work-bx-rgt h3 {
    font-size: 20px;
    line-height: 24px;
    color: #fff;
    background: #0c426d;
    padding: 5px 20px;
    border-radius: 30px;
    display: inline-block
}

.wrk-tx2 {
    font-size: 26px;
    line-height: 30px;
    color: #0c426d;
    float: left
}

.wrk-tx3,ul.wrk-lst li {
    font-size: 20px;
    line-height: 26px;
    float: left
}

.wrk-lst-hd {
    font-size: 27px;
    line-height: 31px;
    font-weight: 500;
    float: left;
    margin: 30px 0 20px
}

ul.wrk-lst li:first-child {
    border-right: 1px solid #d5e3e8;
    margin-right: 5%
}

ul.wrk-lst li {
    width: 45%;
    position: relative;
    padding-left: 60px;
    min-height: 48px
}

ul.prod {
    display: flex;
    justify-content: left
}

ul.prod li {
    width: 25%
}

ul.wrk-lst {
    float: left;
    background: #fff;
    box-shadow: 0 2px 10px 0 rgba(0,0,0,.1);
    padding: 20px;
    border-radius: 10px
}

.prd-s2-hdng {
    font-size: 40px;
    line-height: 44px;
    font-weight: 500;
    margin-bottom: 15px;
    float: left;
    color:#040707;
}

.guar-hd {
    font-size: 20px;
    line-height: 24px;
    color: #10b3f0;
    font-weight: 600;
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 12px;
    margin-bottom: 15px
}

.guar-txt {
    font-size: 18px;
    line-height: 26px;
    padding-right: 150px
}






@media only screen and (max-width: 1180px) {
    .pro-set-bg {
        width:201px
    }

    .prod-hd-txt {
        font-size: 20px;
        line-height: 24px
    }

    .chk-s1-rgt-hd {
        font-size: 38px
    }

    .chk-s1-rgt-bx1 {
        width: 68%
    }

    .chk-s1-rgt-bx2 {
        width: 28%
    }

    ul.chk-s1-list li {
        padding: 0 8px
    }

    ul.trans-list li {
        padding: 0 15px
    }

    ul.skn-typ-lst li {
        padding-left: 50px;
        padding-top: 5px;
        min-height: 40px
    }

    ul.skn-typ-lst li img {
        width: 40px
    }

    .prd-det-prod {
        right: 0
    }

    .ben-sec {
        overflow-x: hidden
    }

    .ben-bx {
        margin: 0 0 20px
    }

    .ben-bx h3 {
        font-size: 22px;
        line-height: 26px
    }

    .ben-bx p {
        font-size: 17px;
        line-height: 23px
    }

    .ben-img {
        width: 450px;
        right: -60px
    }

    .ingr-bx {
        padding-right: 10px
    }

    .wrk-tx2 {
        font-size: 24px
    }

    .work-bx-rgt {
        width: calc(100% - 250px)
    }
}

@media only screen and (max-width: 1086px) {
.item .thumb {

    width: 60px!important;

}

}


@media only screen and (max-width: 1010px) {
    .abt-txt,.cust-tx1,.cust-tx2,.guar-txt,.ingr-bx p,.prd-cmn-txt,.prod-det-tx1,.wrk-tx1,.wrk-tx3 {
        font-size:16px;
        line-height: 22px
    }

    .pro-set-bg {
        width: 188px
    }

    .prod-hd-txt {
        font-size: 18px;
        line-height: 22px
    }

    .hry-txt {
        font-size: 22px;
        margin: 10px 0
    }

    .chk-s1 {
        margin-top: -260px;
        padding: 20px
    }

    .chk-s1-hd,.pkg-sve,ul.wrk-lst li {
        font-size: 16px;
        line-height: 20px
    }

    ul.chk-s1-list li {
        width: 50%
    }

    ul.chk-s1-list li:nth-child(3) {
        border-right: 1px solid #ebebeb
    }

    ul.chk-s1-list li:nth-child(2),ul.chk-s1-list li:nth-child(4) {
        border-right: none
    }

    .chk-s1-rgt {
        width: 62%
    }

    .chk-s1-rgt-hd,.wrk-lst-hd {
        font-size: 26px;
        line-height: 30px
    }

    .chk-s1-txt1,.chk-s1-txt1 img {
        margin-top: 5px
    }

    .chk-s1-rgt-bx1,.chk-s1-rgt-bx2,.testi-sec {
        width: 100%
    }

    ul.chk-s1-rgt-list li {
        font-size: 16px;
        line-height: 20px;
        background-size: 18px;
        background-position: left 4px
    }

    .switch-opt label {
        font-size: 14px
    }

    .pkg-bx {
        width: 32%
    }

    .jar-txt {
        font-size: 20px;
        line-height: 20px;
        width: 65px;
        height: 65px
    }

    .pkg-prc {
        font-size: 28px;
        line-height: 30px
    }

    .best-val {
        width: 50px;
        z-index: 1
    }

    a.cart-btn {
        padding: 8px 18px
    }

    .fr-sh {
        font-size: 14px;
        line-height: 18px
    }

    .chk-s2 {
        padding: 30px 0 10px
    }

    .prd-det-prod {
        width: 180px
    }

    .ben-bx h3,.prod-det-lst-hd {
        font-size: 20px;
        line-height: 24px
    }

    ul.trans-list li {
        width: 50%;
        padding: 0 5px
    }

    .ben-bx:after,ul.trans-list li br {
        display: none
    }

    ul.skn-typ-lst {
        flex-wrap: wrap;
        justify-content: normal
    }

    ul.skn-typ-lst li {
        font-size: 16px;
        line-height: 20px;
        margin: 10px 0;
        width: 33.3%;
        display: inline-block;
        float: none
    }

    .cust-rev {
        padding-left: 95px
    }

    .cust-fc1 {
        width: 80px
    }

    .ben-bx p {
        padding-right: 0
    }

    .ben-img {
        width: 320px
    }

    .ingr-bx img {
        width: 90px
    }

    .ingr-bx {
        padding-left: 110px;
        margin: 10px 0
    }

    .work-bx-rgt {
        width: calc(100% - 120px)
    }

    .work-img {
        width: 120px;
        margin-right: 10px
    }

    .wrk-tx2 {
        font-size: 20px;
        line-height: 26px;
        margin-bottom: 5px
    }

    .accordion-container {
        width: 98%
    }

    .chk-strp-btn p {
        margin: 0 10px;
        font-size: 24px
    }

    a.chk-btn {
        margin: 0 10px
    }
}

.flex-container {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    align-content: center
}

.flex-container>div {
    background-color: #f1f1f1;
    margin: 10px;
    padding: 20px;
    width: 600px
}

.flex-container.second-line>div {
    background-color: #f1f1f1;
    margin: 10px;
    padding: 20px;
    width: 100px
}

.bg-part {
    margin-top: 50px;
    background-color: #000
}

.second .manage-r {
    position: absolute;
    left: 13px;
    top: 1px;
    z-index: 1000
}


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

    .pricing1 .card {
    margin-bottom: 70px !important;
}
.right-part h1 {
    text-align: left;
    font-size: 39px;
}

.chk-s1-rgt-bx2 {
    width: 100%;
}
}



@media only screen and (max-width: 978px) {
.slider-bg {
    position: relative;
    margin-top: 40px!important;
    height: 850px;
}

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


.mobile-version-short .container{padding-right: 10px; padding-left: 10px;}
.review-text {
    color: #000;
    position: relative;
    top: 4px;
}

.mobile-version-short .chk-s1-txt1 {
    font-size: 16px;
}

span.review-mannter {
    display: block;
}

    .logo.header-logo {
    text-align: center !important;
}

    .right-part h1 {
    text-align: left;
    font-size: 24px;
}

.hry-txt {
    font-size: 12px;
    margin: 10px 0;
}

.hry-txt i{display: none;}


.chk-strip {
    width: 100%;
    background: #dcb04b;
    height: 100%;
    position: relative;
}

.main {
    margin-top: 0px;
    background: #fff;
    padding: 0;
    border-radius: 11px;
    padding-left: 0px!important;
}
.slider-bg {
    position: relative;
    margin-top: 0px!important;
    height: 720px;
}

.right-part .row {
    margin-left: 0px; 
    margin-right: 0px; 
}

#carousel .carousel-inner {
    width: 105%;
}

.col-sm-4.slider-bg{padding-left: 0px;
    padding-right: 0px;}


.carousel-inner .item img{width: 100%;}

.managebg .row {
    margin-left: 0px; 
    margin-right: 0px; 
}

#carousel .carousel-inner {
    width: 100%;
}

.container .row {
    margin-left: 0px; 
    margin-right: 0px; 
}

.container.main{    padding-right: 0px;}

ul.chk-s1-list {
    float: none;
    width: 100%;
    margin-top: 8px;
}

ul.chk-s1-list li {
    width: 33%;
    box-sizing: border-box;
}

.chk-s1-txt1 {
    font-size: 16px;
    line-height: 22px;
    color: #7f7f7f;
    margin-top: 10px;
    border-bottom: 0px solid #e1e1e1;
    padding-bottom: 12px;
    margin-bottom: 13px;
    text-align: center;
}

.sprite-star-img {
    width: 186px;
    height: 21px;
    background-position: -6px -169px;
}

.switch-opt label {
    font-size: 13px !important;
}

.switch-opt label {
    font-size: 16px;
    padding: 5px 10px 5px!important;
}

ul.chk-bar-list li:after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    height: 60px;
    width: 0px;
    background: #ebebeb;
}
.advantage {
    padding: 50px 0 10px;
}

.inside {
    padding: 20px 0 10px;
}

.contain-item {
    margin-bottom: 10px;
    padding: 10px;
}
.faqs, .footer, .goop-reviews, .gprl-section {
    padding: 20px 0;
}

.goop-reviews .icon-square img {
    width: 39px;
    margin-top: 7px;
}
.rws p {
    font-size: 14px;
}

.faqs .col-md-8 {padding-left: 0px;
    padding-right: 0px;}

.faqs button.accordion-button {
    background: #fff!important;
    padding: 19px 20px;
    font-size: 20px;
    color: #000;
    font-weight: 600;
    border-radius: 0;
}
.faqs .accordion-body {
    text-align: left;
    padding: 8px 30px 40px!important;
    font-size: 16px;
}

.accordion {
    width: 100%;
    max-width: 1000px;
    margin: 1rem auto !important;
}

.faqs .accordion-item {
    margin-bottom: 10px !important;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,.1);
    border: none;
    border-radius: 8px;
}

.btn-pra p {
    color: #fff;
    margin: 0;
    font-size: 12px;
}
.hry-txt {
    font-size: 12px;
    margin: 1px 0;
}

.header .d-flex {
    display: block !important;
}
.header {
    text-align: center;
}

.header .col-4 {
    flex: 0 0 auto;
    width: 100%;
}

.right-part {
    padding-left: 10px;
    margin-top: 30px!important;
    margin-left: 0px!important;
}

.pricing1 .card {
    margin-bottom: 0px !important;
}
.logo img {
    width: 120px;
}
div#carousel {
    margin-left: 30px;
    margin-right: 30px;
}
ul.chk-bar-list {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    padding-left: 0rem;
}
ul.chk-bar-list img {
    width: 50%;
}
.advantage p {
    color: #000;
    font-size: 16px;
}
.gprl-section p {
    font-size: 16px;
    color: #000;
}
.gprl-section h3 {
    margin-top: 18px;
}


.goop-reviews .col-md-8{padding-left: 0px;
    padding-right: 0px;}

    .rws p {
    font-size: 16px;
}
.rws h4 {
    font-size: 22px;
    font-weight: 500;
}
.contain-item li {
    font-size: 16px;
}

.contain-item h4{ font-size: 20px;}
.contain-item {
    margin-bottom: 10px;
    padding: 0px;
}
.contain-item ul{    padding-left: 0rem;}

.inside {
    padding: 20px 0 20px;
}

.gprl-section{padding: 40px 0;}

.switch-opt label {
    font-size: 11px !important;
}

}
@media only screen and (max-width: 418px) {
  .banner h2{
    font-size: 32px;
 }
}

@media only screen and (max-width: 377px) {
    .banner h2{
      font-size: 30px;
   }
  }


@media only screen and (max-width: 360px) {
    a.cart-btn, ul.skn-typ-lst li {
    width: 69%;
}
.hry-txt {
    font-size: 10px;
    margin: 1px 0;
}

    .switch-opt label {
    font-size: 12px!important;
    padding: 5px 0px 5px!important;
}

.banner h2{
    font-size: 28px;
 }

}
@media only screen and (max-width: 336px) {
    .banner h2{
        font-size: 26px;
     }
}

/*@media (max-width: 1199px) {

    .container {
    width: 1160px;
    max-width: 1160px;
}
}

@media (max-width: 1167px) {

    .container {
    width: 100%;
    max-width: 100%;
    padding-left: 10px;
    padding-right: 10px;
}
}*/


@media (max-width: 1199px) {
    .container.main {
    width: 100%;
    max-width: 96%;
}
}



@media (max-width: 1039px) {



}
@media (max-width: 986px) {
#product_temp_main .nav-item button.nav-link {
    width: 100%;
    display: flex;
    align-items: center;
    padding: 30px 5px;
    font-size: 14px;
    font-weight: 500;
    position: relative;
}

.nav-item p {
    margin-bottom: 0px;
    font-weight: 600;
    line-height: 18px;
    font-size: 16px;
}

.popler {
  left: 10%;
    
}

.nav-link.active .popler {
   
    left: 10%;

}

}

@media (max-width: 818px) {

    #product_temp_main .nav-item button.nav-link{ text-align: left !important;}


}

@media (max-width: 802px) {
/*span.blogrow {
    display: block;
}*/

#product_temp_main .nav-item button.nav-link {
    width: 100%;
    display: flex;
    align-items: center;
    /* padding: 20px 5px; */
    font-size: 14px;
    font-weight: 500;
    position: relative;
}

}


@media (max-width: 762px) {

.managebg .col-sm-7 {
    flex: 0 0 auto;
    width: 66.3%;
}

}

@media (max-width: 768px) {

    #product_temp_main .nav-item button.nav-link {
    width: 100%;
    display: flex;
    align-items: center;
    padding: 30px 3px;
    font-size: 14px;
    font-weight: 500;
    position: relative;
}


}

@media (max-width: 767px) {

    #product_temp_main .selected_mark {
    width: 20px;
    height: 20px;
    min-width: 20px;
    min-height: 20px;
    border: 1px solid #000000;
    border-radius: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 6px;
    position: relative;
    z-index: 2;
}
#product_temp_main .circle {
    width: 12px;
    height: 12px;
    border-radius: 100px;
}

    .p-lh {
    line-height: 17px !important;
    font-size: 28px;
    font-weight: 600;
    letter-spacing: -0.5px;
    margin-left: 8px;
      line-height: 33px !important;
}

#product_temp_main {
 overflow: hidden;
}

.nav-item p {
    font-size: 21px;
    position: relative;
    z-index: 5;
    line-height: 26px !important;
}

.pricesmall-matter {
    font-size: 18px;
    font-weight: 500;
}

.managebg .col-sm-4 {
    flex: 0 0 auto;
    width: 100%;
}

.managebg .col-sm-7 {
    flex: 0 0 auto;
    width: 100%;
}

.managerightpat-mobile {
    padding-left: 4px !important;
    padding-right: 2px;
}

#product_temp_main .nav-item button.nav-link {
    width: 100%;
    display: flex;
    align-items: center;
    padding: 24px 10px;
    font-size: 16px;
    font-weight: 500;
    position: relative;
}


#product_temp_main .first-act .active {
    /* background: #fff !important; */
    background-image: url(../images/leftarrow.png)!important;
    background-position: right !important;
    background-repeat: no-repeat !important;
    background-size: auto 100% !important;
    width: 110% !important;
    z-index: 2;
}

#product_temp_main .first-act .nav-link { width: 110% !important;}


#product_temp_main .first-sec .active {
    /* background: #fff !important; */
    background-image: url(../images/radial_bg_right.webp)!important;
    background-position: left!important;
    background-repeat: no-repeat!important;
    background-size: auto 100%!important;
    margin-left: -40px;
    width: 100% !important;
    padding-left: 60px !important;
}

#product_temp_main .first-sec .nav-link {
    margin-left: -40px;
    padding-left: 60px !important;
    width: 120% !important;
}

}


@media (max-width: 608px) {
.p-lh {
    line-height: 14px !important;
    font-size: 24px;
    font-weight: 600;
    letter-spacing: -0.5px;
    margin-left: 8px;
}

#product_temp_main {
   
    overflow: hidden;
}

}

@media (max-width: 605px) {
#product_temp_main .s_quan_txt {
    height: auto;
    padding-bottom: 23px;
}
}

@media (max-width: 586px) {
#product_temp_main .first-sec .nav-link {
    margin-left: -40px;
    padding-left: 80px !important;
    width: 114% !important;
}

#product_temp_main .first-act .nav-link {
    width: 118% !important;
}

}

@media (max-width: 548px) {
    .p-lh {
    line-height: 14px !important;
    font-size: 23px;
    font-weight: 600;
    letter-spacing: -0.5px;
    margin-left: 3px;
}


}


@media (max-width: 534px) {
.nav-item p {
    font-size: 21px;
    position: relative;
    z-index: 5;
    line-height: 24px !important;
}

.pricesmall-matter {
    font-size: 18px;
    font-weight: 500;
}

}

@media (max-width: 516px) {
    .p-lh {
    line-height: 13px !important;
    font-size: 21px;

}


}


@media (max-width: 540px) {

#product_temp_main .first-sec .nav-link {
    margin-left: -40px;
    padding-left: 60px !important;
    width: 136% !important;
} 



}


@media (max-width: 495px) {
.nav-item p {
    font-size: 18px;
    position: relative;
    z-index: 5;
    line-height: 22px !important;
}

.pricesmall-matter {
    font-size: 17px;
    font-weight: 500;
}

.supp {
    font-size: 16px;
    padding-bottom: 0px;
    font-weight: 600;
}

span.str-pack {
    font-size: 13px;
    font-weight: 400;
}

#product_temp_main .s_quan_txt {
    height: auto;
    padding-bottom: 20px;
}
}

@media (max-width: 443px) {

.thumsiocn h2 {
    font-size: 40px;
    margin-bottom: 0;
}


.nav-item p {
    font-size: 16px;
    position: relative;
    z-index: 5;
    line-height: 20px !important;
}

.pricesmall-matter {
    font-size: 15px;
    font-weight: 500;
}
    
}



@media (max-width: 486px) {
.p-lh {
    line-height: 12px !important;
    font-size: 19px;
        position: relative;
    z-index: 5;
}
.supp {
    font-size: 13px;
    padding-bottom: 0px;
    font-weight: 600;
}


}


@media (max-width: 482px) {

  
.mainprice h3 {
    font-size: 26px;
    margin-top: 10px;
    font-weight: 700;
}


    
}


@media (max-width: 442px) {


.mainprice h3 {
    font-size: 24px;
    margin-top: 10px;
    font-weight: 700;
}




span.str-pack {
    font-size: 12px;
    font-weight: 400;
}


}

@media (max-width: 419px) {
.nav-item p {
    font-size: 15px;
    position: relative;
    z-index: 5;
    line-height: 18px !important;
}

.pricesmall-matter {
    font-size: 14px;
    font-weight: 500;
}


#product_temp_main .nav-item button.nav-link {
  
    padding: 20px 10px;
}
#product_temp_main .first-sec .nav-link {
    margin-left: -40px;
    padding-left: 60px !important;
    width: 120% !important;
}

}

@media (max-width: 414px) {
#product_temp_main .first-sec .nav-link {
  
    width: 120% !important;
}

.p-lh {
    line-height: 11px !important;
    font-size: 18px;
    position: relative;
    z-index: 5;
}

}


@media (max-width: 412px) {

#product_temp_main .first-sec .nav-link {
    margin-left: -40px;
    padding-left: 60px !important;
    width: 121% !important;
} 
}


@media (max-width: 397px) {

    .mainprice h3 {
    font-size: 18px;
    margin-top: 10px;
    font-weight: 700;
}




}

@media (max-width: 394px) {

span.str-pack {
    font-size: 10px;
    font-weight: 400;
}

}
@media (max-width: 392px) {

   #product_temp_main .first-sec .nav-link {
    margin-left: -40px;
    padding-left: 60px !important;
    width: 122% !important;
} 

#product_temp_main .s_quan_txt {
    height: auto;
    padding-bottom: 15px;
    padding-top: 15px;
}

.supp {
    font-size: 13px;
    padding-bottom: 0px;
    font-weight: 600;
    margin-bottom: -3px;
}



.p-lh {
    line-height: 10px !important;
    font-size: 16px;
    position: relative;
    z-index: 5;
        margin-left: 0px;
}
}

@media (max-width: 381px) {
#product_temp_main .s_quan_txt {
    height: auto;
    padding-bottom: 15px;
}

.supp {
    font-size: 13px;
    padding-bottom: 0px;
    font-weight: 600;
    margin-bottom: -3px;
}

}

@media (max-width: 377px) {
.nav-item p {
    font-size: 14px;
    position: relative;
    z-index: 5;
    line-height: 17px !important;
}

.pricesmall-matter {
    font-size: 13px;
    font-weight: 500;
}


}

@media (max-width: 375px) {

   #product_temp_main .first-sec .nav-link {
    margin-left: -40px;
    padding-left: 60px !important;
    width: 123% !important;
} 



}

@media (max-width: 364px) {

    .p-lh {
    line-height: 9px !important;
    font-size: 14px;
    position: relative;
    z-index: 5;
    margin-left: 0px;
}

.nav-item p {
    font-size: 13px;
    position: relative;
    z-index: 5;
    line-height: 17px !important;
}

.pricesmall-matter {
    font-size: 12px;
    font-weight: 500;
}
}


@media (max-width: 359px) {

   #product_temp_main .first-sec .nav-link {
    margin-left: -40px;
    padding-left: 60px !important;
    width: 125% !important;
} 




}

@media (max-width: 342px) {

    .nav-item p {
    font-size: 12px;
    position: relative;
    z-index: 5;
    line-height: 16px !important;
}

.pricesmall-matter {
    font-size: 11px;
    font-weight: 500;
}



.mainprice h3 {
    font-size: 16px;
    margin-top: 10px;
    font-weight: 700;
}

span.str-pack {
    font-size: 8px;
    font-weight: 400;
}


}
@media (max-width: 366px) {

    #product_temp_main .nav-item button.nav-link {
  
    font-size: 14px;
 
}

#product_temp_main .selected_mark {
    width: 20px;
    height: 20px;
    min-width: 20px;
    min-height: 20px;
    border: 1px solid #000000;
    border-radius: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 6px;
    position: relative;
    z-index: 2;
}

#product_temp_main .circle {
    width: 10px;
    height: 10px;
    border-radius: 100px;
}}

@media (max-width: 331px) {
    #product_temp_main .nav-item button.nav-link {
  
    font-size: 13px;
 
}

    .p-lh {
    line-height: 9px !important;
    font-size: 13px;
    position: relative;
    z-index: 5;
    margin-left: 0px;
}
}



@media (max-width: 322px) {

   #product_temp_main .first-sec .nav-link {
    margin-left: -40px;
    padding-left: 60px !important;
    width: 127% !important;
} 
}




.chk-s2{display: block;}
 .tabmobile{display: none;}  

     .top-products-mobile{display: initial !important;}
     .top-products-web{display: none !important;}

@media (max-width: 1024px) {

.line {
    background: linear-gradient(to right, #F5DD5B 20%, #000 100%);
    height: 8px;
    width: 93%;
    margin: 0px auto;
}
/*span.blogrow {
    display: block;
}*/

#product_temp_main .nav-item button.nav-link{text-align: left;}
    .top-products-mobile{display: none !important;}
    .top-products-web{display: initial !important;
        background: #F5DD5B !important;
        background: linear-gradient(to bottom, #F5DD5B 70%, #F5F5F5 100%) !important;
    }

.pricing1 .card {
    margin-bottom: 30px !important;
}
    .drreviews hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #fff !important;
    opacity: 0.2 !important;
}

    .mobile-show-roate {
    display: block !important;
}

.yw-gradiant {
    background: #F5DD5B;
    background: linear-gradient(to bottom, #fffbe7 20%, #FFFFFF 70%);
}
.drreviews h3 {
    color: #000;
    font-weight: 600;
}

.drreviews{padding: 60px 0;}

    .mobile-hide-section{display: none !important;}

    .gprl-section1 {
    background: #fff;
}

/* Custom style */
    .products-arocdinan .accordion-button::after {
      background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M8 0a1 1 0 0 1 1 1v6h6a1 1 0 1 1 0 2H9v6a1 1 0 1 1-2 0V9H1a1 1 0 0 1 0-2h6V1a1 1 0 0 1 1-1z' clip-rule='evenodd'/%3e%3c/svg%3e");
      transform: scale(.7) !important;
    }
    .products-arocdinan .accordion-button:not(.collapsed)::after {
      background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M0 8a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H1a1 1 0 0 1-1-1z' clip-rule='evenodd'/%3e%3c/svg%3e");
    }

    .products-arocdinan .accordion-button:not(.collapsed) {
    color: #040707;
    background-color: #F5DD5B;
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.125);
}


.products-arocdinan .accordion-button:not(.collapsed)::after {
/*    filter: brightness(0) invert(1);*/
    background-image: url(data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M0 8a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H1a1 1 0 0 1-1-1z' clip-rule='evenodd'/%3e%3c/svg%3e);
}

.products-arocdinan .accordion-button::after {
    flex-shrink: 0;
    width: 2.25rem;
    height: 2.25rem;
    margin-left: auto;
    content: "";
    background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e);
    background-repeat: no-repeat;
    background-size: 20px;
    transition: transform .2s ease-in-out;
}


.discover {
    display: block !important;
    padding: 20px 0 0px;
}

.accordion {
    width: 100%;
    max-width: 100%;
    margin: 2rem auto;
}


 .discover {
    display: block !important;
    padding: 20px 0 0px;
}
    .discover h3 {
    font-size: 26px;
    text-align: center;
    color: #010101;
    font-weight: 600;
}
.clor-one {
    font-size: 25px;
    padding-bottom: 5px;
    display: block;
}
.clor-two {
    color: #010101;
    display: block;
}

.discover 
    .promiss-section .col-md-12{padding-left: 0px; padding-right: 0px;}

.products-arocdinan {
    display: block !important;
    padding: 30px 0 0;
}

    .products-arocdinan .container{padding-right: 0px; padding-left: 0px;}

    .products-arocdinan .accordion-button {
    font-size: 20px;
    padding: 16px 10px;
    font-weight: 600;
}

.discover img {
    width: 33%;
    margin: 0px auto;
}

.products-arocdinan .accordion-item {
  
    box-shadow: 0 0px 0px 0 rgba(0,0,0,.25);
}

    .products-arocdinan .accordion-item {
    margin: 0px;
}
    .products-arocdinan .accordion-header {
    margin-top: 0px;
}
    ul.trans-list li:after {
    width: 0px;
  
}

    ul.trans-list {
    padding-left: 0px;
}
    .tabmobile {
    padding: 40px 0;
}

    .tabs a {
    padding: 12px 13px;
    display: block;
     font-size: 18px;
     color: #000;
         font-weight: 600;
}

.reviews-iamges {
    text-align: center;
}
.reviews-iamges img{margin-bottom: 10px;}

li.resp-tab-item.resp-tab-active{  padding: 12px 13px;
        font-weight: 600;
    font-size: 18px;
    display: block; background: #a9842f; color: #fff;}

.chk-s2{display: none;}
 .tabmobile{display: block;}   


    .resp-vtabs .resp-tabs-list li {
   
    font-size: 15px;
    
}

.prod-det-tx1 {
    font-size: 16px;
    line-height: 26px;
    float: left;
    width: 65%;
    margin-bottom: 25px;
}

.chk-s1-txt2, .cust-tx1 {
    font-size: 16px;
    line-height: normal;
}

ul.chk-s1-rgt-list li {
   
    font-size: 13px;
   
}
}


@media (max-width: 768px) {
.right-part h1 {
    text-align: left;
    font-size: 29px;
}

.right-part {
    padding-left: 24px;
    margin-top: 30px!important;
    margin-left: 0px!important;
}



.chk-s1-txt1 {
    font-size: 16px;}

    .clearboc {
    display: inline;
}

.reviewmathc {
    width: auto;
}

.chk-s2 .container {
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
}
.resp-vtabs .resp-tabs-container {
    padding: 0 0 20px 5px;
    float: left;
    width: 100%;
    text-align: left;
    position: relative;
    margin-top: 0px;
}
.pro-set-bg {
    width: 100%;
}

.resp-vtabs ul.resp-tabs-list {
    width: 35%;
}
}

@media only screen and (max-width: 1199px) {
    
.chk-s2 .container {
    max-width: 100% !important;
    width: 98%;
}

}


@media only screen and (max-width: 1180px) {
    
.pro-set-bg {
    width: 261px;
}

}


@media only screen and (max-width: 1130px) {
    
.pro-set-bg {
    width: 242px;
}

@media only screen and (max-width: 1024px) {
    .p-lh{
        line-height: 13px;
    }
}

.resp-vtabs .resp-tabs-list li {
    float: left;
    width: 100%;
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    cursor: pointer;
    text-align: left;
    padding: 10px 0 15px 25px;
    position: relative;
    border-top: 1px solid #dde7eb;
}

}


.mggray2{display: none !important;}
.mggray{display: initial !important;}




.subscribe-btn{display: none !important;}

@media (max-width: 767px) {


.dsblock2ref{display: block;}
.subscribe-btn{display: initial !important;}


.subscribe-btn .cta-btn {
        font-weight: 600;
        background: #24c242 !important;
        border: none;
        font-size: 26px;
        color: #fff;
        padding: 15px 7px;
        margin-bottom: 13px;
        display: block;
        width: 100%;
    }

    .add-to-cart-show button{font-size: 27px !important;}

.top-heading-gap {
        margin-top: 25px !important;
        display: block !important;
        font-size: 46px !important;
    }

    .subscribe-btn .cta-btn:hover {background: #32b532;}

    .glgradine{position: relative;}

    .glgradine::before{ content: "";
  position: absolute;
  top: 100%;
  width: 100%;
  left: 0;
  height: 5px;
  border-radius: 2px;
  background: linear-gradient(111.3deg, #F5DD5B  9.6%, #000 93.6%);}

  .goop-reviews h3 {
    line-height: normal;
}

    .p-img img {
    width: 18%;
}
.mggray2 {
    display: initial !important;
    position: absolute;
    width: 100%;
    bottom: 0px;
    overflow: hidden;
    left: 0px;
}

.mggray2 img{width: 100%; border-radius: 6px;}
    .mggray{display: none !important;}

    .managerightpat-mobile {
    padding-left: 0px !important;
    padding-right: 0px;
}

    .container.main {
    margin-left: 0px;
    margin-right: 0px;
}

.container.main {
    width: 100%;
    max-width: 100%;
}
}


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

    .pricing1 .card {
    margin-bottom: 0px !important;
}

.col-lg-4.col-md-6.second {
    margin: 20px 0!important;
}


.col-md-6.mobileimage-format h5 {
    font-size: 18px;
    color: #fff;
    margin-top: 0px;
    text-align: center;
}

.products-details-section h2{    margin-top: 17px;}
.products-details-section h4 {
    text-align: center;
    color: #F5DD5B;
    font-size: 27px;
    margin-bottom: -10px;
}

}


@media only screen and (max-width: 386px) {
.top-heading-gap {
        margin-top: 25px !important;
        display: block !important;
        font-size: 42px !important;
    }}

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

.top-heading-gap {
        font-size: 38px !important;
    }

    .banner h2 {
        font-size: 28px;
    }


.subscribe-btn .cta-btn {
       
        font-size: 23px;
    }

    .add-to-cart-show button{font-size: 24px !important;}

.offer-bottl h2{        font-size: 25px!important;}

    .clor-one {
    font-size: 23px;
    padding-bottom: 5px;
    display: block;
}
.clor-two {
    color: #a9842f;
    display: block;
    font-size: 23px;
}
}
@media only screen and (max-width: 354px) {
.col-md-6.mobileimage-format h5 {
    font-size: 16px;
   
}

}

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

  .mobile-version-short .chk-s1-txt1 {
    font-size: 14px;
}
span.review-mannter img {
    width: 20%;
}  
}


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

    .item .thumb {   
    width: 58px!important;   
}

    .clor-one {
    font-size: 22px;
    padding-bottom: 5px;
    display: block;
}
.clor-two {
    color: #a9842f;
    display: block;
    font-size: 22px;
}
}
.yb-gradiant{
    background: #F5DD5B;
background: linear-gradient(to right, #F5DD5B 0%, #010101 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

@media (max-width:1024px){
.leftside-mag {
    padding-left: 0px !important;
}

}


@media (max-width:830px){
.offer-bottl h2 {
    color: #040707;
    text-align: center;
    font-size: 38px;
    font-style: normal;
    font-weight: 700;
    line-height: 50px;
    position: relative;
    background: url(../images/top-border.png) center/cover;
    height: 300px;
    padding-top: 30px;
}

}

@media (max-width:820px){
  .addtocart-paycard img {
    width: 67%;
}
ul.leftside-mag strong {
    padding-left: 5px;
}


.offer-bottla-details h3 {
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 0;
}
.offer-bottla-details h4 {
    font-size: 24px;
    font-weight: 800;
}
.offer-bottla-details .text-danger {
    font-size: 18px;
    position: relative;
    top: -15px;
}

.price p {
    font-size: 42px;
    font-style: normal;
    font-weight: 900;
    margin-top: 20px;
}
.price p span {
    color: #000;
    text-align: center;
    font-size: 12px;
    font-weight: 400;
    line-height: 45px;
    position: relative;
    top: 0px;
}
.cutoffprice p {
    color: red;
    background: #ff0;
    margin: 0 0px;
    font-size: 23px;
}

}

@media (max-width:767px){

  .yesmanage {
    margin-bottom: 20px;
    background: #fff;
}


    .new-salemodel .modal-body {
    padding: 19px;
}
.new-salemodel h4 {
    color: #e60000;
    font-size: 25px;
}

.new-salemodel h5 {
    color: #068bc5;
    text-align: center;
    font-size: 19px;
    line-height: normal;
}
.new-salemodel p {
    color: #000;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}


.new-salemodel .modal-content .shipping {
    margin-top: 30px;
    padding: 14px 10px;
    color: #000;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    background: #fffa00;
    border-radius: 4px;
    border: 1px solid #fffa00;
    cursor: pointer;
    display: inline-block;
    margin-bottom: 10px;
    display: block;
    width: 100%;
}






  .realtestimonaila {
    margin-top: 20px;
}

.mobileimage-format img {
    display: block;
    width: 30%;
    margin: 0px auto;
    margin-bottom: 20px;
}

.web-responsive{display: none !important;}
.mobile-responsive{display: block !important;}

    .oderlist{
        word-wrap: break-word;
    }
    .banner h3 {
    color: #ffe400;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    line-height: 15px;
    margin-bottom: 0px;
}

.banner {
    background: url(../images/mountain.jpg) center center/cover;
    padding: 10px 0;
    text-align: center;
}
.del-content h3 {
    color: #000;
    margin-bottom: 11px;
    /* font-size: 27px; */
    font-weight: 700;
    line-height: 28px;
    text-align: center;
}
.del-content h4 { 
    font-size: 20px;
    margin-bottom: 0px;
    line-height: normal;
}
.products-details-section h2 {
    text-align: center;
    /* color: #fff; */
    font-size: 38px;
    font-weight: 800;
    margin-bottom: 6px;
    line-height: 42px;
}
.products-details-section h3 {
    text-align: center;
    color: #fff;
    margin-bottom: 0px;
    font-size: 29px;
    font-weight: 700;
}
.inside-heading h3 {
    font-size: 28px;
    font-weight: 700;
    line-height: 15px;
    margin-bottom: 20px;
    line-height: 30px !important;
}
.guarantee, .inside-section, .references, .testimonial-section {
    padding: 10px 0;
}
.thumsiocn h2 {
    font-size: 60px;
    margin-bottom: 0;
}
.thumsiocn h3 {
    font-size: 24px;
    margin-bottom: 30px;
}
.inside-heading-1 h3 {
    font-size: 28px;
    color: #000;
    font-weight: 700;
    text-align: center;
}

.realtestimonaila-details .persone {
    width: 56px;
    border-radius: 10px;
   
    margin-top: 10px;
}

.realtestimonaila-details h3 {
   
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 0;
}

.star-icon {
    width: 67px;
    margin-top: -4px;
    margin-right: 5px;
}
.realtestimonaila-details h4 {
    
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
}
.realtestimonaila-details p {
    color: #000;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
}

.realtestimonaila-details h5 {
    font-size: 16px;
}

img.qoute {
    width: 25px;
    margin-top: -16px;
    margin-right: 10px;
}
img.qoute-1 {
    width: 25px;
    
}

.testitest h3 {
    text-align: center;
    font-size: 22px;
    font-weight: 900;
}

.offer-bottla-details2 {
    border-radius: 6px;
    border: 3px solid #c1c4ca;
    background: #fff;
    box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.02);
    margin-bottom: 30px;
}

.offer-bottla-details3 {
    border-radius: 6px;
    border: 3px solid #F5DD5B;
    background: #fffcc3 !important;
    box-shadow: rgba(0, 0, 0, 0.19) 0 10px 20px, rgba(0, 0, 0, 0.23) 0 6px 6px;
    margin-bottom: 30px;
}
.price p {
    font-size: 60px;
    font-style: normal;
    font-weight: 900;
    margin-top: 20px;
}

.price p span {
    color: #000;
    text-align: center;
    font-size: 22px;
    font-weight: 400;
    line-height: 20px;
    position: relative;
    top: -9px;
}

.lp-reviews p {
    margin-bottom: 0;
    font-size: 32px;
}

.gn-heading h3 {
    text-align: center;
    font-size: 28px;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    margin-bottom: 30px;
}
.ofr img {
    width: 40%;
    float: none;
    margin: 0px auto;
    display: block;
    margin-bottom: 20px;
}

.faqs h3 {
    color: #fff;
    text-align: center;
    font-size: 32px;
    font-weight: 700;
    line-height: normal;
}

.faqs {
    padding: 30px 0;
    background: url(../images/mountain.jpg) 0 0 / cover;
}

.faqs button.accordion-button {
    background: #fff !important;
    padding: 13px 15px;
    font-size: 22px;
    color: #000;
    font-weight: 900;
}

.footer-manage-peragh {
    background-image: radial-gradient( circle, #040707, #040707, #040707, #040707, #040707 );
    padding: 25px 10px;
}
.footer-manage-peragh .contelist {
    font-size: 14px;
    text-align: center;
    margin-top: 0px;
    line-height: normal;
    padding-bottom: 0px !important;
}
.footer-control .d-flex {
    display: block;
}
.oderlist li a {
    color: #7c7c7c;
    font-weight: 600;
    font-size: 14px;
}
.references{
    padding: 10px 0;
}

.references h3 {
    color: #7a7a7a;
    text-align: center;
    font-size: 24px;
    font-weight: 400;
    padding-bottom: 0px;
    margin-bottom: 0px;
}
.offer-bottl h2 {
    text-align: center;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    position: relative;
    background: url(../images/top-border.png) center / cover;
    height: 100%;
    padding-top: 13px;
    background-size: cover;
    padding-bottom: 37px;
    line-height: 33px;
    padding-left: 10px; padding-right: 10px;
}
.offer-bottla-details h3 {
    font-size: 42px;
    font-weight: 700;
    margin-bottom: 0;
}
.offer-bottla-details h4 {
    font-size: 24px;
    font-weight: 800;
}

.offer-bottla-details .text-danger {
    font-size: 18px;

    position: relative;
    top: -15px;
}

.lp-reviews{
    margin-top: 0px;
}
.offer-bottl {
    background: #eee;
    padding: 0 0 20px;
}
.insce p {
    font-size: 18px;
    font-weight: 500;
}

.offer-bottl .mt-5 {
    margin-top: 1rem!important;
}

.inside-details li {
    color: #000;
    font-size: 16px;
    list-style: none;
    display: flex;
}
.inside-details li img {
    width: 18px;
    display: inline-block;
    height: 18px;
    margin-right: 10px;
        margin-top: 2px;
}
.thumsiocn p {
    display: flex;
}


.thumsiocn p {
    font-size: 20px;
}

.thumsiocn img {
    width: 30px;
    margin-right: 10px;
    height: 30px;
}
.thumsiocn h2 {
    font-size: 48px;
    margin-bottom: 0;
}

.thumsiocn h3 {
    font-size: 18px;
    margin-bottom: 20px;
}

.lp-reviews img {
    width: 43%;
}

.new-salemodel .btn-close {
   
    right: -7px;

}
}




@media (max-width:378px){

.footer-manage-peragh .contelist {
    font-size: 11px;
    text-align: center;
    margin-top: 0px;
    line-height: normal;
    padding-bottom: 0px !important;
}
.footer-manage-peragh .contelist {
    font-size: 11px;
    text-align: center;
    margin-top: 0px;
}

}

@media (max-width:378px){

.banner h3{font-size: 12px;}
}

@media (max-width:327px){

.top-heading-gap {
        font-size: 35px !important;
    }

  }

@media (max-width:350px){
.banner h2 {
        font-size: 25px;
        line-height: 31px;
    }
}