/* === UBERMENU === */
/* ---Burger Menu--- */
/* hide icon angle down next to 'Menu' */
header li.ubermenu-item-has-children span.ubermenu-item-layout-icon_left i.ubermenu-sub-indicator.fas.fa-angle-down {
    display: none;
}
/* set transparent bg */
.ubermenu.ubermenu-main .ubermenu-item-level-0 > .ubermenu-target {
    background-color: transparent !important;
    background: -webkit-linear-gradient(top,rgba(255, 255, 255, 0),rgba(255, 255, 255, 0)) !important;
    background: -moz-linear-gradient(rgba(255, 255, 255, 0),rgba(255, 255, 255, 0)) !important;
    background: -ms-linear-gradient(rgba(255, 255, 255, 0),rgba(255, 255, 255, 0)) !important;
    background: -o-linear-gradient(rgba(255, 255, 255, 0),rgba(255, 255, 255, 0)) !important;
    background: linear-gradient(rgba(255, 255, 255, 0),rgba(255, 255, 255, 0)) !important;
}
/* set burger icon to white when hover */
header:not(.sticky) li.ubermenu-item-has-children:hover span.ubermenu-item-layout-icon_left i.ubermenu-icon.fas.fa-bars::before {
    color: #fff !important;
}
/* -Sticky Menu- */
/* set 'MENU' to be white on sticky */
header.sticky li.ubermenu-item-has-children span.ubermenu-item-layout-icon_left span.ubermenu-target-title {
    color: #fff !important;
}
header.sticky .ubermenu-skin-grey-white .ubermenu-item-level-0 > .ubermenu-target {
    color: #9E9D9D !important;
}
header.sticky .ubermenu-skin-grey-white .ubermenu-item-level-0 > .ubermenu-target:hover {
    color: #e76700 !important;
}

/* --- Dropdown Width --- */
/* Set Submenu & Subchild width to 40:60 */
.ubermenu .ubermenu-nav .ubermenu-column-1-3 {
    width: 40% !important;
}
.ubermenu .ubermenu-nav .ubermenu-column-2-3 {
    width: 60% !important;
}

/* ---Submenu--- */
header > .ubermenu.ubermenu-main.ubermenu-horizontal .ubermenu-item-level-0.ubermenu-active > .ubermenu-submenu-drop, .ubermenu.ubermenu-main.ubermenu-horizontal:not(.ubermenu-transition-shift) .ubermenu-item-level-0 > .ubermenu-submenu-drop {
    border-radius: 5px;
}
/* -Sticky Menu- */
header.sticky .ubermenu.ubermenu-main.ubermenu-horizontal .ubermenu-item-level-0.ubermenu-active > .ubermenu-submenu-drop, .ubermenu.ubermenu-main.ubermenu-horizontal:not(.ubermenu-transition-shift) .ubermenu-item-level-0 > .ubermenu-submenu-drop {
    margin-top: 15px;
    border: solid 1px #f4f4f4;
}

/* ---Submenu - Tab Title--- */
/* disable transition */
.page_header nav.main_menu ul li span, 
.page_header nav.main_menu ul li i:before {
    transition: none !important;
}
/* set background to lighter orange on hover */
.ubermenu.ubermenu-main .ubermenu-tab.ubermenu-active:not(.ubermenu-current-page-ancestor) > .ubermenu-target {
    background-color: #e76700!important;
}
/* set background to lighter orange (ancestor tab) {
.ubermenu-main .ubermenu-submenu .ubermenu-tab.ubermenu-current-menu-ancestor > .ubermenu-target {
    color: #ffffff;
    background-color: #e76700 !important;
}
/* set icon to be grey by default */
header #menu-item-686.ubermenu-active .ubermenu-tabs-group li.ubermenu-tab span.ubermenu-target i.ubermenu-sub-indicator.fas.fa-angle-down:before {
     color: #7b7b7b;
}
/* set icon to be white on active */
header .ubermenu-tabs-group li.ubermenu-tab.ubermenu-active span.ubermenu-target i.ubermenu-sub-indicator.fas.fa-angle-down:before {
     color: #fff !important;
}
/* set icon to be white on hover */
header .ubermenu-tabs-group li.ubermenu-tab.ubermenu-active:hover span.ubermenu-target i.ubermenu-sub-indicator.fas.fa-angle-down:before {
     color: #fff !important;
}
/* set icon to be white on current */
header .ubermenu-tabs-group li.ubermenu-tab.ubermenu-current_page_item span.ubermenu-target i.ubermenu-sub-indicator.fas.fa-angle-down:before,
header .ubermenu-tabs-group li.ubermenu-tab.ubermenu-current-menu-ancestor span.ubermenu-target i.ubermenu-sub-indicator.fas.fa-angle-down:before {
     color: #fff !important;
}
/* Set ICON to each category */
/* 1) consumables,
2)standard & reference materials,
3) gas management,
4) sample preparation,
5) environmental monitoring,
6) material sciences,
7) instrumentations & accessories,
8) laboratory & general equipment,
9) support */
.consumables-title span:before {
     content: url('/wp-content/uploads/2019/01/menu-icon1-1.png');
     padding-right: 10px;
}
.standards-materials-title span:before {
     content: url('/wp-content/uploads/2019/01/menu-icon2.png');
     padding-right: 10px;
}
.gas-management-title span:before {
     content: url('/wp-content/uploads/2019/01/menu-icon3.png');
     padding-right: 10px;
}
.sample-preparation-title span:before {
     content: url('/wp-content/uploads/2019/01/menu-icon4.png');
     padding-right: 10px;
}
.environmental-monitoring-title span:before {
     content: url('/wp-content/uploads/2019/01/menu-icon5.png');
     padding-right: 10px;
}
.material-sciences-title span:before {
     content: url('/wp-content/uploads/2019/01/menu-icon6.png');
     padding-right: 10px;
}
.instrumentations-title span:before {
     content: url('/wp-content/uploads/2019/01/menu-icon7.png');
     padding-right: 10px;
}
.laboratory-eq-title span:before {
     content: url('/wp-content/uploads/2019/01/menu-icon8.png');
     padding-right: 10px;
}
.support-title span:before {
     content: url('/wp-content/uploads/2019/01/menu-icon9.png');
     padding-right: 10px;
}

/* set icon to white on current */
header .ubermenu-tabs-group li.ubermenu-tab.ubermenu-current_page_item .consumables-title span:before, 
header .ubermenu-tabs-group li.ubermenu-tab.ubermenu-current_page_item .standards-materials-title span:before,
header .ubermenu-tabs-group li.ubermenu-tab.ubermenu-current_page_item .gas-management-title span:before,
header .ubermenu-tabs-group li.ubermenu-tab.ubermenu-current_page_item .sample-preparation-title span:before,
header .ubermenu-tabs-group li.ubermenu-tab.ubermenu-current_page_item .environmental-monitoring-title span:before,
header .ubermenu-tabs-group li.ubermenu-tab.ubermenu-current_page_item .material-sciences-title span:before,
header .ubermenu-tabs-group li.ubermenu-tab.ubermenu-current_page_item .instrumentations-title span:before,
header .ubermenu-tabs-group li.ubermenu-tab.ubermenu-current_page_item .laboratory-eq-title span:before,
header .ubermenu-tabs-group li.ubermenu-tab.ubermenu-current_page_item .support-title span:before,
header .ubermenu-tabs-group li.ubermenu-tab.ubermenu-current-menu-ancestor .consumables-title span:before, 
header .ubermenu-tabs-group li.ubermenu-tab.ubermenu-current-menu-ancestor .standards-materials-title span:before,
header .ubermenu-tabs-group li.ubermenu-tab.ubermenu-current-menu-ancestor .gas-management-title span:before,
header .ubermenu-tabs-group li.ubermenu-tab.ubermenu-current-menu-ancestor .sample-preparation-title span:before,
header .ubermenu-tabs-group li.ubermenu-tab.ubermenu-current-menu-ancestor .environmental-monitoring-title span:before,
header .ubermenu-tabs-group li.ubermenu-tab.ubermenu-current-menu-ancestor .material-sciences-title span:before,
header .ubermenu-tabs-group li.ubermenu-tab.ubermenu-current-menu-ancestor .instrumentations-title span:before,
header .ubermenu-tabs-group li.ubermenu-tab.ubermenu-current-menu-ancestor .laboratory-eq-title span:before,
header .ubermenu-tabs-group li.ubermenu-tab.ubermenu-current-menu-ancestor .support-title span:before{
    filter: brightness(900%) !important;
}

/* set icon to white on active */
header .ubermenu-tabs-group li.ubermenu-tab.ubermenu-active .consumables-title span:before,
header .ubermenu-tabs-group li.ubermenu-tab.ubermenu-active .standards-materials-title span:before,
header .ubermenu-tabs-group li.ubermenu-tab.ubermenu-active .gas-management-title span:before,
header .ubermenu-tabs-group li.ubermenu-tab.ubermenu-active .sample-preparation-title span:before,
header .ubermenu-tabs-group li.ubermenu-tab.ubermenu-active .environmental-monitoring-title span:before,
header .ubermenu-tabs-group li.ubermenu-tab.ubermenu-active .material-sciences-title span:before,
header .ubermenu-tabs-group li.ubermenu-tab.ubermenu-active .instrumentations-title span:before,
header .ubermenu-tabs-group li.ubermenu-tab.ubermenu-active .laboratory-eq-title span:before,
header .ubermenu-tabs-group li.ubermenu-tab.ubermenu-active .support-title span:before {
    filter: brightness(900%) !important;
}

/* set icon to white on hover */
header .ubermenu-tabs-group li.ubermenu-tab.ubermenu-active:hover .consumables-title span:before,
header .ubermenu-tabs-group li.ubermenu-tab.ubermenu-active:hover .standards-materials-title span:before,
header .ubermenu-tabs-group li.ubermenu-tab.ubermenu-active:hover .gas-management-title span:before,
header .ubermenu-tabs-group li.ubermenu-tab.ubermenu-active:hover .sample-preparation-title span:before,
header .ubermenu-tabs-group li.ubermenu-tab.ubermenu-active:hover .environmental-monitoring-title span:before,
header .ubermenu-tabs-group li.ubermenu-tab.ubermenu-active:hover .material-sciences-title span:before,
header .ubermenu-tabs-group li.ubermenu-tab.ubermenu-active:hover .instrumentations-title span:before,
header .ubermenu-tabs-group li.ubermenu-tab.ubermenu-active:hover .laboratory-eq-title span:before,
header .ubermenu-tabs-group li.ubermenu-tab.ubermenu-active:hover .support-title span:before {
    filter: brightness(900%) !important;
}


/* ---Submenu - Category--- */
.title-cat {
    border-bottom: solid 1px #e6e6e6;
}
.title-category {
    color: #555 !important;
    font-size: 16px;
    font-weight: 600;
}
/* set left padding to title & its sub */
.ubermenu-tab-content-panel li.ubermenu-item-level-3:not(:first-child) {
    padding-left: 20px;
}

/* ---Submenu - Subchild--- */
/* set color to grey by default when tab is hovered */
.ubermenu-tabs-group li.ubermenu-tab.ubermenu-active .ubermenu-tab-content-panel ul li.ubermenu-item .ubermenu-target span:not(.title-category)  {
     color: #7b7b7b !important;
}
/* set icon color to grey */
.ubermenu-tabs-group li.ubermenu-tab.ubermenu-active .ubermenu-tab-content-panel ul li.ubermenu-item .ubermenu-target i.fa-angle-right:before {
     color: #7b7b7b !important;
}
/* set font to be white when hover */
.ubermenu-tabs-group li.ubermenu-tab.ubermenu-active .ubermenu-tab-content-panel ul li.ubermenu-item.ubermenu-active .ubermenu-target span:not(.title-category) {
     color: #fff !important;
}
/* set icon to be white when hover */
.ubermenu-tabs-group li.ubermenu-tab.ubermenu-active .ubermenu-tab-content-panel ul li.ubermenu-item.ubermenu-active .ubermenu-target i.fa-angle-right:before {
     color: #fff !important;
}
/* set background to be orange on current */
.ubermenu-tabs-group li.ubermenu-tab.ubermenu-active .ubermenu-tab-content-panel ul li.ubermenu-item.ubermenu-current-menu-item  {
    background-color: #e76700;
}

.ubermenu.ubermenu-main .ubermenu-tab.ubermenu-active > .ubermenu-target {
    background-color: #e76700 !important;
}

/* set background to not be lighter orange on hover (while active / on focus) */
.ubermenu-tabs-group li.ubermenu-tab.ubermenu-active .ubermenu-tab-content-panel ul li.ubermenu-item.ubermenu-active.ubermenu-current-menu-item .ubermenu-target {
    background-color: #e76700 !important;
}
/* set font to be white on current */
.ubermenu-tabs-group li.ubermenu-tab.ubermenu-active .ubermenu-tab-content-panel ul li.ubermenu-item.ubermenu-current-menu-item .ubermenu-target span:not(.title-category) {
     color: #fff !important;
}
/* set icon to be white on current */
.ubermenu-tabs-group li.ubermenu-tab.ubermenu-active .ubermenu-tab-content-panel ul li.ubermenu-item.ubermenu-current-menu-item .ubermenu-target i.fa-angle-right:before {
     color: #fff !important;
}
/* set font (that has submenu) to be white on current */
.ubermenu-tabs-group li.ubermenu-tab.ubermenu-active .ubermenu-tab-content-panel ul li.ubermenu-item.ubermenu-current-page-ancestor .ubermenu-target span {
     color: #fff !important;
}
/* set icon (that has submenu) to be white on current */
.ubermenu-tabs-group li.ubermenu-tab.ubermenu-active .ubermenu-tab-content-panel ul li.ubermenu-item.ubermenu-current-page-ancestor .ubermenu-target i.fa-angle-right:before {
     color: #fff !important;
}
/* set background to orange on focus */
.ubermenu-tabs-group li.ubermenu-tab.ubermenu-active .ubermenu-tab-content-panel ul li.ubermenu-item .ubermenu-target:focus {
    background-color: #e76700;
}
/* set font to be white on focus */
.ubermenu-tabs-group li.ubermenu-tab.ubermenu-active .ubermenu-tab-content-panel ul li.ubermenu-item .ubermenu-target:focus span,
.ubermenu-tabs-group li.ubermenu-tab.ubermenu-active .ubermenu-tab-content-panel ul li#menu-item-640 .ubermenu-target:focus span,
.ubermenu-tabs-group li.ubermenu-tab.ubermenu-active .ubermenu-tab-content-panel ul li.ubermenu-has-submenu-stack .ubermenu-target:focus span {
     color: #fff !important;
}
/* set icon to be white on focus */
.ubermenu-tabs-group li.ubermenu-tab.ubermenu-active .ubermenu-tab-content-panel ul li.ubermenu-item .ubermenu-target:focus i.fa-angle-right:before,
.ubermenu-tabs-group li.ubermenu-tab.ubermenu-active .ubermenu-tab-content-panel ul li.ubermenu-has-submenu-stack.ubermenu-current-page-ancestor .ubermenu-target:focus i.fa-angle-right:before {
     color: #fff !important;
}

/* ---Submenu - Mini Submenu (Humimeter subs)--- */
/* set padding of mini submenu */
.ubermenu-tabs-group li.ubermenu-tab .ubermenu-tab-content-panel ul li.ubermenu-item.ubermenu-has-submenu-stack li.ubermenu-item .ubermenu-target {
    padding: 5px 20px;
}
/* set font to be grey when parent is on hover */
.ubermenu-tabs-group li.ubermenu-tab .ubermenu-tab-content-panel ul li.ubermenu-item.ubermenu-has-submenu-stack.ubermenu-active li.ubermenu-item .ubermenu-target span {
     color: #7b7b7b !important;
}
/* set icon to be grey when parent is on hover */
.ubermenu-tabs-group li.ubermenu-tab .ubermenu-tab-content-panel ul li.ubermenu-item.ubermenu-has-submenu-stack.ubermenu-active li.ubermenu-item .ubermenu-target .fa-angle-right:before {
     color: #7b7b7b !important;
}
/* set background to be lighter orange on hover */
.ubermenu .ubermenu-item.ubermenu-item-640.ubermenu-active > .ubermenu-target, 
.ubermenu .ubermenu-item.ubermenu-item-640 > .ubermenu-target:hover, 
.ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-640.ubermenu-active > .ubermenu-target, 
.ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-640 > .ubermenu-target:hover {
     background-color: #f9b27f !important;
}
/* set background to be lighter orange when children is on hover */
.ubermenu .ubermenu-submenu .ubermenu-item.ubermenu-item-640.ubermenu-active > .ubermenu-target {
     background-color: #f9b27f !important;
}
/* set font to be white when hover */
.ubermenu-tabs-group li.ubermenu-tab .ubermenu-tab-content-panel ul li.ubermenu-item.ubermenu-has-submenu-stack.ubermenu-active li.ubermenu-item.ubermenu-active .ubermenu-target span {
     color: #fff !important;
}
/* set icon to be white when hover */
.ubermenu-tabs-group li.ubermenu-tab .ubermenu-tab-content-panel ul li.ubermenu-item.ubermenu-has-submenu-stack.ubermenu-active li.ubermenu-item.ubermenu-active .ubermenu-target .fa-angle-right:before {
     color: #fff !important;
}
/* set font to be grey when parent is on current */
.ubermenu-tabs-group li.ubermenu-tab .ubermenu-tab-content-panel ul li.ubermenu-item.ubermenu-has-submenu-stack.ubermenu-current-page-ancestor li.ubermenu-item .ubermenu-target span {
     color: #7b7b7b !important;
}
/* set icon to be grey when parent is on current */
.ubermenu-tabs-group li.ubermenu-tab .ubermenu-tab-content-panel ul li.ubermenu-item.ubermenu-has-submenu-stack.ubermenu-current-page-ancestor li.ubermenu-item .ubermenu-target .fa-angle-right:before {
     color: #7b7b7b !important;
}
/* set font to be white on current */
.ubermenu-tabs-group li.ubermenu-tab .ubermenu-tab-content-panel ul li.ubermenu-item.ubermenu-has-submenu-stack.ubermenu-current-page-ancestor li.ubermenu-item.ubermenu-current-menu-item .ubermenu-target span {
     color: #fff !important;
}
/* set icon to be white on current */
.ubermenu-tabs-group li.ubermenu-tab .ubermenu-tab-content-panel ul li.ubermenu-item.ubermenu-has-submenu-stack.ubermenu-current-page-ancestor li.ubermenu-item.ubermenu-current-menu-item .ubermenu-target .fa-angle-right:before {
     color: #fff !important;
}
/* set font to be white when on focus */
.ubermenu-tabs-group li.ubermenu-tab .ubermenu-tab-content-panel ul li.ubermenu-item.ubermenu-has-submenu-stack li.ubermenu-item .ubermenu-target:focus span,
.ubermenu-tabs-group li.ubermenu-tab .ubermenu-tab-content-panel ul li.ubermenu-item.ubermenu-has-submenu-stack.ubermenu-current-page-ancestor li.ubermenu-item .ubermenu-target:focus span,
.ubermenu-tabs-group li.ubermenu-tab .ubermenu-tab-content-panel ul li.ubermenu-item.ubermenu-has-submenu-stack.ubermenu-current-page-ancestor li.ubermenu-item.ubermenu-current-menu-item .ubermenu-target:focus span {
     color: #fff !important;
}
.ubermenu-tabs-group li.ubermenu-tab .ubermenu-tab-content-panel ul li.ubermenu-item.ubermenu-has-submenu-stack li.ubermenu-item .ubermenu-target:focus .fa-angle-right:before,
.ubermenu-tabs-group li.ubermenu-tab .ubermenu-tab-content-panel ul li.ubermenu-item.ubermenu-has-submenu-stack.ubermenu-current-page-ancestor li.ubermenu-item .ubermenu-target:focus .fa-angle-right:before,
.ubermenu-tabs-group li.ubermenu-tab .ubermenu-tab-content-panel ul li.ubermenu-item.ubermenu-has-submenu-stack.ubermenu-current-page-ancestor li.ubermenu-item.ubermenu-current-menu-item .ubermenu-target:focus .fa-angle-right:before {
     color: #fff !important;
}

/* Burger Menu for Mobile - SIDE AREA */
header.stick .side_menu_button i.qode_icon_font_awesome.fa.fa-bars {
    background-color: #fff;
    padding: 10px;
    border-radius: 5px;
    color: #333333;
    font-size: 20px;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* MEDIA QUERY FOR HEADER */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
@media only screen and (min-width: 821px) and (max-width: 1000px) {
.mobile_menu_button {
    float: right;
    margin: 0;
}
.logo_wrapper {
    left: 15% !important;
}
}

@media only screen and (min-width: 769px) and (max-width: 820px) {
.mobile_menu_button {
    float: right;
    margin: 0;
}
.logo_wrapper {
    left: 15% !Important;
}
}

@media only screen and (min-width: 768px) and (max-width: 768px) {
.mobile_menu_button {
    float: right;
    margin: 0;
}
.logo_wrapper {
    left: 15%;
}
}

@media only screen and (min-width: 661px) and (max-width: 767px) {
.mobile_menu_button {
    float: right;
    margin: 0;
}
.logo_wrapper {
    left: 15%;
}
}

@media only screen and (min-width: 601px) and (max-width: 660px) {
.mobile_menu_button {
    float: right;
    margin: 0 10% 0 0;
}
.logo_wrapper {
    height: 100px!important;
    left: 45%;
}
.logo_wrapper {
    left: 18%;
}
}

@media only screen and (min-width: 581px) and (max-width: 600px) {
.mobile_menu_button {
    float: right;
    margin: -10px;
}
.logo_wrapper {
    left: 20%;
}
}

@media only screen and (min-width: 481px) and (max-width: 580px) {
.mobile_menu_button {
    float: right;
    margin: -20px;
}
.logo_wrapper {
    height: 100px!important;
    left: 20%;
}
}

@media only screen and (min-width: 421px) and (max-width: 480px) {
.mobile_menu_button {
    float: right;
    margin: 0;
}
.logo_wrapper {
    height: 100px!important;
    left: 30%;
}
}

@media only screen and (min-width: 321px) and (max-width: 420px) {
.mobile_menu_button {
    float: right;
    margin: -10px;
}
.logo_wrapper {
    height: 100px!important;
    left: 110px;
}
}

@media only screen and (max-width: 320px) {
.mobile_menu_button {
    float: right;
    margin: -10px;
}
.logo_wrapper {
    height: 100px!important;
    left: 35%;
}
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


/* Navigation Menu */
/* Logo */
.q_logo a {
    height: 75px !important;
}

/* Side Area - Burger menu */
.side_menu_button>a {
     font-size: 20px;
}
.page_header:not(.sticky) .side_menu_button>a {
     color: #fff;
}
.page_header:not(.sticky) .side_menu_button i::before {
     transition: all ease-in-out .3s;
}
.page_header:not(.sticky) .side_menu_button a:hover i::before {
     color: #e76700;
}
/* add arrow next to link that has child */
.side_menu #menu-navigation-menu .menu-item-has-children a:after {
    content: "\f107" !important;
    color: #fff;
    font-family: "FontAwesome";
    padding-left: 10px !important;
}
.side_menu #menu-navigation-menu .menu-item-has-children .menu-item-object-page a:after {
    content: "" !important;
    padding-left: 0 !important;
}
.side_menu #menu-navigation-menu .menu-item-has-children .sub-menu {
    display: none;
}
.side_menu #text-3 {
    margin-bottom: 10px;
}
.right_side_menu_opened.side_menu_slide_from_right .side_menu {
    overflow-y: scroll !important;
}

/* Navigation Menu - Top */
.page_header:not(.sticky) nav.main_menu ul li a {
     transition: none;
}
.page_header:not(.sticky) nav.main_menu ul li span,
.page_header:not(.sticky) nav.main_menu ul li i:before {
      transition: opacity .3s ease-in-out,color .3s ease-in-out;
}
.page_header:not(.sticky) nav.main_menu ul li:hover a,
.page_header:not(.sticky) nav.main_menu ul li:hover i::before {
     color: #e76700;
}
/* Navigation Menu - scrolled */
.page_header.sticky .main_menu a,
.page_header.sticky .main_menu i::before,
.page_header.sticky .main_menu nav:not(.ubermenu) span {
    color: #9d9d9d !important;
}
.page_header.sticky .main_menu a:hover i::before,
.page_header.sticky .main_menu a:hover span {
    color: #e76700;
}
.page_header.sticky  nav.main_menu > ul > li:not(:first-child):before {
    color: #9d9d9d;
}
.page_header.sticky .side_menu_button a:hover i::before {
    color: #e76700;
}
.page_header.sticky .side_menu_button i::before {
     transition: all ease-in-out .3s;
}

/* ========================================================================= media query */
@media only screen and (min-width: 1001px) {
/* Side area */
header .header_inner_right {
    display: none;
}
}
@media only screen and (max-width: 1000px) {
/* Side Area */
header .mobile_menu {
    display: none;
}
.side_menu .widget li, aside .widget li {
    margin: 0 0 15px;
}
.side_menu {
    overflow-y: scroll !important;
}
}

@media only screen and (min-width: 841px) and (max-width: 857px) {
/* logo */
header .container .header_inner_left .logo_wrapper {
    left: 47%;
}
/* burger menu */
header .container .header_inner_right {
    margin-right: 5%;
}
}

@media only screen and (min-width: 821px) and (max-width: 840px) {
/* logo */
header .container .header_inner_left .logo_wrapper {
    left: 47%;
}
/* burger menu */
header .container .header_inner_right {
    margin-right: 5%;
}
}

@media only screen and (min-width: 811px) and (max-width: 820px) { /* ------------------------------ */
/* logo */
header .container .header_inner_left .logo_wrapper {
    left: 46%;
}
/* burger menu */
header .container .header_inner_right {
    margin-right: 5%;
}
}

@media only screen and (min-width: 781px) and (max-width: 810px) { /* ------------------------------ */
/* logo */
header .container .header_inner_left .logo_wrapper {
    left: 45%;
}
/* burger menu */
header .container .header_inner_right {
    margin-right: 8%;
}
}

@media only screen and (min-width: 769px) and (max-width: 780px) { /* ------------------------------ */
/* logo */
header .container .header_inner_left .logo_wrapper {
    left: 45%;
}
/* burger menu */
header .container .header_inner_right {
    margin-right: 12%;
}
}
/* =========================================== end media query */

/* Title Header With Background */
.title.title_size_medium {
    border-bottom-left-radius: 3000px 300px;
    border-bottom-right-radius: 3000px 300px;
}
.title.title_size_medium h1 {
    font-size: 46px;
    line-height: 56px;
    font-style: normal;
    text-transform: none;
    font-weight: 400;
}
/* ========================================================================= media query */
@media only screen and (max-width: 1000px) { /* ------------------------------ */
/* Title Header With Background */
.title.title_size_medium {
    background-image: url(http://charslton.wddworks.my/wp-content/uploads/2018/05/title-bg.jpg) !important;
    height: 400px !important;
    background-size: cover !important;
    background-position: center center !important;
}
.image.not_responsive {
     display: none !important;
}
}
/* =========================================== end media query */



/* ---------- HOMEPAGE ---------- */
/* header */
.hidden { display: none; }
.homepage-header-title {
     border-bottom-left-radius: 3000px 300px;
     border-bottom-right-radius: 3000px 300px;
}
.homepage-header-title .title-h1 {
     padding-top: 300px;
}


/* Home Slider */
.slider-button:hover {
background-image: none !important;
box-shadow: inset 0px 0px 0px 2px #e76700 !important;
}

/* beaker */
.beaker-row {
     margin-top: -400px;
    z-index: 9999999;
}
.beaker-row .vc_empty_space {
    display: none;
}
.beaker-row h2 {
     padding-bottom: 30px;
}
.beaker-row .wpb_single_image {
    padding-bottom: 50px;
}
.beaker-row .wpb_wrapper div:nth-child(5) {
     padding-bottom: 200px;
}

/* what we do */
.what-we-do-row {
     border-top-left-radius: 3000px 300px;
     border-top-right-radius: 3000px 300px;
     background-position: bottom !important;
     background-size: contain !important;
     padding-bottom: 200px;
     border-bottom-left-radius: 3000px 300px;
     border-bottom-right-radius: 3000px 300px;
}
.what-we-do-image img {
    border-radius: 10px !important;
    box-shadow: 10px 10px 10px #bebebe !important;
}

/* product we offer */
.product-row {
     padding-top: 50px;
     padding-bottom: 200px;
     background-position: bottom !important;
     background-size: contain !important;
}
.product-row .product-col {
    min-height: 230px;
    width: 21%;
    box-shadow: 0 0 20px rgba(233, 104, 0, 0.2);
    border-radius: 5px;
    margin: 0 2%;
    transition: all ease-in-out .3s;
}
.product-row .product-col a,
.product-row .product-col p {
    color: #f39221;
}
.product-row .product-col:hover {
    box-shadow: none;
    background: linear-gradient(to top right, #e76700, #ffbb3f);
}
.product-row .product-col:hover p,
.product-row .product-col:hover a {
    color: #fff;
}
.product-row .product-col:hover img {
    filter: brightness(900%);
}
.product-row .product-col .vc_column-inner  {
    padding: 10%;
}
/* centering product row 02 */
.product-row .product-inner-row-02 .full_section_inner.clearfix {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* request quotation */
.request-quotation .vc_column-inner.vc_custom_1526890890499 {
    background: linear-gradient(to top right, #38c8af, #4ce58b);
    box-shadow: 0 -8px 20px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    padding: 5%;
}
.title-h2-white h2 {
     color: #fff;
}
a#request-button {
    box-shadow: inset 0px 0px 0px 2px #fff !important;
    border: 0;
}
a#request-button:hover {
    background: linear-gradient(to right, #e76700, #ffbb3f);
    box-shadow: none !important;
    border: 0;
    color: #fff;
}

/* news events */
.news-events-row {
     margin-top: -150px;
     padding-top: 100px;
     padding-bottom: 50px;
     border-top-left-radius: 3000px 300px;
     border-top-right-radius: 3000px 300px;
/*     border-bottom-left-radius: 3000px 300px;
     border-bottom-right-radius: 3000px 300px;*/
}
.news-events-row .latest_post_holder.boxes>ul>li, .latest_post_holder.dividers>ul>li {
    background-color: transparent;
}
.news-events-row .latest_post_holder.dividers .latest_post_inner {
    margin: 35px 20px !important;
}
.latest_post_holder.dividers .latest_post_date {
    margin: 0 20px 0 0;
}
.news-events-row .latest_post_holder.dividers .latest_post_date .latest_post_day {
    font-size: 31px;
    font-weight: 300;
    color: #cccccc;
    padding-right: 20px;
}
.news-events-row .latest_post_date .latest_post_month {
    text-transform: uppercase;
    padding-top: 10px;
    padding-right: 20px;
}
.news-events-row .post_infos { display: none; }

/* location */
.location-row {
     margin-top: -150px;
    padding-top: 300px;
    padding-bottom: 200px;
     border-top-left-radius: 3000px 300px;
     border-top-right-radius: 3000px 300px;
}
.location-address-col {
    border: solid 2px orange;
    width: 31.3333%;
    margin: 0 1%;
    border-radius: 5px;
    padding: 3% 2%;
    min-height: 380px;
    background-color: rgba(255, 255, 255, 0.6);
    transition: all ease-in-out .3s;
}
.location-address-col:hover {
    border: solid 2px #fff;
    background: linear-gradient(to top right, #e76700, #ffbb3f);
}
.location-address-col:hover h3,
.location-address-col:hover p,
.location-address-col:hover a {
    color: #fff;
}
.location-address-col a:hover {
    color: #cccccc;
}
/* ========================================================================= media query */
@media only screen and (min-width: 1401px) { /* ----------------------------------------------------- */
.mobile { display: none; }
}

@media only screen and (min-width: 1201px) and (max-width: 1400px)  { /* --------------------------- */
.mobile { display: none; }

/* location */
.location-row {
    padding-top: 300px;
    padding-bottom: 200px;
}
.location-address-col {
    min-height: 400px;
}
}

@media only screen and (min-width: 1001px) and (max-width: 1200px) { /* ---------------------------- */
.mobile { display: none; }

/* location */
.location-row {
    padding-top: 300px;
    padding-bottom: 200px;
}
.location-address-col {
    min-height: 500px;
}
}

@media only screen and (min-width: 769px) and (max-width: 1000px) { /* ----------------------------- */
/* header */
.homepage-header-title .title-h1 {
     padding-top: 150px;
}

/* what we do */
.mobile { display: none; }

/* location */
.location-row {
    padding-top: 300px;
    padding-bottom: 200px;
}
.location-address-col {
    min-height: 520px;
}
}

@media only screen and (min-width: 768px) and (max-width: 768px) { /* ------------------------------ */
/* header */
.homepage-header-title {
    min-height: 700px !important;
}
.homepage-header-title .title-h1 {
     padding-top: 150px;
}
.beaker-row {
    top: 0;
    margin-top: -300px;
    height: auto;
}
.beaker-row .vc_empty_space {
    display: none;
}
.beaker-row h2 {
     padding-bottom: 30px;
}
.beaker-row .wpb_single_image {
    padding-bottom: 50px;
}
.beaker-row .wpb_wrapper div:nth-child(5) {
     padding-bottom: 150px;
}

/* what we do */
.desktop { display: none; }
.what-we-do-row {
    padding-top: 150px !important;
}
.what-we-do-row .wpb_column.vc_column_container.vc_col-sm-6 {
    width: 100%;
}

/* product */
.product-row {
    padding-top: 50px;
    padding-bottom: 150px;
}
.homepage-product-row h2 {
    padding-right: 50px;
    padding-left: 50px;
}
.product-row .product-inner-row-02 .full_section_inner.clearfix {
    display: initial;
    align-items: unset;
    justify-content: unset;
}
.product-row .product-col {
    width: 46%;
    display: inline-block;
    vertical-align: top;
    margin: 0 2% 3% 2%;
}
.product-row .desktop-separator {
    display: none;
}

/* news events */
.news-events-row .latest_post_holder ul li.clearfix {
     width: 100%;
}
.news-events-row .latest_post_holder ul li.clearfix .boxes_image a img {
     width: 100%;
}

/* location */
.location-row {
    padding-top: 250px;
    padding-bottom: 150px;
}
.location-address-col {
    width: 48%;
    min-height: 450px;
    margin: 1%;
    padding: 3% 1%;
}
.location-address-col:nth-child(3) {
    width: 48%;
    min-height: auto;
    margin: 1%;
    padding: 3% 1%;
}
}

@media only screen and (min-width: 600px) and (max-width: 767px) { /* ------------------------------ */
/* header */
.homepage-header-title {
    min-height: 550px !important;
    background-size: cover !important;
    background-position: center !important; 
}
.homepage-header-title .title-h1 {
     padding-top: 150px;
}
.beaker-row {
    top: 0;
    margin-top: -300px;
    height: auto;
}
.beaker-row .vc_empty_space {
    display: none;
}
.beaker-row h2 {
     padding-bottom: 30px;
}
.beaker-row .wpb_single_image {
    padding-bottom: 50px;
}
.beaker-row .wpb_wrapper div:nth-child(5) {
     padding-bottom: 150px;
}

/* what we do */
.desktop { display: none; }
.what-we-do-row {
    padding-top: 150px !important;
}
.what-we-do-row .wpb_column.vc_column_container.vc_col-sm-6 {
    width: 100%;
}

/* product */
.product-row {
    padding-top: 150px;
    padding-bottom: 150px;
}
.product-row .product-inner-row-02 .full_section_inner.clearfix {
    display: initial;
    align-items: unset;
    justify-content: unset;
}
.product-row .product-col {
    width: 46%;
    display: inline-block;
    vertical-align: top;
    margin: 0 2% 3% 2%;
}
.product-row .product-inner-row-02 .product-col:last-child {
    float: left;
}
.product-row .desktop-separator {
    display: none;
}

/* news events */
.news-events-row {
     margin-top: -20%;
    padding-top: 250px;
}
.news-events-row .latest_post_holder ul li.clearfix {
     width: 100%;
}
.news-events-row .latest_post_holder ul li.clearfix .boxes_image a img {
     width: 100%;
}

/* location */
.location-row {
    padding-top: 300px;
    padding-bottom: 150px;
}
.location-row .vc_col-has-fill>.vc_column-inner {
    padding-top: 0;
}
.location-address-col {
    width: 100%;
    min-height: auto;
    margin: 0 1% 3% 1%;
    padding: 3%;
}
}

@media only screen and (min-width: 481px) and (max-width: 600px) { /* ------------------------------ */
/* header */
.homepage-header-title {
    min-height: 400px !important;
    background-size: cover !important;
    background-position: center !important;
}
.homepage-header-title .title-h1 {
     padding-top: 150px;
}
.beaker-row {
    top: 0;
    margin-top: -220px;
}
.beaker-row .vc_empty_space {
    display: none;
}
.beaker-row h2 {
     padding-bottom: 30px;
}
.beaker-row .wpb_single_image {
    padding-bottom: 50px;
}
.beaker-row .wpb_wrapper div:nth-child(5) {
     padding-bottom: 150px;
}

/* what we do */
.desktop { display: none; }
.what-we-do-row {
    padding-top: 150px !important;
}
.what-we-do-row .wpb_column.vc_column_container.vc_col-sm-6 {
    width: 100%;
}
.what-we-do-inner-row {
    padding-bottom: 100px !important;
}

/* product */
.product-row {
    padding-top: 150px;
    padding-bottom: 120px;
}
.product-row .product-inner-row-02 .full_section_inner.clearfix {
    display: initial;
    align-items: unset;
    justify-content: unset;
}
.product-row .product-col {
    min-height: 250px;
    width: 46%;
    display: inline-block;
    vertical-align: top;
    margin: 0 2% 3% 2%;
}
.product-row .product-inner-row-02 .product-col:last-child {
    float: left;
}
.product-row .desktop-separator {
    display: none;
}

/* news events */
.news-events-row {
     margin-top: -20%;
    padding-top: 200px;
}
.news-events-row .latest_post_holder ul li.clearfix {
     width: 100%;
}
.news-events-row .latest_post_holder ul li.clearfix .boxes_image a img {
     width: 100%;
}

/* location */
.location-row {
    padding-top: 250px;
    padding-bottom: 150px;
}
.location-address-col {
    width: 100%;
    min-height: auto;
    margin: 0 1% 3% 1%;
    padding: 5% 3%;
}
}

@media only screen and (min-width: 320px) and (max-width: 480px) { /* ------------------------------ */
/* header */
.homepage-header-title {
    min-height: 400px !important;
    background-size: cover !important;
    background-position: center !important;
}
.homepage-header-title .title-h1 {
    padding-top: 100px;
}
.beaker-row {
    top: 0;
    margin-top: -160px;
    height: auto;
}
.beaker-row .vc_empty_space {
    display: none;
}
.beaker-row h2 {
     padding-bottom: 30px;
}
.beaker-row .wpb_single_image {
    padding-bottom: 50px;
}
.beaker-row .wpb_wrapper div:nth-child(5) {
     padding-bottom: 100px;
}

/* what we do */
.what-we-do-row {
    padding-bottom: 100px !important;
    padding-top: 100px !important;
}
.desktop { display: none; }
.what-we-do-row .wpb_column.vc_column_container.vc_col-sm-6 {
    width: 100%;
}
.what-we-do-inner-row {
    padding-bottom: 70px !important;
}

/* product */
.product-row {
    padding-top: 100px;
    padding-bottom: 100px;
}
.product-row .product-inner-row-02 .full_section_inner.clearfix {
    display: initial;
    align-items: unset;
    justify-content: unset;
}
.product-row .product-col {
    min-height: auto;
    width: 80%;
    display: inline-block;
    vertical-align: top;
    margin: 0 2% 3% 2%;
}
.product-row .desktop-separator {
    display: none;
}

/* news events */
.news-events-row {
     margin-top: -20%;
    padding-top: 200px;
}
.news-events-row .latest_post_holder ul li.clearfix {
     width: 100%;
}
.news-events-row .latest_post_holder ul li.clearfix .boxes_image a img {
     width: 100%;
}

/* location */
.location-row {
    padding-top: 250px;
    padding-bottom: 100px;
}
.location-row .vc_col-has-fill>.vc_column-inner {
    padding-top: 0;
}
.location-address-col {
    width: 100%;
    min-height: auto;
    margin: 0 0 3% 0;
    padding: 8% 5%;
}
}

@media only screen and (max-width: 320px) { /* ----------------------------------------------------- */
/* font */
h1 {
    font-size: 35px;
    line-height: 45px;
}
h2 {
    font-size: 26px;
    line-height: 36px;
}
h3 {
    font-size: 23px;
    line-height: 33px;
}

/* header */
.homepage-header-title {
    min-height: 300px !important;
    background-size: cover !important;
    background-position: center !important;
}
.homepage-header-title .title-h1 {
    padding-top: 100px;
}
.beaker-row {
    top: 0;
    margin-top: -50%;
    height: auto;
}
.beaker-row .vc_empty_space {
    display: none;
}
.beaker-row h2 {
     padding-bottom: 30px;
}
.beaker-row .wpb_single_image {
    padding-bottom: 50px;
}
.beaker-row .wpb_wrapper div:nth-child(5) {
     padding-bottom: 100px;
}

/* what we do */
.what-we-do-row {
    padding-bottom: 100px;
    padding-top: 100px !important;
}
.desktop { display: none; }
.what-we-do-row .wpb_column.vc_column_container.vc_col-sm-6 {
    width: 100%;
}
.what-we-do-inner-row {
    padding-bottom: 70px !important;
}

/* product */
.product-row {
    padding-top: 100px;
    padding-bottom: 100px;
}
.product-row .product-inner-row-02 .full_section_inner.clearfix {
    display: initial;
    align-items: unset;
    justify-content: unset;
}
.product-row .product-col {
    min-height: auto;
    width: 80%;
    display: inline-block;
    vertical-align: top;
    margin: 0 2% 3% 2%;
}
.product-row .desktop-separator {
    display: none;
}

/* news events */
.news-events-row {
     margin-top: -20%;
    padding-top: 150px;
}
.news-events-row .latest_post_holder ul li.clearfix {
     width: 100%;
}
.news-events-row .latest_post_holder ul li.clearfix .boxes_image a img {
     width: 100%;
}

/* location */
.location-row {
    padding-top: 250px;
    padding-bottom: 100px;
}
.location-row .vc_col-has-fill>.vc_column-inner {
    padding-top: 0;
}
.location-address-col {
    width: 100%;
    min-height: auto;
    margin: 0 0 4% 0;
    padding: 8% 5%;
}
}
/* =========================================== end media query */
/* ---------- end homepage ---------- */

/* ---------- ABOUT US ---------- */
.header-title {
     height: 300px !important;
     /*border-bottom-left-radius: 3000px 300px;*/
    /* border-bottom-right-radius: 3000px 300px;*/
}
.header-title h2 {
    padding-top: 130px;
    color: #fff;
    font-weight: 400;
}
.aboutus-desc {
    padding-top: 150px;
    padding-bottom: 150px;
}

/* Who We Are */
.who-we-are-image img {
    border-radius: 10px !important;
    box-shadow: 10px 10px 10px #bebebe !important;
}

/* Why Charslton */
.why-charslton-image img {
    border-radius: 10px !important;
    box-shadow: -10px 10px 10px #bebebe !important;
}
.why-charslton-row .q_icon_with_title.left_from_title.small.normal_icon .icon_holder, 
.why-charslton-row .q_icon_with_title.left_from_title.tiny .icon_holder, 
.why-charslton-row .q_icon_with_title.tiny .icon_holder img {
    width: 100%;
}
.why-charslton-row .q_icon_with_title.tiny .icon_text_holder p {
    font-size: 16px;
}

/* Our Partners */
.client-logo-inner-row .vc_column_container {
    width: 16.5%;
    display: inline-block;
    padding-right: 12px !important;
    padding-left: 12px !important;
}
/* ========================================================================= media query */
@media only screen and (min-width: 601px) and (max-width: 767px) { /* 
.header-title {
    background-size: cover !important;
    background-position: center !important;
}
.header-title h2 {
    padding-top: 130px;
}
.aboutus-desc .vc_empty_space {
    height: 30px !important;
}
}

@media only screen and (min-width: 481px) and (max-width: 600px) { /* ------------------------------ */
.header-title {
    background-size: cover !important;
    background-position: center !important;
    min-height: 300px !important
}
.header-title h2 {
    padding-top: 140px;
}
.aboutus-desc .vc_empty_space {
    height: 30px !important;
}
}

@media only screen and (min-width: 320px) and (max-width: 480px) { /* ------------------------------ */
.header-title {
    background-size: cover !important;
    background-position: center !important;
    min-height: 250px !important;
}
.header-title h2 {
    padding-top: 110px;
}
.aboutus-desc .vc_empty_space {
    height: 30px !important;
}
}

@media only screen and (max-width: 320px) { /* ----------------------------------------------------- */
.header-title {
    background-size: cover !important;
    background-position: center !important;
    min-height: 250px !important
}
.header-title h2 {
    padding-top: 110px;
}
.aboutus-desc .vc_empty_space {
    height: 30px !important;
}
}

/* Media Query for Who We Are */ /* ----------------------------------------------------- */
@media only screen and (min-width: 769px) {
    .wwa-img-mobile {
        display: none;
    }
}
@media only screen and (max-width: 768px) {
    .who-we-are-inner-row .vc_column_container.vc_col-sm-6 {
        width: 100% !important;
    }
    .who-we-are-col2 {
        display: none;
    }
    .who-we-are-col1 .who-we-are-desc {
        margin-top: 30px !important;
    }
}

/* Media Query for Our Partners */ /* ----------------------------------------------------- */
@media only screen and (min-width: 1001px) and (max-width: 1399px) {
.client-logo-inner-row .vc_column_container {
    width: 20%;
    display: inline-block;
    padding-right: 20px !important;
    padding-left: 20px !important;
}
}
@media only screen and (min-width: 769px) and (max-width: 1000px) {
.client-logo-inner-row .vc_column_container {
    width: 25%;
    display: inline-block;
    padding-right: 20px !important;
    padding-left: 20px !important;
}
}
@media only screen and (min-width: 601px) and (max-width: 768px) {
.client-logo-inner-row .vc_column_container {
    width: 33.333%;
    display: inline-block;
    padding-right: 20px !important;
    padding-left: 20px !important;
}
}
@media only screen and (min-width: 481px) and (max-width: 600px) {
.client-logo-inner-row .vc_column_container {
    width: 33.333%;
    display: inline-block;
    padding-right: 10px !important;
    padding-left: 10px !important;
}
}
@media only screen and (max-width: 480px) {
.client-logo-inner-row .vc_column_container {
    width: 50%;
    display: inline-block;
    padding-right: 10px !important;
    padding-left: 10px !important;
}
}
/* =========================================== end media query */
/* ---------- end about us ---------- */


/* ---------- SAMPLE PREPARATION --------- */
.product-img-with-desc img {
    border-radius: 10px;
    border: solid 2px rgba(233, 103, 0, 0.1);
    margin-bottom: 20px !important;
}

/* Purge and Trap Sample Systems */
.product-row .product-title h2 {
    font-size: 30px;
    line-height: 38px;
}

/* ========================================================================= media query */
@media only screen and (max-width:768px) {
    .product-inner-row .product-col1 {
        width: 100%;
    }
    .product-inner-row .product-col2 {
        display: none;
    }
}
/* =========================================== end media query */
/* ---------- end sample preparation ---------- */

/* ---------- WATER MEASUREMENT SYSTEM ---------- */
/* Chlorophyll*/
.wms-chlorophyll-desc {
    padding-top: 150px;
    padding-bottom: 150px;
}
.wms-chlorophyll-desc .q_list.circle li {
    color: #666666;
    padding-bottom: 0;
    margin-bottom: 0;
}
.wms-chlorophyll-desc .q_list.circle li::before {
    background-color: #aa34b0;
    width: 10px;
    height: 10px;
}
.wms-chlorophyll-desc .q_list.circle li.subdesc-point::before {
    background-color: #dfafe0;
    width: 10px;
    height: 10px;
}
.wms-chlorophyll-desc ul.subdesc {
     margin-bottom: 20px !important;
}

/* Toxicity */
.wms-toxicity-desc {
    padding-top: 150px;
    padding-bottom: 150px;
     border-top-left-radius: 3000px 300px;
     border-top-right-radius: 3000px 300px;
     border-bottom-left-radius: 3000px 300px;
     border-bottom-right-radius: 3000px 300px;
}
.wms-toxicity-desc .q_list.circle li {
    color: #666666;
    padding-bottom: 0;
    margin-bottom: 0;
}
.wms-toxicity-desc .q_list.circle li::before {
    background-color: #aa34b0;
    width: 10px;
    height: 10px;
}
.wms-toxicity-desc .q_list.circle li.subdesc-point::before {
    background-color: #dfafe0;
    width: 10px;
    height: 10px;
}
.wms-toxicity-desc ul.subdesc {
     margin-bottom: 20px !important;
}

/* Nutrients */
/* Chlorophyll*/
.wms-nutrient-desc {
    padding-top: 150px;
    padding-bottom: 150px;
}
.wms-nutrient-desc .q_list.circle li {
    color: #666666;
    padding-bottom: 0;
    margin-bottom: 0;
}
.wms-nutrient-desc .q_list.circle li::before {
    background-color: #aa34b0;
    width: 10px;
    height: 10px;
}
.wms-nutrient-desc .q_list.circle li.subdesc-point::before {
    background-color: #dfafe0;
    width: 10px;
    height: 10px;
}
.wms-nutrient-desc ul.subdesc {
     margin-bottom: 20px !important;
}
/* ========================================================================= media query */
@media only screen and (min-width: 1401px) { /* ----------------------------------------------------- */
.mobile { display: none; }
}

@media only screen and (min-width: 1201px) and (max-width: 1400px)  { /* --------------------------- */
.mobile { display: none; }
}

@media only screen and (min-width: 1001px) and (max-width: 1200px) { /* ---------------------------- */
.mobile { display: none; }
}

@media only screen and (min-width: 769px) and (max-width: 1000px) { /* ----------------------------- */
.mobile { display: none; }
}

@media only screen and (min-width: 768px) and (max-width: 768px) { /* ------------------------------ */
.desktop { display: none; }
.hide-for-mobile { display: none; }
/* title header */
.header-title h2 {
    padding-top: 160px;
}
.chlorophyll-desc-inner-row .wpb_single_image,
.toxicity-desc-inner-row .wpb_single_image,
.nutrient-desc-inner-row .wpb_single_image {
    margin-bottom: 20px !important;
}
.chlorophyll-desc-inner-row .chlorophyll-desc-inner-col,
.toxicity-desc-inner-row .toxicity-desc-inner-col,
.nutrient-desc-inner-row .nutrient-desc-inner-col {
    width: 100%;
}
}

@media only screen and (min-width: 600px) and (max-width: 767px) { /* ------------------------------ */
.desktop { display: none; }
.hide-for-mobile { display: none; }
}

@media only screen and (min-width: 481px) and (max-width: 600px) { /* ------------------------------ */
.desktop { display: none; }
.hide-for-mobile { display: none; }
}

@media only screen and (min-width: 320px) and (max-width: 480px) { /* ------------------------------ */
.desktop { display: none; }
.hide-for-mobile { display: none; }
.chlorophyll-desc-inner-row .wpb_single_image,
.toxicity-desc-inner-row .wpb_single_image,
.nutrient-desc-inner-row .wpb_single_image {
    margin-bottom: 20px !important;
}
.wms-chlorophyll-desc,
.wms-toxicity-desc,
.wms-nutrient-desc {
    padding-top: 100px;
    padding-bottom: 100px;
}
}

@media only screen and (max-width: 320px) { /* ------------------------------------------------------ */
.desktop { display: none; }
.hide-for-mobile { display: none; }
}
/* =========================================== end media query */
/* ---------- end water measurement system ---------- */


/* ---------- ENQUIRY ----------- */
.page-id-305 .location-row {
    padding-top: 100px;
    padding-bottom: 200px;
    margin-top: 50px;
    margin-bottom: 50px !important;
}
/* google map */
.page-id-305 .location-row iframe {
    width: 100%;
    height: 300px;
}
.page-id-305 .location-row .maps-app-icon img {
    border: solid 1px orange;
    border-radius: 5px;
}
.page-id-305 .location-row .location-address-col:hover .maps-app-icon img {
    border: solid 1px rgba(0,0,0,0);
}
.page-id-305 .location-row .maps-app-icon img:first-child {
    margin-right: 10px;
}
/*.map-row .qode_google_map {
    border-radius: 5px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
    transition: all ease-in-out .3s;
}*/
/* enquiry form */
.enquiry-form-row {
 /*   margin-top: -500px;*/
    padding-top: 300px;
    padding-bottom: 200px;
}
.enquiry-form-row.vc_custom_1527488148263 {
    background-position: bottom !important;
}

.enquiry-form-row .enquiry-form input[type="text"],
.enquiry-form-row .enquiry-form textarea,
.enquiry-form-row .enquiry-form input[type="email"],
.enquiry-form-row .enquiry-form input[type="tel"] {
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    color: #e76700 !important;
    background-color: transparent !important;
    transition: all ease-in-out .3s;
}
.enquiry-form-row .enquiry-form input[type="text"]:focus,
.enquiry-form-row .enquiry-form textarea:focus,
.enquiry-form-row .enquiry-form input[type="email"]:focus,
.enquiry-form-row .enquiry-form input[type="tel"]:focus {
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    color: #e76700;
    background-color: transparent !important;
}
textarea {
    height: 100px;
}
select {
    margin-top: 50px !important;
    height: 60px;
    font-weight: 400 !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    background-color: transparent !important;
    transition: all ease-in-out .3s;
}
.wpcf7-form-control-wrap.your-country:after {
    content: '\f078';
    font: normal normal normal 17px/1 FontAwesome;
    color: #696969;
    padding: 12px 8px;
    position: relative;
    top: -60px;
    right: -93%;
    z-index: 1;
    text-align: center;
    width: 100%;
    height: 100%;
    pointer-events: none;  
}
.enquiry-form-row .enquiry-form input[type="submit"] {
    text-align: center;
    padding: 0 100px !Important;
    left: 50%;
    transform: translateX(-50%);
    background-color: transparent !important;
}
.enquiry-form-row .enquiry-form input[type="submit"]:hover {
    background: linear-gradient(to right, #e76700, #ffbb3f);
}
/* enable label to be move on focus =================================*/
/*enquiry form - input label change position when focus --- */
.enquiry-form-row .enquiry-form > p,
.enquiry-form-row .enquiry-form .form-table .form-column > p {
  position: relative;
}
.enquiry-form-row form .enquiry-form > p label,
.enquiry-form-row .enquiry-form .form-table .form-column > p label {
    position: absolute;
    top: 30%;
    pointer-events: none;
    -webkit-transform: translateY(50%) translateX(10px);
    transform: translateY(50%) translateX(10px);
    -webkit-transition: top .2s;
    transition: top .2s;
    z-index: 1;
}
.enquiry-form-row form .enquiry-form label.has-value,
.enquiry-form-row .enquiry-form .form-table .form-column label.has-value {
    top: -6px;
    font-size: 14px;
    color: #e76700;
}
/* if form is invalid */
.enquiry-form-row form.invalid .enquiry-form > p label,
.enquiry-form-row form.invalid .enquiry-form .form-table .form-column > p label {
    top: 0;
}
.enquiry-form-row form.invalid .wpcf7-form-control-wrap.your-country:after {
    top: -90px;
}

/* ========================================================================= media query */
@media only screen and (min-width: 769px) { /* ------------------------------ */
/* force form to act like table in a row */
.form-table { 
    display: table; 
    width: 100%;
}
.form-row {
    display: table-row; 
}
.form-column:first-child { 
    display: table-cell; 
    padding-right: 30px;
}
}
/* =========================================== end media query */

/* ---------- end enquiry ----------- */


/* ---------- LABORATORY EQUIPMENT --------- */
.brand-row-inner {
     border-radius: 5px;
     padding-left: 30px;
}
.product-row-grid #view-brochure,
.product-row-grid-accordian #view-brochure {
    background: linear-gradient(to right, #e76700, #ffbb3f);
    border-width: 0;
    transition: ease all .3s;
}
.product-row-grid #view-brochure:hover,
.product-row-grid-accordian #view-brochure:hover {
    border-width: 0;
    background: transparent;
    box-shadow: inset 0px 0px 0px 2px #e76;
}
.product-row-grid #view-brochure i,
.product-row-grid-accordian #view-brochure i{
    transition: ease all .3s;
}
.product-row-grid #view-brochure:hover i,
.product-row-grid-accordian #view-brochure:hover i {
    color: #e76700 !important;
}

/* Humimeter */
/* Humimeter Vertical Menu */
.product-row-grid-accordian .ubermenu-skin-black-white-2.ubermenu-vertical:before {
    border-right: none;
}
.product-row-grid-accordian .ubermenu-submenu.ubermenu-submenu-id-714.ubermenu-submenu-type-stack li:not(.ubermenu-current_page_item) a .ubermenu-target-text {
     color: #666666;
}

/* Product Grid */
.product-row-grid-accordian {
    padding-top: 150px;
    padding-bottom: 100px;
}
.product-row-grid-accordian .product-row-inner:not(:last-child) {
    padding-bottom: 70px;
}
.product-row-grid-accordian h2 {
    font-size: 30px;
    line-height: 38px;
}
.product-row-grid-accordian .product-title h3 {
    font-size: 16px !important;
    line-height: 20px;
    color: #666666;
    font-weight: 600;
}
.product-row-grid-accordian .brand-title h3 {
    font-size: 26px;
    line-height: 36px;
    color: #e76700;
}
.product-row-grid-accordian .product-title p {
    border-top: solid 1px #f3f3f3;
    padding-top: 10px;
    line-height: 20px;
    margin-top: 10px;
}
.product-row-grid-accordian .wpb_column.vc_column_container.vc_col-sm-4 {
    padding: 1%;
}
.product-row-grid-accordian .wpb_single_image {
    border-radius: 5px;
    border: solid 2px rgba(233, 103, 0, 0.1);
    margin-bottom: 20px !important;
}
.product-row-grid-accordian .q_tabs.boxed .tabs-nav li.active a, .q_tabs.boxed .tabs-container {
    border-color: #e96800;
}
.product-row-grid-accordian .q_tabs .tabs-nav li a {
    font-size: 20px;
    letter-spacing: normal;
}
.product-row-grid-accordian .q_tabs .tabs-nav li a:hover {
    color: #e96800 !important;
}

/* Product PDF */
.product-row-inner .vc_col-sm-4 .fa-stack.fa-lg   {
    float: right;
    margin-top: -75px;
    padding-right: 15px;
}

/* ========================================================================= media query */
@media only screen and (min-width: 821px) and (max-width: 1200px) { /* ------------------------------ */
/* Humimeter */
.product-row-grid-accordian .wpb_column.vc_column_container.vc_col-sm-3 {
    width: 100%;
}
.product-row-grid-accordian .wpb_column.vc_column_container.vc_col-sm-3 .vc_column-inner {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.product-row-grid-accordian .wpb_column.vc_column_container.vc_col-sm-9 {
    width: 100%;
    margin-top: 50px;
}
}

@media only screen and (min-width: 769px) and (max-width: 820px) {
/* Humimeter */
.product-row-grid-accordian .wpb_column.vc_column_container.vc_col-sm-3 {
    width: 100%;
}
.product-row-grid-accordian .wpb_column.vc_column_container.vc_col-sm-9 {
    width: 100%;
    margin-top: 50px;
}
}

@media only screen and (min-width: 768px) and (max-width: 768px) {
/* Humimeter */
.product-row-grid-accordian .wpb_column.vc_column_container.vc_col-sm-3 {
    width: 100%;
}
.product-row-grid-accordian .wpb_column.vc_column_container.vc_col-sm-9 {
    width: 100%;
    margin-top: 50px;
}
.product-row-grid-accordian .wpb_content_element.wpb_single_image img {
     max-width: 90%;
}
.product-row-grid-accordian #view-brochure {
    font-size: 16px;
}
.product-row-grid-accordian .product-title h3 {
    min-height: 40px;
}
}

@media only screen and (max-width: 767px) {
/* Product Row */
.product-row-grid .product-row-inner .wpb_column.vc_column_container.vc_col-sm-4 {
    margin-bottom: 70px;
}

/* Humimeter */
.product-row-grid-accordian .wpb_column.vc_column_container.vc_col-sm-9 {
    margin-top: 50px;
}
.product-row-grid-accordian .product-row-inner .wpb_column.vc_column_container.vc_col-sm-4 {
    margin-bottom: 70px;
}
.product-row-grid-accordian .product-row-inner:not(:last-child) {
    padding-bottom: 0;
}
.product-row-grid-accordian .wpb_content_element.wpb_single_image img {
     max-width: 80%;
}
}
/* ========================================================================= end media query */
/* ------------ end lab equipment ------------- */


/* ---------- MATERIAL SCIENCES ---------- */
.product-row-grid {
    padding-top: 150px;
    padding-bottom: 150px;
}
.product-row-grid .product-row-inner:not(:last-child) {
    padding-bottom: 20px;
}
.product-row-grid h2 {
    font-size: 30px;
    line-height: 38px;
}
.product-row-grid .product-title h3{
    font-size: 16px !important;
    line-height: 20px;
    color: #666666;
    font-weight: 600;
}
.product-row-grid .product-desc p {
    font-size: 15px;
    line-height: 25px;
    border-top: solid 1px #f3f3f3;
    padding-top: 10px;
}
.product-row-grid .wpb_column.vc_column_container.vc_col-sm-4 {
    padding: 1%;
}
.product-row-grid .wpb_single_image {
    border-radius: 5px;
    border: solid 2px rgba(233, 103, 0, 0.1);
    margin-bottom: 20px !important;
}
/* ---------- end material sciences ---------- */


/* ---------- PRODUCTS ---------- */
/* Product Menu - Desktop */
/* Tab Title */
.ubermenu-products-menu .ubermenu-nav .ubermenu-item.ubermenu-item-level-0 > .ubermenu-target {
    font-size: 16px;
}

/* Submenu Title - font size*/
.product-page .ubermenu-products-menu .ubermenu-submenu .ubermenu-item-header > .ubermenu-target {
    font-size: 16px !important;
}

/* Set ICON to each category */
/* 1) consumables,
2)standard & reference materials,
3) gas management,
4) sample preparation,
5) environmental monitoring,
6) material sciences,
7) instrumentations & accessories,
8) laboratory & general equipment,
9) support */
.consumables-title span:before {
     content: url('/wp-content/uploads/2019/01/menu-icon1-1.png');
     padding-right: 10px;
}
.standards-materials-title span:before {
     content: url('/wp-content/uploads/2019/01/menu-icon2.png');
     padding-right: 10px;
}
.gas-management-title span:before {
     content: url('/wp-content/uploads/2019/01/menu-icon3.png');
     padding-right: 10px;
}
.sample-preparation-title span:before {
     content: url('/wp-content/uploads/2019/01/menu-icon4.png');
     padding-right: 10px;
}
.environmental-monitoring-title span:before {
     content: url('/wp-content/uploads/2019/01/menu-icon5.png');
     padding-right: 10px;
}
.material-sciences-title span:before {
     content: url('/wp-content/uploads/2019/01/menu-icon6.png');
     padding-right: 10px;
}
.instrumentations-title span:before {
     content: url('/wp-content/uploads/2019/01/menu-icon7.png');
     padding-right: 10px;
}
.laboratory-eq-title span:before {
     content: url('/wp-content/uploads/2019/01/menu-icon8.png');
     padding-right: 10px;
}
.support-title span:before {
     content: url('/wp-content/uploads/2019/01/menu-icon9.png');
     padding-right: 10px;
}

/* set icon to white on current */
.product-page .consumables-title span:before, 
.product-page .standards-materials-title span:before,
.product-page .gas-management-title span:before,
.product-page .sample-preparation-title span:before,
.product-page .environmental-monitoring-title span:before,
.product-page .material-sciences-title span:before,
.product-page .instrumentations-title span:before,
.product-page .laboratory-eq-title span:before,
.product-page .support-title span:before,
.product-page .consumables-title span:before, 
.product-page .standards-materials-title span:before,
.product-page .gas-management-title span:before,
.product-page .sample-preparation-title span:before,
.product-page .environmental-monitoring-title span:before,
.product-page .material-sciences-title span:before,
.product-page .instrumentations-title span:before,
.product-page .laboratory-eq-title span:before,
.product-page .support-title span:before{
    filter: brightness(900%) !important;
}


/* -- Product Page - Mobile -- */
@media only screen and (min-width: 1025px) {
.product-page-mobile {
    display:none;
}
}

@media only screen and (max-width: 1024px) {
/* Hide desktop version */
.product-page {
    display: none;
}
/* set margin of link to 0 */
.product-page-mobile .q_icon_with_title .icon_with_title_link {
    margin: 0;
    font-size: 16px;
}
/* Set toggle bar background color to orange */
.qode-accordion-holder .qode-title-holder {
    background-color: #e96700 !important;
}
/* Set toggle bar border to lighter white */
.product-page-mobile .qode-accordion-holder .qode-title-holder {
   border-bottom: 1px solid rgba(255, 245, 238, 0.1);
}
/* Set toggle bar title height to be smaller */
.product-page-mobile .qode-accordion-holder .qode-title-holder .qode-tab-title {
    height: 50px;
}
/* Set toggle title font color to white */
.product-page-mobile .qode-accordion-holder .qode-title-holder.ui-state-default .qode-tab-title span.qode-tab-title-inner {
    color: #fff;
    font-size: 16px;
    font-weight: 300;
}
/* Set minus icon to angle right */
.product-page-mobile .icon_plus:before,
.product-page-mobile .icon_minus-06:before {
    content: "\f105";
    font-family: FontAwesome;
}
/* Set minus icon to angle down when active */
.product-page-mobile .qode-title-holder.ui-state-active .icon_minus-06:before {
    content: "\f107";
    font-family: FontAwesome;
}

/* Set individual icon to title */
.product-page-mobile .qode-accordion-holder h5:nth-child(1) .qode-tab-title-inner:before {
     content: url('/wp-content/uploads/2019/01/menu-icon1-1.png');
     padding-right: 10px;
    filter: brightness(900%) !important;
}
.product-page-mobile .qode-accordion-holder h5:nth-child(3) .qode-tab-title-inner:before {
     content: url('/wp-content/uploads/2019/01/menu-icon2.png');
     padding-right: 10px;
    filter: brightness(900%) !important;
}
.product-page-mobile .qode-accordion-holder h5:nth-child(5) .qode-tab-title-inner:before {
     content: url('/wp-content/uploads/2019/01/menu-icon3.png');
     padding-right: 10px;
    filter: brightness(900%) !important;
}
.product-page-mobile .qode-accordion-holder h5:nth-child(7) .qode-tab-title-inner:before {
     content: url('/wp-content/uploads/2019/01/menu-icon4.png');
     padding-right: 10px;
    filter: brightness(900%) !important;
}
.product-page-mobile .qode-accordion-holder h5:nth-child(9) .qode-tab-title-inner:before {
     content: url('/wp-content/uploads/2019/01/menu-icon5.png');
     padding-right: 10px;
    filter: brightness(900%) !important;
}
.product-page-mobile .qode-accordion-holder h5:nth-child(11) .qode-tab-title-inner:before {
     content: url('/wp-content/uploads/2019/01/menu-icon6.png');
     padding-right: 10px;
    filter: brightness(900%) !important;
}
.product-page-mobile .qode-accordion-holder h5:nth-child(13) .qode-tab-title-inner:before {
     content: url('/wp-content/uploads/2019/01/menu-icon7.png');
     padding-right: 10px;
    filter: brightness(900%) !important;
}
.product-page-mobile .qode-accordion-holder h5:nth-child(15) .qode-tab-title-inner:before {
     content: url('/wp-content/uploads/2019/01/menu-icon8.png');
     padding-right: 10px;
    filter: brightness(900%) !important;
}
.product-page-mobile .qode-accordion-holder h5:nth-child(17) .qode-tab-title-inner:before {
     content: url('/wp-content/uploads/2019/01/menu-icon9.png');
     padding-right: 10px;
    filter: brightness(900%) !important;
}

/* Set border & border radius to content */
.product-page-mobile .qode-accordion-holder .qode-accordion-content {
    border: 1px solid rgb(233, 103, 0);
    border-radius: 0px 0px 10px 10px;
}

/* Set padding left to Homogenizer child */
.product-page-mobile .qode-accordion-holder .qode-accordion-content:nth-child(16)  .qode-accordion-content-inner .q_icon_with_title:nth-child(4),
.product-page-mobile .qode-accordion-holder .qode-accordion-content:nth-child(16)  .qode-accordion-content-inner .q_icon_with_title:nth-child(5),
.product-page-mobile .qode-accordion-holder .qode-accordion-content:nth-child(16)  .qode-accordion-content-inner .q_icon_with_title:nth-child(6),
.product-page-mobile .qode-accordion-holder .qode-accordion-content:nth-child(16)  .qode-accordion-content-inner .q_icon_with_title:nth-child(7),
.product-page-mobile .qode-accordion-holder .qode-accordion-content:nth-child(16)  .qode-accordion-content-inner .q_icon_with_title:nth-child(8),
.product-page-mobile .qode-accordion-holder .qode-accordion-content:nth-child(16)  .qode-accordion-content-inner .q_icon_with_title:nth-child(9) {
    padding-left: 8%;
}
}

/* ---------- end products ---------- */

/* ---------- BLOG ---------- */
/* sidebar */
.sidebar form[role="search"] div {
    border: solid 1px #ccc;
    border-radius: 5px;
    height: 45px;
}
.sidebar form[role="search"] div input[type="text"] {
    height: 45px;
    font-size: 13px;
}
.sidebar form[role="search"] div input[type="submit"] {
    height: 45px;
    font-size: 15px;
    width: 40px;
}
/* search results */
.search.search-results .content {
    padding-top: 100px !important;
}
/*button */
.qbutton.small:hover {
    border-color: #f49421;
    background: linear-gradient(to right, #e76700, #ffbb3f);
}
/* Navigation Menu */
.search.search-results header:not(.sticky) {
     background-color: #333;
}
/* ---------- end blog ---------- */

/* ---------- PAGE NOT FOUND ---------- */
.error404 .content {
    padding-top: 150px !important;
}
/* Navigation Menu */
.error404 header:not(.sticky) {
     background-color: #333;
}
.qbutton.with-shadow:hover {
    border-color: #f49421;
    background: linear-gradient(to right, #e76700, #ffbb3f);
}
/* ---------- end page not found ---------- */

/* ---------- CONTENT BOTTOM ---------- */
.content_bottom {
    border-top: solid 1px #f3f3f3;
}
.footer-location-row {
    padding-top: 50px !important;
    margin-top: 50px;
    background-image: url('http://charslton.wddworks.my/wp-content/uploads/2018/05/location-bg.jpg?id=62') !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
}
.footer-link-row a {
    font-size: 16px;
    line-height: 26px;
}
/* location */
.content_bottom .location-address-col {
    min-height: 380px;
}
/* hide social media icon */
.socmed-icon-link {
     display: none;
}
.socmed-icon-link p {
    text-align: center;
    margin: 50px 0 30px 0;
}
.socmed-icon-link a {
    display: inline-block;
    width: 71px;
    padding: 0 10px;
    transition: all ease-in-out .3s;
}
.socmed-icon-link a:hover img {
    opacity: 0.7;
}
/*.page:not(.page-id-6) .content-bottom-newsletter .vc_empty_space,
.page:not(.page-id-305) .content-bottom-newsletter .vc_empty_space { /* ---- disable empty space in homepage */
    display: none;
}*/
.bottom-footer p, .bottom-footer a {
    font-size: 16px;
}
/*.page-id-6 .content-bottom-newsletter,
.page-id-305 .content-bottom-newsletter {
    margin-top: 50px;
}*/
.content-bottom-newsletter {
    padding-top: 50px;
}
.content-bottom-newsletter #subscribe-newsletter {
    background: linear-gradient(to right, #e76700, #ffbb3f);
    border-width: 0;
}
.content-bottom-newsletter #subscribe-newsletter:hover {
    background: none;
    border-width: 2;
    -webkit-box-shadow:inset 0px 0px 2px 10px #e76700;
    -moz-box-shadow:inset 0px 0px 2px 10px #e76700;
    box-shadow:inset 0px 0px 0px 2px #e76700;
}
.newsletter-form-row .section_inner.clearfix {
    width: 500px;
}
.newsletter-form-row .newsletter-form-col {
    padding: 15px 30px;
    border-radius: 5px;
    background-color: #fef7ef;
}
.content-bottom-newsletter form .subscribe-form label {
    float: left;
}
.content-bottom-newsletter form .subscribe-form input[type="email"] {
    border-top: none;
    border-left: none;
    border-right: none;
    color: #e76700;
    background-color: transparent !important;
}
.content-bottom-newsletter form .subscribe-form input[type="submit"]:hover {
    background: linear-gradient(to right, #e76700, #ffbb3f);
}
.newsletter-form-row {
    display: none;
}
/* enable label to be move on focus =================================*/
/*sign up form - input label change position when focus --- */
.content-bottom-newsletter .subscribe-form > p {
  position: relative;
}
.content-bottom-newsletter .subscribe-form > p label {
    position: absolute;
    top: 30%;
    pointer-events: none;
    -webkit-transform: translateY(50%) translateX(-210px);
    transform: translateY(50%) translateX(-210px);
    -webkit-transition: top .2s;
    transition: top .2s;
    z-index: 1;
}
.content-bottom-newsletter .subscribe-form label.has-value {
    top: 0;
    font-size: 14px;
    color: #e76700;
}
/* if form is invalid */
.content-bottom-newsletter form.invalid .subscribe-form > p label {
    top: 20%;
}
.content-bottom-newsletter form.invalid .subscribe-form > p label.has-value {
    top: 0;
}
.wpcf7-not-valid-tip {
    font-size: 16px;
    text-align: left;
}
div.wpcf7-response-output.wpcf7-validation-errors {
    text-align: left;
    border-radius: 5px;
    background: linear-gradient(to left, #fbe100, #FFC107);
    font-family: "Nunito";
    font-weight: 600;
    text-transform: none;
    line-height: 19px;
}
/* form is successfully sent */
div.wpcf7-response-output.wpcf7-mail-sent-ok {
    border-radius: 5px;
    background: linear-gradient(to right, #4CAF50, #8BC34A);
    text-align: left;
    font-family: "Nunito";
    font-weight: 600;
    text-transform: none;
    line-height: 19px;
}

input.wpcf7-form-control.wpcf7-submit {
    border: none !important;
    background: linear-gradient(to right, #e76700, #ffbb3f);
   color: #fff !important;
}
input.wpcf7-form-control.wpcf7-submit:hover {
    border: 0 !important;
    background: none !important;
    color: #e76700 !important;
    box-shadow: inset 0px 0px 0px 2px #e76700 !important;
    -webkit-box-shadow: inset 0px 0px 0px 2px #e76700 !important;
    -moz-box-shadow: inset 0px 0px 0px 2px #e76700 !important;
}

/* ************************************************************************ */
/* disable location address in homepage (home) & enquiries (page-id-305) */
.home .footer-location-row,
.page-id-305 .footer-location-row { 
     display: none; 
}

.home .footer-location-row,
.page-id-305 .footer-location-row {
    background-image: none !important;
    padding-top: 20px !important;
}
.home .footer-location-row .socmed-icon-link p,
.page-id-305 .footer-location-row .socmed-icon-link p {
    margin-top: 0;
}
/* ************************************************************************ */

/* ========================================================================= media query */
@media only screen and (min-width: 768px) {
.footer-link-row .vc_col-sm-2 {
    width: 20% !important;
}
}

@media only screen and (min-width: 769px) and (max-width: 1000px) { /* ------------------------------ */
.footer-link-row .wpb_column.vc_column_container.vc_col-sm-2 {
    display: flex;
    align-items: center;
    height: 50px;
}
}

@media only screen and (min-width: 768px) and (max-width: 768px) { /* ------------------------------ */
/* location */
.footer-location-address .location-row {
    padding-top: 150px;
    padding-bottom: 150px;
}
.footer-location-address .location-address-col {
    width: 100%;
    min-height: auto;
    margin: 1%;
    padding: 3%;
}
}

@media only screen and (min-width: 320px) and (max-width: 480px) { /* ------------------------------ */
/* newsletter form */
.newsletter-form-row .section_inner.clearfix {
    width: 100%;
}
.content-bottom-newsletter .subscribe-form > p label {
    transform: translateY(50%) translateX(-160px);
}
.content-bottom-newsletter #subscribe-newsletter {
    white-space: normal;
    word-wrap: break-word;
    height: 60px;
    line-height: 20px;
    display: flex;
    align-items: center;
}
}

@media only screen and (max-width: 320px) { /* ----------------------------------------------------- */
/* newsletter form */
.newsletter-form-row .section_inner.clearfix {
    width: 100%;
}
.content-bottom-newsletter .subscribe-form > p label {
    transform: translateY(50%) translateX(-140px);
}
.content-bottom-newsletter #subscribe-newsletter {
    white-space: normal;
    word-wrap: break-word;
    height: 60px;
    line-height: 20px;
    display: flex;
    align-items: center;
}
}
/* =========================================== end media query */

/* === LATEST UPDATES 1-7-2021 === */
/* === UBER MENU === */
.ubermenu.ubermenu-main .ubermenu-item-normal > .ubermenu-target:hover,
.ubermenu.ubermenu-main .ubermenu-item-normal.ubermenu-active > .ubermenu-target {
    background-color: #e76700 !important;
}

.qode-accordion-holder .qode-title-holder {
    font-size: 16px !important;
    line-height: 20px;
    font-weight: 600;
    color: #666 !important;
}

.qode-accordion-holder .qode-title-holder .qode-tab-title span.qode-tab-title-inner:only-child {
    padding-left: 0 !important;
}

.qode-title-holder.ui-accordion-header.ui-corner-top.ui-state-default.ui-corner-bottom:hover {
    background-color: transparent !important;
    color: #FFA500 !important;
}

.clearfix.qode-title-holder.ui-accordion-header.ui-corner-top.ui-accordion-header-active.ui-state-active {
    background-color: transparent;
    color: #FFA500 !important;
}

@media only screen and (max-width: 1024px){
.qode-accordion-holder .qode-title-holder {
    background-color: transparent !important;
}}

/* ===== Location Address ====== */
.location-address-row {
    border: solid 2px orange;
    width: 85%;
    margin: 0 1%;
    border-radius: 5px;
    padding: 6% 6%;
    min-height: 0px;
    background-color: rgba(255, 255, 255, 0.6);
    transition: all ease-in-out .3s;
}

.location-address-row:hover {
    border: solid 2px #fff;
    background: linear-gradient(to top right, #e76700, #ffbb3f);
}

.location-address-row:hover h3,
.location-address-row:hover p,
.location-address-row:hover a {
    color: #fff;
}

.location-address-row a:hover {
    color: #cccccc;
}

@media only screen and (min-width: 1400px) {
    .location-desktop {
    margin-left: 8%;
    margin-right: 8%;
    }
}

/* google map */
.location-address-row iframe {
    width: 100%;
    height: 300px;
}
.location-address-row .maps-app-icon img {
    border: solid 1px orange;
    border-radius: 5px;
}
.location-address-row .location-address-col:hover .maps-app-icon img {
    border: solid 1px rgba(0,0,0,0);
}
.location-address-row .maps-app-icon img:first-child {
    margin-right: 10px;
}

.content-bottom-2-title h2 {
    text-align: center !important;
}

/*WDD Footer Style*/
.wdd-footer p, .wdd-footer a {
    text-align: center;
    font-size: 12px;
    color: #a1a1a1;
    font-family: 'Fira Sans', sans-serif;
    line-height: 24px;
    font-style: normal;
    font-weight: 400;
}


/* --- PRODUCTS mega-menu: structural fix, targets any column inside Row 1679 regardless of JS-added classes --- */
#menu-item-686 .ubermenu-row-id-1679.ubermenu-row > li.ubermenu-column {
    width: 33.333% !important;
    float: left !important;
    box-sizing: border-box !important;
    clear: none !important;
}
#menu-item-686 .ubermenu-row-id-1679.ubermenu-row > li.ubermenu-column + li.ubermenu-column {
    border-left: 1px solid #e5e5e5;
}

/* --- PRODUCTS header: force stable visible color, no hover change --- */
#menu-item-686 .ubermenu-item-header > .ubermenu-target,
#menu-item-686 .ubermenu-item-header > .ubermenu-target:hover,
#menu-item-686 .ubermenu-item-header.ubermenu-active > .ubermenu-target,
#menu-item-686 .ubermenu-item-header.ubermenu-current-menu-item > .ubermenu-target,
#menu-item-686 .ubermenu-item-header.ubermenu-current-menu-parent > .ubermenu-target,
#menu-item-686 .ubermenu-item-header.ubermenu-current-menu-ancestor > .ubermenu-target {
    color: #636363 !important;
    background-color: transparent !important;
}