/*General*/
body {}
input, textarea{}
select{}
p{}
strong, b{font-weight:700;color:#000;}
a,a:link,a:visited{font-weight:700;color:#052699;text-decoration:none;}
a:hover,a:active{font-weight:700;color:#052699;text-decoration:underlined;}
.button1,a.button1,.button1:link,.button1:visited,a.button1:link,a.button1:visited{font-size:24px;height:70px;color:#fff; border-radius:unset; background:#042698;font-weight: 700; font-family: 'Noto Sans SC', sans-serif;}
.button1:hover,.button1:active,a.button1:hover,a.button1:active{font-size:24px;height:70px;color:#fff; background:#072382;}
.button2,a.button2,.button2:link,.button2:visited,a.button2:link,a.button2:visited{font-weight:700;color:#fff;font-size:16px;background-color: #cc760f; border-radius: 25px; height: 50px !important;}
.button2:hover,.button2:active,a.button2:hover,a.button2:active{background-color: #f17938; border-radius: 0px}
.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; color: #000; font-weight: 700; font-family: 'Noto Sans SC', sans-serif; line-height: 44px; margin-bottom: 28px;}
h2{font-size: 30px; color: #000; font-weight: 700; font-family: 'Noto Sans SC', sans-serif; line-height: 36px; margin-bottom: 15px;}
h3{font-size: 24px; color: #000; font-weight: 700; font-family: 'Noto Sans SC', sans-serif; line-height: 32px; margin-bottom: 12px;}
h4{font-size: 20px; color: #000; font-weight: 700; font-family: 'Noto Sans SC', sans-serif; line-height: 32px; margin-bottom: 10px;}
h5{font-size: 18px; color: #000; font-weight: 700; font-family: 'Noto Sans SC', sans-serif; line-height: 32px; margin-bottom: 8px;}
h6{}
.ulContent{}
.ulContent li{}
.olContent{}
.olContent li{}
.tblContent{}
.tblContent th{}
.tblContent td{}
.tblContent tr:nth-child(odd){}
.tblContent tr:nth-child(even){}

    .mstTagline{font-size: 26px; color: #000; font-weight: 700; font-family: 'Montserrat', sans-serif; line-height: 30px;}
.mstTagline2{font-size: 36px; color: #2483be; font-weight: 700; font-family: 'Montserrat', sans-serif; line-height: 40px;}
.mstTagline3{font-size: 28px; color: #fff; font-weight: 400; font-family: 'Inter', sans-serif; line-height: 34px;}
.mstTaglineSub{}
.mstTaglineSub2{}
.divMastheadTagline {position: absolute;top: 0;float: left;width: 100%;z-index: 3;}
#divGroupSpeed{content:"slow"; }/*Category slide speed. selection= slow :: medium :: fast*/
.spanQuickContactNo, .divFacebookCont {
    display: none;
}
#main {
    overflow: hidden;
}
/*For mobile view*/
@media only screen and (max-width:600px) {
    body {}
    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: 30px; color: #000; font-weight: 700; font-family: 'Noto Sans SC', sans-serif; line-height: 34px; margin-bottom: 36px;}
    h2{font-size: 26px; color: #000; font-weight: 700; font-family: 'Noto Sans SC', sans-serif; line-height: 26px !important; margin-bottom: 28px !important;}
    h3{font-size: 18px; color: #000; font-weight: 700; font-family: 'Noto Sans SC', sans-serif;line-height: 20px; margin-bottom: 24px;}
    h4{}
    h5{}
    h6{}
    .ulContent{}
    .ulContent li{}
    .olContent{}
    .olContent li{}
    .tblContent{}
    .tblContent th{}
    .tblContent td{}
    .tblContent tr:nth-child(odd){}
    .tblContent tr:nth-child(even){}

.mstTagline{font-size: 22px; color: #000; font-weight: 700; font-family: 'Montserrat', sans-serif; line-height: 26px;}
.mstTagline2{font-size: 30px; color: #2483be; font-weight: 700; font-family: 'Montserrat', sans-serif; line-height: 34px;}


    .mstTagline3{font-size: 18px !important; color: #fff; font-weight: 400; font-family: 'Inter', sans-serif; line-height: 24px !important;}
    .mstTaglineSub{}
    .mstTaglineSub2{}
}
/*End General*/

/*Top Menu*/
/*Desktop View*/
@media only screen and (min-width:960px) {
    #divAdjustTopMenu {content: "1";} /* Auto adjust top menu. OFF:"0"   ON:"1" */    
    .topMenuItem,a.topMenuItem,a.topMenuItem:link,a.topMenuItem:visited{}/*1st level menu*/
    .topMenuItemSel,a.topMenuItemSel,a.topMenuItemSel:visited,a.topMenuItemSel:link,a.topMenuItemSel:hover,a.topMenuItemSel:active,a.topMenuItem:hover,a.topMenuItem:active{}/*1st level menu hover effect*/
    .spanTopMenuSplitter{}
    #nav-two{}/*2nd level menu. Position*/
    #nav-two li{}/*2nd level menu*/
    #nav-two li:hover,#nav-two li.sel{}/*2nd level menu hover effect*/
    #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*/
    .hypCart{}
    .divLoginItem{}
    .hypLoginItem, a.hypLoginItem, a.hypLoginItem:visited, a.hypLoginItem:link{}
    a.hypLoginItem:hover, a.hypLoginItem:active{}
}
/*End Top Menu*/

/*Side Menu*/
.sidr{}/*background*/
.sidebar-nav-toggle span{}/*Side menu icon. color*/
.topMenuItemMobile,a.topMenuItemMobile,a.topMenuItemMobile:visited,a.topMenuItemMobile:link{}/*1st level menu*/
.topMenuItemMobileSel,a.topMenuItemMobile:active,a.topMenuItemMobile:hover,a.topMenuItemMobileSel:visited,a.topMenuItemMobileSel:link,a.topMenuItemMobileSel:hover,a.topMenuItemMobileSel:active{}/*1st level menu hover effect*/
.hypTopSubMenu,a.hypTopSubMenu,a.hypTopSubMenu:link,a.hypTopSubMenu:visited{}/*2nd level menu*/
.hypTopSubMenuSel,a.hypTopSubMenuSel,a.hypTopSubMenu:hover,a.hypTopSubMenu:active,a.hypTopSubMenuSel:link,a.hypTopSubMenuSel:visited,a.hypTopSubMenuSel:hover,a.hypTopSubMenuSel:active{}/*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{}/*Social icon menu*/
.hypSwitchDesktop.a.hypSwitchDesktop, a.hypSwitchDesktop:link, a.hypSwitchDesktop:visited{}/*Switch desktop menu*/
a.hypSwitchDesktop:hover, a.hypSwitchDesktop:active{}/*Switch desktop menu hover effect*/
.divCopyText{font-size:14px;color:#000;font-weight:400;text-align: right;}/*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{}
/*End Side Menu*/

/*Bottom Menu*/
.btmMenuItem,a.btmMenuItem,a.btmMenuItem:visited,a.btmMenuItem:link{}/*Bottom Menu*/
a.btmMenuItem:hover,a.btmMenuItem:active,.btmMenuItemSel,a.btmMenuItemSel,a.btmMenuItemSel:visited,a.btmMenuItemSel:link,a.btmMenuItemSel:hover,a.btmMenuItemSel:active{}/*Bottom Menu hover effect*/
.hypDesktopView, a.hypDesktopView, a.hypDesktopView:visited, a.hypDesktopView:link{}
a.hypDesktopView:active,a.hypDesktopView:hover{}
/*End Bottom Menu*/

/*Breadcrumb*/
.divBreadCrumb {}
.hypBreadCrumb, a.hypBreadCrumb, a.hypBreadCrumb:link, a.hypBreadCrumb:visited{}
a.hypBreadCrumb:hover,a.hypBreadCrumb:active,.hypBreadCrumbSelected,a.hypBreadCrumbSelected,a.hypBreadCrumbSelected:visited,a.hypBreadCrumbSelected:link,a.hypBreadCrumbSelected:hover,a.hypBreadCrumbSelected:active{}
.divBreadCrumbMobile{}/*Mobile View adjustment*/
/*End Breadcrumb*/

/*Product*/
.divIndProdItem {}/*padding:border:margin:width*/
.divProdItemImg{}/*padding*/
.divProdImgInn{}/*image border*/
.hypProdDName{} /*productName. font*/
.hypProdDCode{}/*productCode. font*/
.divProdItemDetail{}/*padding*/
#divProdListingPerRow{ content:"4";}/*Default 4. Adjust product listing alignment.*/
.btnThumb {} /*Recommended Icon. set position.*/
.btnNew {} /*New Icon. set position.*/

.divIndProdItemNewRec{}/*New & Recommend Product. width:margin*/
#divNewRecProdListingPerRow{ content:"5";}/*Default 5. Adjust new & recommended product listing alignment.*/

.divIndProdItemRel{}/*Individual Product Page Recommend Product. Width*/

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

.divProductPrice{}/*price font*/
.divPriceStrike{}/*original price with strike off*/
.divIndProdPrice{} /*Individual product page. Price font*/

.divGroupHeader{}/*background:font*/
.divGroupDNameSub{}/*Category Lvl1.border*/
.hypGrpNameCat{}/*font*/
.divGroupDNameSubLv2Title{}/*Category Lvl2.border*/
.hypGrpNameCatLv2{}/*font*/

.pricerange-filter .button{} /*price range filter button design. background:font*/
.pricerange-filter .ui-widget-header{} /*price range scroll*/

/*For mobile view*/
@media only screen and (max-width:600px) {
    .divIndProdItem{}/*padding:border:margin:width*/
    .divProdItemImg{}/*padding*/
    .divProdImgInn{}/*image border*/
    .hypProdDName{} /*productName. font*/
    .hypProdDCode{}/*productCode. font*/
    .divProdItemDetail{}/*padding*/
    .btnThumb {} /*Recommended Icon. set position.*/
    .btnNew {} /*New Icon. set position.*/

    .divProductPrice{}/*price font*/
    .divPriceStrike{}/*original price with strike off*/
    .divIndProdPrice{} /*Individual product page. Price font*/
}
/*End Product*/

/*Others*/
/*Apply in desktop view only*/
@media only screen and (min-width:960px){
.width_200{
width:200px;
}
.height_60{
height:60px;
}
.imgLogo {width: 180px !important;}
.divTopMastheadContainer {width: 100% !important; margin: -95px auto 0;}

.hypQuickContactOuter {
    background: #fff;
    border-radius: 30px;
    border: 1px solid #ddd;
    min-height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 10px;
}

.divSocialMedia {
    display: flex;
    align-items: center;
   position:relative!important;
  right:auto!important;
padding-left: 10px;
}

}
/*Apply in mobile view only*/
@media only screen and (max-width:600px){
.divLogo {
    position: relative;
    top: 10px;
    left: -15px;
}
}
@supports (-webkit-touch-callout: none) {
  .enquiry-form input, .enquiry-form select, .enquiry-form textarea {
    position:relative;
    top:-2px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
}