/*
Theme Name: Porto Child
Theme URI: https://www.portotheme.com/wordpress/porto
Author: P-THEMES
Author URI: https://www.portotheme.com/
Description: Porto Responsive WordPress + eCommerce Theme.
Version: 1.1
Template: porto
License: Commercial
License URI: http://themeforest.net/licenses/regular_extended
Tags: woocommerce, corporate, ecommerce, responsive, blue, black, green, white, light, dark, red, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
*/

/*************** ADD YOUR CUSTOM CSS HERE  ***************/
#mega-menu-wrap-categories #mega-menu-categories li.mega-menu-item > ul.mega-sub-menu{top:0;left:270px;}

#header.sticky-header .main-menu-wrap{background: linear-gradient(90deg, #244177, #3f6fc7);}
#header.sticky-header .main-menu-wrap .searchform-popup{display: inline-block !important;}
header:not(.sticky-header) .mega-sub-menu{    margin-left: 0 !important;}
body.home header:not(.sticky-header) .mega-sub-menu.mega-visible{    opacity: 1 !important;transform: translate(0, 0) !important;visibility: visible !important;}

.header-main{background: #244177;background: linear-gradient(90deg, #244177, #3f6fc7);}
#header .header-top .container>div, #header .header-main .container>div{vertical-align: bottom}

.main-menu-wrap .menu-center{display: table;width:100%;}
.menu-center .menu-nav,
.menu-center .search-form{display: table-cell;vertical-align: middle}
.menu-center .search-form{text-align: right;display: none}
.menu-center .search-form .searchform input{max-width: 198px}
.menu-center .logo,
.menu-center .search-form{display: none}

/*.menu-center .menu-nav .mega-sub-menu{width:auto !important}*/
/*.menu-center .menu-nav .mega-sub-menu:hover{width:100% !important}*/

.sticky-header .menu-center .logo,
.sticky-header .menu-center .search-form{display: table-cell}
.sticky-header .menu-center .menu-nav{display: none}


.sticky-header .main-menu-wrap .menu-center{height: 60px}

.sticky-header .menu-center{max-width: 500px}
.sticky-header .logo,
.sticky-header .search-form{display: table-cell;padding-top:1px;vertical-align: middle}
.sticky-header .search-form .searchform{display: block;width: 100%;}
.sticky-header .search-form .searchform .text{width: 100%;}
.sticky-header .menu-right-inner{display: flex;align-items: center;}
.sticky-header .menu-right-inner a{color:#acacac;text-align: center}
.sticky-header #mini-cart .minicart-icon{color:#acacac !important;}
.sticky-header .account-link{padding: 5px 10px;background: #acacac;border-radius: 3px;}
.sticky-header .account-link a{color:#272727}
.sticky-header #mini-cart{padding: 0 10px}


.sticky-header .menu-right-inner .wishlist{font-size: 23px;text-align: center;}
.sticky-header .menu-right-inner .cart-head-inner{margin-top:-3px;}
.mega-sub-menu > li{width: 100%}
.mega-sub-menu .eael-tabs-content{display: none;background-color: #fff;}
#mega-menu-wrap-main_menu #mega-menu-main_menu > li.mega-menu-item,
#mega-menu-wrap-sticky_menu #mega-menu-sticky_menu > li.mega-menu-item{}

#mega-menu-wrap-main_menu #mega-menu-main_menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item,
#mega-menu-wrap-sticky_menu #mega-menu-sticky_menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item{padding: 0}
#mega-menu-wrap-main_menu #mega-menu-main_menu .eael-tab-inline-icon img,
#mega-menu-wrap-sticky_menu #mega-menu-sticky_menu .eael-tab-inline-icon img{object-fit: cover}
#mega-menu-wrap-main_menu #mega-menu-main_menu .eael-tab-inline-icon .eael-tab-title,
#mega-menu-wrap-sticky_menu #mega-menu-sticky_menu .eael-tab-inline-icon .eael-tab-title{opacity: 0;visibility: hidden}

#mega-menu-wrap-sticky_menu{background-color: transparent !important;}
#mega-menu-wrap-sticky_menu #mega-menu-sticky_menu .mega-sub-menu{
    margin-left:0 !important;
}
#mega-menu-wrap-main_menu #mega-menu-main_menu .mega-sub-menu > li.pagesinwidgets_page_section{
     padding: 0 !important
}
#mega-menu-wrap-sticky_menu #mega-menu-sticky_menu .mega-sub-menu > li.pagesinwidgets_page_section{
     padding: 10px 0 !important
}
#mega-menu-wrap-sticky_menu #mega-menu-sticky_menu > li.mega-menu-item.mega-toggle-on > a.mega-menu-link,
#mega-menu-wrap-sticky_menu #mega-menu-sticky_menu > li.mega-menu-item > a.mega-menu-link:hover{background-color: transparent !important;}

#mega-menu-wrap-sticky_menu #mega-menu-sticky_menu li.mega-menu-item-has-children > a.mega-menu-link:after, #mega-menu-wrap-sticky_menu #mega-menu-sticky_menu li.mega-menu-item-has-children > a.mega-menu-link span.mega-indicator:after{
    display: none;
}
#mega-menu-wrap-sticky_menu #mega-menu-sticky_menu li.mega-menu-item-has-children > a.mega-menu-link:before,
#mega-menu-wrap-sticky_menu #mega-menu-sticky_menu li.mega-menu-item-has-children > a.mega-menu-link span.mega-indicator:after{
    content: '\f228';
    font-size:30px;
    /*display: inline-block;*/
    font-family: dashicons;
    margin: 0 0 0 6px;
    vertical-align: top;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: rotate(0);
    color: inherit;
    position: relative;
    background: transparent;
    height: auto;
    width: auto;
    right: auto;
    line-height: inherit;
}


.subcategories-list{
	padding-top:12px;
	font-weight: 700;
}
.subcategories-list:after {
    content: "";
    display: block;
    clear: both;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
}
.subcategories-list-left{float: left;width: 16%;}
.subcategories-list-right{float: left;width: 83%;display:flex;}

.subcategories-list-left a {
    color: #5a5a5a;
}
.subcategories-list-right a {
    border-left: 1px solid #ccc;
    padding: 0 10px;
    display: inline-block;
    color: #5a5a5a;
    width:200px;
}

.mobile-sub-menu{display: none}
.elementor-editor-active .mobile-sub-menu{display: block !important;}
.elementor-editor-active.mega-menu-sticky-menu .main-menu-wrap .menu-left{display: block !important;}
.elementor-editor-active.mega-menu-sticky-menu #mega-menu-sticky_menu ul.mega-sub-menu{
    opacity: 1 !important;
    display: block !important;
    visibility: visible !important;}
.elementor-editor-active.mega-menu-sticky-menu .homepage_section > .elementor{display: none !important;}
.elementor-editor-active.mega-menu-sticky-menu .homepage_section > .elementor.elementor-edit-mode{display: block !important;}
.mobile-sub-menu .mega-sub-menu .mega-menu-item{border-bottom: 1px solid #ccc !important;}
.mobile-sub-menu .mega-sub-menu .mega-menu-item:last-child{border-bottom: none !important;}
.mobile-sub-menu .mega-sub-menu .mega-menu-link{padding:0px 10px !important;font-size:14px !important;;line-height: 35px !important;}

.mega-sub-menu .homepage_section .eael-advance-tabs.eael-tabs-vertical .eael-tabs-nav>ul>li{padding:0}
/*.mega-sub-menu .homepage_section .eael-advance-tabs.eael-tabs-vertical .eael-tabs-nav>ul>li .eael-tab-title{display: none}*/

.product-image img{width:auto;height:100%;object-fit: contain;margin: 0 auto;padding: 5px}
li .manufacturer_logo{text-align: left;height: 40px;align-items: center;max-width: 50%;}
li .manufacturer_logo img{/*max-height: 28px;*/}

ul.products li.product-col:hover .product-image{box-shadow: none}
ul.products li.product-col:hover .product-image .inner:before{opacity: 0}

.single-product .product-summary-wrap .price ins .amount{font-size:35px;}
.single-product .product-summary-wrap .price del .amount{font-size: 20px;}
.single-product .product_title{margin-bottom:1.2em;}

.page-top.page-header-6{background: #f7f5f2;margin: 10px 0;font-size:14px;}
.page-top.page-header-6 .breadcrumbs-wrap{font-size:14px;color:rgba(0,0,0,0.85)}
.page-top.page-header-6 .container{padding-bottom: 0}
.page-top.page-header-6 .container a{color:rgba(0,0,0,0.85)}

ul.breadcrumb li:last-child i.delimiter:last-child{display: none}

.account-tab-list {list-style: none;padding: 0 0 20px;margin: 0;text-align: center; }
.account-tab-list:after {content: "";display: block;clear: both; }
.account-tab-item {display: inline-block;text-align: center;margin-right: 40px; }
.account-tab-item:last-child {margin-right: 0; }
.account-tab-link {display: inline-block;padding-bottom: 12px;line-height: 1;text-align: center; text-decoration: none}
.account-tab-link h2 {color:rgba(0, 0, 0) !important;}
.account-tab-item.last .account-tab-link {margin-right: 0; }
.account-tab-link:hover h2 {color: #00acee !important;;text-decoration: none }
.account-tab-link.current h2 {font-weight: 600 !important;color: #FFF !important;cursor: default;background: #244278;padding: 10px 15px;border-radius: 5px; }

.woocommerce-shipping-methods{}
.woocommerce-shipping-methods li{display: flex;padding-top: 10px;}
.woocommerce-shipping-methods li input.shipping_method{margin-top:6px;}

ul.products li.product-col .product-image{margin-bottom:0;border:0}
.product-inner-box{margin-bottom: 1em;
    background: #fff;
    opacity: 0.95;
}

.product-inner:hover .product-inner-box {
    opacity: 1;
}

.footer-column-4 .widget{padding: 20px;border: 1px solid rgba(168,168,168,0.3);}
.footer-column-4 .widget-title{
    font-size:22px !important;}
.footer-column-4 .textwidget{}
.footer-column-4 .textwidget p{font-size:16px !important;}

.footer-main .textwidget .socials{}
.footer-main .textwidget .socials a{display: inline-block;
    margin-right:5px;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    font-size:24px;
    background: #fff;
    border-radius: 50%;
    color: #272723 !important;}

.header-top{background: #fff;color: #000 !important;}
.header-top .welcome-msg{color: #9c291c !important;}
#header .porto-view-switcher > li.menu-item > a,
#header .header-top .top-links > li.menu-item > a{color: #000}
.header-minicart i{font-size:24px;color: #fff;vertical-align: middle}
#mini-cart .minicart-icon{font-size:24px !important;}
#header #mini-cart .cart-head{height: 32px;overflow: hidden}
#header:not(.sticky-header) #mini-cart{background: transparent;padding: 0 15px;}
#header:not(.sticky-header) #mini-cart .cart-head{min-width: 0;line-height:31px;height: 32px;overflow: hidden}
#header:not(.sticky-header) #mini-cart .cart-head:after{display: none}
#header:not(.sticky-header) #mini-cart .cart-head i{}
#header:not(.sticky-header) #mini-cart .cart-head .minicart-icon{color:#fff !important;}
#header:not(.sticky-header) #mini-cart .cart-head .cart-head-inner{height: 32px;}
#header .searchform-popup .search-toggle{color:#fff}
.header-minicart .account-link{padding: 5px 10px;background: #e9e9e9;border-radius: 3px;}
.header-minicart .account-link a{color:#111;line-height: 100% !important;}
.header-minicart .myaccount{color:#fff}

.header-minicart .line-1{display: flex;justify-content: flex-end;}
.header-minicart .line-2{display: flex;align-items: center;justify-content: flex-end;height: 32px}
.header-minicart .line-2 > div.wishlist,
.header-minicart .line-2 > div.contact{padding: 0 15px;text-align: center;height: 100%;overflow: hidden}
.header-minicart .line-2 > div.wishlist > a,
.header-minicart .line-2 > div.contact > a,
#header:not(.sticky-header) #mini-cart .cart-head .cart-head-inner {line-height: 32px;transition: 0.3s all;height: 64px;display: block;color:#fff}
.header-minicart .line-2 > div.wishlist a:hover,
.header-minicart .line-2 > div.contact a:hover,
#header:not(.sticky-header) #mini-cart .cart-head .cart-head-inner:hover{transform: translateY(-50%)}

#mini-cart .cart-popup{margin-top:0;padding-top:8px;}
#mini-cart .cart-popup:before,#mini-cart .cart-popup:after{top:-12px}

div#hot-categories{margin-top: -61px;}
#hot-categories .elementor-tabs-wrapper{text-align: right}
#hot-categories .elementor-tab-desktop-title{display: inline-block;padding: 10px;font-size: 20px;color:#00acee;border:none}
#hot-categories .elementor-tab-desktop-title:before,
#hot-categories .elementor-tab-desktop-title:after{display: none}
#hot-categories .elementor-tab-content{border-top:1px solid #d4d4d4}


ul.pcols-lg-6 li.product-col{padding: 0 8px;}
ul.pcols-lg-6 li.product-col .product-inner{/*border: 1px solid #ddd*/;padding: 8px;}
ul.pcols-lg-6 li.product-col .product-inner:hover h3.woocommerce-loop-product__title {color: #018bc8;}

.woof_container_product_brand ul.woof_list.woof_list_checkbox li {justify-content: center;}
.woof_container_product_brand ul.woof_list.woof_list_checkbox li [type=checkbox]{display: none}
.woof_container_product_brand ul.woof_list.woof_list_checkbox li img{height: 40px;}
.woof_container_product_brand ul.woof_list.woof_list_checkbox li label{border:1px solid transparent}
.woof_container_product_brand ul.woof_list.woof_list_checkbox li [type=checkbox]:checked+label{border:1px solid #ccc}
.woof_container_product_brand ul.woof_list.woof_list_checkbox li .woof_checkbox_count{display: none}
.woof_container_product_brand ul.woof_list.woof_list_checkbox li{height: 50px; width:auto;}
.woof_container_product_brand ul.woof_list.woof_list_checkbox li img{height: auto;max-height: 40px;}

.woof_container_product_cat ul.woof_list.woof_list_checkbox li{width:auto;}

.woocommerce-help-tip {
    cursor: pointer;
    background-color: #666;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    font-style: normal;
    height: 16px;
    line-height: 16px;
    position: relative;
    vertical-align: middle;
    width: 16px;
    text-align: center;
    border-radius: 50%;
}
.woocommerce-help-tip i {margin-left:-1px;}

.widget_product_categories .product-categories > li{}
.widget_product_categories .product-categories > li > a{
    font-size: 16px;
    /* white-space: nowrap; */
    display: block;
    padding: 10px 30px 10px 50px;
    background-position: 10px 7px;
    background-color: #02a6e3 !important;
    background-repeat: no-repeat;
    color: #fff !important;
}
.widget_product_categories .product-categories > li.current-cat > a,
.widget_product_categories .product-categories > li.current > a{background-color: #0b65a6;background-repeat:  no-repeat;}
.widget_product_categories ul.product-categories li .toggle{    top: 10px;right: 10px;color: #fff !important;font-size: 16px;}
.widget_product_categories ul.product-categories > li .children{padding: 5px 30px;}
.widget_product_categories ul.product-categories > li .children li{border-bottom: 1px solid #ccc;padding: 3px 10px}
.widget_product_categories ul.product-categories > li .children li:last-child{border-bottom: 0}
.widget_product_categories ul.product-categories > li .children a{font-size:16px;}

ul.products li.product-col h3.woocommerce-loop-product__title{text-align: left;color:rgba(0, 0, 0, 0.75);/*font-family: "Noto Sans TC","Microsoft JhengHei","Open Sans",sans-serif*/;font-size: 14px;font-weight:normal;margin-bottom: 0px;}
.price ins{
    color: #e82959;
    margin-right: 5px;
}

.price del {
    font-size: 14px;
    font-weight: lighter;
}

.category-title {
    font-weight: 700;
    font-size: 1.2em;
}


#home-slider .slider-left{display: none}
#home-slider .slider-center{width: 72%;padding-left:203px;}
#home-slider .right{width: 28%}

.product-images .img-thumbnail .inner,
.product-thumbs-slider.owl-carousel .img-thumbnail{border-color:transparent;}

.product-images .img-thumbnail .inner{padding-bottom: 100%;height: 0;position: relative;}
.product-images .img-thumbnail .inner img{
    top: 50%;
    position: absolute;
    transform: translateY(-50%);
    width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.price ins{float: left;}
.product-tags{margin-bottom:2em;}
.product-tags a {background: #f1efef;padding: 3px 8px;font-weight: 600;color: #00a1df;  }

.widget_product_categories .product-categories > li > a{background-image: none !important;}



@media (max-width: 1200px) {
    #home-slider .elementor-row{flex-wrap: wrap}
    #home-slider .slider-left{width: 0}
    #home-slider .slider-center,
    #home-slider .slider-right{width: 100% !important;text-align: center;padding-left: 0}
    #home-slider .slider-right .elementor-col-50{width: 100%}
    #home-slider .slider-right .elementor-col-50 .elementor-text-editor a{width: 33.33%;float:left}
    #home-slider .slider-right .elementor-col-50 .elementor-text-editor br{display: none}
    #home-top{display: none}
}
@media (max-width: 991px) {
    #header .header-main .header-right{/*display: none !important;*/}

.header-minicart .line-2 > div.wishlist, .header-minicart .line-2 > div.contact,
.header-minicart .account-link,
.header-minicart .line-1,
.header-minicart .myaccount {
display: none !important;
}

#header:not(.sticky-header) #mini-cart .cart-head {padding-right: 0px;}

#mini-cart .cart-items {5px;}

#mini-cart {line-height: 28px;}

    .desktop-sub-menu{display: none}
    .mobile-sub-menu{display: block}
    #header .header-main .container>div{vertical-align: middle}

    #home-slider .slider-right .elementor-col-50{width: 50%}


    #home-slider .slider-right .elementor-col-50{width: 50%}
    #home-slider .slider-right .elementor-col-50 .elementor-text-editor a{float: none;}
}
@media (max-width: 768px) {
    .mega-menu-wrap{font-size:14px;}
    #side-nav-panel .menu-wrap{margin: 0}
    #side-nav-panel .side-nav-panel-close+.menu-wrap{margin-top: 15px}
    #mega-menu-wrap-main_menu #mega-menu-main_menu > li.mega-menu-item,
    #mega-menu-wrap-sticky_menu #mega-menu-sticky_menu > li.mega-menu-item{
        display: block !important;
        border-bottom: 1px solid #242527;
    }
    #mega-menu-wrap-main_menu #mega-menu-main_menu > li.mega-menu-item > a.mega-menu-link,
    #mega-menu-wrap-sticky_menu #mega-menu-sticky_menu > li.mega-menu-item > a.mega-menu-link{
        margin-top:1px;
        padding: 5px 6px;
        line-height: 24px;
        font-size:0.9em !important;
        color: #fff !important;
        font-weight: normal;
    }
    #mega-menu-wrap-main_menu #mega-menu-main_menu input,
    #mega-menu-wrap-main_menu #mega-menu-main_menu img,
    #mega-menu-wrap-sticky_menu #mega-menu-sticky_menu input,
    #mega-menu-wrap-sticky_menu #mega-menu-sticky_menu img{display: none}

    .elementor-element.elementor-element-0643eb4 .eael-advance-tabs .eael-tabs-nav > ul li{padding: 3px !important;}
    .elementor-element.elementor-element-0643eb4 .eael-advance-tabs{display: block;}

    #mega-menu-wrap-main_menu #mega-menu-main_menu ul.mega-sub-menu,
    #mega-menu-wrap-sticky_menu #mega-menu-sticky_menu ul.mega-sub-menu{padding: 0}

    #home-slider .slider-left{display: none}
    #home-slider .slider-center,
    #home-slider .slider-right{width: 100% !important;text-align: center}
    #home-slider .slider-right img{}


    #home-slider .slider-right .elementor-col-50{width: 50%}
    #home-slider .slider-right .elementor-col-50 .elementor-text-editor a{float: none;}
}

@media (max-width: 600px) {
    #mega-menu-wrap-main_menu #mega-menu-main_menu > li.mega-menu-megamenu > ul.mega-sub-menu,
    #mega-menu-wrap-sticky_menu #mega-menu-sticky_menu > li.mega-menu-megamenu > ul.mega-sub-menu{padding: 0 !important;}
    #mega-menu-wrap-main_menu #mega-menu-main_menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item,
    #mega-menu-wrap-sticky_menu #mega-menu-sticky_menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item{
        width: 100%;
    }
    #mega-menu-wrap-main_menu .mega-menu-toggle{display: none}
    #mega-menu-wrap-main_menu .mega-menu-toggle + #mega-menu-main_menu,
    #mega-menu-wrap-sticky_menu .mega-menu-toggle + #mega-menu-sticky_menu{display: block}
    #home-slider .slider-center, #home-top{display: none}


    .product-image .manufacturer_logo{max-width: 50%}

    #home-slider .slider-right .elementor-col-50 .elementor-text-editor a{width: auto;float: none;}
}

.col-xs-1-5,
.col-sm-1-5,
.col-md-1-5,
.col-lg-1-5 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-1-5 {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-1-5 {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-1-5 {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-1-5 {
        width: 20%;
        float: left;
    }
}


/*------edit------*/
img.subcategories-img {
  width: 100px;
}

/*.subcategories-list-right1 {
	display:inline-block;
	padding:0px 10px;
}*/


}


/*#footer .footer-main>.container {
    padding-bottom: 0rem;
}*/

#footer, #footer p, #footer .widget > div > ul li, #footer .widget > ul li,
#footer a:not(.btn), #footer .tooltip-icon {
	color: #FFF;
}

/*#footer .footer-main {
    height: auto;
}*/

/*-------menu-------*/

#mega-menu-wrap-sticky_menu #mega-menu-sticky_menu p {
    margin-bottom: 0px; !important;
}


.elementor-71142 .elementor-element.elementor-element-c75c6c0 .elementor-tab-title.elementor-active {
    color: #FFF !important;
    background: #31579d !important;
}

.elementor-71142 .elementor-element.elementor-element-c75c6c0 .elementor-tab-title:hover {
    color: #FFF;
    background: #F5a633 !important;
}

.elementor-71142 .elementor-element.elementor-element-c75c6c0 .elementor-tab-title a:hover {
    color: #FFF;
}
.elementor-71142 .elementor-element.elementor-element-c75c6c0 .elementor-tab-title {
    width: 145px;
    height: 80.6px;
    text-align: center;
    font-size: 20px !important;
    font-weight: 600;
    padding-top: 30px;
}

.elementor-71150 .elementor-element.elementor-element-c75c6c0 .elementor-tab-title {
    width: 145px;
    height: 80.6px;
    text-align: center;
    font-size: 13px !important;
    font-weight: 600;
    padding-top: 30px;
}

.elementor-71142 .elementor-element.elementor-element-c75c6c0 .elementor-tab-content,
.elementor-71150 .elementor-element.elementor-element-c75c6c0 .elementor-tab-content {
    padding: 0px !important;
}

.subcategories-list-hover {
    position:relative;
    font-weight: 700;
    min-height: 402px;
    width: 950px;
    background: #FFF;
    top: 0px;
    border: 3px solid #ffca7e;
}

.subcategories-list-left-group {
    line-height: 24.8px;
    display: block;
    width: 150px;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 8px 0px 10px 10px;
    /*margin-top: 5px 10px;*/
    height: auto;
    min-height: 44.77px;
    background: #d4d4d4;
}

.subcategories-list-right-item {
    position: absolute;
    display: none;
    z-index: 999;
    left: 150px;
    top: 0;
    height: 395px;
    width: 510px;
    padding:0px 10px;
	border-right: 1px solid #cecece;
}

.subcategories-list-left-group a {
  color: #000000d9 !important;
  font-size:15px;
  font-weight:400;
}

.subcategories-list-right-item a {
  color: #000000d9 !important;
  width: 110px;
  height:169px;
  float: left;
  margin: 0 5px;
  text-align: center;
}

.subcategories-list-left-group:hover {
  background: #F5a633;
}

.subcategories-list-left-group:hover .subcategories-list-right-item {
  display:inline-block;
}


.elementor-256576 .elementor-element.elementor-element-ac2dc51 .elementor-tab-title,
.elementor-256588 .elementor-element.elementor-element-3fa4c4d .elementor-tab-title,
.elementor-263578 .elementor-element.elementor-element-ac2dc51 .elementor-tab-title,
.elementor-263576 .elementor-element.elementor-element-3fa4c4d .elementor-tab-title {
    width: 175px !important;
    padding: 15px 25px !important;
}

.elementor-widget-tabs.elementor-tabs-view-vertical .elementor-tabs-wrapper {
    width: auto !important;
}

#mega-menu-wrap-main_menu #mega-menu-main_menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item, #mega-menu-wrap-sticky_menu #mega-menu-sticky_menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item {
    padding: 0;
    width: 1280px;
    background: #fff;
}

#mega-menu-wrap-main_menu #mega-menu-main_menu p {
  color: #000000d9 !important;
}

#mega-menu-wrap-main_menu #mega-menu-main_menu > li.mega-menu-item > a.mega-menu-link:hover {
   border-bottom: 4px solid #0c67a5;
}

ul.menu-department li {
  display: inline-block;
  margin: 5px 10px;
  width: 100px;
  font-size:15px;
  font-weight:400;
  text-align:center;
}

ul.menu-department li a{
  color: #000000d9 !important;
}

/*.Home-menu-left {
    font-family: "Noto Sans TC","Microsoft JhengHei","Open Sans",sans-serif;
}*/

.Home-menu-left #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu {
    left: 100%;
    top: 0%;
    width: auto;
    max-width: 1000px;
    height:403px;
    
}

.Home-menu-left ul.menu-department {
    max-width: 1000px;
    width:1000px;
    height:403px;
    border: 3px solid #ffca7e;
}

.Home-menu-left #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item > a.mega-menu-link {
    width: 145px;
    height: 80.6px;
    text-align: center;
    font-size: 24px;
    font-weight:400;
    /*font-family: "Noto Sans TC","Microsoft JhengHei","Open Sans",sans-serif;*/
    padding-top: 20px;
    background: #31579d;
}

.Home-menu-left #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item > a.mega-menu-link:hover {
    background: #f5a633;
    text-align: center;
    font-size: 24px;
    font-weight:400;
    /*font-family: "Noto Sans TC","Microsoft JhengHei","Open Sans",sans-serif;*/
}



.Home-menu-left .subcategories-list-left-group {
    background: #d4d4d4;
    height: auto;
    min-height: 44.2px;
}

.Home-menu-left .subcategories-list-left-group:hover {
    background: #f5a633;
}

.Home-menu-left #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {
    padding: 0px;
}


/*-----bath-----*/
.sub-menu-bath {
  width:560px;
  color:#000;
}

@media only screen and (max-width: 575px){
.sub-menu-bath {
    width: auto;
}}

.sub-menu-item {
    width: 110px;
    display: inline-block;
    margin-left: 20px;
    padding: 10px 0px;
    text-align: center;
    vertical-align: top;
}

.sub-menu-title {
    font-size: 15px;
}

.sub-menu-title a {
    color: #000;
}

/*.sub-menu-item:hover .sub-menu-title {
    background: #0000002e;
    border-radius : 2%;
}*/

.sub-menu-item:hover {
  background: #0000002e;
}

/*-----brand-----*/
.brand-display-list {
  float: left;
  width: 100%;
  padding: 10px 5px;
  margin: 10px;
}

.brand-display-item {
    display: inline-block;
    width: 200px;
    height: 200px;
    position: relative;
    margin-top: 20px;
    padding-left: 20px;
    border-right: 1px solid #5a5a5a3d;
    border-bottom: 1px solid #5a5a5a3d;
    vertical-align: top;
}


@media only screen and (max-width: 575px){
.brand-display-item{    
display: inline-block;
    width: 45%;
    height: 200px;
    position: relative;
    margin: 0px;
    padding-left: 10px;
    border-right: 0px solid #5a5a5a3d;
    border-bottom: 0px solid #5a5a5a3d;
    vertical-align: top;
}}

.brand-title {
    color: #5a5a5a;
    padding: 0px 10px;
    margin-bottom: 40px;
    border-radius: 10px;
    line-height: 25px;
    font-size: 14px;
    font-weight: 600;
}

.brand-display-img {
    width: 150px;
}

.brand-display-item:hover .brand-title {
  background: #ffcf66;
  color: #000;
  font-size: 15px;
  width: 90%;
}


/*-----Home-right-img-----*/

.elementor-widget-container img:hover {
    opacity: 0.8;
}

/*-----home-page-----*/
.home-category-title {
  font-size:24px;
}

ul.home-page-product-brand {
  padding-left:0px;
}

ul.home-page-product-brand li{
  display: inline-block;
  padding-left: 0px;
}

ul.home-page-product-brand li a img {
  width: 80px;
}


.grid-list-sub-title a {
   padding: 5px 10px;
}

.grid-list-sub-title a:hover {
    font-weight: 400;
    /*background: #018bc8a8;
    color: #FFF !important;
    border-radius: 5px;*/
}

.product-inner .sku {
    color: #b7b7b7;
    background: #cbcbcb5e;
    border-radius: 5px;
    padding-left: 2px;
    font-size: 13px;
    line-height: 20px;
    height: auto;
    margin-top: 3px;
}

.product-inner:hover .sku {
    background: #018bc8a8;
    color: #FFF;
}

/*-----price-----*/
ul.products li.product-col .price{
   text-align:left;
   font-size: 18px;
   line-height: 35px;
   margin-top: 3px;
   font-weight: bold;
}

.center-2 {
    display: none;
}

.bath-left:hover .center-2 {
    display:inline-block;
}

/*-----post-carousel-----*/
.post-carousel .post-item .post-excerpt {
    display:none
}

/*-----contact-us-form-----*/
input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required,
textarea.wpcf7-form-control.wpcf7-textarea.wpcf7-validates-as-required,
input.wpcf7-form-control.wpcf7-submit {
    width: 100%;
    max-width: 500px;
    border-radius: 10px;
}

form.wpcf7-form p label {
    width: 100%;
}

div#wpcf7-f255129-p73-o1 p {
    margin-bottom: 0px;
    line-height: 8px;
}


input.wpcf7-form-control.wpcf7-submit {
    background-color: #96b8cdba;
    border-color: #96b8cdba;
}

input.wpcf7-form-control.wpcf7-submit:hover {
    background-color: #31579d;
}



/*-----product-page-----*/
.porto-related-products .sku {
    display: none;
}

.product-summary-wrap .stock,
.product-stock.in-stock span.stock,
.product-stock.in-stock span.stock span {
    background: #ffffff;
    padding: 2px 15px;
    border-radius: 3px;
    color: #244177 !important;
    border: 1px solid #244177;
    font-size: 18px;
    box-shadow: 1px 1px;
}


span.product-stock.out-of-stock span.stock {
    background: #d1d1d1;
}

.product-summary-wrap .single_add_to_cart_button {
    border-radius: 3px;
    width: 60%;
    font-size: 18px;
    font-weight: 600;
}

.stock.out-of-stock {
    display: none;
}

/*------product-page-discount-enquiry------*/

.woocommerce a.wqoecf_enquiry_button {
    margin: 2px 20px;
}
.woocommerce a.wqoecf_enquiry_button:hover {
    background: #1363a8;
}

.wqoecf-pop-up-box {
    background: url(https://bathkitchen.hk/wp-content/uploads/2020/03/Bathroom-img-about-us-2-1.jpg);
    box-shadow: 0 0 10000px 20000px #00000045;
}


.discount-enquiry-product {
    width:100%
}

.wqoecf-pop-up-box div.wpcf7>form>p {
    text-align: center;
}

.wqoecf-pop-up-box div.wpcf7>form>p input, .wqoecf-pop-up-box div.wpcf7>form>p textarea {
    border-radius: 10px;
    padding-left: 10px;
}

.wqoecf-pop-up-box div.wpcf7>form>p input[type="submit"] {
    background-color: #9ebacc !important;
    width: 55%;
    height: 39px;
    padding: 0px;
}

.wqoecf-pop-up-box div.wpcf7>form>p input[type="submit"]:hover {
    background-color: #31579d !important;
}


/*-----check-out-page-----*/

.featured-box-primary .box-content {
    border-top-color: #00acee;
    box-shadow: 0px 0 4px 2px #d4d4d4;
}

div.woocommerce-billing-fields.clearfix h3,
h3#order_review_heading,
h3#ship-to-different-address,
tr.cart_item td.product-name {
    color: #000 !important;
}


.payment_methods .payment_method_paypal .about_paypal {
    color: #244177;
}

input#billing_first_name,
input#billing_last_name,
input#billing_company,
input#billing_address_1,
input#billing_phone,
input#billing_email,
input#account_password,
input#shipping_first_name,
input#shipping_last_name,
input#shipping_company,
input#shipping_address_1,
input#shipping_postcode,
input#shipping_phone,
textarea#order_comments {
    border-color: #aaaaaab5 !important;
    border-radius: 5px;
}

/*-----Checkout/order-received-----*/

p.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received,
h2.wc-bacs-bank-details-heading,
h2.woocommerce-order-details__title,
h2.woocommerce-column__title {
    background: -webkit-linear-gradient(left,#244177,#3f6fc6);
    color: #FFF;
    font-size: 16px;
    line-height: 35px;
    font-weight: bold;
    padding: 2px 2px 2px 10px;
    margin-bottom: 0px;
    border-radius: 5px;
}

ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details {
    border: 1px solid #d5d5d5;
    border-top: none;
    padding-top: 10px;
    padding-bottom: 20px;
    background: #dcdcdc8a;
}


h3.wc-bacs-bank-details-account-name {
    margin: 0px;
    border: 1px solid #d5d5d5;
    border-bottom: 0px;
    padding-left: 10px;
    border-top: 0px;
    background: #dcdcdc8a;
}

ul.wc-bacs-bank-details.order_details.bacs_details {
    border: 1px solid #d5d5d5;
    border-top: none;
    padding-top: 10px;
    padding-bottom: 20px;
    margin: 0px;
    background: #dcdcdc8a;
}

h2.woocommerce-order-details__title {
    margin-top: 20px;
}

section.woocommerce-order-details > .shop_table th,
table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details {
    background: #ececec;
}

section.woocommerce-customer-details address {
    padding-left: 20px;
    border: 1px solid #d5d5d5;
    border-top: none;
    padding-top: 10px;
    min-height: 162px;
    background: #dcdcdc8a;
}

.woocommerce-order strong {
    font-weight: normal;
}

li.woocommerce-order-overview__order.order {
    float: right;
    font-size: 38px;
    font-weight: 700;
    line-height: 45px;
    margin-top: 10px;
    padding: 10px 20px;
    color: #FFF;
    background: #7777778f;
    border-radius: 5px 0 0 5px;
    border: 2px solid #77777778;
    list-style-type: none;

}
<!-----Others----->
.ui-dialog .ui-dialog-content {
    float: left !important;
}

.ui-dialog-content {
    float: left !important;

.ui-dialog .ui-dialog-titlebar {
    padding: 0px !important;
}


/*-----srceen-size-----*/
@media only screen and (max-width: 1600px){
.popupaoc-img {
    display: none;
}}


/*-----mobile-----*/

@media only screen and (max-width: 575px){

.elementor-widget-image .elementor-image img {
    width: 100%;
}
.product-info-whatsapp-icon {
    width: 30px !important;
}
.elementor-71027 .elementor-element.elementor-element-0f14467 > .elementor-element-populated,
.elementor-71027 .elementor-element.elementor-element-7a01fb4 > .elementor-element-populated,
.elementor-71027 .elementor-element.elementor-element-e7b458f > .elementor-widget-container {
    padding: 0px;
}

.elementor-71027 .elementor-element.elementor-element-f08498a > .elementor-element-populated,
.elementor-71027 .elementor-element.elementor-element-e7b458f > .elementor-widget-container {
    margin: 0px;
}

/*------product-page-more-info------*/
.col-md-3 img:first-child {
    margin-left: auto;
    margin-right: auto;
}

.col-lg-1-5:not(:last-child) {
    padding: 0 20px;
}

.menu-about-us-container,
.menu-shopping-centre-container,
.menu-customer-centre-container,
aside#text-4 .textwidget {
    display: none;
}

aside#nav_menu-2:hover .menu-about-us-container,
aside#nav_menu-3:hover .menu-shopping-centre-container,
aside#nav_menu-4:hover .menu-customer-centre-container,
aside#text-4:hover .textwidget {
    display: block;
}


aside#text_icl-3,aside#text_icl-2 {
    width: 50%;
    margin: 0px;
    display: inline-grid;
}

ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details {
    padding-right: 40px;
}

li.woocommerce-order-overview__order.order {
    margin-bottom:10px;
    border-radius: 5px;
    text-align: center;
}
}