* {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 1em;
}


/************************************** Scroll Bar Style ******************************************/
/* width */
::-webkit-scrollbar { width: 5px;}
/* Track */
::-webkit-scrollbar-track {box-shadow: inset 0 0 5px grey; border-radius: 10px;}
/* Handle */
::-webkit-scrollbar-thumb { background: #555; border-radius: 0px;}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {background: #A23109; }

/********************************** Back to Top ************************************/

#backTop {display: inline-block;background: #ccc url(../images/icons/arrow-up.svg) no-repeat center center;width: 40px;height: 40px;text-align: center;border-radius: 50%;position: fixed;bottom: 30px;right: 30px;transition: background-color .3s, opacity .5s, visibility .5s;  opacity: 0;visibility: hidden;z-index: 1000;}
#backTop:hover {cursor: pointer;background-color: #a6a6a6;}
#backTop:active {background-color: #ccc;}
#backTop.show {opacity: 1;visibility: visible;}

/********************************** Icon Container ************************************/

.socialIconHeader{ display:flex; align-items:center;}
#fbIcon{background:url(../images/icons/facebook-white.svg) no-repeat center center; display:inline-block; height:24px; width:24px; padding-right:10px}
#instaIcon{background:url(../images/icons/insta-white.svg) no-repeat center center; display:inline-block; height:24px; width:24px; padding-right:10px}
#ytIcon{background:url(../images/icons/yt_white.svg) no-repeat center center; display:inline-block; height:24px; width:24px; padding-right:10px}
#sliderSpace{height:110px;}

/********************************** Header ************************************/

#header{background:#fff; position: absolute;top:40px;right: 0;left: 0;z-index: 10; }
#header.is-sticky {position: fixed; animation: slideDown 0.5s ease-out;}
#container{display: flex; justify-content: space-between; align-items:center;}
#logo{width:300px; transition:all 0.5s; display:block}
#logo img{width:100%;}

#topNavPanel{float:right; margin-top:90px; transition:all .5s }
#navMain{list-style:none;float:right; display:block}
#navMain li{display:inline-block;}
#navMain li a{text-decoration:none;color:#A23109;font-size:1.3em;line-height:1.5;padding:8px 5px 8px 20px}
#navMain li a:hover{color:#511118 }
#navBtn{cursor:pointer; position:absolute; top:10px; right:0; display:none; margin-top:80px;}
#navBtn .line{width: 30px;margin: 5px auto; height:3px; background-color:#A23109; display:block; }

.topContacts{position:absolute; display:flex; align-items:center; top:15px; right:0; }
.topCall{ text-decoration:none; padding:2px 5px; color:#A23109; line-height:1.8; font-size:1.1em; font-weight:400}
.topCallIcon{width:28px; height:28px;}


/********************************** SideNav ************************************/

.sidenav {height: 100%; width: 100%; position: fixed; z-index: 11; top: 0; left: -100%; overflow-x: hidden; transition: 0.5s; padding-top: 10px;}
.linkContainer{text-align:center}
.sidenav a {padding: 8px 8px 8px 8px; text-decoration: none; font-size: 25px; color: #f1f1f1; display: block; transition: 0.3s; cursor:pointer;}
.sidenav a:hover {color: #818181;}
.sidenav .closebtn { position: absolute; top: 0; right: 5px; font-size: 36px; display:inline-block}
.abtList{list-style:none}
.abtList li{display:block; padding-left:30px; }
.abtList li a{font-size:1em;  }
#sidenavlogo{width:200px; margin:0 auto}
#sidenavlogo img{width:100%; }


/********************************** Banner Slider ************************************/

.bannerIMG{ width:100%; background-size:cover; border-radius:20px}
.imgSliderContainer{display:block !important;}
#bannerBG{background:#ddd}
.box-shadow{box-shadow: 5px 5px 15px -4px rgba(156,148,148,0.79);-webkit-box-shadow: 5px 5px 15px -4px rgba(156,148,148,0.79);-moz-box-shadow: 5px 5px 15px -4px rgba(156,148,148,0.79);}

/********************************** Menu Strip ***************************************/

#mainStrip{background:#F3E7E5; z-index:10; position:sticky; top:170px; box-shadow: 10px 5px 10px rgb(0 0 0 / 20%); transition:all .3s}

#navMenu{display:inline-block; float:left}
.navAnch{display:inline-block; font-size:1.1em; padding:12px 18px; text-decoration:none}
.navAnch:hover{font-weight:600}

#cartContainer{position:absolute; right:0; top:5px;}
#logBtn{background:url(../images/icons/profile_icon.svg) no-repeat center center; display:inline-block; text-decoration:none; height:32px; width:32px;  float:right; cursor:pointer  }
#cartBtn{background:url(../images/icons/cart_icon.svg) no-repeat center center; display:inline-block; height:30px; width:30px; text-decoration:none; float:right; background-size:cover; cursor:pointer; margin-right:10px; position:relative }
#cartBtn .count{display:block; height:16px; width:16px; background:#a40e0e; color:#fff; z-index:2; position:absolute; top:0; right:-5px; border-radius:50%; font-size:.7em }
.blink {animation: blinker 1s linear infinite;}
.favCatName{text-decoration:none; font-size:1.2em; color:#000; }
@keyframes blinker { 50% { opacity: 0;}}
#searchBtn{background:url(../images/icons/search_icon.svg) no-repeat center center; display:inline-block; height:32px; width:32px; text-decoration:none; float:right; cursor:pointer; margin-right:10px; }
.blink {animation: blinker 1s linear infinite;}
@keyframes blinker { 50% { opacity: 0;}}
.searchContainer{background:#fff}

/******************************************************** search Bar ***********************************************************/

#searchContainer{display:none}
#inputSearch{padding:10px 5px; border:none; border-radius:5px; width:75%}
#inputBtn{cursor:pointer; border:none; background:#A23109; color:#fff; padding:10px 8px;  border-radius:5px; display:inline-block; width:20%}
#inputBtn:hover{background:#880F00; color:#fff}


/********************************** Breadcrumb ***************************************/

.pgBanner{width:100%; border-bottom:1px solid #A23109 }
.pgTitle{color:#A23109; font-size:3em }

.bcPanel{padding:0.9em 0;}
.bcNav{list-style:none;}
.bcNav li{display:inline-block; color:#A23109; font-size:1em; line-height:1.3;}
.bcNav li a{display:inline-block;text-decoration:none;color:#A23109;font-size:1em; line-height:1.3; font-weight:400; padding-right:28px; background:url("../images/icons/right.png") no-repeat right center}
.bcNav li a:hover{ text-decoration:underline; font-weight:600  }


/********************************** Shop ************************************/
.prHeadingContainer{text-align:center; background:url(../images/lineArt.png)no-repeat center center; padding-bottom:60px }
.prHeading {font-size: 2em; display:block; }

.mainContainer{width:25%; float:left; position:relative}
.productCont{border: 1px solid #e2e2e2; background:#f5f5f5;}
.bestSeller{position:absolute; top:0; left:50%; transform:translateX(-50%); height:30px; width:140px}
.prImg{display:block; width:100%;}
.prImgDisc{display:block; width:100%; border-bottom-right-radius: 36px; overflow:hidden;}
.prImg img{width:100%}
.prImgDisc img{width:100%; border-bottom-right-radius: 36px; overflow:hidden;}
.descBox{text-align:left;  position:relative;}
.prTitleBox{container-type:size; height:45px !important}
.prName{text-decoration:none; font-size:40cqmin;}
.priceContainer{display:inline-block; float:left}
.prOffer{background:url(../images/icons/dollar-green.svg) no-repeat top 1px left 0px; background-size:18px 18px; display:inline-block; padding-left:18px; font-size:1.1em;  font-weight:600; color:#0c8a2d }
.prPrice{background:url(../images/icons/dollar-red.svg) no-repeat top 0px left -4px; background-size:16px 16px; display:inline-block; padding-left:12px; margin-left:10px; font-size:0.9em; color:#A23109 }
.viewDet{background:url(../images/icons/right.svg) no-repeat top right -5px; background-size:contain; text-decoration:none; color:#686868; font-size:.9em; font-weight:600; display:inline-block; padding-right:15px }
.discPer{color:#fff; background:url(/images/icons/offerTag.svg)no-repeat center center; background-size:contain; position:absolute; top:-51px; right:-7px; padding:16px 16px; font-size:0.8em}

.latestPrContainer{background:#f5f5f5}
.bestSellerContainer{background:#eee}
.stockStatus{font-size:1.1em; color:red;}

/********************************** Product Details ***************************/

.simplegallery {margin: 0 auto;width:100%}
.simplegallery .content {background: #fff;position: relative;width: calc(85% - 10px); float:left; margin-left:10px }
.simplegallery .content img {width: 100%;border: 1px solid #e2e2e2;}
.simplegallery .thumbnail { margin-bottom: 2px; position:relative; float:left; width:15%;}
.simplegallery .thumbnail li { display:block; margin: 5px 0 0 0;cursor: pointer; z-index:888 }
.simplegallery .thumbnail li img {border: 1px solid #e2e2e2;border-radius:5px; width:100% }
.simplegallery .thumbnail .last { margin: 0; }

.detCatAnch{text-decoration:none; color:#1e1e1e}
.input-number {width: 50px; height:40px; padding: 0 8px;vertical-align: top;text-align: center;outline: none;border: 1px solid #ccc; caret-color: transparent;}
.input-number[type=number]::-webkit-inner-spin-button {opacity: 1;}

.detPrOffer{background:url(../images/icons/dollar-green.svg) no-repeat top 3px left 0px; background-size:20px 20px; display:block; padding-left:20px;font-weight:600; font-size:1.5em; color:#0c8a2d;}
.detPrPrice{background:url(../images/icons/dollar-red.svg) no-repeat top 0px left 0px; display:block; padding-left:16px;font-weight:400; font-size:1em; color:#A23109; text-decoration:line-through;}
.detCartAdd{text-decoration:none; display:block; text-align:center; border:2px solid #880F00; padding: 10px 0; border-radius:10px; color:#A23109; font-weight:600}
.detCartAdd:hover{background-color:#A23109; color:#fff}
.detDiscPercent{background:#A23109; color:#fff; padding:5px 12px; display:inline-block; border-radius:5px}


/********************************** Why Us ************************************/

.whyUsContainer{display: flex; flex-wrap:wrap; justify-content:space-between}
.whyUsContainer div {box-sizing: border-box; flex: 0 0 25%; text-align:center}
.whyUs {max-width: 100%; height: auto;}
.whyUsBGContainer{background:#f5f5f5}
.whyUsContainer h3{margin-top:10px; font-size:1.2em;}

/************************************ Youtube *********************************/

.bgGenerationOverlay{background:rgba(0,0,0,0.2); height:auto;}
#videoBg{background:url("../images/") no-repeat fixed center; background-size:cover; }
.yt-box{width:600px; margin:0 auto; display:block; -webkit-box-shadow: 0px 3px 12px -2px rgba(0,0,0,0.50);-moz-box-shadow: 0px 3px 12px -2px rgba(0,0,0,0.50);box-shadow: 0px 3px 12px -2px rgba(0,0,0,0.50);}

/********************************** Login ************************************/

.formContainer{border-radius:20px; box-shadow: 1px 0px 3px 1px rgba(0,0,0,0.1);-webkit-box-shadow: 1px 0px 3px 1px rgba(0,0,0,0.1);-moz-box-shadow: 1px 0px 3px 1px rgba(0,0,0,0.1);}
#loginSpan{color:#333; font-weight:500;}
#loginSpan a{display:inline-block; text-decoration:none; color:#A23109;}
.buttonSubmitForm{color:#fff;  text-decoration:none; font-size:1em; font-weight:600; padding:10px 20px; border-radius:16px; cursor:pointer; border:1px solid #A23109 }
.buttonSubmitForm:hover{background-color:transparent; color:#000; transition: 0.5s }
.forgotPass{color:#007bff}
.inlineAnch{color:#A23109; text-decoration:none; font-weight:500}
.txtFormLbl{font-size:1.1em;}

.imgRegister{width:100%; height:600px;}
.imgLogin{width:100%; height:auto; margin-top:50px;}
.buttonVerify{color:#fff;  text-decoration:none; font-size:1em; font-weight:600; padding:10px 20px; border-radius:16px; cursor:pointer; border:2px solid #A23109 }
.buttonVerify:hover{background-color:transparent; color:#000; transition: 0.5s }

.buttonResend{color:#fff;  text-decoration:none; font-size:.9em; font-weight:500; padding:10px 20px; border-radius:16px; cursor:pointer; border:2px solid #A23109 }
.buttonResend:hover{background-color:transparent; color:#000; transition: 0.5s}


/******************************************************** Profile Container ***********************************************************/


#profileContainer{position:absolute; background:#EDEDED; width:250px; right:0px; top:40px; display:none; border-radius:20px; z-index:9;}
.profImgCont{background:#A23109; height:60px; width:60px; border-radius:50%; margin:0 auto; display:flex; justify-content:center; align-items:center}
.profImgCont span{font-size:1.2em; color:#fff }
.shutBtn{position:absolute; right:10px; top:10px; font-size:1.2em; color:#4a4848; text-decoration:none; padding:1px 5px; border-radius:50%}
.shutBtn:hover{background:#ccc; color:#000}
.optionProfile{background:#d0d0d0; padding:8px 15px; display:block; text-decoration:none; color:#000; border-radius:20px }
.optionProfile:hover{background:#b1b1b1; color:#000; transition:0.1s; font-weight:600}
.userPgTitle{color:#555; font-size:1.8em; font-weight:500 }
.userImg{background:#A23109; height:28px; width:28px; color:#fff; border-radius:50%; cursor:pointer; float:right; font-size:.7em; align-items:center; display:flex; justify-content:center }


/***************************************** Edit Profile ****************************************************/

#userSbTitle{background:#A23109; padding:10px 20px; color:#fff; font-size:2em}
#userSbNav li{list-style:none;  padding:10px 20px;}
#userSbNav li a{text-decoration:none; color:#000;}
#userPrTitle{padding:10px 20px 10px 0; color:#555; font-size:2em}

/***************************************** Manage Address ****************************************************/

.rmAnch{text-decoration:none; display:inline-block; padding:12px 24px; color:#fff; border:2px solid #A23109; border-radius:25px; font-size:1.2em; font-weight:500; transition: all .5s; }
.rmAnch:hover{ background:transparent; color:#555 }

.prAddrBox{width:50%; float:left;}
.prAddrData{ position:relative}
.prAddrBox a{text-decoration:none; display:inline-block; font-size:0.9em; color:#2e77d0; font-weight:500 }
.prAddrActions{position:absolute; bottom:0px;}
.prBoxBorder{border:1px solid #cfcfcf}
.prDefault{background:#c5dcb5;}



/********************************** About Us ************************************/

.aboutUs h2{font-size: 3em; color: #A23109; display:block;}
.aboutUs h3{font-size: 1.8em; display:block;}
.aboutUs p{font-size: 1em; word-spacing:3px;}
.aboutUs div img{padding: 10px 10px; border:1px solid #000}

/*********************************** Testimonials *********************************/

.testMainCont{width:800px; margin:0 auto}
.testContainer{display:flex; justify-content:center; position:relative }
.test_comment{font-size:1em;color:#555; line-height:1.4em;}
.userProfile{width:170px; height:170px}
.lineDivide{border-bottom:1px solid #e1e1e1}
.testOwner{font-size:1.3em; color:#A23109;}
.testBox{width:650px}
.titleText{font-size:2.5em;font-weight:600; text-align:center; color:#555}
#tmBlock{background:url(../images/testBG.jpg) no-repeat center center; background-size:cover; opacity:0.8}
.viewAll{color:#fff;  text-decoration:none; font-size:1em; font-weight:600; padding:10px 20px; border-radius:16px; cursor:pointer; background:#A23109}
.viewAll:hover{background:#8a2704;}
.testiExpLine{font-size: 1.5em; font-weight: 200 !important; display:block;}
.testFormContainer{width: 800px; margin:0 auto; border-radius:20px; box-shadow: 1px 0px 3px 1px rgba(0,0,0,0.1);-webkit-box-shadow: 1px 0px 3px 1px rgba(0,0,0,0.1);-moz-box-shadow: 1px 0px 3px 1px rgba(0,0,0,0.1);}
.testBGContainer{background:#eee}

/********************************** Contact Us ***************************************/

.contactBorder_box{ border:1px solid #A23109; min-height:260px; display:flex; justify-content:center; align-items:center }
.contactBorder_box:hover{border:1px solid #A23109; transition:1s}
#map-canvas{width:100%;height:400px;margin:0;padding:0;}

/********************************** Cart ***************************************/

.cartMainCont{display:flex; justify-content:flex-start; position:relative; box-shadow:0 0 10px rgb(0,0,0,0.12)}
.crtDetCont{width:600px;}
.totPriceCont{width:100%; min-width:300px; box-shadow:0 0 10px rgb(0,0,0,0.12)}
.totLineDvd{border-top:1px solid #e1e1e1}
.crtPrImg{width:170px}
.crtPrName{text-decoration:none; color:#A23109; font-size:1.3em; display:block;}
.stkStatGreen{color:green; font-weight:500; font-size:1.1em; display:block}
.stkStatRed{color:red; font-weight:500; font-size:1.1em; display:block}
.crtPrOffer{background:url(../images/icons/dollar-green.svg) no-repeat top 1px left 0px; background-size:20px 20px; display:inline-block; padding-left:20px; font-size:1.3em;  font-weight:600; color:#0c8a2d }
.crtPrPrice{background:url(../images/icons/dollar-green.svg) no-repeat top 0px left 0px; background-size:contain; display:inline-block; padding-left:10px; margin-left:10px; font-size:1em; color:#a40e0e }
.cartLineSep{display:block; height:1px;background:#e1e1e1}

.chkOutBtn{padding:10px 20px; background:#A23109; border:1px solid #a40e0e; cursor:pointer;}
.chkOutBtn a{text-decoration:none; color:#fff;}
.chkOutBtn:hover{background:#880F00}
.crtTotalSmall{background:url(../images/icons/dollar_icon.svg) no-repeat top 0px left 0px; padding:0px 15px; background-size:16px 16px;}
.crtTotal{background:url(../images/icons/dollar_icon.svg) no-repeat top 1px left 0px; padding:0px 18px; background-size:20px 20px;}
.delFrWl{ position:absolute; right:10px; bottom:10px; color:red; font-size:.9em  }
.delFrWl:after{content:'Remove';}
.cartEmpty{display:flex; justify-content:center; align-items:center}
.cartEmpty a:hover{font-weight:600}
.cartPrSep{display:block; height:1px; background:#e3e3e3; width:90%; margin:0 auto}
.borderBox{border:1px solid #ececec; background:#f7f7f7}

/********************************** Checkout **********************************/

#addNewAddrForm{display:none}
.addBox{border:1px solid #02572F;height:230px; overflow:hidden }
.highlight{box-shadow: 2px 2px 10px rgb(0 0 0 / 20%); background:url(../images/icons/addr-tick.svg) no-repeat top 5px right 5px; background-size:24px }
.hideMe{display:none}
.addressNewBtn{display:inline-block;color:#111; padding:12px 18px; border-radius:5px; border:1px solid #111; cursor:pointer }

#cartDetailsSB{ width:100%;}
#cartDetailsSB td{padding:5px 0}
#cartDetailsSB td:nth-child(odd){width:50%}
#cartDetailsSB td:nth-child(even){width:50%; text-align:right}
#cartDetailsSB span.title{ color:#333; font-size:1em; font-weight:500 }
#cartDetailsSB span.value{color:#2f6906; font-size:1.2em; font-weight:500}
#cartDetailsSB span.valueBold{color:#2f6906; font-size:1.2em; font-weight:700}
.cartPrSep{display:block; height:1px; background:#e3e3e3; width:90%; margin:0 auto}
.borderBox{border:1px solid #ececec; background:#f7f7f7}
#cpnApply{text-decoration:none; font-size:1em; display:inline-block; padding:5px 12px; border-radius:5px; box-shadow: 2px 2px 10px rgb(0 0 0 / 20%);  color:#143932; font-family:'Montserrat', sans-serif !important; font-weight:400; transition:all .5s; cursor:pointer}
#cpnApply:hover{text-decoration:underline}


.proceedBtn{display:block; text-decoration:none; width:100%; background-color: #A23109;color: white;font-size: 15px;font-weight: 500;border-radius: 10px;cursor: pointer; text-align:center; padding: 10px 0 }
.proceedBtn:hover{background-color: #880F00;}


/**************************** Manage Orders *************************************/

.mOrderBox{max-width:600px; background:#f2f2f2; border-radius:20px; position:relative; margin:0 auto}
.orderNo{text-decoration:underline; display:inline-block; font-size:1.5em; font-weight:600; color:#143932;}
.ordStatusTopRight{position:absolute; top:20px; right:10px}
.icoOrderDate{background:url(../images/icons/calendar.png) no-repeat left center; padding-left:40px; font-size:1.4em; color:#000; font-weight:400}
.icoOrderAmt{ font-size:1.3em; color:#000; font-weight:500}
.odStPending, .odStShipped, .odStDelivered {font-size:0.9em;color:#fff; display:inline-block; font-weight:600; padding:5px 10px; border-radius:5px  }
.odStPending{background:#F3A638;}
.odStShipped{background:#54B7D3;}
.odStDelivered{background:#497D04;}
.ordPrBox{position:relative; background:#FCF9F9; width:550px; margin:0 auto; border:0.2px solid #e2e2e2;}
#cartAmount{ width:100%;}
#cartAmount td:nth-child(odd){width:45%}
#cartAmount td:nth-child(even){width:30%; text-align:right}
#cartAmount span.title{ color:#333; font-size:1.2em; font-weight:400 }
#cartAmount span.value{color:#2f6906; font-size:1.5em; font-weight:500; font-family:'Roboto Slab', sans-serif;}
.ordNumLarge{text-decoration:underline; display:inline-block; font-size:1.5em; font-weight:400; color:#2f6906; margin-bottom:10px; color:#143932; text-transform:uppercase }
.ordDetPending{color:#F3A638;}
.ordDetShipped{color:#54B7D3;}
.ordDetDelivered{color:#497D04;}

/***************************************** Order Details *************************************/
.ordPrImage{width:140px; float:left; margin-right:20px}
#prBtn{background:#A23109 url(../images/icons/arrow_down.svg) no-repeat right; color:#fff; padding:10px 35px 10px 10px; cursor:pointer; display:block; font-size:1.2em; font-weight:600 }
#showAllPr{display:none; background:#f6f5f3}
.orderPrSep{display:block; height:1px; background:#c2c2c2; width:90%; margin:0 auto}
.prCartAmount{font-size:1.5em; color:#333; font-weight:500 }
.prItemTotal{font-size:1em; color:#333; font-weight:500 }
.detailPrName{text-decoration:none; display:block; font-size:1.4em; font-weight:600; color:#A23109;}
.valueBoldDetail{color:#2f6906; font-size:1.4em; font-weight:700}

/*Start - New Styles for Shop Detais Page*/
#imgContainer{float:left; width:66%}
#imgGallery{list-style:none;}
#imgGallery div.outerBox{display:block; float:left; width:50%}
#imgGallery img{width:100%}
#infoContainer{float:left; width:34%}


/********************************** Rating **********************************/
.rate{float:right}
.rate:not(:checked) > input {position: absolute; top: -9999px;}
.rate:not(:checked) > label {float: right; width: 1em; overflow: hidden; white-space: nowrap; cursor: pointer; font-size: 1.3em; color: #ccc;}

.rate:not(:checked) > label:before {content: '★ ';}
.rate > input:checked ~ label {color: #ffc700;}
.rate:not(:checked) > label:hover,
.rate:not(:checked) > label:hover ~ label {color: #deb217;}

.rate > input:checked + label:hover,
.rate > input:checked + label:hover ~ label,
.rate > input:checked ~ label:hover,
.rate > input:checked ~ label:hover ~ label,
.rate > label:hover ~ input:checked ~ label {color: #c59b08;}
.rateLabel{font-size:0.9em; color:#555; font-weight:500; font-family:'roboto slab'}

.prRating{background:#1e5f2c url(../images/icons/star.svg) no-repeat right 2px center; background-size:15px; display:flex; align-items:flex-start; position:absolute; top:30px; right:30px; padding:3px 20px 3px 5px; color:#fff; border-radius:5px; font-size:.8em; font-family:'Roboto Slab'}
.ratings {position: relative;vertical-align: middle; display: inline-block; color: #b1b1b1; overflow: hidden;}
.full-stars{ position: absolute; left: 0; top: 0; white-space: nowrap; overflow: hidden; color: #fde16d;}
.empty-stars:before,.full-stars:before { content: "\2605\2605\2605\2605\2605"; font-size: 20pt;}
.empty-stars:before { -webkit-text-stroke: 1px #848484;}
.full-stars:before {  -webkit-text-stroke: 1px orange;}

.product-review{width:97%; height:60px; padding:5px; font-size:1em; resize:none}
.btnReview{background-color:lightgray; padding:5px 10px; border-radius:5px; color:#333; font-size:0.9em; font-weight:600; cursor:pointer}

/********************************** Footer ************************************/

.footer { width: 100%; background: #151515}
.headContainer{background:#A23109}
.socialIcons{float:right}
.email{background:url(../images/icons/email-white.svg) no-repeat center center; display:inline-block; height:24px; width:24px; padding-right:20px; margin-top:10px }
.whatsapp{background:url(../images/icons/whatsapp-white.svg) no-repeat center center; display:inline-block; height:24px; width:24px; padding-right:20px}
.facebook{background:url(../images/icons/facebook-white.svg) no-repeat center center; display:inline-block; height:24px; width:24px; padding-right:20px}
.instagram{background:url(../images/icons/insta-white.svg) no-repeat center center; display:inline-block; height:24px; width:24px; padding-right:20px}

.ftNav li{list-style:none; display:block; }
.ftNav li a{display:block; text-decoration:none; color:#ddd; font-size:1em; font-weight:400; padding:5px 12px; text-align:left}
.ftNav li a:hover{color:#A23109; font-weight:600}
#siteCredit {font-size:1.1em; color:#d2d2d2;}
#siteCredit a{text-decoration:none; color:#A23109}

.footSection{display:flex; justify-content:space-between;}

.loginBox{max-width:600px; width:100%; margin:0 auto}


.m4Float{float:none; clear:both}
.m2Float{float:left; clear:none}
.m3Float{float:left; clear:none}

/************************************************************* Media Queries ***********************************************************************/

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

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

}
@media screen and (max-width: 1140px) 
{
    
}
@media screen and (max-width: 1024px)
{
    .mainContainer{width:33%;}
}
@media screen and (max-width: 920px) 
{
    #navMain{ display:none; }
    #navBtn{display:block; color: #A23109}
    .Section1, .Section2{ display:inline-block; width:49%}
    .Section3{width:100%;}
}
@media screen and (max-width: 800px) 
{
    .imgRegister{display:none}
    .imgLogin{display:none}
    .footSection{display:block; }
    .testFormContainer{width:95%}
    .hiddenSpace{height:0.6em; display:block}
}
@media screen and (max-width: 768px) 
{
    
}
@media screen and (max-width: 640px) 
{
    .m2Float{float:none; clear:both}
    .m3Float{float:left; clear:none}
    .m4Float{float:left; clear:none}
    .pgBanner{ border-bottom:1.5px solid #A23109; height:70px; }
    .pgTitle{ font-weight:600; color:#A23109; font-size:1em }
    .bcPanel{padding:0.6em 0;}
    .bcNav{list-style:none;}
    .bcNav li{display:inline-block; color:#A23109; font-size:0.9em; line-height:1; font-weight:500 }
    .bcNav li a{display:inline-block;text-decoration:none;color:#A23109;font-size:1em; line-height:1; font-weight:600; padding-right:28px; background:url("../images/icons/right.png") no-repeat right center}
    .bcNav li a:hover{ text-decoration:underline; font-weight:600  }
    .mainContainer{width:50%;}
    .yt-box{width:90%}
}
@media screen and (max-width: 560px)
{
    #latProduct{display:none}
    .prAddrBox{width:80%;}
    .whyUsContainer div {box-sizing: border-box; flex: 0 0 48%; margin-bottom: 20px;}
    .icoOrderDate{font-size:1.4em}
    .bannerIMG{width:99.9%}
}
@media screen and (max-width: 480px) 
{
    .mainContainer{width:50%;}
    .headContainer{text-align:center}
    .socialIcons{float:none; clear:both}
    .delFrWl{background:url(../images/icons/trash.svg)no-repeat center center; width:24px; height:24px; position:absolute; top:5px; right:5px; color:red; font-size:.9em  }
    .delFrWl:after{content:'';}
    #cartAmount span.title{ color:#333; font-size:1.2em; font-weight:500 }
    #cartAmount span.value{color:#2f6906; font-size:1.2em; font-weight:500}
    .valueBoldDetail{color:#2f6906; font-size:1.2em; font-weight:600}
    .ordPrImage{width:160px; float:right; margin-right:0;}
    .rate{float:left}
    .discPer{padding:14px 14px; font-size:0.8em; top:-48px}
}
@media screen and (max-width: 460px)
{
    .Section1, .Section2{ display:block; width:100%;}
    .prAddrBox{width:100%; }
    #siteCredit {font-size:0.9em}
}
@media screen and (max-width: 360px) 
{
    
}
@media screen and (max-width: 320px) 
{
    
}