﻿.gtbh_tri1 {margin: 0 20px;}
@media (min-width: 0px) and (max-width: 767px) {
.gtbh_tri1 {margin: 0 10px;}
section.blog_sec .container, section.brands_sec .container, section.category_area_sec .container, section.health_sec .container, section.products_sec1 .container {padding: 0;}
section.products_sec1.jkhjk_tri {padding: 0 0px 8px;}

}
/*============== banner ==============*/
.outer_area { width: 100%; padding: 0; padding-bottom: 10px; } 
.hakimji-bannerWrap { position: relative; padding-right: 0; width: 100%; } 
.hakimji-bannerWrap { margin-top: 0; margin-left: 0; margin-right: 0; } 
.top_banner { position: relative; margin: 0; } 
.top_banner img, .trustBarWrap .trustBar .trustBox > div .trustBarIcon img { width: 100%; height: auto; } 
.top_banner .carousel-indicators { bottom: 25px; } 
.top_banner .carousel-indicators li { cursor: pointer; width: 12px; height: 12px; border-radius: 6px; border: 1px solid #ffffff; background: #fff; } 
.active_page, .top_banner .carousel-indicators li.active { background: #ffffff; } 
.hakimji-bannerWrap .item { margin: 0; } 
.hakimji-bannerWrap .owl-carousel .owl-nav button.owl-prev, .hakimji-bannerWrap .owl-carousel .owl-nav button.owl-next { background: #ffffffd1 !important;     width: 38px;   height: 60px; border-radius: 1px !important; } 
.hakimji-bannerWrap .owl-carousel .owl-nav button.owl-next { right:0!important; } 
.hakimji-bannerWrap .owl-carousel .owl-nav button.owl-prev { left:0!important; } 
.hakimji-bannerWrap .owl-carousel .owl-nav span, .hakimji-bannerWrap .owl-carousel .owl-prev span { font-size: 50px !important; /* line-height: 25px !important; */ color: black; font-weight: 200; } 
.hakimji-banner .owl-dots { display: flex; justify-content: center; position: absolute; bottom: 16px; width: 100%; } 
.hakimji-banner button.owl-dot { background: #ffffffa3 !important; border: 0; width: 15px; height: 4px; margin: 0 2px; border-radius: 2px; box-shadow: 0 0 7px #000000; } 
.hakimji-banner button.owl-dot.active { background: #ffffff !important; width: 40px; } 
.hakimji-banner .owl-carousel .owl-item img { height: 470px !important; } 
.egrghrh_tri {    height: 100%; object-fit: cover;} 
a:-webkit-any-link:focus-visible { outline-offset: 0px;    outline: -webkit-focus-ring-color auto 0px; } 
.carousel-inner .carousel-item:nth-child(2) .yghb_tri { margin-bottom: 29px; margin-left: 19px; } 
.carousel-inner .carousel-item:nth-child(3) .yghb_tri { display: none; } 
.carousel-inner .carousel-item:nth-child(4) .yghb_tri { margin-bottom: 80px; margin-left: 50px; } 
a.yghb_tri { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
@media screen and (max-width: 767px) {
.hakimji-bannerWrap {position: relative;padding-right: 0;margin-top: 0 !important;margin-left: 0 !important;margin-right: 0 !important;}
.outer_area .hakimji-banner .owl-carousel .owl-item img, .outer_area .hakimji-banner .carousel-item {height: 210px !important;filter: unset !important;}
.hakimji-bannerWrap .owl-carousel .owl-nav button.owl-prev, .hakimji-bannerWrap .owl-carousel .owl-nav button.owl-next {display: none !important;}
}
/*============== banner ==============*/

/*========= after banner ==============*/
.rfgtvbhuo_tri { display: inline-block; border-bottom: 0px solid rgba(229, 229, 229, 1); box-shadow: 2px 1px 4px #7b7b7b52; width: 100%; } 
.yjhnm_tri { display: flex; justify-content: center; align-items: center; padding: 10px; width: 100%; padding: 12px 31px; } 
.hfuig_tri { flex-grow: 1; text-align: center; border-right: 1px dotted #dcdcdc; } 
.hfuithgng_tri { display: flex; align-items: center; justify-content: center; color: #454545; font-weight: 500; } 
img.yfivhjn_tri { width: 41px; margin-right: 0px; margin-bottom: 5px; object-fit: cover; opacity: 1; margin-right: 10px; } 
.hfuithgng_tri span { font-size: 13px; color: #454545; font-weight: 500; } 
.hfuithgng_tri span::after { content: ""; position: absolute; top: 24px; text-align: center; bottom: 0; left: 0px; width: 0; color: gray; height: 2px; background-color: gray; transition: width 0.3s ease; }
@media screen and (max-width: 767px) {
.hfuithgng_tri span {text-align: left;font-size: 12px;}
img.yfivhjn_tri {width: 30px;margin-right: 12px;object-fit: contain;}
.yjhnm_tri {width: 100% !important;padding: 5px 0px 2px !important;display: flex !important;flex-wrap: wrap;}
.outer_area .rfgtvbhuo_tri .yjhnm_tri > :first-child { border-bottom: 1px solid #8080802e; }
.outer_area .rfgtvbhuo_tri .yjhnm_tri > :nth-child(2) { border-left: 1px solid #8080802e; }
.outer_area .rfgtvbhuo_tri .yjhnm_tri > :nth-child(4) { border-left: 1px solid #8080802e; }
.outer_area .rfgtvbhuo_tri .yjhnm_tri > :nth-child(2) { border-bottom: 1px solid #8080802e; }
.outer_area .rfgtvbhuo_tri .yjhnm_tri > :nth-child(2) .hfuithgng_tri { border-right: none; } 
.outer_area .rfgtvbhuo_tri .yjhnm_tri > :nth-child(4) .hfuithgng_tri { border-right: none; }
.rfgtvbhuo_tri {width: 100%;padding: 11px 10px;display: flex;flex-direction: column;justify-content: center;align-items: center;}


}
/*========= after banner ==============*/

/*========= Our Brands ==============*/
section.brands_sec .downloads .download-text .download-para .download-icon { padding: 10px 0; margin: 5px 0; } 
section.brands_sec .downloads .download-text { width: 100%; padding: 0; } 
.container.category1.iuguydgyu_tri { background: no-repeat!important; box-shadow: none; } 
.container.category1 { width: 100% !important; max-width: 100% !important; } 
.downloads { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; /*padding: 3% 2.2%;*/ } 
.downloads .download-text { width: 100%; } 
.downloads .download-text h3 { font-size: 24px; font-weight: 700; font-stretch: normal; font-style: normal; line-height: 1; letter-spacing: .57px; text-align: center; color: #3b3b3b; } 
.downloads .download-text p { font-size: 14px; font-weight: 500; text-align: center; color: #434343; margin: 8px 0 0; text-transform: uppercase; } 
.downloads .download-text .download-para { display: -webkit-box; display: -ms-flexbox; display: inline-flex; align-items: center; width: 100%; justify-content: center; } 
.downloads .download-text .download-para a { width: 16.6%; } 
.downloads .download-text .download-para .download-icon { text-align: center; } 
.downloads .download-text .download-para .download-icon .download-pic .image { width: 143px; height: 143px; border: 0px solid #fff; margin-bottom: 10px; margin: auto; display: inline-block; border-radius: 50%; } 
.downloads .download-text .download-para .download-icon .download-pic .image img { width: 100%; height: 100%; border-radius: 50%; object-fit: cover; } 
.downloads .download-text .download-para .brandscarousel_sec .download-icon .download-pic .image img { width: 100%; border-radius: 5%; } 
.downloads .download-text .download-para .download-icon .download-pic p { margin: 10px 0; font-size: 14px; width: 100%; font-weight: 500; min-height: 25px; height: 25px; color: #262626; } 
.downloads .download-text .link { text-align: center; padding: 20px 0; background: white } 
.downloads .download-text .link a { margin-right: 10px; } 
.downloads .download-text .link a img { width: 98px; height: 35px; } 
section.brands_sec .downloads .download-text .download-para .brandscarousel_sec .download-icon .download-pic .image img { width: 100%; height: 100%; text-align: center; margin: auto; padding: 0 5px; } 
section.brands_sec .download-pic .image img { width: 100%; height: 100%; text-align: center; margin: auto; object-fit: cover; } 
.image_new { height: 212px; } 
.download-pic.download_new { background: #fff; padding: 4px 5px; display: inline-block; box-shadow: 0 2px 7px #0000001a; width: 100%; } 
.item3 { align-items: center; padding: 6px; color: white; display: flex; justify-content: center; }
@media screen and (max-width: 767px) {
section.brands_sec .download-pic .image img { width: 100%; height: 167px!important; text-align: center; margin: auto; } 
.downloads .download-text .download-para .download-icon .download-pic p { min-height: 25px; height: 30px; color: #262626; } 
.downloads .download-text .download-para { flex-wrap: wrap; } 
.downloads .download-text h3 { text-align: left; } 
.downloads .download-text .download-para .download-icon { text-align: left; } 
.downloads .download-text .download-para .download-icon .download-pic { padding: 0 -31px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: end; margin: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } 
.downloads .download-text .download-para .download-icon .download-pic .image { height: auto; width: 100px; } 
.downloads .download-text .download-para .download-icon .download-pic .image img { width: 100%; height: 100%; } 
.downloads .download-text .download-para .download-icon .download-pic p { width: auto; } 
.downloads .download-text .link { text-align: left; } 
section.category_area_sec .downloads .download-text .download-para .download-icon .download-pic .image img { background: beige; }
.image_new {height: auto;width: 100%;}
.item3{ margin:0; }
.category_area_home {width: 100%;float: left;padding: 15px 0;background: #fff0;margin: 0;border-radius: 0;border-bottom: none;}
.container.category1.iuguydgyu_tri {margin-bottom: 0;}
}
/*========= Our Brands ==============*/

/*========= promotion banner slider ==============*/
section.banner-section {margin: 0;padding: 0;}
/*========= promotion banner  slider ==============*/

/*========= Aboutus ==============*/
section.gupta_speration_page { padding: 50px 0; margin-top: 0; background: #ffffff; } 
.gupta_speration_page-01 { padding: 0 35px; } 
.brand-image-014 { position: relative; display: inline-block; width: 100%; } 
a.degrg_tri { color: #fff; text-transform: uppercase; border-radius: 28px; font-size: 12px; background: gray; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; top: auto; bottom: 24px; position: absolute; z-index: 1; right: 20px; padding: 8px 20px; } 
a.degrg_tri i.fa.fa-map-marker { color: #fff!important; font-size: 15px; margin-right: 6px; margin-top: -1px; } 
.fvyt_tri:before { content: ""; background: linear-gradient(rgba(0, 0, 0, 0) 0%, black 100%); width: 100%; height: 30%; left: 0; bottom: 0; right: 0; position: absolute; z-index: 1; } 
.gupta_speration_page .owl-nav button.owl-prev span, .gupta_speration_page .owl-nav button.owl-next span { font-family: initial; color: #fff; font-weight: 400; line-height: 31px!important; height: auto; display: block; padding: 0; margin-top: -6px; } 
.gupta_speration_page .owl-carousel .owl-nav button.owl-prev, .gupta_speration_page .owl-carousel .owl-nav button.owl-next { bottom: 25px; background: none !important; width: 55px; height: 33px; display: flex!important; align-items: center; justify-content: center; } 
.gupta_speration_page .owl-carousel .owl-nav button.owl-prev { border-radius: 0!important; } 
.gupta_speration_page .owl-carousel .owl-nav button.owl-next { right: auto; left: 63px; border-left: 1px solid #ffffff85; border-radius: 0!important; } 
.gupta_speration_page .owl-carousel .owl-nav{ top: auto; bottom: 0; } 
.egrgr_tri { height: 100%; display: flex; align-items: center; } 
.Store-button-01 { background: #790000; border: 0; color: #fff!important; font-size: 14px; padding: 8px 15px 8px 15px; } 
.strore-red-heading { margin-bottom: 20px; display: inline-block; } 
.uguyg_tri { display: flex; flex-wrap: wrap; margin-bottom: 35px; } 
.wdygyu_tri { font-size: 22px; color: #790000; margin-bottom: -8px; } 
.iugyi_tri { font-size: 13px; color: #000000; font-weight: 400; } 
.wduyf_tri {padding-bottom: 20px;width: 85%;border-bottom: 1px solid #e1e1e1;position: relative;margin-bottom: 20px;} 
.text-strore-area { padding: 0 12px 0; z-index: 2; display: flex; } 
.ty_tri:nth-child(even) .wduyf_tri { width: 100%; } 
.ty_tri:nth-child(odd) { width: 56%; } 
.ty_tri .wduyf_tri:after { content:""; width: 85%; display: block; position: absolute; bottom: -25px; } 
.ty_tri:nth-child(3) .wduyf_tri:after , .ty_tri:nth-child(4) .wduyf_tri:after { border: 0; } 
.ty_tri:nth-child(3) .wduyf_tri , .ty_tri:nth-child(4) .wduyf_tri { margin-bottom: 0; border: 0; padding: 0; } 
h4.store-heading-345 { font-size: 26px; color: #8d0000; margin-bottom: 15px; position: relative; padding-bottom: 13px; } 
h4.store-heading-345:before { content:""; position: absolute; bottom: 0; width: 90px; height: 3px; background: #8d0000; border-radius: 30px; } 
h4.store-heading-345:after{ content:""; position: absolute; bottom: 0; width: 15px; height: 3px; background: #8d0000; border-radius: 30px; left: 94px; } 
span.eferg_tri { color: #000; } 
p.store-para-red { font-weight: 400; font-size: 13px; line-height: 20px; color: #000000; margin: 0; } 
img.ofuhuih_tri { width: 100%; } 
.wudighi_tri { width: 30px; margin-right: 10px; opacity: .4; } 
.wdudyf_tri { display: flex; align-items: center; margin-bottom: 6px; }
.store-content-box {position: relative;}
.text-strore-area:before {background-image: url(../images/logo-GC.png); background-repeat: no-repeat; content: ""; position: absolute; background-position: center; left: 0; top: 0; width: 100%; height: 100%; opacity: 0.1; background-size: 350px;background-blend-mode: overlay; background-color: #ffffffb8; }
@media screen and (max-width: 767px) {
p.store-para-red { text-align: justify; } .text-strore-area { text-align: center;  padding: 8px 0 0!important; } .gupta_speration_page-01 { padding: 0 5px !important; } .text-strore-area { text-align: center; padding: 8px 0 0 !important; } .wdudyf_tri { display: block; } .wudighi_tri { margin: 0 auto 4px; } .iugyi_tri { font-size: 11px; }
}
/*========= Aboutus ==============*/

/*========= brand logo ==============*/
.wrapper-brand-logo { margin-top: 0px !important; margin-bottom: 0px !important; box-shadow: 0 0 7px #0000001a; } 
.wrapper-brand-logo .section-heading h4 { text-transform: initial !important; letter-spacing: 0px !important; } 
section.wrapper-brand-logo.pt-50 .container { padding: 0px; } 
.brand-logos { margin: 0 18px; } 
.brand-logos { padding-bottom: 30px; } 
ul#all-brand { padding-bottom: 32px; display: flex; flex-wrap: wrap; justify-content: center;list-style: none; padding-left: 0;} 
#all-brand li { height: auto !important; margin: 0; padding: 7px; border: none; } 
#all-brand li:hover::after { display: none; } 
#all-brand li:nth-child(n + 19) { display: none; } 
#all-brand.shw-all li:nth-child(n + 19) { display: block; } 
#all-brand li a {    pointer-events: none; background: none; width: 100%; height: 55px; transform: none; position: relative; padding-top: 53%; border: 1px solid #f4f4f4; display: block; margin: 0px; font-size: 0px; box-shadow: 0 2px 7px 0 rgb(0 0 0 / 17%); background: #fff; padding: 2px 10px; } 
#all-brand li a svg { width: 60%; height: 100%; max-width: 100px; position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; z-index: 1; } 
.border-active #all-brand li a:before { content: ""; top: 0; left: 50%; width: 1px; height: 100%; background-color: red; display: block; position: absolute; transform: translateX(-50%); pointer-events: none; } 
.border-active #all-brand li a:after { content: ""; top: 50%; left: 0; width: 100%; height: 1px; background-color: red; display: block; position: absolute; transform: translateY(-50%); pointer-events: none; } 
.border-active #all-brand li { position: relative; } 
.brand_new { width: 10%; height: 85px; } 
.brand_new a img { width: 100%; height: 100%; object-fit: contain; } 
.new_add_btn { display: flex; align-items: center; justify-content: center; } 
#toggle-btnTxt { background: #790000; border: 1px solid #790000; border-radius: 0; color: #fff; cursor: pointer; display: inline-block; font-size: 12px; font-weight: 500; letter-spacing: .5px; line-height: 20px; padding: 10px 0; width: 110px; text-transform: uppercase; box-shadow: 0 10px 20px rgba(64, 64, 64, .12); transition: box-shadow .3s ease-in-out; } 
.d-flex.w-100.mb-50.new_padding { padding: 0 28px; } 
h4.ethos_title.font_18.fw-400.new_add_home { font-size: 25px; font-weight: normal !important; } 
.ethos_title { line-height: 24px; color: #000000; font-weight: 500; letter-spacing: .5px; text-transform: uppercase; }
@media screen and (max-width: 767px) {
section.wrapper-brand-logo.pt-50 .container {padding: 0px;width: 100%;}
.wrapper-brand-logo .brand-logos {margin: 0;}
.wrapper-brand-logo .d-flex.w-100.mb-50.new_padding {padding: 0 0;}
#all-brand li {width: 25%;}
}
/*========= brand logo ==============*/
