:root {
    --bs-screen-full: 100%;
    --bs-screen-xxl: 88%;
    --bs-screen-large: 78%;
    --bs-screen-mid: 68%;
    --bs-screen-small: 58%;
    --bs-body-font-weight: 400;
    --bs-body-color: #333333;
    --bs-body-bg: #fff;
    --bs-theme-color: #4981d4;
    --bs-sec-theme-color: #7cb1e5;
    --bs-link-color: #000;
    --bs-link-hover-color: red;
    --bs-font-sans-serif: Source Sans Pro;
    --bs-body-font-size: 1rem;
}

img {
    width: auto;
    height: auto;
}

.demo88-body>.section-header-wrap-block.section-block-demo31-header {
    background-color: rgba(255, 255, 255, 0);
}

.demo88-body>.section-header-wrap-block.section-block-demo31-header.fixed-nav {
    background-color: rgba(255, 255, 255, 0.85);
}

.demo88-body>.section-header-wrap-block.section-block-demo31-header>.layout>.nav>.nav-li-1>a {
    font-size: 18px;
    color: rgb(255, 255, 255);
    padding-right: 20px;
    padding-left: 20px;
}

.demo88-body>.section-header-wrap-block.section-block-demo31-header>.layout>.nav>.nav-li-2 {
    font-size: 18px;
}

.demo88-body>.section-header-wrap-block.section-block-demo31-header>.layout>.nav>.nav-li-1 {
    font-size: 18px;
}

.demo88-body>.section-header-wrap-block.section-block-demo31-header>.layout>.nav>li>a {
    font-size: 18px;
    color: rgb(255, 255, 255);
    padding-right: 10px;
    padding-left: 10px;
}

.demo88-body>.section-header-wrap-block.section-block-demo31-header>.layout>.nav>.nav-li-2>a {
    color: rgb(255, 255, 255);
}

.demo88-body>.section-header-wrap-block.section-block-demo31-header>.layout>.nav>.active>a {
    color: rgb(255, 255, 255);
    padding-right: 20px;
    padding-left: 20px;
}

.demo88-body>.section-header-wrap-block.section-block-demo31-header>.layout>.d-flex.bottom_box>.search>.search-toggle>svg {
    fill: rgb(255, 255, 255);
}

.demo88-body>.section-header-wrap-block.section-block-demo31-header>.layout>.d-flex.bottom_box>.change-language>.change-language-title>span {
    color: rgb(255, 255, 255);
}

.demo88-body>.section-header-wrap-block.section-block-demo31-header>.layout>.nav {
    padding-left: 60px;
}

.demo88-body>.section-header-wrap-block.section-block-demo31-header>.layout>.d-flex.bottom_box>.change-language>.change-language-title>i>svg {
    fill: rgb(255, 255, 255);
}

.demo88-body>.section-header-wrap-block.section-block-demo31-header.fixed-nav>.layout>.nav>li>a {
    color: rgb(51, 51, 51);
}

.demo88-body>.section-header-wrap-block.section-block-demo31-header.fixed-nav>.layout>.d-flex.bottom_box>.search>.search-toggle>svg {
    fill: rgb(51, 51, 51);
}

.demo88-body>.section-header-wrap-block.section-block-demo31-header.fixed-nav>.layout>.d-flex.bottom_box>.change-language>.change-language-title>span {
    color: rgb(51, 51, 51);
}

.demo88-body>.section-header-wrap-block.section-block-demo31-header.fixed-nav>.layout>.d-flex.bottom_box>.change-language>.change-language-title>i>svg {
    fill: rgb(51, 51, 51);
}

.section-sideproduct-wrap-block .product-item .item-inner .item-title {
    display: -webkit-box;
    overflow-x: hidden;
    overflow-y: hidden;
    -webkit-line-clamp: 3;
}

@media (max-width: 1600px) {
    .demo88-body>.section-header-wrap-block.section-block-demo31-header>.layout>.nav {
        padding-left: 50px;
    }

    .section-header-wrap-block .nav>li {
        margin-top: 0px;
        margin-right: 0px;
        margin-bottom: 0px;
        margin-left: 0px;
    }

    .demo88-body>.section-header-wrap-block.section-block-demo31-header>.layout>.nav>li>a {
        padding-top: 0px;
        padding-right: 10px;
        padding-bottom: 0px;
        padding-left: 10px;
        font-size: 16px;
    }

    .demo88-body>.section-header-wrap-block.section-block-demo31-header>.layout>.nav>.active>a {
        padding-top: 0px;
        padding-right: 10px;
        padding-bottom: 0px;
        padding-left: 10px;
    }
}

@media (max-width: 1160px) {
    .demo88-body>.section-header-wrap-block.section-block-demo31-header>.layout>.nav>li>a {
        padding-top: 0px;
        padding-right: 5px;
        padding-bottom: 0px;
        padding-left: 5px;
        font-size: 14px;
    }
}

@media screen and (max-width: 820px) {
    .demo88-body>.section-header-wrap-block.section-block-demo31-header>.mobile-head-items.layout>.mobile-head-item.mobile-head-search>.main-content-wrap.middle-content-wrap.show-content-wrap.middle-show-content-wrap>.content-wrap>.search-dropdown-menu {
        display: block;
    }
}