/*General*/
body {font-size: 16px;font-family: 'Inter', Arial, 'Noto Sans SC';font-weight: 400;color: #666;}
input, textarea{font-family: 'Inter', Arial, 'Noto Sans SC';font-size: 12px;}
select {font-family: 'Inter', Arial, 'Noto Sans SC';}
strong, b {color: #191919;font-weight: 600;}
a, a:link, a:visited {color: #415108;text-decoration: unset;font-weight: 600;}
a:hover, a:active {color: #2d3805;text-decoration: unset;font-weight: 600;}
topMenuItemSel
.button1, a.button1, .button1:link, .button1:visited, a.button1:link, a.button1:visited {font-size: 16px;font-family: 'Inter', Arial, 'Noto Sans SC';font-weight: 600;color: #fff;box-sizing: border-box;
                                                                                         transition: all .2s ease-in-out;background:#293203;border-radius:0px;/*background-image:linear-gradient(to right, #f89120 , #1482d0);*/}
.button1:hover, .button1:active, a.button1:hover, a.button1:active {font-size: 16px;font-family: 'Inter', Arial, 'Noto Sans SC';font-weight: 600;color: #fff;box-sizing: border-box;text-decoration: none;
                                                                    transition: all .2s ease-in-out;background:#191e02;border-radius:0px;/*background-image:linear-gradient(to right, #1482d0 , #f89120);*/}
.button2, a.button2, .button2:link, .button2:visited, a.button2:link, a.button2:visited {font-size: 16px;font-family: 'Inter', Arial;font-weight: 600;color: #293203;box-sizing: border-box;
                                                                                         transition: all .2s ease-in-out;background: transparent;border-radius:0px;border:2px solid #293203;}
.button2:hover, .button2:active, a.button2:hover, a.button2:active {font-size: 16px;font-family: 'Inter', Arial;font-weight: 600;color: #fff;box-sizing: border-box;text-decoration: none;
                                                                    transition: all .2s ease-in-out;background: #293203;border-radius:0px;border:2px solid #293203;}

h1 {font-size: 50px;font-family: 'Roboto Condensed', Arial, 'Noto Sans SC';font-weight: 700;color: #191919;line-height:50px;}
h2 {font-size: 38px;font-family: 'Roboto Condensed', Arial, 'Noto Sans SC';font-weight: 700;color: #191919;line-height:38px;}
h3, h3 a{font-size: 26px;font-family: 'Roboto Condensed', Arial, 'Noto Sans SC';font-weight: 700;color: #191919;line-height:26px;}
h4{font-family: 'Roboto Condensed', Arial, 'Noto Sans SC';font-weight: 700;color: #191919;}
h5{font-family: 'Roboto Condensed', Arial, 'Noto Sans SC';font-weight: 700;color: #191919;}
h6{font-family: 'Roboto Condensed', Arial, 'Noto Sans SC';font-weight: 700;color: #191919;}

.ulContent{}
/*.ulContent li {padding-left: 20px;list-style-type: none;margin: 0px;background-size: 6px;line-height: 18px;padding-bottom: 10px;background: url('/data/cms/images/bullet-subpage.png') no-repeat 8px 5px;background-size:7px;}*/
.ulContent li {padding-left: 20px;list-style-type: none;margin: 0px;background-size: 6px;line-height: 18px;padding-bottom: 10px;background:unset;}
.ulContent li::before {content: "\25CF";color: #415108;font-weight: bold;display: inline-block;width: 14px;margin-left: -12px;font-size: 20px;}
.olContent{}
.olContent li{}

.tblContent {border-bottom: 1px solid #ddd;border-right: unset;border-left:1px solid #ddd;}
.tblContent th {font-weight: 400;font-size: 14px;color: #fff;background: #415108;padding: 10px 20px;}
.tblContent td {border: solid 1px #ddd;border-right: unset !important;}
.tblContent .tdHeader {color: #666;}
.tblContent tr:nth-child(odd) {font-weight: 400;font-size: 14px;color: #666;background: #fff;padding: 10px 20px;}
.tblContent tr:nth-child(even) {font-weight: 400;font-size: 14px;color: #666;background: #f5f5f5;padding: 10px 20px;}

.mstTagline {font-size: 50px;font-family: 'Roboto Condensed', Arial, 'Noto Sans SC';font-weight: 700;color: #293203;line-height: 1.8;}
.mstTagline2 {font-size: 16px;font-family: 'Inter', Arial, 'Noto Sans SC';font-weight: 400;color: #191919;line-height: 2;}

.mstTaglineSub {font-size: 18px;font-family: 'Roboto Condensed', Arial, 'Noto Sans SC';font-weight: 400;color: #454545;line-height: 1.8;}
.mstTaglineSub2 {font-size: 40px;font-family: 'Inter', Arial, 'Noto Sans SC';font-weight: 700;color: #191919;line-height: 2;}

/*Supersized Masthead*/
/*.bodyPage1 #supersized{height:975px;top:0px;min-height:975px;}*/ /*Homepage*/
.bodyPage1 #supersized{height:100%;top:0px;min-height:unset;} /*Homepage*/
.divMastheadBackgroundContainer{height:830px;}
/*.bodyPage #supersized{height:370px;top:0px;min-height:370px;}*/ /*Subpage*/
.bodyPage #supersized{/*height:370px;*/top:140px;min-height:370px;} /*Subpage*/
.divMastheadBackgroundContainerSub{height:370px;}
.bodyPage .divBreadCrumbOuter > div > div {background:#f8f8f8;}
#supersized li.prevslide {visibility:unset !important;}
#supersized img {height: auto !important;width: 100% !important;}

#divGroupSpeed{content:"slow"; }/*Category slide speed. selection= slow :: medium :: fast*/
.divMenuFloat{position:relative;z-index:9;top:0;background: url('/data/cms/images/bg-top-panel.png') no-repeat left center;}
.bodyPage .divMenuFloat{position:relative;z-index:9;top:0;}
.divMediaSoc{display: flex;align-items: center;justify-content: flex-end;height: 85px;position: relative;padding: 0 0 0 10px;top: 10px;}
.divSocialMedia{position:relative !important;padding: 0 0 0 0;}


.divFacebookPage {padding: 0 5px;}
.divMainCtnTopMiddleBtmFull {background: none;}
.bread_line .pnlTemplateDivItem {background: #e2cc52;/*border-bottom: 1px solid #ddd;*/}
.enquiry-form .field-label {width: 150px;}
.recaptcha .errmsgEnquiry {padding-left: 150px;}

a.hypEmail:visited, a.hypEmail:link, a.hypEmail:hover, a.hypEmail:active {color: #415108;}
.input, textarea {color: #000;}
.divBestSellerContainer {margin: auto;}
a.event-pagination.selected{color:#f89120;}


a.addCMSGroupLink:hover, a.addCMSGroupLink:active, a.addCMSGroupLinkSel, a.addCMSGroupLinkSel:link, a.addCMSGroupLinkSel:visited, a.addCMSGroupLinkSel:hover, a.addCMSGroupLinkSel:active {color: #f89120;text-decoration: none;}
#cphContent_ucUsrProductGroup_rptRecProduct_pnlIndProd_2 {margin-right: auto !important;}
#cphContent_ucUsrProductGroup_rptRecProduct_pnlIndProd_4 {margin-right: unset !important;}
ul#slide-list li {list-style: none;height: 20px;width:20px;margin: 0 2px;display: inline-block;margin: auto;background: url('/data/cms/images/pagination-home-masthead.png') no-repeat center 0px;background-size: 8px;padding: unset !important;}
ul#slide-list li.current-slide, ul#slide-list li.current-slide, ul#slide-list li:hover {background: url('/data/cms/images/pagination-home-masthead.png') no-repeat center -75px;background-size: 8px;}
ul#slide-list {text-align: center;margin-left: 0px !important;float: unset;}
ul#slide-list li.current-slide a, ul#slide-list li.current-slide a:hover {background: none;}
.bluredBackground {background: none !important;transition: all 0.4s ease-in-out;background-attachment: fixed;filter: blur(5px);height: 153px;}
.divMainTop {background: none !important;}
.imgLogo {border: 0px;display: block;width: auto !important;height: 80px !important;transform: translateZ(1px);}
.divPnlMenu {width: auto !important;}
.divMiddleCtnRight {width: 100% !important;max-width: 100%;}
.menuTopTop{position:relative;}
.divTopBigRightTop {background-color: unset;}

.width_180 {width: 180px;}
.height_50 {height: 50px;}
.divSSPaging {bottom: 4%;left:0%;}
.bodyPage1 .divSSPagingInnerSub {bottom: 0%;left: 0%;position:absolute;display:block;width:100%;z-index: 90;}
.divSSPaging img {width: 15px;height: 15px;/*background: url(/data/cms/images/pagination-home-masthead.png)no-repeat center 5px;background-size: 8px;*/}
.divSSPaging img:hover, .divSSPaging .activeSlide img {width: 15px;height: 15px;/*background: url(/data/cms/images/pagination-home-masthead.png)no-repeat center -20px;background-size: 8px;*/}

.hypQuickContactOuterOuter{/*background: #0c9a9a;border:1px solid transparent;*/display: flex;align-items: center;justify-content: center;background: #293203;height: 36px;border-radius: 25px;}
.hypQuickContactOuter{/*background: #0c9a9a;*/border-radius: 50%;min-height: 30px;display: flex;align-items: center;justify-content: center;border:unset;}
.quickTel {background:#39cf32;border-radius: 30px;height: 45px;padding: 0 10px 0 15px;min-width: 200px;text-align: center;}
a.hypQuickEmail, a.hypQuickEmail:link, a.hypQuickEmail:visited{font-size: 14px;font-weight: 400 !important;text-decoration:unset !important;padding: 0;display: flex;justify-content: center;align-items: center;background: transparent;color: #fff!important;}
a.hypQuickEmail span, a.hypQuickEmail:link span, a.hypQuickEmail:visited span {text-decoration: none;}
a.hypQuickEmail:hover, a.hypQuickEmail:active, a.hypQuickEmail:hover span, a.hypQuickEmail:active span{text-decoration:unset;color: #fff !important;font-weight: 400 !important;}
.hypQuickEmail i {font-size: 18px;color: #191919;padding:unset;display:none;}
#materialIconsQuickEmail:after {content: 'email';position: relative;color: #415108;font-size: 16px;font-weight: 700;}
a.hypQuickEmail:hover #materialIconsQuickEmail:after, a.hypQuickEmail:active #materialIconsQuickEmail:after{color: #fff;}
a.hypQuickContact, a.hypQuickContact:link, a.hypQuickContact:visited {font-family: 'Inter', Arial, 'Noto Sans SC';font-size: 14px;position: relative;top: 0px;display: flex;justify-content: center;align-items: center;color: #fff!important;padding-right: unset;font-weight: 400 !important;}
a.hypQuickContact:hover, a.hypQuickContact:active {text-decoration:unset;color: #fff  !important;font-weight: 400 !important;padding: unset;}
#materialIconsQuickTel:after {content: "question_answer";position: relative;-webkit-text-stroke-width: 0.5px;-webkit-text-stroke-color: #fff;font-size: 16px;font-weight: 700;}
a.hypQuickContact:hover #materialIconsQuickTel:after, a.hypQuickContact:active #materialIconsQuickTel:after{color: #fff;}
.hypQuickContact i{font-size: 18px;color: #191919;padding:unset;padding-right:10px;}
.column-6 {width: 100%;}
.divEnquiryForm {border-left: 1px solid #ddd;padding-left: 60px;}
.enquiry-form input, .enquiry-form select, .enquiry-form textarea {font-weight: 400;font-family: 'Inter', Arial, 'Noto Sans SC';}
#main {background: none;}


.tblSearchBox {width: 100%;border: none;background:transparent;height: 35px !important;}
.imgbtnSearch {overflow: hidden;border-left: none;outline: none;float: right;}
.txtSearch {color: #fff;height: 16px;overflow: hidden;width: 100%;background: transparent;border: none;margin-right: 2px;outline: none;margin-left: 5px;font-family:'Inter', Arial, 'Noto Sans SC';font-weight: 600;font-size:14px;}
.tdSearchTxtBox {background: transparent;border-right: none;border-top-left-radius: 30px;border-bottom-left-radius: 30px;padding: 0 0 0 10px;}
.txtSearch::-webkit-input-placeholder {color:#fff;height:12px;overflow:hidden; width:100%; background:transparent; padding:20px 6px 20px 0px; border:none; margin-right:2px; outline:none;}
.txtSearch:-ms-input-placeholder {color:#fff;height:12px;overflow:hidden; width:100%; background:transparent; padding:20px 6px 20px 0px; border:none; margin-right:2px; outline:none;}
.txtSearch::placeholder {color:#fff;opacity:1 1; height:12px;overflow:hidden; width:100%; background:transparent; padding:20px 6px 20px 0px; border:none; margin-right:2px; outline:none;}
.txtSearch:focus {color:#fff;}
.tdSearcBtn {background: transparent;border-left: none;border-top-right-radius: 30px;border-bottom-right-radius: 30px;padding: 0 10px 0 0;}
#materialIconsSearch:after { content: "search";color: #fff;font-size: 18px;font-weight:700;}
.divResultList_Item, .divResultList_Item:link, .divResultList_Item:visited {color: #191919 !important;font-weight:500;font-size: 14px;}
.divResultList_Item:hover, .divResultList_Item:active {color: #415108!important;font-weight: 500 !important;}
.divSearch_ResultList{background-color:#fff !important;margin-top: 2px;}
.divSearch_ResultList h3 {color:#191919;font-size:20px;display:none;}
.divSearch_ResultList::-webkit-scrollbar {width: 5px;}
.divSearch_ResultList::-webkit-scrollbar-track {box-shadow: inset 0 0 5px grey;border-radius: 10px;}
.divSearch_ResultList::-webkit-scrollbar-thumb {background: #191919;border-radius: 10px;}
.divSearch_ResultList::-webkit-scrollbar-thumb:hover {background: #415108;}
#divClearTextbox .material-icons{color:#191919;}

/*.tblSearchBox{width:1px;float: right;transition: width 2s, border 2s;border-radius: 50%;width: 30px;} 
.divSearch:hover .tblSearchBox{width:90%;width: 260px;} 
.txtSearch {background: transparent;display: none;transition: display 2s;}
.divSearch:hover .tblSearchBox .txtSearch{display: block;} 
.divSearch:hover .tblSearchBox .tdSearchTxtBox{visibility: visible;} 
.divSearch:hover .tblSearchBox .tdSearcBtn{visibility: visible;border-top-right-radius: 30px;border-bottom-right-radius: 30px;border-top-left-radius: unset;border-bottom-left-radius: unset;background: #415108;} 
.rightSideTopSection{display:none;transition: display 2s;}
.divSearch .divSearch_ResultList {top: 70%;display:none;}
.divSearch:hover .divSearch_ResultList{display:block;}
.divSearch:hover #materialIconsSearch:after{color:#fff;}*/


#TB_title {background:#415108;}
/*#cphContent_ucUsrIndProduct_ucUsrIndProductDetail_lblAsk {font-weight: 400;}
a.menuLevelSel:link, a.menuLevelSel:visited, .menuLevelSel + .pnlShowMenuIcon i, .menuLevelSel + .pnlShowMenuIcon i {color: #fff;font-size: 14px;}
.divFacebookCont {top: 5px;position: relative;}*/


/*Language*/
.divLanguage {border-left: unset;border-radius: 30px;padding: 0;height: 35px;background:#fff;margin-left: 10px;/*border: 1px solid #ddd;*/}
.spanSplitter {padding:0px 5px;color:#666;display: none;}
a.leftLang{border-right:1px solid #b2b2b2;} 
.langLink, a.langLink:link, a.langLink:visited {font-size:12px; color:#b2b2b2;padding: 0 8px 0 10px; text-decoration:none;font-weight: 700;height: 35px;display: flex;justify-content: center;align-items: center;}
a.langLink:hover, a.langLink:active, .langLinkSel, a.langLinkSel:link, 
a.langLinkSel:visited, a.langLinkSel:hover, a.langLinkSel:active {font-size: 12px;color: #415108;text-decoration: unset;font-weight: 700;background: #fff;padding: 0 8px 0 10px;height: 35px;display: flex;align-items: center;justify-content: center;}
/*End of Language*/

/*Gallery*/
ul#filters li a {color: #415108;}
ul#filters li a.selected, ul#filters li a:hover {border: solid 1px #415108;color: #415108;}
.event-title{/* background-color:#292929 !important; */}
.divEventList .ddl_filter {/* background: #292929; *//* color: #415108; */}
/*End of Gallery*/

/*For mobile view*/
@media only screen and (max-width:800px) {
    body {font-size: 14px;}
    input, textarea{}
    select{}
    p{}
    strong, b{}
    a,a:link,a:visited{}
    a:hover,a:active{}
    .button1,a.button1,.button1:link,.button1:visited,a.button1:link,a.button1:visited{}
    .button1:hover,.button1:active,a.button1:hover,a.button1:active{}
    .button2,a.button2,.button2:link,.button2:visited,a.button2:link,a.button2:visited{}
    .button2:hover,.button2:active,a.button2:hover,a.button2:active{}
    .button3,a.button3,.button3:link,.button3:visited,a.button3:link,a.button3:visited{}
    .button3:hover,.button3:active,a.button3:hover,a.button3:active{}
    h1{font-size:36px;}
    h2{font-size:30px;}
    h3{font-size:22px;}
    h4{}
    h5{}
    h6{}
    .ulContent{}
    .ulContent li{}
    .ulContent li::before {content: "\25CF";font-size: 19px;position: relative;top: 0px;}
    .olContent{}
    .olContent li{}
    .tblContent{}
    .tblContent th{}
    .tblContent td{}
    .tblContent tr:nth-child(odd){}
    .tblContent tr:nth-child(even){}

    .mstTagline {font-size: 700%;line-height: 140%;}
    .mstTagline2 {font-size: 700%;line-height: 140%;}
    
    .mstTaglineSub {font-size: 14px !important;line-height: 1.5;}
    .mstTaglineSub2 {font-size: 26px !important;line-height: 26px;}

    .imgLogo {height: 35px !important;transform: none;}
    #materialIconsSearch:after {color: #415108;font-size: 20px;}
    .txtSearch {outline: none;padding: 20px 100px 20px 20px;border: none;width: 100%;background: #fff;color: #919191;border-bottom: 1px solid #ddd;height: auto;margin-right: unset;margin-left: unset;}
    #divClearTextbox {top: unset !important;}
    .divBtnSearchAction #materialIconsSearch:after{font-size:18px;padding: 0;position: relative;top: 0px;right: 5px;}
    #materialIconsQuickTel:after {content: "phone";/* position: relative; */font-size: 20px;color: #415108;-webkit-text-stroke-color: transparent;/*-webkit-text-stroke-width: 1px;*/font-weight: 400;}
    .material-icons.phonembTop {padding-right: 0px;}
    .divSideMenu{top:49px !important;border-top:1px solid #ddd;}
    .fb_iframe_widget_fluid span {width: 112px !important;}
    .fb_iframe_widget iframe {width: auto !important;}
    a.hypSwitchDesktop i {color: #000;}
    .divCopyrightContainer .divCopyText{color: #000 !important;font-weight: 600;font-family: 'Roboto Condensed', Arial, 'Noto Sans SC';}
    .recaptcha .errmsgEnquiry {padding:0;}
    .jssorb21 div, .jssorb21 div:hover, .jssorb21 .av {background: url('/data/cms/images/pagination-home-masthead.png') no-repeat;background-size: 7px;}
    .jssorb21 .av, .jssorb21 div:hover, .jssorb21 .av:hover {background-position: 0px -65px;}
    .divNavigator {position: absolute;bottom: 5px;display: block !important;} /* center pagination */
    /*.divNavigator {position: relative;bottom: 0;display: block !important;top: 95%;left: 5% !important;}*//* right pagination */
    .divNavigator .divPrototype {width: 9px;height: 9px;}
    .divSearch{display:none;}
    .divSearchBtn.divSearch{display:block;display: flex;align-items: center;justify-content: flex-end;border:unset !important;width: fit-content;background: none;}
    .sidebar-nav-toggle {transform: scale(1);top: 20px;left: 5px;position: unset;margin: unset;width: 20px;height: 20px;}
    .divMenuFloatMobile{position:fixed;width:100%;z-index:100;top:0px;left:0px;background: #fff;/*border-bottom:1px solid #ddd;*/}
    .fb-like-container{width: 23%;margin-left: -15px !important;height: 20px;}
    .divEventList, .divIndEvent{padding:0 15px;}
    .divCopyText{font-size: 12px !important;color: #fff !important;}/*Copyright Text. font*/
    .hypFacebook, a.hypFacebook:link, a.hypFacebook:visited, a.hypFacebook:hover, a.hypFacebook:active {background: url('/data/cms/images/top-facebook-mobile.png') no-repeat; text-decoration: none;background-size: 100%;}
    .divBestSellerContainer {margin: auto;/* padding:0 15px; */}
    .divTopMenu {text-align: left !important;}
    
    .divLanguage {border: unset;border-bottom: 1px solid #ddd;border-left: unset;border-radius: 0px;height: 40px;display: flex;align-items: center;padding: 0;}
    .langLink, a.langLink:link, a.langLink:visited {color:#666;}
    a.langLink:hover, a.langLink:active, .langLinkSel, a.langLinkSel:link, a.langLinkSel:visited, a.langLinkSel:hover, a.langLinkSel:active {color:#185589;background:#fff;}
    a.hypQuickContact, a.hypQuickContact2 {top: unset;padding-right: unset;min-width:unset;margin-left: unset;display: flex;align-items: center;justify-content: center;padding: 0 0 0 10px;min-width: unset !important;}
    a.hypQuickContact, a.hypQuickContact:link, a.hypQuickContact:visited, a.hypQuickContact:hover, a.hypQuickContact:active,a.hypQuickContact2, a.hypQuickContact2:link, a.hypQuickContact2:visited, 
    a.hypQuickContact2:hover, a.hypQuickContact2:active{padding:0;color: #415108!important;display: flex;justify-content: center;align-items: center;flex-direction: column;font-size: 10px;border: unset;}
    .material-icons.phonembTop {padding-right: 5px;}

    .txtSearch {outline: none;padding: 20px 100px 20px 20px;border: none;width: 100%;background: #fff;color: #919191;
                border-bottom: 1px solid #ddd;height: auto;margin-right: unset;margin-left: unset;display: block;}
    .txtSearch::-webkit-input-placeholder {color:#666;}
    .txtSearch:-ms-input-placeholder {color:#666;}
    .txtSearch::placeholder {color:#666;}
    .txtSearch:focus {color:#666;}
    .divSearchOverlay {background-color: #fff;}
    .divSearchOverlay .divRelative{background:#fff;}
    .divSearch_ResultList {background-color: #fff !important;width: 100% !important;}
    #divClearTextbox {top: unset !important;}
    .divSearch:hover .divSearch_ResultList {display: none;}
    .divSearch .divSearch_ResultList {top: 100%;}
}
/*End General*/

/*Desktop View*/
@media only screen and (min-width:960px) {
    .hypCart{}
    .divLoginItem{}
    .hypLoginItem, a.hypLoginItem, a.hypLoginItem:visited, a.hypLoginItem:link{}
    a.hypLoginItem:hover, a.hypLoginItem:active{}
    .divSwitchDesktop {border-top: 1px solid #ddd;}
    .divFbContainer, .divTwitterContainer, .divInstagramContainer, .divLinkedInContainer, .divYouTubeContainer, divGooglePlusContainer, .fb-like-container {height: 23px;}
    .divFacebookCont {position: relative;top: 5px;}
    a.divFbIcon, a.divFbIcon:link, a.divFbIcon:visited, .spanQuickContactNo a img {background:url('/data/cms/images/top-facebook.png') no-repeat;background-position: 0px 0px;background-size:25px;height: 30px;width: 30px;background-size: 30px;}
    a.divFbIcon:hover, a.divFbIcon:active {/*background-position: 0px 0px;*/}
    .bodyPage1 .divTopMastheadContainer {width: 100%;margin: auto;}

    /*Product*/
    .divIndProdItem {border:unset;width: calc(95.8%/3);margin: 0px 18px 15px 0px;border-radius: 20px;background: #fff;-webkit-box-shadow: 0px 1px 15px 0px rgba(238,238,238,0.7);-moz-box-shadow: 0px 1px 15px 0px rgba(238,238,238,0.7);box-shadow: 0px 1px 15px 0px rgba(238,238,238,0.7);}/*padding:border:margin:width*/
    .divIndRecommendItem.divIndProdItem{border:unset;width: calc(95%/3);margin: 0px 30px 30px 0px;border-radius: 20px;background: #fff;-webkit-box-shadow: 0px 1px 15px 0px rgba(238,238,238,0.7);-moz-box-shadow: 0px 1px 15px 0px rgba(238,238,238,0.7);box-shadow: 0px 1px 15px 0px rgba(238,238,238,0.7);}/*padding:border:margin:width*/
    .pnlAskEmail{width:auto;}
    /*End of Product*/
}


/*Top Menu*/
.divTopMenu{text-align: right;}
.divSearch{border-radius: 30px;float: right;background:#415108;width:180px;height:35px;}
.topMenuSplitter{height: 140px;width:100%;}
#divAdjustTopMenu {content: "1";} /* Auto adjust top menu. OFF:"0"   ON:"1" */
.nav {margin-right: -25px;}
#nav-one li {padding: 0 20px;height: 55px;}
.topMenuItem, a.topMenuItem, a.topMenuItem:link, a.topMenuItem:visited {font-size: 16px;font-family: 'Roboto Condensed', Arial, 'Noto Sans SC';font-weight: 700;color: #888;text-align: right;text-decoration:unset;
                                                                            border-top:unset;height:42px;/*border-bottom: 3px solid transparent;*/}/*1st level menu*/
.topMenuItemSel, a.topMenuItemSel, a.topMenuItemSel:visited, a.topMenuItemSel:link, 
a.topMenuItemSel:hover, a.topMenuItemSel:active, a.topMenuItem:hover, a.topMenuItem:active, 
#nav-one li:hover a.topMenuItem {font-size: 16px;font-family: 'Roboto Condensed', Arial, 'Noto Sans SC';font-weight: 700;color: #415108;text-align: right;height:42px;text-decoration:unset;border-top:unset;/*border-bottom: 3px solid #000;*/}

.spanTopMenuSplitter {display: none;}
/*2nd level menu*/
#nav-two {margin-top:97px;padding:10px 15px;}
#nav-two li,#nav-two li a {background: #415108;font-family: 'Roboto Condensed', Arial, 'Noto Sans SC';font-weight: 700;font-size: 14px;color: #fff !important;border-bottom:unset;padding:0;height:auto;}
#nav-two li a, #nav-two li a:link, #nav-two li a:visited{padding:11px 20px;}
#nav-two li a:active, #nav-two li a:hover {background: #2a3405;font-weight: 700;font-size: 14px;color: #fff !important;}
#nav-two li:hover, #nav-two li.sel {background: #2a3405;font-weight: 700;font-family: 'Roboto Condensed', Arial, 'Noto Sans SC';font-size: 14px;color: #fff !important;}

#nav-two li.sel a:visited, #nav-two li.sel a:active {background: #2a3405;font-weight: 700;font-size: 14px;color: #fff !important;}
#nav-two li.sel a:hover,#nav-two li.sel a:link{background: #2a3405;font-weight: 700;font-size: 14px;color: #fff !important;}
.divTopSubMenuSpliter{border-bottom:none;}
/*end 2nd level menu*/

/*3rd level menu*/
.divSubMenuLv2 #nav-three li a:link, .divSubMenuLv2 #nav-three li a:visited {background:#415108;}
.divSubMenuLv2 #nav-three li a:hover, .divSubMenuLv2 #nav-three li a:active, 
.divSubMenuLv2 #nav-three li.sel, .divSubMenuLv2 #nav-three li.sel a:link, 
.divSubMenuLv2 #nav-three li.sel a:visited, .divSubMenuLv2 #nav-three li.sel a:hover, 
.divSubMenuLv2 #nav-three li.sel a:active {background:#c97418;}
/*#nav-three li a, #nav-three li a:visited, #nav-three li a:link{}*//*3rd level menu*/
/*#nav-three li a:hover,#nav-three li a:active,#nav-three li.sel{}*//*3rd level menu hover effect*/
/*end 3rd level menu*/
/*End Top Menu*/


/*Side Menu*/
.sidr{background: #fff;}/*background*/
.sidebar-nav-toggle span {background: #415108;width: 20px;height: 3px;}/*Side menu icon. color*/
.sidebar-nav-toggle span:nth-child(2) {top: 8px;}
.sidebar-nav-toggle span:nth-child(3) {top: 16px;}
body.open .sidebar-nav-toggle span:nth-child(3) {top: 14px;}
.pnlShowMenuIcon .matAdd, .pnlShowSubMenuIcon .matAdd {color:#000;}
.pnlShowMenuIcon .matMin, .pnlShowSubMenuIcon .matMin {color:#fff;}
.pnlShowMenuIcon i, .pnlShowSubMenuIcon i {font-size: 18px;}
/*.matAdd:after {content: "keyboard_arrow_down";}
.matMin:after {content: "expand_less";}*/
.ulTopMenu li {padding: 0px !important;margin: 0px !important;background-image: none;border-top: none;border-bottom: 1px solid #ddd;}
.topMenuItemMobile,a.topMenuItemMobile,
a.topMenuItemMobile:visited,a.topMenuItemMobile:link{font-size: 14px;color: #000;display: block;font-family: 'Roboto Condensed', Arial, 'Noto Sans SC';font-weight: 600;border-bottom:unset;padding:13px 0px 13px 20px;}/*1st level menu*/
.topMenuItemMobileSel,a.topMenuItemMobile:active,a.topMenuItemMobile:hover,
a.topMenuItemMobileSel:visited,a.topMenuItemMobileSel:link,
a.topMenuItemMobileSel:hover,a.topMenuItemMobileSel:active, a.menuLevelSel:visited, 
a.menuLevelSel:link, a.menuLevelSel:hover, a.menuLevelSel:active{font-size: 14px;color:#fff !important;background: #415108;text-decoration: none;padding:13px 0px 13px 20px;}/*1st level menu hover effect*/
a.menuLevel:hover, a.menuLevel:active, .menuLevelSel {background: #fff;}

.ulSubMenu{background: #d67d1b;}
.divTopMenuSubItem{padding:0 20px;}
.ulSubMenu li {border-bottom:unset;background: #2a3405;}
.hypTopSubMenu,a.hypTopSubMenu,a.hypTopSubMenu:link,
a.hypTopSubMenu:visited{color:#879551!important;font-size: 14px !important;font-weight: 600 !important;font-family: 'Inter', Arial, 'Noto Sans SC' !important;
                        display: block !important;background:#2a3405!important;padding: 13px 20px 13px 10px !important;border-bottom: unset !important;border-top:unset !important;}/*2nd level menu*/
.hypTopSubMenuSel,a.hypTopSubMenuSel,a.hypTopSubMenu:hover,
a.hypTopSubMenu:active,a.hypTopSubMenuSel:link,a.hypTopSubMenuSel:visited,a.hypTopSubMenuSel:hover,
a.hypTopSubMenuSel:active{color:#fff !important;display: block !important;}/*2nd level menu hover effect*/
.hypTopSubMenuLv2, a.hypTopSubMenuLv2, a.hypTopSubMenuLv2:link, a.hypTopSubMenuLv2:visited{}/*3rd level menu*/
.hypTopSubMenuLv2Sel,a.hypTopSubMenuLv2Sel,a.hypTopSubMenuLv2:hover,a.hypTopSubMenuLv2:active,
a.hypTopSubMenuLv2Sel:link,a.hypTopSubMenuLv2Sel:visited,a.hypTopSubMenuLv2Sel:hover,a.hypTopSubMenuLv2Sel:active{}/*3rd level menu hover effect*/

.divSocialLinkContainer{border-bottom: 1px solid #ddd;}/*Social icon menu*/
.hypSwitchDesktop.a.hypSwitchDesktop, a.hypSwitchDesktop:link, a.hypSwitchDesktop:visited{border-top: none;color: #191919;font-family: 'Roboto Condensed', Arial, 'Noto Sans SC';font-weight: 600;font-size:14px;}/*Switch desktop menu*/
a.hypSwitchDesktop:hover, a.hypSwitchDesktop:active{}/*Switch desktop menu hover effect*/
.divCopyText{font-size: 12px;color: #fff;font-family: 'Inter', Arial, 'Noto Sans SC';font-weight: 400;}/*Copyright Text. font*/
.divCartContainer{}
.divSideMenu .hypCart,.divSideMenu a.hypCart,.divSideMenu a.hypCart:link,.divSideMenu a.hypCart:visited{}
.divSideMenu a.hypCart:hover,.divSideMenu a.hypCart:active{}
.divLoginContainer{}
.topLogin,a.topLogin,a.topLogin:visited,a.topLogin:link,.topRegister,a.topRegister,a.topRegister:visited,a.topRegister:link{}
a.topLogin:hover,a.topLogin:active,a.topRegister:hover,a.topRegister:active{}
.divSideMenu .divLoginItem{}
.divSideMenu .hypLoginItem,.divSideMenu a.hypLoginItem,.divSideMenu a.hypLoginItem:visited,.divSideMenu a.hypLoginItem:link{}
.divSideMenu a.hypLoginItem:hover,.divSideMenu a.hypLoginItem:active{}
.divCopyrightContainer {border-top: 1px solid #ddd;}


.divSubGroupItem {border-bottom:unset;padding: 10px 20px;}
.hypSubGroupDName,a.hypSubGroupDName:link, a.hypSubGroupDName:visited {font-size:14px;color:#000; text-decoration:none;/*padding:0 25px;border-bottom:solid 1px #e81d25;*/}
a.hypSubGroupDName:hover, a.hypSubGroupDName:active {color:#415108; text-decoration:none;}

.hypSubGroupDNameSel, a.hypSubGroupDNameSel:link, a.hypSubGroupDNameSel:visited {font-size:14px;color:#415108;text-decoration:none;/*padding:0 25px;border-bottom:solid 1px #e81d25;*/}
a.hypSubGroupDNameSel:hover, a.hypSubGroupDNameSel:active {color:#415108; text-decoration:none;}
/*End Side Menu*/

/*Bottom Menu*/
.btmMenuItem, a.btmMenuItem, a.btmMenuItem:visited, a.btmMenuItem:link {font-size: 14px;font-family: 'Inter', Arial, 'Noto Sans SC';font-weight: 600;color:#879654;padding:10px 0;text-decoration:unset;margin: auto 30px auto auto;}
a.btmMenuItem:hover, a.btmMenuItem:active, .btmMenuItemSel, a.btmMenuItemSel, a.btmMenuItemSel:visited, 
a.btmMenuItemSel:link, a.btmMenuItemSel:hover, a.btmMenuItemSel:active {font-size: 14px;font-family: 'Inter', Arial, 'Noto Sans SC';font-weight: 600;color:#fff;padding:10px 0;text-decoration:unset;margin: auto 30px auto auto;}
/*End Bottom Menu*/

/*Breadcrumb*/
.divBreadCrumb {border-bottom: none;padding: 11px 0px;}
.hypBreadCrumb, a.hypBreadCrumb, a.hypBreadCrumb:link, a.hypBreadCrumb:visited {font-size: 16px;color: #191919;font-family: 'Inter', Arial, 'Noto Sans SC';font-weight:400;}
a.hypBreadCrumb:hover, a.hypBreadCrumb:active, .hypBreadCrumbSelected, a.hypBreadCrumbSelected, 
a.hypBreadCrumbSelected:visited, a.hypBreadCrumbSelected:link, a.hypBreadCrumbSelected:hover, a.hypBreadCrumbSelected:active {font-size: 16px;color: #415108;font-family: 'Inter', Arial, 'Noto Sans SC';font-weight:400;}
.divBreadCrumbMobile {width: 100%;margin: auto;padding: 12px 20px;background:#f4f4f4;box-sizing: border-box;font-family: 'Inter', Arial, 'Noto Sans SC';font-weight:400;/*border-bottom:1px solid #ddd;*/}
/*End Breadcrumb*/

/*Product*/
.divProdItemDName{height:auto !important;text-align: left;}
.divProdItemImg{padding:0px;/* border: 1px solid #ddd; */}/*padding*/
.divProdImgInn{}/*image border*/
.hypProdDName{} /*productName. font*/
a.hypProdDCode, a.hypProdDCode:link, a.hypProdDCode:visited, a.hypProdDCode:hover, a.hypProdDCode:active{color: #415108;text-decoration:unset;cursor:pointer;}/*productCode. font*/
.divIndRecommendItem.divIndProdItem .divProdDesc.divProdItemDetail{padding:10px 20px 0px;}
.divIndProdItem .divProdItemDetail{padding: 10px 15px 0px;display: flex;align-items: flex-start;justify-content: center;flex-direction: column;}
.divProdItemDetail span.divProductPrice{color: #415108!important;font-family: 'Inter', Arial, 'Noto Sans SC';font-size: 20px;}
#divProdListingPerRow{ content:"3";}/*Default 4. Adjust product listing alignment.*/
.btnThumb {height: 25px;top: 40px;width: auto;left: 10px;} /*Recommended Icon. set position.*/
.btnThumb.btnNew{top: 10px;}
.btnNew {height: 25px;width: auto;top: 10px;left: 10px;} /*New Icon. set position.*/
.btnThumb img, .btnNew img{height: 25px;}
.divTopProdGroup {}
.ddl_sort, .ddl_show {font-weight: 400;}
#materialIconsGroupHeaderFront:after {content: "";color:#415108;padding: 0 ;}
.divProdAddToCart {padding: 0px;width: 100% !important;margin: auto;position: relative;}
.pricerange-filter .button {background: #415108 url(../img/usr/icon-product-price-range.gif) no-repeat top right;}

/*individual product*/
.divProdIcons div{width: 60px!important;padding: 10px 0 0 10px;margin-bottom: 0px !important;}
.imgNewProd, .imgRecProd {width: auto;height: 25px;padding-bottom: 0px;}
.divProdDetailProdCode {color: #415108;}
.divSocialShareBtnIcon {font-size: 12px;font-weight: 700;color: #191919;}
a.hypWhatsapp, a.hypWhatsapp:link, a.hypWhatsapp:visited, 
a.hypAsk, a.hypAsk:link, a.hypAsk:visited {color:#191919 !important;font-weight:700;border: unset;background:unset;font-family:'Inter', Arial, 'Noto Sans SC';font-size:12px;}
a.hypWhatsapp:hover .divWhatsappBtnIcon, a.hypWhatsapp:active .divWhatsappBtnIcon{background-color: #415108;}
a.hypWhatsapp:hover, a.hypWhatsapp:active, 
a.hypAsk:hover, a.hypAsk:active {color:#113d8c !important;}
.pnlWhatsapp{padding: 5px 10px 5px 5px;}
.pnlAskEmail{padding:5px 5px 5px 0px;}
a.hypAsk i, a.hypAsk:link i, a.hypAsk:visited i {color: #415108;}
a.hypAsk:hover i, a.hypAsk:active i {color: #666;background:#415108;}
.divSocialShareBtnIcon i {color: #415108;}
.divFacebookLike2{position:relative;top:6px;}
.spanArticleSplitter {color: #415108;}
.divIndProdDesc h3{display:none;}
.divIndProdImg {border: unset;}
.divIndProdImg .bx-wrapper{margin: 15px 2px;}
/*end of individual product*/

.divRelProdDName{text-align:left;}
a.hypProdDName, a.hypProdDName:link, a.hypProdDName:visited {color: #191919; text-decoration:none; font-family:'Inter', Arial, 'Noto Sans SC'; font-weight:600;font-size: 16px;line-height: 20px;}
a.hypProdDName:hover, a.hypProdDName:active {color:#415108; text-decoration:none; font-family:'Inter', Arial, 'Noto Sans SC';font-weight: 600;font-size: 16px;line-height: 20px;}
a.hypRecProdDName, a.hypRecProdDName:link, a.hypRecProdDName:visited {color: #191919; text-decoration:none; font-family:'Inter', Arial, 'Noto Sans SC'; font-weight:700;font-size:24px;line-height: 30px;}
a.hypRecProdDName:hover, a.hypRecProdDName:active {color:#415108; text-decoration:none; font-family:'Inter', Arial, 'Noto Sans SC'; font-weight:700;font-size:24px;line-height: 30px;}

.divIndProdItemNewRec{border:unset;width: calc(92%/5);margin: 0px 2% 15px 0px;}/*New & Recommend Product. width:margin*/
#divNewRecProdListingPerRow{ content:"5";}/*Default 5. Adjust new & recommended product listing alignment.*/

.divIndProdItemRel{width: calc(97%/3);margin: 0px 18px 15px 0px;}/*Individual Product Page Recommend Product. Width*/

.divIndRecommendItem{}/*Homepage recommended product. Width*/
#divRecProdListingPerRow, #divRelatedProdListingPerRow{content:"3";}/*Default 4. Adjust Homepage Recommended product listing alignment.*/

.divProdDesc.divProdItemDetail .divProductPrice{color:#415108;font-family: 'Inter', Arial, 'Noto Sans SC';font-size: 30px;}/*price font*/
.divPriceStrike{}/*original price with strike off*/
.divIndProdPrice{} /*Individual product page. Price font*/

.divGroupHeader{font-family: 'Inter', Arial, 'Noto Sans SC';font-weight: 700;padding: 10px 0;background-image: unset;background-color: unset;border-bottom: 1px solid #ddd;font-size: 26px;}/*background:font*/
.divGroupCat {padding: 15px 0;}
.divGroupDNameSub{border-bottom: unset;padding: 7px 30px 7px 0;}/*Category Lvl1.border*/
.pricerange-filter {border: unset;margin-bottom: 50px;margin-top: 30px;}
.pricerange-filter .text {width: 120px;}

/*added*/
a.hypGrpNameCat.gotLvl2, a.hypGrpNameCat.gotLvl2:link, a.hypGrpNameCat.gotLvl2:visited,
a.hypGrpNameCat.gotLvl2:hover, a.hypGrpNameCat.gotLvl2:active, a.hypGrpNameCatSel.gotLvl2, 
a.hypGrpNameCatSel.gotLvl2:link, a.hypGrpNameCatSel.gotLvl2:visited, 
a.hypGrpNameCatSel.gotLvl2:hover, a.hypGrpNameCatSel.gotLvl2:active {background: url(/data/cms/images/right-arrow.png) no-repeat right center;background-size: 10px; width: 100%;}
.slideshowrecprod .slick-next:before, .slideshowrecprod .slick-prev:before {font-family: "Material Icons";font-size: 30px;opacity: 1;border: 2px solid #32cd33;width: 46px;height: 46px;border-radius: 50%;display: flex;align-items: center;justify-content: center;}
.slideshowrecprod .slick-next:before {content: 'keyboard_arrow_right';color: #32cd33;;}
.slideshowrecprod .slick-next:hover:before {content: 'keyboard_arrow_right';color: #fff;background:#32cd33;}
.slideshowrecprod .slick-prev:before {content: 'keyboard_arrow_left';color: #32cd33;}
.slideshowrecprod .slick-prev:hover:before {content: 'keyboard_arrow_left';color: #fff;background:#32cd33;}
.slideshowrecprod .slick-next{position: absolute;z-index: 1;right: -80px;left: auto;}
.slideshowrecprod .slick-prev {position: absolute;z-index: 9;left: -90px;}
.slideshowrecprod .slick-prev:hover, .slideshowrecprod .slick-prev:focus, .slideshowrecprod .slick-next:hover, .slideshowrecprod .slick-next:focus {outline:none;}
.slideshowrecprod .slick-prev, .slideshowrecprod .slick-next{width: 50px;height: 50px;}
.slideshowrecprod .slick-track{float:left;}
/* end of added */

.hypGrpNameCat{background-image:unset;/*font-size: 16px;color:#666;padding: 0 0 0 25px;*/}/*font*/
a.hypGrpNameCat:link, a.hypGrpNameCat:visited {color:#000; text-decoration:none;background-image:unset;/*padding: 0 0 0 25px;*/}
a.hypGrpNameCat:hover, a.hypGrpNameCat:active {color:#415108; text-decoration:none;background-image:unset;/*padding: 0 0 0 25px;*/}

.hypGrpNameCatSel {/*font-size: 16px;*/color:#415108;/*padding: 0 0 0 25px;*/}
a.hypGrpNameCatSel:link, a.hypGrpNameCatSel:visited {color:#415108; text-decoration:none;/*padding: 0 0 0 25px;*/}
a.hypGrpNameCatSel:hover, a.hypGrpNameCatSel:active {color:#415108; text-decoration:none;/*padding: 0 0 0 25px;*/}

.hypGrpNameCatLv2 {font-size:14px;color:#666;}
a.hypGrpNameCatLv2:link, a.hypGrpNameCatLv2:visited {color:#666; text-decoration:none;}
a.hypGrpNameCatLv2:hover, a.hypGrpNameCatLv2:active {color:#415108; text-decoration:none; }

.hypGrpNameCatLv2Sel {font-size:14px;color:#415108;}
a.hypGrpNameCatLv2Sel:link, a.hypGrpNameCatLv2Sel:visited {color:#415108; text-decoration:none;}
a.hypGrpNameCatLv2Sel:hover, a.hypGrpNameCatLv2Sel:active {color:#415108; text-decoration:none;}

.divGroupDNameSubLv2Title{}/*Category Lvl2.border*/
.hypGrpNameCatLv2{}/*font*/

.pricerange-filter .button{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 0 0 0 10px;
    height: 40px;
} /*price range filter button design. background:font*/
.pricerange-filter .ui-widget-header{border: 1px solid #415108;background: #415108;} /*price range scroll*/

.divListTopInnerPagination {color: #666;}
a.btnPagination:link, a.btnPagination:visited {color:#666; text-decoration:none;}
a.btnPagination:hover, a.btnPagination:active {color:#415108; text-decoration:none;}
.btnPaginationSel {color:#415108;}
a.btnPaginationSel:link, a.btnPaginationSel:visited {color:#415108; text-decoration:none;}
a.btnPaginationSel:hover, a.btnPaginationSel:active {color:#415108; text-decoration:none;}

.imgbtnPageLast:hover i:after {color: #415108;}
.divWhatsappEmail {min-width: 90px;}
.divMatching {font-family: 'Inter', Arial, 'Noto Sans SC';}
.divOption{visibility: hidden;}
.divOption2 {padding: 0 110px;width: auto;}
.divProdGroupSnapshot {text-align: left;width: 100%;margin: auto;}
.divRecommendTitle h1{display:none;}
.divProdPrice {text-align: left;border-top: 1px solid #ddd;padding: 15px 0;width: 100%;}
.btnProd {text-transform: none;}
.divProdDetailProdName h1{font-size: 34px;line-height: 42px;}
.divProductPrice, .divPromPriceInd .spanCurPrice,.divVariationPrice {font-size: 24px; color:#415108;font-family: 'Inter', Arial, 'Noto Sans SC';}

/*For mobile view*/
@media only screen and (max-width:800px) {
    .divProdItemImgInner img {/*width: 100% !important;height: auto !important;*/position: absolute;width: auto !important;height: 100% !important;top: 50% !important;left: 50% !important;}
    .divIndProdItem{border: unset;background: #fff;border-radius: 20px;-webkit-box-shadow: 0px 1px 15px 0px rgba(238,238,238,0.7);-moz-box-shadow: 0px 1px 15px 0px rgba(238,238,238,0.7);box-shadow: 0px 1px 15px 0px rgba(238,238,238,0.7);/* width: 99%; */}
    .divIndProduct .divIndProdItem{width:100%;}
    .divProdItemImg{border: unset;}/*padding*/
    .divProdImgInn{padding:0px;/*border:1px solid #ddd;*/}/*image border*/
    .hypProdDName{border: unset;font-size:14px;} /*productName. font*/
    .hypProdDCode{}/*productCode. font*/
    .divProdItemDetail{padding: 0 10px;}/*padding*/
    .btnThumb {left: 10px;top: 40px;height: 25px;} /*Recommended Icon. set position.*/
    .btnNew {left: 10px;top: 10px;height: 25px;} /*New Icon. set position.*/
    .divRecProd img, .divNewProd img{width: auto;height: 25px;}
        
    .divProductPrice{font-size: 16px !important;justify-content: flex-start;}/*price font*/
    .divRelProdDetails .divProductPrice{font-size: 16px !important;}/*price font*/
    .divPriceStrike{}/*original price with strike off*/
    .divIndProdPrice{} /*Individual product page. Price font*/
    
    .lnkbtnProdArticle, a.lnkbtnProdArticle:link, a.lnkbtnProdArticle:visited {color: #415108;}
    a.lnkbtnProdArticle:hover, a.lnkbtnProdArticle:active {color:#d0791a; text-decoration:unset;}
    .divGroupDNameSub{border-bottom:unset;padding:0 5%;}/*Category Lvl1.border*/
    .lvl2DropDown {background: url(/data/cms/images/right-arrow.png) no-repeat left center;background-size: 35%;}

    .divSubGroup {border-bottom: solid 1px #415108;margin: auto 5%;}
    a.hypGrpNameCat{font-size: 14px;padding: 15px 0;border-bottom:solid 1px #415108;}/*font*/
    a.hypGrpNameCat:link, a.hypGrpNameCat:visited {padding: 15px 0;}
    a.hypGrpNameCat:hover, a.hypGrpNameCat:active {padding: 15px 0;}

    a.hypGrpNameCatSel {font-size: 14px;padding: 15px 0;border-bottom:solid 1px #415108;}
    a.hypGrpNameCatSel:link, a.hypGrpNameCatSel:visited {padding: 15px 0;}
    a.hypGrpNameCatSel:hover, a.hypGrpNameCatSel:active {padding: 15px 0;}
    
    .divProd{padding:0 15px;}
    .divTopProdGroup {background: #fff;}
    .spnActive, .spanList, .spnLarge, .spnGrid, .spnList {color: #415108;}
    .lnkbtnNext i:after, .lnkbtnNextDisabled i:after {content: "arrow_right";}
    .lnkbtnPrevDisabled i:after,.lnkbtnPrev i:after {content: "arrow_left";}
    .btnPagination {font-size: 16px;}
    .btnPaginationSel {font-size: 16px;font-weight:500;}
    .divProdBackSort .ddl{/*background:#e9e9e9;*/}
    .divProdDetailProdCode {font-size: 14px;}
    .divRelProdDName {height:auto !important;}
    .divEnquiry{padding:0 15px;}
    .divNewProd, .divRecProd {top: 0px;left: 0px;}
    .slideshowrecprod{display: table !important;table-layout: fixed;width: 100%;}
    .slideshowrecprod .slick-slide {margin: 0px 10px;float: left;}
    .slideshowrecprod .slick-track {float: left;}
    /*.slideshowrecprod .divIndProdItem{border: unset;background: #fff;border-radius: 20px;width: 267px !important;-webkit-box-shadow: 0px 1px 15px 0px rgba(238,238,238,0.7);-moz-box-shadow: 0px 1px 15px 0px rgba(238,238,238,0.7);box-shadow: 0px 1px 15px 0px rgba(238,238,238,0.7);}*/
    .slideshowrecprod .divIndProdItem{border: unset;background: #fff;border-radius: 20px;width: 90% !important;margin: auto 5% 25px;-webkit-box-shadow: 0px 1px 15px 0px rgba(238,238,238,0.7);-moz-box-shadow: 0px 1px 15px 0px rgba(238,238,238,0.7);box-shadow: 0px 1px 15px 0px rgba(238,238,238,0.7);}
    .slideshowrecprod .divProductPrice{font-size: 24px !important;}/*price font*/
    .slideshowrecprod .divProdItemDetail{padding: 20px 20px 0;font-size: 16px;}/*padding*/
    .divShareCart {padding-left: 0px;}
}
/*End Product*/

/*Others*/
/*Apply in desktop view only*/
@media only screen and (min-width:960px){}
/*Apply in mobile view only*/
@media only screen and (max-width:500px){
    a.hypGrpNameCatSel {padding: 5px 0px;}
    a.hypGrpNameCatSel:link, a.hypGrpNameCatSel:visited {padding: 5px 0px;}
    a.hypGrpNameCatSel:hover, a.hypGrpNameCatSel:active {padding: 5px 0px;}
    
    a.hypProdDName {font-size: 18px !important;font-weight: 700 !important;}
    .divProd{padding:0 15px;}
    .divTopProdGroup {}
    .spanList, .spnLarge, .spnGrid, .spnList {color: #666;}
    .spnActive {color: #415108;}
    .lnkbtnNext i:after, .lnkbtnNextDisabled i:after {content: "arrow_right";}
    .lnkbtnPrevDisabled i:after,.lnkbtnPrev i:after {content: "arrow_left";}
    .btnPagination {font-size: 16px;}
    .btnPaginationSel {font-size: 16px;font-weight:500;}
    .divProdBackSort .ddl{}
    .divProdDetailProdCode {font-size: 14px;}
    .divRelProdDName {height:auto !important;}
    .divEnquiry{padding:0 15px;}
    .divNewProd, .divRecProd {top: 10px;left: 10px;}
    .divOption2 {padding: 0 20px;}
    .divProdDetailProdName h3{font-size: 30px;line-height: 31px;}
    .divIndProdDesc h3{display:none;}
    .divRecProdOuter {padding: 0 0 20px 0;/* display: flex; *//* justify-content: center; *//* align-items: center; *//* flex-direction: column; */}
    .divProdDetails {font-size: 16px;}
    a.hypMoreProductLink, a.hypMoreProductLink:link, a.hypMoreProductLink:visited{width: 200px;}
    a.hypMoreProductLink:hover, a.hypMoreProductLink:active{width:90%;}
    .divRecommend{display: flex;justify-content: center;align-items: center;flex-direction: column;}
    #cphContent_ucUsrGroup_pnlNewProduct, #cphContent_ucUsrGroup_pnlRecProduct{display:none;}
    .divGroupCat {padding: 0;}
    .divAskShareFix{display:none;}
}