/*header*/

div#logo a {
    width: 150px;
    margin: auto;
}
.sidebar-menu li.account-item.has-icon a.account-link {
    display: flex;
    flex-direction: row;
}

.sidebar-menu li.header-wishlist-icon a.wishlist-link {
    flex-direction: row-reverse;
    justify-content: start;
}
.sidebar-menu .icon-heart:before{
    filter: brightness(0) saturate(100%) invert(24%) sepia(6%) saturate(6567%) hue-rotate(177deg) brightness(88%) contrast(66%);
}

.sidebar-menu i.wishlist-icon.icon-heart{
    opacity: 1;
}
.sidebar-menu .header-wishlist-title{
    display: inline-block !important;
}



/*footer*/

.moove-gdpr-cookie-notice p {
    display: flex;
    align-items: center;
}
button.change-settings-button {
    margin: 0 0 0 10px;
}

.footer-wrapper {
    position: relative;
    width: 100%;
}
footer#footer .f-about p.view-more a {
    color: #fff;
    font-weight: 600;
}

footer#footer a {
    color: #fff;
    font-family: 'Kanit', 'Roboto', sans-serif;
    font-size: 1.0rem;
    font-weight: 100;
}
footer#footer a:hover {
    color: #4CB348 !important;
}

footer#footer .f-menu .text {
    display: flex;
}

footer#footer .fbox {
    width: 50%;
}

footer#footer .f-menu .text ul.menu-link:first-child {
    margin: 0 60px 0 0;
}

footer#footer .f-about img {
    width: 200px;
}

footer#footer .f-menu .text ul.menu-link,
footer#footer .f-about p.view-more{
    margin: 0;
}
/*
footer#footer h4 {
    margin: 0 0 20px;
}
*/


footer#footer .f-menu .text ul.menu-link li {
    list-style: none;
    margin: 0 0 10px 0;
}

footer#footer .f-contact .contact .box img {
    width: 25px;
    margin: 0 15px 0 0;
}

footer#footer .f-contact .contact .box{
    display: flex;
    align-items: flex-start;
}

footer#footer .f-contact .contact .box div {
    line-height: 1.2;
}

footer#footer .f-contact .contact .box a{
    color: #fff;
}

footer#footer .f-contact .contact .box a.phone {
    font-size: 1.5rem;
}
footer#footer .f-contact .contact .box a {
    font-size: 0.9rem;
}
footer#footer .f-contact .contact .box:first-child {
    margin: 0 0 15px;
}

footer#footer .f-contact .social {
    margin: 35px 0 0;
    display: flex;
}
footer#footer .f-contact .social a {
    margin: 0 10px 0 0;
}
footer#footer .f-contact .social a:hover img {
    opacity: 0.7;
}

footer#footer .f-contact .social img{
    width: 35px;
}


/*home slider*/
.home-slide .row .col {
    padding: 0;
}

.home-slide button.flickity-button {
    width: 20px;
    height: 40px;
    display: block;
    border-radius: 0 !important;
    opacity: 0.5;
}

.home-slide button.flickity-button{
    top: 45%;
}

ol.flickity-page-dots li.dot {
    width: 8px;
    height: 8px;
    margin: 0 5px;
}

.home-slide button.flickity-button.previous:before {
    content: '';
    background: url(../images/icon-arrow-left-white.svg) center/ 20px auto;
    width: 20px;
    height: 20px;
    display: block;
}
.home-slide button.flickity-button.previous {
    left: 0;
}
.home-slide button.flickity-button.next:before {
    content: '';
    background: url(../images/icon-arrow-right-white.svg) center/ 20px auto;
    width: 20px;
    height: 20px;
    display: block;
}
.home-slide button.flickity-button.next{
    right: 0;
}

.home-slide button.flickity-button svg.flickity-button-icon {
    display: none;
}

.home-slide .navigation ul {
    background-color: #608AAE;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 18px;
    line-height: 1;
}
.home-slide .navigation ul li a {
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 1;
}
.home-slide .navigation ul li a:hover {
    color: #f0c418;
}
.home-slide .navigation ul li {
    list-style: none;
    margin: 0;
    padding: 15px;
    line-height: 1;
}
.home-slide .navigation {
    position: absolute;
    top: 0;
    margin: 25px;
}
.home-slide .navigation ul li:first-child {
    position: relative;
}
.home-slide .navigation ul li:first-child:after {
    content: '';
    width: 1px;
    height: 25px;
    display: block;
    background-color: #fff;
    position: absolute;
    top: 15px;
    right: 0;
}

.product-small.box .add-to-cart-button .add_to_cart_button:before{
    content: '';
    background: url(../images/cart-white-2.svg) center / 30px auto;
    display: block;
    width: 30px;
    height: 30px;
}

.product-small.box .add-to-cart-button {
    position: absolute;
    left: 5px;
    bottom: 30px;
}
.product-small.box .add-to-cart-button .add_to_cart_button {
    margin: 0;
    font-size: 0 !important;
}
a.primary.is-small.mb-0.button.product_type_simple.is-outline:hover {
    background-color: transparent;
}

.add_to_cart_button.added{
    display: block !important;
}

.product-small .yith-wcwl-add-to-wishlist {
    position: absolute;
    right: 25px;
    bottom: 60px;
}

.product-small .yith-wcwl-add-to-wishlist span {
    display: none;
}

.product-small.box a.primary.is-small.mb-0.button.product_type_simple.is-outline {
    display: inline-block;
}


.product-small a.wpcbn-btn.wpcbn-btn-archive {
    position: absolute;
    bottom: -6px;
    margin: 0 0 0 0;
    transform: translate(-50%, -50%);
    left: 35%;
    width: 90px;
    height: 50px;
    border-radius: 10px !important;
    background-color: #ec1b23;
    font-size: 1.2rem !important;
    display: flex;
    align-items: center;
    justify-content: center;
}
.product-small a.wpcbn-btn.wpcbn-btn-archive:hover{
    background-color: #07254D;
}

a.primary.is-small.mb-0.button.product_type_simple.add_to_cart_button.ajax_add_to_cart.is-outline:hover {
    filter: brightness(9) invert(0.9);
}

.product-small .badge-container {
    display: none;
}
.woocommerce-page .product-small .yith-wcwl-add-to-wishlist {
    right: 0;
}
.star-rating span:before,
.stars a.active:after, 
.stars a:hover:after{
    color: #ffcf3c !important;
}
/*
.product-small .box-text-products {
    margin: 5px 0 0;
    padding: 0 10px;
}
*/

.advanced-woo-labels.awl-position-type-on-image.awl-label-type-archive.awl-align-center-center {
    background: #e3e3e3;
}
.awl-label-wrap.awl-label-id-166 {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.advanced-woo-labels.awl-position-type-on-image.awl-label-type-archive.awl-align-center-center span.awl-product-label span.awl-label-text {
    background: unset !important;
}
.product-main .awl-label-wrap.awl-label-id-166 {
    display: none;
}

.product-small .yith-wcwl-wishlistaddedbrowse span,
.product-small .yith-wcwl-wishlistexistsbrowse span{
    font-size: 0;
}
.product-small .yith-wcwl-wishlistaddedbrowse a,
.product-small .yith-wcwl-wishlistexistsbrowse a{
    font-size: 0;
}


.product-small .yith-wcwl-add-button .fa-heart-o:before,
.product-small .yith-wcwl-wishlistaddedbrowse a:before, 
.product-small .yith-wcwl-wishlistexistsbrowse a:before{
    content: '';
    background: url(../images/icon-favorite.svg) center/ 25px auto;
    width: 25px;
    height: 25px;
    display: inline-block;
}
.product-small .yith-wcwl-add-button .fa-heart-o {
    margin: 0;
}

.yith-wcwl-add-to-wishlist a.add_to_wishlist {
    color: unset;
    background: unset;
    border: 0;
    padding: 0;
    margin: 0;
}


.product-small .yith-wcwl-wishlistaddedbrowse span .fa-heart:before,
.product-small .yith-wcwl-add-button .fa-heart:before,
.product-small .yith-wcwl-wishlistexistsbrowse span .fa-heart:before,
.product-small .yith-wcwl-add-button i.wishlist-icon:before{
    content: '';
    background: url(../images/icon-favorite.svg) center/ 25px auto;
    width: 25px;
    height: 25px;
    display: inline-block;
}

.product-small .yith-wcwl-wishlistaddedbrowse span .fa-heart:hover:before,
.product-small .yith-wcwl-add-button .fa-heart:hover:before,
.product-small .yith-wcwl-wishlistexistsbrowse span .fa-heart:hover:before,
.product-small .yith-wcwl-add-button .fa-heart-o:hover:before,
.product-small .yith-wcwl-wishlistaddedbrowse a:hover:before, 
.product-small .yith-wcwl-wishlistexistsbrowse a:hover:before{
    content: '';
    background: url(../images/icon-favorite.svg) center/ 25px auto;
    width: 25px;
    height: 25px;
    display: inline-block;
    opacity: 0.6;
}

.product-small .yith-wcwl-wishlistaddedbrowse span .fa-heart:hover:before,
.product-small .yith-wcwl-add-button .fa-heart:hover:before,
.product-small .yith-wcwl-wishlistexistsbrowse span .fa-heart:hover:before{
    opacity: 0.8;
}


.yith_ywraq_add_item_browse_message,
.yith_ywraq_add_item_browse-list.yith_ywraq_add_item_browse_message {
    background: #125e90 none repeat scroll 0 0;
    border-radius: 3px;
    display: inline-block;
    margin: 15px 0;
    padding: 5px 10px;
    text-align: center;
    width: 205px;
}
.yith_ywraq_add_item_browse_message a,
.yith_ywraq_add_item_browse-list.yith_ywraq_add_item_browse_message  a{
	color:#fff;
}
.yith_ywraq_add_item_browse_message:hover,
.yith_ywraq_add_item_browse-list.yith_ywraq_add_item_browse_message:hover {
    background: #044a80;
}
.yith-ywraq-add-button.show .add-request-quote-button.button {
    background: #125e90 none repeat scroll 0 0;
    text-align: center;
    width: 205px;
	 margin:15px 0;
	 font-size: 1.6rem;
}
.yith-ywraq-add-button.show .add-request-quote-button.button:hover {
    background: #044a80 none repeat scroll 0 0;
}
.yith_ywraq_add_item_response.yith_ywraq_add_item_response_message {
    color: #044a80;
}
.col-xs-8,.col-xs-4,.col-md-6,col-sm-4 {
    display: inline-block;
}
.col-xs-8 {
    width: 65.66666667%;
}
.col-xs-4 {
    width: 32.33333333%;
}


.woocommerce-page .product-small a.wpcbn-btn.wpcbn-btn-archive {
    left: 60%;
}
.woocommerce-page .product-small a.wpcbn-btn.wpcbn-btn-archive{
    display: none;
}
.product-small.box .add-to-cart-button .add_to_cart_button {
    border: none;
}

.product-small.box .add-to-cart-button .add_to_cart_button:hover {
    border: none;
    filter: brightness(9) invert(0.9);
    background: transparent;
}
.product-small.box .add-to-cart-button .add_to_cart_button:hover:before{
    filter: brightness(9) invert(0.9);
}


/*page */
.video.video-fit {
    padding: 0 !important;
}
.wp-video, 
.wp-video-shortcode{
    width: 100% !important;
}

.consult-page .row.faq .col-inner {
    background-color: #fff;
    padding: 15px;
}

.consult-page .accordion-title{
    border: 0;
}
.consult-page label.wpforms-field-label {
    color: #fff !important;
    font-size: 1rem !important;
}
.consult-page h3.phone {
    background-color: #fff6eb;
    width: fit-content;
    padding: 5px 15px;
    margin: 0;
    border-radius: 20px;
}
.consult-page .wpforms-container .wpforms-form .wpforms-field {
    max-width: 100%;
}
.consult-page .wpforms-container .wpforms-form input {
    border-radius: 0 !important;
}
.consult-page .wpforms-container .wpforms-form textarea {
    border-radius: 0 !important;
    height: 170px !important;
}
.consult-page .wpforms-container .wpforms-form button {
        border-radius: 10px !important;
    background-color: #0126a6 !important;
}
.consult-page .wpforms-submit-container {
    padding: 0 10px !important;
}


/* new cms */
.cms-title h3 {
    border: solid;
    background: transparent;
    border-image: linear-gradient(45deg, rgb(146 146 146 / 10%), #929292 , rgb(146 146 146 / 10%)) 1;
    border-width: 1px 0;
    border-radius: 5px;
    color: #404041;
    text-align: center;
    padding: 15px 0;
    font-size: 1.2rem;
    margin: 0 0 20px;
    font-weight: 500;
}
.cms-page a:hover,
.confirm-page .form-content .row.form-footer a:hover,
.cms-page .web:hover, 
.cms-page .color-text:hover{
    color: #000;
}
.cms-page .underline {
    text-decoration: underline;
}
.cms-page .red,
.cms-page .red-text {
    color: #49849b;
}
.cms-page .web,
.cms-page .color-text {
    color: #49849b;  
}
.cms-page .left-menu {
    margin: auto;
}
.cms-menu ul {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    font-family: 'Noto Sans Thai','Roboto',sans-serif;
}
.cms-page .cms-menu li {
    list-style: none;
    margin: 0;
}

.cms-menu span {
    display: none;
    font-family: 'Noto Sans Thai','Roboto',sans-serif;
    color: #525252;
    font-weight: 400;
}
.cms-menu a {
    display: flex;
    align-items: center;
    margin: 0 5px;
}
.howto-page .cms-menu .how-to-order .image, 
.shipping-page .cms-menu .shipping .image, 
.confirm-page .cms-menu .confirm-payment .image, 
.policy-page .cms-menu .privacy-policy .image {
    background-color: #608AAE;
    border-radius: 6px;
}
.howto-page .cms-menu .how-to-order img, 
.shipping-page .cms-menu .shipping img, 
.confirm-page .cms-menu .confirm-payment img, 
.policy-page .cms-menu .privacy-policy img {
    filter: brightness(0) invert(1);
}
.about-page .title {
    background-color: #608AAE;
    color: #fff;
    padding: 10% 15%;
    border-radius: 30px;
}
.about-page .title h1 {
    color: #fff;
    font-size: min(max(2rem, 3vw), 3rem);
}
.about-page .title p {
    margin: 0;
    font-size: min(max(1rem, 2vw), 1.3rem);
    font-weight: 500;
}
.about-page .about-top img {
    width: 100%;
    border-radius: 30px;
}
.payment-content .bank-data {
    display: flex;
    align-items: center;
    border-radius: 20px;
    height: 100%;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.cms-page .payment-content ul {
    margin: 0;
    font-size: 0.8rem;
    font-family: 'Roboto','Noto Sans Thai',sans-serif;
    display: flex;
    height: 100%;
}
.cms-page .payment-content li {
    list-style: none;
    margin: 0;
    padding: 0 10px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.payment-content li:first-child {
    min-width: 100px;
    text-align: right;
}
.cms-page .payment-content .bank-detail ul:first-child li {
    padding: 10px 10px 0;
}
.cms-page .payment-content .bank-detail ul:first-child li {
    padding: 10px 10px 0;
}
.cms-page .payment-content .bank-detail ul:last-child li {
    padding: 0 10px 10px;
}
.cms-page .payment-content .bank-detail ul:last-child li {
    padding: 0 10px 10px;
}
.payment-content .bank-detail {
    height: 100%;
    display: flex;
    flex-direction: column;
}
.payment-content .bank-data .bank-title {
    text-align: right;
}
.payment-content .kbank .bank-logo {
    background-color: #02a957;
}
.payment-content .scb .bank-logo {
    background-color: #4e2d7f;
}
.payment-content .ktb .bank-logo {
    background-color: #37a1e4;
}
.payment-content .bay .bank-logo {
    background-color: #685959;
}
.payment-content .scb .bank-detail li:first-child {
    background-color: rgb(78 45 128 / 10%);
}
.payment-content .ktb .bank-detail li:first-child {
    background-color: rgb(45 173 244 / 10%);
}
.payment-content .bbl .bank-detail li:first-child {
    background-color: rgb(37 66 146 / 10%);
}
.payment-content .bay .bank-detail li:first-child {
    background-color: rgb(253 217 0 / 10%);
}
.payment-content .kbank .bank-detail li:first-child {
    background-color: rgb(2 169 87 / 10%);
}
.payment-content .bank-data img {
    border-radius: 20px 0 0 20px;
    width: 70px;
}
.payment-content li.number {
    color: #00984A;
}
.payment-content li.type {
    color: #868686;
}
.shipping-content h4 {
    text-align: center;
    color: #404041;
    font-weight: 500;
    width: auto;
    margin: 0 10px;
}
.shipping-by .shipping-logo li {
    margin: 15px 0 0;
    list-style: none;
}
.shipping-by .shipping-logo {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.shipping-by .shipping-logo img {
    width: 80px;
    margin: 0 10px;
    border-radius: 10px;
}
.shipping-content .ems img,
.shipping-content .ninja img,
.shipping-content .jt img {
    border: 1px solid #F37021;
}
.shipping-content > div {
    border-bottom: 1px solid #eaeaea;
}
.shipping-page .shipping-content .row {
    margin: 20px 0 15px;
    align-items: center;
    flex-wrap: nowrap;
    justify-content: center;
}
.shipping-content .row img {
    width: 25px;
}
.shipping-content p {
    color: #5B5B5B;
    font-family: 'Roboto','Noto Sans Thai',sans-serif;
    text-align: center;
    font-size: 0.95rem;
}
.shipping-tracking .color-span {
    background-color: #D8FFD8;
    color: #039B00;
    border-radius: 20px;
    padding: 5px 15px;
    font-size: 1rem;
    display: inline-block;
}
.shipping-tracking .tracking-list li {
    list-style: none;
    margin: 10px 0 0;
    display: inline-flex;
    align-items: center;
    min-width: 250px;
}
.shipping-tracking .tracking-list img {
    width: 50px;
    border-radius: 10px;
    margin: 0 15px 0 0;
}
.shipping-tracking .tracking-list {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.tracking-list a {
    color: #4B4B4B;
    text-decoration: underline;
}
.confirm-page .cms-title h3 {
    border-width: 1px 0 0 0;
    margin: 0;
}
.confirm-page .form-content > h4 {
    color: #fff;
    font-weight: 500;
    background-color: #EB0A1E;
    padding: 10px 30px;
    font-size: 1rem;
    border-radius: 20px 20px 0 0;
}
.cms-page.policy-page strong, 
.cms-page.policy-page h3, 
.cms-page.policy-page h3 span {
    font-size: 1.2rem !important;
}
.confirm-page .confirm-form {
    border: 1px solid #D0D0D0;
    border-radius: 20px;
}
.cms-page .cms-content {
    font-family: 'Noto Sans Thai','Roboto',sans-serif;
    font-weight: 400;
}
.confirm-page .confirm-form #seed-confirm-form {
    padding: 20px;
    border: 0;
    font-family: 'Noto Sans Thai','Roboto',sans-serif;
}
.seed-confirm-form .input-text {
    border-radius: 6px;
}
.confirm-page .seed-confirm-form .input-text {
    background-color: #FAFAFA;
    border: 1px solid #B6B6B6;
    border-radius: 30px !important;
}
.confirm-page .seed-confirm-form .seed-confirm-slip .input-text {
    background-color: transparent;
    border: none;
    padding: 5px 0;
}
input#seed-confirm-slip {
    border-radius: 0 !important;
}
.seed-confirm-form label {
    color: #505050;
    font-size: 1rem !important;
}
input#seed-confirm-btn-submit {
    border-radius: 10px !important;
    display: block;
    margin-left: auto;
    margin-right: 0;
    background-color: #EB0A1E;
    color: #fff;
    border-radius: 30px !important;
}

input#seed-confirm-btn-submit:hover {
    background-color: #000;
}
.confirm-page .form-content .row.form-footer {
    margin: 0;
    background-color: #F9F9F9;
    padding: 20px 0;
    border-radius: 0 0 20px 20px;
    font-family: 'Roboto','Noto Sans Thai',sans-serif;
    border-top: 1px solid #D0D0D0;
}
.confirm-page .row.form-footer p {
    margin: 0;
}
.confirm-page .form-footer .block:first-child {
    border-bottom: 1px solid #D0D0D0;
    margin: 0 0 20px;
    padding: 0 30px 20px 30px;
}
.confirm-page .form-footer .block {
    padding: 0 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.confirm-page .form-footer img {
    width: 70px;
    margin: 0 20px 0 0;
}
.confirm-page .form-content .row.form-footer a {
    color: #EB0A1E;
}
.form-footer .block h4 {
    color: #000;
    font-size: 1rem;
    margin: 0;
}
.seed-confirm-bank-info .form-check-label {
    display: flex;
    align-items: center;
}
.seed-confirm-bank-info .form-check-label span {
    font-size: 0.9rem;
}
.confirm-text h4 {
    text-align: center;
    color: #000;
    margin: 30px 0 10px;
}
.confirm-text {
    font-family: 'Roboto','Noto Sans Thai',sans-serif;
    color: #606060;
    text-align: center;
}
.confirm-text a {
    color: #07254D;
}
.contact-page .cms-title h3 {
    border-bottom: none;
}
.cms-page.contact-page .cms-content {
    max-width: 100%;
    width: 100%;
}
.form-contact .form-bg {
    border: solid 1px #00984A;
    border-radius: 12px;
    padding-bottom: 0;
}
.contact-page .form-title, .contact-page .box-title {
    background-color: #00984A;
    display: inline-flex;
    align-items: center;
    color: #fff;
    padding: 10px 30px;
    border-radius: 0 0 12px 12px;
    margin: 0 0 30px 15px;
}
.contact-page .box-text {
    padding: 0;
}
.contact-page .box-text h4, .contact-page .box-text p {
    margin: 0 0 0 10px;
    color: #fff;
    font-family: 'Roboto','Noto Sans Thai', sans-serif;
    font-weight: 500;
}
.contact-page .box-bg {
    background-color: #f5f5f5;
    border-radius: 12px;
    padding: 0 15px 30px !Important;
    height: 100%;
}
.contact-page .box-contact .box-content ul {
    list-style: none;
    padding: 0 30px;
}
.contact-page .box-contact .box-content ul li {
    display: flex;
    margin: 0 0 30px 0;
}
.contact-page .box-contact .box-content ul img {
    width: 50px;
}
.contact-page .box-content a,
.contact-page .box-content p {
    color: #000;
}

.contact-page .wpforms-container {
    margin: 0 0 30px;
}
.map iframe {
    width: 100%;
    border-radius: 12px;
}
.cms-page .wpforms-container .wpforms-form .wpforms-submit-container button.wpforms-submit {
    background-color: #EB0A1E;
    padding: 0 30px;
    font-size: 1rem !important;
    color: #fff;
    width: 100%;
    border-radius: 10px !important;
}
.cms-page .wpforms-container .wpforms-form .wpforms-submit-container button.wpforms-submit:hover {
    background: #000 !important;
}
.wpforms-container .wpforms-form .wpforms-field-container input,
.wpforms-container .wpforms-form .wpforms-field-container textarea {
    background-color: #FAFAFA;
    border: 1px solid #B6B6B6;
    border-radius: 10px !important;
}
.widget_product_categories li.cat-item a {
    color: #404041;
}
.widget_product_categories li.cat-item.active a,
.widget_product_categories li.cat-item:hover a {
    color: #07254D;
}
.widget_product_categories li.cat-item.active ul.children li a {
    color: #404041;
}
.widget_product_categories li.cat-item.active ul.children li:hover a,
.widget_product_categories li.cat-item ul.children li.cat-item.current-cat.active a {
    color: #07254D;
}
.howto-page .order-section .cms-title h3 {
    border-bottom: none;
    margin: 0;
}
.howto-page .order-content .how-col.addtocart {
    background: linear-gradient(180deg, #F3F3F3 0%, #FFFFFF 100%);
    border-radius: 20px 20px 0 0;
    align-items: flex-start;
}
.howto-page .order-content .how-col.checkout,
.howto-page .order-content .how-col.confirm-payment {
    align-items: flex-start;
}
.howto-page .order-content .how-col {
    padding: 20px;
}
.howto-page .order-content .how-img {
    display: flex;
    align-content: center;
    justify-content: center;
    margin-left: -20px;
}
.cms-page.howto-page .order-line {
    margin: 30px 0 0 0;
}
.cms-page.howto-page .order-line a{
    color: #FF0000;
}
.howto-page .how-col .step {
    font-family: 'Roboto',sans-serif !important;
    font-size: 1.5rem;
    box-shadow: 0px 0px 7.14876px rgba(0, 0, 0, 0.24);
    background-color: #fff;
    text-align: center;
    border-radius: 32px 0 0 32px;
    padding: 10px 10px 10px 15px;
    margin: auto 0;
    width: auto;
}
.howto-page .how-col p {
    margin: 0;
}
.howto-page .how-text h4 {
    color: #000;
    text-align: center;
}
.howto-page .how-text {
    padding: 0;
    color: #5C5C5C;
}
.howto-page .confirm-payment .color-text {
    text-decoration: underline;
}
.howto-page .how-col .how-text img {
    margin: 30px 0 0 0;
}
.cms-menu .how-to-order img {
    width: 35px;
}
.cms-menu .shipping img {
    width: 40px;
}
.foot-menu {
    padding-bottom: 0;
}
.cms-menu .confirm-payment img {
    width: 37px;
}
.cms-menu .privacy-policy img {
    width: 38px;
}
.howto-page .bank-logo {
    border-radius: 20px 0 0 20px;
    height: 100%;
    display: flex;
    align-items: center;
}
.howto-page .cms-content {
    margin: auto;
    font-family: 'Noto Sans Thai','Roboto',sans-serif;
    font-weight: 400;
}
.contact-page .cms-content li {
    list-style: none;
    margin: 0;
}
.contact-page .contact-info {
    text-align: center;
}
.contact-page .contact-info h2 {
    font-size: 2rem;
    margin-bottom: 10px;
}
.contact-page .contact-info p {
    color: #909090;
    font-size: 1rem;
    margin: 0;
}
.contact-page .contact-info ul {
    display: grid;
    align-items: center;
    max-width: 350px;
    margin: 30px auto;
}
.contact-page .contact-info li {
    display: grid;
    grid-template-columns: 0.6fr 1fr;
    justify-items: start;
    margin: 0 0 10px;
}
.contact-page .contact-info .icon {
    display: flex;
    align-items: center;
    font-weight: 600;
    color: #000;
}
.contact-page .contact-info .icon+* {
    color: #000;
    font-weight: 500;
}
.contact-page .contact-info a {
    color: #000;
}
.contact-page .contact-info a:hover {
    color: red;
}
.contact-page .contact-info .icon img {
    width: 20px;
    margin-right: 10px;
}
.contact-page .contact-social {
    display: flex;
    align-items: center;
    justify-content: center;
}
.contact-page .contact-social img {
    width: 45px;
    margin: 0 10px;
}
.contact-page .contact-social a:hover{
    opacity: 0.9;
}
.contact-page .contact-social div a span {
    font-family: 'Roboto','Noto Sans Thai',sans-serif;
}
.contact-page .contact-social .col {
    padding: 0;
}
.contact-page .contact-bottom {
    margin: 30px 0;
}
.contact-page .contact-bottom .contact-form {
    border: solid 1px #D9D9D9;
    border-radius: 6px;
    padding: 30px 40px;
}
.contact-page .contact-form h4 {
    color: #383838;
}
.contact-page .wpforms-container .wpforms-submit-container {
    text-align: right;
}
.contact-page .contact-info ul li.map a {
    color: #717171;
}
.contact-page .contact-info ul li.map a:hover{
    color: #F6C3C4;
}
.contact-page .contact-bottom {
    display: grid;
    grid-gap: 20px;
}
.contact-page .contact-bottom iframe {
    border-radius: 6px;
    height: 100%;
}
.contact-form nf-fields-wrap input[type=submit] {
    background-color: #608AAE;
    padding: 0 30px;
    font-size: 1rem !important;
    height: 40px;
    border-radius: 30px !important;
}
.contact-form nf-fields-wrap input[type=submit]:hover{
    background-color: #07254D;
    color: #fff;
}
.contact-form .nf-form-title,
.contact-form .nf-before-form-content{
    display: none;
}
.cms-page.policy-page strong{
    font-family: 'Roboto','Noto Sans Thai',sans-serif;
}
.cms-page.policy-page .cms-content span, 
.cms-page.policy-page .cms-content strong {
    font-size: 1rem !important;
}
.cms-page.policy-page p, .cms-page.policy-page ol.big-list-1 {
    font-family: 'Sarabun';
    color: #383838;
    font-size: 0.9rem;
}
.about-page ol,
.about-page ul {
    padding-left: 40px;
}
.cms-page.about-page {
    padding: 30px 0;
}
.about-page .image {
    display: grid;
    grid-gap: 20px;
}
.about-page .image .left {
    display: grid;
    grid-gap: 20px;
}
.about-page .image img {
    height: 100%;
    object-fit: cover;
    border-radius: 30px;
}
.about-page .about-top {
    display: grid;
    grid-gap: 15px;
    margin: 0 15px;
}
.about-page .middle .text {
    margin: 20px 0;
}
.about-page .middle .text h4 {
    font-size: min(max(1rem, 2vw), 1.3rem);
}
/* end new cms */

.post-sidebar .wp-block-heading {
    background: #000;
    padding: 10px 20px;
    font-size: 1.2rem;
    color: #fff;
}
.post-sidebar .wp-block-latest-posts {
    padding: 0 25px;
}



ul#my-account-nav li a:before {
    background-color: #EB0A1E;
}

.icon-search:before {
    content: '' !important;
    background: url(../images/icon-search.svg) center/ 25px auto;
    width: 25px;
    height: 25px;
    display: inline-block;
}

.woocommerce-MyAccount-content > p > strong + a {
    color: #404041;
    text-decoration: underline;
    font-weight: 600;
}

.woocommerce-MyAccount-content > p > strong + a:hover{
    color: #07254D !important;
}

.widget_shopping_cart_content {
    color: #000000;
}

.wishlist_table .add_to_cart {
        background-color: #EB0A1E;
    color: #fff;
    border-radius: 30px;
    font-family: 'Roboto', 'IBM Plex Sans Thai', sans-serif;
    font-weight: 500;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: max-content;
    justify-self: center;
    padding: 0 20px !important;
}
tbody.wishlist-items-wrapper ins span.amount {
    color: #0056D2;
}
.wishlist_table .add_to_cart:hover {
    background-color: #404041;
    color: #fff;
}
a.more-link.button:hover {
    background-color: #404041;
}
button.wp-block-search__button.wp-element-button {
    background-color: #000;
    color: #fff;
    border-radius: 0 !important;
    height: 40px;
    line-height: 1;
}

button.wp-block-search__button.wp-element-button:hover {
    background-color: #404041;
    color: #fff;
}

a.wp-block-latest-posts__post-title {
    color: #000;
    font-size: 0.85rem;
}
a.wp-block-latest-posts__post-title:hover {
    color: #49849b;
}
.wp-block-latest-posts.wp-block-latest-posts__list li {
    list-style-type: disc;
}

    /* new cms */
    .cms-page {
        display: flex;
    }
    .cms-page.about-page {
        display: block;
    }
    .cms-menu ul {
        display: block;
        border: 1px solid #DEDEDE;
        border-radius: 20px;
    }
    .cms-menu span {
        display: block;
        font-size: 0.9rem;
        margin: 0 15px;
    }
    .cms-menu a {
        margin: 0;
    }
    .cms-menu .image {
        padding: 10px;
        min-width: 60px;
        background: linear-gradient(270deg, rgba(0, 0, 0, 0.03) 0%, rgba(255, 255, 255, 0) 100%);
        border-radius: 0 !important;
    }
    .cms-page .cms-menu li:first-child .image {
        border-radius: 20px 0 0 0 !important;
    }
    .cms-page .cms-menu li:first-child a {
        border-radius: 20px 20px 0 0 !important;
    }
    .cms-page .cms-menu li:last-child .image {
        border-radius: 0 0 0 20px !important;
    }
    .cms-page .cms-menu li:last-child a {
        border-radius: 0 0 20px 20px !important;
    }
    .howto-page .cms-menu .how-to-order span, 
    .shipping-page .cms-menu .shipping span, 
    .confirm-page .cms-menu .confirm-payment span, 
    .policy-page .cms-menu .privacy-policy span {
        color: #fff;
    } 
    .howto-page .cms-menu .how-to-order a, 
    .shipping-page .cms-menu .shipping a, 
    .confirm-page .cms-menu .confirm-payment a, 
    .policy-page .cms-menu .privacy-policy a,
    .cms-page .cms-menu li:hover a
    {
        background-color: rgb(94 135 170 / 80%);
    }
    .cms-page .cms-menu li:hover .image {
        background-color: #608AAE;
    }
    .cms-page .cms-menu li:hover span {
        color: #fff;
    }
    .cms-page .cms-menu li:hover img {
        filter: brightness(0) invert(1);
    }
    .cms-page .left-menu {
        flex-basis: 36.333333%;
        max-width: 36.333333%;
        margin: 0;
    }
    .cms-page .cms-content {
        max-width: 63.666667%;
        margin: 0 auto;
    }
    .cms-page .cms-menu li.confirm-payment {
        border: solid #DEDEDE;
        border-width: 1px 0;
        border-top: 0;
    }
    .cms-page .cms-menu li:not(li:last-child) {
        border-bottom: 1px solid #DEDEDE;
    }
    .form-contact .wpforms-field-container .wpforms-field {
        width: 50%;
        display: inline-block;
        padding: 15px 10px;
    }
    
    .contact-form nf-fields-wrap nf-field {
        display: inline-block;
        width: 50%;
        padding: 5px 10px;
    }
    .contact-form nf-fields-wrap nf-field:has(.textarea-container),
    .contact-form nf-fields-wrap nf-field:has(.submit-wrap){
        width: 100%;
    }
    .form-contact .wpforms-field-container .wpforms-field.wpforms-field-textarea {
        width: 100%;
    }
    .form-contact form.wpforms-form {
        max-width: 550px;
        margin: auto;
    }
    .payment-content .bank-data .bank-title {
        max-width: 30%;
    }
    .cms-menu img {
        width: 40px;
    }
    .payment-content .bank-data img {
        width: auto;
    }
 
    .about-page .about-top {
        grid-template-columns: 1fr 1.5fr;
        align-items: center;
        margin: 0 0 5%;
    }
    .about-page .title {
        margin-right: -10%;
        z-index: 1;
        height: fit-content;
        border-radius: 0 30px 30px 0;
    }
    .about-page .about-top img {
        border-radius: 30px 0 0 30px;
    }
    .about-page .middle .text {
        padding: 0 0 0 25px;
    }
    .about-page .middle {
        display: grid;
        grid-template-columns: 1fr 1fr;
        align-items: center;
        margin: 5% 0;
    }
    /* end new cms */

/*thai-safety*/
/*header*/
.contact-header ul {
    display: flex;
    list-style-type: none;
}
video {
    margin-top: -25%;
    width: 100%;
}
.manage-header ul {
    display: flex;
    flex-wrap: nowrap;
}
.logged-in .account{
    display: none;
}
.logged-in .logout{
    display: inline-block;
}
body .logout{
    display: none;
}
body .logged-in{
    display: inline-block;
}
.account li, .logout li {
    list-style-type: none;
    line-height: 0;
    display: contents;
}
.contact-header li {
    margin-right: 15px;
    margin-bottom: 0;
}
.text-header h4 {
    color: #fff;
    margin-bottom: 0;
    margin-left: -15px;
}
.manage-header a span:hover {
    color: #4CB348;
}
.text-header h4:hover {
    color: #4CB348;
}
/*footer*/
.footer-wrapper {
    background-color: #383838;
    padding: 30px 0 0 0;
}
.footer-box.contact li {
    display: flex;
    margin-left: 0;
}
.footer-box.contact img {
    width: 25px;
    margin-right: 20px;
}
.footer-box.logo {
    padding-bottom: 30px;
}
/*banner*/
.bg-banner-recommend {
    padding-top: 60px;
}
.home-title-post-banner {
    text-align: center;
}
.bg-banner-recommend {
    background: url(../images/bg-2m.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
}
.bg-health-knowledge{
    background: url(../images/bg-1m.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
}
/*home*/
.bg-health-knowledge .col {
    background-color: #4CB348;
    border-radius: 30px;
}
.img-inner img {
    border-radius: 30px;
}
.box-shadow-1, .box-shadow-1-hover:hover, .row-box-shadow-1 .col-inner, .row-box-shadow-1-hover .col-inner:hover {
    box-shadow: none !important;
}
.footer-box h4 {
    color: #fff;
}
.header-search-form-wrapper .searchform-wrapper input[type=search]{
    height: 45px !important;
}
.sidebar-menu li.html.custom.html_topbar_right {
    background-color: #4CB348;
    height: 50px;
    padding: 0;
}
.slide-text {
    margin-top: -110px;
}
.text-slide h4, .text-slide h5 {
    color: #fff;
    font-size: 1.1rem;
    margin-bottom: 0;
}
.text-slide h5 {
    background-color: #4CB348;
    display: inline-block;
    text-align: center;
    width: 190px;
    border-radius: 100px;
}
.text-slide h4 {
    font-weight: 500 !important;
}
.blog-wrapper.blog-archive .nav-pagination>li>a, .blog-wrapper.blog-archive .nav-pagination>li>span {
    display: block !important;
}

/*รอบรู้สุขภาพ*/
.bg-health-knowledge .flickity-page-dots .dot {
    background-color: #fff !important;
    opacity: .2 !important;
}
.bg-health-knowledge .flickity-page-dots .dot.is-selected {
    background-color: #fff !important;
}
.bg-health-knowledge .nav-box>li.active>a, .bg-health-knowledge .nav-pills>li.active>a {
    background-color: #64C261;
    color: #fff;
    opacity: 1;
    height: 55px;
    border-radius: 0 50px 50px 0;
    line-height: 1;
}
.bg-health-knowledge .tab.has-icon {
    height: 55px;
    border: none;
    line-height: 1;
}
.bg-health-knowledge .tabbed-content span {
    font-family: 'Roboto', 'Kanit', sans-serif;
    font-size: 1.1rem;
    font-weight: 400;
    color: #fff;
}
 .tab.active.has-icon span {
    font-weight: 600 !important;
}
.bg-health-knowledge img {
    border-radius: 20px;
}
.is-divider {
    display: none !important;
}
.bg-health-knowledge .box-label .box-text {
    margin: 15px;
    padding: 15px;
    border-radius: 20px;
}
.bg-health-knowledge .post-title a {
    color: #000 !important;
    overflow: hidden;
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.bg-health-knowledge  p.from_the_blog_excerpt {
    color: #000 !important;
    overflow: hidden;
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.bg-health-knowledge .tab.has-icon span{
    padding-left: 10px;
}
.home-title-post-health-knowledge {
    padding-left: 15px;
}
.home-title-post-health-knowledge h4 {
    font-size: 2.2rem;
    color: #fff;
    font-weight: 600 !important;
    margin-bottom: 0;
}
.home-title-post-health-knowledge p {
    font-size: 1.5rem;
    font-family: 'Roboto', 'Kanit', sans-serif;
    color: #fff;
    font-weight: 500;
    margin-bottom: 0;
}
.bg-health-knowledge .tab-panels {
    margin: 15px;
}
.bg-health-knowledge.has-block {
    padding: 15px;
}
.flickity-prev-next-button {
    opacity: 1 !important;
    border-radius: 50px !important;
}
svg.flickity-button-icon {
    display: none;
}
button.flickity-button.flickity-prev-next-button.previous {
    content: '';
    background: url(../images/icon-arrow-left-gray.svg) center / 15px auto;
    width: 15px;
    height: 15px;
    display: inline-block;
    background-repeat: no-repeat;
    background-color: #fff;
    height: 50px;
    width: 50px;
    border: 1px solid #ccc;

}
button.flickity-button.flickity-prev-next-button.next {
    content: '';
    background: url(../images/icon-arrow-right-gray.svg) center / 15px auto;
    width: 15px;
    height: 15px;
    display: inline-block;
    background-repeat: no-repeat;
    background-color: #fff;
    height: 50px;
    width: 50px;
    border: 1px solid #ccc;
}
.bg-health-knowledge a.s-all {
    position: absolute;
    right: 20px;
    bottom: 5px;
    font-family: 'Roboto', 'Kanit', sans-serif;
    color: #fff;
}
/*banner เเนะนำอุปกรณ์*/
.home-title-post-banner h4 {
    color: #333;
    font-size: 2.1rem;
    font-family: 'Roboto', 'Kanit', sans-serif;
}
.home-title-post-banner span {
    color: #3E8B41;
}
.bg-health-knowledge .flickity-button {
    display: none !important;
}
/*ช่องค้นหา*/
.text-search h4 {
    font-family: 'Roboto', 'Kanit', sans-serif;
    text-transform: capitalize;
    color: #3E8B41;
    font-weight: 600;
    font-size: 2.2rem;
    margin-bottom: 0;
}
.text-search p {
    color: #000;
    font-family: 'Roboto', 'Kanit', sans-serif;
    font-size: 1.1rem;
}
.searchform .button.icon {
    margin: 0;
    background-color: #4CB348 !important;
    height: 50px;
    width: 50px;
    border-radius: 50px !important;
} 
.searchform-wrapper input[type=search] {
    padding: 0 25px;
}
/*ความรู้เกี่ยวกับอุปกรณ์*/
.bg-post-knowledge .slider-nav-push:not(.slider-nav-reveal) .flickity-prev-next-button {
    margin-top: -4% !important;
}
.bg-post-knowledge .flickity-prev-next-button.previous {
    left: 0 !important;
}
.bg-post-knowledge .flickity-prev-next-button.next {
    right: 0 !important;
}
.bg-post-knowledge .badge.absolute.top.post-date.badge-square {
    top: 0;
    width: 80px;
}
.bg-post-knowledge .image-cover {
    border-radius: 20px;
}
.home-title-post-knowledge .s-all {
    color: #000;
}
.home-title-post-knowledge img {
    width: 100px;
    margin-right: 15px;
}
.home-title-post-knowledge h4 {
    color: #fff;
    font-size: 1.125rem;
    font-weight: 600 !important;
    margin-bottom: 0;
    background-color: #F58233;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    position: relative;
    top: 21px;
}
.block-know-ledge ul.sidebar-wrapper.ul-reset li {
    margin-left: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
}
.block-know-ledge img.tptn_featured.tptn_thumb.size-medium_large:nth-child(1) {
    height: 200px;
    object-fit: cover; 
}
.block-know-ledge ul.sidebar-wrapper.ul-reset li:nth-child(1) {
    width: 100%;
    max-width: 100%;
    height: 300px;
    max-height: 300px;
}
.block-know-ledge ul.sidebar-wrapper.ul-reset li:nth-child(2) {
    width: 50%;
    max-width: 50%;
    display: inline-block;
    padding-right: 10px;
}
.block-know-ledge ul.sidebar-wrapper.ul-reset li:nth-child(3) {
    width: 50%;
    max-width: 50%;
    display: inline-block;
    padding-left: 10px;
}
.block-know-ledge ul.sidebar-wrapper.ul-reset span.tptn_after_thumb a:before {
    content: 'ดูเพิ่มเติม >>';
    display: block;
    width: 100%;
    max-width: 100%;
    position: absolute;
    font-size: 0.85rem;
    font-family: 'Kanit', 'ROBOTO';
    color: #F58233;
}
.block-know-ledge ul.sidebar-wrapper.ul-reset span.tptn_after_thumb a:hover:before {
    color: #3E8B41;
}
.block-know-ledge  a.button.is-link.is-small.mb-0 {
    color: #F58233;
}
.block-know-ledge  a.button.is-link.is-small.mb-0:hover {
    color: #3E8B41;
}
.block-know-ledge .col-inner p span {
    color: #000;
    font-size: 1.5rem;
    font-weight: 700;
    font-family: 'Kanit', 'Roboto', sans-serif;
}
.block-know-ledge span.widget-title {
    display: none;
}
.block-know-ledge  p.from_the_blog_excerpt {
    font-size: 0.85rem;
    font-family: 'Kanit', 'Roboto', sans-serif;
    color: #696969;
}
span.tptn_excerpt {
    font-size: 0.85rem;
    font-family: 'Kanit', 'Roboto', sans-serif;
    color: #696969;
}
.block-know-ledge a.tptn_link {
    color: #000;
    font-weight: 400;
    font-family: 'Kanit', 'Roboto', sans-serif !important;
}
.block-know-ledge .post-title.is-large {
    color: #000;
    font-size: 16px;
}

.block-know-ledge ul.sidebar-wrapper.ul-reset span.tptn_after_thumb a:nth-child(1):before {
    padding-top: 23%;
}
.bg-post-knowledge{
    background: url(../images/bg-1m.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
}
.bg-post-knowledge .col-inner {
    background-color: #fff;
    padding: 15px;
    border-radius: 20px;
    margin-top: 30px;
}
.row-knowledge .nav span {
    font-size: 1.1rem;
    font-family: 'Roboto', 'Kanit', sans-serif;
    font-weight: 400 !important;
    margin: 0 20px;
}

.home-title-post-knowledge li {
    list-style-type: none;
}
.home-title-post-knowledge ul {
    display: flex;
    align-items: center;
}
.home-title-post-knowledge img {
    width: 90px;
    z-index: 9;
    position: absolute;
}
.bg-post-knowledge a.button {
    width: 100%;
    border-radius: 100px !important;
    background-color: #F58233;
}
.bg-post-knowledge a.button:hover {
    background-color: #3E8B41;
}
.bg-post-knowledge .post-title.is-large {
    color: #000;
    height: 45px;
    max-height: 45px;
    overflow: hidden;
}
a.knowledge.s-all {
    width: 100%;
    display: inline-block;
    text-align: right;
    font-size: 0.85rem;
    font-family: 'Kanit', 'Roboto', sans-serif;
    color: #A7A7A7;
    padding-right: 30px;
}
a.knowledge.s-all:hover{
    color: #F58233;
}
/*คู่มือ*/
.home-title-post-manual img {
    width: 90px;
}
.row-manual .img-inner img {
    border-radius: 0;
    width: 40%;
}

.home-title-post-manual h4 {
    background-color: #3E8B41;
    color: #fff;
    border-radius: 100px;
    height: 60px;
    padding-left: 100px;
    position: relative;
    top: 17px;
    display: flex;
    align-items: center;
}
.home-title-post-manual img {
    width: 90px;
    z-index: 9;
    position: absolute;
}
.row.row-manual {
    margin-top: 15px;
}
.row-manual .nav span {
    font-size: 1.1rem;
    font-family: 'Roboto', 'Kanit', sans-serif;
    font-weight: 400 !important;
    margin: 0 5px;
}
.row-manual .tab-panels {
    margin-top: 30px;
}
.row-manual a.s-all {
    width: 100%;
    display: inline-block;
    text-align: end;
    color: #A7A7A7;
    font-family: 'Roboto', 'Kanit', sans-serif;
}
.col-text-dowlad {
    height: 300px;
    max-height: 300px;
    overflow: auto;
}
/*other*/
.row-manual a.s-all:hover{
    color: #4CB348;
}
.bg-health-knowledge a.s-all:hover{
    color: #000;
}
.home-title-post-knowledge .s-all:hover{
    color: #4CB348;
}
    .bg-health-knowledge .flickity-page-dots {
        bottom: -5px !important;
        left: 40%;
        width: 65px;
        max-width: 65px;
        overflow: hidden;
        white-space: nowrap;
    }
.nav-pagination>li>a, .nav-pagination>li>span {
    display: inline-block !important;
}
.col-text-dowlad span {
    background-color: #F0F9F1;
    width: 50px;
    height: 50px;
    display: inline-block;
    border-radius: 50px;
    text-align: center;
    margin-right: 15px;
}
.col-text-dowlad img {
    width: 45px;
    padding: 7px;
}
.manage-header a span:hover {
    color: #4CB348 !important;
}
.contact-header img:hover {
    filter: brightness(0.8);
}
.bg-banner-recommend img:hover {
    filter: brightness(0.8);
}
/*ิbanner โมษณา*/
/*
.home .footer-secondary.pull-right{
    display: none;
}
.page-template-default.page .footer-secondary.pull-right {
    display: inline-block;
}
 .footer-wrapper:not(.home) {
    display: inline-grid;
}
 .absolute-footer:not(.home) {
    order: 1;
}
.row.has-block.tooltipstered:not(.home) {
    order: 2 ;
}
.copyright-footer:not(.home) {
    position: absolute;
    bottom: 0;
    top: auto;
}
*/
/**/
.blog-wrapper.blog-single.page-wrapper .large-9.col {
    display: grid;
}
.post.type-post {
    order: 1;
    display: inline-block;
}
.html-before-comments.mb {
    order: 3;
    display: block;
}
.comments-area {
    order: 2;
}

@media (min-width:768px){
.block-know-ledge ul.sidebar-wrapper.ul-reset span.tptn_after_thumb a:nth-child(1):before {
    padding-top: 10%;
}
.home-title-post-knowledge h4 {
    width: 400px;
}
.home-title-post-banner h4 {
    color: #333;
    font-size: 2.2rem;
    font-family: 'Roboto', 'Kanit', sans-serif;
}
    .bg-health-knowledge .flickity-page-dots {
        left: 75%;
    }
.slide-text {
    margin-top: -180px;
}
.text-slide h4, .text-slide h5 { 
    color: #fff;
    font-size: 2.0rem;
    margin-bottom: 0;
}
.text-slide h5 {
    background-color: #4CB348;
    display: inline-block;
    text-align: center;
    width: 325px;
    border-radius: 100px;
}
.bg-banner-recommend {
    background: url(../images/bg-nanner.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 450px;
}
.bg-health-knowledge{
    background: url(../images/bg-knowledge.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 600px;
}
.copyright-footer {
    position: absolute;
    top: 75%;
}
.footer-box.web {
    margin-left: -35px;
}
.row.row-manual {
    margin-top: 40px;
}
.home-banner {
    margin-top: 0;
}
.home-title-post-manual h4 {
    background-color: #3E8B41;
    color: #fff;
    border-radius: 100px;
    width: 400px;
    height: 60px;
    padding-left: 100px;
    position: relative;
    top: 17px;
    display: flex;
    align-items: center;
}
    .bg-health-knowledge .tab.has-icon span{
    padding-left: 30px;
}
    .home-title-post-health-knowledge {
    padding-left: 40px;
}
}

@media (max-width:849px){
    .row-knowledge .nav {
    text-align: center;
    display: flex;
    justify-content: center;
    padding-top: 45px;
}
}

@media (min-width:850px){
.home-banner {
    margin-top: 10%;
}
/*รอบรู้สุขภาพ*/
.bg-health-knowledge.has-block {
        padding: 75px 15px 0;
    }
 .home-title-post-health-knowledge {
        display: inline-block;
        position: absolute;
        top: 25px;
}
.bg-health-knowledge .tabbed-content .nav-vertical {
        padding-top: 13%;
        width: 30%;
}
.bg-health-knowledge .tabbed-content span {
    font-size: 0.85rem;
}
.bg-health-knowledge .nav-vertical+.tab-panels {
    padding: 0;
    border: none;
}
.bg-health-knowledge .row-small>.col, .bg-health-knowledge .row-small>.flickity-viewport>.flickity-slider>.col {
    margin-bottom: 0;
    padding: 0 10px 0;
}
.bg-health-knowledge .container .row-small:not(.row-collapse), .bg-health-knowledge .row .row-small:not(.row-collapse) {
    margin-right: -150px;
    padding: 40px;
}
.bg-health-knowledge .tabbed-content {
    overflow: hidden;
    }
.bg-health-knowledge .flickity-prev-next-button.next {
    right: 15%;
    transform: translateX(-20%);
}

    
    

     /* new cms */
    .howto-page .bank {
        flex-basis: 100%;
        max-width: 100%;
    }
    /* end new cms */
  
}
@media (max-width:991px){
.row-manual .nav {
    margin-top: 20px;
    border: 1px solid #dbdbdb;
    border-radius: 100px;
}
}
@media (min-width:992px){
    .row-knowledge .nav {
        position: absolute;
        top: 36px;
        display: flex;
        height: 60px;
        justify-content: center;
        padding-left: 35%;
    }
.home-title-post-knowledge h4 {
    width: 330px;
}
.text-slide h4, .text-slide h5 {
    color: #fff;
    font-size: 2.3rem;
    margin-bottom: 0;
}
.bg-health-knowledge {
    background: url(../images/bg-knowledge.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 450px;
}
.block-know-ledge .nav.nav-pills {
    position: relative;
    top: -80px;
}
    .block-know-ledge .tab-panels {
        margin-top: -40px;
}
.header-nav.nav-left {
    justify-content: center !important;
}
.bg-health-knowledge .flickity-page-dots {
    left: 60%;
}
.bg-health-knowledge a.s-all {
    bottom: 20px;
}
.bg-health-knowledge .flickity-page-dots {
    bottom: 10px !important;
}
.slide-text .flickity-page-dots {
    position: absolute;
    bottom: -25%;
}
.block-search {
    padding-top: 90px;
}
.slide-text {
    margin-top: -250px;
}
.home-title-post-manual h4 {
    width: 330px;
    padding-left: 85px;
}
    .row-manual .nav {
        position: absolute;
        top: 17px;
        display: flex;
        justify-content: flex-end;
        height: 60px;
        border: 1px solid #dbdbdb;
        border-radius: 100px;
    }
.bg-health-knowledge .tabbed-content span {
    font-size: 1.1rem;
}
    
    /* new cms */
    .cms-menu span {
        font-size: 1rem;
    }
    .about-page .bg-image img {
        border-radius: 20px 0 0 20px;
    }
    .about-page .content .text {
        padding: 50px 60px;
    }
    .cms-page .left-menu {
        max-width: 30%;
    }
    .cms-page .cms-content {
        max-width: 70%;
    }
    .shipping-content > div {
        padding-bottom: 10px;
    }
    .confirm-page .form-content .row.form-footer {
        flex-wrap: nowrap;
    }
    .confirm-page .form-content .row.form-footer {
        padding: 0;
    }
    .confirm-page .form-footer .block:first-child {
        border-bottom: none;
        border-right: 1px solid #D0D0D0;
        margin: 0;
        padding: 40px;
    }
    .confirm-page .form-footer .block {
        padding: 40px;
    }
    .confirm-page .confirm-form #seed-confirm-form {
        max-width: 500px;
    }
    .form-contact form.wpforms-form {
        max-width: 350px;
    }
    .contact-page .contact-bottom {
        grid-template-columns: 1fr 1fr;
    }
    .howto-page .order-content .how-col {
        display: flex;
        align-items: center;
    }
    .howto-page .order-content .how-img {
        max-width: 25%;
        padding: 0 30px 0 0;
        margin: 0;
    }
    .howto-page .how-text h4 {
        text-align: left;
    }
    .howto-page .order-content .how-col {
        padding: 30px 30px 0 30px;
    }
    .howto-page .bank {
        max-width: 50%;
    }
    .contact-page .contact-social .col {
        max-width: calc(100%/3);
    }
    .wpforms-container .wpforms-form .wpforms-field {
        max-width: 49%;
        width: 100%;
        display: inline-block;
        padding: 0 10px 20px;
    }
    .wpforms-container .wpforms-form .wpforms-field-textarea {
        max-width: 100%;
    }
    /* end new cms */
	

}




@media (min-width:1200px){
.home-title-post-knowledge h4 {
    width: 400px;
}
    .bg-health-knowledge {
        background: url(../images/bg-knowledge.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        width: 100%;
        height: 550px;
    }
.bg-health-knowledge .flickity-page-dots {
    left: 65%;
}
.col-text-dowlad {
    height: 350px;
    max-height: 350px;
    overflow: auto;
    scrollbar-color: #4CB348 #cccccc4d;
}
.bg-banner-recommend {
    height: 585px;
}
.home-title-post-manual h4 {
    width: 400px;
    padding-left: 100px;
}
    .row-manual .nav span {
    font-size: 1.1rem;
    font-family: 'Roboto', 'Kanit', sans-serif;
    font-weight: 400 !important;
    margin: 0 20px;
}
    .home-banner {
        margin-top: 6%;
    }
.home-title-post-health-knowledge {
    display: inline-block;
    position: absolute;
    top: 50px;
}
.bg-health-knowledge .tabbed-content .nav-vertical {
        padding-top: 13%;
        width: 30%;
    }
    /* new cms */
    .cms-menu .image {
        padding: 15px 20px;
        min-width: 80px;
    }
    .cms-page .left-menu {
        max-width: 27%;
    }
    .cms-page .cms-content {
        max-width: 73%;
    }
    .confirm-page .confirm-form #seed-confirm-form {
        max-width: 650px;
    }
    .confirm-text {
        padding: 0 100px;
    }
    .form-contact form.wpforms-form {
        max-width: 500px;
    }
    .cms-page .payment-content ul {
        font-size: 0.9rem;
    }
    .payment-content .bank-data img {
        width: 70px;
    }
    .payment-content .bank-data img {
        width: auto;
    }
    .contact-page .contact-social {
        max-width: 1060px;
        margin: 25px auto 45px;
    }
    /* end new cms */
	
}


@media (min-width:1400px){
.bg-banner-recommend .flickity-prev-next-button.previous {
    left: 14% !important;
    transform: translateX(20%);
}
.bg-banner-recommend .flickity-prev-next-button.next {
    right: 14% !important;
    transform: translateX(-20%);
}
.bg-health-knowledge .flickity-page-dots {
    left: 70%;
}
.slide-text .flickity-page-dots {
    position: absolute;
    bottom: -75%;
}
    .slide-text {
        margin-top: -340px;
    }
        .block-search {
        padding-top: 200px;
    }

}
@media (min-width:1440px){

}

@media (min-width:1600px){

}


@media (min-width:1850px){

}


@media (min-width:2560px){

}