/* Fonts --------------------------*/
@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400;500;600;700&display=swap");

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

@font-face {
	font-family: "Avenir";
	src: url("../fonts/Avenir-Black.ttf") format("truetype");
	font-weight: 700;
	font-style: normal;
}
@font-face {
	font-family: "Avenir";
	src: url("../fonts/Avenir-Heavy.ttf") format("truetype");
	font-weight: 600;
	font-style: normal;
}
@font-face {
	font-family: "Avenir";
	src: url("../fonts/Avenir-Medium.ttf") format("truetype");
	font-weight: 500;
	font-style: normal;
}
@font-face {
	font-family: "Avenir";
	src: url("../fonts/Avenir-Regular.ttf") format("truetype");
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: "Avenir";
	src: url("../fonts/Avenir-Book.ttf") format("truetype");
	font-weight: 300;
	font-style: normal;
}

html {
	scroll-behavior: smooth;
}

body {
	background-color: #fff;
	font-family: "Avenir", sans-serif;
	font-size: 14px;
	font-weight: 400;
	font-style: normal;
	line-height: 1.5;
	color: #000;
}

/** Normalize *********************/
*,
*::after,
*::before {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	outline: none;
	outline: 0;
}
a,
a:hover,
a:focus,
a:active {
	color: inherit;
	text-decoration: none;
}
input,
textarea,
select,
button {
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	color: inherit;
}
button {
	cursor: pointer;
}
img {
	vertical-align: middle;
	border-style: none;
}

/** Base *********************/
table {
	border-collapse: collapse;
}
/**/
.imgRes {
	width: 100%;
	height: auto;
}
.noList {
	list-style: none;
}
.txtCenter {
	text-align: center;
}
.txtDcUn {
	text-decoration: underline;
}
.fontSerif {
	font-family: "Cormorant Garamond", serif;
}
.fsI {
	font-style: italic;
}
.fw300 {
	font-weight: 300;
}
.fw400 {
	font-weight: 400;
}
.fw500 {
	font-weight: 500;
}
.fw600 {
	font-weight: 600;
}
/**/
.clrWhite {
	color: #fff;
}
.clrBlack {
	color: #000;
}
.bgBlGr {
	background-color: #6b8085;
}
.bgGray {
	background-color: #404040;
}
/**/
.btn {
	position: relative;
	display: inline-block;
	padding: 10px;
	height: 56px;
	min-width: 150px;
	border: 0;
	background-color: transparent;
	font-size: 14px;
	font-weight: 500;
	text-align: center;
	text-transform: uppercase;
	line-height: 34px;
	letter-spacing: 1px;
	transition: all 0.3s;
	z-index: 10;
}
.btnBg::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transition: all 0.3s;
	z-index: -1;
}
.btnBg:hover::after {
	transform: scale(1.05);
}
.btnBg:hover {
	z-index: 2;
}
.btnTxtWht,
.btnTxtWht:hover {
	color: #fff;
}
.btnShadow:hover {
	box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.16);
}
.btnLtGry::after {
	background-color: #edeeef;
}
.btnWhiteBB::after {
	border: 3px solid #000;
	background-color: #fff;
	color: #000;
}
.btnWhiteBd:after {
	border: 3px solid #fff;
}
.btnBlGry::after {
	background-color: #6b8085;
}
.btnBrwn::after {
	background-color: #764c41;
}
.btnWhite::after {
	background-color: #fff;
}
.btnGry::after {
	background-color: #404341;
}
.btnBlBk::after {
	background-color: #2d4a52;
}
/**/
.biBtn {
	position: relative;
	display: grid;
	grid-template-columns: 1.9fr 1fr;
}
.biBtn .btn {
	height: 30px;
	min-width: 50px;
	padding: 4px;
	font-size: 10px;
	line-height: 20px;
	z-index: 1;
}
.biBtn .btn:hover {
	z-index: 5;
}
.biBtn .btn img {
	margin-right: 3px;
	height: 16px;
	width: auto;
}
.biBtn .btn:after {
	border-width: 1px;
}
/**/
.videoBox {
	position: relative;
	width: 100%;
	max-width: 100%;
	z-index: 10;
}
.videoBox .videoLink {
	max-width: 100%;
	height: 0;
	padding-bottom: 56.25%;
	overflow: hidden;
}
.videoBox iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 20;
}
/**/
.cSelect {
	padding-right: 22px;
	width: 100%;
	border: 1px solid #d9dadb;
	background: transparent url("../img/arrow-down.svg") no-repeat right 7px center/8px 8px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	cursor: pointer;
}

/** Grid *********************/
.container {
	width: 100%;
	max-width: 100%;
	padding: 0 15px;
}
.containerSm {
	width: 100%;
	max-width: 1340px;
	margin: 0 auto;
	padding: 0 15px;
}
.flexBox {
	display: flex;
}
.flexInline {
	display: inline-flex;
}
.flexWrap {
	flex-wrap: wrap;
}
.flexJcc {
	justify-content: center;
}
.flexJcb {
	justify-content: space-between;
}
.flexAis {
	align-items: flex-start;
}
.flexAic {
	align-items: center;
}
.flexColumn {
	flex-direction: column;
}

/** Main Style *********************/
/** Header **/
.header {
	position: relative;
	z-index: 100;
}
/**/
.headerTop {
	padding: 12px 0;
	background-color: #fff;
}
.headerTop .hTLinks {
	justify-content: flex-end;
	gap: 36px;
}
.headerTop .hTLinks a {
	font-size: 15px;
	font-weight: 500;
	letter-spacing: 1px;
	transition: all 0.3s;
}
.headerTop .hTLinks a:hover {
	color: rgba(0, 0, 0, 0.5);
}
/** Navbar **/
.navbar {
	position: relative;
	background-color: #4d4d4d;
	color: #fff;
}
.navbar .navMobi {
	padding-right: 8px;
}
.navbar .brandLogo img {
	height: 22px;
	width: auto;
}
.navbar .navBtn {
	transition: all 0.3s;
}
.navbar .navBtn:hover {
	color: #000;
}
.navbar .navBtn svg {
	height: 16px;
	width: auto;
}
.navbar .navBtnBox .navBtn + .navBtn {
	margin-left: 15px;
}
.navbar .cartBtn {
	position: relative;
	padding-right: 14px;
}
.navbar .cartBtn span {
	position: absolute;
	top: -7px;
	right: 0;
	min-width: 14px;
	height: 14px;
	padding: 0 2px;
	border-radius: 10px;
	border: 1px solid #fff;
	background-color: #2d4a52;
	font-size: 10px;
	line-height: 12px;
	color: #fff;
	text-align: center;
}
/* Menu List */
.navbar .menuList {
	padding-top: 32px;
}
.navbar .menuList li {
	margin: 0 5px;
	padding-bottom: 32px;
}
.navbar .menuList li > a {
	position: relative;
	padding: 0 5px;
	font-size: 14px;
	line-height: 22px;
	letter-spacing: 0.5px;
	text-transform: uppercase;
}
.navbar .menuList li > a::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	height: 1px;
	width: 0;
	background-color: #fff;
	transition: all 0.3s;
}
.navbar .menuList li:hover > a::after {
	left: 0;
	width: 100%;
}
/**/
.navbar .menuList .subMenu .subMenuBox {
	position: absolute;
	left: 0;
	top: 95%;
	width: 100%;
	padding: 40px 0;
	background-color: #fff;
	box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.05);
	color: #000;
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s ease-in-out;
	z-index: 105;
}
.navbar .menuList .subMenu:hover .subMenuBox {
	top: 100%;
	opacity: 1;
	visibility: visible;
}
.navbar .subMenuBox .sMnGrid {
	display: grid;
	grid-template-columns: 160px 1fr;
	grid-gap: 20px;
}
.navbar .subMenuBox .sMnSide .btn {
	width: 100%;
}
.navbar .subMenuBox .sMnSide .btn {
	margin-bottom: 2px;
}
.navbar .subMenuBox .sMnOptn {
	display: grid;
	grid-auto-flow: column;
	transform: translateY(30px);
	transition: all 0.3s;
}
.navbar .subMenuBox .sMnOptnSu {
	grid-template-columns: auto auto auto auto;
	grid-gap: 10px;
}
.navbar .subMenu:hover .subMenuBox .sMnOptn {
	transform: translateY(0px);
}
.navbar .subMenuBox .sMnOpImgBox .sMnOpImg {
	display: none;
	width: 100%;
	max-width: 160px;
	max-height: 160px;
	object-fit: contain;
	object-position: left;
}
.navbar .subMenuBox .sMnOpImgBox .sMnOpImg.show {
	display: block;
}
.navbar .subMenuBox .sMnOpLinkBox h5 {
	margin-bottom: 15px;
	font-size: 14px;
	font-weight: 500;
}
.navbar .subMenuBox .sMnOpLinkBox h5 span {
	border-bottom: 1px solid #000;
}
.navbar .subMenuBox .sMnOpLinkBox .sMnOpLink {
	margin-bottom: 10px;
	font-size: 12px;
	font-weight: 300;
}
.navbar .subMenuBox .sMnOptnBk {
	grid-template-columns: auto auto auto;
	grid-gap: 20px;
}
.navbar .subMenuBox .sMnOptnAs {
	grid-template-columns: auto auto auto auto;
	grid-gap: 20px;
}
.navbar .subMenuBox .sMnOptnAs .sMnOpImgBox img {
	margin-bottom: 20px;
	width: 100%;
	max-width: 120px;
	max-height: 120px;
	object-fit: contain;
	object-position: center;
}

/* Menu Button */
.navbar .menuBtn {
	position: relative;
	margin-right: 15px;
	width: 24px;
	height: 17px;
	border: 0;
	background-color: transparent;
	cursor: pointer;
	z-index: 90;
}
.navbar .menuBtn span {
	position: absolute;
	left: 0;
	width: 24px;
	height: 3px;
	background: #fff;
	transition: all 0.35s ease;
}
.navbar .menuBtn span:first-child {
	top: 0;
	transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.navbar .menuBtn span:nth-child(2) {
	top: 7px;
	transition: opacity 0.125s ease 0.275s;
}
.navbar .menuBtn span:last-child {
	bottom: 0;
	transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.navbar .menuBtn.on span:first-child {
	transition-delay: 75ms;
	transform: translate3d(0, 7px, 0) rotate(135deg);
}
.navbar .menuBtn.on span:nth-child(2) {
	transition-delay: 0s;
	opacity: 0;
}
.navbar .menuBtn.on span:last-child {
	width: 100%;
	transition-delay: 75ms;
	transform: translate3d(0, -7px, 0) rotate(-135deg);
}
/* Mobile Menu */
.navbar .menuMobi {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	max-height: 0;
	padding: 15px 15px 25px 15px;
	background-color: #fff;
	opacity: 0;
	visibility: hidden;
	overflow: hidden;
	transition: all 0.35s;
	z-index: 80;
}
.navbar .menuMobi.open {
	opacity: 1;
	visibility: visible;
	max-height: 550px;
	box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.05);
}
.menuMobi .mmGrid {
	margin-bottom: 35px;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 10px 8px;
	color: #000;
}
.menuMobi .mmGrid .mmGCard {
	background-color: #f5f5f5;
	transition: all 0.3s;
}
.menuMobi .mmGrid .mmGCard:hover {
	background-color: #eee;
}
.menuMobi .mmGrid .mmGCard:first-child {
	grid-column: 1 / span 2;
}
.menuMobi .mmGCard h5 {
	padding-left: 15px;
	font-size: 16px;
	font-weight: 300;
}
.menuMobi .mmGCard img {
	height: 55px;
	width: auto;
}
.menuMobi .mmRow {
	margin-bottom: 35px;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 1px;
}
.menuMobi .mmRCard {
	padding: 10px;
	background-color: #6b8085;
}
.menuMobi .mmRCard h5 {
	margin-bottom: 5px;
	font-size: 16px;
	font-weight: 500;
}
.menuMobi .mmRCard p {
	font-size: 10px;
}
.menuMobi .mmLCard {
	display: block;
	margin-bottom: 5px;
	padding: 9px 15px;
	background-color: #f4f4f4;
	color: #000;
}
.menuMobi .mmLCard h5 {
	margin-right: 10px;
	font-size: 14px;
	font-weight: 300;
}
.menuMobi .mmLCard img {
	height: 15px;
	width: 15px;
}
/* Side Cart */
body.overflow {
	overflow: hidden;
}
.sideCart {
	position: fixed;
	top: 0;
	right: 0;
	z-index: -1;
}
.sideCart.show {
	width: 100vw;
	height: 100vh;
}
.sideCart .backDrop {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 0;
	height: 0;
	background: #f5f5f5;
	opacity: 0;
	transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
}
.sideCart.show .backDrop {
	width: 100vw;
	height: 100vh;
	opacity: 0.7;
	transition: opacity 0.5s;
}
.sideCart .sideCartBox {
	position: absolute;
	top: 0;
	right: 0;
	width: 600px;
	height: 100vh;
	padding: 130px 15px 50px 15px;
	background-color: #fff;
	transform: translateX(600px);
	transition: transform 0.3s cubic-bezier(0, 0, 0.3, 1);
	overflow-y: auto;
}
.sideCart.show .sideCartBox {
	transform: translateX(0);
	transition: transform 0.3s cubic-bezier(0, 0, 0.3, 1);
}
/**/
.sideCart .sCrtHead {
	margin-bottom: 50px;
}
.sideCart .sCrtHead h3 {
	font-size: 30px;
}
.sideCart .sCrtHead p {
	align-self: flex-end;
	margin-bottom: 10px;
	font-size: 12px;
	text-decoration: underline;
}
.sideCart .sCrtProd {
	margin-bottom: 60px;
}
.sideCart .sCPrInfo h5 {
	margin-bottom: 15px;
	font-size: 18px;
	font-weight: 500;
}
.sideCart .sCPrInfo p {
	margin-bottom: 10px;
}
.sideCart .sCPrInfo .sCPrImg img {
	margin-bottom: 15px;
	max-width: 170px;
	height: auto;
}
.sideCart .sCPrData h5 {
	margin-bottom: 10px;
	font-size: 18px;
	font-weight: 500;
}
.sideCart .sCPrData p {
	margin-bottom: 20px;
}
.sideCart .sCrtBtns .btn {
	width: 100%;
}
.sideCart .sCrtBtns .btn + .btn {
	margin-top: 30px;
}
.sideCart .sCrtBtns .btn:hover::after {
	transform: scale(1.01, 1.05);
}
.sideCart .sCrtBtns .btnBlGry {
	font-size: 20px;
}
.sideCart .sCrtBtns .btnWhiteBB {
	font-size: 18px;
}

/** Main **/
.main {
	height: 400px;
}
/* Page Header */
.pageHead {
	padding: 40px 0;
}
.pageTitle {
	font-family: "Cormorant Garamond", serif;
	font-size: 28px;
	font-weight: 600;
	line-height: 1.2;
}
.secTitle {
	font-family: "Cormorant Garamond", serif;
	font-size: 24px;
	font-weight: 500;
	line-height: 1.2;
}
/* Tab */
.tabPanel {
	display: none;
	min-height: 180px;
}
.tabPanel.active {
	transition: all 1s ease;
	display: block;
}
.fadeIn {
	animation-name: fadeIn;
	animation-duration: 1.5s;
}
@keyframes fadeIn {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}
/**/
.imgTag {
	position: absolute;
	left: 9px;
	bottom: 9px;
	padding: 4px 5px;
	border: 0.5px solid #000;
	background-color: rgba(255, 255, 255, 0.5);
	font-size: 6px;
	font-weight: 500;
}
/* Breadcrumb */
.breadcrumbBox {
	padding: 50px 0;
}
.breadcrumb .bcItem {
	font-size: 10px;
}
.breadcrumb .bcItem + .bcItem {
	padding-left: 3px;
}
.breadcrumb .bcItem + .bcItem::before {
	content: ">";
	padding-right: 3px;
}
/**/
.inputBox {
	margin-bottom: 25px;
}
.fLabel {
	display: inline-block;
	margin-bottom: 3px;
	font-size: 14px;
	font-weight: 500;
}
.fInput {
	display: block;
	padding: 6px 20px;
	width: 100%;
	height: 40px;
	border: 1px solid #707070;
	font-size: 14px;
	line-height: 1.2;
}
textarea.fInput {
	height: 100px;
}
.lblReq {
	position: relative;
	display: block;
	padding-right: 35px;
}
.lblReq::after {
	content: "Required";
	position: absolute;
	right: 0;
	bottom: 0;
	font-size: 8px;
	font-weight: 500;
	color: #707070;
}

/** Footer **/
.footer .ftrTop {
	padding: 25px 20px;
}
.footer .ftrTop .ftrSub h5 {
	margin-bottom: 10px;
	font-size: 12px;
	font-weight: 500;
}
.footer .ftrTop .ftrSub .emailInput {
	margin-bottom: 10px;
	padding: 4px 12px;
	width: 100%;
	max-width: 350px;
	border: 1px solid #fff;
	background-color: transparent;
	font-size: 12px;
	font-weight: 300;
}
.footer .ftrTop .ftrSub p {
	font-size: 10px;
	font-weight: 300;
}
.footer .ftrMain {
	padding-top: 25px;
}
/**/
.footer .ftrMain .ftrLinks {
	margin-bottom: 40px;
	padding: 0 45px;
}
.footer .ftrLinks .ftrLnBox {
	margin-bottom: 20px;
}
.footer .ftrLnBox h4 {
	position: relative;
	padding-right: 30px;
	font-size: 18px;
	font-weight: 500;
}
.footer .ftrLnBox li {
	margin-top: 14px;
}
.footer .ftrLnBox li a {
	font-size: 15px;
	font-weight: 300;
}
.footer .ftrLnBox .accHead {
	cursor: pointer;
}
.footer .ftrLnBox .accHead.active h4::after {
	transform: rotate(90deg);
	transform-origin: 50% 50%;
}
.footer .ftrLnBox .accList {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.3s ease-out;
}
/**/
.footer .ftrCards {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
}
.footer .ftrCard {
	padding: 10px;
	border: 1px solid #fff;
	background-color: #6b8085;
	text-align: center;
}
.footer .ftrCard h5 {
	margin-bottom: 5px;
	font-size: 16px;
	font-weight: 500;
}
.footer .ftrCard p {
	font-size: 10px;
}
.footer .copyRight p {
	padding: 15px 0;
}

/*-- Home Page --*/
/** Banner **/
.bannerSec {
	display: grid;
	grid-template-columns: 1fr 1fr;
	align-items: center;
}
.bannerSec .bannerTxt {
	padding: 0 15px;
}
.bannerSec .bannerTxt h2 {
	margin-bottom: 10px;
	font-size: 22px;
	line-height: 1;
}
.bannerSec .bannerTxt p {
	margin-bottom: 15px;
	font-size: 12px;
	line-height: 1.2;
}
.bannerSec .bannerImg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
/** By Category **/
.byCat {
	padding: 80px 0;
}
.byCat .secTop {
	margin-bottom: 10px;
}
.byCat .byCatList {
	margin: 0 auto;
	padding: 15px;
	max-width: 1240px;
	overflow-x: auto;
	display: grid;
	grid-auto-flow: column;
	grid-gap: 15px;
}
.byCat .byCatList .btn {
	width: 230px;
}
.byCat .byCatList .btn::after {
	border-radius: 3px;
}
/** the Difference **/
.theDiff {
	padding: 20px;
	background-color: #e8e5da;
}
.theDiff .secTop {
	margin-bottom: 20px;
}
.theDiff .theDiffBox {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 28px;
}
.theDiff .tDifImg img {
	margin-bottom: 5px;
	width: 100%;
	height: auto;
}
.theDiff .tDifInfo h4 {
	margin-bottom: 5px;
	font-size: 12px;
	font-weight: 600;
}
.theDiff .tDifInfo h4 span:last-child {
	font-size: 10px;
	font-weight: 300;
}
.theDiff .tDifInfo p {
	font-size: 10px;
	font-weight: 300;
}
/** Best Sellers **/
.bstSlr {
	padding: 90px 0;
}
.bstSlr .secTop {
	margin-bottom: 15px;
}
.bstSlr .bSlrBox {
	margin-bottom: 50px;
	gap: 18px;
	overflow: auto;
}
.bstSlr .bSlrBox .bSlrCard {
	padding-bottom: 10px;
	min-width: 150px;
	width: 150px;
	text-align: center;
	cursor: pointer;
}
.bstSlr .bSlrCard .bSlCrdImg img {
	margin-bottom: 5px;
	width: 100%;
	height: auto;
	transition: all 0.3s;
}
.bstSlr .bSlrCard:hover .bSlCrdImg img {
	transform: scale(1.02);
}
.bstSlr .bSlrCard .bSlCrdInfo h5 {
	font-size: 12px;
	font-weight: 400;
	transition: all 0.3s;
}
.bstSlr .bSlrCard:hover .bSlCrdInfo h5 {
	transform: scale(1.05);
}
.bstSlr .bSlrCard .bSlCrdStar img {
	width: auto;
	height: 10px;
}
/** How Section **/
.howSec {
	padding: 25px 0;
	background-color: #f5f5f5;
}
.howSec .secTop {
	margin: 0 0 20px 30px;
}
.howSec .howSVideo {
	padding: 0 20px;
}
.howSec .videoBox {
	margin-bottom: 45px;
}
.howSec .howSInCard {
	padding-bottom: 10px;
	/* min-width: 140px; */
	text-align: center;
}
.howSec .howSInCard img {
	margin-bottom: 5px;
	width: 55px;
	height: 32px;
	object-fit: contain;
	object-position: bottom center;
}
.howSec .howSInCard h5 {
	margin-bottom: 5px;
	font-size: 12px;
	font-weight: 500;
}
.howSec .howSInCard p {
	font-size: 12px;
	font-weight: 500;
	line-height: 1.2;
}
/** Shop Space **/
.shopSpace {
	padding: 85px 0;
}
.shopSpace .secTop {
	margin-bottom: 25px;
}
.shopSpace .secTop .subTitle {
	font-size: 11px;
	font-weight: 300;
	color: #707070;
}
.shopSpace .tabLinks {
	padding: 0 15px 25px 15px;
	gap: 6px;
}
.shopSpace .tabLink {
	padding: 4px 5px;
	width: 90px;
	border: 1px solid #000;
	background-color: #fff;
	font-size: 12px;
	font-weight: 500;
	transition: all 0.3s;
}
.shopSpace .tabLink.on {
	box-shadow: inset 0 0 0 2px #000;
}
.pdImgSlide {
	padding: 0 15px;
	gap: 14px;
	overflow: auto;
}
.fadeEffect {
	animation: fadeEffect 0.6s ease;
}
@keyframes fadeEffect {
	from {
		opacity: 0;
		margin-left: 30px;
	}
	to {
		opacity: 1;
		margin-left: 0;
	}
}
.pdImgSlide .pdImgCd {
	position: relative;
	margin-bottom: 10px;
}
.pdImgSlide .pdImgCd img {
	height: 320px;
	width: auto;
}
/* HotSpot */
.hotSpot {
	position: absolute;
	z-index: 0;
	cursor: pointer;
	z-index: 9;
}
.hotSpot .hotSpotDot {
	height: 16px;
	width: 16px;
	border-radius: 50%;
	background-color: #fff;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.835);
	animation: button-pulse 7s ease-in-out infinite;
}
.hotSpot .hotSpotInfo {
	position: absolute;
	right: 34px;
	top: 50%;
	padding: 10px;
	width: 180px;
	background-color: #fff;
	filter: drop-shadow(3px 3px 6px rgba(0, 0, 0, 0.16));
	transform: translateY(-50%);
	visibility: hidden;
	opacity: 0;
	transition: all 0.3s;
}
.hotSpot .hotSpotDot.show ~ .hotSpotInfo {
	visibility: visible;
	opacity: 1;
}
.hotSpot .hotSpotInfo::before {
	content: "";
	position: absolute;
	top: 50%;
	right: -16px;
	margin-top: -18px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 18px 0 18px 16px;
	border-color: transparent transparent transparent #fff;
}
.hotSpot .hotSpotInfo h5 {
	margin-bottom: 10px;
	font-size: 16px;
	font-weight: 500;
}
.hotSpot .hotSpotInfo p {
	font-size: 11px;
	font-weight: 300;
}
.hotSpot .hotSpotInfo.hsfRight {
	left: 34px;
	right: auto;
}
.hotSpot .hotSpotInfo.hsfRight::before {
	left: -16px;
	right: auto;
	border-width: 18px 16px 18px 0;
	border-color: transparent #fff transparent transparent;
}
/** Msg Banner **/
.msgBanner {
	padding: 75px 0;
	background-image: url(../img/msg-banner.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.msgBanner h3 {
	margin-bottom: 15px;
	font-size: 14px;
	font-weight: 400;
}
/** Slide Section **/
.slideSec {
	padding: 140px 0;
}
.slideBox {
	position: relative;
	padding: 0 50px;
}
.sSlide {
	display: none;
}
.slideBox .slideCard {
	display: grid;
	grid-template-columns: 1fr 1.2fr;
}
.slideBox .slideCard.scRev {
	grid-template-columns: 1.2fr 1fr;
}
.slideCard .slideImg img {
	width: 100%;
	height: auto;
}
.slideCard .slideInfo {
	padding: 30px 20px;
	background-color: #f8f8f8;
}
.slideCard .slideInfo h4 {
	margin-bottom: 25px;
	font-size: 22px;
	font-weight: 400;
}
.slideCard .slideInfo p {
	margin-bottom: 10px;
	font-size: 12px;
}
.slideCard .slideInfo .slidePara {
	margin-bottom: 30px;
}
.slideCard .starBox img {
	margin-bottom: 40px;
	height: 20px;
	width: auto;
}
.slideCard .slideInfo .btn {
	width: 100%;
}
.slideBox .slideArrow {
	display: inline-block;
	position: absolute;
	top: calc(50% - 20px);
	cursor: pointer;
}
.slideBox .prevSlide {
	left: 0;
}
.slideBox .nextSlide {
	right: 0;
}
.slideBox .slideArrow img {
	width: 40px;
	height: 40px;
}
.zoomIn {
	animation-name: zoomIn;
	animation-duration: 1.5s;
}
@keyframes zoomIn {
	from {
		opacity: 0;
		transform: scale3d(0.95, 0.95, 0.95);
	}

	50% {
		opacity: 1;
	}
}

/*-- Gallery Page --*/
/** Gallery Section **/
/* Filter Box */
.filterBox {
	padding: 25px 0;
	background-color: #f5f5f5;
}
.fltrAll h4 {
	padding: 10px 0;
	font-size: 20px;
	font-weight: 600;
}
.fltrAll .fltrList {
	gap: 18px;
}
.fltrAll .fltrOptn label {
	display: inline-block;
	padding: 6px 10px;
	height: 38px;
	border: 1px solid #000;
	background-color: #fff;
	font-weight: 500;
	cursor: pointer;
}
.fltrAll .fltrOptn label span {
	display: inline-block;
	vertical-align: middle;
}
.fCheckbox {
	width: 16px;
	height: 16px;
	margin-right: 5px;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	border: 1px solid #000;
	vertical-align: middle;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.fCheckbox:checked {
	background-color: #fff;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23171d35' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
}
/**/
.galBox {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 15px;
	max-width: 1260px;
	padding: 110px 15px;
	margin: 0 auto;
}
.galBox .galImg {
	position: relative;
	cursor: pointer;
}
.galBox .galImg img {
	width: 100%;
	height: auto;
}
.galSec .btnBox {
	margin-bottom: 150px;
}
/** LightBox **/
.lightBox {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	padding: 35px 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgba(0, 0, 0, 0.45);
	z-index: 100;
}
.lbContent {
	position: relative;
	background-color: #fff;
	margin: auto;
	padding: 0;
	width: 90%;
	max-width: 950px;
}
.closeLb {
	position: absolute;
	top: 10px;
	right: 10px;
	height: 16px;
	width: 16px;
	background-color: rgba(255, 255, 255, 0.3);
	font-size: 16px;
	font-weight: 600;
	color: #000;
	text-align: center;
	line-height: 1;
	cursor: pointer;
}
.lbSlide {
	display: none;
}
.lightBox .slideArrow {
	display: inline-block;
	position: absolute;
	top: calc(50% - 10px);
	cursor: pointer;
}
.lightBox .prevSlide {
	left: -20px;
}
.lightBox .nextSlide {
	right: -20px;
}
.lightBox .slideArrow img {
	width: 20px;
	height: 20px;
}
.lbSldCard .lbScImg img {
	width: 100%;
	height: auto;
}
.lbSldCard .lbScInfo {
	padding: 15px;
}
.lbSldCard .lbScInfo .pdImg img {
	margin-bottom: 20px;
	width: 100%;
	max-width: 250px;
	height: auto;
}
.lbSldCard .lbScInfo .btnBox .btn {
	margin-bottom: 30px;
	padding: 4px;
	height: 32px;
	min-width: 140px;
	line-height: 24px;
}
.lbSldCard .lbScInfo h3 {
	margin-bottom: 15px;
	font-size: 30px;
	font-weight: 400;
}
.lbSldCard .lbScInfo p {
	margin-bottom: 100px;
	font-size: 18px;
	line-height: 2;
}
.lbSldCard .lbScInfo .lbScLogo img {
	width: 64px;
	height: auto;
}

/*--  Product Page --*/
.productPage .breadcrumbBox {
	padding: 25px 0;
}
/** Product Box **/
.prodBox {
	padding-bottom: 150px;
}
.prodGall {
	margin-bottom: 100px;
}
.prodGall .prodMainImg {
	margin-bottom: 20px;
}
.prodGall .prodMainImg img {
	width: 100%;
	height: auto;
}
.prodGall .prodGlRow {
	display: flex;
	justify-content: center;
	gap: 20px;
}
.prodGall .prGlThumb img {
	height: 38px;
	width: auto;
}
.pMainGall .prGlThumb img {
	box-shadow: 0px 2px 6px #00000029;
}
.pDsgnGall {
	position: relative;
	/* padding: 70px 70px 40px 70px; */
	padding: 40px 20px;
	border: 0.25px solid #707070;
}
.pDsgnGall .pDgGlRow {
	gap: 25px;
}
.pDsgnGall .arrow {
	position: absolute;
	top: calc(50% - 8px);
	display: inline-block;
}
.pDsgnGall .arrow img {
	width: 16px;
	height: auto;
}
.pDsgnGall .arrowPre {
	left: 4px;
}
.pDsgnGall .arrowNxt {
	right: 4px;
}
/**/
.prodDtls .prodAbout {
	margin-bottom: 50px;
}
.prodDtls .prodAbout .prodTitle {
	margin-bottom: 15px;
	font-size: 34px;
	font-weight: 600;
	line-height: 1.2;
}
.prodDtls .prodAbout .prodTxt {
	margin-bottom: 10px;
}
.prodDtls .prodAbout .prodTxt a {
	text-decoration: underline;
}
.prodDtls .prodInfo .prodRating img {
	margin-right: 5px;
	height: 34px;
	width: auto;
}
.prodDtls .prodInfo .prodRating a {
	font-size: 16px;
	font-weight: 500;
	text-decoration: underline;
}
/*Product Options*/
.prodOptn {
	margin-bottom: 60px;
}
.prodOptn .pOptnCard {
	margin-bottom: 5px;
}
.prodOptn .accHead {
	position: relative;
	padding: 0 30px 0 20px;
	background-color: rgba(77, 77, 77, 0.15);
	cursor: pointer;
}
.prodOptn .accHead::after {
	content: "";
	position: absolute;
	right: 6px;
	top: calc(50% - 8px);
	width: 16px;
	height: 16px;
	background-image: url(../img/arrow-down.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	transition: all 0.3s ease-in-out;
}
.prodOptn .accHead .headInner {
	height: 50px;
	padding: 4px 0;
}
.prodOptn .accHead .numberBox {
	margin-right: 12px;
	height: 20px;
	width: 24px;
	min-width: 24px;
	background-color: #4d4d4d;
	box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.16);
	font-weight: 500;
	color: #fff;
	line-height: 20px;
	text-align: center;
}
.prodOptn .accHead .opName {
	margin-right: 15px;
	font-size: 14px;
	font-weight: 500;
	white-space: nowrap;
}
.prodOptn .accHead .opInfo {
	margin-right: 15px;
	position: relative;
	display: inline-flex;
	z-index: 20;
}
.prodOptn .accHead .opInfo .opInfoBtn {
	height: 16px;
	width: auto;
	cursor: pointer;
}
.prodOptn .accHead .opInfo .infoHover {
	display: none;
	position: absolute;
	left: 100%;
	top: calc(50% - 6px);
	margin-left: 4px;
	padding: 0 4px;
	border: 0.5px solid #707070;
	background-color: #fff;
	font-size: 8px;
	line-height: 12px;
	white-space: nowrap;
}
.prodOptn .accHead .opInfo .infoHover::before {
	content: "";
	position: absolute;
	left: -3px;
	top: calc(50% - 3px);
	width: 6px;
	height: 6px;
	border-color: #fff #fff #707070 #707070;
	border-width: 0.5px;
	border-style: solid;
	background-color: #fff;
	transform: rotate(45deg);
}
.prodOptn .accHead .opInfo .opInfoBtn:hover ~ .infoHover {
	display: block;
}
.prodOptn .accHead .opInfo .infoMsg {
	display: none;
	position: absolute;
	top: 100%;
	/* left: calc(50% - 135px); */
	left: -195px;
	padding: 15px 20px;
	margin-top: 10px;
	width: 270px;
	border-radius: 5px;
	background-color: #fff;
	filter: drop-shadow(-5px -5px 6px rgba(0, 0, 0, 0.16));
	font-size: 10px;
	line-height: 1.2;
	z-index: 10;
}
.prodOptn .accHead .opInfo .infoMsg::before {
	content: "";
	position: absolute;
	/* left: calc(50% - 5px); */
	left: 73%;
	top: -5px;
	width: 10px;
	height: 10px;
	background-color: #fff;
	transform: rotate(45deg);
}
.prodOptn .accHead .opInfo .infoMsg a {
	display: block;
	margin-top: 5px;
	color: #764c41;
	text-decoration: underline;
}
.prodOptn .accHead .opInfo .opInfoBtn.showMsg ~ .infoMsg {
	display: block;
}
.prodOptn .accHead .opInfo .infoMsg .iMsgGrid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 20px;
}
.prodOptn .accHead .opInfo .infoMsg .imgW {
	width: 140px;
	height: auto;
}
.prodOptn .accHead .opOnInfo {
	display: none;
}
/**/
.prodOptn .accList {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.3s ease-out;
}
.prodOptn .opList {
	padding: 14px;
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
}
.prodOptn .opList .opCd {
	width: 85px;
	border: 1px solid #707070;
	background-color: #fff;
	transition: all 0.3s;
	cursor: pointer;
}
.prodOptn .opList .opCd:hover,
.prodOptn .opList .opCd.selected {
	box-shadow: 0 0 0 1px #000;
}
.prodOptn .opList .opCd .opCdTitle {
	padding: 2px 0;
	min-height: 21px;
	border-bottom: 1px solid transparent;
	font-size: 10px;
	font-weight: 500;
	line-height: 1.2;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s;
}
.prodOptn .opList .opCd:hover .opCdTitle,
.prodOptn .opList .opCd.selected .opCdTitle {
	border-bottom: 1px solid #707070;
}
.prodOptn .opList .opCd .opCdImg {
	border-top: 1px solid #707070;
}
.prodOptn .opList .opCd .opCdImg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.prodOptn .accList .opData {
	padding: 14px;
}
.prodOptn .opScroll {
	margin: 10px;
	padding: 4px;
	border: 0.25px solid #707070;
	box-shadow: inset 0px 3px 6px rgba(0, 0, 0, 0.1);
	max-height: 140px;
	overflow: auto;
}
.opHeight .opList .opCd {
	width: 110px;
}
.opDepth .opList .opCd {
	width: 110px;
}
.opLength .opList .opCd {
	width: 110px;
}
.opLength .opData .cSelect {
	max-width: 200px;
	padding: 4px 22px 4px 12px;
	border-radius: 4px;
	font-size: 12px;
	text-align: center;
}
.opThickness .opList .opCd {
	width: 85px;
}
.opFinish .opList .opCd {
	width: 80px;
}
.opAddOn .opList .opCd {
	width: 80px;
}
.opAddOn .opCdOff {
	min-height: 89px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
}
.opAddOn .opCdOff h5 {
	font-size: 14px;
	font-weight: 600;
}
.opAddOn .btnSm {
	display: inline-block;
	padding: 6px 10px;
	width: 200px;
	border: 1px solid #707070;
	background: #ffffff;
	font-size: 12px;
	font-size: 400;
	text-align: center;
}
.opHardware .opList .opCd {
	width: 140px;
}
.opOverhang .opList .opCd {
	width: 80px;
	min-height: 97px;
}
.opOverhang .opList .opCdBig {
	width: 160px;
}
.opOverhang .opCdBig .opCdImg {
	min-height: 73px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.opOverhang .opCdBig .opCdImg p {
	padding: 4px;
	font-size: 10px;
}
.opSpacing .opList .opCd {
	width: 72px;
}
.opTime .opList .opCd {
	width: 150px;
}
.opTime .opList .opCd h5 {
	padding: 8px 4px;
	font-weight: 400;
}
/**/
.prodInfo .prodPrice {
	margin-bottom: 20px;
	border-bottom: 1px solid #000;
}
.prodInfo .prodPrice p {
	font-size: 18px;
	font-weight: 500;
}
.prodInfo .prodPrice h3 {
	margin-left: 35px;
	font-size: 38px;
	font-weight: 600;
}
.prodInfo .selectBox {
	margin-bottom: 40px;
}
.prodInfo .selectBox .cSelect {
	width: 80px;
	height: 50px;
	background-color: rgba(77, 77, 77, 0.15);
	font-size: 18px;
	text-align: center;
}
.prodInfo .selectBox .saveBtn {
	position: relative;
	display: inline-block;
	padding: 8px 10px 8px 40px;
	height: 32px;
	border: 1px solid #707070;
	font-size: 10px;
	font-weight: 500;
	cursor: pointer;
}
.prodInfo .selectBox .saveBtn input {
	position: absolute;
	visibility: hidden;
	opacity: 0;
}
.prodInfo .selectBox .saveBtn span::before {
	content: "";
	position: absolute;
	left: 5px;
	top: 5px;
	height: 20px;
	width: 30px;
	background-image: url(../img/icon-download.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
.prodInfo .selectBox .saveBtn input:checked ~ span::before {
	background-image: url(../img/icon-tick.png);
}
.prodInfo .btnbox {
	padding-bottom: 30px;
}
.prodInfo .btnbox .btn {
	display: block;
	margin-bottom: 20px;
	min-width: 100%;
	font-size: 18px;
}
.prodInfo .footTxt p {
	margin-bottom: 15px;
	font-size: 16px;
}
.prodInfo .footTxt p a {
	text-decoration: underline;
}
/** Product Tabs **/
.prodTabs .tabLinks .tabLink {
	padding: 5px 10px;
	border: 0;
	border: 2px solid transparent;
	background-color: #fff;
	font-size: 12px;
	transition: all 0.3s;
}
.prodTabs .tabLinks .tabLink:hover {
	border-color: #f5f5f5;
}
.prodTabs .tabLinks .tabLink.on {
	background-color: #f5f5f5;
}
.prodTabs .pdTabBox {
	background-color: #f5f5f5;
}
.prodTabs .tabPanel {
	padding: 20px;
}
/**/
.prodTabs .pdIncld {
	display: grid;
	grid-gap: 50px;
	padding: 20px 0;
	margin: 0 auto;
	max-width: 700px;
}
.prodTabs .pdIncld .pdInCrd h5 {
	margin-bottom: 10px;
	font-size: 22px;
	font-weight: 300;
}
.prodTabs .pdIncld .pdInCrd img {
	margin-bottom: 10px;
	height: 120px;
	width: auto;
}
.prodTabs .pdIncld .pdInCrd p {
	font-size: 14px;
	font-weight: 500;
}
.prodTabs .pdDmns {
	padding: 10px 0;
}
.prodTabs .pdDmns .imgBox {
	margin: 0 auto;
	max-width: 800px;
	max-height: 400px;
	border: 0.25px solid #707070;
	overflow: auto;
}
.prodTabs .pdInst {
	padding: 10px 0;
	flex-direction: column;
	gap: 50px;
}
.prodTabs .pdInst .imgBox img {
	max-width: 300px;
	height: auto;
}
.prodTabs .pdInst .btn {
	min-width: 250px;
}
.prodTabs .pdInst .btn span {
	vertical-align: middle;
}
.prodTabs .pdInst .btn img {
	margin-left: 5px;
	height: 12px;
	width: auto;
}
.prodTabs .pdShip {
	padding: 10px 0;
}
.prodTabs .pdShip .tableBox {
	margin: 0 auto;
	max-width: 600px;
}
.prodTabs .pdShip .tableBox table tr {
	border: 1px solid #707070;
}
.prodTabs .pdShip .tableBox table th {
	padding: 5px;
	border-right: 1px solid #707070;
	font-size: 14px;
	font-weight: 600;
	text-align: left;
}
.prodTabs .pdShip .tableBox table td {
	padding: 5px;
	font-size: 12px;
	font-weight: 300;
}
/** Unique Sec **/
.productPage .uniqSec {
	padding: 120px 0;
}
.uniqSec .secTitle {
	margin-bottom: 30px;
}
.uniqSec .uniqBox {
	padding: 20px 0;
	border-top: 1px solid #707070;
	border-bottom: 1px solid #707070;
}
.uniqSec .uniqRow {
	display: grid;
	grid-gap: 10px;
	/* grid-gap: 35px; */
	grid-template-columns: auto 1px auto 1px auto;
}
.uniqSec .gapLine {
	background-color: #707070;
}
.uniqSec .uniqCard {
	text-align: center;
}
.uniqSec .uniqCard img {
	height: 55px;
	width: auto;
}
.uniqSec .uniqCard p {
	/* margin-left: 18px; */
	font-size: 16px;
	font-weight: 600;
}
/** Product Images **/
.prodImg .secTop {
	margin-bottom: 50px;
}
.prodImg .secTop .secTitle {
	margin-bottom: 20px;
}
.prodImg .secTop .link {
	text-decoration: underline;
}
/** Product Review **/
.prodRev {
	padding: 150px 0;
}
.prodRev .secTop {
	margin-bottom: 30px;
}
.prodRev .secTop .secTitle {
	margin-bottom: 15px;
}
.prodRev .secTop .totalRev img {
	height: 20px;
	width: auto;
}
.prodRev .secTop .totalRev span {
	margin-left: 10px;
}
/**/
.prodRev .revFltr {
	justify-content: end;
	border-bottom: 2px solid #707070;
}
.prodRev .revFltr .cSelect {
	margin-left: 10px;
	border: 0;
	width: 70px;
}
.prodRev .revRow {
	padding: 30px 0 60px 0;
	border-bottom: 2px solid #707070;
}
.prodRev .revRow .revUsrNm {
	font-size: 16px;
	font-weight: 500;
}
.prodRev .revRow .revUsr p {
	font-size: 13px;
	color: rgba(77, 77, 77, 0.5);
}
.prodRev .revRow .revUsrStr {
	margin-bottom: 2px;
	height: 20px;
	width: auto;
}
.prodRev .revRow .revPara h5 {
	margin-bottom: 10px;
	font-size: 18px;
	font-weight: 500;
}
.prodRev .revRow .revPara a {
	text-decoration: underline;
}
/** Collection Section **/
.collSec {
	margin-bottom: 120px;
}
.collSec .collInfo {
	padding: 20px;
	background-color: #757b76;
}
.collSec .collInfo h3 {
	margin-bottom: 25px;
	font-size: 28px;
	font-weight: 300;
}
.collSec .collInfo p {
	margin-bottom: 40px;
}
.collSec .collInfo .btn {
	width: 100%;
	max-width: 260px;
	height: 42px;
	line-height: 22px;
}
/**/
.collSec .collGal {
	padding: 20px;
	background-color: rgba(117, 123, 118, 0.3);
	gap: 18px;
	overflow: auto;
}
.collSec .collCard {
	padding-bottom: 10px;
	min-width: 150px;
	width: 150px;
	text-align: center;
}
.collSec .collCard .collCdImg img {
	margin-bottom: 5px;
	width: 100%;
	height: auto;
}
.collSec .collCard .collCdInfo h5 {
	margin-bottom: 10px;
	font-size: 12px;
	font-weight: 400;
}
.collSec .collCard .collCdInfo p {
	font-size: 12px;
	font-weight: 400;
}

/*-- Cart Page --*/
/** Cart Section **/
.cartSec .cartList {
	padding-bottom: 50px;
}
.cartSec .cartItem {
	padding-bottom: 50px;
}
.cartSec .cartItem .cartItmImg img {
	margin-bottom: 25px;
	max-width: 250px;
}
.cartSec .cartItem .cartItmTxt {
	margin-bottom: 25px;
}
.cartSec .cartItem .cartItmTxt h4 {
	margin-bottom: 10px;
	font-size: 20px;
	font-weight: 500;
}
.cartSec .cartItem .crtItmData {
	margin-bottom: 20px;
}
.cartSec .cartItem .crtItmData table {
	width: 100%;
}
.cartSec .cartItem .crtItmData table th {
	padding: 4px;
	white-space: nowrap;
}
.cartSec .cartItem .crtItmData table th,
.cartSec .cartItem .crtItmData table td {
	font-weight: 400;
	text-align: center;
}
.cartSec .cartItem .crtItmData table th:first-child,
.cartSec .cartItem .crtItmData table td:first-child {
	text-align-last: left;
}
.cartSec .cartItem .crtItmData table th:last-child,
.cartSec .cartItem .crtItmData table td:last-child {
	text-align-last: right;
}
.cartSec .cartItem .crtItmData table td {
	padding: 10px 4px;
	background-color: #f5f5f5;
}
.cartSec .cartItem .crtItmData table td select {
	padding: 2px 12px 2px 4px;
	width: 40px;
	background-position-x: right 2px;
}
.cartSec .cartItem .crtItmBtns .biBtn {
	margin-left: auto;
	max-width: 225px;
}
.cartSec .cartTotal h3 {
	font-size: 30px;
	font-weight: 400;
	text-align: right;
}
/**/
.ordrSumm {
	padding-bottom: 70px;
}
.ordrSumm .oSumTop {
	padding: 12px 20px;
	background-color: #4d4d4d;
}
.ordrSumm .oSumTop h5 {
	font-size: 18px;
	font-weight: 600;
}
.ordrSumm .oSumTop .editLink {
	font-size: 14px;
	font-weight: 300;
	text-decoration: underline;
}
.ordrSumm .orInBox {
	border-left: 1px solid #707070;
	border-right: 1px solid #707070;
}
.ordrSumm .orInBox .orInBxPt {
	padding: 15px 20px;
	border-bottom: 1px solid #707070;
}
.ordrSumm .ordrInfo .itemCount {
	margin-bottom: 30px;
	font-size: 18px;
	font-weight: 300;
}
.ordrSumm .ordrInfo .orInGrid {
	display: grid;
	grid-template-columns: 72px 1fr 60px;
	/* grid-gap: 30px; */
	grid-gap: 10px;
}
.ordrSumm .ordrInfo .orInGrid .orInData h5 {
	margin-bottom: 10px;
	font-size: 18px;
	font-weight: 500;
}
.ordrSumm .ordrInfo .orInGrid .orInPrice h6 {
	font-size: 12px;
	font-weight: 600;
}
.ordrSumm .oSumCal p {
	margin-bottom: 5px;
	font-size: 12px;
	font-weight: 500;
}
.ordrSumm .oSumCal p .totalP {
	font-size: 14px;
	font-weight: 600;
}
.ordrSumm .btnBox .btn {
	width: 100%;
	font-size: 18px;
}
/**/
.cartSec .cSumLinks {
	padding-bottom: 40px;
}
.cartSec .cSumLinks .cSmLink {
	margin-bottom: 1px;
	padding: 15px 20px;
	background-color: #f5f5f5;
}
.cartSec .cSumLinks .cSmLink h5 {
	font-size: 16px;
	font-weight: 300;
}
.cartSec .cSumLinks .cSmLink img {
	margin-left: 10px;
	width: 15px;
	height: 15px;
}
.cartSec .btmBox .btn {
	width: 100%;
	font-size: 18px;
}

/*-- Checkout Page --*/
.ckOutSec .coStep .coStTop {
	display: grid;
	grid-template-columns: 54px 1fr;
	grid-gap: 1px;
}
.ckOutSec .coStep .coStTop .stepNo {
	padding: 7px 5px;
	background-color: #404341;
	font-size: 20px;
	font-weight: 400;
	text-align: center;
	line-height: 40px;
}
.ckOutSec .coStep .coStTop .stepTitle {
	padding: 7px 25px;
	background-color: #757b76;
	font-size: 20px;
	font-weight: 400;
	line-height: 40px;
}
.ckOutSec .coStep .coStBox {
	padding: 20px 60px;
}
/**/
.coStCsBox .guestInput {
	margin-bottom: 20px;
	align-items: flex-end;
	gap: 10px;
}
.coStCsBox .guestEmail .fInput {
	max-width: 400px;
}
.coStBox .coStBtn {
	width: 250px;
	height: 42px;
	line-height: 20px;
}
.coStBox .csCheckBox {
	display: inline-block;
	margin-bottom: 10px;
	font-size: 12px;
	font-weight: 500;
}
.coStBox .csBoxCheck {
	margin-bottom: 20px;
}
.coStCsBox .txtLine {
	margin-bottom: 5px;
	font-size: 12px;
}
.coStCsBox .txtLine .txtLink {
	color: #4d9adb;
}
/**/
.coStBox .partTtl {
	margin-bottom: 10px;
	font-size: 16px;
	font-weight: 400;
}
.coStDlBox .formBox,
.coStBlBox .formBox {
	max-width: 500px;
}
.coStDlBox .csShipOp {
	margin-bottom: 20px;
	border: 1px solid #707070;
}
.coStDlBox .csRadio {
	position: relative;
	display: block;
	padding: 14px 10px;
	cursor: pointer;
}
.coStDlBox .csRadio:first-child {
	border-bottom: 1px solid #707070;
}
.coStDlBox .csRadio input {
	position: absolute;
	visibility: hidden;
	opacity: 0;
}
.coStDlBox .csRadio p {
	padding-left: 40px;
}
.coStDlBox .csRadio p::before {
	content: "";
	position: absolute;
	left: 12px;
	top: calc(50% - 10px);
	height: 20px;
	width: 20px;
	border-radius: 50%;
	border: 2px solid #fff;
	background-color: #fff;
	box-shadow: 0 0 0 1px #000;
	transition: all 0.3s;
}
.coStDlBox .csRadio input:checked ~ p::before {
	background-color: #9ec9fc;
}
/**/
.csPyOpBox {
	margin-bottom: 30px;
	border: 1px solid #707070;
	max-width: 530px;
}
.csPyOpBox .csPyOp:not(:last-child) {
	border-bottom: 1px solid #707070;
}
.coStPyBox .csPyOp .accHead {
	position: relative;
	padding: 10px 10px 10px 50px;
	cursor: pointer;
}
.coStPyBox .csPyOp .accHead::before {
	content: "";
	position: absolute;
	left: 12px;
	top: calc(50% - 10px);
	height: 20px;
	width: 20px;
	border-radius: 50%;
	border: 2px solid #fff;
	background-color: #fff;
	box-shadow: 0 0 0 1px #000;
	transition: all 0.3s;
}
.coStPyBox .csPyOp .accHead.active::before {
	background-color: #9ec9fc;
}
.coStPyBox .csPyOp .accHead h4 {
	font-size: 18px;
	font-weight: 600;
}
.coStPyBox .csPyOp .accList {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.3s ease-out;
}
.coStPyBox .csPyOp .accList .accListIn {
	padding: 10px 50px;
}
.coStPyBox .csPyOp .accList .accListIn2 {
	padding: 0 50px 10px 50px;
}
.coStPyBox .csPyOp .accList .smallTxt {
	font-size: 10px;
}

/*-- Orders Page --*/
/** Orders Section **/
.ordersSec .container {
	margin: 0 auto;
	max-width: 1310px;
}
.ordersTab .tabLink {
	padding: 10px;
	border: 0.5px solid #b7b7b7;
	background-color: #757b76;
	font-weight: 500;
	color: #fff;
	transition: all 0.3s;
}
.ordersTab .tabLink.on {
	border: 0.5px solid #707070;
	background-color: #fff;
	color: #000;
}
.ordersTab .tabPanel {
	padding: 50px 0;
}
/**/
.tabX .tabXList {
	display: grid;
	grid-gap: 25px;
}
.tabX .tabXCard {
	padding: 20px;
	background-color: #ebebeb;
}
.tabX .tabXCard .tabXCdTtl {
	margin-bottom: 15px;
	font-size: 20px;
	font-weight: 400;
}
.tabX .tabXCard .tabXCdImg img {
	max-width: 250px;
}
.tabX .tabXCard .tabXCdTxt p {
	margin-bottom: 25px;
}
.tabX .tabXCard .btnBox {
	display: flex;
	gap: 10px;
}
.orTbBtnSm {
	padding: 4px 10px;
	min-height: 34px;
	height: auto;
	min-width: 60px;
	font-size: 10px;
	line-height: 25px;
}
.orTbBtnSm.btnWhiteBB:after {
	border-width: 1px;
}
/**/
.tabOdr .tOdrDtl {
	display: none;
	margin: 0 auto;
	max-width: 800px;
}
.tabOdr .tOdrDtl .topBox img {
	margin-bottom: 15px;
	max-width: 160px;
}
.tabOdr .tOdrDtl .topBox h5 {
	margin-bottom: 20px;
	font-size: 20px;
	font-weight: 400;
}
.tabOdr .tOdrDtl .topBox p {
	margin-bottom: 20px;
}
.orTbBtn {
	padding: 4px 10px;
	height: 40px;
	min-width: 240px;
	line-height: 32px;
}
.tabOdr .tOdrDtl .titleBox {
	margin: 50px 0 25px 0;
}
.tabOdr .tOdrDtl .titleBox h4 {
	font-size: 24px;
	font-weight: 400;
}
.tabOdr .tOdrDtl .progressBar {
	margin-bottom: 40px;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	height: 45px;
	border: 1px solid #707070;
	box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.16);
}
.tabOdr .tOdrDtl .progressBar span:first-child {
	background-color: rgba(117, 123, 118, 0.65);
}
.tabOdr .tOdrDtl .progressBar span:nth-child(2) {
	background-color: rgba(117, 123, 118, 0.75);
}
.tabOdr .tOdrDtl .progressBar span:nth-child(3) {
	background-color: rgba(117, 123, 118, 0.9);
}
.tabOdr .tOdrDtl .progressBar span:last-child {
	background-color: #757b76;
}
.tabOdr .tOdrDtl .btmBox img {
	margin-bottom: 20px;
}
.tabOdr .tOdrDtl .btmBox p {
	margin-bottom: 20px;
}
/**/
.tabRtn .tRtnInfo p {
	margin: 30px auto;
	padding: 10px 15px;
	border: 2px solid #707070;
	max-width: 700px;
	font-size: 12px;
}
.tabRtn .tRtnFrm,
.tabRtn .tRtnSbmt {
	display: none;
}
.tabRtn .tRtnFrm .tRtFrTtl {
	margin-bottom: 30px;
	padding-bottom: 10px;
	border-bottom: 1px solid #707070;
	font-size: 20px;
	font-weight: 400;
}
.tabRtn .tRtnFrm .tRtnFnC {
	margin-bottom: 15px;
	padding: 10px 15px;
	border: 1px solid #707070;
}
.tabRtn .tRtnFrm .tRtnFnC h5,
.tabRtn .tRtnSbmt .tRntH2R h5 {
	margin-bottom: 10px;
	font-size: 18px;
	font-weight: 300;
}
.tabRtn .tRtnFrm .tRtnFnC p,
.tabRtn .tRtnSbmt .tRntH2R p {
	margin-bottom: 5px;
	font-size: 12px;
}
.tabRtn .tRtnFrm .tRtnFnC a,
.tabRtn .tRtnSbmt .tRntH2R a {
	font-size: 12px;
}
.tabRtn .tRtnSbmt .tRtnSTtl {
	margin-bottom: 30px;
	padding-bottom: 10px;
	font-size: 20px;
	font-weight: 400;
}
.tabRtn .tRtnSbmt .tRntH2R {
	max-width: 630px;
	margin: 0 auto 30px auto;
	padding: 10px 15px;
	border: 1px solid #707070;
}
.tabRtn .tRtnSbmt .tRntH2R p span {
	display: block;
	padding: 15px 10px 15px 35px;
	font-weight: 600;
}
/**/
.tabMsg .tMsgList {
	margin-bottom: 30px;
}
.tabMsg .tMsLstRow {
	position: relative;
	margin-bottom: 15px;
	padding: 10px 15px;
	border: 1px solid #707070;
}
.tabMsg .tMsLstRow h5 {
	margin-bottom: 5px;
	padding-right: 20px;
	font-size: 18px;
	font-weight: 500;
	cursor: pointer;
}
.tabMsg .tMsLstRow p {
	font-size: 12px;
}
.tabMsg .tMsLstRow .msgTxt {
	padding-bottom: 10px;
	height: 18px;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.tabMsg .tMsLstRow .btmBox {
	display: none;
}
.tabMsg .tMsLstRow.show .msgTxt {
	height: auto;
	white-space: normal;
}
.tabMsg .tMsLstRow.show .btmBox {
	display: block;
}
.tabMsg .tMsLstRow .expandIcon {
	position: absolute;
	top: 23px;
	right: 15px;
	width: 16px;
	height: 2px;
	background-color: transparent;
}
.tabMsg .tMsLstRow .expandIcon::before,
.tabMsg .tMsLstRow .expandIcon::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 2px;
	background-color: #000000;
}
.tabMsg .tMsLstRow .expandIcon::after {
	transform-origin: 50% 50%;
	transform: rotate(-90deg);
	/* transition: all 0.4s ease-in-out; */
}
.tabMsg .tMsLstRow.show .expandIcon::after {
	transform: rotate(0deg);
}
.tabMsg .tMsgList .btnBox {
	padding-top: 15px;
}
.tabMsg .orTbBtnSm {
	min-width: 140px;
}
.tabMsg .tMsgBox {
	margin-bottom: 30px;
	width: 100%;
	border: 1px solid #707070;
}
.tabMsg .tMsgBox .tMsgChat {
	padding: 5px;
	border-bottom: 1px solid #707070;
}
.tabMsg .tMsgBox .tMChatBox {
	margin-top: 50px;
	gap: 5px;
}
.tabMsg .tMsgBox .tMChatRow {
	padding: 10px 15px;
	/* max-width: 49%; */
	max-width: 70%;
	border: 0.25px solid #707070;
	font-size: 12px;
}
.tabMsg .tMsgBox .tMChatRow.byCmp {
	align-self: flex-start;
}
.tabMsg .tMsgBox .tMChatRow.byUsr {
	align-self: flex-end;
	background-color: #f5f5f5;
}
.tabMsg .tMsgBox .tMsgInput {
	padding: 5px;
	display: grid;
	grid-template-columns: 30px 1fr 140px;
	grid-gap: 5px;
}
.tabMsg .tMsgBox .tMsgInput .atchBtn {
	padding: 0 10px;
	border: 0;
	background-color: #fff;
	width: 40px;
}
.tabMsg .tMsgBox .tMsgInput input {
	border: 0;
	width: 100%;
}
.tabMsg .tMsgLinks .tMLnTtl {
	margin-bottom: 15px;
	font-size: 14px;
	font-weight: 400;
}
.tabMsg .tMsgLinks .tMLnBox {
	display: grid;
	grid-auto-flow: row;
	justify-content: start;
	grid-gap: 10px;
}
.tabMsg .tMsgLinks .tMLnBox .orTbBtnSm {
	padding: 4px;
	text-transform: none;
}
/**/
.tabAdrs .tAdLstGrid {
	display: grid;
	grid-gap: 15px;
}
.tabAdrs .tAdrsCard {
	padding: 20px 25px;
	background-color: #ebebeb;
}
.tabAdrs .tAdrsCard h5 {
	margin-bottom: 15px;
	font-size: 12px;
	font-weight: 500;
}
.tabAdrs .tAdrsCard p {
	margin-bottom: 20px;
	font-size: 12px;
	font-weight: 500;
	color: #707070;
}
.tabAdrs .tAdrsCard .orTbBtnSm {
	min-width: 120px;
}
.tabAdrs .tAdrsCard.adrsAdd {
	border: 1px solid #707070;
	background-color: #fff;
	cursor: pointer;
}
.tabAdrs .tAdrsCard.adrsAdd img {
	margin-bottom: 10px;
	width: 25px;
	height: 25px;
}
.tabAdrs .tAdrsCard.adrsAdd p {
	margin: 0;
	font-size: 12px;
	font-weight: 500;
}
.tabAdrs .tAdrsNew {
	display: none;
}
.tabAdrs .tAdrsNew .nAdrsTtl {
	margin-bottom: 30px;
	font-size: 20px;
	font-weight: 500;
}
.ordersTab .btmBtnBox {
	gap: 20px;
}
/**/
.ordersTab .tCmnCrdGrid {
	margin-bottom: 50px;
	display: grid;
	grid-gap: 50px;
}
.ordersTab .tCmnCard .tCmnCdTop {
	height: 15px;
}
.ordersTab .tCmnCard .tCmnCdTag {
	padding: 0 4px;
	background-color: #404341;
	font-size: 10px;
	font-weight: 500;
	line-height: 15px;
	color: #fff;
}
.ordersTab .tCmnCard .tCmnCdDrop {
	margin-left: auto;
	position: relative;
}
.ordersTab .tCmnCard .tCmnCdDpBtn {
	padding: 5px 0;
	cursor: pointer;
}
.ordersTab .tCmnCard .tCmnCdDpBtn img {
	display: block;
	height: 5px;
	width: auto;
}
.ordersTab .tCmnCard .tCmnCdDpBtn.on ~ ul {
	display: block;
}
.ordersTab .tCmnCard .tCmnCdDrop ul {
	display: none;
	position: absolute;
	right: 0;
	top: 100%;
	width: 140px;
	background-color: #fff;
	border: 1px solid #707070;
}
.ordersTab .tCmnCard .tCmnCdDrop ul li {
	padding: 5px;
	font-size: 12px;
	font-weight: 300;
	text-align: center;
}
.ordersTab .tCmnCard .tCmnCdDrop ul li + li {
	border-top: 1px solid #707070;
}
.ordersTab .tCmnCard .tCmnCardMn {
	padding: 5px;
	background-color: #e5e3e3;
	border: 1px solid #707070;
	min-height: 320px;
}
.ordersTab .tCmnCard .tCmnImgB {
	padding-bottom: 5px;
	width: 100%;
	min-height: 240px;
}
.ordersTab .tCmnCard .tCmnTxtB {
	padding: 15px;
	background-color: #fff;
}
.ordersTab .tCmnCard .tCmnTxtB h4 {
	font-size: 20px;
	font-weight: 500;
}
.ordersTab .tCmnCard .tCmnTxtB .iconBox img {
	margin-right: 20px;
	height: 32px;
	width: auto;
}
.ordersTab .tCmnCardNew .tCmnImgB img {
	width: 100px;
	height: 100px;
}
.ordersTab .tCmnCardNew .tCmnTxtB {
	padding: 21px 15px;
}
.ordersTab .tCmnCard .tCmnCardInfo {
	padding-top: 15px;
}
.ordersTab .tCmnCard .tCmnCardInfo .tCmnCdNm {
	margin-bottom: 5px;
	font-size: 10px;
	font-weight: 600;
}
.ordersTab .tCmnCard .tCmnCardInfo .tCmnCdPr {
	margin-bottom: 5px;
	font-size: 10px;
	color: #a02100;
}
.ordersTab .tCmnCard .tCmnCardInfo .tCmnCdPr .oldPr {
	color: #aeadb3;
	text-decoration: line-through;
}
.ordersTab .tCmnCard .tCmnCardInfo .tCmnCdStar img {
	height: 28px;
	width: auto;
}
/**/
.tabDsgn .tDgVew {
	display: none;
}
/*-- New Arrivals Page --*/
/** Banner **/
.nArrBnr {
	display: grid;
	/* grid-template-columns: 1fr 1.4fr; */
	grid-template-columns: 1fr 1fr;
	align-items: center;
}
.nArrBnr .nABnrTxt {
	padding: 15px;
}
.nABnrTxt h3 {
	margin-bottom: 10px;
	font-size: 30px;
	line-height: 1;
}
.nABnrTxt p {
	margin-bottom: 15px;
	max-width: 400px;
	line-height: 1.2;
}
.nArrBnr .nAbnrImg {
	height: 100%;
}
.nArrBnr .nAbnrImg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
/** How Section **/
.nArrHow {
	padding: 100px 0;
}
.nArrHow .secTop {
	margin-bottom: 50px;
}
.nArrHow .nAHowBox {
	gap: 70px;
}
.nArrHow .nAHowCd {
	width: 210px;
	text-align: center;
}
.nArrHow .nAHowCd img {
	margin-bottom: 10px;
	width: 120px;
	height: 64px;
	object-fit: contain;
	object-position: bottom center;
}
.nArrHow .nAHowCd h5 {
	font-size: 16px;
	font-weight: 400;
}
/** Part Banner **/
.nArrPrtBn {
	padding: 50px 0;
	background-color: #f5f5f5;
}
.nArrPrtBn .container {
	margin: 0 auto;
	max-width: 1200px;
}
.nArrPrtBn .nAPrtBnB {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 20px;
	align-items: center;
}
.nArrPrtBn .imgBox img {
	width: 100%;
	height: auto;
}
/** New product **/
.nArrPrdt {
	padding: 75px 0 55px 0;
}
.nArrPrdt .container {
	margin: 0 auto;
	max-width: 1280px;
}
.nArrPrdt .nAPrdtGrid {
	margin-bottom: 50px;
	display: grid;
	grid-gap: 40px;
}
.nArrPrdt .nAPdCd {
	border: 1px solid #4d4d4d;
}
.nArrPrdt .nAPdCd img {
	padding: 10px;
	width: 100%;
	height: auto;
}
.nArrPrdt .nAPdCd .nAPdCdTxt {
	padding: 10px 15px;
	border-top: 1px solid #4d4d4d;
}
.nArrPrdt .nAPdCd .nAPdCdTxt h5 {
	font-size: 16px;
	font-weight: 600;
}
.nArrPrdt .nAPdCd .nAPdCdTxt p.smallTxt {
	margin-bottom: 3px;
	font-size: 10px;
	color: #4d4d4d;
}
.nArrPrdt .btnBox .btn {
	width: 100%;
	max-width: 460px;
}

/*-- Collaboration Page --*/
/** Top Box **/
.pageTopSec {
	padding: 50px 0;
	background-color: rgba(232, 229, 218, 0.25);
}
.pageTopSec .secTop {
	margin-bottom: 60px;
}
.pageTopSec .secTop .pageTitle {
	margin-bottom: 20px;
}
.pageTopSec .secTop p {
	margin: 0 auto 30px auto;
	max-width: 660px;
	line-height: 1.2;
}
.pageTopSec .secTop .btn {
	padding: 4px 10px;
	height: 34px;
	line-height: 26px;
	letter-spacing: normal;
}
/** How Section **/
.collabHow {
	padding: 45px 0;
}
.collabHow .secTop {
	margin-bottom: 40px;
}
.coHowBox {
	gap: 50px;
}
.coHowBox .coHowCd {
	width: 240px;
}
.coHowBox .coHowCd .stepNo {
	margin-bottom: 10px;
}
.coHowBox .coHowCd .stepName {
	margin-bottom: 10px;
	font-size: 20px;
	font-weight: 500;
}
/** Form Section **/
.collabForm .frmBox {
	margin: 0 auto 180px auto;
	max-width: 650px;
}
/**/
.frmGrp {
	position: relative;
	margin-bottom: 15px;
	padding-top: 8px;
}
.frmLbl {
	display: inline-block;
	margin-bottom: 10px;
	font-size: 12px;
	font-weight: 500;
	line-height: 1;
}
.frmLbl.frmLblFlt {
	margin-bottom: 0;
	position: absolute;
	top: 0;
	left: 36px;
	padding: 2px 6px;
	background-color: #fff;
}
.frmInp {
	padding: 13px 22px;
	width: 100%;
	border: 1px solid #707070;
	transition: all 0.3s;
}
.frmInp:focus {
	box-shadow: inset 0 0 0 1px #000;
}
/**/
.cCheckRow {
	display: block;
	margin-bottom: 20px;
	padding: 12px 22px;
	width: 100%;
	border: 1px solid #707070;
	font-size: 12px;
	transition: all 0.3s;
	cursor: pointer;
}
.cCheckRow span {
	display: inline-block;
	padding-left: 10px;
	vertical-align: middle;
}
.cCheckbox {
	display: inline-block;
	width: 24px;
	min-width: 24px;
	height: 24px;
	margin-right: 5px;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	border: 2px solid #344951;
	vertical-align: middle;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.cCheckbox:checked {
	background-color: #fff;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23171d35' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
}
/**/
.dropZone {
	position: relative;
	width: 100%;
	height: 160px;
	border: 1px dashed #707070;
	border-radius: 0;
	background-color: #fff;
	transition: all 0.3s ease;
}
.dropZone:hover,
.dropZone.on {
	background-color: #eee;
}
.dropZone .dropZoneTxt {
	font-size: 12px;
	color: #757b76;
}
.dropZone > input[type="file"] {
	cursor: pointer;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	opacity: 0;
}
/**/
.formSec .frmBox .btnBox {
	margin-top: 30px;
	text-align: right;
}
.formSec .frmBox .btnBox .btn {
	padding: 4px 10px;
	width: 100%;
	max-width: 280px;
	height: 40px;
	line-height: 32px;
}
.formSec .frmCrtBx {
	margin-bottom: 30px;
	padding: 10px 25px 15px 25px;
	max-width: 360px;
	border: 0.25px solid #707070;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1);
}
.formSec .frmCrtBx > .frmLbl {
	margin-left: -15px;
	margin-bottom: 10px;
}
.formSec .frmCrtBx .cCheckRow {
	padding: 5px 10px 5px 22px;
	border: 0;
	box-shadow: 0px 3px 6px #00000029;
	display: flex;
	align-items: center;
}
.formSec .frmCrtBx .cCheckRow .cCheckInfo img {
	margin-right: 10px;
	height: 75px;
	width: auto;
}
.formSec .frmCrtBx .cCheckRow .cCheckInfo h5 {
	margin-bottom: 3px;
	font-size: 10px;
	font-weight: 600;
}
.formSec .frmCrtBx .cCheckRow .cCheckInfo p {
	font-size: 10px;
}

/*-- Trade program Page --*/
/** Perks Section **/
.trdPerks {
	padding: 60px 0 80px 0;
}
.trdPerks .secTop {
	margin-bottom: 60px;
}
.trdPerks .trPrkGrid {
	display: grid;
	grid-gap: 50px;
	margin: 0 auto;
	max-width: 860px;
}
.trdPerks .trPrkCd .imgBox {
	margin-bottom: 20px;
}
.trdPerks .trPrkCd h5 {
	margin-bottom: 10px;
	font-size: 20px;
	font-weight: 500;
}
.trdPerks .trPrkCd p {
	position: relative;
	padding-left: 10px;
	margin-bottom: 10px;
}
.trdPerks .trPrkCd p::before {
	content: "";
	position: absolute;
	left: 0;
	top: 9px;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background-color: #000;
}
.trdPerks .trPrkCd .btn {
	margin-top: 10px;
	padding: 4px 10px;
	height: 32px;
	line-height: 24px;
}
/** Collection Section **/
.trdColl {
	padding: 60px 0;
	background-color: #f5f5f5;
}
.trdColl .trCollBox {
	flex-direction: column;
	gap: 30px;
}
.trdColl .imgBox img {
	width: 200px;
}
.trdColl .infoBox h5 {
	margin-bottom: 20px;
}
.trdColl .infoBox p {
	margin-bottom: 25px;
}
.trdColl .infoBox .btn {
	padding: 5px 10px;
	height: 40px;
	width: 100%;
	max-width: 280px;
	line-height: 30px;
}
/** Form Section  **/
.trdForm {
	padding: 90px 0 180px 0;
}
.trdForm .frmBox {
	margin: 0 auto;
	max-width: 650px;
}
.trdForm .frmTtl {
	margin-bottom: 20px;
	font-size: 20px;
	font-weight: 500;
}
.trdForm .frmTxt h5 {
	margin-bottom: 5px;
	font-size: 14px;
	font-weight: 500;
}
.trdForm .frmTxt p {
	margin-bottom: 10px;
	font-size: 12px;
}
/*-- FAQ Page --*/
/** Banner Section **/
.faqBanner {
	width: 100%;
}
/** Faq Box **/
.faqBox .faqInner {
	position: relative;
	margin: 0 auto;
	padding: 40px 20px;
	/* margin: -120px auto 0 auto; */
	/* padding: 80px 200px; */
	max-width: 980px;
	background-color: #fff;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}
.faqBox .faqGrid {
	display: grid;
	/* grid-template-columns: 1fr 1fr; */
	grid-gap: 12px 18px;
	align-items: center;
}
.faqBox .faqTop {
	margin-bottom: 15px;
}
.faqBox .faqTitle {
	font-size: 24px;
	font-weight: 400;
}
.faqBox .faqSearch {
	position: relative;
}
.faqBox .faqSearch .frmInp {
	padding-left: 45px;
}
.faqBox .faqSearch img {
	position: absolute;
	left: 18px;
	top: 18px;
	width: 14px;
	height: 14px;
}
.faqBox .faqPart {
	margin-bottom: 40px;
}
.faqBox .faqPrtTtl {
	margin-bottom: 5px;
	font-size: 16px;
	font-weight: 500;
}
.faqBox .faqBar {
	position: relative;
	padding: 5px 30px 5px 12px;
	min-height: 50px;
	width: 100%;
	border: 1px solid #764c41;
	display: flex;
	align-items: center;
	line-height: 1.2;
	transition: all 0.3s;
}
.faqBox .faqBar:hover {
	box-shadow: inset 0 0 0 1px #000;
}
.faqBox .faqBar::after {
	content: "";
	position: absolute;
	right: 10px;
	top: calc(50% - 8px);
	height: 16px;
	width: 16px;
	background-image: url(../img/arrow-right-gray.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

/*-- Ordering Questions Page --*/
.odrQnBox .odrQnPrt {
	margin-bottom: 40px;
}
.odrQnBox .oQPrtTtl {
	margin-bottom: 6px;
	font-size: 15px;
	font-weight: 500;
}
.odrQnBox .oQPrtTxt {
	font-size: 12px;
	line-height: 1.2;
}
.odrQnBox .btnBox .btn {
	margin-top: 40px;
	height: 40px;
	padding: 5px 10px;
	width: 100%;
	max-width: 280px;
	font-size: 18px;
	font-weight: 400;
	line-height: 30px;
}
/**/
.cmnAccBox {
	padding-top: 10px;
}
.cmnAccBox .cmnAccdn {
	margin-bottom: 6px;
}
.cmnAccdn .accHead {
	position: relative;
	display: flex;
	align-items: center;
	padding: 4px 30px;
	height: 36px;
	background-color: #e8e5da;
	font-size: 12px;
	font-weight: 500;
	line-height: 1.2;
	cursor: pointer;
}
.cmnAccdn .accHead::before,
.cmnAccdn .accHead::after {
	content: "";
	display: block;
	position: absolute;
	top: calc(50% - 1px);
	right: 12px;
	width: 10px;
	height: 2px;
	background-color: #000;
}
.cmnAccdn .accHead::after {
	transform-origin: 50% 50%;
	transform: rotate(-90deg);
	transition: all 0.4s ease-in-out;
}
.cmnAccdn .accHead.active::after {
	transform: rotate(0deg);
}
.cmnAccdn .accList {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.4s ease-out;
}
.cmnAccdn .accList .cmnAccLst {
	padding: 12px 18px;
	border: 0.25px solid #e8e5da;
}
.cmnAccdn .cmnAccLst h5 {
	margin-bottom: 5px;
	font-size: 12px;
	font-weight: 500;
}
.cmnAccdn .cmnAccLst p {
	margin-bottom: 10px;
	font-size: 12px;
}
.dotBfr {
	position: relative;
	padding-left: 10px;
}
.dotBfr::before {
	content: "";
	position: absolute;
	left: 0;
	top: 7px;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background-color: #000;
}

/*-- Problem Page --*/
.probFrm {
	padding-bottom: 150px;
}
.probFrm .probFrmBox {
	margin: 0 auto;
	max-width: 650px;
}
.probFrm .btnBox .btn {
	margin-top: 30px;
	width: 100%;
	max-width: 460px;
}

/*-- SignIn Page --*/
.signInBox {
	padding-bottom: 40px;
}
.signInBox .sIBoxInner {
	margin: 0 auto;
	max-width: 580px;
}
.signInBox .secTop {
	margin-bottom: 20px;
}
.signInBox .sIForm {
	margin-bottom: 100px;
}
.signInBox .inputBox label {
	display: inline-block;
	margin-bottom: 5px;
	font-size: 18px;
	font-weight: 600;
}
.signInBox .inputBox input {
	margin-bottom: 3px;
}
.inputBox .inputMsg {
	font-size: 11px;
	color: #764c41;
}
.signInBox .btn {
	padding: 4px;
	height: 48px;
	width: 100%;
	line-height: 40px;
}
.signInBox .btnBox,
.signInBox .sIInfo {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 20px;
}
.signInBox .btnBox .frgtPass {
	font-size: 16px;
	font-weight: 500;
}
.signInBox .sIInfo .txtBox {
	margin-bottom: 30px;
}
.signInBox .sIInfo .secTitle {
	margin-bottom: 25px;
}
.signInBox .sIInfo p {
	margin-bottom: 10px;
}
.signInBox .sIInfo .btn {
	margin-top: auto;
}

/*-- Create an Account --*/
.crAccBox .crAccBoxIn {
	margin: 0 auto;
	max-width: 1120px;
}
.crAccBox .crAccGrid {
	display: grid;
	grid-gap: 0 50px;
}
.crAccBox .crAccForm .inputBox {
	margin-bottom: 10px;
}
.crAccBox .crAccForm .inputBox input {
	margin-bottom: 3px;
}
.crAccBox .crAccForm .btnBox .btn {
	margin-top: 40px;
	padding: 4px;
	height: 48px;
	width: 100%;
	max-width: 280px;
	line-height: 40px;
}

/*-- Policies Page --*/
.policyPage .pageHead {
	padding: 80px 0 50px 0;
}
.policyPage .pageHead .secTop {
	padding-bottom: 30px;
	border-bottom: 1px solid #707070;
}
/** Policy Sec **/
/**/
.cmnSdNav {
	padding-top: 30px;
}
.cmnSdNav ul {
	position: sticky;
	top: 30px;
}
.cmnSdNav li {
	font-weight: 500;
}
.cmnSdNav li:not(:last-child) {
	margin-bottom: 10px;
}
/**/
.policySec .polInfo {
	padding: 30px 0;
	display: grid;
	grid-gap: 20px;
	align-items: center;
}
.policySec .polInfo h5 {
	margin-bottom: 5px;
	font-size: 14px;
	font-weight: 600;
}
.policySec .polAccBox {
	padding: 0 0 10px 0;
}

/*-- Guide Page --*/
.guideSec .gdMnTop {
	padding-top: 30px;
}
.guideSec .secTitle {
	margin-bottom: 15px;
}
.guideSec .gSbTxt {
	margin-bottom: 20px;
}
.guideSec .gPrtTtl {
	margin-bottom: 10px;
	font-size: 20px;
	font-weight: 500;
}
.guideSec .gTopPrt {
	margin-bottom: 15px;
}
.guideSec .gPrtSbTtl {
	font-size: 16px;
	font-weight: 500;
}
.guideSec .gTopPrt p {
	padding-left: 20px;
}
/**/
.guideSec .gdAccCntr {
	padding: 30px 0;
}
.guideSec .gdAccPrtInfo {
	margin-top: 20px;
}

/*-- Instructions Page --*/
.instSec .container {
	margin: 0 auto;
	max-width: 1120px;
}
.instSec .instTop {
	padding: 60px 0;
	display: grid;
	grid-gap: 25px;
	align-items: center;
}
.instSec .instTop .pageTitle {
	margin-bottom: 15px;
}
/**/
.instSec .instPart {
	padding-bottom: 40px;
}
.instSec .instPart .iPrtTtl {
	margin-bottom: 15px;
	font-size: 20px;
	font-weight: 500;
}
.instSec .instAccBox .cmnAccLst {
	padding: 0;
	border: 0;
}
.instSec .instTxtBox p {
	padding: 20px 0;
	margin: 0 auto;
	max-width: 710px;
	font-size: 14px;
	text-align: center;
}

/*-- About Us Page --*/
/** Page Header **/
.pageTopBox {
	padding: 30px 0 80px 0;
}
.pageTopBox .ttlBox {
	padding-top: 30px;
}
/** About Us Top **/
.abUsTop {
	padding-bottom: 100px;
}
.abUsTop .abUsTpB {
	display: grid;
	grid-gap: 50px;
	max-width: 1000px;
	margin: 0 auto;
}
.abUsTop .infoBox h3 {
	font-size: 32px;
	font-weight: 500;
}
.abUsTop .infoBox p {
	font-size: 16px;
	font-weight: 600;
}
.abUsTop .infoBox img {
	margin: 15px 0;
	height: 25px;
	width: auto;
}
/** About Us Info  **/
.abUsInfo {
	padding-bottom: 70px;
}
.abUsInfo .abUsInB {
	padding-bottom: 70px;
	display: grid;
	grid-gap: 60px;
}
.abUsInfo .aUInCd .aUCdTop {
	margin-bottom: 30px;
}
.abUsInfo .aUInCd h5 {
	margin-bottom: 20px;
	font-size: 16px;
	font-weight: 500;
}
.abUsInfo .aUInCd p {
	font-weight: 500;
	line-height: 1.2;
}
/**/
.abUsInfo .chatBtn {
	display: inline-block;
	padding: 12px 20px;
	border-radius: 15px;
	background-color: #819297;
	color: #fff;
	transition: all 0.3s;
}
.abUsInfo .chatBtn img {
	margin-right: 10px;
	width: 90px;
	height: auto;
}
.abUsInfo .chatBtn .txtBox {
	text-align: left;
}
.abUsInfo .chatBtn h5 {
	font-size: 18px;
	font-weight: 400;
}
.abUsInfo .chatBtn p {
	font-size: 12px;
	font-weight: 300;
}
.abUsInfo .chatBtn:hover {
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.3);
}
/** About Us Main **/
.abUsMain {
	padding: 100px 0;
	background-color: #f8f8f8;
}
.abUsMain .abUsMnB {
	display: grid;
	grid-gap: 60px;
	align-items: center;
}
.abUsMain .txtBox h3 {
	margin-bottom: 30px;
}
.abUsMain .txtBox p {
	margin-bottom: 15px;
	font-weight: 500;
	line-height: 1.2;
}
/**  **/
.uniqSecPd {
	padding: 100px 0;
}
.uniqSecPdB {
	margin-bottom: 100px;
}

/*-- Blog Page --*/
.blogMain .blogMnGd {
	display: grid;
	grid-gap: 75px;
}
.blogMain .blgRcB {
	padding-bottom: 100px;
}
.blogMain .blgRcB h4 {
	margin-bottom: 20px;
	font-size: 22px;
	font-weight: 600;
}
.blogMain .blgRcB .blgRcLst {
	padding-left: 50px;
}
.blogMain .blgRcB .blgRcLst li {
	margin-bottom: 15px;
	font-size: 16px;
	font-weight: 600;
}
/**/
.blogMain .smplCard {
	padding-bottom: 30px;
}
.blogMain .smplCard img {
	margin-bottom: 25px;
	width: 120px;
	height: auto;
}
.blogMain .smplCard .txtBox {
	padding: 5px 25px;
	margin: 0 auto;
	max-width: 230px;
	border: 1px solid #4d4d4d;
	color: #4d4d4d;
}
.blogMain .smplCard .txtBox h5 {
	font-size: 16px;
	font-weight: 600;
}
.blogMain .smplCard .txtBox a {
	display: inline-block;
	margin-bottom: 2px;
	padding: 1px 6px;
	border-radius: 2px;
	border: 1px solid #454545;
	font-size: 10px;
}
.blogMain .smplCard .txtBox p {
	margin-bottom: 3px;
	font-size: 10px;
}
/**/
.blogMain .blogCd {
	position: relative;
	margin-bottom: 100px;
	display: grid;
	grid-gap: 50px;
}
.blogMain .blogCd::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 80px;
	background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 100%);
	z-index: 5;
}
.blogMain .blogCd .infoBox {
	overflow: hidden;
}
.blogMain .blogCd .blgTtl {
	margin-bottom: 5px;
	font-size: 24px;
	font-weight: 500;
	line-height: 1.2;
}
.blogMain .blogCd .blgSbTtl,
.articMain .artSbTtl {
	margin-bottom: 5px;
	font-size: 16px;
	font-weight: 300;
}
.blogMain .blogCd .blgBy,
.articMain .artBy {
	margin-bottom: 25px;
	font-size: 12px;
	font-weight: 600;
}
.blogMain .blogCd .blgTxt {
	position: relative;
}
.blogMain .blogCd .blgTxt p {
	position: absolute;
	width: 100%;
}
.blogMain .blogCd .blgRead {
	display: inline-block;
	position: absolute;
	bottom: -25px;
	left: 20%;
	font-size: 13px;
	font-weight: 600;
	z-index: 10;
}

/*-- Article Page --*/
.articMain .aTxtGrp {
	margin-bottom: 20px;
}
.articMain .aTxtGrp .aTtl {
	margin-bottom: 10px;
	font-size: 14px;
	font-weight: 500;
}
.articMain .aTxtGrp .aTxt {
	margin-bottom: 15px;
}
.articMain .aTxtGrp .imgGrid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 20px;
}
.articMain .aTxtGrp .imgW75 {
	width: 75%;
}
.imgTxt {
	margin-top: 10px;
	font-size: 10px;
	font-style: italic;
	line-height: 1.2;
}

/*--  Page --*/
/**  **/
/**  **/
/**  **/

/**/
/**/
/**/
/**/

/**** Media Queries  ************************/
@media screen and (min-width: 576px) {
	.sideCart .sideCartBox {
		padding: 170px 60px 60px 60px;
	}
	.sideCart .sCrtHead {
		display: flex;
		justify-content: space-between;
	}
	.sideCart .sCrtProd {
		display: grid;
		grid-template-columns: 1fr 1.1fr;
		grid-gap: 50px;
	}
	/**/
	.tabX .tabXCard .tabXCdInfo {
		display: grid;
		grid-template-columns: 1.5fr 1fr;
		grid-gap: 30px;
	}
	.tabX .tabXCard .tabXCdTxt {
		order: 1;
	}
	.tabX .tabXCard .tabXCdImg {
		order: 2;
	}
	.tabOdr .tOdrDtl .topBox {
		display: grid;
		grid-template-columns: 1fr 1.2fr;
		grid-gap: 50px;
	}
	.tabOdr .tOdrDtl .btmBox {
		display: grid;
		grid-template-columns: 1.2fr 1fr;
		grid-gap: 50px;
	}
	/**/
	.tabAdrs .tAdLstGrid,
	.ordersTab .tCmnCrdGrid {
		grid-template-columns: 1fr 1fr;
	}
	/**/
	.nArrPrdt .nAPrdtGrid {
		grid-template-columns: 1fr 1fr;
	}
	/**/
	.policySec .polInfo {
		grid-template-columns: 1fr 1.3fr;
	}
	/**/

	.instSec .instTop {
		grid-template-columns: 1.3fr 1fr;
	}
	/**/
	.abUsTop .abUsTpB {
		grid-template-columns: 240px 1fr;
	}
	/**/
	.abUsInfo .abUsInB {
		grid-template-columns: 1fr 1fr;
	}
}
@media screen and (min-width: 768px) {
	.navbar .navMobi,
	.navbar .menuMobi {
		display: none;
	}
	/**/
	.footer .ftrTop {
		padding: 15px 0;
	}
	.footer .ftrTopBox {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.footer .ftrTop .ftrSub h5 {
		margin-bottom: 5px;
		font-size: 14px;
	}
	.footer .ftrTop .ftrSub .emailInput {
		max-width: 250px;
		font-size: 14px;
	}
	.footer .ftrTop .ftrSub p {
		font-size: 12px;
	}
	.footer .ftrTop .ftrLogo img {
		height: 42px;
		width: auto;
	}
	.footer .ftrMain {
		padding: 40px 0;
	}
	.footer .ftrMainBox {
		display: grid;
		grid-template-columns: 200px 1fr;
		grid-gap: 50px;
	}
	.footer .ftrMain .ftrCards {
		order: 1;
		display: flex;
		flex-direction: column;
	}
	.footer .ftrCard {
		position: relative;
		padding-right: 30px;
		text-align: left;
	}
	.footer .ftrCard::after {
		content: "";
		position: absolute;
		right: 10px;
		top: calc(50% - 10px);
		height: 14px;
		width: 14px;
		background-image: url(../img/arrow-right-white.svg);
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
	}
	.footer .ftrCard:not(:last-child) {
		border-bottom: 0;
	}
	.footer .ftrCard h5 {
		margin-bottom: 2px;
		font-size: 15px;
	}
	.footer .ftrMain .ftrLinks {
		order: 2;
		margin: 0;
		padding: 0;
		display: grid;
		grid-auto-flow: column;
		grid-gap: 20px;
	}
	.footer .ftrLnBox .accHead {
		pointer-events: none;
	}
	.footer .ftrLnBox .accList {
		max-height: fit-content;
	}
	.footer .ftrLnBox h4 {
		font-size: 16px;
	}
	.footer .ftrLnBox li {
		margin-top: 5px;
	}
	.footer .ftrLnBox li a {
		font-size: 12px;
	}
	.footer .copyRight {
		display: none;
	}
	/**/
	.pageHead {
		padding: 80px 0;
	}
	.pageTitle {
		font-size: 36px;
	}
	.secTitle {
		font-size: 30px;
	}
	/**/
	.bannerSec {
		grid-template-columns: 1fr 1.8fr;
	}
	.bannerSec .bannerImg {
		height: auto;
	}
	.bannerSec .bannerTxt h2 {
		margin-bottom: 20px;
		font-size: 36px;
	}
	.bannerSec .bannerTxt p {
		margin-bottom: 20px;
		font-size: 16px;
	}
	.bannerSec .bannerTxt .btn {
		height: 46px;
		font-size: 12px;
		line-height: 26px;
	}
	/**/
	.byCat .secTop {
		margin-bottom: 25px;
	}
	/**/
	.theDiff {
		padding: 40px 0;
	}
	.theDiff .container {
		margin: 0 auto;
		max-width: 1300px;
	}
	.theDiff .tDifImg img {
		margin-bottom: 10px;
	}
	.theDiff .tDifInfo h4 {
		font-size: 22px;
	}
	.theDiff .tDifInfo h4 span:last-child {
		font-size: 14px;
	}
	.theDiff .tDifInfo p {
		font-size: 12px;
	}
	/**/
	.bstSlr .secTop {
		margin-bottom: 35px;
	}
	.bstSlr .bSlrBox {
		gap: 36px;
	}
	.bstSlr .bSlrBox .bSlrCard {
		min-width: 300px;
		width: 300px;
	}
	.bstSlr .bSlrCard .bSlCrdInfo h5 {
		font-size: 14px;
	}
	.bstSlr .bSlrCard .bSlCrdStar img {
		height: 14px;
	}
	.bstSlr .btnBox .btn {
		min-width: 450px;
		font-size: 18px;
	}
	/**/
	.howSec {
		padding: 50px 0;
	}
	.howSec .howSVideo {
		padding: 0;
	}
	.howSec .btnBox .btn {
		width: 450px;
		font-size: 20px;
	}
	.howSec .secTop {
		margin: 0 0 60px 0;
		padding: 0 0 25px 55px;
		border-bottom: 1px solid #000;
	}
	.howSec .howSBox {
		display: grid;
		grid-template-columns: 210px 1fr;
		grid-gap: 50px;
	}
	.howSec .howSVideo {
		order: 2;
	}
	.howSec .howSInfo {
		order: 1;
	}
	/**/
	.shopSpace {
		padding: 125px 0;
	}
	.shopSpace .secTop {
		margin-bottom: 30px;
	}
	.shopSpace .secTop .subTitle {
		margin: 0 0 5px 5px;
	}
	.shopSpace .tabLinks {
		padding: 0 15px 66px 15px;
		justify-content: center;
		gap: 35px;
		padding-bottom: 66px;
	}
	.shopSpace .tabLink {
		height: 44px;
		width: 130px;
		font-size: 14px;
	}
	.pdImgSlide .pdImgCd img {
		height: 380px;
	}
	/**/
	.msgBanner {
		padding: 140px 0;
	}
	.msgBanner h3 {
		margin-bottom: 30px;
		font-size: 30px;
		font-weight: 700;
	}
	.msgBanner .btn {
		min-width: 250px;
	}
	/**/
	.fltrAll {
		display: flex;
		gap: 50px;
	}
	.fltrAll .fltrOptn label {
		padding: 12px 10px;
		height: 50px;
	}
	/**/
	.galSec .btnBox .btn {
		min-width: 250px;
	}
	/**/
	.lbSldCard {
		display: grid;
		grid-template-columns: 1fr 1fr;
	}
	.lbSldCard .lbScInfo {
		padding: 60px 50px;
	}
	.lbSldCard .lbScImg img {
		width: 100%;
		height: 100%;
		object-position: center;
		object-fit: cover;
	}
	/**/
	.prodBox .prodDtlsBox {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-gap: 20px;
	}
	/**/
	.prodTabs .tabLinks .tabLink {
		padding: 15px;
		font-size: 16px;
	}
	.prodTabs .pdIncld {
		grid-template-columns: 200px 200px 200px;
	}
	.prodTabs .pdInst {
		flex-direction: row;
	}
	.prodTabs .pdShip .tableBox table th,
	.prodTabs .pdShip .tableBox table td {
		padding: 15px 20px;
	}
	.prodTabs .pdShip .tableBox table th {
		width: 190px;
	}
	/**/
	.prodRev .revRow {
		display: grid;
		grid-template-columns: 140px 1fr;
		grid-gap: 60px;
	}
	/**/
	.collSec .collGrid {
		display: grid;
		grid-template-columns: 300px 1fr;
	}
	.collSec .collInfo {
		padding: 80px 20px 40px 20px;
	}
	.collSec .collGal {
		gap: 70px;
		padding: 60px 20px 40px 20px;
	}
	.collSec .collCard {
		min-width: 240px;
		width: 240px;
	}
	.collSec .collCard .collCdInfo h5,
	.collSec .collCard .collCdInfo p {
		font-size: 14px;
	}
	/**/
	.cartSec .cartGrid,
	.ckOutSec .ckOutGrid {
		display: grid;
		grid-template-columns: 1.3fr 1fr;
		grid-gap: 20px;
	}
	.cartSec .cartItem .crtItmInfo {
		display: flex;
		gap: 20px;
	}
	/**/
	.ordersTab .tabLink {
		flex-grow: 1;
		flex-basis: 0;
	}
	/**/
	.tabX .tabXList {
		grid-template-columns: 1fr 1fr;
	}
	/**/
	.tabRtn .tRtnFrm .tRtnFrmGrid {
		display: grid;
		grid-template-columns: 1fr 1.2fr;
		grid-gap: 50px;
	}
	/**/
	.tabMsg {
		display: grid;
		grid-template-columns: 240px 1fr 148px;
		grid-gap: 15px;
	}
	.ordersTab .tabXFrm {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-gap: 0 50px;
	}
	/**/
	.nABnrTxt h3 {
		margin-bottom: 20px;
		font-size: 54px;
	}
	/**/
	.nArrPrdt .nAPrdtGrid {
		grid-template-columns: 1fr 1fr 1fr;
	}
	/**/
	.trdPerks .trPrkGrid {
		grid-template-columns: 1fr 1fr;
	}
	/**/
	.trdColl .trCollBox {
		flex-direction: row;
	}
	/**/
	.faqBox .faqGrid {
		grid-template-columns: 1fr 1fr;
	}
	/**/
	.signInBox .btnBox,
	.signInBox .sIInfo {
		grid-gap: 50px;
	}
	/**/
	.crAccBox .crAccGrid {
		grid-template-columns: 1fr 1fr;
	}
	/**/
	.cmnPgGrid {
		display: grid;
		grid-template-columns: 200px 1fr;
		grid-gap: 40px;
	}
	/**/
	.abUsInfo .abUsInB {
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}
	/**/
	.abUsMain .abUsMnB {
		grid-template-columns: 1fr 1.1fr;
	}
	/**/
	.blogMain .blogMnGd {
		grid-template-columns: 200px 1fr;
		grid-gap: 30px;
	}
	.blogMain .blogRcnt {
		order: 1;
	}
	.blogMain .blogList {
		order: 2;
	}
	.blogMain .blogCd {
		grid-template-columns: 1.4fr 1fr;
		grid-gap: 30px;
	}
	.blogMain .blogCd .infoBox {
		order: 1;
	}
	.blogMain .blogCd .imgBox {
		order: 2;
	}
}
@media screen and (min-width: 992px) {
	.navbar .brandLogo img {
		height: 38px;
	}
	.navbar .menuList li {
		margin: 0 20px;
	}
	.navbar .navBtnBox .navBtn + .navBtn {
		margin-left: 25px;
	}
	.navbar .cartBtn {
		padding-right: 25px;
	}
	.navbar .cartBtn span {
		top: 50%;
		transform: translateY(-50%);
		height: 20px;
		min-width: 20px;
		line-height: 18px;
	}
	/**/
	.navbar .subMenuBox .sMnGrid {
		grid-gap: 50px;
	}
	.navbar .subMenuBox .sMnOptnAs .sMnOpImgBox img {
		max-width: 140px;
		max-height: 140px;
	}
	/**/
	.footer .ftrMainBox {
		grid-gap: 200px;
	}
	/**/
	.howSec .howSBox {
		padding-left: 55px;
		grid-gap: 130px;
	}
	.howSec .howSInCard {
		margin-bottom: 20px;
	}
	.howSec .howSInCard img {
		margin-bottom: 10px;
		width: 120px;
		height: auto;
	}
	.howSec .howSInCard h5 {
		font-size: 14px;
	}
	/**/
	.galBox {
		grid-template-columns: 1fr 1fr 1fr;
	}
	/**/
	.prodBox .prodDtlsBox {
		grid-gap: 80px;
	}
	/**/
	.prodTabs .tabLinks {
		gap: 70px;
		justify-content: center;
	}
	/**/
	.uniqSec .uniqRow {
		justify-content: center;
		grid-gap: 35px;
	}
	.uniqSec .uniqCard {
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.uniqSec .uniqCard p {
		margin-left: 15px;
	}
	/**/
	.prodRev .revRow {
		padding: 30px 30px 60px 30px;
	}
	/**/
	.frmGrid2 {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-gap: 30px;
	}
	/**/
	.tabAdrs .tAdLstGrid,
	.ordersTab .tCmnCrdGrid {
		grid-template-columns: 1fr 1fr 1fr;
	}
	/**/
	.coHowBox {
		gap: 100px;
	}
	/**/
	.trdPerks .trPrkGrid {
		grid-gap: 100px;
	}
	/**/
	.trdColl .trCollBox {
		gap: 120px;
	}
	.trdColl .trCollBox .infoBox p {
		max-width: 450px;
	}
	/**/
	.faqBox .faqInner {
		margin: -120px auto 0 auto;
		padding: 80px 200px;
	}
	/**/
	.abUsTop .abUsTpB {
		grid-gap: 80px;
	}
	/**/
	.blogMain .blogMnGd {
		grid-template-columns: 280px 1fr;
		grid-gap: 75px;
	}
	.blogMain .blogRcnt {
		align-self: start;
		padding-right: 50px;
		border-right: 1px solid #707070;
	}
	.blogMain .blgRcB .blgRcLst li {
		font-size: 20px;
	}
	.blogMain .blogCd {
		grid-gap: 50px;
	}
	.blogMain .blogCd .blgTtl {
		font-size: 38px;
	}
	/**/
	.articMain .articBox {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-gap: 0 20px;
	}
}
@media screen and (min-width: 1200px) {
	.container {
		padding: 0 60px;
	}
	/**/
	.navbar .menuList li {
		margin: 0 35px;
	}
	/**/
	.navbar .subMenuBox .sMnGrid {
		grid-template-columns: 190px 1fr;
		grid-gap: 130px;
	}
	.navbar .subMenuBox .sMnOptnSu {
		grid-gap: 40px;
	}
	/**/
	.imgTag {
		left: 16px;
		bottom: 16px;
		padding: 1px 4px;
		font-size: 10px;
	}
	/**/
	.bannerSec .bannerTxt {
		padding: 0 60px;
	}
	.bannerSec .bannerTxt h2 {
		font-size: 55px;
	}
	.bannerSec .bannerTxt p {
		font-size: 20px;
	}
	/**/
	.shopSpace .tabLinks {
		padding: 0 60px 66px 60px;
	}
	/**/
	.pdImgSlide {
		gap: 30px;
	}
	.pdImgSlide .pdImgCd img {
		height: 450px;
	}
	/**/
	.slideCard .slideInfo {
		padding: 100px 90px;
	}
	/**/
	.lightBox .prevSlide {
		left: -40px;
	}
	.lightBox .nextSlide {
		right: -40px;
	}
	/**/
	.prodBox .prodDtlsBox {
		grid-template-columns: 1.2fr 1fr;
		grid-gap: 120px;
	}
	.pDsgnGall {
		padding: 70px 70px 40px 70px;
	}
	.pDsgnGall .arrowPre {
		left: 30px;
	}
	.pDsgnGall .arrowNxt {
		right: 30px;
	}
	.prodOptn .accHead .opOnInfo {
		display: inline-block;
	}
	.prodOptn .opList {
		justify-content: center;
	}
	/**/
	.prodImg .prodImgBox .pdImgSlide {
		padding-left: 60px;
	}
	/**/
	.collSec .collGrid {
		grid-template-columns: 420px 1fr;
	}
	.collSec .collInfo {
		padding: 110px 60px 40px 60px;
	}
	.collSec .collGal {
		gap: 70px;
		padding: 100px 40px 80px 40px;
	}
	/**/
	.cartSec .cartGrid,
	.ckOutSec .ckOutGrid {
		grid-template-columns: 1.7fr 1fr;
		grid-gap: 50px;
	}
	.cartSec .cartItem .crtItmInfo {
		gap: 50px;
	}
	/**/
	.tabRtn .tRtnFrm .tRtnFnC,
	.tabRtn .tRtnSbmt .tRntH2R {
		padding: 20px 30px;
	}
	/**/
	.tabMsg {
		grid-template-columns: 360px 1fr 148px;
	}
	.tabMsg .tMsgBox .tMChatRow {
		max-width: 49%;
	}
	/**/
	.nArrBnr {
		grid-template-columns: 1fr 1.4fr;
	}
	.nArrBnr .nABnrTxt {
		padding: 0 60px;
	}
	/**/
	.collabPrImg .pdImgCd img {
		height: 425px;
	}
	/**/
	.signInBox .btnBox,
	.signInBox .sIInfo {
		grid-gap: 100px;
	}
	.signInBox .btn {
		font-size: 16px;
	}
	/**/
	.cmnPgGrid {
		padding: 0 220px 0 20px;
	}
	.policySec .polInfo {
		grid-gap: 50px;
	}
	/**/
	.abUsMain .abUsMnB {
		grid-gap: 120px;
	}
	/**/
	.blogMain .blogMnGd {
		grid-template-columns: 350px 1fr;
		grid-gap: 90px;
	}
	.blogMain .blogRcnt {
		padding-right: 60px;
	}
	.blogMain .blogCd {
		grid-gap: 80px;
	}
	/**/
	.articMain .articBox {
		grid-gap: 0 60px;
	}
}
@media screen and (min-width: 1400px) {
	/**/
}
/**/
@media screen and (max-width: 1199px) {
}
@media screen and (max-width: 991px) {
	.cartSec .cartItem .cartItmImg img {
		max-width: 150px;
	}
}
@media screen and (max-width: 767px) {
	.btnResp {
		height: 40px;
		padding: 5px 10px;
		font-size: 12px;
		line-height: 30px;
	}
	/**/
	.headerTop {
		padding: 5px 0;
		background-color: #62777c;
		color: #fff;
	}
	.headerTop .hTLinks {
		justify-content: center;
		gap: 36px;
	}
	.headerTop .hTLinks a {
		font-size: 10px;
		line-height: 20px;
	}
	.headerTop .hTLinks a:hover {
		color: rgba(0, 0, 0, 0.25);
	}
	/**/
	.navbar .menuList,
	.navbar .searchBtn {
		display: none;
	}
	.navbar .brandLogo img {
		margin: 20px 10px;
	}
	/**/
	.sideCart .sideCartBox {
		width: 100%;
		max-width: 600px;
	}
	/**/
	.footer .ftrTop .ftrLogo {
		display: none;
	}
	.footer .ftrLnBox h4::after {
		content: "";
		position: absolute;
		right: 0;
		top: calc(50% - 10px);
		width: 20px;
		height: 20px;
		background-image: url(../img/arrow-right-white.svg);
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
		transition: all 0.3s ease-in-out;
	}
	.footer .ftrCard:not(:last-child) {
		border-right: 0;
	}
	/**/
	.homePage .secTitle {
		font-size: 18px;
	}
	/**/
	.bannerSec .bannerImg {
		height: 300px;
	}
	.bannerSec .bannerTxt .btn {
		padding: 5px;
		height: 30px;
		min-width: 100px;
		font-size: 10px;
		line-height: 20px;
	}
	/**/
	.byCat .byCatList .btn {
		padding: 4px;
		height: 28px;
		min-width: 120px;
		width: 120px;
		font-size: 10px;
		line-height: 20px;
	}
	/**/
	.bstSlr .btnBox .btn {
		min-width: 200px;
	}
	/**/
	.howSec .howSVideo .btnBox {
		display: none;
	}
	.howSec .howSInfo {
		padding-left: 30px;
		display: flex;
		gap: 30px;
		overflow: auto;
	}
	.howSec .howSInCard {
		min-width: 140px;
	}
	/**/
	.pdImgSlide .shSpPeod .hotSpot {
		display: none;
	}
	/**/
	.msgBanner {
		margin-bottom: 60px;
	}
	/**/
	.slideSec {
		display: none;
	}
	/**/
	.prodRev .revRow .revUsr {
		margin-bottom: 30px;
	}
	/**/
	.cartSec .cartItem .cartItmImg {
		text-align: center;
	}
	/**/
	.ckOutSec .ckOtSteps {
		margin-bottom: 50px;
	}
	/**/
	.ordersTab .tabLinks {
		flex-wrap: wrap;
	}
	/**/
	.cmnSdNav {
		display: none;
	}
	/**/
	.blogMain .blogCd .blgTxt {
		height: 100px;
		overflow: hidden;
	}
	.blogMain .blogCd .blgRead {
		left: 50%;
		transform: translateX(-50%);
	}
}
@media screen and (max-width: 575px) {
	.pMainGall .prodGlRow {
		justify-content: start;
		overflow: auto;
	}
	/**/
	.tabX .tabXCard .tabXCdImg {
		margin-bottom: 15px;
		text-align: center;
	}
}