@font-face {
        font-family: NotoSans;
        font-weight: 300;
        src: url(../../vendors/fonts/NotoSans/NotoSans-Regular.ttf);
    }

    @font-face {
        font-family: NotoSans;
        font-weight: bold;
        src: url(../../vendors/fonts/NotoSans/NotoSans-Bold.ttf);
    }

    @font-face {
        font-family: NotoSansThai;
        font-weight: 300;
        src: url(../../vendors/fonts/NotoSansThai/NotoSansThai-Regular.ttf);
    }

    @font-face {
        font-family: NotoSansThai;
        font-weight: bold;
        src: url(../../vendors/fonts/NotoSansThai/NotoSansThai-Bold.ttf);
    }

    @font-face {
        font-family: NotoSans-BoldItalic;
        src: url(../../vendors/fonts/NotoSans/NotoSans-BoldItalic.ttf);
    }

    @font-face {
        font-family: 'Material Icons';
        font-style: normal;
        font-weight: 400;
        src: url(../../vendors/fonts/MaterialIcons/MaterialIcons-Regular.eot);
        /* For IE6-8 */
        src: local('Material Icons'), local('MaterialIcons-Regular'), url(../../vendors/fonts/MaterialIcons/MaterialIcons-Regular.woff2) format('woff2'), url(../../vendors/fonts/MaterialIcons/MaterialIcons-Regular.woff) format('woff'), url(../../vendors/fonts/MaterialIcons/MaterialIcons-Regular.ttf) format('truetype');
    }

    * {
        font-family: NotoSans, NotoSansThai;
        font-weight: 300;
    }

    .material-icons {
        font-family: 'Material Icons';
        font-weight: normal;
        font-style: normal;
        font-size: 18px;
        /* Preferred icon size */
        display: inline-block;
        line-height: 1;
        text-transform: none;
        letter-spacing: normal;
        word-wrap: normal;
        white-space: nowrap;
        direction: ltr;
        /* Support for all WebKit browsers. */
        -webkit-font-smoothing: antialiased;
        /* Support for Safari and Chrome. */
        text-rendering: optimizeLegibility;
        /* Support for Firefox. */
        -moz-osx-font-smoothing: grayscale;
        /* Support for IE. */
        font-feature-settings: 'liga';
        vertical-align: text-bottom;
        margin-right: 6px;
    }
    /* Form */

    .form-group {
        margin-bottom: 12px;
    }

    .form-group label {
        color: #4A4A4A;
        font-size: 12px;
        font-weight: 300;
        height: 17px;
        margin-bottom: 4px;
    }

    .form-group input {
        background-color: #fdfdfd;
        border: 1px solid #D3DFDF;
        border-radius: 4px;
        box-shadow: none;
        color: #4A4A4A;
        height: 42px;
        padding: 12px 16px;
    }

    .form-group input:focus {
        border-color: #CDCFCF;
        box-shadow: none;
    }

    .form-group input::placeholder {
        color: #D3D4D5;
        font-size: 14px;
        font-weight: 300;
    }

    .btn-form {
        text-align: right;
    }

    .btn-green {
        background-color: #8FC30F;
        color: #fff;
        font-size: 16px;
        font-weight: bold;
        height: 40px;
        min-width: 128px;
        padding: 6px 24px;
        line-height: 1.7;
    }

    .btn-green:hover {
        background-color: #80AF0D;
        color: #fff;
    }
    /* Circle */

    .circle {
        display: inline-block;
        height: 6px;
        width: 6px;
        -moz-border-radius: 30px;
        border-radius: 30px;
        margin: 2px 8px;
    }

    .circle.blue-circle {
        background-color: #69B0FE;
    }

    .circle.green-circle {
        background-color: #0ac775;
    }

    .circle.red-circle {
        background-color: #ff3b30;
    }

    .circle.orange-circle {
        background-color: #f5a623;
    }
    /* Radio */

    input[type=radio]:focus {
        outline: none;
        box-shadow: none;
    }

    input[type="radio"]:checked+label::before {
        border: 2px solid #0AC775;
    }

    .radio input[type="radio"]:focus+label::before {
        outline: none;
    }

    .radio label {
        color: #373A3C;
        font-size: 16px;
        padding-left: 12px;
        width: 100%;
    }

    .radio label::after {
        background-color: #0AC775;
        width: 9px;
        height: 9px;
        left: 3.5px;
        top: 7px;
    }

    .radio label::before {
        top: 3px;
    }
    /* Product List */

    .supper-title {
        font-size: 32px;
        font-weight: bold;
        color: #373A3C;
        padding: 12px 0;
        text-transform: none;
    }

    .supper-title::after {
        display: none;
    }

    .portfolio-page .supper-title {
        margin: 0;
    }

    .portfolio-page.inner-page {
        padding: 64px 80px 158px 82px;
    }

    .portfolio-page p {
        color: #7A7E81;
        font-size: 12px;
        line-height: 1.6;
        text-align: center;
    }

    .portfolio-page .cp-portfolio .portfolio_fillter {
        float: left;
        margin: 0;
    }

    .portfolio-page .cp-portfolio .portfolio_fillter .list-fillter {
        text-align: left;
    }

    .portfolio-page .cp-portfolio .item-fillter {
        color: #373A3C;
        font-size: 16px;
        text-transform: none;
    }

    .portfolio-page .cp-portfolio .item-fillter.fillter-active::after {
        background-color: #8FC30F;
        bottom: 0;
        height: 2px;
    }

    .portfolio-page .cp-portfolio .control .filters-content {
        padding: 0;
        margin: 25px 28px 40px 22px;
    }

    .portfolio-page .cp-portfolio .sorting::after {
        content: "";
        width: 1px;
        background-color: #E8E9EA;
        position: absolute;
        z-index: 1;
        height: 24px;
        top: 22px;
    }

    .portfolio-page .cp-portfolio .control .filters-content a {
        color: #373A3C;
        font-size: 12px;
        font-weight: 300;
    }

    .portfolio-page .cp-portfolio .control .filter-more {
        line-height: 1.9;
    }

    .portfolio-page .cp-portfolio .control .filter-more i {
        position: relative;
        top: -2px;
        left: 4px;
    }

    .product-item .group-button .quickview-button {
        font-size: 16px;
        font-weight: bold;
        background-color: #8FC30F;
    }

    .product-item .group-button .quickview-button:hover {
        background-color: #80AF0D;
    }

    .product-item .info .product-name {
        color: #373A3C;
        font-size: 16px;
        font-weight: bold;
        height: 20px;
        line-height: 1.3;
    }

    .product-item .info .product-name:hover {
        color: #80AF0D;
    }

    .product-item .info .add-to-cart,
    .product-item .info .price .ins {
        color: #8FC30F;
        font-size: 16px;
        font-weight: bold;
        text-transform: none;
    }

    .product-item .info .add-to-cart:hover {
        color: #80AF0D;
    }

    .product-item .info .price .del {
        color: #7A7E81;
        font-size: 12px;
    }

    .product-item .info .product-category {
        color: #7A7E81;
        font-size: 10px;
        height: 12px;
        line-height: 1;
        margin-top: 2px;
        margin-bottom: 10px;
    }

    .back-to-top {
        color: #8FC30F;
        border-color: #8FC30F;
    }

    .back-to-top:hover::before {
        background-color: #8FC30F;
    }

    .cp-portfolio .filters-content .title {
        color: #373A3C;
        font-size: 14px;
        text-transform: none;
        margin: 0 0 16px;
    }

    .cp-portfolio .menu-item-has-children .submenu {
        padding: 0;
        right: -20px;
        left: inherit;
        top: 22px;
    }

    .cp-portfolio .control.sorting .menu-item-has-children .submenu {
        padding: 16px 0;
    }

    .cp-portfolio .menu-item-has-children .submenu a {
        padding: 0 16px;
    }

    .cp-portfolio .menu-item-has-children::after {
        content: "";
    }

    .cp-portfolio .list-tags .sort-btn {
        border: 1px solid #E8E9EA;
        background-color: #fff;
        border-radius: 50px;
        width: auto;
        padding: 5px 20px 5px 16px;
        font-size: 14px;
        color: #7A7E81;
    }

    .cp-portfolio .list-tags .sort-btn.active {
        border: 1px solid #8FC30F;
        color: #8FC30F;
    }

    .badge {
        background-color: #fff;
        padding: 0;
        font-weight: 300;
        font-size: 8px;
        vertical-align: inherit;
    }

    .badge[data-badge]:after {
        content: attr(data-badge);
        position: absolute;
        top: -5px;
        right: 6px;
        font-family: NotoSans;
        font-size: 8px;
        background: #FF3B30;
        color: white;
        width: auto;
        min-width: 12px;
        height: 12px;
        text-align: center;
        line-height: 12.5px;
        border-radius: 50%;
    }

    .about-product {
        padding: 0;
    }

    .about-product .details-thumb {
        /*padding-left: 72px;
        padding-right: 72px;*/
        width: 400px !important;
        margin: 0 auto;
        padding: 0 30px 30px;
        box-sizing: content-box;
        max-width: 100%;
    }

    .product-single-page {
        padding: 64px 136px 80px 72px;
    }

    .about-product .details-thumb .owl-carousel .owl-dots .owl-dot.active {
        background-color: #D3D4D5;
    }

    .about-product .details-thumb .owl-carousel .owl-dots .owl-dot {
        background-color: #F1F2F2;
        width: 8px;
        height: 8px;
    }

    .about-product .details-thumb .owl-carousel .item {
        width: 400px;
        margin-left: auto;
        margin-right: auto;
    }

    .about-product .details-thumb .owl-carousel .owl-nav .owl-next {
        right: 0;
        /* left: 420px; */
    }

    .about-product .details-thumb .owl-carousel .owl-nav .owl-prev,
    .about-product .details-thumb .owl-carousel .owl-nav .owl-next {
        top: 48% !important;
    }
    /* .about-product .details-thumb .owl-carousel .owl-nav .owl-prev{
        left: 0;
        right: 420px;
    } */

    .about-product .details-info .product-name {
        color: #373A3C;
        font-weight: bold;
    }

    .about-product .details-info .product-category {
        color: #7A7E81;
        font-size: 10px;
        height: 12px;
        line-height: 1;
        margin-top: 2px;
        margin-bottom: 8px;
    }

    .about-product .details-info .price {
        height: 33px;
        line-height: 1.5;
        margin-bottom: 12px;
    }

    .about-product .details-info .price .ins {
        color: #8FC30F;
        cursor: pointer;
        font-size: 24px;
    }

    .about-product .details-info .price .del {
        color: #7A7E81;
        cursor: pointer;
        font-size: 12px;
    }

    .about-product .details-info .price-list {
        display: flex;
        margin-bottom: 32px;
    }

    .about-product .details-info .price-list .item {
        background-color: #FFF5F4;
        border-radius: 2px;
        padding: 4px 8px;
        font-size: 12px;
        height: 20px;
        margin-right: 4px;
    }

    .about-product .details-info .price-list .item label {
        color: #FF3B30;
        font-size: 10px;
        font-weight: 300;
        height: 12px;
        vertical-align: middle;
        line-height: 0.5;
    }

    .quantity {
        align-items: center;
        display: flex;
        margin-bottom: 40px;
    }

    .quantity .product-amount label {
        color: #8FC30F;
        font-size: 24px;
        font-weight: 300;
        margin: 0 28px;
    }

    .about-product .details-info .quantity .add-to-cart {
        margin-left: 60px;
        background-color: #8FC30F;
        font-size: 16px;
        font-weight: bold;
        text-transform: none;
    }

    .about-product .details-info .quantity .add-to-cart:hover {
        background-color: #80AF0D;
    }

    .about-product .details-info .share {
        clear: both;
        margin-bottom: 18px;
    }

    .about-product .details-info .share label {
        margin-right: 12px;
        margin-bottom: 2px;
    }

    .about-product .details-info .share img {
        margin-right: 4px;
        width: 24px;
    }

    .about-product .details-info .set {
        margin-top: 8px;
        margin-bottom: 22px;
    }

    .about-product .details-info .set img {
        width: 64px;
    }

    .about-product .details-info .set .card {
        border-radius: 4px;
        border: 1px solid #e8e9ea;
        margin-bottom: 12px;
        height: 88px;
    }

    .about-product .details-info .set .card .card-body {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        position: relative;
        padding: 12px 24px;
    }

    .about-product .details-info .set .card .card-body .card-body-img {
        margin-right: 24px;
    }

    .about-product .details-info .set .card .card-body-name {
        width: 60%;
        white-space: nowrap;
        overflow: hidden !important;
        text-overflow: ellipsis;
        line-height: 1.1;
        padding-top: 12px;
    }

    .about-product .details-info .set .card .card-body-name span {
        font-size: 16px;
        color: #373A3C;
        font-weight: bold;
        margin: 5px 0 0;
    }

    .about-product .details-info .set .card .card-body-name p {
        font-size: 10px;
        font-weight: 300;
        line-height: 1.5;
        color: #7A7E81;
        /* margin-bottom: 8px;
        margin-top: 14px; */
    }

    .about-product .details-info .set .card .card-body-quantity {
        position: absolute;
        right: 24px;
    }

    .about-product .details-info .set .card .card-body-quantity p {
        font-size: 16px;
        font-weight: 300;
        color: #A7A9AB;
        margin-bottom: 2px;
    }

    .about-product .details-info .des {
        border-top: 1px solid #E8E9EA;
        color: #7A7E81;
        display: inline-block;
        font-size: 14px;
        padding: 24px 0 0;
        margin: 0;
        width: 100%;
    }
    /* Account*/

    .account-nav {
        min-height: 46px;
        height: 46px;
        background-color: #373a3c;
        border-radius: 0;
    }

    .account-nav.navbar-default .navbar-toggle {
        border-color: transparent;
        margin-top: 11px;
        padding: 4px 10px;
    }

    .account-nav.navbar .navbar-toggle.toggle-right {
        margin-right: 0;
    }

    .account-nav.navbar-default .navbar-toggle:focus,
    .account-nav.navbar-default .navbar-toggle:hover {
        background-color: transparent;
    }

    #nav-icon1 {
        width: 20px;
        height: 16px;
        position: relative;
        margin: 0 auto;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        -o-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
        cursor: pointer;
    }

    #nav-icon1 span {
        display: block;
        position: absolute;
        height: 2px;
        width: 100%;
        background: #fff;
        border-radius: 9px;
        opacity: 1;
        left: 0;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .25s ease-in-out;
        -moz-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
    }

    #nav-icon1 span:nth-child(1) {
        top: 0px;
    }

    #nav-icon1 span:nth-child(2) {
        top: 6px;
    }

    #nav-icon1 span:nth-child(3) {
        top: 12px;
    }

    #nav-icon1.open span:nth-child(1) {
        top: 6px;
        -webkit-transform: rotate(135deg);
        -moz-transform: rotate(135deg);
        -o-transform: rotate(135deg);
        transform: rotate(135deg);
    }

    #nav-icon1.open span:nth-child(2) {
        opacity: 0;
        left: -60px;
    }

    #nav-icon1.open span:nth-child(3) {
        top: 6px;
        -webkit-transform: rotate(-135deg);
        -moz-transform: rotate(-135deg);
        -o-transform: rotate(-135deg);
        transform: rotate(-135deg);
    }

    .sidebar {
        padding: 0;
        background-color: #fafafa;
        border-right: 1px solid #eee;
    }

    .sidebar-right {
        background-color: #fff;
        border-left: 1px solid #E8E9EA;
        width: 100%;
    }

    .sidebar-right .nav li {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0;
        border-bottom: 1px solid #E8E9EA;
    }

    .sidebar-right .nav li:hover {
        background-color: #FAFAFA;
    }

    .sidebar-right .nav li.active {
        background-color: #FAFAFA;
    }

    .sidebar-right .nav li a {
        color: #373A3C;
        font-size: 14px;
        padding: 8px 20px;
        width: 100%;
    }

    .sidebar-right .nav li a img {
        float: right;
    }

    .sidebar-left {
        background-color: #fff;
        border-right: none;
        padding: 64px 30px 0 72px;
    }

    .sidebar-left li {
        border-bottom: 1px solid #E8E9EA;
        cursor: pointer;
        height: 64px;
        padding: 0;
        display: flex;
        justify-content: space-between;
    }

    .sidebar-left li:hover {
        background-color: #FAFAFA;
    }

    .sidebar-left li:last-child {
        border-bottom: none;
    }

    .sidebar-left li.active {
        background-color: #FAFAFA;
    }

    .sidebar-left li a {
        color: #373A3C;
        font-size: 14px;
        padding: 20px 32px;
        width: 100%;
    }

    .sidebar-left li a img {
        float: right;
    }

    .account-page {
        padding-bottom: 120px;
    }

    .account-page .sidebar {
        top: 110px;
    }

    .account-content .page-header {
        border-bottom: none;
        margin: 0 0 16px;
    }

    .account-content .page-header h1 {
        color: #373A3C;
        font-size: 24px;
        font-weight: bold;
        margin: 0;
    }

    .account-content .manage-account {
        border: 1px solid #D3D4D5;
        border-radius: 8px;
    }

    .account-content .manage-account .user {
        border-bottom: 1px solid #D3D4D5;
        padding: 40px 24px;
    }

    .account-content .manage-account .user .title label,
    .account-content .manage-account .password .title label {
        margin: 0;
    }

    .account-content .manage-account .user .user-info {
        padding: 24px 26px 0;
    }

    .account-content .manage-account .user .user-info .btn-form,
    .account-content .manage-account .password .password-info .btn-form {
        margin-top: 24px;
    }

    .account-content .manage-account .password {
        padding: 42px 24px 32px;
    }

    .account-content .manage-account .password .password-info {
        padding: 24px 26px 0;
    }
    /* My Orders */

    .myorders-page {
        margin-bottom: 80px;
    }

    .order-list .card {
        border: 1px solid #D3D4D5;
        border-radius: 4px;
        padding: 24px 32px;
        width: 100%;
        margin-bottom: 12px;
    }

    .order-list .card .order-title {
        display: flex;
        justify-content: space-between;
    }

    .order-list .card .order-title label {
        font-size: 16px;
        font-weight: bold;
        color: #373A3C;
        margin-bottom: 16px;
    }

    .order-list .card .order-title a {
        font-size: 14px;
        font-weight: 300;
        color: #A7A9AB;
        text-decoration: underline;
    }

    .order-list .card .order-info {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
    }

    .order-list .card .order-info .order-image {
        width: 112px;
    }

    .order-list .card .order-info .order-image img {
        width: 64px;
    }

    .order-list .card .order-info .order-date {
        width: 196px;
    }

    .order-list .card .order-info .order-status {
        width: 281px;
    }

    .order-list .card .order-info .order-date label,
    .order-list .card .order-info .order-status label {
        color: #4A4A4A;
        font-size: 14px;
        font-weight: 300;
        height: 20px;
        margin-bottom: 8px;
    }

    .order-list .card .order-info .order-date p,
    .order-list .card .order-info .order-status p {
        color: #7A7E81;
        font-size: 12px;
        font-weight: 300;
        height: 12px;
        line-height: 1;
    }

    .order-list .card .order-info .order-status {
        width: 218px;
    }

    .order-list .card .order-info .order-price {
        text-align: right;
        width: 160px;
    }

    .order-list .card .order-info .order-price p {
        color: #373A3C;
        font-size: 16px;
        font-weight: bold;
    }
    /* Order Details */

    .order-details-page .page-title {
        margin-bottom: 64px;
    }

    .order-details-page .page-title h3 {
        font-family: NotoSans;
        font-weight: 700;
        font-size: 24px;
        color: #373a3c;
        margin-top: 0;
    }

    .order-details-page .page-title p {
        font-family: NotoSans;
        font-size: 12px;
        color: #7a7e81;
        line-height: 0.8;
    }

    .order-details-page .shipped-tracking img {
        width: 48px;
    }

    .order-details-page .shipped-tracking p {
        font-family: NotoSans;
        font-size: 10px;
        color: #7a7e81;
        margin-top: 12px;
        line-height: 1.6;
    }

    .order-details-page .shipped-tracking p span {
        color: #373a3c;
        margin-bottom: 8px;
    }

    .order-details-page .shipped-tracking .tracking {
        text-align: center;
        display: flex;
        justify-content: space-between;
        margin: 0 auto;
    }

    .order-details-page .shipped-tracking .track-id {
        margin-top: 40px;
        margin-bottom: 64px;
    }

    .order-details-page .shipped-tracking .track-id .track {
        margin: 0 auto;
        width: 500px;
        max-width: 100%;
        height: 80px;
        background-color: #FAFAFA;
        display: flex;
        align-items: center;
        text-align: center;
    }

    .order-details-page .shipped-tracking .track-id .track p {
        color: #69B0FE;
        font-size: 16px;
        margin: 0 auto;
    }

    .order-details-page .ordering-detail {
        border: 1px solid #D3D4D5;
        border-radius: 8px;
        /* padding: 40px 50px; */
    }

    .order-details-page .ordering-detail .items {
        padding: 40px 50px 48px;
        border-bottom: 1px solid #d3d4d5;
    }

    .items>label {
        font-family: NotoSans;
        font-weight: 700;
        font-size: 16px;
        color: #373a3c;
        margin-bottom: 16px;
    }

    .items .card {
        height: 88px;
        margin-bottom: 12px;
        padding: 16px 24px;
        border: 1px solid #D3D4D5;
        border-radius: 4px;
    }

    .items .card .card-body {
        display: flex;
    }

    .items .card .card-body-img {
        float: left;
        margin-right: 32px;
    }

    .items .card .card-body-img img {
        width: 56px;
    }

    .items .card .card-detail {
        font-family: NotoSans;
        line-height: 1;
        margin-bottom: 0px;
        width: 500px;
        white-space: nowrap;
        overflow: hidden !important;
        text-overflow: ellipsis;
    }

    .items .card .item-name {
        font-weight: 700;
        font-size: 16px;
        color: #373A3C;
    }

    .items .card .amount {
        font-weight: 400;
        font-size: 10px;
        color: #7a7e81;
        margin-top: 4px;
    }

    .items .card .price {
        font-weight: bold;
        color: #8fc30f;
        margin-right: 8px;
    }

    .items .card .standard-price {
        font-weight: 400;
        font-size: 12px;
        color: #7a7e81;
        text-decoration: line-through;
    }

    .order-details-page .ordering-detail .address {
        border-bottom: 1px solid #d3d4d5;
        padding: 32px 50px 48px;
    }

    .order-details-page .ordering-detail .address h5 {
        color: #373a3c;
        font-size: 16px;
        font-weight: bold;
        line-height: 1.8;
        height: 30px;
        margin: 0 0 16px;
    }

    .order-details-page .ordering-detail .address label {
        font-weight: 300;
        font-size: 16px;
        height: 20px;
        margin-bottom: 8px;
        line-height: 1.4;
    }

    .order-details-page .ordering-detail .address p {
        color: #7A7E81;
        font-size: 14px;
        font-weight: 300;
        height: 20px;
        margin-bottom: 4px;
        line-height: 1.5;
    }

    .order-details-page .ordering-detail .payment {
        padding: 32px 50px 48px;
    }

    .order-details-page .ordering-detail .payment label {
        font-family: NotoSans;
        font-weight: 700;
        font-size: 16px;
        color: #373a3c;
        margin-bottom: 18px;
    }

    .order-details-page .ordering-detail .payment p {
        color: #4A4A4A;
        font-size: 14px;
        margin-bottom: 0;
    }

    .order-details-page .ordering-detail .payment p img {
        margin-right: 8px;
    }

    .order-details-page .ordering-detail .payment p span {
        color: #A7A9AB;
        font-size: 14px;
        margin-left: 70px;
    }

    .order-details-page .footer {
        background-color: #fff;
        padding-top: 50px;
        position: relative;
        width: 100%;
    }

    .order-details-page .footer .logo-bg {
        position: absolute;
        background: url(../../resources/img/logo-bg.png) no-repeat scroll left bottom;
        background-size: 194px 88px;
        bottom: 0;
        width: 100%;
        height: 100%;
    }

    .order-details-page .footer label {
        font-size: 14px;
        font-weight: 300;
        color: #7a7e81;
    }

    .order-details-page .footer .subtotal,
    .order-details-page .footer .discount,
    .order-details-page .footer .grand-total {
        display: flex;
        justify-content: flex-end;
        height: 20px;
        margin-bottom: 8px;
    }

    .order-details-page .footer .grand-total {
        margin-top: 16px;
    }

    .order-details-page .footer .subtotal .column,
    .order-details-page .footer .discount .column,
    .order-details-page .footer .grand-total .column {
        width: 144px;
    }

    .order-details-page .footer .subtotal .column:first-child,
    .order-details-page .footer .discount .column:first-child,
    .order-details-page .footer .grand-total .column:first-child {
        text-align: left
    }

    .order-details-page .footer .subtotal .column:last-child,
    .order-details-page .footer .discount .column:last-child,
    .order-details-page .footer .grand-total .column:last-child {
        text-align: right;
    }

    .order-details-page .footer .grand-total label {
        color: #373A3C;
        font-weight: bold;
        font-size: 16px;
    }
    /* My Cart */

    .mycart-page {
        width: 1136px;
        max-width: 100%;
        padding-top: 64px;
        padding-bottom: 110px;
    }

    .mycart-page h4 {
        color: #373A3C;
        font-size: 24px;
        font-weight: bold;
        margin-bottom: 34px;
        margin-top: 0;
    }

    .pd-in-mycart {
        border: 1px solid #D3D4D5;
    }

    .pd-in-mycart .pd-column {
        border-bottom: 1px solid #D3D4D5;
        display: flex;
        align-items: center;
        padding: 24px 32px;
        justify-content: space-between;
        width: 100%;
    }

    .pd-in-mycart .pd-column:last-child {
        border-bottom: none;
    }

    .pd-in-mycart .pd-column .pd-image {
        width: 110px;
    }

    .pd-in-mycart .pd-column .pd-image img {
        width: 80px;
    }

    .pd-in-mycart .pd-column .pd-info {
        display: flex;
        flex-direction: column;
        padding-top: 8px;
        width: 351px;
    }

    .pd-in-mycart .pd-column .pd-info span {
        color: #373A3C;
        font-size: 16px;
        font-weight: bold;
        margin: 0;
        line-height: 0.6;
    }

    .pd-in-mycart .pd-column .pd-info label {
        color: #7A7E81;
        font-size: 10px;
        font-weight: 300;
    }

    .pd-in-mycart .pd-column .pd-info p {
        color: #8FC30F;
        font-size: 16px;
        font-weight: bold;
        margin-bottom: 0;
    }

    .pd-in-mycart .pd-column .pd-info p span {
        color: #7A7E81;
        font-size: 12px;
        font-weight: 300;
        text-decoration: line-through;
    }

    .pd-in-mycart .quantity {
        margin: 0;
    }

    .pd-in-mycart .quantity .product-amount label {
        margin: 0 16px;
    }

    .pd-in-mycart .pd-column .pd-delete {
        width: 86px;
        text-align: right;
    }

    .pd-in-mycart .pd-column .pd-delete a {
        color: #D8D8D8;
        cursor: pointer;
        font-size: 16px;
        font-weight: 300;
    }

    .pd-summary {
        padding: 32px 40px 32px 32px;
        border: 1px solid #D3D4D5;
        border-radius: 8px;
    }

    .pd-summary label {
        font-size: 14px;
        font-weight: 300;
        color: #7a7e81;
    }

    .pd-summary .subtotal,
    .pd-summary .discount,
    .pd-summary .grand-total {
        display: flex;
        justify-content: space-between;
        height: 20px;
        margin-bottom: 8px;
    }

    .pd-summary .grand-total {
        margin-top: 16px;
    }

    .pd-summary .subtotal .column:first-child,
    .pd-summary .discount .column:first-child,
    .pd-summary .grand-total .column:first-child {
        text-align: left
    }

    .pd-summary .subtotal .column:last-child,
    .pd-summary .discount .column:last-child,
    .pd-summary .grand-total .column:last-child {
        text-align: right;
    }

    .pd-summary .grand-total label {
        color: #373A3C;
        font-weight: bold;
        font-size: 16px;
    }

    .pd-summary .checkout-btn {
        margin-top: 32px;
    }

    .pd-summary .checkout-btn a {
        width: 100%
    }
    /* Check Out */

    .checkout-page {
        width: 1136px;
        max-width: 100%;
        margin-top: 64px;
        margin-bottom: 120px;
    }

    .checkout-page .row {
        margin: 0;
    }

    .checkout-page .main-title {
        color: #373A3C;
        font-size: 32px;
        font-weight: bold;
        text-align: center;
    }

    .checkout-page .step {
        display: flex;
        justify-content: space-between;
        align-items: center;
        text-align: center;
        color: #373A3C;
        font-weight: 300;
        margin: 56px auto 88px;
        width: 509px;
        max-width: 100%;
    }

    .checkout-page .step label {
        font-weight: 300;
        font-size: 12px;
        margin-bottom: 0px;
    }

    .checkout-page .step p {
        font-weight: 300;
        font-size: 24px;
    }

    .checkout-page .step .active label {
        color: #373A3C;
    }

    .checkout-page .step .active p {
        color: #373A3C;
    }

    .checkout-page .step .unactive label {
        color: #D3D4D5;
    }

    .checkout-page .step .unactive p {
        color: #D3D4D5;
    }

    .checkout-page .step .divider {
        border-bottom: 1px solid #D3D4D5;
        height: 1px;
        width: 145px;
    }

    .checkout-page h4 {
        color: #373A3C;
        font-size: 24px;
        font-weight: bold;
        margin-bottom: 34px;
        margin-top: 0;
    }

    .checkout-page .pd-summary {
        padding: 32px 27px 57px;
    }

    .checkout-page .pd-summary h4 {
        padding-left: 5px;
    }

    .checkout-page .pd-summary .subtotal,
    .checkout-page .pd-summary .discount,
    .checkout-page .pd-summary .grand-total {
        padding: 0 13px 0;
    }

    .checkout-page .items {
        margin-bottom: 24px;
    }

    .checkout-page .items .card {
        padding: 12px;
        margin-bottom: 8px;
    }

    .checkout-page .items .card .card-body-img {
        margin-right: 8px;
    }

    .checkout-page .items .card .card-body-img img {
        width: 64px;
    }

    .checkout-page .items .card .card-detail {
        width: 192px;
    }

    .checkout-page .checkout-address {
        border: 1px solid #D3D4D5;
        border-radius: 8px;
        margin-bottom: 16px;
        padding: 32px;
    }

    .checkout-page .checkout-address h5 {
        color: #373a3c;
        font-size: 16px;
        font-weight: bold;
        line-height: 1.8;
        height: 30px;
        margin: 0 0 16px;
    }

    .checkout-page .checkout-address label {
        font-weight: 300;
        font-size: 16px;
        height: 20px;
        margin-bottom: 8px;
        line-height: 1.4;
    }

    .checkout-page .checkout-address p {
        color: #7A7E81;
        font-size: 14px;
        font-weight: 300;
        height: 20px;
        margin-bottom: 4px;
        line-height: 1.5;
    }

    .checkout-page .checkout-address label,
    .checkout-page .checkout-address p {
        padding-left: 8px;
    }

    .checkout-choosen {
        border: 1px solid #D3D4D5;
        border-radius: 8px;
        min-height: 80px;
        height: auto;
        padding: 13px 16px;
        margin-bottom: 12px;
    }

    .checkout-choosen .radio img {
        margin-right: 12px;
    }

    .checkout-choosen:last-child {
        margin-bottom: 0;
    }

    .checkout-choosen .form-credit,
    .checkout-choosen .form-payment {
        padding: 0 32px 32px;
        margin-top: 24px;
    }

    .checkout-choosen .form-credit .btn-form,
    .checkout-choosen .form-payment .btn-form {
        margin-top: 24px;
    }

    .checkout-choosen .form-credit .btn-form button,
    .checkout-choosen .form-payment .btn-form button {
        width: 100%;
    }
    /* .checkout-choosen .form-payment {
        
    } */

    .checkout-choosen .form-payment .row {
        margin-right: -4px;
        margin-left: -4px;
    }

    .checkout-choosen .form-payment .col-lg-6 {
        height: 72px;
        padding: 4px;
    }

    .checkout-choosen .form-payment button.payment {
        background-color: transparent;
        border: 1px solid #D9D9D9;
        border-radius: 6px;
        height: 100%;
        padding: 4px 16px;
        text-align: left;
        width: 100%;
        display: flex;
        align-items: center;
    }

    /* .checkout-choosen .form-payment button.payment:focus {
        outline: none;
        box-shadow: none;
        border: 1px solid #0AC775;
    } */

    .checkout-choosen .form-payment button.payment label {
        color: #4A4A4A;
        font-size: 14px;
        font-weight: 400;
        margin: 0 12px;
    }

    .checkout-choosen .col-6 .address-list .btn-form button {
        width: 100%;
    }

    .address-list .add-address {
        cursor: pointer;
        display: flex;
        margin-top: 24px;
    }

    .address-list .add-address .add-btn {
        margin-right: 8px;
    }

    .address-list .btn-form {
        margin-top: 32px;
    }

    .address-list .add-address label {
        color: #4A4A4A;
        cursor: pointer;
        font-size: 12px;
        font-weight: 300;
        margin-bottom: 0;
    }
    /* Small devices phones */

    @media (max-width: 340px) {
        .sidebar-right {
            top: 265px !important;
            bottom: 0;
        }
    }

    @media (max-width: 576px) {
        .btn-green {
            width: 100%;
        }
        .cp-portfolio .filter-inner {
            width: 100%;
        }
        .cp-portfolio .control .menu-item-has-children .submenu {
            padding: 0;
            text-align: left;
            top: 22px;
            width: 100%;
        }
        .cp-portfolio .control.sorting .menu-item-has-children .submenu {
            left: -120px;
        }
        .portfolio-page.inner-page {
            padding: 24px 15px 64px;
        }
        .portfolio-page .cp-portfolio .sorting::after {
            display: none;
        }
        .cp-portfolio .control.filter .menu-item-has-children .submenu .filter-inner {
            right: 8px;
        }
        .portfolio-page .cp-portfolio .portfolio_fillter .list-fillter {
            text-align: center;
        }
        .portfolio-page .cp-portfolio .portfolio_fillter .list-fillter li {
            border-bottom: solid 1px #e8e9ea;
        }
        .portfolio-page .cp-portfolio .portfolio_fillter .list-fillter li:first-child {
            border-top: 1px solid #e8e9ea;
        }
        .portfolio-page .cp-portfolio .item-fillter {
            color: #888;
        }
        .portfolio-page .cp-portfolio .item-fillter.fillter-active {
            color: #8FC30F;
        }
        .product-single-page {
            padding: 24px 15px 64px;
        }
        .about-product .details-info .quantity .add-to-cart {
            margin-left: 20px;
        }
        .about-product .details-thumb {
            padding-left: 0;
            padding-right: 0;
        }
        .about-product .details-thumb .owl-carousel .item {
            width: 300px;
        }
        .account-page {
            padding-bottom: 64px;
        }
        .account-content .page-header {
            margin: 4px 0 20px;
        }
        .sidebar-right {
            top: 180px;
            bottom: 0;
        }
        .account-content .manage-account .user .user-info,
        .account-content .manage-account .password .password-info {
            padding: 0;
        }
        .container-fluid.order-details-page {
            margin: 24px 0 64px;
        }
        .order-list .card .order-info {
            flex-wrap: wrap;
        }
        .order-list .card {
            padding: 24px 24px;
        }
        .order-list .card .order-title label {
            margin-bottom: 24px;
        }
        .order-list .card .order-info .order-image {
            display: none;
        }
        .order-list .card .order-info .order-date {
            width: 50%
        }
        .order-list .card .order-info .order-status {
            width: 50%
        }
        .order-list .card .order-info .order-price {
            margin-top: 32px;
            width: 100%;
            text-align: left;
        }
        .items .card .card-detail {
            width: 200px;
        }
        .items .card {
            padding: 12px 12px;
        }
        .items .card .card-body-img {
            margin-right: 8px;
        }
        .lage-device {
            display: none;
        }
        .progress-tracker {
            margin: 0 1% 0 6%;
        }
        .order-details-page .ordering-detail .items {
            padding: 40px 15px 48px;
        }
        .order-details-page .ordering-detail .address {
            padding: 32px 15px 48px;
        }
        .order-details-page .ordering-detail .payment {
            padding: 32px 15px 48px;
        }
        .order-details-page .ordering-detail .payment p img {
            width: 26px;
        }
        .order-details-page .ordering-detail .payment p span {
            margin-left: 30px;
        }
        .order-details-page .footer .subtotal,
        .order-details-page .footer .discount,
        .order-details-page .footer .grand-total {
            justify-content: space-between;
        }
        .order-details-page .footer {
            padding: 32px 0 0;
        }
        .order-details-page .footer>label {
            font-family: NotoSans;
            font-weight: 700;
            font-size: 16px;
            color: #373a3c;
            margin-bottom: 20px;
        }
        .order-details-page .footer .logo-bg {
            display: none;
        }
        /* My Cart */
        .mycart-page {
            padding: 24px 15px 64px;
        }
        /* .mycart-page .main-title {
            margin-top: 22px;
        } */
        .mycart-page .row {
            display: flex;
            flex-direction: column-reverse;
        }
        .pd-in-mycart .pd-column {
            flex-wrap: wrap;
            padding: 24px;
        }
        .pd-in-mycart .pd-column .pd-image {
            display: none;
        }
        .pd-in-mycart .pd-column .pd-info {
            margin-bottom: 24px;
            padding-top: 0;
        }
        .pd-in-mycart .pd-column .pd-info span {
            width: 200px;
            white-space: nowrap;
            overflow: hidden !important;
            text-overflow: ellipsis;
            height: 24px;
            line-height: 2;
        }
        /* .pd-summary {
            padding: 24px;
            margin-bottom: 16px;
        } */
        .pd-summary {
            margin-bottom: 16px;
        }
        /* Check Out */
        .checkout-page {
            margin-top: 24px;
            margin-bottom: 64px;
        }
        .checkout-page .row {
            margin: 0;
        }
        .checkout-page .row .col-ss-12 {
            padding: 0;
        }
        .checkout-page .step {
            margin: 0 auto 32px;
        }
        .checkout-page .step .divider {
            width: 40px;
        }
        .checkout-page .box-items {
            padding: 0;
        }
        .checkout-page .pd-summary {
            padding: 24px;
            margin-top: 24px;
        }
        .checkout-page .checkout-address {
            padding: 24px;
            margin-top: 24px;
        }
        .checkout-choosen .form-credit,
        .checkout-choosen .form-payment {
            padding: 0 0 8px !important;
        }
        .checkout-choosen .form-payment .col-ss-12 {
            padding-bottom: 4px !important;
        }
    }

    @media (min-width: 480px) and (max-width: 768px) {
        .portfolio-page .cp-portfolio .portfolio_fillter .list-fillter {
            text-align: center;
            height: 48px;
        }
        .portfolio-page .cp-portfolio .portfolio_fillter .list-fillter li:first-child {
            border-top: none;
        }
        .portfolio-page .cp-portfolio .sorting::after {
            content: none;
        }
    }
    /* Medium devices tablets */

    @media (min-width: 575px) and (max-width: 768px) {
        .sidebar-right {
            top: 164px !important;
            bottom: 0;
        }
        .portfolio-page.inner-page {
            padding: 36px 24px 64px;
        }
        .cp-portfolio .control.sorting .menu-item-has-children .submenu {
            min-width: 130px;
        }
        .cp-portfolio .control.filter .menu-item-has-children .submenu {
            min-width: 382px;
        }
        .product-single-page {
            padding: 32px 24px 64px;
        }
        .account-page {
            padding-right: 24px;
            padding-left: 24px;
            padding-bottom: 64px;
        }
        .account-content .page-header {
            margin: 16px 0 20px;
        }
        .account-page .sidebar {
            top: 50px;
        }
        .small-device {
            display: none;
        }
        .myorders-page {
            margin-bottom: 64px;
            padding-left: 24px;
            padding-right: 24px;
        }
        .order-details-page {
            padding: 36px 42px 64px;
        }
        /* My Cart */
        .mycart-page {
            padding: 36px 24px 64px !important;
        }
        .mycart-page .row {
            display: flex;
            flex-direction: column-reverse;
        }
        .pd-summary {
            margin-bottom: 16px;
        }
        /* Check Out */
        .checkout-page {
            margin-top: 36px;
            margin-bottom: 48px;
            padding: 0 9px;
        }
        .checkout-page .step {
            margin: 56px auto 32px;
        }
        .checkout-page .pd-summary {
            padding: 24px;
            margin-top: 24px;
        }
        .checkout-address {
            margin-top: 24px;
        }
    }

    @media (min-width: 992px) {
        .sidebar-right {
            display: none;
        }
        .cp-portfolio .control.sorting .menu-item-has-children .submenu {
            min-width: 140px;
        }
        .cp-portfolio .control.filter .menu-item-has-children .submenu {
            min-width: 382px;
        }
        /* Account*/
        .account-nav {
            display: none;
        }
        .account-content {
            padding: 64px 72px 0 30px;
        }
        .small-device {
            display: none;
        }
        .order-details-page {
            padding: 120px 240px 120px;
        }
        .progress-tracker {
            margin: 1px 4% 2px 6%;
        }
    }
    /* HEADER */
    /* .container {
    margin-left: 50px;
    margin-right: 50px;
} */

    .header .topbar {
        padding: 12px 0;
        background-color: #373A3C;
        width: 100%;
    }

    .header .topbar-text>span {
        font-family: NotoSans, NotoSansThai;
        color: #fff;
        font-size: 12px;
        font-weight: normal;
        line-height: 25px;
    }

    .header .topbar .left-content {
        text-align: left;
    }

    .header .topbar-menu {
        text-align: right;
    }

    .header .topbar-menu ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .topbar .topbar-menu ul li:first-child {
        border: 0;
    }

    .topbar .topbar-menu ul li {
        display: inline-block;
        margin: 0 0 0 15px;
        padding-left: 15px;
        border-left: 1px solid #fff;
        line-height: 1;
        position: relative;
    }

    .topbar .topbar-menu.account ul li.dropdown {
        margin: 0 0 0 15px;
        padding-left: 15px;
    }

    .topbar .topbar-menu.account ul li.dropdown.lang {
        margin: 0;
        padding-left: 0;
    }

    .topbar .topbar-menu ul li.dropdown {
        margin: 0;
        padding-left: 0;
    }

    .topbar .topbar-menu a:hover,
    .topbar .topbar-menu a:focus,
    .topbar .topbar-menu a.active,
    .topbar .topbar-menu a:visited {
        text-decoration: underline;
        outline: none;
    }

    .topbar .topbar-menu ul li a {
        font-family: NotoSans, NotoSansThai;
        font-size: 12px;
        font-weight: normal;
        color: #fff;
    }

    .topbar .topbar-menu ul li.dropdown>a::after {
        content: "\f107";
        font-family: "FontAwesome";
        margin-left: 4px;
        font-size: 12px;
    }

    .topbar .topbar-menu.account ul li.dropdown>.user {
        display: inline-block;
        width: 16px;
        height: 16px;
        margin-right: 2px;
    }

    .topbar .topbar-menu.account ul li.dropdown>.user img {
        width: 16px;
        height: 16px;
    }

    .topbar .topbar-menu ul li .sub-menu {
        position: absolute;
        min-width: 150px;
        top: 40px;
        right: -20px;
        background: #fff;
        visibility: hidden;
        z-index: 99;
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -ms-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
        box-shadow: 0 0 5px 0 #e5e5e5;
    }

    .topbar .topbar-menu ul li .sub-menu.acc {
        position: absolute;
        width: 255px;
        height: auto;
        top: 40px;
        background: #fff;
        visibility: hidden;
        z-index: 99;
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -ms-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
        box-shadow: 0 0 5px 0 #e5e5e5;
        right: 0;
    }

    .topbar .topbar-menu ul li .sub-menu li a {
        font-family: NotoSans, NotoSansThai;
        color: #373A3C;
        font-size: 14px;
        text-decoration: none;
    }

    .topbar .topbar-menu ul li .sub-menu li {
        text-align: left;
        display: block;
        margin: 0;
        padding: 15px 10px 15px 24px;
        border: 0;
    }

    .topbar .topbar-menu.account ul li .sub-menu li {
        padding: 15px 32px;
    }

    .topbar .topbar-menu ul li .sub-menu li:hover {
        background-color: #f5f5f5;
        border-top: solid 1px #ebebeb;
        border-bottom: solid 1px #ebebeb;
    }

    .topbar .topbar-menu ul li:hover>.sub-menu {
        top: 32px;
        opacity: 1;
        visibility: visible;
        padding: 10px 0;
    }

    .topbar:hover a,
    .topbar.active a {
        text-decoration: none;
    }

    .topbar .topbar-menu ul li .sub-menu li .sub {
        display: block;
        float: right;
        position: relative;
        top: -5px;
    }
    /* end topbar */

    .header>.container {
        position: relative;
    }

    .main-header {
        width: 100%;
        margin-top: 0px;
        margin-bottom: 0px;
        background-color: rgba(255, 255, 255, .3);
        z-index: 99;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
        border-bottom: 1px solid #E8E9EA;
    }

    .top-search {
        width: 100%;
        background-color: #8FC30F;
        color: #fff;
        display: none;
    }

    .top-search form {
        padding-left: 30px;
        position: relative;
    }

    .top-search form input[type="search"] {
        border: none;
        background: none;
        color: #fff;
        font-size: 14px;
        height: 40px;
        line-height: 40px;
        padding: 0;
        width: 100%;
    }

    .top-search form input[type="search"]:focus,
    .top-search form input[type="search"].active {
        outline: none;
    }

    .top-search form:before {
        content: "\f002";
        font-family: "FontAwesome";
        font-size: 14px;
        font-weight: normal;
        position: absolute;
        left: 0;
        height: 40px;
        line-height: 40px;
    }

    .main-header .logo {
        float: left;
        padding: 12px 0 10px 0;
    }

    .main-header .logo img {
        width: 74px;
        height: 35px;
    }

    .main-header .right-con {
        padding-right: 0;
    }

    .header-nav {
        text-align: right;
    }

    .header-nav-inner .menu-bar {
        float: left;
    }

    .menu-item-has-children::after {
        content: "";
    }
    /* edit slide */

    .owl-carousel .owl-dots {
        bottom: 5px;
    }

    .owl-carousel .owl-dots .owl-dot {
        width: 7px;
        height: 7px;
    }
    /* .owl-carousel.nav-style2 .owl-nav .owl-prev,
    .owl-carousel.nav-style2 .owl-nav .owl-next {
        display: none !important;
    } */
    /* end slide */

    .main-menu {
        padding: 20px 20px 14px 20px;
        margin-bottom: 0px;
    }

    .main-menu li {
        position: relative;
        display: inline-block;
        margin: 0 0 0 56px;
        padding: 0;
    }

    .main-menu li a {
        font-family: NotoSans, NotoSansThai;
        font-size: 16px;
        color: #373A3C;
        font-weight: normal;
        cursor: pointer;
    }

    .main-menu>li:hover>a {
        color: #80AF0D;
    }

    .main-menu li a:hover,
    .main-menu li a:focus {
        text-decoration: none;
    }

    .main-menu li a.active {
        color: #373A3C;
        font-weight: bold;
        text-decoration: none;
    }

    header .btn-wrap {
        font-family: NotoSans, NotoSansThai;
        display: block;
        position: static;
        height: 24px;
        margin-top: 14px;
        float: right;
    }

    header .btn-wrap .mini-cart-wrap {
        display: inline-block;
        margin-right: 24px;
        height: 24px;
        width: 24px;
    }

    header .btn-wrap .top-search-btn-wrap {
        float: right;
        display: block;
        height: 24px;
        border-left: 1px solid #E8E9EA;
        margin-left: 0;
        padding-left: 24px;
    }

    .mini-cart-wrap .mini-cart {
        display: inline-block;
        cursor: pointer;
    }

    .mini-cart-wrap .mini-cart .mini-cart-icon:after {
        content: attr(data-count);
        font-size: 8px;
        text-align: center;
        position: absolute;
        top: 14px;
        right: 80px;
        min-width: 12px;
        height: 12px;
        line-height: 12px;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        border-radius: 100%;
        background: #FF3B30;
        color: #fff;
    }

    .box-sticky {
        position: fixed;
        z-index: 999;
        -webkit-transform: translateY(-300px);
        -moz-transform: translateY(-300px);
        -ms-transform: translateY(-300px);
        -o-transform: translateY(-300px);
        transform: translateY(-300px);
        left: 0;
        width: 100%;
        -webkit-transition: 0.5s ease 0s;
        -moz-transition: 0.5s ease 0s;
        -ms-transition: 0.5s ease 0s;
        -o-transition: 0.5s ease 0s;
        transition: 0.5s ease 0s;
        background-color: #fff;
        padding: 0;
    }

    .box-sticky.is-sticky {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        top: 0;
        position: fixed;
    }

    .kt-next-panel:before {
        content: "" !important;
    }
    /* CONTENT HOME */

    .main-content .main-home {
        position: relative;
        width: 100%;
        height: 520px;
    }

    .main-home .bg {
        position: absolute;
        background-image: url(../../resources/img/Bitmap.svg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        height: 100%;
        width: 100%
    }

    .main-home .bg-overlayout {
        position: absolute;
        background-color: rgba(55, 58, 60, 0.2);
        width: 100%;
        height: 100%;
    }

    .main-home .row.content {
        position: absolute;
        z-index: 2;
        top: 50%;
        text-align: center;
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        -moz-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
        -o-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
        max-width: 640px;
        margin: 0 auto;
    }

    .main-home .row.content .title {
        font-size: 48px;
        font-family: NotoSans-BoldItalic;
        color: #ffffff;
        line-height: 1.4;
    }

    .main-home .row.content .subtitle {
        font-size: 16px;
        font-family: NotoSans;
        color: #ffffff;
        margin-bottom: 54px;
    }

    .main-content .button {
        font-size: 16px;
        font-weight: bold;
        color: #fff;
        padding: 0 25px;
        line-height: 45px;
        border-radius: 2px;
        height: 48px;
        width: 147px;
        display: inline-block;
        border: 2px solid #8FC30F;
        background-color: #8FC30F;
    }

    .main-content .button:hover,
    .main-content .button:focus {
        background-color: #80AF0D;
        border: 2px solid #80AF0D;
    }

    .main-home .button.view {
        font-size: 16px;
        font-weight: bold;
        color: #fff;
        padding: 0 25px;
        line-height: 45px;
        border-radius: 2px;
        height: 48px;
        width: 147px;
        display: inline-block;
        border: 2px solid #fff;
        background-color: transparent;
        margin: 8px;
    }

    .main-home .button.view:hover {
        color: #8FC30F;
        background-color: transparent;
        border: 2px solid #8FC30F;
    }

    .main-home .button:hover,
    .main-home .button:focus,
    .main-home .button.active {
        text-decoration: none;
    }

    .main-content .top-banner {
        margin-top: 84px;
        margin-bottom: 48px;
    }

    .top-banner .banner {
        width: 622px;
        height: 388px;
    }

    .top-banner .br-detail {
        border: 1px solid #E8E9EA;
        border-top: 0;
        width: 700px;
        height: 260px;
        position: absolute;
        right: 26px;
        top: 53px;
    }

    .top-banner .main-slideshow .slide-img {
        overflow: hidden;
    }

    .top-banner .main-slideshow .owl-carousel .owl-item img {
        width: 100%;
        object-fit: cover;
        height: 355px;
    }

    .head-detail {
        position: relative;
        border-top-width: 45px;
        margin-top: 40px;
        margin-right: 48px;
        margin-bottom: 32px;
    }

    .head-detail .title-detail {
        background-color: #ffffff;
        max-width: 200px;
    }

    .head-detail .title-detail span {
        font-family: NotoSans, NotoSansThai;
        font-size: 32px;
        font-weight: bold;
        color: #373A3C;
    }

    .head-detail .about-content-title-line {
        height: 1px;
        position: relative;
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        min-width: 10%;
        border-top: 1px solid #E8E9EA;
        margin-left: 150px;
        top: -19px;
        right: -37px;
    }

    .head-detail .title-detail .name {
        font-size: 32px;
        font-weight: bold;
        color: #D05200;
        padding-right: 8px;
    }

    .head-detail .detail-banner {
        margin-top: 10px;
        background-color: #ffffff;
    }

    .head-detail .detail-banner p {
        font-family: NotoSans, NotoSansThai;
        font-size: 14px;
        font-weight: normal;
        color: #7A7E81;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        line-height: 20px;
        max-height: 100px;
    }

    .product-show {
        margin-bottom: 80px;
    }

    .product-show .block {
        cursor: pointer;
        overflow: hidden;
    }

    .product-show .block img {
        width: 100%;
        object-fit: cover;
        height: 180px;
    }

    .main-content .divider {
        border-top: 1px solid #E8E9EA;
        margin-bottom: 80px;
    }

    .mobile-navigation .icon {
        width: 18px;
        height: 18px;
        display: block;
        float: left;
        margin-top: 5px;
        margin-right: 15px;
    }

    .mobile-navigation .icon span:nth-child(2) {
        width: 14px;
    }

    .mobile-navigation .icon span {
        display: block;
        width: 100%;
        height: 2px;
        background-color: #222;
        margin: 0 0 4px;
    }
    /* slide-product */

    .our-products.pd {
        padding-top: 0;
    }

    .our-products .pd-title {
        font-family: NotoSans, NotoSansThai;
        color: #373A3C;
        font-size: 32px;
        font-weight: bold;
    }

    .our-products .pd-des {
        font-family: NotoSans, NotoSansThai;
        color: #7A7E81;
        font-size: 14px;
        max-width: 500px;
        margin: auto;
        margin-bottom: 48px;
        text-align: center;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        line-height: 20px;
    }

    .list-nav li.active a {
        color: #373A3C;
        font-weight: bold;
    }

    .list-nav li a {
        font-family: NotoSans, NotoSansThai;
        color: #373A3C;
        font-size: 16px;
    }

    .nav-tab-style2 .list-nav {
        margin-bottom: 40px !important;
    }

    .product-item .info .product-head {
        font-family: NotoSans, NotoSansThai;
        color: #373A3C;
        font-size: 16px;
        font-weight: bold;
    }

    .product-item .info .product-head:hover {
        color: #8FC30F;
    }

    .product-item .info .product-type {
        font-family: NotoSans, NotoSansThai;
        font-size: 10px;
        color: #7A7E81;
        padding-bottom: 6px;
    }

    .product-item .group-button .quickview-button:hover {
        background-color: #80AF0D;
    }

    .product-item .info {
        padding-top: 12px !important;
    }

    .product-item .info .price .ins {
        font-family: NotoSans, NotoSansThai;
        font-size: 16px;
        color: #8FC30F;
        font-weight: bold;
    }

    .product-item .info .price .line {
        font-family: NotoSans, NotoSansThai;
        font-size: 12px;
        color: #7A7E81;
        text-decoration: line-through;
    }

    .product-item:hover .add-to-cart:hover {
        color: #80AF0D;
    }

    .product-item .info .product-name:hove {
        color: #80AF0D !important;
    }

    .nav-tab-style2 .nav>li.active>a::after {
        background-color: #8FC30F;
    }

    .flaticon-arrows-left:before {
        content: "\f100";
        font-size: 36px;
    }

    .flaticon-arrows-right:before {
        content: "\f101";
        font-size: 36px;
    }

    .owl-carousel.nav-style2 .owl-nav .owl-prev::before {
        display: none;
    }

    .owl-carousel.nav-style2 .owl-nav .owl-next::before {
        display: none;
    }
    /* end slide-product */
    /* section-nurture  */

    .main-content .section {
        position: relative;
        width: 100%;
        z-index: 1;
    }

    .main-content .section-bg-3 {
        background-image: url(../img/back-oil.svg);
        background-position: center 60%;
        background-repeat: no-repeat;
    }

    .section .section-pretitle {
        font-family: NotoSans, NotoSansThai;
        font-size: 32px;
        font-weight: bold;
        color: #373A3C;
    }

    .section .title {
        font-family: NotoSans, NotoSansThai;
        font-size: 14px;
        color: #7A7E81;
        margin: 12px auto 100px;
        max-width: 500px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        line-height: 20px;
        max-height: 40px;
    }

    .section .nurture-special-title {
        display: block;
        position: relative;
        padding-left: 0px;
        margin-bottom: 100px;
    }

    .nurture-special-title .number {
        position: absolute;
        top: 0;
        left: 0;
        right: 0px;
    }

    .nurture-special-title img {
        width: 64px;
        height: 64px;
    }

    .nurture-special-title .title {
        font-family: NotoSans, NotoSansThai;
        color: #373A3C;
        font-size: 16px;
        font-weight: bold;
        margin-bottom: 6px;
        padding-left: 80px;
    }

    .nurture-special-title p {
        font-family: NotoSans, NotoSansThai;
        color: #7A7E81;
        font-size: 14px;
        font-weight: normal;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        line-height: 20px;
        max-height: 40px;
        max-width: 290px;
        padding-left: 80px;
    }

    .nurture-special-title.align-right {
        text-align: right;
        padding-left: 0;
        padding-right: 80px;
    }
    /* end section-nurture  */
    /* blogs */

    .blogs-news .title {
        font-size: 32px;
        color: #373A3C;
        margin: 0;
        font-weight: bold;
        text-align: center;
    }

    .blogs-news .section-des {
        text-align: center;
        margin-bottom: 55px;
        font-size: 14px;
        color: #7A7E81;
        margin: 14px auto 48px;
        max-width: 500px;
    }

    .owl-blogs .owl-stage-blogs {
        position: relative;
        overflow: hidden;
        width: 256px;
        padding-bottom: 24px;
        display: inline-block;
        margin-right: 10px;
        margin-left: 10px;
    }

    .owl-blogs {
        margin-left: 27px;
        margin-right: 27px;
    }

    .owl-blogs .owl-item {
        position: relative;
        float: left;
    }

    .post-item .post-format {
        margin-bottom: 0 !important;
    }

    .post-item .post-format .post-thumb {
        display: block;
        position: relative;
        overflow: hidden;
    }

    .owl-blogs .owl-item img {
        display: block;
        width: 256px;
        height: 160px;
    }

    .post-item .post {
        font-size: 16px;
        font-weight: bold;
        margin-top: 16px;
        color: #373A3C;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        line-height: 20px;
        max-height: 40px;
    }

    .post-item .main-content-post p {
        font-size: 10px;
        margin-bottom: 12px;
        color: #7A7E81;
    }

    .post-item p {
        font-size: 14px;
        margin-bottom: 12px;
        color: #7A7E81;
    }

    .post-item .box {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
        line-height: 20px;
        max-width: 256px;
    }

    .post-item .readmore {
        font-size: 14px;
        text-decoration: underline;
        color: #8FC30F;
    }

    .post-item .readmore:hover {
        text-decoration: underline;
        color: #80AF0D;
    }

    .btn-more {
        text-align: center;
        margin-bottom: 80px
    }

    .blogs .blogs-news {
        margin-top: 64px;
    }

    .blogs .pagination {
        margin-top: 0;
        margin-bottom: 48px;
    }

    .blogs .list-page li {
        display: inline-block;
        list-style: none;
        margin: 3px;
    }

    .list-page li a {
        font-family: NotoSans, NotoSansThai;
        font-size: 12px;
        color: #373A3C;
    }

    .list-page li a.prev,
    .list-page li a.next {
        font-family: NotoSans, NotoSansThai;
        font-size: 14px;
        color: #373A3C;
    }

    .list-page li a:hover,
    .list-page li a.current {
        background-color: #8FC30F;
        color: #fff;
        padding-top: 1px;
    }
    /* end blogs */
    /* contact */

    .contact-page {
        margin-top: 64px;
        margin-bottom: 64px;
    }

    .contact-content {
        padding: 0;
    }

    .contact-page .title {
        font-family: NotoSans, NotoSansThai;
        font-size: 32px;
        color: #373A3C;
        margin: 0;
        font-weight: bold;
        text-align: center;
    }

    .contact-page .section-des {
        font-family: NotoSans, NotoSansThai;
        text-align: center;
        margin-bottom: 55px;
        font-size: 14px;
        color: #7A7E81;
        margin: 14px auto 48px;
        max-width: 500px;
    }

    .box-contact img {
        width: 64px;
        height: 64px;
    }

    .contact-page .ic-name {
        font-family: NotoSans, NotoSansThai;
        font-size: 14px;
        color: #4a4a4a;
        margin-top: 16px;
        margin-bottom: 18px;
        font-weight: bold;
        text-align: center;
    }

    .box-contact .subtitle {
        font-family: NotoSans, NotoSansThai;
        font-size: 14px;
        color: #7A7E81;
        margin: 0;
        line-height: 19px;
        font-weight: normal;
    }

    .info-contact .row {
        max-width: 760px;
        margin: 0 auto;
    }

    .info-contact .box-contact {
        margin-top: 24px;
    }

    .info-contact .contact-detail .ct-input {
        padding: 0;
    }

    .info-contact .contact-detail {
        max-width: 600px;
        margin: 0 auto;
        margin-top: 24px;
    }

    .contact-detail .send-mess {
        width: 100%;
    }

    .contact-content .input-info {
        font-family: NotoSans, NotoSansThai;
        font-size: 14px;
        color: #4a4a4a;
        font-weight: normal;
        padding: 11px 16px;
        background-color: #fdfdfd;
        border: 1px solid #D3DFDF;
        line-height: 1.6;
        margin-top: 0;
        margin-bottom: 12px;
        width: 100%;
        height: 42px;
        border-radius: 4px;
    }
    /* .contact-content .input-info:hover,
.contact-content .input-info:focus,
.contact-content .input-info.active {
    border-color: #4a4a4a;
} */

    .contact-content .input-area {
        font-family: NotoSans, NotoSansThai;
        font-size: 14px;
        color: #4a4a4a;
        font-weight: normal;
        padding: 11px 16px;
        width: 100%;
        height: 160px;
        margin-top: 0;
        margin-bottom: 44px;
        border-color: #D3D4D5;
        background-color: #fdfdfd;
        line-height: 1.6;
        resize: none;
    }

    .contact-content .input-area::placeholder,
    .contact-content .input-info::placeholder {
        font-family: NotoSans, NotoSansThai;
        font-size: 14px;
        color: #D3D4D5;
        font-weight: normal;
    }

    .ct-input label {
        font-family: NotoSans, NotoSansThai;
        color: #4A4A4A;
        font-size: 12px;
        height: 18px;
        font-weight: normal;
    }
    /* end contact */
    /* button-download */

    .dw-ip {
        float: right;
    }

    .dw-ip img {
        width: 430px;
        height: 465px;
    }

    .download-detail {
        margin-top: 85px;
        margin-left: 65px;
    }

    .download-detail .text-dw {
        font-family: NotoSans, NotoSansThai;
        color: #373A3C;
        font-size: 32px;
        font-weight: bold;
        margin-bottom: 16px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        line-height: 40px;
        max-height: 80px;
        max-width: 415px;
    }

    .download-detail .con-dw {
        font-family: NotoSans, NotoSansThai;
        color: #7A7E81;
        font-size: 14px;
        font-weight: normal;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
        line-height: 18px;
        max-height: 100px;
        max-width: 407px;
        margin-bottom: 32px;
    }

    .btn-dw .btn-store {
        display: inline-block;
        margin-right: 8px;
    }

    .btn-dw .btn-google {
        display: inline-block;
    }

    .btn-dw .btn-store img,
    .btn-dw .btn-google img {
        width: 188px;
    }

    .download-app {
        display: flex;
        flex-wrap: wrap;
    }
    /* end button-download */
    /* FOOTER */

    footer {
        width: 100%;
        bottom: 0px;
    }

    .footer {
        display: block;
        width: 100%;
        padding-bottom: 0;
        margin-top: 0;
        margin-bottom: 0;
        font-size: 15px;
        background-color: #111111;
        color: #ffffff;
        bottom: 0px;
    }

    footer .main-footer {
        display: block;
        padding-top: 24px !important;
    }

    footer .widget-text h5 {
        font-size: 16px;
        font-weight: bold;
        color: #fff;
    }

    footer .widget-text p {
        color: #7A7E81;
        font-size: 14px;
        font-weight: normal;
    }

    .footer ul.list-socials {
        margin-top: 16px;
        padding-left: 0;
    }

    .footer .list-socials li a img {
        width: 32px;
        height: 32px;
    }

    .footer .list-socials li {
        margin-right: 16px;
        margin-left: 0;
    }

    .list-socials li {
        display: inline-block;
        list-style: none;
        margin: 0 5px;
    }

    .footer .widget .widget-title {
        margin-top: 0px;
        padding-top: 8px;
        padding-bottom: 0px;
        margin-bottom: 16px;
        text-transform: uppercase;
        font-size: 16px;
        letter-spacing: .05em;
        color: #fff;
        border-color: #545454;
    }

    .footer .widget ul li a:hover {
        text-decoration: underline;
    }

    .footer .main-footer .widget ul {
        padding-left: 0;
    }

    .footer .widget ul li a {
        position: relative;
        color: #7A7E81;
        font-size: 14px;
    }

    .footer .widget ul li {
        display: list-item;
        list-style: none;
        margin-bottom: 16px;
    }

    .footer .list-payment {
        margin: 10px 0 0;
        text-align: right;
        padding-left: 0px;
    }

    .list-payment li:first-child {
        margin-left: 0;
    }

    .list-payment li {
        display: inline-block;
        list-style: none;
        margin: 5px 0 0 2px;
    }

    .footer .coppy-right .content {
        color: #ffffff;
        font-size: 12px;
        margin: 23px 0 0;
        overflow: hidden;
        line-height: 20px;
    }

    .footer .coppy-right .site-name {
        color: #ffffff !important;
    }

    .footer .logo {
        float: left;
        margin-right: 32px;
        line-height: 60px;
    }

    .footer .coppy-right .text {
        color: #90C300 !important;
    }

    .footer .footer-note {
        border-top: solid 1px #292929;
    }

    .footer .widget {
        margin-top: 40px;
    }
    /* end footer */
    /* blogs-detail */

    .blogs-details {
        margin-top: 62px;
        margin-bottom: 62px;
    }

    .blogs-details .widget-recent-post {
        margin-left: 45px;
    }

    .widget-recent-post .list-recent-posts li .thumb {
        margin-top: 0;
        width: 96px;
        height: 60px;
    }

    .widget-recent-post .thumb img {
        width: 96px;
        height: 60px;
    }

    .widget-recent-post .list-recent-posts li {
        display: list-item;
        list-style: none;
        padding: 12px 37px 16px 0;
        border-bottom: solid 1px #E8E9EA !important;
        overflow: hidden;
        max-width: 400px
    }

    .widget-recent-post .widgettitle,
    .post-detail .post {
        font-family: NotoSans, NotoSansThai;
        color: #373A3C;
        font-size: 24px;
        font-weight: bold;
        margin-bottom: 12px;
        text-transform: none;
    }

    .list-recent-posts li .info .product-name {
        font-family: NotoSans, NotoSansThai;
        color: #373A3C;
        font-size: 16px;
        font-weight: bold;
        text-transform: none;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        line-height: 20px;
        max-width: 252px;
    }

    .list-recent-posts li .info .product-name:hover {
        color: #80AF0D;
    }

    .list-recent-posts li .info .day .text,
    .post-detail p {
        font-family: NotoSans, NotoSansThai;
        color: #7A7E81;
        font-size: 10px;
        font-weight: normal;
    }

    .post-detail p.box {
        font-family: NotoSans, NotoSansThai;
        color: #7A7E81;
        font-size: 14px;
        font-weight: normal;
    }

    .post-detail .post {
        margin-top: 24px;
        margin-bottom: 0;
        text-align: left;
    }

    .post-detail .box {
        margin-bottom: 22px;
        text-align: left;
    }

    .post-detail img {
        width: 100%;
    }
    /* end  blogs-detail */
    /* ------------------- Modal ------------------- */

    .modal-login,
    .modal-register {
        width: 560px;
        height: 661px;
        margin: 0 auto;
        margin-top: 30px;
    }

    .modal-forget {
        width: 560px;
        height: 416px;
        margin: 0 auto;
        margin-top: 30px;
    }

    .ml-content {
        position: relative;
        display: flex;
        flex-direction: column;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid rgba(0, 2, 4, 0);
        outline: 0;
    }

    .ml-header {
        align-items: center;
        justify-content: space-between;
        padding: 28px 32px 12px 32px;
        display: block;
    }

    .cross-hover {
        display: block;
        height: 30px;
        width: 30px;
        border-radius: 50%;
        border: 1px solid #ffffff;
        background-color: #ffffff;
        padding: 2px 7px 3px 7px;
        float: right;
        cursor: pointer;
    }

    .cross-hover:hover {
        display: block;
        height: 30px;
        width: 30px;
        border-radius: 50%;
        border: 1px solid #fafafa;
        background-color: #fafafa;
        padding: 2px 7px 3px 7px;
    }

    .ml-body {
        position: relative;
        flex: 1 1 auto;
        padding: 0px 80px 56px 80px;
    }

    .ml-body>p {
        font-family: NotoSans, NotoSansThai;
        margin-bottom: 32px;
        text-align: center;
        font-size: 32px;
        color: #000000;
    }

    .ml-body>h5 {
        font-family: NotoSans, NotoSansThai;
        margin-top: 12px;
        margin-bottom: 30px;
        text-align: center;
        font-size: 14px;
        color: #7A7E81;
        line-height: 1.4;
    }

    .ml-body form>.form-group {
        margin-bottom: 32px;
    }

    .ml-body .form-group>label {
        font-family: NotoSans, NotoSansThai;
        font-size: 12px;
        font-weight: 100;
        color: #4a4a4a;
    }

    .ml-body .form-group input::-webkit-input-placeholder {
        font-family: NotoSans, NotoSansThai;
        font-size: 14px;
        font-weight: 100;
        color: #d3d4d5;
    }

    .ml-body .form-group input {
        font-family: NotoSans, NotoSansThai;
        border: solid 1px #d3d4d5;
        font-size: 14px;
        font-weight: normal;
        color: #4a4a4a;
        background-color: #fafafa;
        margin-bottom: 12px;
        height: 42px;
        box-shadow: none;
        padding-top: 11px;
    }

    .ml-body .login-forgot-password-wrapper {
        position: absolute;
        top: 179px !important;
        right: 90px;
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        z-index: 10;
        font-size: 12px;
        color: #7A7E81;
        float: right;
        font-weight: normal;
        cursor: pointer;
    }

    .ml-body .login-forgot-password-wrapper a {
        font-size: 12px;
        color: #7A7E81;
        float: right;
        font-weight: normal;
        cursor: pointer;
    }

    .ml-body .form-group p {
        font-size: 12px;
        color: #7A7E81;
        float: right;
        font-weight: normal;
        cursor: pointer;
    }

    .ml-body .link-reg {
        margin-top: 80px;
        text-align: center;
    }

    .ml-body .link-reg a,
    .ml-body .link-login a {
        text-decoration: underline;
        color: #69B0FE;
        font-size: 14px;
        cursor: pointer;
    }

    .ml-body .link-login {
        margin-top: 32px;
        text-align: center;
    }

    .modal-forget .ml-body>p {
        margin-bottom: 0;
    }
    /* button */

    .btn {
        color: #ffffff;
        cursor: pointer;
        padding-left: 18px;
        padding-right: 18px;
    }

    .btn:hover,
    .btn:focus,
    .btn.active {
        color: #ffffff;
        outline: 0;
    }

    .login-btn,
    .register-btn {
        font-family: NotoSans, NotoSansThai;
        background-color: #8FC30F;
        border-radius: 4px;
        font-size: 16px;
        font-weight: bold;
        width: 100%;
        text-align: center;
        height: 48px;
    }

    .login-btn:hover,
    .register-btn:hover,
    .login-btn:focus,
    .register-btn:focus,
    .login-btn.active,
    .register-btn.active {
        background-color: #80AF0D;
    }

    .fb-btn {
        background-color: #3957A3;
        border-radius: 4px;
        width: 100%;
        height: 48px;
    }

    .fb-btn:hover,
    .fb-btn:focus,
    .fb-btn.active {
        background-color: #36529A;
    }

    .fb-btn .fb {
        font-family: NotoSans, NotoSansThai;
        text-align: center;
        font-size: 16px;
        font-weight: bold;
    }

    .fb-btn .fb img {
        margin-right: 16px;
        margin-top: -3px;
    }

    .modal-register .ml-body form>.form-group {
        margin-bottom: 24px;
    }

    .form-check {
        position: relative;
        display: block;
        height: 24px;
        margin-bottom: 32px;
    }

    .form-check-label {
        padding-left: 0;
    }

    .aweCheckbox {
        padding: 5px 20px;
        font-size: 14px;
        font-weight: 300;
        color: #373a3c;
    }

    .aweCheckbox input[type="checkbox"] {
        display: none;
        z-index: 1;
    }

    .aweCheckbox label {
        display: inline-block;
        vertical-align: middle;
        position: relative;
        cursor: pointer;
        font-size: 14px;
        font-weight: 300;
        color: #373a3c;
        padding-left: 12px;
    }

    .aweCheckbox label::before {
        content: "";
        display: inline-block;
        position: absolute;
        width: 17px;
        height: 17px;
        left: 0px;
        top: 7px;
        margin-left: -20px;
        border: 1px solid #cccccc;
        border-radius: 3px;
        background-color: #fff;
        -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
        -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
        transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    }

    .aweCheckbox-danger input[type="checkbox"]:checked+label::before {
        background-color: #8FC30F;
        border-color: #8FC30F;
    }

    .aweCheckbox-danger input[type="checkbox"]:checked+label::after {
        color: #fff;
    }

    .aweCheckbox input[type="checkbox"]:checked+label::after {
        font-family: "FontAwesome";
        content: "";
        color: #fff;
        position: absolute;
        width: 10px;
        height: 5px;
        border-bottom: solid 1.5px currentColor;
        border-left: solid 1.5px currentColor;
        transform: rotate(-43deg);
        top: 6px;
        left: -16px;
    }

    .agree-check label::before {
        top: 1px !important;
    }

    .hr-text {
        position: relative;
        outline: 0;
        border: 0;
        text-align: center;
        height: 1.5em;
        margin-top: 38px;
        margin-bottom: 38px;
    }

    .hr-text:before {
        content: '';
        background-color: #D3D4D5;
        position: absolute;
        left: 0;
        top: 50%;
        width: 100%;
        height: 1px;
    }

    .hr-text:after {
        content: attr(data-content);
        position: relative;
        display: inline-block;
        color: #4A4A4A;
        padding: 0 .5em;
        line-height: 1.5em;
        background-color: #fcfcfa;
    }

    @media (max-width: 576px) {
        /* home header */
        .main-home .row.content .title {
            font-size: 26px;
        }
        .header .topbar {
            text-align: center;
        }
        .header .topbar .mobile {
            padding: 0;
        }
        .header .topbar-menu {
            text-align: center;
        }
        .main-header .logo {
            display: none;
        }
        .topbar .topbar-menu ul li .sub-menu {
            right: 0;
            left: 0;
        }
        .topbar .topbar-menu ul li .sub-menu.acc {
            right: 0;
            left: -90px;
        }
        .head-detail {
            margin: 40px auto;
        }
        .head-detail .about-content-title-line {
            display: none;
        }
        .product-show .block {
            max-width: 360px;
            margin-bottom: 24px;
        }
        /* home footer */
        .footer .main-footer {
            padding-bottom: 0;
        }
        .footer .widget.custom-widget {
            margin-left: 0 !important;
            margin-top: 32px;
        }
        .footer .logo {
            display: none;
        }
        .footer-note .coppy-right {
            text-align: center;
            margin-bottom: 0;
        }
        .footer .list-payment {
            text-align: center !important;
            padding-left: 0px;
        }
        /* modal */
        .ml-body {
            padding: 0px 20px 36px 20px;
        }
        .ml-header {
            padding: 32px 20px 12px 20px;
        }
        .ml-body .login-forgot-password-wrapper {
            right: 35px;
        }
        .ml-content {
            height: 100%;
            overflow: hidden;
        }
        .modal-dialog {
            width: 100%;
            height: 100%;
            margin-top: 0px;
        }
        /* top-banner */
        .top-banner .br-detail {
            display: none;
        }
        /* download-app */
        .download-app .up-text {
            order: -1;
        }
        .download-detail .text-dw {
            line-height: 32px;
            margin-bottom: 16px;
            font-size: 24px;
        }
        .download-detail .con-dw {
            margin-bottom: 32px;
        }
        .download-detail {
            margin: 0 auto;
        }
        .btn-dw .btn-store img,
        .btn-dw .btn-google img {
            width: 124px;
        }
        .btn-dw {
            text-align: center;
        }
        /* section-special */
        .main-content .section-bg-3 {
            background-image: none;
        }
        .nurture-special-title.align-right {
            text-align: left;
            padding-right: 0;
            padding-left: 80px;
        }
        .section .text-center.title {
            margin-bottom: 50px;
        }
        .section .nurture-special-title {
            margin-bottom: 50px;
            padding-left: 80px;
            padding-right: 20px;
        }
        .nurture-special-title .title,
        .nurture-special-title p {
            padding-left: 0;
        }
        /* blogs */
        .owl-blogs {
            margin: 0;
        }
        .owl-blogs .owl-stage-blogs {
            margin: 0 auto;
            display: block;
            width: 100%;
        }
        .blogs-details .widget-recent-post {
            margin-left: 0;
            margin-top: 16px;
        }
        .post-detail {
            margin: 0 auto;
            text-align: center;
        }
        .post-detail p {
            text-align: left;
        }
        .list-recent-posts li .info .product-name {
            max-width: none;
        }
        .widget-recent-post .list-recent-posts li {
            max-width: none;
        }
        .owl-blogs .owl-item img {
            width: 100%;
            height: 100%;
        }
        .post-item .box {
            max-width: 100%;
        }
        /* input-checkout */
        .box-checkout .btn-reg,
        .box-checkout .ct-checkout,
        .box-checkout .ct-checkout {
            padding-left: 20px !important;
            padding-right: 20px !important;
        }
        .box-checkout .contact-checkout {
            margin-left: 12px !important;
        }
        .address-list {
            padding: 0;
        }
        .box-shipping {
            padding: 28px 16px 28px !important;
            flex-wrap: wrap !important;
            height: auto !important;
        }
        .box-shipping .checked label {
            margin-bottom: 5px !important;
        }
        .box-shipping .shipping-address {
            margin-bottom: 16px;
        }
        .box-shipping .shipping-address h5 {
            height: auto !important;
        }
        .box-shipping {
            padding-left: 16px;
        }
        .box-shipping .sp {
            padding: 0;
        }
        .mobile-navigation {
            padding: 17px 0 !important;
        }
        /* tap product */
        .nav-tab-style2 .nav>li.active>a::after {
            display: none;
        }
        .nav-tab-style2 .nav>li:first-child {
            border-top: 1px solid #E8E9EA;
        }
        .nav-tab-style2 .nav>li {
            border-bottom: 1px solid #E8E9EA;
            margin: 0;
            padding: 10px 0;
            cursor: pointer;
        }
        .nav-tab-style2 .nav>li.active>a {
            color: #8FC30F;
            font-weight: normal;
        }
        .nav-tab-style2 .nav>li>a {
            font-family: NotoSans, NotoSansThai;
            color: #888;
            font-size: 16px;
            text-transform: none;
        }
    }

    @media (min-width: 576px) and (max-width: 767px) {
        /* header */
        .main-header .logo {
            display: none;
        }
        .header .topbar-menu {
            text-align: left;
        }
        .head-detail .about-content-title-line {
            border: 0;
        }
        .head-detail {
            margin: 40px auto;
        }
        /* section-special */
        .main-content .section-bg-3 {
            background-image: none;
        }
        .main-content .section-bg-3 .center-tablet {
            margin: 0 auto;
            width: fit-content;
        }
        .owl-blogs .owl-stage-blogs {
            margin: 0 auto;
            width: 256px;
        }
        .con-center {
            display: none;
        }
        .nurture-special-title.align-right {
            text-align: left;
            padding-right: 0;
            padding-left: 80px;
        }
        .section .text-center.title {
            margin-bottom: 50px;
        }
        .nurture-special-title .title {
            margin-left: 0px;
        }
        .section .nurture-special-title {
            margin-bottom: 50px;
        }
        .nurture-special-title .title,
        .nurture-special-title p {
            padding-left: 0;
        }
        .nurture-special-title.con-left .title,
        .nurture-special-title.con-left p {
            text-align: left;
            padding-right: 0;
            padding-left: 80px;
        }
        /* modal */
        .ml-content {
            width: auto;
            height: 100%;
            border: 0;
            overflow: hidden;
        }
        .modal-dialog {
            margin: 0px;
            height: 100%;
            width: 100%;
        }
        .ml-body {
            padding: 0px 30px 28px 30px;
        }
        /* top-banner */
        .top-banner .br-detail {
            border: 0;
        }
        /* download-app */
        .download-app .up-text {
            order: -1;
        }
        .download-detail .text-dw,
        .download-detail .con-dw {
            margin: 0 auto;
        }
        .download-detail .con-dw {
            margin-bottom: 32px;
        }
        .download-detail {
            text-align: center;
            margin-bottom: 32px;
        }
        /* blogs */
        .owl-blogs {
            margin: 0 auto;
            display: flex;
            flex-wrap: wrap;
        }
        .post-detail {
            margin: 0 auto;
            text-align: center;
        }
        .list-recent-posts li .info .product-name {
            max-width: none;
        }
        .widget-recent-post .list-recent-posts li {
            max-width: none;
        }
        .blogs-details .widget-recent-post {
            margin-left: 0;
            margin-top: 50px;
        }
        .btn-dw .btn-store img,
        .btn-dw .btn-google img {
            width: 150px;
        }
        .dw-ip {
            float: none;
            margin: 0 auto;
            width: 430px;
        }
        .download-detail {
            margin: 32px auto;
        }
        .footer .logo {
            display: none;
        }
        .footer .coppy-right {
            text-align: center;
            margin-bottom: 0;
        }
        .footer .list-payment {
            text-align: center;
        }
    }

    @media (min-width: 768px) and (max-width: 991px) {
        /* header */
        .main-header .logo {
            display: none;
        }
        .head-detail .about-content-title-line {
            border: 0;
        }
        /* section-special */
        .main-content .section-bg-3 {
            background-image: none;
        }
        .nurture-special-title.align-right {
            text-align: left;
            padding-right: 0;
            padding-left: 80px;
        }
        .section .text-center.title {
            margin-bottom: 50px;
        }
        .nurture-special-title .title {
            margin-left: 0px;
        }
        .section .nurture-special-title {
            margin-bottom: 50px;
            padding-left: 80px;
        }
        .nurture-special-title .title,
        .nurture-special-title p {
            padding-left: 0;
        }
        .main-content .section-bg-3 .center-tablet {
            margin: 0 auto;
            width: fit-content;
        }
        /* top-banner */
        .top-banner .br-detail {
            border: 0;
        }
        /* download-app */
        .download-detail {
            margin-left: 0;
        }
        .btn-dw .btn-store img,
        .btn-dw .btn-google img {
            width: 150px;
        }
        .download-detail .text-dw {
            font-size: 29px;
            line-height: 36px;
        }
        /* blogs */
        .owl-blogs {
            display: flex;
            flex-wrap: wrap;
        }
        .owl-blogs .owl-stage-blogs {
            margin: 0 auto;
            width: 256px;
        }
        .post-detail {
            margin: 0 auto;
            text-align: center;
        }
        .post-detail p {
            text-align: left;
        }
        .list-recent-posts li .info .product-name {
            max-width: none;
        }
        .widget-recent-post .list-recent-posts li {
            max-width: none;
        }
        .blogs-details .widget-recent-post {
            margin-left: 0;
            margin-top: 16px;
        }
    }

    @media (min-width: 992px) and (max-width: 1199px) {
        /* header */
        .main-header .logo {
            display: none;
        }
        .header-nav {
            text-align: left;
        }
        .main-menu {
            padding-left: 0;
        }
        .btn-dw .btn-store img,
        .btn-dw .btn-google img {
            width: 150px;
        }
    }
    /* input-checkout */

    .box-checkout {
        border: 1px solid #D3D4D5;
        background-color: #ffffff;
        border-radius: 8px;
        padding-top: 40px;
        padding-left: 0px;
        padding-right: 0px;
        /* margin-bottom: 120px; */
        /* max-width: 700px; */
    }

    .content-box {
        max-width: 100%;
        margin: 0;
        padding-bottom: 40px;
    }

    .box-checkout .btn-reg {
        max-width: 600px;
        margin: 0 auto;
        padding: 0px;
    }

    .btn-reg .login-btn {
        background-color: #524D64;
        line-height: 2.2;
    }

    .btn-reg .login-btn:hover {
        background-color: #4D485E;
    }

    .box-checkout .hr-text:after {
        padding: 0 .72em !important;
        background-color: #ffffff !important;
    }

    .box-checkout .contact-checkout {
        margin-left: 24px;
    }

    .box-checkout .contact-checkout h5 {
        font-family: NotoSans, NotoSansThai;
        color: #373A3C;
        font-size: 16px;
        font-weight: bold;
        margin-top: 0px;
        margin-bottom: 12px;
    }

    .box-checkout .ct-checkout {
        padding: 0;
        margin: 0 auto;
        max-width: 600px;
    }

    .ct-checkout .ct-input {
        padding: 0;
        width: 100%;
    }

    .ct-checkout .ct-input label {
        margin-top: 12px;
    }

    .ct-checkout .ct-input input {
        margin-bottom: 0px;
    }

    .box-checkout .divider {
        border-top: 1px solid #D3D4D5;
        margin-bottom: 40px;
        margin-top: 40px;
    }

    .ct-checkout .button.login-btn {
        margin-top: 40px;
        margin-bottom: 56px;
        padding-top: 14px;
    }

    .ct-checkout textarea.input-area {
        margin-bottom: 0px;
    }
    /* end input-checkout */
    /* box-shopping */

    .box-shipping {
        border: 1px solid #D3D4D5;
        border-radius: 8px;
        height: 164px;
        padding: 28px 32px 28px 16px;
        margin-bottom: 12px;
        display: flex;
        align-items: center;
        width: 100%;
        position: relative;
    }

    .box-shipping .list-check {
        position: absolute;
        top: 14px;
    }

    .box-shipping .shipping-address {
        padding-left: 32px;
    }

    .box-shipping .shipping-address label {
        height: 20px;
        margin-bottom: 18px;
    }

    .box-shipping .shipping-address h5 {
        color: #7A7E81;
        font-size: 14px;
        height: 20px;
        margin: 0 0 4px;
    }

    .box-shipping .checked {
        font-family: NotoSans, NotoSansThai;
        font-size: 16px;
        color: #373A3C;
    }

    .box-shipping .checked .radio {
        display: inline-block;
        margin-right: 16px;
    }

    .box-shipping .checked label {
        font-family: NotoSans, NotoSansThai;
        font-size: 16px;
        color: #373A3C;
        margin-bottom: 10px;
        font-weight: normal;
    }

    .box-shipping .checked h5 {
        font-family: NotoSans, NotoSansThai;
        font-size: 14px;
        color: #7A7E81;
        line-height: 20px;
        margin-left: 12px;
        margin-top: 4px;
        margin-bottom: 4px;
        font-weight: normal;
    }

    .box-shipping .ln-delete {
        text-align: right;
        position: absolute;
        right: 32px;
    }

    .box-shipping .ln-delete a {
        font-family: NotoSans, NotoSansThai;
        font-size: 16px;
        color: #D8D8D8;
    }

    .box-shipping .sp {
        padding: 0;
    }
    /* end box-shopping */
    /* Checkout-Successfully */

    .order-checkout {
        margin-top: 72px;
        margin-bottom: 112px;
    }

    .checkout-success,
    .checkout-fail {
        margin: 0 auto;
        padding: 0;
        text-align: center;
    }

    .checkout-success img,
    .checkout-fail img {
        width: 128px;
        height: 128px;
    }

    .checkout-success p,
    .checkout-fail p {
        color: #373A3C;
        font-size: 32px;
        line-height: 40px;
        font-weight: bold;
        margin-top: 35px;
        margin-bottom: 32px;
    }

    .checkout-success .number-checkout,
    .checkout-success .number-checkout label,
    .checkout-fail .number-checkout {
        font-size: 24px;
        line-height: 32px;
        color: #4a4a4a;
        font-weight: normal;
    }

    .checkout-contact {
        margin-top: 36px;
        color: #7A7E81;
        font-size: 12px;
        line-height: 17px;
    }

    .checkout-contact a {
        color: #69B0FE;
        font-size: 12px;
        line-height: 17px;
        text-decoration: underline;
    }
    /* END Checkout-Successfully */
    /* Email Template */

    .email-template {
        margin: 0;
        height: 100%;
        ;
    }

    .email-contener {
        background-color: #F7F7F7;
        height: 100%;
        text-align: center;
        width: 100%;
    }

    .email-header {
        display: inline-block;
        margin: 70px auto 20px;
        max-width: 100%;
        width: 600px;
    }

    .email-header .logo-img {
        float: left;
    }

    .email-header .logo-img img {
        width: 74px;
    }

    .email-header .title-detail {
        float: right;
        text-align: right;
    }

    .email-header .title-detail span {
        font-weight: bold;
    }

    .email-header .title-detail label {
        color: #373A3C;
        font-size: 12px;
        font-weight: 400;
    }

    .email-body {
        background-color: #FFF;
        border: 1px solid #E8E9EA;
        border-radius: 8px;
        clear: both;
        margin: 0 auto 32px;
        max-width: 100%;
        padding: 32px 50px 48px;
        width: 500px;
    }

    .email-body h5 {
        color: #373A3C;
        font-size: 24px;
        font-weight: bold;
        margin: 0 0 30px;
        text-align: left;
    }

    .email-body .greeting-message {
        margin-bottom: 24px;
        text-align: left;
    }

    .email-body .greeting-message label {
        color: #4A4A4A;
        font-size: 14px;
    }

    .email-body .greeting-message label span {
        font-weight: bold;
    }

    .email-body .email-content {
        color: #4A4A4A;
        font-size: 14px;
        margin-bottom: 16px;
        text-align: left;
    }

    .email-body .email-content p {
        margin: 0;
    }

    .email-body .email-content p span {
        font-weight: bold;
    }

    .email-body .email-link {
        background-color: #FAFAFA;
        height: auto;
        line-height: 2;
        padding: 8px 0;
    }

    .email-body .email-link a {
        color: #69B0FE;
        font-size: 14px;
    }

    .email-body .best-regard {
        clear: both;
        margin-top: 32px;
        margin-bottom: 36px;
        text-align: left;
    }

    .email-body .best-regard p {
        color: #4A4A4A;
        font-size: 14px;
        margin: 6px 0;
    }

    .email-body .email-template p {
        color: #A7A9AB;
        font-size: 10px;
        margin: 0;
    }

    .email-body .email-template p a {
        color: #69B0FE;
    }

    .email-body .email-order {
        margin-top: 40px;
    }

    .email-body .email-order-detail {
        border: 1px solid #D3D4D5;
        border-radius: 8px;
        margin-top: 24px;
    }

    .email-body .email-order-detail .detail-item {
        border-bottom: 1px solid #D3D4D5;
        padding: 40px 50px 48px;
        text-align: left;
    }

    .email-body .email-order-detail .detail-item:last-child {
        border-bottom: none;
    }

    .detail-item h5 {
        color: #373A3C;
        font-size: 16px;
        font-weight: bold;
        margin-bottom: 16px;
    }

    .detail-item .product {
        border: 1px solid #D3D4D5;
        border-radius: 4px;
        margin-bottom: 12px;
        padding: 12px 24px;
        text-align: left;
    }

    .detail-item .product .product-img {
        float: left;
        margin-right: 32px;
    }

    .detail-item .product .product-img img {
        width: 56px;
    }

    .detail-item .product .product-detail .product-name {
        white-space: nowrap;
        overflow: hidden !important;
        text-overflow: ellipsis;
    }

    .detail-item .product .product-detail .product-name label {
        color: #373A3C;
        font-size: 16px;
        font-weight: bold;
    }

    .detail-item .product .product-detail>label {
        color: #7A7E81;
        display: block;
        font-size: 10px;
    }

    .detail-item .product .product-detail p {
        color: #8FC30F;
        font-size: 16px;
        font-weight: bold;
        margin: 4px 0 0;
    }

    .detail-item .product .product-detail p span {
        color: #7A7E81;
        font-size: 12px;
        font-weight: bold;
        text-decoration: line-through;
    }

    .detail-item .customer-name {
        margin-bottom: 8px;
    }

    .detail-item .customer-name label {
        color: #373A3C;
        font-size: 16px;
    }

    .detail-item .customer-address label {
        color: #7A7E81;
        display: block;
        font-size: 14px;
        margin-bottom: 4px;
    }

    .detail-item .direct-debit {
        float: left;
        width: 50%;
    }

    .detail-item .direct-debit label {
        color: #4A4A4A;
        font-size: 14px;
    }

    .detail-item .payment-name {
        text-align: right;
    }

    .detail-item .payment-name label {
        color: #A7A9AB;
        font-size: 14px;
    }

    .email-body .price-total {
        display: inline-block;
        margin-top: 48px;
        margin-bottom: 40px;
        padding-bottom: 48px;
        border-bottom: 1px dashed #D3D4D5;
    }

    .email-body .price-total .summary {
        float: right;
        max-width: 100%;
        margin-bottom: 8px;
        width: 286px;
    }

    .email-body .price-total .summary .price-title {
        float: left;
    }

    .email-body .price-total .summary label {
        color: #7A7E81;
        font-size: 14px;
    }

    .email-body .price-total .summary .price {
        text-align: right;
    }

    .email-body .price-total .summary.grand-total label {
        color: #373A3C;
        font-size: 16px;
        font-weight: bold;
    }

    .read-only-txt {
        clear: both;
        display: inline-block;
        margin-bottom: 6px;
        width: 100%;
    }

    .read-only-txt .label {
        float: left;
        text-align: left;
        width: 25%;
    }

    .read-only-txt .label label {
        color: #4A4A4A;
        font-size: 14px;
        line-height: 2.4;
    }

    .read-only-txt .input {
        float: right;
        width: 75%;
    }

    .read-only-txt .input input {
        background-color: #F7F7F7;
        border: 0;
        border-radius: 4px;
        height: 32px;
        padding: 0 0 0 16px;
        width: 96%;
    }

    .email-footer {
        clear: both;
        margin: 0 auto 32px;
        max-width: 100%;
        width: 500px;
    }

    .email-footer .footer-link {
        color: #A7A9AB;
        font-size: 11px;
        text-align: center;
        margin-bottom: 24px;
    }

    .email-footer .footer-link a {
        color: #4A4A4A;
        font-size: 12px;
        font-weight: bold;
        margin-right: 8px;
        margin-left: 8px;
        text-decoration: none;
    }

    .email-footer .footer-address {
        color: #4A4A4A;
        font-size: 12px;
    }

    @media screen and (max-width: 480px) {
        .email-body {
            padding: 32px 24px 48px;
            width: auto;
        }
        .email-body .email-order-detail .detail-item {
            padding: 40px 24px 48px;
        }
        .email-header .logo-img img {
            margin-left: 16px;
        }
        .email-header .title-detail {
            margin-right: 16px;
        }
    }
    /* END Email Template */
    /* NEW-PASSWORD */

    .newpass-detail {
        max-width: 700px;
        height: 280px;
        border: 1px solid #D3DFDF;
        padding: 40px 50px 30px 50px;
        border-radius: 8px;
        margin: 0 auto;
        margin-top: 32px;
        margin-bottom: 170px;
    }

    .save-pass {
        float: right;
        margin-top: 12px;
    }
    /*  END NEW-PASSWORD */
    
    /* CHECKOUT-SHIPPING */

    @media (max-width: 464px) {
        .box-shipping .ln-delete {
            position: unset !important;
            text-align: left !important;
            padding-left: 32px;
        }
    }
    /* END CHECKOUT-SHIPPING  */