.product-main .product-info .share-url {
display: flex;
margin: 0 0 25px !important;
}
.product-main .product-info .share-url input {
margin: 0;
height: 35px;
}
.product-main .product-info .share-url button {
background-color: #04128e;
color: #fff;
margin: 0 0 0 10px;
height: 35px;
}
.product-main .product-info .share-url button:hover{
background-color: #000;
}
div#shop-sidebar span.prdctfltr_filter_title {
display: none !important;
} .widget.prdctfltr-widget span.prdctfltr_widget_title {
font-size: 1rem;
font-weight: 500;
}
body .header-wrapper .manage-header .regis {
display: flex;
align-items: center;
}
body.logged-in .header-wrapper .manage-header .regis {
display: none;
}
.manage-header.th:lang(en),
.manage-header.en:lang(th){
display: none;
}
.nav-dropdown-has-arrow li.has-dropdown.header-language-dropdown:before {
margin-left: -25px;
}
.nav-dropdown-has-arrow li.has-dropdown.header-language-dropdown:after {
margin-left: -22px;
}
body .header-wrapper .manage-header .logout {
display: none;
}
body.logged-in .header-wrapper .manage-header .logout {
display: flex;
align-items: center;
}
li.has-dropdown.header-language-dropdown a i.image-icon {
width: 25px;
height: auto;
}
li.has-dropdown.header-language-dropdown a i.image-icon img {
width: 20px;
margin: 0;
height: auto;
max-width: unset;
}
li.has-dropdown.header-language-dropdown a {
display: flex;
line-height: 1;
font-size: 0.9rem;
color: #fff;
}
li.has-dropdown.header-language-dropdown a:hover{
color: unset;
}
li.has-dropdown.header-language-dropdown .icon-angle-down {
opacity: 1;
color: #fff;
}
li.has-dropdown.header-language-dropdown ul.nav-dropdown.nav-dropdown-default,
li.account-item.has-icon.has-dropdown ul.nav-dropdown.nav-dropdown-default{
top: 22px;
}
li.has-dropdown.header-language-dropdown ul.nav-dropdown.nav-dropdown-default li a{
font-size: 0.9rem;
color: #000;
line-height: 1.6;
}
li.has-dropdown.header-language-dropdown ul.nav-dropdown.nav-dropdown-default li a:hover{
color: #FFC815 !important;
}
li.has-dropdown.header-language-dropdown ul.nav-dropdown.nav-dropdown-default li a i.icon-image img {
width: 25px;
margin: 0 10px 0 0;
} .menu-links ul.text-menu {
list-style: none;
margin: 0;
}
.menu-links ul.text-menu li {
margin: 0 0 10px 0;
}
.menu-links ul.text-menu li a{
color: #818181;
font-family: 'Roboto','Noto Sans Thai',sans-serif;
}
footer#footer {
background-color: #02028F;
padding-top: 50px;
} .header-nav.nav li.header-wishlist-icon a.wishlist-link {
flex-direction: row-reverse;
}
.header-nav.nav li.header-wishlist-icon a.wishlist-link:hover span {
color: #fec83b;
}   .shop-container .nav-pagination>li>a:hover,
.shop-container .nav-pagination>li>span:hover {
background-color: unset !important;
border-color: unset !important;
color: unset !important;
}
.shop-container .pgntn-page-pagination-block {
display: flex;
flex-flow: wrap;
align-items: center;
justify-content: center;
width: 100% !important;
}
.shop-container .pgntn-page-pagination-block .pgntn-page-pagination-intro {
display: none;
}
.shop-container .pgntn-page-pagination a:hover {
color: unset !important;
}
.shop-container .pgntn-page-pagination-block a, 
.shop-container .pgntn-page-pagination-block span {
line-height: 1.4;
border-radius: 50px;
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
border-color: #000 !important;
border-width: 2px !important;
color: #000 !important;
}
.shop-container .pgntn-page-pagination-block a.prev.page-numbers,
.shop-container .pgntn-page-pagination-block a.next.page-numbers{
font-size: 0;
}
.shop-container .pgntn-page-pagination-block a.prev.page-numbers:before {
content: '«';
font-size: 1rem;
}
.shop-container .pgntn-page-pagination-block a.next.page-numbers:before{
content: '»';
font-size: 1rem;
}
.shop-container .pgntn-page-pagination-block span.page-numbers.current{
color: #fff !important;
background-color: #020E8D !important;
border-color: #020E8D !important;
}
.header-contact {
display: flex;
align-items: center;
}
.header-contact .tel img {
width: 25px;
margin: 0 5px 0 0;
}
.header-contact .tel a{
color: #fff;
font-size: 0.9rem;
}
.header-contact .tel {
margin: 0 30px 0 0;
}
.header-contact .social a img {
width: 15px;
margin: 0 15px 0 0;
}
.header-contact .social a:hover img {
filter: brightness(0.8);
}
.header-contact .tel:after {
content: '';
width: 1px;
height: 20px;
background-color: #FFC815;
position: absolute;
margin: 0 15px;
margin-top: 3px;
}
body.logged-in .manage-header .logout a:before {
content: '';
background: url(//www.tryt.co.th/wp-content/themes/tryt/images/icon-login.svg) center/ 20px auto;
width: 20px;
height: 20px;
display: inline-block;
margin: 0 5px 0 0;
}
li.account-item span.header-account-title:before {
content: '';
background: url(//www.tryt.co.th/wp-content/themes/tryt/images/icon-user.svg) center / 30px auto;
width: 30px;
height: 30px;
display: inline-block;
background-repeat: no-repeat;
}
li.account-item span.header-account-title:hover:before {
content: '';
background: url(//www.tryt.co.th/wp-content/themes/tryt/images/icon-user-h.svg) center / 30px auto;
}
body .manage-header a{
color: #fff;
}
body .manage-header .regis a:before {
content: '';
background: url(//www.tryt.co.th/wp-content/themes/tryt/images/icon-user.svg) center/ 30px auto;
width: 30px;
height: 30px;
display: inline-block;
margin: 0 5px 0 0;
}
body .manage-header .logout a:before{
display: none;
}
body li.account-item a.nav-top-link:before{
content: '';
background: url(//www.tryt.co.th/wp-content/themes/tryt/images/icon-user.svg) center/ 30px auto;
width: 30px;
height: 30px;
display: inline-block;
opacity: 1 !important;
}
body li.account-item a.nav-top-link:hover:before{
content: '';
background: url(//www.tryt.co.th/wp-content/themes/tryt/images/icon-user-h.svg) center/ 30px auto;
}
.icon-user:before {
display: none; 
}
.nav-sidebar.nav-vertical.nav-uppercase .account-item a.nav-top-link:before{
display: none;
} li.account-item span.header-account-title, 
body .manage-header a,
li.account-item a.nav-top-link{
display: flex;
align-items: center;
font-size: 1.0rem;
color: #fff;
font-weight: 500;
}
.header-top ul.nav .manage-header:before {
content: '' !important;
width: 1px;
height: 20px;
background-color: #fff;
left: 0;
top: 0;
position: absolute;
}
body .header-top ul.nav .manage-header:before {
margin: 3px 0 0 5px;
}
body.logged-in .header-top ul.nav .manage-header:before {
margin: 3px 0 0 10px;
}
.header-search-form-wrapper .searchform .button.icon .icon-search:before{
content: '';
background: url(//www.tryt.co.th/wp-content/themes/tryt/images/icon-search-black.svg) center/ 20px auto;
width: 20px;
height: 20px;
display: inline-block;
}
ul.nav.nav-center.nav-small.mobile-nav {
width: 100%;
text-align: end;
}
div#masthead #logo img {
max-width: 120px;
}
ul.mobile-nav i.icon-menu {
color: #02028F;
}
.nav li.cart-item a.header-cart-link {
background: url(//www.tryt.co.th/wp-content/themes/tryt/images/cart.svg) center / 30px auto;
width: 30px;
height: 30px;
display: inline-block;
}
span.header-account-title {
margin-top: 5px;
}
.nav li.cart-item a.header-cart-link:hover {
background: url(//www.tryt.co.th/wp-content/themes/tryt/images/cart-hover.svg) center / 30px auto;
}
.header-nav.nav li.header-wishlist-icon {
margin: 0 10px;
}
.header-nav.nav li.header-wishlist-icon span {
font-size: 1rem;
margin: 0 0 0 10px;
color: #000;
}
.header-nav.nav li.header-wishlist-icon span:lang(en) {
font-size: 0;
}
.header-nav.nav li.header-wishlist-icon span:lang(en):before {
content: 'Wishlist';
font-size: 1rem;
}
.header-nav.nav li.header-wishlist-icon i.wishlist-icon{
margin: 0;
}
.header-nav.nav li.header-wishlist-icon i.wishlist-icon:before{
content: '';
background: url(//www.tryt.co.th/wp-content/themes/tryt/images/icon-favorite-black.svg) center/ 30px auto;
width: 30px;
height: 30px;
display: inline-block;
}
.header-nav.nav li.header-wishlist-icon i.wishlist-icon:hover:before{
content: '';
background: url(//www.tryt.co.th/wp-content/themes/tryt/images/icon-favorite-h.svg) center/ 30px auto;
}
.foot-logo .footer-contact .contact {
display: flex;
align-items: center;
justify-content: center;
}
.foot-logo .footer-contact .contact .text-contact {
margin: 0 0 0 15px;
line-height: 1;
text-align: left;
}
.foot-logo .footer-contact .contact .text-contact p {
margin: 0;
font-size: 1rem;
color: #000;
}
.foot-logo .footer-contact .contact .text-contact a.tel {
font-size: 1.9rem;
color: #000000;
font-weight: 400;
font-family: 'Roboto','Noto Sans Thai',sans-serif;
}
.foot-logo .footer-contact .location {
margin: 20px 0 0 0;
}
.foot-logo .footer-contact .location a {
font-size: 1rem;
color: #000;
font-weight: 600;
}
.foot-menu .menu-other .follow-us .social {
display: flex;
}
.foot-menu .menu-other .follow-us .social a:last-child img{
margin: 0
}
.foot-menu .menu-other .follow-us .social a img {
width: 20px;
margin: 0 25px 0 0;
}
.foot-menu .menu-other .shipping img {
border-radius: 6px;
margin: 0 15px 0 0;
}
.footer-links h4 {
color: #fff;
font-size: 1.3rem;
}
.foot-menu .menu-other .pay{
color: #000;
}
.foot-menu .menu-other .pay .col-inner p {
line-height: 1;
color: #373737;
margin: 0 0 10px 0;
font-size: 0.8rem;
}
.foot-menu .menu-other .pay .col-inner h4 {
margin: 0 0 0 0;
}
.home-slide button.flickity-button.previous{
background: url(//www.tryt.co.th/wp-content/themes/tryt/images/icon-arrow-slide-l.svg) center/ 25px auto;
width: 25px;
height: 25px;
left: 0;
background-repeat: no-repeat;
}
.home-slide button.flickity-button.next{
background: url(//www.tryt.co.th/wp-content/themes/tryt/images/icon-arrow-slide-r.svg) center/ 25px auto;
width: 25px;
height: 25px;
right: 0 !important;
background-repeat: no-repeat;
}
.home-slide button.flickity-button:hover {
filter: brightness(0.5);
}
.brand-list .brands ul.mainul li {
border: 1px solid #C7C7C7;
}
.brand-list .brands .esg-pagination .esg-navigationbutton.selected {
width: 8px;
height: 8px;
font-size: 0;
padding: 0;
line-height: unset;
min-height: unset;
background-color: #FFC815;
border: 0;
box-shadow: unset;
}
.brand-list .brands .esg-pagination .esg-navigationbutton{
width: 8px;
height: 8px;
font-size: 0;
padding: 0;
line-height: unset;
min-height: unset;
background-color: transparent;
border: solid 1px #C7C7C7;
box-shadow: unset;
margin: 0 5px;
}
.brand-list .brands .esg-filters.esg-singlefilters .esg-navigationbutton.esg-left i,
.brand-list .brands .esg-filters.esg-singlefilters .esg-navigationbutton.esg-right i{
display: none;
}
.brand-list .brands .esg-filters.esg-singlefilters .esg-navigationbutton.esg-left:hover,
.brand-list .brands .esg-filters.esg-singlefilters .esg-navigationbutton.esg-right:hover{
border: 0;
box-shadow: unset;
filter: brightness(0.9);
}
.brand-list .brands .esg-filters.esg-singlefilters .esg-navigationbutton.esg-left{
background: url(//www.tryt.co.th/wp-content/themes/tryt/images/icon-left-yellow.svg) center/ 20px auto;
width: 20px;
height: 30px;
left: -10px;
}
.brand-list .brands .esg-filters.esg-singlefilters .esg-navigationbutton.esg-right{
background: url(//www.tryt.co.th/wp-content/themes/tryt/images/icon-right-yellow.svg) center/ 20px auto;
width: 20px;
height: 30px;
right: -10px;
}
.brand-list .brands .esg-filters.esg-singlefilters .esg-navigationbutton.esg-left,
.brand-list .brands .esg-filters.esg-singlefilters .esg-navigationbutton.esg-right{
border: 0;
border-radius: 0;
background-repeat: no-repeat;
position: absolute;
top: -35px;
}
.brand-list .brands .esg-grid a {
font-family: 'Roboto','Noto Sans Thai',sans-serif;
border-radius: 6px;
}
.brand-list .brands .esg-grid a:hover{
background-color: #FFC815;
color: #000;
}
.brand-list .title {
display: flex;
align-items: center;
margin: 0 0 20px 0;
position: relative;
}
.brand-list .title .text h1 {
margin: 0;
color: #000;
font-size: 1.6rem;
}
.brand-list .title .text h1 strong{
margin: 0 0 0 10px;
}
.brand-list .title .image {
margin: 0 10px 0 0;
}
.esg-filters:not([class*="esg-navbutton-"]) {
position: absolute;
top: -45px;
left: unset;
right: 0;
}
.brand-list .brands .esg-media-cover-wrapper {
position: unset;
width: unset;
backface-visibility: visible;
}
.home-brand .brand-slide {
padding-bottom: 10px;
}
.home-product .product-banner .banner {
background-color: unset;
padding: 0 10px 15px;
}
.tester-bot {
padding-bottom: 0;
}
.row.product-banner {
padding: 0;
}
.home a.view-all {
font-size: 0.8rem;
font-family: 'Roboto','Noto Sans Thai',sans-serif;
color: #000;
}
.home a.view-all:hover{
color: #FFC815;
}
.home-product .title {
display: flex;
align-items: center;
margin: 0 0 20px 0;
position: relative;
}
.home-product .title .text h1{
margin: 0;
color: #000;
}
.home-product .title .image {
margin: 0 10px 0 0;
}
.home-product .title .text h1 strong {
margin: 0 0 0 10px;
}
.product-quick-view-container ol.flickity-page-dots li.dot.is-selected{
background-color: #FFC815;
border: 0;
opacity: 1;
}
.home-product ol.flickity-page-dots li.dot.is-selected,
.home-blog ol.flickity-page-dots li.dot.is-selected{
background-color: #FFC815;
border: 0;
opacity: 1;
}
.home-product button.flickity-button,
.home-blog button.flickity-button{
opacity: 1;
top: 40% !important;
margin: 0 !important;
}
.home-product button.flickity-button svg path.arrow,
.home-blog button.flickity-button svg path.arrow,
.product-quick-view-container button.flickity-button svg path.arrow,
.related button.flickity-button svg path.arrow{
display: none;
}
.product-quick-view-container button.flickity-button.previous,
.related button.flickity-button.previous{
background: url(//www.tryt.co.th/wp-content/themes/tryt/images/icon-arrow-left-p.svg) center/ 35px auto;
width: 45px;
height: 45px;
left: 0;
background-repeat: no-repeat; 
}
.product-quick-view-container button.flickity-button.next,
.related button.flickity-button.next{
background: url(//www.tryt.co.th/wp-content/themes/tryt/images/icon-arrow-right-p.svg) center/ 35px auto;
width: 45px;
height: 45px;
right: 0;
background-repeat: no-repeat;
}
.product-quick-view-container button.flickity-button.previous:hover,
.related button.flickity-button.previous:hover{
background: url(//www.tryt.co.th/wp-content/themes/tryt/images/icon-arrow-left-h.svg) center/ 35px auto;
width: 45px;
height: 45px;
left: 0;
background-repeat: no-repeat; 
}
.product-quick-view-container button.flickity-button.next:hover,
.related button.flickity-button.next:hover{
background: url(//www.tryt.co.th/wp-content/themes/tryt/images/icon-arrowh-right-h.svg) center/ 35px auto;
width: 45px;
height: 45px;
right: 0;
background-repeat: no-repeat;
}
.related button.flickity-button.flickity-prev-next-button {
top: 40%;
}
.product-small p.name.product-title a {
font-size: 1.0rem;
font-weight: 600;
color: #000;
margin: 15px 0;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
}
.product-small .box-text-products .price-wrapper span.price {
display: flex;
flex-direction: column;
} 
.product-small .box-text-products .price-wrapper span.price del bdi {
color: #000;
opacity: 1;
font-size: 0.8rem;
font-weight: 400;
} .product-small .box-text-products .price-wrapper span.price ins bdi {
color: #F00;
font-size: 1.1rem;
font-weight: 600;
}
a.added_to_cart.wc-forward {
display: none;
}
.product-small .box-image .add-to-cart-button .button:before {
content: '';
background: url(//www.tryt.co.th/wp-content/themes/tryt/images/cart.svg) center/ 20px auto;
width: 38px;
height: 40px;
display: block;
background-repeat: no-repeat;
}
.product-small .col-inner .yith-wcwl-add-to-wishlist a:before {
content: '';
background: url(//www.tryt.co.th/wp-content/themes/tryt/images/icon-favorite-gray.svg) center / 25px auto;
width: 42px;
height: 42px;
display: block;
background-repeat: no-repeat;
}
.product-small .col-inner .yith-wcwl-add-to-wishlist:hover a:before {
content: '';
background: url(//www.tryt.co.th/wp-content/themes/tryt/images/icon-favorite-blue.svg) center / 25px auto;
background-repeat: no-repeat;
}
.yith-wcwl-add-button span {
display: none;
}
ul.mobile-nav li.nav-icon a.is-small {
font-size: 1rem;
}
.badge-container.absolute {
display: none;
}
.badge .badge-inner span.post-date-day {
font-size: 25px;
font-weight: 400;
}
.badge .badge-inner span.post-date-month {
font-size: 10px;
}
.home-blog .col.post-item .col-inner:hover h5.post-title {
color: #02028F;
}
.home-blog .post-item .box-text.text-center .is-divider {
display: none;
}
.home-service .col.item {
text-align: center;
}
.home-service .col.item .box-image {
width: 70px;
height: 70px;
border: 1px solid #C7C7C7;
display: flex;
align-items: center;
justify-content: center;
z-index: 10;
background-color: #fff;
}
.home-service .col.item .box-image img {
width: 50px;
}
.home-service .col.item .box-text-inner {
margin: 15px 0 0 0;
}
.home-service .col.item .box-text-inner h4 {
font-size: 1.3rem;
margin: 0 0 15px 0;
color: #000;
font-weight: 600 !important;
}
.home-service .col.item .box-text-inner p {
margin: 0;
font-size: 1rem;
font-family: 'Roboto','Noto Sans Thai',sans-serif;
color: #000;
}
.hidden-xs {
display: none;
}
.live-search-results .autocomplete-suggestion {
flex-direction: column;
align-items: flex-start;
}
.box-image .out-of-stock-label {
width: 80%;
margin: auto;
padding: 10px 0;
border-radius: 50px;
background-color: #b5b5b5;
color: #fff;
font-family: 'Roboto','Noto Sans Thai';
font-weight: 400;
}
.brand-banner img:hover {
opacity: 0.8;
}
.blog-wrapper.page-wrapper h5.post-title {
font-size: 1.2rem;
color: #000;
}
form.wp-block-search__button-outside button.wp-block-search__button {
border-radius: 22px;
color: #000;
}
form.wp-block-search__button-outside button.wp-block-search__button:hover {
background-color: #000;
color: #fff;
}
.post-sidebar .widget-area .widget + .widget h2.wp-block-heading {
background-color: #02028F;
color: #fff;
padding: 10px 15px;
border-radius: 5px 5px 0 0;
margin: 0;
font-size: 1.3rem;
}
button.wp-block-search__button.wp-element-button {
background-color: #02028F;
color: #fff;
padding: 5px 15px;
border-radius: 5px !important;
}
.post-sidebar .widget-area .widget + .widget ul.wp-block-latest-posts__list {
padding: 10px 20px;
border: solid 1px #D7D7D7;
border-radius: 0 0 5px 5px;
}
.post-sidebar .widget-area .widget + .widget ul.wp-block-latest-posts__list li {
list-style: disc;
margin: 0 0 5px 15px;
}
.header-nav.nav li.menu-item ul.sub-menu {
top: 49px;
}
.header-nav.nav li.menu-item ul.sub-menu li.menu-item a {
line-height: 2.5;
}
.header-nav.nav li.menu-item a {
color: #2B2B2B;
}
.header-nav.nav li.menu-item ul.sub-menu li.menu-item:hover,
.header-nav.nav li.menu-item ul.sub-menu li.menu-item.current-menu-item{
background-color: transparent !important;
}
.cart-icon.image-icon > strong {
top: -20px;
}
li.has-dropdown.header-language-dropdown ul.nav-dropdown.nav-dropdown-default {
left: unset;
right: 0;
min-width: 170px;
}
.product-small:hover .box-text.box-text-products a.woocommerce-LoopProduct-link.woocommerce-loop-product__link {
color: #02028F;
}
.home-product .flickity-viewport { }
.home-product .tester-bot .flickity-viewport {
border-bottom: unset;
}
.message-container.container.medium-text-center a.showlogin {
background-color: #fec83b;
padding: 10px 20px;
border-radius: 22px;
font-family: 'Roboto','Noto Sans Thai',sans-serif;
}
.message-container.container.medium-text-center a.showlogin:hover {
background-color: #000;
color: #fff;
}
.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%;
}
a.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained {
padding: 0;
background-color: #02028F;
border-radius: 5px;
}
a.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained:hover {
background-color: #000;
}
button.wc-block-components-button.wp-element-button.wc-block-components-totals-coupon__button.contained {
background-color: #02028F;
border-radius: 5px !important;
}
button.button.expand {
border-radius: 5px !important;
}
button#place_order {
border-radius: 5px !important;
} .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: #d12e2e;
}
.cms-page .underline {
text-decoration: underline;
}
.cms-page .red,
.cms-page .red-text {
color: #FF0000;
}
.cms-page .web,
.cms-page .color-text {
color: #D12E2E;
}
.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: #02028F;
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: #000;
color: #fff;
border-radius: 0;
padding: 10% 15%;
font-family: 'Roboto', 'Noto Sans Thai', sans-serif;
}
.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: 0;
}
.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: 100%;
}
.howto-page .bbl .bank-logo {
background-color: #254292;
}
.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;
font-size: 1.5rem;
}
.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 #9f7b61;
}
.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;
margin: 15px 0 0;
}
.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: #02028F;
padding: 10px 30px;
font-size: 1rem;
border-radius: 5px 5px 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;
}
.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: 6px;
display: block;
margin-left: auto;
margin-right: 0;
background-color: #02028F;
color: #fff;
}
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: #FF0000;
}
.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: #FF0000;
}
.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: #02028F;
padding: 0 30px;
font-size: 1rem !important;
color: #fff;
width: 100%;
border-radius: 6px; 
}
.cms-page .wpforms-container .wpforms-form .wpforms-submit-container button.wpforms-submit:hover {
background-color: #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: 6px;
}
.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: #02028F;
}
.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: #02028F;
}
.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;
font-family: 'Roboto', 'Noto Sans Thai', sans-serif;
}
.contact-page .contact-info h2 {
font-size: 1.5rem;
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: flex-start;
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;
margin-top: 3px;
}
.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 50px;
}
.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%;
}
.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: 0.9rem;
}
.cms-page.policy-page p,
.cms-page.policy-page ol.big-list-1 {
font-family: 'Roboto', 'Noto Sans Thai', sans-serif !important;
}
.about-page ol,
.about-page ul {
padding-left: 40px;
}
.cms-page.about-page {
padding: 30px 0;
}
.about-page .image {
display: grid;
grid-gap: 20px;
justify-content: center;
}
.about-page .image .left {
display: grid;
grid-gap: 20px;
}
.about-page .image img {
border-radius: 0;
height: 100%;
object-fit: cover;
}
.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);
}
.contact-info p {
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
}
p.address {
text-align: center !important;
display: block;
} .woocommerce-MyAccount-content > p > strong + a {
color: #fff;
padding: 5px 15px;
background-color: #02028F;
border-radius: 15px;
margin: 0 10px;
}
.woocommerce-MyAccount-content > p > strong + a:hover {
background-color: #000;
color: #fff;
}
.header-contact h4.tel {
color: #fff; 
}
.row-col-category {
margin: 0 auto !important;
}
.row-full-width.row-bg .col {
padding-left: 0;
padding-right: 0;
}
.col.col-more {
border: 1px solid #fff;
border-radius: 50px;
}
.more-category .img-inner.dark {
border: 1px solid #fff;
border-radius: 50px;
width: 50px;
height: 50px;
padding: 15px;
line-height: 1;
}
.row-full-width.row-bg {
background: #FFBF00;
}
.text-header-line ul {
display: flex;
align-items: center;
list-style-type: none;
background-color: #5FC301;
border-radius: 30px;
justify-content: center;
width: 220px !important;
height: 48px;
}
.text-header-line img {
width: 25px;
margin: 0 10px;
}
.text-header-line p {
color: #fff;
padding-right: 60px;
width: max-content;
}
.search-product .dgwt-wcas-search-wrapp {
width: 220px;
min-width: 220px;
}
input#dgwt-wcas-search-input-1 {
padding: 0 20px;
height: 40px;
border: none !important;
background-color: #fff;
border-radius: 50px !important;
}
.search-product .dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp {
background: transparent;
padding: 0;
border-radius: 20px;
}
.search-product .dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input {
line-height: 0;
}
.off-canvas:not(.off-canvas-center) li.html {
padding: 10px 20px !important;
}
.search-product button.dgwt-wcas-search-submit {
left: auto !important;
top: 2px !important;
right: 8px !important;
}
.button-slide .button {
width: 160px;
height: 50px;
border-radius: 100px !important;
line-height: 3.5 !important;
}
.button-slide .button span {
font-size: 1.1rem;
}
.button-slide .button-promotion {
border-color: #fff !important;
color: #fff !important;
}
.button-slide .button-shopnow {
background-color: #FFBF00;
}
.row-full-width .col {
padding: 0;
}
.blog-post .is-divider {
display: none !important;
}
.blog-post .post-title.is-large {
height: 40px;
min-height: 40px;
overflow: hidden;
margin-bottom: 5px;
font-size: 1.0rem;
}
.blog-post button.button.is-link.is-small.mb-0 {
position: absolute;
background-color: #FFBF00 !important;
margin-top: 0;
width: 50px;
height: 50px;
}
.blog-post .box-text.text-left {
margin: 15px;
}
.blog-post .box-image {
padding-bottom: 25px;
}
.blog-post .box-text.text-left {
bottom: 30px;
}
.row-full-width.row-bg {
margin-bottom: 15px;
}
.more-category {
padding-bottom: 30px;
}
li.f-bg {
background-color: #FFBF00;
border-radius: 50px;
height: 35px;
width: 35px;
padding: 5px 8px;
margin: 15px;
}
.box-contact-app img {
width: 40px;
}
.box-logo {
display: flex;
flex-wrap: nowrap;
justify-content: center;
}
.box-contact-app ul {
list-style-type: none;
display: flex;
align-items: center;
justify-content: space-evenly;
margin: 0 auto;
}
.box-contact ul {
list-style-type: none;
}
.box-contact-app li {
margin-left: 0 !important;
margin-bottom: 0;
}
.box-contact img {
margin-right: 15px;
width: 25px;
} 
.box-contact a {
color: #000;
}
.footer-links ul {
list-style-type: none;
}
.footer-links ul li {
margin-left: 0 !important;
}
.box-contact-app img:hover {
opacity: 0.7;
}
.home-title-blog {
display: flex;
align-items: center;
}
.home-title-blog p {
width: 52px;
margin-bottom: 0;
}
.text-header {
margin-left: 0;
color: #fff;
}
.text-header span {
background-color: #4BC4F7;
border-radius: 50px;
padding: 0 10px;
font-weight: 600;
}
input#dgwt-wcas-search-input-1::placeholder {
color: #B3B3B3;
}
button.dgwt-wcas-search-submit:after {
content: '';
background: url(//www.tryt.co.th/wp-content/themes/tryt/images/icon-search.svg) center/ 20px auto;
width: 20px;
height: 20px;
display: inline-block; 
}
svg.dgwt-wcas-ico-magnifier {
display: none;
}
.text-header-line:hover {
filter: brightness(0.9);
}
.header-account-title:hover {
filter: brightness(0.9);
}
.box-blog-post button.button.is-link.is-small.mb-0 {
content: '';
background: url(//www.tryt.co.th/wp-content/themes/tryt/images/icon-more-blog.svg) center/ 20px auto;
width: 50px;
height: 50px;
display: inline-block;
font-size: 0 !important;
background-repeat: no-repeat;
border-radius: 50px !important;
}
.entry-image.relative img {
width: auto;
}
.entry-image.relative {
text-align: center;
}
a.button.primary.is-outline.button-promotion:hover {
background-color: #8080FF;
}
.box-contact a:hover {
color: #8080FF;
}
.footer-links a:hover {
color: #8080FF;
}
ul.sub-menu.nav-column.nav-dropdown-default a {
font-size: 0.85rem !important;
}
ul.sub-menu.nav-dropdown.nav-dropdown-default a {
font-size: 1.0rem !important;
}
.text-header-line img {
margin-left: 70px;
}
.more-category a {
align-items: center;  
display: inline-block;
}
.more-category a:hover {
filter: brightness(0.5);
}
.row-col-category img:hover {
filter: brightness(0.5);
}
.home-banner img:hover {
filter: brightness(0.8);
}
.home-service h3 {
color: #FFBF00;
}
.footer-links a {
font-family: 'Roboto','Noto Sans Thai',sans-serif;
color: #fff;
} .nav-dropdown-has-arrow li.has-dropdown:after {
border-color: transparent !important;
border-width: 0 !important;
margin-left: -8px !important; 
}
.row-col-category .text {
font-family: 'Roboto','sans-serif' !important;
font-size: 1.2rem;
}
.row-col-category h2{
font-family: 'Roboto','sans-serif' !important;
}
.nav-dropdown-has-arrow.nav-dropdown-has-border li.has-dropdown:before {
display: none;
}
.home-title-blog h4 {
color: #FFBF00;
font-size: 1.5rem;
margin-bottom: 0;
}
.home-title-blog p {
color: #9A9A9A;
}
.home-title-blog p:hover {
color: #FFBF00; 
}
.wc-block-components-button:not(.is-link) .wc-block-components-spinner+.wc-block-components-button__text {
visibility: inherit !important;
}
.account-item .icon-angle-down:before {
color: #fff;
}
input#dgwt-wcas-search-input-1::placeholder {
font-family: 'Noto Sans Thai', sans-serif;
color: #000;
}
input#dgwt-wcas-search-input-1::placeholder {
font-family: 'Noto Sans Thai', sans-serif;
color: #000;
}
.dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input {
padding: 13px 24px 13px 15px !important;
}
.dgwt-wcas-content-wrapp {
display: flex;
flex-direction: column;
align-items: flex-start !important;
}
.dgwt-wcas-suggestions-wrapp .dgwt-wcas-sp {
line-height: 70%;
}
.button-slide .button span {
font-family: 'Roboto',sans-serif;
font-weight: 400;
}
.home-banner .col.medium-4.small-12.large-4 {
padding: 10px 15px; 
}
.banner-full-width {
margin-top: 10px;
}
.footer-wrapper .col {
padding-bottom: 10px;
}
.footer-links.product {
margin-top: 20px;
}
.widget_price_filter .ui-slider .ui-slider-range {
background-color: #02028F !important;
}
.widget_price_filter .ui-slider .ui-slider-handle {
background-color: #02028F !important;
}
div.wpforms-container-full button[type=submit]:focus:after{
border: none !important; 
}
.header-nav.nav li.menu-item > a:hover, .header-nav.nav li.menu-item.active > a {
color: #02028F;
}
.out-of-stock.product .add-to-cart-button {
display: none;
}
.woocommerce-shop .add-to-cart-button {
display: none;
}
a.woocommerce-button.button.view {
background-color: #02028F;
}
a.woocommerce-button.button.view:hover {
filter: brightness(0.9);
} ul#my-account-nav li a:before {
background-color: #02028F; 
}
#my-account-nav.nav li a:hover {
color: #02028F;
}
.woocommerce-MyAccount-content .dashboard-links a:hover {
background-color: #02028F;
} .checkout-breadcrumbs a:nth-child(1):after {
content: 'ตะกร้าสินค้า';
font-size: 1.1rem;
}
.checkout-breadcrumbs a:nth-child(3):after {
content: 'รายละเอียดคำสั่งซื้อ';
font-size: 1.1rem;
}
.checkout-breadcrumbs a:nth-child(5):after {
content: 'สั่งซื้อสำเร็จ';
font-size: 1.1rem; 
}
.checkout-breadcrumbs a:nth-child(1), 
.checkout-breadcrumbs a:nth-child(3),
.checkout-breadcrumbs a:nth-child(5){
font-size: 0 !important;
}
input#dgwt-wcas-search-input-2 {
height: 40px;
}
.cms-content .contact-social a:hover {
filter: brightness(0.8);
}
p.text-product-page {
color: #5a9b1d;
font-size: 1.3rem;
font-family: 'Noto Sans Thai',sans-serif;
font-weight: 600;
}
.box-contact-product ul {
list-style-type: none;
display: flex;
flex-direction: column;
}
.box-contact-product {
width: 55%;
margin: auto;
}
.box-contact-product img:hover {
filter: brightness(0.9);
}
.box-contact-product li {
margin-left: 0 !important;
z-index: 9;
}
.home-banner-category {
padding: 0 7px 15px !important;
} 
.box-contact-header ul {
display: flex;
align-items: center;
list-style-type: none;
}
.box-contact-header img {
width: 20px;
margin-right: 5px;
}
.box-contact-header li {
margin: 0 5px;
}
li.facebook-header {
background-color: #1976D3;
border-radius: 50px;
padding: 3px 10px;
margin-bottom: 0;
}
li.facebook-header:hover {
background-color: #8080FF;
}
li.line-header {
background-color: #00C200;
border-radius: 50px;
padding: 3px 10px;
margin-bottom: 0;
}
li.line-header:hover{
background-color: #8080FF;
}
.box-contact-header a:hover {
color: #fff;
}
.bg-home-category {
background-color: #FAFAFF;
}
.home-category .box.has-hover {
background-color: #fff;
border-radius: 5px;
padding: 15px 0;
}
.home-category {
padding: 30px 0 !important;
}
.icon-menu:before {
font-size: 2.2rem;
}
.box-contact-header a {
color: #fff;
font-size: 0.9rem;
}
.footer-links.contact ul li {
display: flex;
align-items: flex-start;
margin-bottom: 15px;
}
.footer-links.contact img {
width: 20px;
}
.footer-contact h4, .footer-contact p {
color: #fff;
}
.footer-contact p {
margin: 20px 0 0;
text-align: center;
}
.footer-contact h4{
text-align: start;
}
.footer-links.contact .border {
color: #fff;
margin: 0 0 15px;
} .yith-wcwl-add-button {
position: absolute;
top: 0;
right: 0;
}
.yith-wcwl-add-to-wishlist.exists.wishlist-fragment.on-first-load {
display: none;
}
.product-small .add-to-cart-button a.button:before {
content: '';
background: url(//www.tryt.co.th/wp-content/themes/tryt/images/cart.svg) center / 25px auto;
width: 25px;
height: 25px;
display: inline-block;
background-repeat: no-repeat;
}
.product-small .add-to-cart-button a.button:hover:before {
content: '';
background: url(//www.tryt.co.th/wp-content/themes/tryt/images/cart-hover.svg) center / 25px auto;
filter: brightness(0) invert(1);
}
button.single_add_to_cart_button.button.alt:before {
content: '';
background: url(//www.tryt.co.th/wp-content/themes/tryt/images/cart.svg) center / 30px auto;
width: 30px;
height: 30px;
display: inline-block;
background-repeat: no-repeat;
filter: brightness(10);
}
a.added_to_cart.wc-forward {
display: none !important;
} 
.home-title.title-products-tab .s-all {
display: flex;
justify-content: flex-end;
align-items: center;
}
.home-title.title-products-tab img {
width: 20px;
}
a.primary.is-small.mb-0.button.product_type_simple.add_to_cart_button.ajax_add_to_cart.is-outline {
padding: 5px;
border-radius: 5px !important;
border-color: #eee;
display: flex;
color: #000;
margin-right: 0;
}
.box-text.box-text-products {
text-align: center;
} .title-products-tab .s-all p {
margin-bottom: 0;
margin-right: 10px;
}
.home-title.title-products-tab .s-all {
position: absolute;
right: 0;
top: -25px;
border: 1px solid #D9D9D9;
padding: 15px 100px;
border-radius: 100px;
background-color: #fff;
width: auto;
}
.banner-top-brands {
margin-top: 70px;
}
.tab-cat-product .nav-tabs+.tab-panels {
border-right: none !important;
border-left: none !important;
}
.home-title.title-products-tab:hover .s-all img {
filter: invert(1);
}
.home-title.title-products-tab .s-all:hover {
background-color: #02028F;
color: #fff;
}
.tab-cat-product .nav-tabs>li>a {
border-left: none;
border-right: none;
border-top: none;
border-bottom: 1px solid #D9D9D9;
border-radius: 5px 5px 0 0;
background-color: #fff; 
}
.tab-cat-product .nav-tabs>li.active>a {
background-color: #02028F;
color: #fff;
}
.tab-cat-product .nav-tabs>li>a:hover {
background-color: #02028F;
color: #fff;
}
.tab-cat-product .nav>li>a {
color: #000;
}
.tab-cat-product .nav-tabs+.tab-panels {
border: 1px solid #D9D9D9;
}
.home-products-tab {
margin-top: 50px;
}
.title-product-tab h4 {
font-size: 2.0rem;
color: #000;
margin-bottom: 0;
}
.title-product-tab p {
color: #000;
font-size: 1.6rem;
}
.home-brands img {
padding: 0 15px;
}
.home-brands .img .img-inner {
overflow: visible !important;
}
.home-brands .row-large>.col{
padding: 0;
}
.bg-search {
background-color: #02028F;
height: 150px;
padding: 25px 0;
}
.bg-search .dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp {
background: #fff;
padding: 0;
border-radius: 50%;
}
.bg-search h4 {
color: #fff;
font-size: 1.8rem;
}
.bg-search .dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit {
right: 15px;
left: unset;
position: absolute;
top: 3px;
}
.sidebar-menu.no-scrollbar li.account-item span.header-account-title:before {
filter: brightness(0) invert(1);
}
.home-category h4 {
font-size: 1.3rem;
color: #02028F;
} .home-products-promotions .flickity-button.previous {
background: url(//www.tryt.co.th/wp-content/themes/tryt/images/icon-arrow-left-p.svg) center / 20px auto;
width: 45px;
height: 45px;
left: 0;
background-repeat: no-repeat;
opacity: 1;
filter: brightness(0.5)
}
.home-products-promotions .flickity-button.next {
background: url(//www.tryt.co.th/wp-content/themes/tryt/images/icon-arrow-right-p.svg) center / 20px auto;
width: 45px;
height: 45px;
right: 0;
background-repeat: no-repeat; 
opacity: 1;
filter: brightness(0.5)
}
.home-blog .flickity-button.previous {
display: none;
}
.home-blog .flickity-button.next {
display: none;
}
svg.flickity-button-icon {
display: none;
}
.slider-nav-push:not(.slider-nav-reveal) .flickity-prev-next-button {
margin-top: 0% !important;
}
.single-product .price-wrapper {
position: unset;
}
.related-products-wrapper .price-wrapper {
position: absolute;
}
.home-banner-category img {
border-radius: 5px;
}
.home-banner-category .img-inner.dark {
padding: 7.5px 0;
}
.banner-top-brands img {
border-radius: 5px;
}
.home-title {
display: flex;
align-items: center;
flex-direction: column-reverse;
}
a.s-all {
width: 55px;
} 
.home-brands {
margin: 50px 0;
}
.home-title h4, .home-title p {
margin-bottom: 0;
}
.home-title h4 {
font-size: 1.8rem;
color: #000;
}
.home-products-promotions {
margin-top: 50px;
}
.product-small .add-to-cart-button a {
border: 1px solid #eee;
border-radius: 5px;
margin: 0;
width: 100%;
height: 50px;
display: flex;
background: transparent;
justify-content: center;
flex-wrap: nowrap;
align-items: center;
}
.add-to-cart-button a.primary.is-small {
color: #000;
}
.add-to-cart-button a.primary.is-small:hover {
color: #fff;
}
.home-brands .flickity-page-dots {
bottom: -40px;
}
a.s-all:hover {
color: #02028F;
}
.home-brands {
margin-bottom: 80px;
}
.home-banner-category img:hover, .full-banner img:hover, .banner-top-brands img:hover{
filter: brightness(0.8);
}
.text-header-free-shipping p {
font-size: 1.0rem;
}
.text-header-free-shipping span {
font-weight: 600;
}
.has-dropdown .icon-angle-down {
font-size: 25px !important;
color: #2B2B2B;
opacity: 1 !important; 
}
.has-dropdown .icon-angle-down:hover {
color: #02028F;
}
div#logo {
margin-top: 5px;
}
.home-category p {
font-family: Roboto, 'Noto Sans Thai', sans-serif !important;
color: #2B2B2B;
}
.home-category .col {
padding: 5px !important;
}
.home-category .flickity-page-dots {
bottom: -15px !important;
}
.flickity-page-dots .dot {
margin: 0 3px !important;
}
.home-category .slider-wrapper {
padding: 15px;
}
del span.woocommerce-Price-currencySymbol:after {
font-size: 0.8rem;
}
.price del {
position: relative;
left: -7px;
}
a.primary.is-small.mb-0.button.product_type_simple.add_to_cart_button.ajax_add_to_cart.is-outline {
justify-content: center;
align-items: center;
}
.tab-cat-product .nav-tabs>li>a {
width: 70px;
height: 50px;
justify-content: center;
}
.tab-cat-product span {
font-family: 'Roboto', 'Noto Sans Thai', sans-serif !important;
}
.bg-blog {
background-color: #FAFAFF;
padding-top: 30px; 
}
.home-title {
padding-bottom: 20px;
}
.box-blog-post .is-divider {
display: none;
}
h5.post-title.is-large {
color: #02028F;
}
.contact-app .border {
color: #fff;
}
button#place_order {
border-radius: 5px !important;
font-size: 1.2rem !important;
margin-bottom: 15px;
}
.header-wrapper:not(.home) {
box-shadow: 1px 1px 10px rgba(0, 0, 0, .15);
}
.home-category .box.has-hover:hover {
box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 28%);
-webkit-box-shadow: 0px 0px 5px 1px rgb(0 0 0 / 28%);
-moz-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 28%);
}
.icon-search:before {
content: '' !important;
background: url(//www.tryt.co.th/wp-content/themes/tryt/images/icon-search-black-header.svg) center / 25px auto;
width: 25px;
height: 25px;
display: inline-block;
}
.nav-sidebar.nav-vertical .searchform-wrapper form {
width: 260px;
}
.copyright-footer a.tsd img {
display: inline-block;
}
.text-howto {
margin-bottom: 30px;
}
.img-howto img {
height: auto;
object-fit: contain;
}
.img-howto {
margin: 15px 0;
}
.text-howto img {
width: 120px;
}
.text-howto img:hover {
filter: brightness(0.8);
}
.img-howto ul {
list-style-type: none;
}
.text-howto a {
color: #02028f;
}
.text-howto a:hover {
color: #8080FF;
}
.img-howto {
text-align: center;
}
.text-howto span {
color: red;
}
.text-howto h4 {
margin-bottom: 0;
}
.shipping-tracking ol ul {
margin: 5px;
}
.shipping-content .shipping-by ul li{
list-style: none;
}
.shipping-content .shipping-by ul li .ship br {
display: none;
}
.shipping-content .shipping-by ul li .ship img {
border: solid 1px #ccc;
border-radius: 10px;
width: auto;
height: auto;
}
.shipping-content .shipping-by ul li .ship {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 10px;
}
.shipping-content .shipping-by ul {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 20px;
text-align: center;
}
.shipping-content .shipping-by ul li {
margin: 0 ;
}
.shipping-content .shipping-by ul li img {
width: 150px;
height: 150px;
object-fit: contain;
}
@media (min-width:425px){
.service-contact p {
height: 110px;
max-height: 110px;
overflow: hidden;
}
.about-page .title {
line-height: 2;
}
}
@media (min-width:550px){ .about-page .image {
grid-template-columns: 1fr 1fr;
}
}
@media(max-width:767px){
.about-content .about-bottom .container {
padding: 0 15px; 
}
}
@media (min-width:768px) {
.img-howto ul {
display: flex;
align-items: center;
}
.about-page .title {
line-height: 1;
}
.box-contact-app ul {
list-style-type: none;
display: flex;
align-items: center;
justify-content: space-evenly;
width: 400px;
margin: 20px auto;
}
.footer-links.contact {
margin-left: -25px;
}
.home-title h4 {
position: relative;
left: -20px;
}
.home-brands .img-inner.dark img {
width: 150px;
max-width: 150px;
}
.tab-cat-product .nav-tabs>li>a {
width: 140px;
height: 55px;
justify-content: center;
}
span.woocommerce-Price-currencySymbol {
font-size: 0 !important;
}
.woocommerce-Price-currencySymbol:after {
content: 'THB';
font-size: 1.1rem;
}
div#masthead #logo img {
max-width: 150px;
}
div#logo {
margin-top: 20px;
} .home-blog .flickity-page-dots {
height: 20px;
position: absolute;
top: -45px;
right: 0px;
left: 93%;
}
.home-products-promotions .flickity-page-dots {
height: 20px;
position: absolute;
top: -50px;
right: 0;
left: 93%;
}
home-blog .flickity-page-dots {
height: 20px;
position: absolute;
top: -30px;
right: 0px;
left: 93%;
}
.home-category .flickity-page-dots {
position: absolute;
right: 0;
bottom: 0;
left: 94%;
}
.home-title {
display: flex;
align-items: center;
flex-direction: row;
} .home-products-promotions .flickity-button.previous {
background: url(//www.tryt.co.th/wp-content/themes/tryt/images/icon-arrow-left-p.svg) center / 35px auto;
width: 45px;
height: 45px; 
left: 0;
background-repeat: no-repeat;
opacity: 1;
filter: none
}
.home-products-promotions .flickity-button.next {
background: url(//www.tryt.co.th/wp-content/themes/tryt/images/icon-arrow-right-p.svg) center / 35px auto;
width: 45px;
height: 45px;
right: 0; 
background-repeat: no-repeat; 
opacity: 1;
filter: none
}
.home-products-promotions .flickity-button.previous:hover {
background: url(//www.tryt.co.th/wp-content/themes/tryt/images/icon-arrow-left-h.svg) center / 35px auto;
background-repeat: no-repeat; 
}
.home-products-promotions .flickity-button.next:hover  {
background: url(//www.tryt.co.th/wp-content/themes/tryt/images/icon-arrowh-right-h.svg) center / 35px auto; 
background-repeat: no-repeat; 
}
.home-category .box-text.text-center {
padding: 0;
}
.tab-cat-product span {
font-size: 1.0rem;
}
.tab-cat-product .nav-tabs>li>a {
width: 150px;
height: 55px;
justify-content: center;
}
.hidden-xs,
.visible-xs{
display: none;
}
.hidden-xs{
display: block;
}
.home-product ol.flickity-page-dots {
left: 300px;
right: unset;
top: -55px;
}
.home-product .whole-set ol.flickity-page-dots {
left: 270px;
right: unset;
top: -55px;
}
.home-product .trial-set ol.flickity-page-dots {
left: 295px;
right: unset;
top: -55px;
}
.home-product .whole-set ol.flickity-page-dots {
max-width: unset;
overflow: unset;
text-align: left;
}
.home a.view-all {
position: absolute;
right: 0;
top: 15px;
}
.esg-filters:not([class*="esg-navbutton-"]) {
top: -62px;
left: 340px;
right: unset;
}
.menu-links ul.text-menu {
display: flex;
align-items: center;
justify-content: center;
}
.menu-links ul.text-menu li {
margin: 0 15px;
}
.menu-links ul.text-menu li a:after {
content: '';
background-color: #818181;
width: 1px;
height: 15px;
position: absolute;
margin: 7px 0 0 15px;
}
.menu-links ul.text-menu li:last-child a:after{
display: none;
} .about-page .middle .text {
margin: 20px 15px;
}
.cms-page {
display: flex;
}
.cms-page.about-page {
display: block;
}
.cms-menu ul {
display: block;
border: 1px solid #DEDEDE;
border-radius: 5px;
}
.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%);
}
.cms-page .cms-menu li:first-child .image {
border-radius: 5px 0 0 0;
}
.cms-page .cms-menu li:first-child a {
border-radius: 5px 5px 0 0;
}
.cms-page .cms-menu li:last-child .image {
border-radius: 0 0 0 5px;
}
.cms-page .cms-menu li:last-child a {
border-radius: 0 0 5px 5px;
}
.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: #02028fc9;
}
.cms-page .cms-menu li:hover .image {
background-color: #02028F;
}
.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%;
}
.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;
}
.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;
}
.howto-page .row.payment-content {
justify-content: center;
}
.contact-page .contact-bottom {
grid-template-columns: 1fr 1fr;
}
.about-page .about-top {
grid-template-columns: 1fr 1.5fr;
align-items: center;
margin: 0 0 5%;
}
.about-page .title {
border-radius: 0;
font-family: 'Roboto', 'Noto Sans Thai', sans-serif;
margin-right: -10%;
z-index: 1;
height: fit-content;
}
.about-page .about-top img {
border-radius: 0;
}
.about-page .middle {
display: grid;
grid-template-columns: 1fr 1fr;
align-items: center;
margin: 5% 0;
} }
@media (min-width:850px){
.home-brands img {
padding: 0 13px;
}
.home-brands .large-1 {
flex-basis: 10.333333%;
max-width: 10.333333%;
}
.home-brands .img-inner.dark img {
width: 100px;
max-width: 100px;
}
.product-small .add-to-cart-button a.button:before {
content: '';
background: url(//www.tryt.co.th/wp-content/themes/tryt/images/cart.svg) center / 25px auto;
width: 25px;
height: 25px;
display: inline-block;
background-repeat: no-repeat;
}
.product-small .add-to-cart-button a {
font-size: 0.85rem !important;
}
button.button.expand {
border-radius: 5px !important;
margin: 0 5px;
}
.home-products-promotions .row-slider .flickity-viewport{
padding: 5px;
} .home-blog .flickity-page-dots {
height: 20px;
position: absolute;
top: -45px;
right: 0px;
left: 93%;
}
.home-category .flickity-page-dots {
position: absolute;
right: 0;
left: 95%;
}
.home-banner-category img {
padding: 0;
}
.header-nav li.account-item span.header-account-title, body .manage-header a, li.account-item a.nav-top-link {
display: flex;
align-items: center;
font-size: 0;
color: #fff;
font-weight: 500;
}
.search-product button.dgwt-wcas-search-submit {
left: auto !important;
top: 3px !important;
right: 8px !important;
}
.text-header {
margin-left: 5px;
}
.text-header-line img {
margin: 0 5px;
}
.text-header-line p {
color: #fff;
padding-right: 0;
width: auto;
}
.text-header-line img {
margin-left: 0;
}
.menu-item.menu-item-type-post_type {
height: 45px;
}
ul.nav.header-nav.header-bottom-nav.nav-right.nav-uppercase {
margin-bottom: 10px;
}
.search-product .dgwt-wcas-search-wrapp {
width: 150px;
min-width: 150px;
}
.text-header-line ul {
width: 150px !important;
}
.text-header-line {
margin: 0 15px;
}
.text-header-line ul {
height: 40px;
}
li.has-dropdown.header-language-dropdown a:after {
content: '';
width: 1px;
height: 20px;
background-color: #fff;
margin: 3px 0 0 15px;
}
li.has-dropdown.header-language-dropdown a {
font-size: 0;
}
.home-service {
padding: 30px 0;
}
.footer-links {
align-items: center;
}
.foot-menu .menu-other .col,
.footer-links .foot-menu{
padding-bottom: 0;
}
.foot-logo .footer-contact .contact .text-contact a.tel {
font-size: 1.7rem;
}
.foot-menu .menu-other .shipping img {
margin: 0 0 15px 0;
}
.menu-links ul.text-menu {
justify-content: start;
}
.menu-links ul.text-menu li {
margin: 0 8px 0 0;
}
.menu-links ul.text-menu li a {
font-size: 0.85rem;
}
.menu-links ul.text-menu li a:after{
opacity: 0;
} .howto-page .bank {
flex-basis: 100%;
max-width: 100%;
} }
@media (min-width:992px){
.shipping-content .shipping-by ul {
grid-template-columns: repeat(4, 1fr);
} nf-field {
width: 50%;
padding: 0 5px;
}
nf-fields-wrap {
display: flex;
flex-wrap: wrap; 
}
nf-field:nth-child(5), nf-field:nth-child(6){
width: 100%
}
.nf-form-fields-required {
display: none;
}
.nav li.cart-item a.header-cart-link {
margin-bottom: 10px;
}
.box-contact-app ul {
width: auto;
margin: 10px auto;
}
.home-brands img {
padding: 0 10px;
}
.product-small .add-to-cart-button a.button:before {
content: '';
background: url(//www.tryt.co.th/wp-content/themes/tryt/images/cart.svg) center / 30px auto;
width: 30px;
height: 30px;
display: inline-block;
background-repeat: no-repeat;
}
.tab-cat-product .nav-tabs>li>a {
width: 195px;
height: 55px;
justify-content: center;
} .home-blog .flickity-page-dots {
position: absolute;
right: 0;
left: 96%;
}
.home-products-promotions .flickity-page-dots {
position: absolute;
right: 0;
left: 95%;
}
.home-category .flickity-page-dots {
position: absolute;
right: 0;
bottom: 0;
left: 97%;
}
.header-nav.nav li.menu-item {
padding: 0 12px;
line-height: 2.5;
}
.text-header-line {
margin: 0 20px;
}
.text-header-line ul {
width: 200px !important;
height: 40px;
}
.search-product .dgwt-wcas-search-wrapp {
width: 200px;
}
.row-full-width.row-bg {
background: url(//www.tryt.co.th/wp-content/themes/tryt/images/bg-new-1.png);
}
.header-nav.nav li.menu-item:lang(en) {
padding: 0 3px;
}
.header-wrapper.stuck div#masthead #logo img{
max-width: 150px;
}
.header-wrapper.stuck #logo img {
max-width: 150px;
}
.foot-logo .footer-contact .contact .text-contact a.tel {
font-size: 1.9rem;
}
.menu-links ul.text-menu li a {
font-size: 1rem;
} .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;
} .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: 50%;
width: 100%;
display: inline-block;
padding: 0 10px 20px;
}
.wpforms-container .wpforms-form .wpforms-field-textarea {
max-width: 100%;
} }
@media (min-width:1200px){
.home-brands .img-inner.dark img {
width: 170px;
max-width: -webkit-fill-available;
} .home-blog .flickity-page-dots {
position: absolute;
right: 0;
left: 97%;
}
.foot-menu .menu-other .follow-us:after,
.foot-menu .menu-other .shipping:after {
content: '';
width: 1px;
height: 85px;
background-color: #E4E4E4;
position: absolute;
right: 0;
top: 5px;
}
.foot-menu .menu-other .follow-us h4, .foot-menu .menu-other .shipping h4 {
margin: 0 0 28px 0;
}
.foot-menu .menu-other .shipping img {
margin: 0 5px 0 0;
}
.footer-links .foot-logo {
padding-right: 50px;
}
.menu-links ul.text-menu li {
margin: 0 30px 0 0;
}
.menu-links ul.text-menu li a:after{
opacity: 1;
} .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;
} }
@media (min-width:1440px){
.add-to-cart-button a {
display: flex;
align-items: center;
justify-content: center;
}
.product-small .box-text-products .price-wrapper span.amount {
margin-bottom: 0;
}
.footer-links.contact {
margin-left: 0;
}
.price-wrapper {
width: 75%;
max-width: 75%;
order: 3;
}
.product-small .add-to-cart-button a.button:before {
content: '';
background: url(//www.tryt.co.th/wp-content/themes/tryt/images/cart.svg) center / 30px auto;
width: 30px;
height: 30px;
display: inline-block;
background-repeat: no-repeat;
}
.product-small .add-to-cart-button a.button:hover:before {
background: url(//www.tryt.co.th/wp-content/themes/tryt/images/cart-hover.svg) center / 30px auto;
filter: none;
}
a.primary.is-small.mb-0.button.product_type_simple.add_to_cart_button.ajax_add_to_cart.is-outline {
padding: 0;
border-radius: 5px !important;
border-color: #eee;
display: flex;
color: #000;
margin-right: 0;
justify-content: center;
align-items: center;
}
.price-wrapper {
display: inline-block;
}
.product-small .add-to-cart-button a {
border: 1px solid #eee;
border-radius: 5px;
margin: 0;
width: 100%;
height: 50px;
background: transparent;
font-size: 0 !important;
} .product-small.box {
padding: 10px;
}
.product-small .col-inner {
border-radius: 5px;
}
.product-small .box-text-products .price-wrapper span.price {
display: inline-block;
}
.product-small.col.has-hover .col-inner:hover {
border: 1px solid #eee;
border-radius: 5px;
box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.10);
-webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.10);
-moz-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.10);
}
.product-small .col-inner:hover .price-wrapper {
opacity: 1;
}
.product-small .col-inner .price-wrapper {
opacity: 0;
}
.box-text.box-text-products {
display: flex;
flex-direction: column;
justify-content: center;
padding-bottom: 0;
flex-flow: wrap;
flex-direction: row;
align-items: center;
}
.title-wrapper {
text-align: center;
max-width: 100%;
width: 100%;
order: 1;
}
.product-small .col-inner .add-to-cart-button {
display: inline-block;
opacity: 0;
max-width: 25%; 
width: 25%;
order: 2;
margin: unset;
}
.product-small .col-inner .add-to-cart-button:before {
content: '';
position: absolute;
border: solid 1px #eee;
width: 100%;
bottom: 0;
right: 0;
left: 0;
height: 50px;
border-radius: 5px;
}
.product-small .col-inner .add-to-cart-button:hover:before {
border-color: #02028F;
}
.yith-wcwl-add-button {
opacity: 0;
}
.product-small:hover .yith-wcwl-add-button {
opacity: 1;
}
.product-small .col-inner .add-to-cart-button {
display: inline-block;
opacity: 0;
}
.product-small .col-inner:hover .add-to-cart-button {
opacity: 1;
}
.product-small .col-inner .add-to-cart-button a {
border: 0;
margin: 0;
width: 100%;
height: 50px;
background: transparent;
font-size: 0 !important;
}
.box-image .add-to-cart-button {
width: 100%;
position: absolute;
bottom: 0;
} .home-category .slider-wrapper {
padding: 0;
}
.home-products-promotions .flickity-button.previous {
left: -60px;
}
.home-products-promotions .flickity-button.next {
right: -60px; 
} .home-products-promotions .flickity-page-dots {
position: absolute;
right: 0;
left: 96.5%;
}
.home-category .flickity-page-dots {
position: absolute;
right: 0;
bottom: 0;
left: 98%;
}
.bg-search {
height: 200px;
padding: 50px 0;
}
.tab-cat-product .nav-tabs>li>a {
width: 260px;
height: 55px;
}
.col.bg-team-ceo {
padding: 0 25px 30px;
}
.home-blog-new ol.flickity-page-dots {
left: unset;
right: 65px;
bottom: 0;
top: -55px;
transform: unset;
}
.header-nav.nav li.menu-item:lang(en) {
padding: 0 12px;
}
.foot-menu .menu-other .shipping img {
margin: 0 15px 0 0;
}
.foot-menu .menu-other .follow-us:after, 
.foot-menu .menu-other .shipping:after {
right: 10px;
}
}
@media (min-width:1919px){
.home-category .flickity-page-dots {
position: relative;
right: 0;
bottom: 0;
left: 49%;
}
}body {
font-family: 'Sarabun', sans-serif !important;
}
h1, h2, h3, h4, h5, h6, .heading-font, .off-canvas-center .nav-sidebar.nav-vertical > li > a, .nav > li > a{
font-family: 'Noto Sans Thai', 'Roboto', sans-serif !important;
}
p {
font-size: 14px;
}
.button, button, input, textarea, select, fieldset, label {
font-weight: 400 !important;
font-size: 14px !important;
border-radius: 5px !important;
}
.dark .button.is-form:hover, .button:hover,
input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover {
background-color: #000;
}
.button.disabled, button.disabled,
.button[disabled], button[disabled] {
opacity: 1 !important;
}
.header-button i.icon-shopping-bag {
top: -3px !important;
}
div#shop-sidebar {
font-family: 'Robot','Noto Sans Thai',sans-serif;
}
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;500&display=swap");
.is-form, button.is-form,
input[type="submit"].is-form,
input[type="reset"].is-form,
input[type="button"].is-form {
border: 1px solid #ebebeb !important;
height: 40px;
}
.dark .button.is-form:hover,
.button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {
box-shadow: none !important;
text-shadow: none !important;
}
a#top-link:hover {
background-color: #000 !important;
}
button.button:hover,
a.button.yith-wcqv-button:hover{
background-color: #000 !important;
border-color: #000 !important;
color: #fff !important;
}
.home-blog button.button:hover {
background-color: #125e90 !important;
border-color: #125e90 !important;
color: #ffffff !important;
filter: unset;
}
button.button {
background-color: #02028F !important;
border-color: #02028F !important;
color: #fff !important;
text-shadow: none !important;
margin: 0;
height: 35px;
border-radius: 5px;
}
.wpfFilterButton.wpfButton, .wpfClearButton.wpfButton {
background-color: #02028F !important;
border-color: #02028F !important;
color: #fff !important;
}
a.button-continue-shopping.button.primary.is-outline {
color: #fff;
background-color: #000;
border-color: #000;
border-radius: 5px;
}
button.is-form.expand.button {
background-color: #000 !important;
}
button.is-form.expand.button:hover {
background-color: #02028F !important;
}
a.button-continue-shopping.button.primary.is-outline:hover {
color: #fff;
background-color: #02028F !important;
border-color: #02028F !important;
border-radius: 5px;
}
a.checkout-button.button.alt.wc-forward {
background-color: #02028F;
border-radius: 5px;
}
a.checkout-button.button.alt.wc-forward:hover {
background-color: #000;
}
.divider {
background: transparent !important;
}
.col-xs-12{
width: 100%;
}
.shop_table .cart_item td {
font-family: 'Noto Sans Thai', 'Roboto', sans-serif;
}
input[type="email"],
input[type="search"],
input[type="number"],
input[type="url"],
input[type="tel"],
input[type="text"],
textarea,
.select2-container .select2-selection{
box-shadow: none !important;
border: 1px solid #cecece !important;
border-radius: 5px !important;
} .medium-text-center {
font-size: 13px !important;
padding: 10px 0 !important;
}
button i, .button i {
top: 0 !important;
}
html.js {
background: #011121 url(//www.tryt.co.th/wp-content/themes/tryt/images/bg.png) repeat-x 50% 0 scroll !important;
} .header .header-bottom { background-color: unset;
} .page-title .page-title-inner {
padding-top: 0;
}
.cart-collaterals th {
font-weight: 600 !important;
}
.page-title .breadcrumbs {
font-size: 1rem;
font-family: 'Noto Sans Thai', 'Roboto', sans-serif;
font-weight: 700 !important;
}
.page-title .breadcrumbs a {
color: #000 !important;
display: inline-block;
font-weight: 400;
font-family: 'Noto Sans Thai', 'Roboto', sans-serif;
font-size: 1rem;
}
a.button.primary.wc-backward {
border-radius: 22px !important;
background-color: #02028F;
color: #fff;
}
a.button.primary.wc-backward:hover {
border-radius: 22px !important;
background-color: #000;
color: #fff;
}
.page-title .breadcrumbs a:hover {
color: #000000 !important;
}
.alert-color {
text-align: center;
}
ul.message-wrapper li {
margin: 0;
}
.page-title ul.next-prev-thumbs{
display: none;
}
.header-nav.nav li a.header-cart-link.is-small {
padding: 0;
border: none;
background-color: unset;
color: #8c8d8d;
}  .header-nav.nav li.menu-item a {
font-weight: 400;
padding: 0;
font-family: 'Noto Sans Thai', 'Roboto', sans-serif;
}
ul.sub-menu.nav-dropdown.nav-dropdown-default {
width: max-content;
}
.header-nav.nav li.menu-item {
padding: 0 12px;
line-height: 2.5;
}
.html_topbar_left img {
width: 25px;
}
.medium-logo-center .flex-right {
display: flex;
justify-content: flex-end;
}
.mobile-nav.nav.nav-right {
display: flex;
margin: -5px 0 0 0;
}
.top-divider.full-width {
display: none;
}
.header-bottom .flex-center {
width: 100%; 
}
.header-wrapper.stuck .header-bottom .flex-center {
border-bottom: none;
}
.nav-dropdown-has-border .nav-dropdown{
border: none !important;
top: 30px;
}
button.flickity-button {
border-radius: unset !important;
}
a.quick-view.quick-view-added {
background-color: #02028F;
border-radius: 5px;
color: #fff;
font-weight: 500;
display: flex;
align-items: center;
justify-content: center;
height: 35px;
}
.quick-view.quick-view-added:hover{
background-color: #000;
}
a.quick-view.quick-view-added:before{
content: '';
background: url(//www.tryt.co.th/wp-content/themes/tryt/images/icon-search-black.svg) center/ 20px auto;
width: 20px;
height: 20px;
display: inline-block;
margin: 0 10px 0 0;
filter: brightness(1) invert(1);
}
.nav-sidebar.nav-vertical > li.account-item.menu-item:hover, .nav-sidebar.nav-vertical>li.menu-item.active, .nav-sidebar.nav-vertical>li.menu-item:hover, .nav-sidebar.nav-vertical>li.current-menu-item:hover,
.nav-sidebar .current-menu-item:not(.menu-item-home){
background-color: #02028F !important;
}
.nav-sidebar.nav-vertical > li.account-item.menu-item:hover a,
.nav-sidebar.nav-vertical>li.menu-item.active, .nav-sidebar.nav-vertical>li.menu-item:hover a,
.nav-sidebar .current-menu-item a{
color: #fff ;
}  .header-nav .nav-dropdown-default {
padding: 10px;
border: none;
}
.header-nav.nav .account-item li a {
padding: 10px 0;
font-weight: 400;
font-size: 14px;
}
.header-nav.nav li.header-divider {
padding: 0;
margin: 0;
border-left: 1px solid #d8d7d7;
}
.nav-dropdown li.html.widget_shopping_cart {
min-width: 280px;
padding: 0;
}
.row.center {
margin: 0 auto 15px ;
padding: 0 15px;
} .header-search-form .search-form-categories{
display: none;
}
.header-search-form-wrapper .searchform .button.icon {
border-radius: 50% !important;
}
.header-search-form-wrapper .searchform .button.icon {
background-color: #ffffff !important;
border-radius: 20px;
margin: 0 !important;
padding: 0 15px !important;
height: 40px;
}
.searchform .button.icon {
background-color: #85c2df;
border: none;
}
.searchform input.search-field{
border: none !important;
box-shadow: none;
font-size: 15px !important;
height: 40px;
padding: 0 25px;
border-radius: 50px !important;
}
.searchform-wrapper form {
border: solid 1px #C7C7C7;
border-radius: 20px;
background-color: #fff;
}
input.search-field::-webkit-input-placeholder { 
color: #C7C7C7;
}
input.search-field::-moz-placeholder { 
color: #C7C7C7;
}
input.search-field:-moz-placeholder { 
color: #C7C7C7;
} .header-nav.nav .cart-item li a.wc-forward{
font-weight: 400;
border-radius: 5px !important;
font-size: 1rem !important;
}
.header-nav.nav .cart-item a.remove {
padding-left: 1px;
}
.woocommerce-mini-cart__buttons a.button.wc-forward {
background-color: #000;
color: #fff;
border: 1px solid #000;
border-radius: 5px;
}
.woocommerce-mini-cart__buttons a.button.wc-forward:hover,
.button-continue-shopping:hover{
filter: brightness(0.7);
color: #fff !important;
}
a.button.checkout.wc-forward {
background-color: #02028F !important;
border-color: #02028F !important;
color: #fff; 
}
a.button.checkout.wc-forward:hover {
filter: brightness(0.7);
color: #fff;
}
ul.product_list_widget li a.remove {
line-height: 22px !important;
padding-left: 1px;
}
.header-cart-link .image-icon img {
width: 25px;
min-width: unset;
vertical-align: bottom;
}
.account-item.menu-item{
background-color: #02028F;
border: none;
}
.off-canvas .sidebar-menu .nav-vertical > li.account-item.menu-item > a,
.off-canvas .sidebar-menu .nav-vertical > li.current-menu-item:not(.menu-item-home) > a{
color: #fff;
}
.header-nav.nav .cart-item li.mini_cart_item a {
font-weight: 500;
font-size: 15px;
font-family: 'Noto Sans Thai', 'Roboto', sans-serif;
color: #000;
}
.header-nav.nav .cart-item li.mini_cart_item .quantity {
font-family: 'Noto Sans Thai', 'Roboto', sans-serif;
color: #000000 !important;
font-size: 1rem;
}
.widget_shopping_cart ul.product_list_widget li {
padding: 10px 0 0 70px;
font-family: 'Noto Sans Thai', 'Roboto', sans-serif;
}
.widget_shopping_cart span.amount {
font-weight: 400;
}
.widget_shopping_cart .total span.amount {
font-weight: bold;
font-size: 20px;
}
.header-wrapper .nav [data-icon-label]:after {
top: 2px;
right: 0;
background: transparent !important;
box-shadow: none;
opacity: 1;
color: #868686;
font-size: 14px;
position: relative;
padding: 0;
font-weight: 500;
font-family: 'Noto Sans Thai', 'Roboto', sans-serif !important;
}
.header-button .header-cart-link {
border: none;
}
.success-color, .success.is-link, .success.is-outline {
font-size: 14px;
}
.widget_shopping_cart_content .wcppec-cart-widget-spb{
display: none;
}
.home-map-text .inner-text h4 {
text-transform: uppercase;
color: #125e90;
letter-spacing: 1.5px;
font-size: 1.1rem;
font-weight: bold;
}
.home div#content { padding: 0;
} .off-canvas .mobile-sidebar .sidebar-menu {
padding: 0;
}
.off-canvas .sidebar-menu .nav-vertical > li > a {
padding: 10px 0;
color: #262626;
font-size: 15px;
font-weight: 400;
font-family: 'Noto Sans Thai', 'Roboto', sans-serif;
}
.off-canvas .sidebar-menu .nav-vertical li li > a {
font-size: 14px;
font-weight: 400;
padding: 6px 0 6px 25px;
font-family: 'Noto Sans Thai', 'Roboto', sans-serif;
color: #fff !important;
}
.nav.nav-sidebar .active > .children {
padding-bottom: 10px;
}
.nav-sidebar li.header-social-icons,
.nav-sidebar li.header-newsletter-item {
display: none;
} .dashboard-links a {
font-family: 'Noto Sans Thai', 'Roboto', sans-serif;
}
#my-account-nav.nav li a {
font-weight: 400;
font-family: 'Noto Sans Thai', 'Roboto', sans-serif;
font-size: 1rem;
}
.woocommerce-Addresses a{
text-decoration: underline;
}
i.icon-menu {
color: #02028F;
}  .product-category-image{
margin: 15px auto;
}
.row.category-page-row {
padding-top: 15px;
}
.term-collection .box-badge .box-text {
background-color: rgba(255,255,255,0.6);
padding: 5px 10px;
bottom: 0;
}
.term-collection .box-badge .box-text h5{
font-family: 'Noto Sans Thai', 'Roboto', sans-serif;
font-weight: 500;
}
.product-small .box-text-products .price-wrapper span.amount {
font-size: 1.1rem;
font-family: 'Noto Sans Thai', 'Roboto', sans-serif;
color: #FF2828;
font-weight: 600;
margin-bottom: 6px;
}
.book-row .box-excerpt.is-small {
display: none;
}
.category-page-row .title-wrapper .product-title{
font-size: 1.3rem;
font-weight: 600;
color: #000;
margin: 15px 0;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
}
.wishlist-icon{
display: none;
}
.shop-container a.woocommerce-LoopProduct-link.woocommerce-loop-product__link{
height: 45px;
}
.shop-container .box-text.box-text-products .product-title a {
overflow: hidden;
display: -webkit-box !important;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
} .widget_price_filter .price_slider_amount .button{
margin-top: 30px
}
.widget_price_filter .price_label{
position: absolute;
}
.shop-container .box-text.box-text-products .desc-wrapper {
overflow: hidden;
}
.cart-icon strong:after{
opacity: 0;
} .shop-container .product-small .box-text.box-text-products .product-title a {
height: auto;
margin: 0 0 10px 0;
} aside span.widget-title {
font-weight: 600;
font-family: 'Noto Sans Thai', 'Roboto', sans-serif;
color: #000;
font-size: 1.2rem;
}
.widget_price_filter .price_slider_amount .button:hover {
background-color: #85c2df;
box-shadow: none;
} article#esg-grid-2-2-wrap {
display: none !important;
}
.summary-content .single_add_to_cart_button{
margin-bottom: 0;
}
.summary-content form.cart {
display: flex;
align-items: center;
}
.product-main .product-summary .breadcrumbs {
font-size: 13px;
}
.product-main .product-summary .product-title {
margin: 20px 0;
color: #000;
}
ul.tabs.wc-tabs.product-tabs li a {
font-family: 'Noto Sans Thai', 'Roboto', sans-serif !important;
color: #000;
font-size: 1.25em;
}
ul.tabs.wc-tabs.product-tabs li a:before {
background-color: #02028F;
}
.product-summary .is-divider.small {
display: none;
}
.product-short-description {
margin: 25px 0;
}
.product-main .product-summary  span.amount {
font-size: 22px;
color: #000;
}
.product-main .product-summary ins span.amount {
color: #f00;
}
.woocommerce-result-count {
display: none !important;
}
.product-main .product-summary .woocommerce-Price-currencySymbol {
font-size: 22px;
line-height: 1.2;
margin: 0 0 0 5px;
}
.product-main form.cart {
margin: 30px 0 10px;
max-width: 300px;
}
.product-footer .nav.product-tabs li a {
font-weight: 400;
font-size: 16px;
border-color: #ececec;
}
.product-footer .nav-tabs > li.active > a {
border-top-color: #4bb9ed;
}
.product-footer .nav-tabs + .tab-panels {
border: 1px solid #ececec; 
}
.product-footer .has-border {
border: 1px solid #ececec;
} 
.slider-nav-reveal .flickity-button.flickity-prev-next-button:hover,
.slider-nav-reveal .flickity-button.flickity-prev-next-button {
box-shadow: none;;
}
.product-summary .cart button{
border: none;
padding: 3px 25px;
font-size: 1rem !important;
font-weight: 400 !important;
margin: 0;
height: 35px;
line-height: 0;
color: #fff;
display: flex;
align-items: center;
}
.page-id-49 .col-inner p:first-child {
font-size: 1.3rem;
font-family: 'Noto Sans Thai', 'Roboto', sans-serif;
}
.contact-page .content-title {
padding-top: 20px;
}
.product-info.product-summary .quantity {
margin: 0 15px 0 0;
width: auto;
height: 44px;
}
.cart .quantity .input-text.qty.text {
height: 40px;
}
.quantity input {
box-shadow: none !important;
border: 1px solid #ececec !important;
}
.product-summary .product_meta > span {
padding: 15px 0;
}
.product-gallery .product-thumbnails .col{
padding: 0 13px !important;
}
.product-gallery .product-thumbnails a:hover,
.product-gallery .product-thumbnails .is-nav-selected a {
border-color: #eeefef;
}
.product-small .badge,
.product-gallery .badge{
width: 42px;
height: 42px;
}
.product-small .badge-inner,
.product-gallery .badge-inner{
line-height: 2;
font-size: 12px;
}
.product-main .product-summary .wcppec-checkout-buttons {
display: none;
}
.product-summary .variations select{
box-shadow: none;
}
.product-summary .button.facebook:not(.is-outline),
.product-summary .button.twitter:not(.is-outline),
.product-summary .button.email:not(.is-outline),
.product-summary .button.pinterest:not(.is-outline),
.product-summary .button.google-plus:not(.is-outline){
color: #999 !important;
}
.product-summary .button.facebook:hover {
color: #3a589d !important;
}
.product-summary .button.twitter:hover {
color: #2478ba !important;
}
.product-summary .button.email:hover {
color: #111 !important;
}
.product-summary .button.pinterest:hover {
color: #cb2320 !important;
}
.product-summary .button.google-plus:hover {
color: #dd4e31 !important;
} .product-summary .yith-wcwl-add-to-wishlist {
margin: 15px 0;
}
.product-summary a.add_to_wishlist:before,
.product-summary .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse span.feedback:before,
.product-summary .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse span.feedback:before{ background: url(//www.tryt.co.th/wp-content/themes/tryt/images/icon-wishlist.svg) center/ 24px auto;
width: 24px;
height: 24px;
display: inline-block;
margin-right: 8px;
vertical-align: top;
}
span.icon-heart {
display: none;
}
.my-account .woocommerce-message a {
color: #000;
border: none !important;
} .product-footer .woocommerce-tabs.tabbed-content {
border-top: none;
}
.related-products-wrapper .row-small > .flickity-viewport > .flickity-slider > .col{
padding: 0 15px; 
}
.related-products-wrapper {
margin-bottom: 15px;
}
.related-products-wrapper h3 {
display: inline-block;
width: auto;
border-top: 3px solid #02028F;
padding: 15px 0 0 0;
margin: -1px 0 15px;
font-family: 'Noto Sans Thai', 'Roboto', sans-serif !important;
color: #000;
}
.related-products-wrapper .slider-nav-push.slider-nav-reveal .flickity-prev-next-button svg {
margin-top: -150px;
} .shop_table th {
font-family: 'Noto Sans Thai', 'Roboto', sans-serif ;
font-weight: 400;
}
.shop_table .order-total span.amount {
font-size: 18px;
}
tr.woocommerce-cart-form__cart-item.cart_item .product-remove a.remove,
tr.woocommerce-cart-form__cart-item.cart_item .product-remove a.icon-remove {
font-size: 15px;
line-height: 22px;
padding-left: 1px;
}
a.remove:hover,
a.icon-circle:hover {
color: #02028F !important;
}
.cart-wrapper thead {
color: #69696b;
}
.cart-collaterals .cart_totals thead th{
color: #69696b;
font-family: 'Noto Sans Thai', 'Roboto', sans-serif ;
font-size: 1rem;
font-weight: 400;
padding-top: 0;
letter-spacing: 0;
border: none;
}   .page-404{
padding: 50px 0;
}
.page-title.normal-title {
border: none;
} .is-divider {
background-color: #8080FF !important;
}
.post-sidebar.col{
border: none !important;
}
.post-sidebar .widget > ul > li > a {
font-size: 13px;
color: #777;
}
.post-sidebar .widget > ul > li > a:hover {
color: #85c2df;
}
.post-sidebar .widget.widget_recent_entries > ul > li > a:before {
content: "\f044";
font-family: FontAwesome;
padding: 0 8px 0 0;
font-size: 14px;
}
.post-sidebar .widget.widget_categories > ul > li > a:before {
content: "\f07c";
font-family: FontAwesome;
padding: 0 8px 0 0;
font-size: 14px;
}
.badge .badge-inner {
background-color: #999;
}
.badge-inner.secondary.on-sale {
background: #CD121B;
}
.post-sidebar .widget-area .widget + .widget{
border-top: 1px solid #ebebeb;
padding-top: 15px;
}
.post-sidebar .widget .is-divider {
display: none;
}
.post-sidebar .widget > ul > li + li {
border-top: none;
}
.post-sidebar aside span.widget-title {
margin-bottom: 15px;
display: inline-block;
width: 100%;
font-size: 16px; 
font-weight: 400;
color: #69696b;
}
.hotline {
display: flex;
align-items: flex-end;
}
.hotline img {
width: 50px;
}
.hotline h4 {
margin: 0;
font-size: 0.9rem;
color: #f36936;
}
.header-nav.nav .hotline-content a:hover {
color: #4bb9ed;
}
.header-nav.nav .hotline-content a {
font-family: 'Noto Sans Thai', 'Roboto', sans-serif;
font-size: 0.9rem;
color: #504f4f;
}
.hotline-content {
line-height: 1.2;
}
.cart-icon.image-icon { }
.cart-icon.image-icon > strong {
border: 2px solid #fff;
width: 20px;
height: 20px;
line-height: 2;
color: #fff !important;
border-radius: 22px;
font-size: 0.65rem;
padding: 3px;
position: absolute;
top: -25px;
left: 20px;
font-family: 'Roboto','Noto Sans Thai', sans-serif;
font-weight: 500;
margin: 0;
background-color: #0A1FAA !important;
display: flex;
align-items: center;
justify-content: center;
}  a.back-to-top.button {
width: 40px;
height: 40px;
line-height: 2.7;
text-align: center;
border: none;
background-color: #8080FF !important
bottom: 15%;
right: 25px;
}
a.back-to-top.button .icon-angle-up::before {
content: "\f106";
color: #fff !important;
font-size: 25px !important;
}
a.back-to-top.button:hover .icon-angle-up::before {
color: #fff !important;
} .wc-block-cart-items .wc-block-components-product-metadata__description {
display: none;
}
.wc-block-cart-items a.wc-block-components-product-name {
padding-bottom: 20px;
}
.wc-block-cart-items td.wc-block-cart-item__total {
padding-right: 0 !important;
}
.wc-block-components-quantity-selector input.wc-block-components-quantity-selector__input {
border-radius: 0 !important;
border: 1px solid hsla(0,0%,7%,.11) !important;
}
button.wc-block-cart-item__remove-link {
background-color: #02028F !important;
color: #fff !important;
width: 120px;
height: 30px;
border-radius: 5px !important;
text-decoration: none !important;
}
.wc-block-cart-items .wc-block-components-quantity-selector {
margin: 15px 0;
}
.wc-block-components-sidebar .wc-block-cart__submit-container {
background-color: #FFBF00;
border-radius: 50px;
}
span.wc-block-components-button__text { 
color: #fff;
text-transform: uppercase;
}
button.wc-block-cart-item__remove-link:hover {
background-color: #000 !important;
}
body:not(.woocommerce-block-theme-has-button-styles) .wc-block-components-button:not(.is-link):focus {
box-shadow: unset !important;
box-shadow: unset !important;
outline: unset !important; 
}
.wc-block-cart__submit-container:hover {
background-color: #000;
}
.wc-block-components-totals-coupon a {
background-color: #FFBF00;
text-align: center;
padding: 5px 10px;
border-radius: 50px;
text-transform: uppercase;
}
.wc-block-components-totals-coupon:hover{
filter: brightness(0.8)
}
a.wc-block-components-totals-coupon-link {
color: #fff;
}
.wc-block-checkout__actions_row .components-button span.wc-block-components-button__text {
color: #fff;
background-color: #FFBF00;
width: 100%;
border-radius: 50px;
padding: 10px;
} .wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__button{
padding: 0 !important;
}
.woocommerce-checkout.woocommerce-page form.wc-block-components-form.wc-block-checkout__form .wc-block-components-text-input {
display: flex;
flex-direction: column;
}
.woocommerce-checkout.woocommerce-page form.wc-block-components-form.wc-block-checkout__form label:not(.wc-block-checkout__use-address-for-billing label, .wc-block-components-checkbox label) {
position: relative !important;
font-size: 1rem !important;
color: #000 !important;
order: 1;
transform: unset !important;
line-height: 1.5 !important;
overflow: unset !important;
}
.woocommerce-checkout.woocommerce-page form.wc-block-components-form.wc-block-checkout__form input:not(.wc-block-checkout__use-address-for-billing input, .wc-block-components-checkbox input) {
padding: 5px 15px !important;
order: 2;
}
.woocommerce-checkout.woocommerce-page form.wc-block-components-form.wc-block-checkout__form .wc-block-components-validation-error {
order: 3;
}
.wc-block-components-order-summary .wc-block-components-product-metadata__description {
display: none;
}
.wc-block-components-order-summary span.wc-block-components-product-name {
margin-bottom: 15px;
}
.wc-block-components-order-summary-item .wc-block-components-order-summary-item__total-price {
margin-top: 5px;
}
.wc-block-checkout__actions .wc-block-checkout__actions_row {
flex-direction: column-reverse;
}
.wc-block-checkout__actions_row a.wc-block-components-checkout-return-to-cart-button {
font-size: 0.85rem;
}
.wc-block-checkout__actions_row .components-button span.wc-block-components-button__text:hover{
background-color: #000;
}
.wc-block-components-form .wc-block-components-checkout-step__heading {
text-transform: uppercase;
}
.wc-block-cart-items tr.wc-block-cart-items__header{
font-size: 1.2rem !important; 
}
.wc-block-cart__totals-title{
font-size: 1.2rem !important; 
}
ul.nav.nav-center.nav-small.mobile-nav.nav-divided {
margin-top: 10px;
} .copyright-footer {
font-weight: 400;
font-family: 'Noto Sans Thai', 'Roboto', sans-serif;
font-size: 0.9rem;
color: #fff;
} .html_topbar_left p {
font-family: 'Noto Sans Thai', 'Roboto', sans-serif;
font-size: 0.9rem;
font-weight: 400;
} .home-slide ol.flickity-page-dots .dot {
background-color: #D9D9D9 !important;
width: 8px !important;
height: 8px !important;
opacity: 0.4 !important;
}
ol.flickity-page-dots .dot {
width: 5px !important;
height: 5px !important;
border: 3px solid #D9D9D9 !important;
opacity: 1 !important;
}
.flickity-page-dots .dot.is-selected{
background-color: #02028F !important;
border: 3px solid #D9D9D9 !important;
}
.flickity-page-dots .dot.is-selected {
background-color: #02028F !important;
border: 3px solid #02028F !important;
}
.home-slide .flickity-page-dots .dot.is-selected{
background-color: #fff !important;
border:3px solid #fff !important; 
opacity: 1 !important;
} .slider-wrapper.home-blog-new .flickity-page-dots .dot {
background-color: #B5B5B5 !important;
border-color: #B5B5B5 !important;
}
.slider-wrapper button path {
display: none;
}
.slider-wrapper .slider .flickity-button:hover {
opacity: 1;
}
.woocommerce-cart span.amount {
font-size: 1.1rem;
}
abbr.required {
color: #ff0000;
}
@media (max-width: 425px){
}
@media (max-width: 991px){
}
@media (min-width: 768px){ .logo-center .logo img {
width: 100%;
}	
.home-ingredient .ingredient-item{
padding: 0 7.5px;
} .product-summary div.paypal-button {
float: left;
width: 33% !important;
}
}
@media (max-width: 849px) {
}
@media (min-width: 850px){
.wc-block-components-main.wc-block-cart__main.wp-block-woocommerce-cart-items-block {
border-right: 1px solid #ececec;
}
.cart-icon.image-icon > strong {
top: -15px;
}
}
@media (min-width: 992px){
.searchform-wrapper form {
width: 480px;
}
.header-nav.nav li.menu-item a {
font-size: 0.9rem;
} .nav > li.account-item > a{
padding: 0;
display: inline-block;
}
.nav > li.account-item > a > i {
font-size: 1rem;
}
.nav-divided > li + li > a::after {
border: none !important;
}
.nav-small .nav > li > a,
.nav.nav-small > li > a {
padding: 0 !important;
} nav.nav-small > li.cart-item > a {
padding: 0; 
}
.header-cart-link span.header-cart-icon{
margin: 0 0 0 10px;
}
.header-wrapper .nav [data-icon-label]::after {
top: 0;
}
.header-cart-link .image-icon img {
position: relative;
vertical-align: initial;
top: 4px;
width: 22px;
}	
.header-nav .cart-item .nav-dropdown-default {
padding: 15px;
} .header-search-form-wrapper .searchform .button.icon:hover {
background-color: #868d93;
} .woocommerce-tabs .nav > li {
margin: 0 12px;
}
.product-main .product-summary .product-title {
margin: 0 0 25px;
}
.product-main .product-info {
padding: 0 0 0 50px;
} .post-sidebar.col {
padding-left: 0 !important;
}
} 
@media (min-width: 1200px){
.header-nav.nav li.menu-item {
padding: 0 20px;
line-height: 2.9;
}
.header-nav.nav li.menu-item a {
font-size: 1rem;
} }
@media (min-width: 1440px) {
.header-nav.nav li.menu-item a {
font-size: 1.1rem;
} .header-nav .nav-dropdown li {
padding: 0 10px;
}
.home-ingredient .ingredient-item{
padding: 0 15px;
} .related-products-wrapper .slider-nav-push.slider-nav-reveal .flickity-prev-next-button svg {
margin-top: -90px;
}
}