html{
    position: relative;
    #widgets{
        position: absolute;
        bottom: 0;
        right: 0;
        z-index: 10;
        button{
            background-color: #d53827;
            border-radius: 0;
            font-size: 28px;
            font-weight: 300;
            padding: 12px 50px;
            opacity: 1;
            transition: opacity .3s ease-in-out;
            &:hover{
                opacity: .5;
                transition: opacity .3s ease-in-out;
            }
        }
    }
    #WidgetList{
        position: fixed;
        bottom: 150px;
        right: 30px;
        #CloseWidgets{
            background-color: #e43f61;
            border-radius: 50%;
            padding: 8px;
            font-size: 20px;
            box-sizing: inherit;
            width: 38px;
            height: 38px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #fff;
            flex-direction: column;
            opacity: 0;
            transition: opacity .3s ease-in-out .3s;
            z-index: 5;
            position: relative;

            span{
                height: 1px;
                width: 20px;
                background-color: #fff;
                margin-bottom: 5px;
                transform-origin: center;
                position: absolute;
                top: 50%;
            }
            span:first-of-type{
                transform: rotate(45deg);
            }
            span:last-of-type{
                transform: rotate(-45deg);
            }
            &:hover{
                opacity: .5 !important;
                transition: all .3s ease-in-out !important;
            }
        }
        a{
            width: 38px;
            height: 38px;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 8px;
            color: #fff;
            position: fixed;
            bottom: 150px;
            border-radius: 50%;
            opacity: 0;
            transition: all .3s ease-in-out;
            margin: 0;
            font-size: 20px;
            text-decoration: none;
            &:hover{
                opacity: .5 !important;
                transition: all .3s ease-in-out !important;
            }
        }
        a.facebook{
            background-color: #0085fc;
        }
        a.line{
            background-color: #45AA4C;
        }
        a.instagram{
            background-color: #B228D3;
        }
        a.youtube{
            background-color: #ED2605;
        }
    }
}
#bt-scroll-up-reader, #bt-scroll-up{
    bottom: 100px !important;
}
.base-product-gallery-thumbnails{
    .thumb-wrapper.splide__slider{
        padding: 0 !important;
    }
}
.base-product-gallery-main{
    .splide__arrow.splide__arrow--prev,.splide__arrow.splide__arrow--next{
        opacity: 1 !important;
    }
}
.zoomContainer,.base-shop-top-item.base-woo-ordering,.base-shop-top-item.base-woo-toggle{
    display: none !important;
}
.header-contact-inner-wrap:hover{
    .contact-label{
        color: #222 !important;
    }
    .thebase-svg-icon{
        fill: #45aa4c !important;
        g{
            fill: #45aa4c !important; 
        }
    }
}
.header-contact-inner-wrap{
    .contact-button:hover{
        .contact-label{
            color: #f0842c !important;
        }
    }
}
.menu{
    > li{
        > .sub-menu{
            height: auto !important;
        }
    }
}
@media only screen and (max-width: 1366px){
    .product-recommend{
        margin-top: 0 !important;
        > div{
            flex-direction: column;
            .elementor-column{
                width: 100% !important;
                .elementor-tabs{
                    .elementor-tabs-wrapper{
                        margin-top: 30px;
                    }
                }
                > .elementor-widget-wrap{
                    padding-top: 20px !important;
                    padding-bottom: 20px !important;
                }
            }
        }
    }
}
@media only screen and (max-width: 361px){
    .wpcsi-shoppable-image-wrapper{
        .wpcsi-shoppable-image{
            .wpcsi-popup{
                width: 50% !important;
            }
        }
    }
}
@media only screen and (min-width: 362px) and (max-width: 645px){
    .wpcsi-shoppable-image-wrapper{
        .wpcsi-shoppable-image{
            .wpcsi-popup{
                width: 40% !important;
            }
        }
    }
}
@media only screen and (max-width: 645px){
    .wpcsi-shoppable-image-wrapper{
        background-color: #45aa4b;
        padding: 130px 10px !important;
        .wpcsi-shoppable-image{
            .wpcsi-popup{
                ul.wpcsi-product-list.style-list.image-top{
                    padding: 0 !important;
                    .wpcsi-product{
                        .product-image{
                            margin-bottom: 0 !important;
                            a{
                                img{
                                    width: 70%;
                                    margin: auto;
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}

@media (min-width: 1025px) and (max-width: 1366px) {
    .elementor-4708 .elementor-element.elementor-element-f5a7cbb {
        width: 55% !important;
    }

}
@media (min-width: 1367px) and (max-width: 1700px) {
    .elementor-4708 .elementor-element.elementor-element-c35cd2c > .elementor-widget-container {
        margin: 100px 0px 30px 70px !important;
    }
}
.elementor-4708 .elementor-element.elementor-element-523168f .elementor-button{
    font-size: 22px !important;
}
@media (min-width: 1366px) {
    .elementor-4708 .elementor-element.elementor-element-5bf0ae9 .elementor-heading-title{
        font-size: 58px !important;
    }
    .elementor-4708 .elementor-element.elementor-element-735d55d .elementor-heading-title{
        font-size: 37px !important;
    }
}

@media (max-width: 1366px) {
    .elementor-4708 .elementor-element.elementor-element-c35cd2c .elementor-heading-title {
        font-size: 90px !important;
    }
}

@media (max-width: 767px) {
    .elementor-4708 .elementor-element.elementor-element-c35cd2c .elementor-heading-title {
        font-size: 70px !important;
    }
    .elementor-4708 .elementor-element.elementor-element-4dc3c09 .splide .splide__arrow--next{
        top: 50% !important;
    }
}
.slide{
    .woocommerce{
        display: block !important;
    }
}
#mobile-menu{
    li.lang-item{
        display: inline-block;
        width: auto;
        pointer-events: none;
    }
    li.lang-item:last-of-type{
        a::before{
            content: "|";
            display: inline-block;
            margin-right: 20px;
            color: #222 !important;
        }
    }
    li.current-lang{
        a{
            color: #eb832b;
        }
    }
}
.woocommerce-order{
    .woocommerce-notice--success{
        font-size: 30px;
        text-align: center;
    }
    ul{
        li{
            font-family: "Poppins", "Noto Sans Thai", sans-serif !important;
        }
    }
}
.woocommerce-customer-details{
    address{
        font-family: "Poppins", "Noto Sans Thai", sans-serif !important;
    }
}
.padding-tab{
    .elementor-tabs-items{
        padding-bottom: 50px !important;
    }
}
.woocommerce .star-rating{
    span{
        font-family: star !important;
    }
}
@media only screen and (min-width: 1366px) and (max-width: 1560px){
    .search-form.woocommerce-product-search{
        width: 450px !important;
    }
    .site-header-section > .site-header-item[data-section=base_customizer_header_search_advanced]{
        margin-right: 15px !important;
    }
}
#exit-popup,#welcome-popup{
    display: none !important;
}
.site-header-row.site-header-row-center-column{
    grid-template-columns: 2fr auto 1fr !important;
}
#primary-menu{
    > li{
        > a{
            svg{
                display: none;
            }
        }
        > .sub-menu{
            padding: 0 !important;
            > li.menu-item-has-children{
                > a{
                    width: 100%;
                    background-color: #F3F4F8;
                    padding: 20px;
                    width: 100% !important;
                }
                > .sub-menu{
                    > li{
                        padding: 20px 20px 0px 20px;
                        a{
                            width: 100%;
                            border-bottom: 1px solid rgba(0,0,0,.2);
                            padding-bottom: 20px;
                        }
                        > .sub-menu{
                            > li{
                                padding: 20px 20px 0px 20px;
                                a{
                                    width: 100%;
                                    border-bottom: 1px solid rgba(0,0,0,.2);
                                    padding-bottom: 20px;
                                }
                            }
                            /* > li:last-of-type{
                                padding-bottom: 20px;
                                a{
                                    border: none;
                                    padding-bottom: 0;
                                }
                            } */
                        }
                    }
                    > li:last-of-type{
                        padding-bottom: 20px;
                        a{
                            border: none;
                            padding-bottom: 0;
                        }
                    }
                }
            }
        }
    }
    > li.base-menu-mega-columns-6{
        > ul{
            max-width: 1750px;
            > li{
                width: 250px;
            }
        }
    }
    > li.base-menu-mega-columns-3{
        > ul{
            max-width: 750px;
            left: 0 !important;
            > li{
                width: 250px;
            }
        }
    }
}
#MenuProduct{
    padding: 0px 80px 0px 80px !important;
    background-color: #F3F4F8;
    border-width: 1px 0 1px 0;
    border-color: rgba(0,0,0,.1);
    border-style: solid;
    #mega-menu-all-product,#mega-menu-shop-by-solution,#mega-menu-rental-service{
        display: inline-block;
        max-width: 100%;
        > li{
            position: relative !important;
            > a{
                display: flex !important;
                padding-right: 10px !important;
                padding-left: 0 !important;
            }
            > a::after{
                content: '|';
                display: block !important;
                margin-left: 10px;
                color: rgba(0,0,0,.1);
            }
            > ul{
                box-shadow: 0px 2px 13px 0px rgba(0,0,0,0.1) !important;
                display: grid !important;
                grid-template-columns: repeat(7,auto);
                width: auto !important;
                text-align: center;
                > li.mega-menu-item-has-children,li.mega-disable-link{
                    > a{
                        font-weight: 600 !important;
                        border-bottom: 1px solid rgba(0,0,0,.2) !important;
                    }
                    > a:hover{
                        font-weight: 600 !important;
                    }
                    > ul{
                        > li{
                            > a{
                                border-bottom: 1px solid rgba(0,0,0,.2) !important;
                                padding: 15px 0 !important;
                            }
                        }
                        > li:last-of-type{
                            > a{
                                border-bottom: 0 !important;
                                padding-bottom: 0 !important;
                            }
                        }
                    }
                }
                > li{
                    width: auto !important;
                    min-width: 250px !important;
                    > a{
                        font-size: 16px !important;
                        font-weight: 400;
                        border-bottom: 1px solid rgba(0,0,0,.2) !important;
                        padding: 15px 0 !important;
                    }
                }
                li.mega-menu-row{
                    min-width: auto !important;
                    > ul{
                        display: grid !important;
                        grid-template-columns: repeat(7,auto) !important;
                        width: auto !important;
                        text-align: center;
                        > li{
                            width: auto !important;
                            min-width: 250px;
                            padding: 0 20px 20px 20px;
                            > ul{
                                > li{
                                    padding: 0 !important;
                                    > a{
                                        padding: 15px 0 !important;
                                        border-bottom: 1px solid rgba(0,0,0,.2) !important;
                                    }
                                }
                                > li:last-of-type{
                                    a{
                                        border-bottom: none !important;
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
        > li:first-of-type{
            > a{
                padding-left: 0 !important;
            }
        }
        > li:last-of-type{
            > a{
                padding-right: 0 !important;
            }
            > a::after{
                display: none !important;
            }
        }
        .mega-menu-item-9316{
            > ul{
                > li{
                    > ul{
                        > li:nth-of-type(1){
                            > a{
                                font-weight: 600 !important;
                            }
                        }
                    }
                }
            }
        }
    }
    .product,.solution{
        display: flex;
        align-items: center;
        gap: 20px;
        padding: 10px 0;
        > div:first-of-type{
            color: #fff;
            padding: 10px;
            border-radius: 5px;
        }
    }
    .product{
        > div:first-of-type{
            background-color: #45AA4C;
        }
    }
    .solution{
        > div:first-of-type{
            background-color: #f0842c;
        }
    }
}
.tababout{
    .elementor-tabs{
        .elementor-tabs-wrapper{
            display: flex;
            justify-content: center;
            .elementor-tab-title,.elementor-tab-title:hover{
                a{
                    color: #222 !important;
                }
            }
            .elementor-tab-title.elementor-active{
                a{
                    color: #F0842C !important;
                }
            }
        }
    }
}
html:lang(en-US){
    #MenuProduct{
        display: none;
    }
}
body:not(.show-mega-menu-all-product) #MenuProduct #mega-menu-wrap-all-product,body:not(.show-mega-menu-shop-by-solution) #MenuProduct #mega-menu-wrap-shop-by-solution,body:not(.show-mega-menu-rental_service) #MenuProduct #mega-menu-wrap-rental-service{
    display: none !important;
}

 /* Start All */
/* span.wpcsi-tag.wpcsi-trigger-hover.active {
    border: 9px solid #d73726 !important;
}
.elementor-4708 .elementor-element.elementor-element-c35cd2c .elementor-heading-title,.elementor-4708 .elementor-element.elementor-element-5bf0ae9 .elementor-heading-title{
    font-weight: 700;
}
.w-100-left div img,.w-100-right div img{
    width: 100%;
}
.woocommerce .star-rating{
    font-family: star !important;
    span{
        font-family: star !important;
    }
} */
/* End All */
@media only screen and (min-width: 1025px) and (max-width: 1493px){
    .woocommerce div.product .summary-sidebar, .woocommerce div.product div.images, .woocommerce div.product div.summary{
        position: static !important;
    }
    .woocommerce div.product .summary-sidebar{
        display: flex;
        gap: 50px;
        width: 100%;
        > div{
            width: 50%;
        }
    }
}