.website-pack .package:last-child {
border: 0;
}
.home-search-domain {
}
.home-search-domain p {
font-family: 'Noto Sans Thai', sans-serif;
}
.home-blog {
text-align: center;
padding: 50px 0 0 0;
}  .website-service.container .page-title {
display: flex;
align-items: center;
justify-content: center;
}
.website-service.container .service-detail p{
margin: 0;
}
.website-service.container .page-title h1 {
width: auto;
margin: 0 10px 0 0;
}
.website-service.container .page-title p {
width: auto;
margin: 0 0 0 0;
}
.website-service.container {
padding: 30px 15px 0 15px;
color: #000000;
text-align: center;
}
.web-reason .col-inner .text p.web-reason-title {
font-family: 'Noto Sans Thai';
}
.web-reason .col-inner .text p.web-reason-title {
font-family: 'Noto Sans Thai';
font-size: 1.5rem;
color: #000000;
margin: 0;
}
.web.pack.e-com.container {
text-align: center;
padding-top: 30px;
}
.web.pack.e-com.container p {
margin: 0 0 30px 0;
color: #000000;
}
.web-reason .col-inner .text p.web-reason-title strong {
color: #163e6f;
margin: 0 0 0 5px;
}
.website-pack {
background-color: #fff;
border-radius: 20px;
box-shadow: 0 1px 6px rgb(61 150 255 / 20%);
font-size: 0.9rem;
margin-bottom: 60px;
}
.website-pack .package {
text-align: center;
border-bottom: 1px solid #d6dfe6;
position: relative;
}
.website-pack .price {
margin: 15px 0;
color: #000;
font-size: 1.1rem;
}
.website-pack .detail ul {
list-style: none;
}
.website-pack .detail ul li {
padding: 8px 30px;
}
.website-pack .detail li {
text-align: center;
margin: 0;
}
.website-pack .detail span {
font-weight: 400 !important;
color: #000000;
}
.website-pack .buynow {
background-color: #52c02b;
font-size: 1rem !important;
color: #fff;
margin-right: 0;
}
.website-pack .buynow:hover {
background-color: #3D96FF;
}
.website-service.container .tabbed-content li.tab.has-icon a {
font-size: 1rem;
}
.website-pack .price span.big {
color: #255796;
text-decoration: line-through;
}
.website-pack .price span.big.new {
color: #d30000;
text-decoration: none;
font-weight: 600;
font-size: 1.5rem;
}
.website-pack .p-set .pack-logo img {
width: 65px;
}
.website .web-content img {
width: 80px;
}
.website-pack .pack-logo {
height: 130px;
background: #e7f3ff59;
padding: 20px;
margin: 0 auto 20px auto;
display: flex;
align-items: center;
justify-content: center;
}
.website-pack .package:first-child .pack-logo{
border-radius: 22px 0 0 0;
}
.note ul li {
margin: 0 0 5px 50px;
font-size: 1rem;
}
.note ul:before{
content: '';
background: url(//thaismart.cloud/wp-content/themes/thaismartcloud/images/post-it.svg) no-repeat 0 0 /40px auto;
width: 40px;
height: 40px;
margin: 0 10px 0 0;
display:inline-block;
}
.web-reason .icon-box.featured-box .text {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
line-clamp: 3;
-webkit-box-orient: vertical;
}
.website-pack .detail li:nth-child(odd) {
background-color: rgba(0, 0, 0, 0.015);
}
.web.pack.e-com li.tab.has-icon a span {
font-size: 1rem;
padding: 5px 0;
}
.web.pack.e-com li.tab.has-icon a {
padding: 0 15px;
}
.note ul {
text-align: left;
font-family: 'Noto Sans Thai';
color: #000000;
font-size: 1.5rem;
}
.web.page.sale.page.container {
padding-top: 30px;
text-align: center;
}
.web.pack.info-site.container h1 {
text-align: center;
margin: 0 0 20px 0;
}
.web.pack.info-site.container li.tab.has-icon {
padding: 0 5px;
}
.web.pack.info-site.container li.tab.has-icon span {
font-size: 0.8rem;
font-family: 'Noto Sans Thai';
color: #ffffff;
}
.web.pack.info-site.container span.big {
text-decoration: unset;
font-size: 2rem;
color: #ff0000;
}
.web.pack.info-site.container {
padding-top: 30px;
}
.tabbed-content ul.nav.nav-line li.tab.has-icon a:before {
content: '';
opacity: 0 !important;
}
.tabbed-content ul.nav.nav-line li.tab.has-icon.active a span {
color: #ffffff !important;
}
.tabbed-content ul.nav.nav-line li.tab.has-icon.active {
background: linear-gradient(90deg, rgba(15,51,95,1) 0%, rgba(29,71,128,1) 35%, rgba(42,95,162,1) 100%);
}
.tabbed-content ul.nav.nav-line li.tab.has-icon:hover {
background: linear-gradient(90deg, rgba(15,51,95,1) 0%, rgba(29,71,128,1) 35%, rgba(42,95,162,1) 100%);
}
.tabbed-content ul.nav.nav-line li.tab.has-icon:hover a span{
color: #ffffff !important;
}
.tabbed-content ul.nav.nav-line li.tab.has-icon {
border-radius: 100px;
border: solid 2px #265897;
margin: 0 10px 10px 0;
background-color: #fff;
}
.tabbed-content ul.nav.nav-line li.tab.has-icon a span {
color: #000000 !important;
}
.web.pack.info-site.container p.text {
text-align: center;
}
.faq.page  h1 {
color: #ffffff;
background: linear-gradient(90deg, rgba(15,51,95,1) 0%, rgba(29,71,128,1) 35%, rgba(42,95,162,1) 100%);
padding: 10px;
margin: 0;
}
.faq.page .accordion a.accordion-title.plain,
.faq.page .accordion a.accordion-title.plain .icon-angle-down:before{
color: #000000;
}
.faq.container .faq-img {
margin: 0 0 20px 0;
}
.faq.container .faq-img img:hover{
opacity: 0.8;
}
.manual.page .myportfolio-container ul.mainul li .esg-entry-content .esg-content.eg-jimmy-carter-element-9 {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 5; line-clamp: 5; 
-webkit-box-orient: vertical;
}
.confirm-payment.page .confirm-group-two .text-info,
.quotation.page .quotation-group-two .text-info{
border: 1px solid #ddd;
border-radius: 5px;
max-width: auto;
margin: 0 auto 30px;
padding: 25px 30px;
}
.confirm-payment.page .confirm-group-two .text-info h4,
.quotation.page .quotation-group-two .text-info h4{
background-color: #0d3360;
border-radius: 22px;
padding: 5px 10px;
color: #ffffff;
text-align: center;
margin: 0 0 15px 0;
} .domain-pack.four-column.pricing-table {
padding-top: 30px;
border: 0;
display: grid;
grid-template-columns: repeat(1,1fr);
grid-gap: 10px;
}
.esg-entry-content .eg-jimmy-carter-element-11 {
font-family: 'Noto Sans Thai';
color: #ffffff;
background-color: #0d3360;
padding: 5px 10px;
width: 120px;
text-align: center;
border-radius: 5px;
}
.esg-entry-content .eg-jimmy-carter-element-11:hover {
color: #ffffff;
background-color: #c1c1c1;
border-radius: 5px;
}
.domain-pack .pbox-head {
height: unset;
padding: 10px;
border-bottom: 2px solid #0f335f;
display: inline-flex;
width: 100%;
background: linear-gradient(90deg, rgba(15,51,95,1) 0%, rgba(29,71,128,1) 35%, rgba(42,95,162,1) 100%);
border-radius: 15px 15px 0 0;
}
.domain-pack .sub-pbox {
border-radius: 15px;
background-color: #f4f4f4;
}
.domain-pack .pbox-head p {
margin: 0;
}
.domain-pack .pbox-head a {
display: flex;
float: right;
background-color: #1e4c84;
border: 1px solid rgba(255, 255, 255, 0.2);
color: #fff;
padding: 10px;
line-height: 1;
border-radius: 100px;
font-family: 'Noto Sans Thai';
width: 90px;
justify-content: center;
}
.domain-pack .pbox-head a:hover {
background-color: #3d96ff;
}
.domain-pack h3 {
color: #ffffff;
text-align: left;
font-size: 24px;
padding: 0;
line-height: 1.4;
display: inline-block;
float: left;
margin: 0;
}
.domain-pack .pbox-body ul li {
list-style-type: none;
padding: 5px 0;
margin: 5px 20px 0 20px;
border-bottom: dashed 1px;
color: #000000;
}
.domain-pack .pbox-body ul li span {
float: right;
color: #000000;
}
.domain-group-button {
display: flex;
justify-content: center;
}
.domain-group-button a.button.click.domain {
padding: 0 50px;
border-radius: 22px !important;
background: linear-gradient(90deg, rgba(15,51,95,1) 0%, rgba(29,71,128,1) 35%, rgba(42,95,162,1) 100%);
font-size: 1rem !important;
}
.domain-group-button a.button.click.domain:hover {
opacity: 0.9;
}
.blog main#main {
margin: 40px 0;
}
.one-page.page.container {
padding-top: 30px;
}
.one-page.page.container h1,
.one-page.page.container h5,
.one-page.page.container h4,
.one-page.page.container p{
text-align: center;
} .add-to-cart-button .button.is-outline {
background-color: #810f1f !important;
color: #fff !important;
display: inline-flex;
align-items: center;
border-radius: 6px;
}
.add-to-cart-button .button.is-outline:hover {
background-color: transparent !important;
color: #810f1f !important;
}
.confirm-page .content-right .cms-logo {
display: none;
}
.confirm-page .content-right .cms-title {
display: block;
}
.pay-page .content-box .content-box:not(:nth-child(2)) {
padding-left: 0 !important;
}
.pay-page .content-box .content-box:nth-child(2) {
padding: 0 0 30px 0 !important;
}
.content-box .content-box:nth-child(2) {
padding: 0 !important;
}
.ship-page .content-box .content-box:nth-child(1) {
padding: 0 !important;
margin-bottom: 10px;
}
.ship-page .content-box .content-box h4 {
border-bottom: 1px solid #ddd;
}
.ship-page .content-box .content-box:nth-child(1) p {
margin-bottom: 0 !important;
}
.ship-page .content-box .content-box:nth-child(3) {
padding-left: 0 !important;
}
.cms-page .howto-menu li:nth-child(1) a .fa,
.cms-page .pay-menu li:nth-child(2) a .fa,
.cms-page .ship-menu li:nth-child(3) a .fa,
.cms-page .confirm-menu li:nth-child(4) a .fa {
color: #81001f;
}
.cms-logo .fa {
background: #810f1f;
color: #fff;
font-size: 2.5rem;
height: 65px;
line-height: 1.7;
width: 65px;
text-align: center;
}
.cms-title h1 {
font-family: 'Noto Sans Thai';
font-size: 18px;
}
.cms-content .cms-title {
display: inline-block;
width: 100%;
padding-left: 0;
}
.cms-content .content-right .cms-title .cms-logo {
margin: -14px 7px 15px 0;
}
.cms-page .left-menu span {
font-size: 16px;
margin: 0 9px;
}
.cms-page .left-menu a h4 {
display: none;
}
.footer-links span {
color: #5c5e5f;
}
.footer-links .open span:first-child {
font-size: 1.1rem;
font-weight: 600;
} .quotation .wrapper {
display: flex;
flex-direction: column;
align-items: center;
}
.quotation .tab {
cursor: pointer;
padding: 10px 20px;
margin: 0px 2px;
background: #000;
display: inline-block;
color: #fff;
border-radius: 3px 3px 0px 0px;
}
.quotation .panels {
background: #fffffff6;
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
min-height: 200px;
width: 100%;
max-width: 600px;
border-radius: 3px;
overflow: hidden;
padding: 20px;
}
.quotation .panel {
display: none;
animation: fadein .8s;
}
@keyframes fadein {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.quotation .panel-title {
font-size: 1.5em;
font-weight: bold
}
.quotation .radio {
display: none;
}
.quotation #one:checked~.panels #one-panel,
.quotation #two:checked~.panels #two-panel,
.quotation #three:checked~.panels #three-panel {
display: block;
}
.quotation #one:checked~.tabs #one-tab,
.quotation #two:checked~.tabs #two-tab,
.quotation #three:checked~.tabs #three-tab {
background: #fffffff6;
color: #000;
border-top: 3px solid #000;
}
.quotation h2 {
text-align: center;
}
.quotation input.wpcf7-submit {
font-family: 'Roboto', 'Noto Sans Thai', sans-serif;
background-color: #4bb9ed;
border-radius: 22px;
}
.quotation input.wpcf7-submit:hover {
background-color: #000;
}
.quotation label span {
color: red;
} .host-header .img {
margin-bottom: 0 !important;
}
.vps-bg {
padding-top: 50px !important;
padding-bottom: 30px !important;
background: linear-gradient(180deg, #81C5EB 0%, rgba(239, 239, 239, 0) 100%);
}
.vps-bg .section-content.relative {
padding: 0 15px;
}
.hosting-service-txt.col {
padding-bottom: 0;
}
.hosting-service-txt .col-inner.text-left p {
margin-bottom: 0;
}
.vps-bg .host-package-head .col {
padding-bottom: 0;
}
.vps-bg .host-package-head {
background-color: #fff;
margin-bottom: 2%;
border-radius: 20px;
box-shadow: 0px 4px 12px rgb(0 0 0 / 20%);
padding: 30px 10px 30px 10px;
}
.vps-bg .host-package-head span {
font-family: 'Roboto', sans-serif;
color: #FC711C;
}
.vps-bg .host-package-head p {
font-family: 'Noto Sans Thai', sans-serif;
font-size: 0.95rem;
color: #275A99;
margin-bottom: 0;
}
.host-package span.recommend {
font-family: 'Noto Sans Thai';
font-size: 1.1rem;
background: linear-gradient(90deg, rgba(252, 113, 28,1) 0, rgba(229, 69, 0,1) 100%);
border-radius: 10px 10px 0 0;
padding: 0 15px;
color: #fff;
position: absolute;
right: auto;
left: 62%;
bottom: auto;
top: 54%;
transform: translate(0, -15%);
}
.magento-hosting {
margin-top: 0 !important;
}
.magento-hosting .host-package span.recommend {
top: 24%;
transform: translate(0, 27%);
}
.vps-bg h2.host-service {
font-size: 1.2rem;
}
.magento-hosting .host-package .pack .p-head img {
padding-bottom: 18px;
}
.magento-hosting .host-package .inner:nth-child(4) .pack .p-head img {
padding-bottom: 12px;
}
.magento-hosting .host-package .inner:nth-child(3) .pack .p-head img {
padding-bottom: 0;
width: 68px;
}
.magento-hosting .host-package.host-vps .inner:nth-child(2) {
margin-top: 20px !important;
}
.host-customer h1.head-title::before {
content: '';
display: inline-block;
background: url(//thaismart.cloud/wp-content/themes/thaismartcloud/images/icon-open.svg) center center /15px auto no-repeat;
width: 15px !important;
height: 40px;
padding: 0 !important;
vertical-align: middle;
margin-right: 15px;
}
.host-customer h1.head-title::after {
content: '';
display: inline-block;
background: url(//thaismart.cloud/wp-content/themes/thaismartcloud/images/icon-close.svg) center center /15px auto no-repeat;
width: 15px !important;
height: 40px;
padding: 0 !important;
vertical-align: middle;
margin-left: 15px;
}
.host-customer .esg-filters.esg-navbutton-solo-left {
left: auto;
right: 95%;
}
.host-customer .esg-filters.esg-navbutton-solo-right {
left: 95%;
right: auto;
}
.host-customer .esg-navigationbutton {
border: none !important;
}
.host-customer .esg-filters .esg-navigationbutton i {
display: none;
}
.host-customer .esg-filters .esg-navigationbutton.esg-left {
content: '' !important;
background: url(//thaismart.cloud/wp-content/themes/thaismartcloud/images/icon-left.svg) center center /20px auto no-repeat;
width: 20px !important;
height: 20px;
padding: 0 !important;
}
.host-customer .esg-filters .esg-navigationbutton.esg-right {
content: '' !important;
background: url(//thaismart.cloud/wp-content/themes/thaismartcloud/images/icon-right.svg) center center /20px auto no-repeat;
width: 20px !important;
height: 20px;
padding: 0 !important;
}
.host-customer .esg-filters .esg-navigationbutton {
box-shadow: none !important;
}
.service-box {
margin-top: 60px;
margin-bottom: 40px;
}
.service-box .box-image {
margin-bottom: 15px;
}
.service-box .box-text h4 {
font-size: 1.2rem;
color: #3E3E3E;
font-weight: 600 !important;
}
.service-box .box-text p {
font-family: 'Noto Sans Thai', sans-serif;
font-size: 1rem;
color: #FF7A00;
}
.wordpress-course .course-info h4.edit-head-title {
font-family: 'Noto Sans Thai', sans-serif !important;
font-size: 1.2rem;
font-weight: 400 !important;
margin-top: 10px;
margin-bottom: 38px;
letter-spacing: unset;
}
.wordpress-course .course-info p {
margin-bottom: 0;
font-family: 'Noto Sans Thai', sans-serif;
font-size: 1.2rem;
color: #000;
margin-top: 35px;
}
.wordpress-course .course-info h4 {
font-family: 'Roboto', sans-serif !important;
font-size: 1.5rem;
font-weight: 600 !important;
color: #1B4B87;
margin-bottom: 0;
letter-spacing: 2px;
}
.wordpress-course .course-info span {
font-weight: 300;
color: #1B4B87;
}
.wordpress-package .wordpress-logo {
margin: auto;
}
.wordpress-package .col {
padding-bottom: 10px;
}
.course-info .img {
width: 35% !important;
}
.host-package.container {
justify-content: center !important;
padding: 14px 0;
}
.wordpress-package h2.host-service {
color: #595959;
font-size: 1.5rem;
margin-bottom: 6%;
}
.wordpress-package .host-package .p-text li:nth-child(5) span.right,
.wordpress-package .host-package .p-text li:nth-child(6) span.right {
color: #303030;
}
.wordpress-package .host-package .p-text li:nth-child(7) span.right,
.wordpress-package .host-package .p-text li:nth-child(8) span.right,
.wordpress-package .host-package .p-text li:nth-child(9) span.right {
color: #45D014;
}
.wordpress-package .host-package span.recommend {
left: 60%;
top: 26%;
transform: translate(0, -5%);
}
.wordpress-package .host-package .p-head {
padding: 30px 10px 10px;
}
.wordpress-package .host-package .inner:nth-child(2) .pack .p-head img {
width: 40px;
padding-bottom: 10px;
}
.wordpress-package .host-package .inner:nth-child(3) .p-head img {
width: 76px;
padding-bottom: 15px;
}
.wordpress-package .host-package .inner:nth-child(3) {
margin-top: 28px;
}
.wordpress-package .host-package .inner:nth-child(4) .p-head img {
padding-bottom: 12px;
}
.wordpress-package .host-package .inner:nth-child(5) .p-head img {
padding-bottom: 18px;
}
.course-basic {
background: linear-gradient(180deg, #FFFFFF 0, #F8F8F8 100%);
}
.course-basic .img {
width: 90% !important;
}
.course-basic .img img {
padding: 0 0 0 10px;
margin-bottom: 15px;
}
.wordpress-course {
background-image: url(//thaismart.cloud/wp-content/themes/thaismartcloud/images/bg-m.jpg);
background-repeat: no-repeat;
background-size: 102% 75%;
background-position: 0 5%;
padding-bottom: 0 !important;
}
a.button.primary.btn-regis {
padding: 0 20px 0;
margin: 0 0 20px 0;
}
a.button.primary.btn-regis:hover {
background-color: #01ADDC;
}
.btn-regis span {
font-size: 1rem;
}
.wordpress-package .wordpress-logo {
margin-top: 0;
z-index: 9;
}
.wordpress-hosting-banner .text-box h3 {
font-size: 2rem;
color: #1B4B87;
font-weight: 500 !important;
font-family: 'Roboto', sans-serif !important;
}
.wordpress-hosting-banner .text-box span {
font-family: 'Noto Sans Thai', sans-serif;
}
.wordpress-hosting-banner .text-box p {
color: #1B4B87;
font-size: 1.5rem;
font-family: 'Noto Sans Thai';
margin: 0;
}
.wordpress-hosting-banner .text-box span.number {
color: #FF7A00;
font-weight: 600;
font-size: 2.8rem;
}
.wordpress-hosting-banner .text-box .btn-contact {
background-color: #FF7A00 !important;
border: none !important;
padding: 10px 20px;
margin-top: 40px;
}
.wordpress-hosting-banner .text-box .btn-contact:hover {
background-color: #1B4B87 !important;
}
.wordpress-hosting-banner .text-box .btn-contact:hover span {
color: #fff;
}
.wordpress-hosting-banner .text-box .btn-contact span {
font-size: 1.5rem;
}
.support-banner .banner .text-box h3,
.support-banner .banner .text-box p {
color: #1B4B87;
font-weight: 500;
font-family: 'Noto Sans Thai', sans-serif !important;
}
.support-banner .banner .text-box h3.h-en {
font-size: 3rem;
font-family: 'Roboto', sans-serif !important;
}
.support-banner .banner .text-box h3.h-th {
font-size: 2.5rem;
}
.support-banner .banner .text-box p {
font-size: 1rem;
font-weight: 600;
margin: 0;
}
.support-banner .banner span.number {
color: #FF7A00;
font-weight: 600 !important;
font-family: 'Noto Sans Thai', sans-serif;
}
.banner .text-box .col {
padding-bottom: 20px;
} .map iframe {
width: 100%;
border-radius: 12px;
}
.cms-page.contact-page form textarea {
margin-bottom: 8px;
}
.box-content .data p {
color: rgb(13, 51, 96);
}
.box-contact .box-content .data h4,
.box-contact .box-content .data p {
margin: 0 0 0 30px;
}
.box-contact .box-content ul img {
width: 50px;
}
.box-contact .box-content ul li {
display: flex;
margin: 0 0 30px 40px;
}
.box-contact .box-content ul {
list-style: none;
}
.box-contact .box-bg .box-content ul {
margin-bottom: 0;
}
.contact-page .box-bg {
background-color: #f5f5f5;
border-radius: 12px;
}
.form-contact .form-contact-us .submit-form input:hover {
background-color: #000;
}
.cms-page form .wpcf7-spinner {
display: none;
}
.form-contact .form-contact-us .submit-form input {
background-color: #4bb9ed;
border-radius: 22px !important;
padding: 0 50px 0 50px;
border: none !important;
font-family: 'Noto Sans Thai', sans-serif;
}
.form-contact-us .submit-form {
text-align: center;
font-family: 'Roboto', 'Noto Sans Thai', sans-serif;
}
.form-contact .form-bg {
border: solid 1px #0d3360;
border-radius: 12px;
padding-bottom: 0;
height: 100%;
}
.contact-page .box-text h4,
.contact-page .box-text p {
margin: 0 0 0 10px;
color: #fff;
}
.contact-page .box-text {
padding: 0;
}
.contact-page .form-title,
.contact-page .box-title {
background-color: rgb(13, 51, 96);
display: inline-flex;
color: #fff;
padding: 10px 30px;
border-radius: 0 0 12px 12px;
margin: 0 0 30px 15px;
}
.about-content section>p {
margin: 0;
font-size: 0.9rem;
}
.s-title h4 {
font-size: 1.2rem;
color: #fff;
}
.about-page .s-title img {
margin-right: 20px;
}
.about-page .s-title {
display: flex;
align-items: center;
margin-bottom: 15px;
}
.about-page section {
background-color: #0d3360;
color: #fff;
padding: 30px;
font-size: 1.4rem;
border-radius: 0 0 22px 22px;
}
.confirm-payment.page label.wpforms-field-sublabel.after {
display: none;
}
.about-page .img-top label img {
width: 40px;
border-radius: 0;
}
.about-page label {
background-color: #4bb9ed;
border-radius: 12px 12px 0 0;
padding: 0 30px !important;
position: absolute;
left: 0;
bottom: 0;
margin: 0 0 0 40px;
}
.about-page .img-top img {
width: 100%;
border-radius: 12px 12px 0 0;
}
.about-page .img-top {
position: relative;
}
.data-table-definition-list tbody th,
.data-table-definition-list tbody td {
display: block;
padding: 10px 0;
}
.data-table-definition-list thead {
display: none;
}
.list-cookie {
padding: 15px;
}
.policy-page .w-100 {
background-color: #f9f9f9;
border-radius: 12px;
padding: 15px 30px;
}
.note-bottom .content {
display: flex;
align-items: flex-start;
padding: 0 15px 30px 15px;
}
.note-bottom .content .box-text {
padding: 0 0 0 15px;
}
.confirm-page .note-bottom {
background-color: #f5f5f5;
border-radius: 12px;
margin-top: 15px;
padding: 30px 30px 0 30px;
}
.wpforms-form .wpforms-field-container input,
.wpforms-form .wpforms-field-container textarea {
border: 1px solid #ced4da !important;
border-radius: 22px !important;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.wpforms-container .wpforms-form .wpforms-field select {
border-radius: 22px;
}
.wpforms-container .wpforms-form .wpforms-submit-container button.wpforms-submit {
background: #0d3360;
color: #fff;
padding: 0 40px;
border: none;
}
div.wpforms-container-full .wpforms-form .wpforms-submit-container {
text-align: right;
}
.wpforms-container .wpforms-form .wpforms-submit-container button.wpforms-submit:hover {
background: #000;
border: none;
}
.seed-confirm-form {
padding: 25px 30px;
}
.wpforms-form {
border: 1px solid #ddd;
border-radius: 5px;
margin: 0 auto 30px;
font-size: 1.1em;
padding: 25px 30px;
}
.confirm-payment.page .confirm-group-two .text-info ul li,
.quotation.page .quotation-group-two .text-info ul li{
font-size: 0.9rem;
list-style: none;
}
.form-contact .wpforms-form {
border: none;
padding: 0;
}
#seed-confirm-form {
border: 1px solid #ddd;
border-radius: 5px;
}
.cms-page input[type=file] {
border: none !important;
background: unset !important;
}
.cms-page form input,
.cms-page form select,
.cms-page form textarea {
border-radius: 22px;
background-color: #f5f5f5;
border: 1px solid #c5c5c5 !important;
}
.form-confirm .form-title {
padding: 2px 15px;
background: #4bb9ed;
width: fit-content;
color: #fff;
border-radius: 0 0 12px 12px;
margin: 0 0 30px 15px;
}
.cms-page .form-confirm {
border: solid 2px #4bb9ed;
border-radius: 12px;
padding-bottom: 0;
}
.shipping-page .cms-content>div:not(.cms-title) img {
margin: 25px auto;
}
.notify-note {
color: #fff;
background-color: #4bb9ed;
border-radius: 22px;
padding: 5px 10px;
}
.c-by li:before {
content: "\2022";
color: #4bb9ed;
font-weight: bold;
font-size: 1.8rem;
margin-right: 10px;
line-height: 1;
position: relative;
top: 4px;
}
.c-by ul {
display: flex;
justify-content: center;
flex-direction: column;
align-items: flex-start;
list-style: none;
margin: 0 20px;
}
.c-by li {
margin: 0 15px;
}
.shipping-page .cms-content>div:not(.cms-title) {
background: #f9f9f9;
border-radius: 12px;
padding: 0 15px 15px 15px;
margin-bottom: 15px;
text-align: center;
}
.shipping-page .cms-content>div:not(.cms-title) h4 {
padding: 2px 30px;
background: #4bb9ed;
width: fit-content;
color: #fff;
border-radius: 0 0 12px 12px;
margin: 0 0 30px 5px;
}
.cms-page .cms-content a:hover {
color: #000;
}
.cms-page .cms-content a {
color: rgb(13, 51, 96);
}
.order-step-box .order-condition {
background-color: #4bb9ed;
color: #fff;
padding: 10px;
border-radius: 50px;
text-align: center;
}
.payment-page li img.dropdown {
transform: rotate(-90deg);
margin: 10px;
width: 25px;
}
.order-step-box ul img {
width: 30px;
margin: 0;
}
.payment-page .order-step-box ul li {
margin: 0;
}
.order-step-box ul {
list-style: none;
align-items: center;
justify-content: center;
}
.payment-page .order-step-box {
border: 2px solid #4bb9ed;
border-radius: 12px;
padding: 15px 15px 0 15px;
font-size: 14px;
}
ul.bank-detail li {
list-style: none;
font-size: 13px;
line-height: 1.4;
color: #1f1f1f;
margin: 0;
}
.bank-data .bank-detail {
width: 100%;
background-color: #f9f9f9;
border-radius: 0 12px 12px 0;
padding: 0 5px;
display: flex;
flex-direction: column;
justify-content: center;
height: 70px;
margin: 0;
}
.bank img {
width: 70px;
border-radius: 12px 0 0 12px;
}
.bank-data {
display: flex;
}
.cms-menu li {
display: inline-block;
margin: 0 !important;
}
.howto-page .how-col p {
min-height: 42px;
}
.how-col .how-text {
padding: 15px 0;
margin-bottom: 10px;
}
.cms-menu ul {
display: flex;
justify-content: center;
margin: 0;
list-style: none;
}
.how-step h4 {
color: #333;
margin: 0 0 10px 15px;
font-weight: 400;
font-size: 1.2rem;
}
.how-step h1 {
width: auto;
margin: 0;
font-size: 3.5rem;
color: #4bb9ed;
font-family: 'Noto Sans Thai', sans-serif;
font-weight: 600 !important;
}
.how-col {
padding: 0;
display: inline-block;
width: 100%;
}
.how-step {
display: flex;
align-items: center;
}
.how-img img {
width: 130px;
}
.cms-menu li span {
display: none;
}
.cms-menu li img {
display: inline-block;
filter: brightness(0.5);
width: 35px;
padding: 5px;
margin: 0 5px;
}
.howto-menu li.how-to-order img,
.payment-menu li.payment img,
.ship-menu li.shipping img,
.confirm-menu li.confirm-payment img,
.policy-menu li.privacy-policy img,
.return-menu li.return-policy img {
background-color: #4bb9ed;
filter: brightness(1);
border-radius: 6px;
}
.cms-logo img {
margin-right: 20px;
filter: brightness(0);
}
.cms-title .cms-logo {
display: flex;
align-items: center;
margin-bottom: 15px;
font-size: 1.2rem;
color: #000;
} .header-content ul li {
list-style-type: none;
float: left;
margin: 0;
height: 32px;
line-height: 2.4;
padding: 0 12px;
background-color: #85c2df;
font-family: 'Noto Sans Thai', sans-serif;
font-size: 13px;
}
.header-content ul li:nth-child(2) {
background-color: #ff6f61
}
.header-content ul li:hover,
.header-content ul li:nth-child(2):hover {
background-color: #868d93;
}
.header-content ul li img {
width: 22px;
margin-right: 12px;
}
.header-content ul li:nth-child(2) img {
width: 25px;
}
.header-content ul li a {
color: #fff;
}
.home .page-wrapper {
padding-top: 0;
}
.home .col {
padding-bottom: 0px;
}
.home-banner .col {
padding-bottom: 15px;
}
.home-banner .banner-1,
.home-banner .banner-3 {
padding-right: 8px !important;
}
.home-banner .banner-2,
.home-banner .banner-4 {
padding-left: 8px !important;
}
.home-block {
margin-bottom: 15px;
} .home-products.new-products {
margin-bottom: 0;
}
.home-products .p-left img:hover {
opacity: 0.8;
cursor: pointer;
}
.home-products .p-left a:hover {
color: #4bb9ed;
}
.home-products .p-left a {
font-family: 'Roboto', 'Noto Sans Thai', sans-serif;
color: #7b7b7b;
border-bottom: 5px solid #4bb9ed;
padding-bottom: 3px;
margin-bottom: 20px;
display: inline-block;
}
.home-products .p-left span {
display: block;
margin-bottom: 25px;
font-size: 1.1rem;
font-family: 'Roboto', 'Noto Sans Thai', sans-serif;
}
.home-products {
margin: 30px 0;
}
.home-products h1 {
margin: 0;
line-height: 1;
font-size: 1.7rem;
}
.video {
margin-bottom: 30px;
}
.video p {
font-weight: 300;
font-family: 'Roboto', 'Noto Sans Thai', sans-serif;
font-size: 1.6rem;
color: #333333;
margin-bottom: 25px !important;
}
.video .col:not(:first-child) {
margin-bottom: 15px;
}
.mk-text {
font-weight: 300;
color: #343434;
font-size: 1.7rem;
}
span.woocommerce-Price-currencySymbol {
display: none;
}
.grid-tools a.quick-view {
background-color: #4bb9ed;
}
.grid-tools a.quick-view:hover {
background-color: #363636;
}
.price-wrapper .price del {
order: 2;
margin-top: 10px;
}
.product-footer .tabs li a::before,
.product-footer .tabs li:hover a::before {
background-color: #4bb9ed;
}
del span.amount {
font-size: 1rem;
color: #898989 !important;
font-weight: 400 !important;
font-family: 'Roboto', 'Noto Sans Thai', sans-serif;
opacity: 1 !important;
text-decoration: line-through;
}
ins span.amount {
font-size: 1.2rem;
font-family: 'Roboto', 'Noto Sans Thai', sans-serif;
color: red !important;
font-weight: 400;
}
del {
text-decoration: unset !important;
}
.product-title img {
width: 45px;
margin-right: 10px;
}
.product-title h4 {
display: inline-block;
width: auto;
margin: 0 15px 0 0;
font-size: 1.5rem;
font-weight: 200;
border-right: 1px solid #e0e2e1;
padding-right: 15px;
line-height: 1.2;
}
.product-title span {
font-size: 14px;
}
.box-text.box-text-products .product-title a {
font-size: 1rem;
text-align: center;
flex-grow: 1;
color: #111111;
font-weight: 400;
overflow: hidden;
display: -webkit-box !important;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
margin-bottom: 15px;
}
.product-title a:hover {
color: #4bb9ed !important;
}
.home-products .minimal-light .esg-navigationbutton {
border: none;
}
.home-products .minimal-light .esg-navigationbutton:hover {
box-shadow: none;
opacity: .7;
}
.home-products .minimal-light .esg-navigationbutton * {
display: inline-block;
}
.home-products .p-left img {
width: 100%;
}
.home-products .eg-icon-left-open:before,
.home-products .eg-icon-right-open::before {
content: '';
width: 16px;
height: 30px;
display: inline-block;
margin: 0;
}
.home-products .eg-icon-left-open:before {
background: url(//thaismart.cloud/wp-content/themes/thaismartcloud/images/nav-prev.svg) 0 0 /16px auto;
}
.home-products .eg-icon-right-open::before {
background: url(//thaismart.cloud/wp-content/themes/thaismartcloud/images/nav-next.svg) 0 0 /16px auto;
}
.home-products .esg-filters.esg-navbutton-solo-left,
.home-products .esg-filters.esg-navbutton-solo-right {
top: 34%;
}
.home-products .esg-pagination {
top: -12px;
}
.home-products .filter-all-products a {
font-family: 'Noto Sans Thai', sans-serif !important;
}
.home-products .box-text {
display: flex;
flex-direction: column;
font-family: 'Roboto', 'Noto Sans Thai', sans-serif;
}
.home-products .price-wrapper {
order: 3;
display: none;
}
.home-products .p-left {
margin-bottom: 20px;
}
.home-products button.flickity-button svg {
display: none;
}
.home-products .box-excerpt {
font-size: 0.8rem;
color: #525252;
font-weight: 400;
font-family: 'Roboto', 'sarabun', sans-serif;
line-height: 1.5;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
text-align: center;
overflow: hidden;
}
.product .box-image {
border: 1px solid #ebebeb;
}
.product .badge-container {
display: none;
} .home-banner img:hover {
opacity: 0.8;
}
.esg-grid .mainul li.eg-washington-wrapper {
background: unset !important;
}
.home-two-banner {
width: 100%;
-js-display: flex;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
.home-two-banner .col {
padding: 0;
}
.home-two-banner .col:first-child {
margin-bottom: 15px;
} .home-youtube {
background-color: #111;
padding: 15px;
}
.home-youtube .section-content .col:first-child {
margin-bottom: 15px;
}
.youtube-title {
display: inline-block;
width: 100%;
margin-bottom: 5px;
}
.youtube-title img {
float: left;
margin: 0 15px 0 0;
width: 80px;
}
.youtube-title h4 {
margin: 7px 0;
color: #fff;
}
.youtube-title a {
display: inline-block;
color: #fff;
float: right;
width: auto;
margin: 4px 0;
} .home-customer {
text-align: center;
margin: 50px 0 0 0;
}
.home-customer h2 {
margin: 0 0 30px;
}
.home-customer .esg-filters .esg-navigationbutton {
border: none;
padding: 0;
background-color: transparent;
margin: 0;
line-height: 1;
}
.home-customer .esg-filters .esg-navigationbutton:hover {
box-shadow: none;
}
.home-customer .esg-filters .esg-navigationbutton:hover i:before {
opacity: 0.3;
}
.home-customer .esg-navigationbutton.esg-left i:before {
content: '';
background: url(//thaismart.cloud/wp-content/themes/thaismartcloud/images/icon/icon-arrow-left-white.svg) center center /20px auto no-repeat;
width: 20px;
height: 20px;
filter: brightness(0.5);
opacity: 0.5;
}
.home-customer .esg-navigationbutton.esg-right i:before {
content: '';
background: url(//thaismart.cloud/wp-content/themes/thaismartcloud/images/icon/icon-arrow-right-white.svg) center center /20px auto no-repeat;
width: 20px;
height: 20px;
filter: brightness(0.5);
opacity: 0.5;
}
.home-customer .esg-filters.esg-navbutton-solo-left {
left: -15px;
top: 35%;
}
.home-customer .esg-filters.esg-navbutton-solo-right {
right: -15px;
top: 35%;
} .home-categories h3 {
color: #505253;
text-transform: uppercase;
font-weight: 600 !important;
margin: 30px 0;
text-align: center;
font-family: 'Roboto' !important;
font-size: 1.6rem;
line-height: 1;
}
.home-categories .box-text .header-title {
padding: 0 35px;
color: #000;
box-shadow: none !important;
font-weight: 300 !important;
}
.home-categories .box-overlay.dark .box-text,
.home-categories .box-shade.dark .box-text {
text-shadow: none;
}
.home-categories .box-text p {
font-size: .8rem;
color: #85c2df;
}
.home-categories .image-cover .overlay {
opacity: 0;
}
.home-categories .image-cover:hover .overlay {
opacity: 1;
}
.home-categories .box-text {
padding-bottom: 30px;
}
.home-categories .row-small>.flickity-viewport>.flickity-slider>.col {
padding: 0 15px;
}
.home-block .minimal-light .esg-pagination .esg-navigationbutton {
padding: 0;
border: none;
box-shadow: none;
background-color: #cdcecf;
border-radius: 15px;
width: 12px;
height: 12px;
line-height: 1;
text-indent: -99999px;
}
.home-block .minimal-light .esg-pagination .esg-navigationbutton:hover,
.home-block .minimal-light .esg-pagination .esg-filterbutton:hover,
.home-block .minimal-light .esg-sortbutton:hover,
.home-block .minimal-light .esg-sortbutton-order:hover,
.home-block .minimal-light .esg-cartbutton a:hover,
.minimal-light .esg-filterbutton.selected { }
.home-service .clean-service,
.home-service .quotation {
padding-left: 0;
}
.home-service>.col {
margin-bottom: 10px;
}
.home-service .icon-box-text {
border-left: 1px solid #ebebeb;
margin-left: 15px;
}
.row .col-inner .row.home-service {
margin: 15px -15px;
box-shadow: rgb(33 35 38 / 10%) 0px 10px 10px -10px;
}
.home-service .icon-box {
align-items: center;
line-height: 1;
}
.home-service p {
margin: 0;
line-height: 1.4;
color: #4d4d4d;
font-family: 'Roboto', 'Sarabun', sans-serif;
}
.home-service a {
color: #4d4d4d;
font-family: 'Noto Sans Thai', sans-serif;
font-weight: 500;
font-size: 1rem;
} .home-blog.home-block {
margin-bottom: 0;
}
.home-blog .col-youtube .youtube-block {
background-color: #000;
padding: 15px;
}
.home-blog h2 {
margin: 0 0 30px;
}
.home-blog .esg-navigationbutton {
display: block !important;
}
.home-blog .esg-container .esg-filters {
top: 30%;
}
.home-blog .esg-container .esg-filters.esg-navbutton-solo-left {
left: -15px;
}
.home-blog .esg-container .esg-filters.esg-navbutton-solo-right {
right: -15px;
}
.home-blog .esg-navigationbutton.esg-left i:before {
content: '';
background: url(//thaismart.cloud/wp-content/themes/thaismartcloud/images/icon/icon-arrow-left-white.svg) center center /20px auto no-repeat;
width: 20px;
height: 20px;
filter: brightness(0.5);
opacity: 0.5;
}
.home-blog .esg-navigationbutton.esg-right i:before {
content: '';
background: url(//thaismart.cloud/wp-content/themes/thaismartcloud/images/icon/icon-arrow-right-white.svg) center center /20px auto no-repeat;
width: 20px;
height: 20px;
filter: brightness(0.5);
opacity: 0.5;
}
.home-blog .esg-filters .esg-navigationbutton:hover i:before {
opacity: 0.3;
}
.home-blog .esg-filters .esg-navigationbutton {
border: none;
padding: 0;
background-color: transparent;
margin: 0;
line-height: 1;
}
.home-blog .esg-filters .esg-navigationbutton:hover {
box-shadow: none;
background-color: transparent;
} .about-more h4 {
font-size: 1.3rem;
font-family: 'Roboto', 'Noto Sans Thai', sans-serif;
font-weight: 500;
}
.f-product ul li:first-child h4,
.f-bottom .f-contact li:first-child h4,
.f-bottom .f-other li:first-child h4 {
font-size: 1.1rem;
font-family: 'Roboto', 'Noto Sans Thai', sans-serif;
font-weight: 400;
}
.f-bottom .f-about,
.f-bottom .f-contact {
padding: 0;
}
.footer-links {
background-color: #f9f9f9;
}
.f-bottom .f-other {
display: flex;
flex-wrap: wrap;
padding: 0;
}
.f-other a {
font-size: 0.9rem;
}
.f-bottom .f-other ul {
padding: 0;
margin-bottom: 20px;
}
.f-bottom .f-other li {
margin: 0;
}
.about-more a {
color: #515151;
}
.f-hotline h4,
.f-hotline a,
.f-hotline p {
font-weight: 600 !important;
color: #ea5d1e;
margin: 0;
font-size: 1rem;
font-family: 'Roboto' !important;
}
.f-contact img {
width: 32px;
margin-right: 15px;
}
.f-bottom .f-contact p {
margin: 0;
}
.f-bottom .f-contact li {
margin: 0 0 15px 0;
display: flex;
align-items: center;
font-size: 0.9rem;
line-height: 1.3;
}
.about-more>div {
display: flex;
align-items: center;
margin-bottom: 10px;
}
.f-bottom>.col {
padding-bottom: 0;
}
.about-more {
margin-bottom: 20px;
}
.about-more .line1>div:not(.qr-img),
.about-more .line2>div:not(.qr-img) {
width: 45%;
}
.about-more p {
font-size: 1.3rem;
line-height: 1.2;
margin: 0;
font-family: 'Roboto', 'Noto Sans Thai', sans-serif;
color: #515151;
}
.text-content {
margin-left: 5px;
}
.about-more span {
font-size: 0.9rem;
color: #515151;
}
.about-tax span>span {
font-weight: 400;
}
.about-tax span {
font-size: 0.88rem;
color: #040607;
font-weight: 600;
}
.about-tax {
display: flex;
align-items: center;
margin-bottom: 30px;
}
.about-tax img {
width: 40px;
margin-right: 8px;
}
.f-about .about-address a:hover {
background-color: #000;
}
.f-about .about-address a {
background-color: #4bb9ed;
color: #fff;
font-family: 'Noto Sans Thai', sans-serif;
border-radius: 6px;
padding: 7px 12px;
display: inline-block;
line-height: 1;
font-size: 1rem;
margin: 10px 0 30px;
}
.f-about .about-address p:last-child {
margin: 0;
}
.f-about .about-address p:nth-child(3) {
width: 82%;
margin: 0;
}
.f-about .about-address {
display: flex;
flex-wrap: wrap;
align-items: flex-end;
}
.f-about .about-address img {
width: 45px;
margin-right: 15px;
}
.f-about .about-title h4 {
line-height: 1.3;
}
.f-about .short {
color: #5c5e5f;
font-weight: 400;
margin-bottom: 20px;
}
.footer-links .f-product a:hover {
color: #4bb9ed;
}
.footer-links .f-product a {
font-size: 0.9rem;
color: #5c5e5f;
}
.footer-links .f-product li {
margin: 0;
}
.f-product .col-inner {
display: flex;
justify-content: space-between;
}
.f-text .text-content p {
font-weight: 500;
}
.f-text .text-content p.ps {
margin: 0;
}
.footer-links .f-text .or {
color: #ea5d1e;
}
.footer-links .f-text span {
color: #50bcf0;
}
.footer-links .f-text h4 {
font-weight: 400;
font-family: 'Roboto', 'Noto Sans Thai', sans-serif;
}
.footer-bottom .middle-icon .icon-box-img {
margin-bottom: 15px !important;
}
.footer-bottom p {
font-family: 'Roboto', 'Noto Sans Thai', sans-serif;
color: #fff;
font-size: 1.1rem;
font-weight: 300;
}
.footer-bottom .icon-box-img {
margin-bottom: 10px !important;
}
main#main {
min-height: 500px;
} .page-id-1530 main#main {
background: url(//thaismart.cloud/wp-content/themes/thaismartcloud/images/google-workspace-header-bg.svg) repeat-x 50% 0 #E8F1FE;
background-size: 2500px;
}
.page-id-1874 main#main {
background-color: #E8F1FE;
}
.google-ws .page-title {
color: #000;
padding-top: 60px;
}
.google-ws .page-title h1 {
color: #000;
font-size: 2rem;
margin-bottom: 0;
font-weight: 900 !important;
}
.google-pack {
background-color: #fff;
border-radius: 20px;
box-shadow: 0 1px 6px rgb(0 0 0 / 10%);
font-size: 0.9rem;
margin-bottom: 60px;
}
.google-pack .package {
padding: 40px;
border-bottom: 1px solid #d6dfe6;
position: relative;
}
.google-pack .package h2 {
text-transform: uppercase;
font-size: 2rem;
font-weight: 700 !important;
color: #000;
margin-bottom: 0;
}
.google-pack .package .p-set {
border-bottom: 1px solid #d6dfe6;
}
.google-pack .package .p-set:nth-child(1) {
text-align: center;
}
.google-pack .price {
margin: 50px 0;
color: #000;
font-size: 1.1rem;
}
.google-pack .price .big {
font-size: 3.5rem;
font-weight: 700 !important;
color: #000;
}
.google-pack .price .acc-num {
color: #666;
font-size: 0.86rem;
}
.google-pack .buynow {
background-color: #52c02b;
font-size: 1rem !important;
color: #fff;
margin-right: 0;
}
.google-pack .buynow:hover {
background-color: #3D96FF;
}
.google-pack .h-detail {
font-family: "Noto Sans Thai", sans-serif !important;
color: #000;
text-align: left;
font-size: 1.2rem;
margin: 15px 0;
}
.google-pack .h-detail span {
font-weight: 700 !important;
font-size: 1.2em;
}
.google-pack .detail ul {
list-style: none;
}
.google-pack .detail li {
padding: 0 0 20px 55px;
text-align: left;
}
.google-pack .detail span {
font-weight: 700 !important;
}
.package-label {
position: absolute;
left: 300px;
top: 0px;
font-family: 'Noto Sans Thai', 'Sarabun';
font-size: 1.1rem;
background-color: #FE4C26;
color: #fff;
padding: 0px 12px;
border-radius: 0 0 8px 8px;
box-shadow: 0 2px 2px rgb(0 0 0 / 20%);
} .google-pack .set1 .detail li:nth-child(1) {
background: url(//thaismart.cloud/wp-content/themes/thaismartcloud/images/icon/google-drive.svg) 0 5px no-repeat;
background-size: 40px;
}  .google-pack .set2 .detail li:nth-child(1) {
background: url(//thaismart.cloud/wp-content/themes/thaismartcloud/images/icon/gmail-100.svg) 0 5px no-repeat;
background-size: 40px;
}
.google-pack .set2 .detail li:nth-child(2) {
background: url(//thaismart.cloud/wp-content/themes/thaismartcloud/images/icon/google-calendar.svg) 0 5px no-repeat;
background-size: 40px;
}
.google-pack .set2 .detail li:nth-child(3) {
background: url(//thaismart.cloud/wp-content/themes/thaismartcloud/images/icon/google-chat.svg) 0 5px no-repeat;
background-size: 40px;
}
.google-pack .set2 .detail li:nth-child(4) {
background: url(//thaismart.cloud/wp-content/themes/thaismartcloud/images/icon/google-meet.svg) 0 5px no-repeat;
background-size: 40px;
}  .google-pack .set3 .detail li:nth-child(1) {
background: url(//thaismart.cloud/wp-content/themes/thaismartcloud/images/icon/google-docs.svg) 0 5px no-repeat;
background-size: 40px;
}
.google-pack .set3 .detail li:nth-child(2) {
background: url(//thaismart.cloud/wp-content/themes/thaismartcloud/images/icon/google-sheets.svg) 0 5px no-repeat;
background-size: 40px;
}
.google-pack .set3 .detail li:nth-child(3) {
background: url(//thaismart.cloud/wp-content/themes/thaismartcloud/images/icon/google-slides.svg) 0 5px no-repeat;
background-size: 40px;
}
.google-pack .set3 .detail li:nth-child(4) {
background: url(//thaismart.cloud/wp-content/themes/thaismartcloud/images/icon/google-forms.svg) 0 5px no-repeat;
background-size: 40px;
}
.google-pack .set3 .detail li:nth-child(5) {
background: url(//thaismart.cloud/wp-content/themes/thaismartcloud/images/icon/google-sites.svg) 0 5px no-repeat;
background-size: 40px;
}
.google-pack .set3 .detail li:nth-child(6) {
background: url(//thaismart.cloud/wp-content/themes/thaismartcloud/images/icon/google-keep.svg) 0 5px no-repeat;
background-size: 40px;
}  .google-pack .set4 .detail li:nth-child(1) {
background: url(//thaismart.cloud/wp-content/themes/thaismartcloud/images/icon/google-admin.svg) 0 5px no-repeat;
background-size: 40px;
}
.google-pack .set4 .detail li:nth-child(2) {
background: url(//thaismart.cloud/wp-content/themes/thaismartcloud/images/icon/google-g-icon.svg) 0 5px no-repeat;
background-size: 40px;
}
.google-pack .set4 .detail li:nth-child(3) {
background: url(//thaismart.cloud/wp-content/themes/thaismartcloud/images/icon/google-search.png) 0 5px no-repeat;
background-size: 40px;
}
.google-pack .set4 .detail li:nth-child(4) {
background: url(//thaismart.cloud/wp-content/themes/thaismartcloud/images/icon/google-vault.svg) 0 5px no-repeat;
background-size: 40px;
}  .footer-widgets .row {
padding: 0 15px;
}
.footer-widgets.footer-1 {
padding: 15px 0;
border: none;
}
.footer-widgets.footer-2 {
border-top: 1px solid #fbfbfb;
margin-top: 5px;
}
.footer-widgets.footer-1 .widget {
margin-bottom: 0;
}
.footer-widgets .widget-title,
.footer-widgets .is-divider.small {
display: none;
}
.footer-content.footer-links {
padding: 15px;
margin-top: 2px;
background: #fcfcfc;
}
.box-newsletter h2 {
margin: 0;
font-size: 1.65rem;
color: #6a6b6d;
font-weight: 200 !important;
}
ul.sc-footer {
display: inline-block;
margin: 25px 0 0;
}
.sc-footer li {
display: inline-block;
float: left;
padding: 0;
text-align: center;
width: 33.33%;
}
.sc-footer img {
width: 28px;
display: inline-block;
margin-bottom: 5px;
}
.sc-footer a span {
display: inline-block;
width: 100%;
text-transform: uppercase;
font-size: 12px;
font-family: "Roboto", sans-serif;
font-weight: 600 !important;
letter-spacing: 1px;
}
.box-follow h4 {
margin: 0;
}
.box-newsletter p {
font-size: 13px !important;
margin: 0;
color: #6a6a6a;
}
.box-follow p {
font-size: 13px !important;
margin: 0;
color: #afafaf;
}
.newsletter.newsletter-subscription {
max-width: 260px;
margin-top: 25px;
}
.newsletter-subscription .newsletter-email {
padding: 0;
margin: 0;
box-shadow: none;
border: none !important;
background: transparent;
font-size: 12px !important;
}
input.newsletter-email::-webkit-input-placeholder {
color: #9b9b9b;
}
input.newsletter-email::-moz-placeholder {
color: #9b9b9b;
}
input.newsletter-email:-moz-placeholder {
color: #9b9b9b;
}
td.newsletter-td-submit {
line-height: 1 !important;
}
td.newsletter-td-submit:hover {
border-bottom: 6px solid #85c2df;
}
.newsletter-subscription table,
.newsletter-subscription form {
margin-bottom: 0;
}
.newsletter-subscription td {
padding: 0;
}
.newsletter-subscription .newsletter-submit {
margin: 0;
background-color: transparent !important;
box-shadow: none !important;
border: none;
font-family: 'Noto Sans Thai';
color: #686a6c;
font-size: 16px !important;
padding: 0;
line-height: 1;
width: 100%;
height: 35px !important;
border-bottom: 6px solid #686a6c;
}
.newsletter-subscription .newsletter-submit:hover {
background-color: transparent !important;
color: #85c2df !important;
}
.footer-links .f-box {
margin-bottom: 15px;
}
.footer-links ul.f-content {
list-style-type: none;
}
.address-text p {
margin: 0 !important;
display: inline-block;
width: 70%;
line-height: 1.4 !important;
font-size: 12.5px !important;
}
.f-content img {
width: 28px;
margin-right: 20px;
float: left;
}
.f-box.box-contact .f-content li {
margin-bottom: 15px;
line-height: 2.2;
}
.f-box .f-content li {
margin-bottom: 6px;
font-size: 13px;
}
.footer-links .f-box h4 {
font-weight: 400 !important;
color: #6a6b6d;
font-size: 18px;
}
.f-tel a {
font-size: 16px;
line-height: 1;
font-weight: 600;
}
.absolute-footer.dark.medium-text-center {
color: #fff;
padding: 5px 0;
} .content-left .content-box {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
padding: 15px 0 20px;
margin-bottom: 0;
}
.about-page .content-box {
float: left;
padding: 0;
}
.about-page .content-box img {
margin-bottom: 15px;
}
.contact-page .content-box img {
float: left;
height: 35px;
margin-right: 15px;
}
.contact-page .content-box h4 {
line-height: 1.2;
margin: 0;
font-weight: 400;
font-size: 16px;
}
.cms-content.contact-page .content-left .content-box span:nth-child(4) {
display: inline-block;
margin-left: 50px;
}
.cms-content.contact-page .content-box span {
display: inline-block;
width: 80%;
}
.cms-content.contact-page span,
.cms-content.contact-page a {
font-family: 'Roboto', sans-serif;
}
.cms-content .content-right {
border: 1px solid #ddd;
background: #f5f5f5;
margin-top: 20px;
padding: 10px 15px;
}
.cms-content .tri-ang {
border-left: 3px solid transparent;
border-right: 3px solid #2182b1;
border-top: 3px solid transparent;
left: -6px;
position: absolute;
top: 0;
z-index: 0;
}
.cms-logo span img {
background: #85c2df;
height: 60px;
display: inline-block;
padding: 10px;
}
.content-box h4 span {
margin-right: 10px;
}
.content-box li {
margin: 0;
font-size: 14px;
}
.cms-content .cms-title h2 {
margin: 0;
line-height: 1;
font-size: 1.3rem;
}
.cms-content .wpcf7-submit {
background: #000;
border-radius: 6px;
font-weight: 400 !important;
}
.cms-content .wpcf7-submit:hover {
background: #000;
}
.cms-content span.mark {
color: red;
margin-right: 5px;
}
.cms-content .content-box a {
font-weight: 600;
}
.howto-page .how-img {
padding: 0;
text-align: center;
}
.payment-page .content-box {
padding: 0 0 15px;
}
.k-bank {
border-left: 3px solid #00A149;
margin-bottom: 15px;
padding-left: 15px;
}
.scb-bank {
border-left: 3px solid #592272;
margin-bottom: 15px;
padding-left: 15px;
}
.content-box .bank {
padding: 0;
}
.confirm-three-box .text-center {
border: 2px solid #ddd;
box-shadow: none !important;
}
#seed-confirm-form input.btn.btn-primary {
background: #0d3360;
border: none !important;
}
#seed-confirm-form input.btn.btn-primary:hover {
background: #000;
}
.seed-confirm-time .form-inline {
display: flex;
}
.confirm-page .wpcf7 {
display: inline-block;
width: 100%;
}
.product-template-default th,
.product-template-default td,
.product-section {
border: none !important;
}
.product-info p.stock {
color: red;
}
.home-web-hosting .title p,
.home-vps .title p {
line-height: 1;
font-size: 1.3rem;
}
.home-vps li p {
color: #636363;
}
.home-web-hosting p,
.home-web-hosting .title h1,
.home-vps p,
.home-vps .title h1 {
margin: 0;
}
.home-web-hosting li,
.home-vps li {
margin: 0 !important;
list-style: none;
display: flex;
justify-content: space-between;
}
.home-web-hosting .col-inner .button:hover,
.home-vps .col-inner .button:hover {
background-color: #000;
}
.home-web-hosting .button,
.home-vps .button {
margin: 0 25px;
display: flex;
min-height: 30px;
align-items: center;
justify-content: center;
line-height: 1;
}
.home-web-hosting .col.side,
.home-vps .col.side {
background-color: #1b4b87;
border-radius: 12px;
padding: 30px;
margin: 0 15px 20px;
display: flex;
align-items: flex-end;
}
.home-web-hosting .side p,
.home-vps .side p {
line-height: 1.2;
color: #fff;
font-family: 'Noto Sans Thai', sans-serif;
font-size: 1.1rem;
}
.home-vps .side p:nth-child(2) {
margin-bottom: 30px;
font-size: 1.3rem;
}
.home-vps .side p:first-child {
font-size: 2rem;
line-height: 1;
font-weight: 600;
}
.home-web-hosting .side p:first-child {
font-size: 2rem;
line-height: 1;
font-weight: 600;
margin-bottom: 30px;
}
.home-vps .title {
border-radius: 12px 12px 0 0;
padding: 10px 13px;
color: #fff;
}
.home-web-hosting .title {
border-radius: 12px 12px 0 0;
padding: 10px 15px;
color: #fff;
}
.home-web-hosting .title h1,
.home-vps .title h1 {
color: #fff;
font-size: 1.5rem;
font-weight: 600 !important;
line-height: 1;
}
.home-vps .r2 .title,
.home-vps .r2 .button {
background-color: #30af9c;
}
.home-vps .r4 .title,
.home-vps .r4 .button {
background-color: #36a7c6;
}
.home-vps .r8 .title,
.home-vps .r8 .button {
background-color: #4a78af;
}
.home-vps .r16 .title,
.home-vps .r16 .button {
background-color: #305f9a;
}
.home-web-hosting .bronze .title,
.home-web-hosting .bronze .button {
background-color: #997331;
}
.home-web-hosting .silver .title,
.home-web-hosting .silver .button {
background-color: #696969;
}
.home-web-hosting .gold .title,
.home-web-hosting .gold .button {
background-color: #e0b935;
}
.home-web-hosting .diamond .title,
.home-web-hosting .diamond .button {
background-color: #699fdf;
}
.home-web-hosting .title span,
.home-vps .title span {
font-size: 1rem;
font-weight: 500;
}
.home-web-hosting .package .row>.col:nth-child(2n),
.home-vps .package .row>.col:nth-child(2n) {
padding-left: 8px;
}
.home-web-hosting .package .row>.col:nth-child(2n-1),
.home-vps .package .row>.col:nth-child(2n-1) {
padding-right: 8px;
}
.home-web-hosting ul,
.home-vps ul {
padding: 20px 8px 0;
font-family: 'Noto Sans Thai', sans-serif;
}
.home-web-hosting .bronze ul {
color: #997331;
}
.home-web-hosting .silver ul {
color: #696969;
}
.home-web-hosting .gold ul {
color: #e0b935;
}
.home-web-hosting .diamond ul {
color: #699fdf;
}
.home-vps .row>.col:not(:last-child) .col-inner>div {
background-color: #f9f9f9;
border-radius: 12px;
margin-bottom: 20px;
padding-bottom: 15px;
}
.home-web-hosting .row .col-inner .bronze {
background-color: #fffcf5;
border-radius: 12px;
margin-bottom: 20px;
padding-bottom: 15px;
}
.home-web-hosting .row .col-inner .silver {
background-color: #f9f9f9;
border-radius: 12px;
margin-bottom: 20px;
padding-bottom: 15px;
}
.home-web-hosting .row .col-inner .gold {
background-color: #fffcf5;
border-radius: 12px;
margin-bottom: 20px;
padding-bottom: 15px;
}
.home-web-hosting .row .col-inner .diamond {
background-color: #f6faff;
border-radius: 12px;
margin-bottom: 20px;
padding-bottom: 15px;
}
.home-web-hosting .check li,
.home-vps .check li {
justify-content: flex-start;
align-content: center;
}
.home-web-hosting .check img,
.home-vps .check img {
width: 18px;
margin-right: 10px;
}
.home-web-hosting .check ul {
display: flex;
padding: 0;
flex-wrap: wrap;
justify-content: flex-start;
margin: 0;
}
.home-vps .check ul {
display: flex;
padding: 0;
flex-wrap: wrap;
justify-content: flex-end;
margin: 0;
}
.home-web-hosting .check span,
.home-vps .check span {
font-size: 0.9rem;
margin-right: 10px;
color: #636363;
}
.home-reason .icon-box h5 {
color: #1b4b87;
font-weight: 500 !IMPORTANT;
font-size: 1.2rem;
}
.home-reason .icon-box p {
color: #696969;
line-height: 1.4;
font-size: 1rem;
}
.home-contact {
height: 500px;
}
.home-contact .section-content {
height: 100%;
}
.home-contact ul {
list-style: none;
width: 100%;
margin: 0;
}
.home-contact .ul1 {
display: flex;
flex-direction: column;
justify-content: space-between;
}
.home-contact .row {
justify-content: flex-end;
}
.section.home-contact h4 {
font-weight: 600 !important;
margin: 0;
line-height: 1.3;
color: #fff;
}
.section.home-contact .ul1 p {
font-size: 1rem;
font-weight: 300;
font-family: 'Noto Sans Thai', sans-serif;
}
.section.home-contact p,
.section.home-contact li {
margin: 0;
line-height: 1.3;
color: #fff;
}
.home-contact ul li {
display: flex;
align-items: center;
}
.home-contact .ul1 li:last-child {
margin: 20px 0;
}
.home-contact .contact {
display: flex;
align-items: flex-start;
flex-direction: column;
}
.home-contact .col-inner {
display: flex;
}
.home-contact .ul1 {
height: 100%;
width: 100%;
}
.home-contact .ul2 img {
width: 35px;
}
.home-contact .ul1 img {
width: 40px;
}
.home-contact img {
margin-right: 20px;
}
.home-contact a {
color: #fff;
font-weight: 600;
}
.home-contact a:hover {
color: #3c95ff;
}
.home-contact .ul2 li:nth-child(2) {
margin: 18px 0;
}
h2.host-service {
font-family: 'Roboto', sans-serif !important;
font-size: 2rem;
font-weight: 500 !important;
text-align: center;
color: #414141;
margin-bottom: 15px;
}
.banner-host p {
font-family: 'Noto Sans Thai',sans-serif;
font-size: 1.2rem;
color: #fff;
}
.banner-host p span {
color: #FFBD15;
font-weight: 700;
}
.our-service {
display: flex;
flex-direction: column;
}
.our-service .service {
text-align: center;
margin-bottom: 15px;
padding: 0;
}
.home-select.host-pack .service .wrap {
box-shadow: 0 2px 6px rgb(0 0 0 / 60%);
}
.service.s2 .wrap {
background-color: #999;
border-radius: 8px;
width: 100%;
}
.service .wrap {
box-shadow: 0 2px 6px rgb(0 0 0 / 60%);
}
.service.s2 .s-head {
background-color: #888;
}
.service .s-head {
font-family: 'Roboto', "Noto Sans Thai", sans-serif;
border-radius: 5px 5px 0 0;
font-size: 1.4rem;
color: #fff;
padding: 7px;
}
.service .s-img {
padding: 30px;
}
.fa,
.fas {
font-family: 'Font Awesome 5 Pro';
font-weight: 900;
}
.service i {
font-size: 4rem;
color: #fff;
}
.service .s-text {
padding: 15px;
background-color: rgba(255, 255, 255, 0.15);
color: #fff;
font-size: 0.9rem;
}
.service.s2 .s-buy {
background-color: #999;
}
.service .s-buy {
font-family: 'Roboto', "Noto Sans Thai", sans-serif;
padding: 5px 5px 9px;
color: #fff;
font-size: 1.1rem;
border-radius: 0 0 5px 5px;
width: 100%;
transition: 0.3s;
box-shadow: 0 -4px 0 rgb(0 0 0 / 30%) inset;
}
.s-buy a {
color: #fff;
width: 100%;
display: block;
}
.service h4 {
color: #fff;
margin: 15px 0 0 0;
font-size: 1.1rem;
}
.service.s3 .s-head {
background-color: #27b6be;
}
.service.s3 .wrap {
background-color: #2ac3cb;
border-radius: 8px;
width: 100%;
}
.service.s4 .s-head {
background-color: #3D4D6E;
}
.service.s4 .wrap {
background-color: #455670;
border-radius: 8px;
width: 100%;
}
.service .s-img img {
height: 62px;
}
.s-buy a:hover {
color: #fff;
}
.service .s-buy:hover {
background-color: rgba(0, 0, 0, 0.3);
}
.home-select h2 {
text-align: center;
padding-top: 20px;
font-size: 2rem;
}
.host-package {
display: flex;
flex-direction: column;
}
.host-package .inner li,
.host-package .inner ul {
margin: 0;
}
.host-package .inner:nth-child(5) .p-head {
background-color: #699fdf;
}
.host-package .inner:nth-child(4) .p-head {
background-color: #e0b935;
}
.host-package .inner:nth-child(3) .p-head {
background-color: #696969;
}
.host-package .inner:nth-child(2) .p-head {
background-color: #CD7F32;
}
.host-package .inner:nth-child(2) .pack {
background-color: #f6faff;
}
.host-package .inner:nth-child(3) .pack {
background-color: #f6faff;
}
.host-package .inner:nth-child(4) .pack {
background-color: #f6faff;
}
.host-package .inner:nth-child(5) .pack {
background-color: #f6faff;
}
.host-package.host-vps .inner .pack {
background-color: #f6faff;
}
.p-buy {
padding: 10px 0;
}
.host-package .inner {
margin-bottom: 25px;
}
.host-package .pack {
border-radius: 20px;
box-shadow: 0 1px 6px rgb(0 0 0 / 20%);
}
.host-package .p-head {
color: #fff;
text-align: center;
padding: 15px;
text-shadow: 0 1px 1px rgb(0 0 0 / 20%);
border-radius: 20px 20px 0 0;
}
.host-package .p-head i {
font-size: 3rem;
}
.host-package .p-head h2 {
color: #fff;
font-size: 1.4rem;
margin: 5px 0 0 0;
}
.host-package .p-price {
text-align: center;
font-family: 'Roboto', "Noto Sans Thai", sans-serif;
font-size: 1.5rem;
color: #3C3C3C;
padding: 10px 15px;
font-weight: 600;
background-color: #fff;
border-bottom: 1px solid #E2E2E2;
}
.host-package .p-text {
color: #555;
}
.host-package .p-text li:nth-child(5) span.right, 
.host-package .p-text li:nth-child(6) span.right {
color: #45D014;
}
.host-package .p-text li:nth-child(odd) {
background-color: #fff;
}
.host-package .p-text li {
padding: 8px 5px;
list-style: none;
background-color: #EEF5FF;
display: flex;
justify-content: center;
}
.host-package .p-text li:nth-child(4) span.left {
padding: 0 5px 0 5px;
}
.host-package .p-text li span.right {
padding: 0 0 0 5px;
}
.host-package .p-buy a {
font-family: 'Roboto', "Noto Sans Thai", sans-serif;
text-align: center;
font-size: 1.2rem;
padding: 5px 10px;
width: 100%;
display: block;
color: #fff;
text-shadow: 0 1px 1px rgb(0 0 0 / 20%);
background-color: rgba(0, 0, 0, 0.1);
width: 82px;
margin: 0 auto;
border-radius: 20px;
}
.host-package .inner .pack .p-buy a:hover,
.host-package.host-vps .inner .pack .p-buy a:hover {
background-color: #000;
}
.host-package .p-buy {
border-radius: 0 0 20px 20px;
}
.host-package .inner:nth-child(2) .p-buy {
background-color: #CD7F32;
}
.host-package .inner:nth-child(3) .p-buy {
background-color: #696969;
}
.host-package .inner:nth-child(4) .p-buy {
background-color: #e0b935;
}
.host-package .inner:nth-child(5) .p-buy {
background-color: #699fdf;
}
.page-id-1420 .host-package .inner:nth-child(2) .p-head,
.page-id-1420 .host-package .inner:nth-child(2) .p-buy {
background-color: #00D0B1;
}
.page-id-1420 .host-package .inner:nth-child(3) .p-head,
.page-id-1420 .host-package .inner:nth-child(3) .p-buy {
background-color: #01ADDC;
}
.page-id-1420 .host-package .inner:nth-child(4) .p-head,
.page-id-1420 .host-package .inner:nth-child(4) .p-buy {
background-color: #387BCC;
}
.page-id-1420 .host-package .inner:nth-child(5) .p-head,
.page-id-1420 .host-package .inner:nth-child(5) .p-buy {
background-color: #1b4b87;
}
.email-detail {
margin-bottom: 30px;
}
.email-dt-box {
padding-bottom: 30px;
}
.email-detail h2 {
font-family: 'Noto Sans Thai', sans-serif !important;
font-size: 2.5rem;
margin: 20px 0 10px 0;
}
.email-dt-box h2 img {
width: 50px;
margin: -29px 10px 0 0;
}
.email-dt-box p {
font-size: 1rem;
}
.why-email {
margin: 30px 0;
}
.why-email.buy {
padding: 50px 0;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}
.why-email h2 {
font-size: 2rem;
font-family: 'Roboto', 'Noto Sans Thai', sans-serif !important;
font-weight: 500 !important;
text-align: center;
}
.com-mail-pack {
display: flex;
flex-flow: column;
}
.mail-pack-in {
border-radius: 8px;
background: url(//thaismart.cloud/wp-content/themes/thaismartcloud/images/ox-5gb.svg) no-repeat 0 12px #fff;
background-size: 100px;
margin-bottom: 15px;
width: 100%;
padding: 15px 15px 15px 120px;
}
.mail-pack p {
font-size: 1rem;
}
.host-pack-in .icon-img {
background-color: #45b9c4;
height: 100%;
border-radius: 100%;
padding: 20px;
margin: 0 20px 0 0;
}
.host-pack-in {
display: flex;
}
.email-page .why-us .box-text h4 {
color: #3d68bb;
font-weight: 600 !important;
font-size: 1.1rem;
}
.email-page .wpforms-form  {
background-color: #f8f8f8;
border-radius: 10px;
}
.email-page .why-us .box-image img {
width: 60px;
min-height: 65px;
}
.email-page .software .box-image img {
width: 65px;
}
.email-page .why-us .box-image {
text-align: center;
}
.email-page .why-us .title p {
margin: 0;
color: #686868;
font-size: 1.3rem;
font-family: 'Roboto',"Noto Sans Thai",sans-serif;
}
.email-page .why-us .title span {
color: #3d68bb;
font-weight: 600 !important;
}
.email-page .why-us .title h1 {
font-size: 1.8rem;
color: #686868;
}
.business-form .wpforms-field-container input, 
.business-form .wpforms-field-container select, 
.business-form .wpforms-field-container textarea {
border-radius: 22px !important;
}
.wpforms-container .wpforms-form .wpforms-submit-container button.wpforms-submit {
font-size: 16px !important;
}
.mail-pack h3 {
font-size: 1.5rem;
margin: 0 0 5px 0;
color: #01C6DA;
}
.sell-bt-mini {
margin-top: 8px;
}
.sell-bt-mini a {
font-family: 'Roboto', "Noto Sans Thai", sans-serif;
font-size: 1rem;
padding: 0 10px;
border-radius: 3px;
background-color: #01C6DA;
color: #fff;
}
.mail-pack:nth-child(2) .mail-pack-in {
border-radius: 8px;
background: url(//thaismart.cloud/wp-content/themes/thaismartcloud/images/ox-30gb.svg) no-repeat 0 50% #f8f8f8;
background-size: 100px;
float: left;
width: 100%;
padding: 15px 15px 15px 110px;
}
.mail-pack:nth-child(2) .sell-bt-mini a {
background-color: #25AAE2;
}
.sell-bt-mini a:hover {
color: #fff;
background-color: #000 !important;
}
.why-email h2 span {
color: #25AAE2;
}
.mail-box img {
width: 160px;
}
.mail-why h3 {
margin: 0;
font-size: 1.5rem;
}
.mail-why {
display: flex;
flex-flow: column;
text-align: center;
background-color: #f8f8f8;
border-radius: 20px;
}
.mail-box {
padding: 30px 0;
border-bottom: 1px solid #ddd;
}
.terms-content ol {
list-style-type: none;
counter-reset: item;
margin: 0;
padding: 0;
}
.terms-content ol>li {
display: table;
counter-increment: item;
margin-bottom: 0.6em;
margin-left: 0 !important;
}
.terms-content ol>li:before {
content: counters(item, ".") ". ";
display: table-cell;
padding-right: 0.6em;
}
.terms-content li ol>li:before {
content: counters(item, ".") " ";
}
.terms-content h1,
.terms-content h3 {
margin-bottom: 0.3em;
}
.terms-content {
column-count: 2;
column-gap: 40px;
column-rule-style: solid;
column-rule-color: #ddd;
}
.website .web-content {
display: grid;
grid-template-columns: repeat(1,1fr);
}
.website .web-content>div {
background-color: #eee;
border-radius: 15px;
margin: 0 10px 15px;
text-align: center;
}
.container.domainpage h2 {
margin: 20px 0 0 0;
}
.website .web-content p {
margin: 0;
}
.website a {
width: 100%;
display: block;
background-color: rgb(13, 51, 96);
color: #fff;
padding: 5px 0;
font-family: 'Noto Sans Thai', sans-serif;
border-radius: 0 0 15px 15px;
}
.website i {
color: #333;
font-size: 4rem;
min-height: 80px;
display: flex;
align-items: center;
}
.website .one-page svg {
width: 40px;
}
.website .sale-page svg {
width: 80px;
}
.website .content {
padding: 30px 10px;
min-height: 190px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
}
.web-content h4 {
margin: 0 !important;
}
.website a:hover {
background-color: #3c95ff;
color: #fff;
}
#seed-confirm-form .input-text,
#seed-confirm-form .form-control {
display: block;
width: 100%;
padding: 0.375rem 0.75rem;
font-size: 1rem;
line-height: 1.5;
color: #495057;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da !important;
border-radius: 0.25rem;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
#seed-confirm-form .input-text:focus,
#seed-confirm-form .form-control:focus,
.wpforms-form .input:focus,
.wpforms-form .textarea:focus {
color: #495057;
background-color: #fff;
border-color: #80bdff;
outline: 0;
box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%) !important;
}
.section.home-reason {
padding: 50px 0 0 0 !important;
} .host-package-nvme .item .inner:nth-child(1) .pack .p-head,
.host-package-nvme .item .inner:nth-child(1) .pack .p-buy{
background-color: #B9D4DD;
}
.host-package-nvme .item .inner:nth-child(2) .pack .p-head,
.host-package-nvme .item .inner:nth-child(2) .pack .p-buy {
background-color: #A6CCD5;
}
.host-package-nvme .item .inner:nth-child(3) .pack .p-head,
.host-package-nvme .item .inner:nth-child(3) .pack .p-buy {
background-color: #82C4D8;
}
.host-package-nvme .item .inner:nth-child(4) .pack .p-head,
.host-package-nvme .item .inner:nth-child(4) .pack .p-buy {
background-color: #3C93AE;
}
.host-package-nvme .item .inner:nth-child(5) .pack .p-head,
.host-package-nvme .item .inner:nth-child(5) .pack .p-buy {
background-color: #2D79A6;
}
.host-package-nvme .item .inner:nth-child(6) .pack .p-head,
.host-package-nvme .item .inner:nth-child(6) .pack .p-buy {
background-color: #1F5479;
}
.host-package-nvme .item .inner:nth-child(7) .pack .p-head,
.host-package-nvme .item .inner:nth-child(7) .pack .p-buy {
background-color: #162F4A;
}
.host-package-nvme .item .inner:nth-child(8) .pack .p-head,
.host-package-nvme .item .inner:nth-child(8) .pack .p-buy {
background-color: #132F57;
}
.host-package-nvme .item .inner .pack .p-price{
color: #000000;
border-bottom: 1px solid #E2E2E2;
text-align: center;
font-family: 'Roboto', "Noto Sans Thai", sans-serif;
font-size: 1rem;
color: #3C3C3C;
padding: 10px 15px;
font-weight: 600;
background-color: #fff;
}
.host-package-nvme .item .inner .pack .p-price span{
font-size: 1.5rem;
}
.host-package-nvme .item .inner .pack .p-buy a,
.host-package-nvme .item .inner .pack .p-head h2{
color: #ffffff;
}
.host-package-nvme .item .inner .pack .p-buy a {
border-radius: 20px;
text-shadow: 0 1px 1px rgb(0 0 0 / 20%);
background-color: rgba(0, 0, 0, 0.25);
padding: 5px 20px;
font-family: 'Roboto', "Noto Sans Thai", sans-serif;
}
.host-package-nvme .item .inner .pack .p-buy a:hover {
background-color: #000;
}
.host-package-nvme .item .inner .pack{
text-align: center;
}
.host-package-nvme .item .inner .pack .p-head h2 {
margin: 0;
text-shadow: 0 1px 1px rgb(0 0 0 / 20%);
font-weight: 600 !important;
font-size: 1.8rem;
}
.host-package-nvme .item .inner .pack .p-head{
padding: 20px 0;
border-radius: 20px 20px 0 0;
}
.host-package-nvme .item .inner .pack .p-price{
padding: 15px 0;
}
.host-package-nvme .item .inner .pack .p-buy{
border-radius: 0 0 20px 20px;
padding: 20px 0;
}
.host-package-nvme .pack {
border-radius: 20px;
box-shadow: 0 1px 6px rgb(0 0 0 / 20%);
}
.host-package-nvme .p-text li:nth-child(odd) {
background-color: #fff;
}
.host-package-nvme .p-text ul{
margin: 0;
}
.host-package-nvme .p-text li {
padding: 8px 20px;
list-style: none;
background-color: #EEF5FF;
display: flex;
justify-content: center;
margin: 0;
}
.host-package-nvme .item {
display: grid;
grid-template-columns: repeat(1,1fr);
grid-gap: 30px;
}
.nvme-service h2 {
font-family: 'Roboto', sans-serif !important;
font-size: 2rem;
font-weight: 500 !important;
text-align: center;
color: #414141;
margin-bottom: 0;
margin-top: 0;
}
.nvme-service p{
color: #414141;
text-align: center;
}
.nvme-service {
padding: 40px 0;
}  .host-package.host-vps.container {
padding: 15px;
}
.host-package.host-vps .inner:nth-child(6) .p-head,
.host-package.host-vps .inner:nth-child(6) .p-buy {
background-color: #1F5479;
}
.host-package.host-vps .inner:nth-child(5) .p-head,
.host-package.host-vps .inner:nth-child(5) .p-buy {
background-color: #2D79A6;
}
.host-package.host-vps .inner:nth-child(4) .p-head,
.host-package.host-vps .inner:nth-child(4) .p-buy {
background-color: #3C93AE;
}
.host-package.host-vps .inner:nth-child(3) .p-head,
.host-package.host-vps .inner:nth-child(3) .p-buy {
background-color: #82C4D8;
}
.host-package.host-vps .inner:nth-child(2) .p-head,
.host-package.host-vps .inner:nth-child(2) .p-buy {
background-color: #A6CCD5;
}
.host-package.host-vps .inner:nth-child(1) .p-head,
.host-package.host-vps .inner:nth-child(1) .p-buy {
background-color: #B9D4DD;
}
.host-package.host-vps .item {
display: grid;
grid-template-columns: repeat(1,1fr);
grid-gap: 25px;
padding: 0;
width: 100%;
}
.host-package.host-vps .item .inner {
width: 100%;
padding: 0;
}
.host-package.host-vps .p-head h2{
margin: 0;
text-shadow: 0 1px 1px rgb(0 0 0 / 20%);
font-weight: 600 !important;
font-size: 1.8rem;
} .email-page .content .col-inner {
background-color: #fff;
padding: 30px;
}
.email-page .content h4 {
color: #3d68bb;
font-weight: 600 !important;
}
.email-page .content p {
color: #686868;
line-height: 1.4;
margin: 0;
}
.for-website-page .contact-box {
display: flex;
flex-wrap: wrap;
}
.for-website-page .cms-col li {
list-style: none;
margin-left: 0;
}
.for-website-page i {
margin-right: 8px;
font-size: 1.2rem;
}
.for-website-page .cms-col ul {
margin-bottom: 30px;
}
.for-website-page .cms-col .icon-box {
border-radius: 100px;
padding: 5px 8px;
background-color: #f8f8f8;
border-bottom: 3px solid #ddd;
align-items: center;
}
.for-website-page .col {
max-width: 400px;
margin-right: auto;
}
.for-website-page p {
font-size: 16px;
}
.for-website-page .wpforms-field-container .wpforms-field-content p {
font-size: 15px;
}
.wpforms-container .wpforms-field-container .wpforms-field-label {
font-size: 15px !important;
}
.for-website-page .wpforms-form .wpforms-field-container .wpforms-field.wpforms-field-content {
padding: 0;
}
.for-website-page .wpforms-form {
background-color: #f8f8f8;
border: 2px solid #eee;
border-radius: 10px;
}
.for-website-page > h2 {
text-align: center;
margin: 0 0 40px;
}
.how-to-page .icon-box-text p {
font-size: 15px;
}
.how-to-page .icon-box {
align-items: center;
}
@media (min-width: 425px) { .home-web-hosting .title h1,
.home-vps .title h1 {
font-size: 2rem;
}
.web.pack.info-site.container li.tab.has-icon {
padding: 0 15px;
}
.domain-pack.four-column.pricing-table {
grid-template-columns: repeat(2,1fr);
}
}
@media (min-width: 480px) { .host-package-nvme .item {
grid-template-columns: repeat(2,1fr);
} }
@media (min-width: 540px) {
.home-web-hosting .check ul {
justify-content: flex-end;
}
}
@media (min-width: 550px) { .host-customer .esg-filters.esg-navbutton-solo-left {
right: 100%;
}
.host-customer .esg-filters.esg-navbutton-solo-right {
left: 100%;
}
.host-package span.recommend {
top: 45%;
transform: translate(0, 38%);
}
.col.logo-host-thaismart {
padding-bottom: 0;
}
.service-box {
margin: 30px 0;
}
.service-box .box-text.text-center {
padding: 0;
}
.wordpress-hosting-banner .img {
margin-bottom: 0 !important;
}
.wordpress-package .host-package span.recommend {
transform: translate(0, -8%);
}
.wordpress-hosting-banner .banner:first-child {
display: none;
}
.wordpress-hosting-banner .banner:nth-child(2) {
display: block !important;
}
}
@media (min-width: 768px) {
.website-pack .package:last-child .pack-logo {
border-radius: 0 22px 0 0;
}
.website-pack .package:last-child {
border-right: 1px solid #3d96ff21;
}
.email-page .content {
padding-left: 0;
}
.email-page .img {
padding-right: 0;
}
.email-page .content .col-inner {
padding: 10px 30px;
height: 100%;
}
.email-page .img * {
height: 100%;
}
.email-page .row {
justify-content: center;
}
.com-mail-pack > div {
width: 50%;
}
.for-website-page .contact-box {
margin: 0 -15px;
}
.for-website-page .contact-box .cms-col {
width: 50%;
padding: 0 15px;
} .host-package.host-vps .item {
grid-template-columns: repeat(3,1fr);
} .faq.container .faq-img {
max-width: 30%;
flex-basis: 30%;
padding: 0 25px 0 0;
}
.faq.container .faq.page{
max-width: 70%;
flex-basis: 70%;
}
.faq.container {
display: flex;
}
.web.pack.info-site.container li.tab.has-icon span {
font-size: 1rem;
}
.domain-pack .sub-pbox {
margin: 0 8px 15px;
}
.domain-pack.four-column.pricing-table {
grid-template-columns: repeat(3,1fr);
grid-gap: 0;
}
.website-service.container .tabbed-content li.tab.has-icon {
padding: 0 15px;
}
.website-pack .package:last-child {
border-right: 0;
}
.website-pack .package {
border-right: 1px solid #3d96ff21;
border-bottom: 0;
}
.website-pack {
display: grid;
grid-template-columns: repeat(3,1fr);
}
.website-pack.m2,
.website-pack.web-pack.salepages{
grid-template-columns: repeat(3,1fr);
max-width: 1200px;
}
.website-pack.onepage {
grid-template-columns: repeat(2,1fr); 
}
.home-reason .col:first-child .text p {
font-size: 1.6rem;
}
.form-contact .wpforms-container .wpforms-form .wpforms-field:nth-child(2n-1) {
padding-right: 15px;
}
.form-contact .wpforms-container .wpforms-form .wpforms-field:nth-child(2n) {
padding-left: 15px;
}
.form-contact .wpforms-container .wpforms-form .wpforms-field {
width: 50%;
display: inline-block;
}
.form-contact .wpforms-container .wpforms-form .wpforms-field.wpforms-field-textarea {
width: 100%;
padding: 10px 0;
}
.website .web-content {
grid-template-columns: repeat(2,1fr);
}
.mail-box:nth-child(odd) {
}
.mail-why {
flex-flow: row wrap;
}
.mail-box {
width: 50%;
}
.com-mail-pack .mail-pack:nth-child(2) {
padding-left: 8px;
}
.com-mail-pack .mail-pack:nth-child(1) {
padding-right: 8px;
}
.com-mail-pack {
flex-flow: row wrap;
justify-content: center;
}
.email-detail {
background: url(//thaismart.cloud/wp-content/themes/thaismartcloud/images/business-email.jpg) no-repeat 0 50% #f8f8f8;
background-size: 100%;
}
.email-detail .email-dt-box:nth-child(2) {
display: none;
}
.email-dt-box {
padding: 30px;
width: 400px;
background-color: rgba(255, 255, 255, 0.8);
font-size: 1rem;
height: 500px;
}
.our-service .service {
width: calc(100%/2);
}
.host-package .inner {
width: 50%;
padding: 10px;
}
.host-package {
flex-direction: row;
flex-wrap: wrap;
}
.our-service {
flex-direction: row;
justify-content: center;
}
.service.s2 {
margin-right: 15px;
}
.home-contact .ul2 {
display: flex;
flex-direction: column;
height: 100%;
justify-content: space-between;
}
.home-contact ul {
width: 90%;
}
.home-contact .section-content {
display: flex;
align-items: center;
}
.home-contact {
height: 260px;
}
.home-contact .ul1 {
margin-left: -52px;
margin-right: 30px;
}
.home-contact .ul1 li:last-child {
margin: 20px 0 0 0;
}
.home-contact .contact {
flex-direction: row;
}
.home-web-hosting .check li:last-child span,
.home-vps .check li:last-child span {
margin-right: 0;
}
.home-web-hosting .check span,
.home-vps .check span {
font-size: 1rem;
margin-right: 30px;
}
.home-web-hosting .check img,
.home-vps .check img {
width: 25px;
}
.home-web-hosting .row,
.home-vps .row {
padding: 0 5px !important;
}
.home-web-hosting .package .row>.col,
.home-vps .package .row>.col {
padding: 0 10px !important;
} .vps-bg h2.host-service {
font-size: 1.8rem;
}
.vps-bg .host-package-head p {
font-size: 1.2rem;
}
.logo-host-thaismart {
border-right-width: 5px;
border-right-color: #ffffff30;
border-right-style: dotted;
padding-bottom: 0;
height: 106px;
min-width: 106px;
}
.logo-host-thaismart .img {
width: 100% !important;
padding-top: 30px;
}
.magento-hosting .host-package.host-vps .inner:nth-child(2) {
margin-top: 0 !important;
}
.magento-hosting .host-package span.recommend {
top: 0;
transform: translate(0, -15%);
left: 80%;
}
.host-package .inner {
margin-bottom: 0;
}
.magento-hosting .host-package .inner:nth-child(2) .pack .p-head img {
width: 50px;
}
.course-info .img {
width: 20% !important;
}
.wordpress-package .host-package .inner:nth-child(3) {
margin-top: 0;
}
.wordpress-package .host-package .inner:nth-child(3) .p-head img {
width: 36px;
}
.wordpress-package .host-package span.recommend {
transform: translate(0, 6%);
left: 82%;
top: 5%;
}
.wordpress-hosting-banner .text-box h3 {
font-size: 4rem;
}
.wordpress-hosting-banner .text-box p {
font-size: 3rem;
}
.banner.hide-for-small {
padding-top: 220px !important;
} .form-contact form {
max-width: 600px;
margin: auto;
}
.about-page section {
padding: 30px 40px;
}
.data-table-definition-list tbody th,
.data-table-definition-list tbody td {
display: table-cell;
}
.data-table-definition-list thead {
display: table-header-group;
}
#seed-confirm-form input.btn.btn-primary {
margin: 0;
}
.cms-menu li:hover {
background: #4bb9ed;
}
.how-col .how-text {
border: medium none;
padding-top: 0;
display: inline-block;
padding: 0 0 15px 15px;
}
.howto-page .how-img {
float: left;
text-align: left;
}
.cms-page .cms-menu {
padding: 0 15px 0 0;
}
.cms-page .cms-content {
display: inline-block;
width: 100%;
}
.cms-menu li img,
.cms-menu li.contact-us img {
width: 30px;
margin: 10px;
padding: 0;
filter: brightness(10);
}
.cms-menu li:last-child {
border-radius: 0 0 12px 12px;
}
.cms-page .left-menu {
float: left;
padding: 0;
}
.cms-menu li {
display: block;
background-color: #000;
padding: 10px 0;
font-family: 'Roboto', 'Noto Sans Thai', sans-serif;
margin: 0 10px 0 0 !important;
}
.cms-menu li span {
display: block;
}
.cms-menu li a {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
color: #fff;
}
.cms-menu ul {
background-color: #4bb9ed;
border-radius: 12px;
display: block;
}
.cms-menu li:first-child {
border-radius: 12px 12px 0 0;
}
.howto-menu li.how-to-order,
.payment-menu li.payment,
.ship-menu li.shipping,
.confirm-menu li.confirm-payment,
.policy-menu li.privacy-policy {
background: #4bb9ed;
} .home-products .p-left {
padding-right: 0;
}
.line1:after {
content: '';
margin: 0 20px;
border-right: 1px solid #999999;
height: 50px;
}
.about-more>div {
width: auto;
}
.about-more {
display: flex;
flex-wrap: wrap;
}
.about-more .line1>div:not(.qr-img),
.about-more .line2>div:not(.qr-img) {
width: auto;
margin-right: 30px;
}
.about-tax img {
margin-right: 15px;
}
.about-tax span {
font-size: 1rem;
}
.f-about .about-address {
margin-bottom: 30px;
}
.f-about .about-address a {
margin: 0 0 0 30px;
}
.f-about .about-address p:nth-child(3) {
width: auto;
} .content-box .bank {
float: left;
}
.cms-content .content-left,
.cms-content .content-right {
float: left;
}
.confirm-page>.content-box {
float: left;
}
.cms-page .howto-menu li:nth-child(1) a h4,
.cms-page .pay-menu li:nth-child(2) a h4,
.cms-page .ship-menu li:nth-child(3) a h4,
.cms-page .confirm-menu li:nth-child(4) a h4 {
color: #fff;
}
.cms-page .howto-menu li:nth-child(1) a .fa,
.cms-page .pay-menu li:nth-child(2) a .fa,
.cms-page .ship-menu li:nth-child(3) a .fa,
.cms-page .confirm-menu li:nth-child(4) a .fa {
color: #fff;
background: #81001f;
}
.cms-page .left-menu .fa {
background: #d8d8d8;
height: 38px;
width: 38px;
font-size: 1.3rem;
text-align: center;
display: inline-block;
margin: 0;
line-height: 1.8;
}
.cms-page .left-menu a h4 {
color: #333533;
display: inline;
font-size: 0.9rem;
font-weight: 400;
font-family: 'Roboto', 'Noto Sans Thai';
line-height: 1.3;
margin-left: 5px;
top: -2px;
position: relative;
} .home-two-banner .col:first-child {
margin-bottom: 0;
padding: 0 8px 0 0;
}
.home-two-banner .col:last-child {
padding: 0 0 0 8px;
} .youtube-content {
width: 100%;
-js-display: flex;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
.youtube-title h4 {
margin: 4px 0;
width: auto;
display: inline-block;
}
.youtube-title a {
display: inline-block;
width: auto;
float: right;
}
.home-youtube .section-content .col:first-child {
margin-bottom: 0;
} .home-products .esg-pagination {
position: absolute;
right: 90px;
top: -44px;
height: 12px;
}
.home-products .esg-filters.esg-navbutton-solo-left,
.home-products .esg-filters.esg-navbutton-solo-right {
top: 30%;
}
.product-title img {
width: 50px;
margin-right: 12px;
}
.product-title h4 {
font-size: 1.7rem;
}
.product-title {
margin: 0 0 15px;
}
.home-recommend .medium-3 {
max-width: 52%;
-ms-flex-preferred-size: 52%;
flex-basis: 52%;
padding: 0 0 0 15px;
}
.home-recommend .medium-9 {
max-width: 48%;
-ms-flex-preferred-size: 48%;
flex-basis: 48%;
padding: 0 15px 0 30px;
}
.home-recommend .esg-entry-media-wrapper {
padding: 0 25px;
}
.home-products.home-recommend .esg-pagination {
right: 0;
top: -20px;
} .blog-title {
margin: 0 0 15px;
}
.home-blog .col-blog {
max-width: 55%;
-ms-flex-preferred-size: 55%;
flex-basis: 55%;
}
.home-blog .col-youtube {
max-width: 45%;
-ms-flex-preferred-size: 45%;
flex-basis: 45%;
padding-left: 0;
}
.home-blog .esg-pagination {
position: absolute;
right: 100px;
top: -44px;
height: 12px;
} .footer-links .f-box h4 {
margin-bottom: 15px;
}
.footer-links .box-follow h4 {
margin-bottom: 0;
}
.newsletter.newsletter-subscription {
margin-top: 45px;
}
.footer-links ul.f-content {
margin: 0;
}
.footer-links .f-box {
margin-bottom: 0;
} .how-img:after {
border-color: transparent transparent transparent #D8D8D8;
border-width: 10px 0 10px 10px;
left: unset;
top: 50%;
margin: 0;
right: -15px;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.cms-content .content-left {
padding: 0 30px 0 0;
}
.about-page .content-box:nth-child(2) {
padding: 30px 0 0 30px;
}
.payment-page .content-box:nth-child(1) {
padding: 0 15px 0 0;
}
.payment-page .content-box:nth-child(2) {
padding: 0 0 0 15px;
}   .google-ws .page-title h1 {
font-size: 2.5rem;
}
.page-id-1530 main#main {
background-size: 2100px;
} }
@media (min-width: 850px) {
.form-contact .wpforms-container .wpforms-form .wpforms-field.wpforms-field-textarea textarea {
min-height: 60px;
height: 104px;
}
.why-email {
margin: 100px 0;
}
.home-web-hosting .title,
.home-vps .title {
padding: 20px 25px;
}
.home-contact .ul1 {
margin-left: -68px;
}
.service.s2,
.service.s3 {
margin-right: 15px;
} .vps-bg .section-content.relative {
padding: 0;
}
.logo-host-thaismart.col {
padding-bottom: 0;
}
.host-package-head {
width: max-content !important;
padding: 28px 50px 33px 50px;
}
.vps-bg h2.host-service {
font-size: 2.6rem;
}
.vps-bg .host-package-head p {
font-size: 1.5rem;
}
.host-package span.recommend {
left: 80%;
top: 45%;
transform: translate(0, 16%);
}
.host-package.host-vps .inner:nth-child(2) {
margin-top: 0 !important;
}
.wordpress-course {
background-image: url(//thaismart.cloud/wp-content/themes/thaismartcloud/images/bg.jpg);
background-repeat: no-repeat;
background-size: 100% 42%;
background-position: 0 5%;
}
.wordpress-course .course-info h4.edit-head-title {
font-size: 2rem;
}
.wordpress-course .course-info p {
font-size: 1.5rem;
}
.wordpress-course .course-info h4 {
font-size: 3rem;
}
.wordpress-package .host-package span.recommend {
transform: translate(0, 20%);
}
.wordpress-hosting-banner .banner:first-child {
display: block;
}
.wordpress-hosting-banner .banner:nth-child(2) {
display: none !important;
}
.wordpress-hosting-banner .text-box .btn-contact {
margin-top: 60px;
}
.wordpress-hosting-banner .text-box span.number {
font-size: 5rem;
}
.support-banner .img {
width: 44% !important;
}
}
@media (min-width: 992px) {
.email-page .content h4 {
font-size: 1.3rem;
}
.email-page .content p {
font-size: 0.95rem;
} .host-package.host-vps .item {
grid-template-columns: repeat(4,1fr);
}  .host-package-nvme .item {
grid-template-columns: repeat(4,1fr);
} div.wpforms-container-full {
margin: 0 auto !important; 
}
.confirm-payment.page .confirm-group-two,
.quotation.page .quotation-group-two{
display: flex;
grid-gap: 25px;
}
.confirm-payment.page .confirm-group-two .text-info,
.quotation.page .quotation-group-two .text-info{
max-width: 35%;
flex-basis: 35%;
height: 100%;
}
.confirm-payment.page .confirm-group-two .form,
.quotation.page .quotation-group-two .form{
max-width: 65%;
flex-basis: 65%;
}
.faq.container .faq-img img {
margin: 0 0 20px 0;
}
.website .web-content {
grid-template-columns: repeat(4,1fr);
}
.domain-pack h3 {
font-size: 30px;
line-height: 1.2;
}
.domain-pack .pbox-head {
padding: 12px 15px;
height: 65px;
}
.domain-pack.four-column.pricing-table {
grid-template-columns: repeat(4,1fr);
}
.website-pack .package {
border-bottom: none;
}
.website-pack {
grid-template-columns: repeat(3,1fr);
}
.section.web-reason {
background: url(//thaismart.cloud/wp-content/uploads/2022/bg-1.jpg) no-repeat;
background-size: cover;
}   
.our-service .service {
width: calc(100%/3);
}
.host-package .inner {
width: calc(100%/4);
padding: 8px;
}
.home-contact .ul1 img {
width: 50px;
}
.home-contact .ul1 {
margin-left: -10px;
margin-right: 30px;
}
.home-web-hosting .title,
.home-vps .title {
padding: 20px 15px;
}
.home-web-hosting .col.side,
.home-vps .col.side {
max-width: 20%;
margin: 0 5px 0 15px;
}
.home-web-hosting .col.package,
.home-vps .col.package {
max-width: 77.98%;
} .google-ws .page-title {
padding: 60px 0;
}
.google-pack {
display: flex;
}
.google-pack .package {
width: calc(100%/3);
border-bottom: none;
border-right: 1px solid #d6dfe6;
}
.google-pack .package:nth-child(3) {
border-right: none;
}  .wordpress-package {
margin-bottom: 30px;
}
.vps-bg .host-package-head {
margin-bottom: 6%;
}
.magento-hosting .host-package-head {
margin-bottom: 6%;
}
.magento-hosting .banner-host p {
font-size: 1.5rem;
}
.magento-hosting .host-package span.recommend {
left: 38%;
top: -8%;
transform: translate(0, 38%);
}
.magento-hosting .host-package .inner {
margin-bottom: 15px;
}
.magento-hosting .host-package .p-text li {
display: block;
padding: 8px 15px;
}
.magento-hosting .host-package .inner:nth-child(2) .pack .p-head img {
width: 80px;
}
.magento-hosting .host-package.host-vps .inner:nth-child(2) {
margin-top: -30px !important;
}
.wordpress-course .course-info h4.edit-head-title {
margin-top: 20px;
margin-bottom: 30px;
}
.course-basic .img {
width: 75% !important;
}
.wordpress-package .wordpress-logo {
margin-top: -40px;
}
.course-basic .img img {
margin-bottom: 0;
}
a.button.primary.btn-regis {
margin: 0 0 15px 0;
}
.wordpress-package .host-package .inner {
width: calc(100%/4);
}
.wordpress-package .host-package .inner:nth-child(3) {
margin-top: -18px;
}
.wordpress-package .host-package .inner:nth-child(3) .p-head img {
width: 47px;
}
.wordpress-package .host-package span.recommend {
left: 39%;
top: 10%;
transform: translate(0, 16%);
}
.support-banner .img {
width: 37% !important;
position: relative;
left: auto;
right: 20%;
} .form-contact form {
max-width: 350px;
}
.list-cookie {
padding: 30px;
}
.c-by ul {
flex-direction: row;
}
.payment-page li img.dropdown {
margin: 20px;
}
.payment-page .order-step img {
width: auto;
}
.payment-page .order-step-box {
padding: 30px 30px 10px 30px;
} .home-products .p-left span {
margin-bottom: 57px;
}
.home-products .p-left {
padding-right: 15px;
}
.home-service a {
font-size: 1.1rem;
}
.row .col-inner .row.home-service {
margin: 30px -15px;
}
.home-service .clean-service,
.home-service .quotation {
padding-left: 15px;
}
.f-bottom .f-other ul {
margin-bottom: 0;
}
.f-bottom .f-contact {
padding-left: 15px;
}
.f-bottom .f-other {
flex-wrap: nowrap;
}
.f-bottom .f-payment {
margin-top: 10px;
}
.f-bottom .f-quotation {
max-width: 21%;
}
.f-bottom .f-price {
max-width: 18.333333%;
}
.f-bottom .f-service {
max-width: 20.333333%;
}
.f-top {
margin-bottom: 10px;
}
.f-bottom>.col>.col-inner {
display: flex;
flex-wrap: wrap;
}
.f-bottom .f-about {
padding: 0;
} .marketing {
margin-bottom: 30px !important;
}
.home-banner .banner-1,
.home-banner .banner-3 {
padding-right: 15px !important;
}
.home-banner .banner-2,
.home-banner .banner-4 {
padding-left: 15px !important;
}
.home-two-banner img:hover {
opacity: .7;
}
.home-banner .col {
padding-bottom: 30px !important;
} .video .col:not(:first-child) {
margin-bottom: 30px !important;
}
.home-products .esg-filters.esg-navbutton-solo-left,
.home-products .esg-filters.esg-navbutton-solo-right {
top: 22%;
}
.home-recommend .esg-entry-media-wrapper {
padding: 0;
}
.home-recommend .medium-3 {
max-width: 35%;
-ms-flex-preferred-size: 35%;
flex-basis: 35%;
}
.home-recommend .medium-9 {
max-width: 65%;
-ms-flex-preferred-size: 65%;
flex-basis: 65%;
}
.home-recommend .minimal-light .esg-filters {
position: absolute;
top: -25px;
right: 90px;
width: 100%;
}
.home-recommend .minimal-light .esg-filters.esg-navbutton-solo-left,
.home-recommend .minimal-light .esg-filters.esg-navbutton-solo-right {
width: auto;
top: 19%;
}
.home-recommend .minimal-light .esg-filters.esg-navbutton-solo-left {
left: 0;
right: unset;
}
.home-recommend .minimal-light .esg-filters.esg-navbutton-solo-right {
right: 0;
} #home-blog .esg-entry-media:hover {
opacity: .8;
}
#home-blog .eg-hayes-container {
background: rgba(0, 148, 78, 0.1);
}
.home-blog .col-youtube {
padding-left: 15px;
}
.home-blog .eg-home-blog-content {
margin-top: 15px;
} .home-categories .row-small>.flickity-viewport>.flickity-slider>.col {
padding: 0 5px;
}
.home-block.home-categories {
margin-bottom: 30px;
} .cms-content.howto-page {
display: flex;
flex-flow: row wrap;
} .footer-content.footer-links .row {
padding: 0 15px;
}
.footer-primary.pull-right {
padding: 3px 0;
float: none;
text-align: center;
} .post-item .col-inner:hover .post-title {
color: #85c2df;
}
}
@media (min-width: 1024px) { .host-package span.recommend {
top: 53%;
transform: translate(0, -1%);
}
.banner.hide-for-small {
padding-top: 450px !important;
}
.support-banner .banner .text-box h3.h-en {
font-size: 6rem;
}
.support-banner .banner .text-box h3.h-th {
font-size: 4rem;
}
.support-banner .banner .text-box p {
font-size: 1.3rem;
}
.support-banner .img {
width: 70% !important;
right: 0;
}
}
@media (min-width: 1200px) {
.email-page .content .col-inner {
padding: 35px 50px;
}
.email-page .header-email {
padding: 50px 0 !important;
}
.email-page .why-us .title h1 {
margin-bottom: 50px;
}
.home-blog .esg-container .esg-filters.esg-navbutton-solo-right {
right: -40px;
}
.home-blog .esg-container .esg-filters.esg-navbutton-solo-left {
left: -40px;
}
.home-customer .esg-filters.esg-navbutton-solo-right {
right: -40px;
}
.home-customer .esg-filters.esg-navbutton-solo-left {
left: -40px;
}
.website-pack { margin: 0 auto 60px;
} .page-id-1530 main#main {
background-size: 2800px;
}
.google-pack {
max-width: 1200px;
margin: 0 auto 60px;
}
.google-pack .package {
padding: 60px;
} .form-contact .wpforms-container .wpforms-form .wpforms-field.wpforms-field-textarea textarea {
height: 80px;
}
.mail-box {
width: 25%;
}
.mail-box img {
width: 110px;
}
.host-package .inner {
padding: 0 15px;
}
.service .s-img {
padding: 50px 30px;
}
.service.s2,
.service.s3 {
margin-right: 30px;
}
.service .s-text {
min-height: unset;
}
.home-contact .col {
max-width: 50%;
}
.home-reason .col {
padding: 0 40px;
}
.home-web-hosting ul,
.home-vps ul {
padding: 25px 20px 0;
margin-bottom: 40px;
}
.home-web-hosting .title,
.home-vps .title {
padding: 20px 30px;
}
.home-products .p-left span {
margin-bottom: 46px;
} .magento-hosting .host-package span.recommend {
transform: translate(0, 5%);
} .form-contact form {
max-width: 450px;
}
.confirm-page .note-bottom {
margin-top: 30px;
}
.notify-note {
margin: 0 80px 10px 80px;
}
.order-step-box p.order-explain {
width: 80%;
margin: 30px auto;
}
ul.bank-detail li {
font-size: 14px;
line-height: 1.6;
}
.bank-data .bank-detail {
height: 110px;
}
.bank img {
width: auto;
} .home-products .row-small>.flickity-viewport>.flickity-slider>.col,
.row-small>.col {
padding: 0 15px 19.6px;
}
.f-bottom .f-contact {
padding: 0 0 0 15px;
} .home-block {
margin-bottom: 30px;
} .marketing {
margin-bottom: 50px !important;
}
.home-two-banner .col:first-child {
padding: 0 15px 0 0;
}
.home-two-banner .col:last-child {
padding: 0 0 0 15px;
} .home-products .esg-filters.esg-navbutton-solo-left,
.home-products .esg-filters.esg-navbutton-solo-right {
top: 24%;
}
.home-recommend .minimal-light .esg-filters.esg-navbutton-solo-left,
.home-recommend .minimal-light .esg-filters.esg-navbutton-solo-right {
top: 23%;
} .home-categories h3 {
margin: 70px 0 60px;
}
.home-block.home-categories {
margin-bottom: 50px;
}
.home-categories .row-small>.flickity-viewport>.flickity-slider>.col {
padding: 0 18px;
} .home-news-and-promotion .home-title {
margin: 45px 0 25px;
} .footer-content.footer-links {
padding: 20px 15px 35px;
}
}
@media (min-width: 1440px) {
.email-page .content .col-inner {
padding: 60px 65px;
}
.email-page .header-email {
padding: 80px 0 !important;
}
.email-page .content p {
font-size: 1rem;
}
.home-customer .esg-filters.esg-navbutton-solo-right {
top: 40%;
}
.home-customer .esg-filters.esg-navbutton-solo-left {
top: 40%;
}
.our-service .service {
width: calc(100%/4);
}
.home-web-hosting .col.package,
.home-vps .col.package {
max-width: 78.55%;
}
.home-web-hosting .row,
.home-vps .row {
padding: 0 0 0 5px !important;
}
.home-web-hosting .title h1,
.home-vps .title h1 {
font-size: 2.3rem;
}
.home-web-hosting .side p:first-child,
.home-vps .side p:first-child {
font-size: 2.5rem;
}
.home-web-hosting .button,
.home-vps .button {
margin: 0 auto;
width: 150px;
}
.home-web-hosting li p,
.home-vps li p {
font-size: 1.05rem;
} .vps-bg .host-package-head {
margin-bottom: 3%;
}
.magento-hosting .host-package .p-text li {
display: flex;
justify-content: center;
}
.magento-hosting .host-package.host-vps .inner:nth-child(2) {
margin-top: -30px !important;
}
.magento-hosting .host-package span.recommend {
top: -10%;
transform: translate(0, 34%);
left: 40%;
}
.magento-hosting .host-package .inner:nth-child(2) .pack .p-head img {
width: 80px;
}
.logo-host-thaismart .img {
width: 80% !important;
padding-top: 15px;
}
.banner-host p {
margin-left: 40px;
}
.service-box .box-text h4 {
font-size: 1.5rem;
}
.service-box .box-text p {
font-size: 1.2rem;
}
.wordpress-course {
background-size: 102% 45%;
background-position: 0 -8%;
}
.course-basic .img img {
padding: 0 0 0 70px;
}    
.wordpress-package .wordpress-logo {
margin-top: -70px;
z-index: 9;
}
.wordpress-package .host-package .inner:nth-child(3) {
margin-top: -28px;
}
.wordpress-package .host-package .inner:nth-child(3) .p-head img {
width: 54px;
}
.wordpress-package h2.host-service {
font-size: 2.3rem;
margin-bottom: 8%;
}
.wordpress-package .host-package span.recommend {
left: 40%;
top: 15%;
transform: translate(0, -8%);
}
a.button.primary.btn-regis {
padding: 5px 30px 0;
margin: 0 0 60px 0;
}
.btn-regis span {
font-size: 1.3rem;
}
.course-info .img {
width: 15% !important;
}
.course-basic .img {
width: 50% !important;
}
.support-banner .img {
width: 50% !important;
}
.support-banner .banner .text-box p {
font-size: 1.5rem;
} .form-contact form {
max-width: 520px;
}
.payment-page .order-step-box {
padding: 50px 50px 30px 50px;
} .text-content p {
font-size: 0.92rem;
}
.f-bottom .f-price {
max-width: 37.7%;
flex-basis: 37.7%;
-ms-flex-preferred-size: 37.7%;
}
.f-bottom .f-service {
max-width: 62.3%;
flex-basis: 62.3%;
-ms-flex-preferred-size: 62.3%;
}
.f-bottom .f-other {
padding-left: 88px;
flex-wrap: wrap;
max-width: 38%;
}
.f-bottom .f-quotation {
max-width: 100%;
flex-basis: 100%;
-ms-flex-preferred-size: 100%;
}
.f-bottom .f-contact {
max-width: 22.666667%;
}
.f-bottom .f-about {
max-width: 39.333333%;
}
.f-top .f-product ul.products {
margin-right: 110px;
}
.f-product .col-inner {
justify-content: flex-end;
} .home-products .esg-filters.esg-navbutton-solo-left,
.home-products .esg-filters.esg-navbutton-solo-right {
top: 30%;
}
.home-recommend .medium-3 {
max-width: 31%;
-ms-flex-preferred-size: 31%;
flex-basis: 31%;
}
.home-recommend .medium-9 {
max-width: 69%;
-ms-flex-preferred-size: 69%;
flex-basis: 69%;
}
.home-recommend .product-title {
margin: 0 0 20px;
}
.home-recommend .eg-products-slide-content {
padding: 10px 0 0 0 !important;
}
home-products.home-recommend .esg-pagination {
top: -24px;
}
.home-recommend .minimal-light .esg-filters.esg-navbutton-solo-left,
.home-recommend .minimal-light .esg-filters.esg-navbutton-solo-right {
top: 27%;
} .home-blog .col-blog {
max-width: 60.5%;
-ms-flex-preferred-size: 60.5%;
flex-basis: 60.5%;
}
.home-blog .col-youtube {
max-width: 39.5%;
-ms-flex-preferred-size: 39.5%;
flex-basis: 39.5%;
} .f-box.box-newsletter,
.f-box.box-follow,
.f-box.box-contact {
max-width: 25%;
}
.f-box.box-about,
.f-box.box-service {
max-width: 12.5%;
}
}body {
font-family: 'Sarabun', sans-serif !important;
}
p {
font-size: 14px;
}
.button, button, input, textarea, select, fieldset, label {
font-weight: 400 !important;
font-size: 14px !important;
}
.dark .button.is-form:hover, .button:hover,
input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover {
background-color: #6b6b6b;
}
.button, button {
font-family: 'Noto Sans Thai', sans-serif;
border-radius: 50px !important;
}
.button.disabled, button.disabled,
.button[disabled], button[disabled] {
opacity: 1 !important;
}
.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;
}
.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;
}
.button.is-outline{
background-color: transparent !important;
border: 1px solid #4bb9ed !important;
color: #4bb9ed !important;
}
.button.is-outline:hover{
background-color: #4bb9ed  !important;
color: #fff !important;
}
a#top-link:hover {
background-color: #3c95ff !important;
border-color: #3c95ff !important;
}
button.button{
background-color: #fff !important;
border-color: rgb(13, 51, 96) !important;
color: rgb(13, 51, 96) !important;
border-radius: 6px !important;
}
button.button:hover{
background-color: rgb(13, 51, 96) !important;
border-color: rgb(13, 51, 96) !important;
color: #fff !important;
}
.divider {
background: transparent !important;
}
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 #ebebeb !important;
}
.is-outline:hover,
.primary.is-outline:hover {
border-color: #4bb9ed !important;
}
.medium-text-center {
font-size: 13px !important;
}
button i, .button i {
top: 0 !important;
} .header-bottom {
margin-bottom: 30px;
}
#logo a {
margin: 0 auto;
color: #fff;
}
.logo-center .logo img {
width: 80px;
}
.nav-dropdown-has-border .nav-dropdown {
border: none !important;
} .page-title .page-title-inner {
padding-top: 0;
}
.checkout-page-title .breadcrumbs .divider {
top: -6px;
}
.page-title .breadcrumbs {
text-align: left;
font-weight: 400;
font-size: 14px;
}
.page-title .breadcrumbs a {
color: #999 !important;
display: inline-block;
font-weight: 300;
font-family: 'Sarabun';
}
.page-title .breadcrumbs a:hover {
color: #85c2df !important;
}
.alert-color {
text-align: center;
}
ul.message-wrapper li {
margin: 0;
}
.page-title ul.next-prev-thumbs{
display: none;
} .header-top {
padding: 8px 0;
}
.top-bar img {
width: 20px;
margin: 0 8px 0 20px;
}
.top-bar a:hover {
color: #fff;
}
.top-bar a {
color: #79a3d8;
font-weight: 400;
font-family: 'Noto Sans Thai',sans-serif;
font-size: 0.9rem;
}
.entry-image img {
display: none !important;
}
.top-bar ul {
display: flex;
}
.top-bar li {
display: flex;
align-items: center;
list-style: none;
margin: 0;
}
.header-main {
background: rgb(15,51,95);
background: linear-gradient(90deg, rgba(15,51,95,1) 17%, rgba(42,95,162,1) 85%);
}
.header-nav.nav li.menu-item {
margin: 0;
}
.badge.post-date {
margin-top: -60px !important;
}
.header-nav.nav li a {
font-size: 14px;
color: #fff;
font-weight: 400;
font-family: 'Roboto',"Noto Sans Thai",sans-serif;
}
.top-divider.full-width {
display: none;
}
.header-bottom .flex-center {
width: 100%; 
}
.header-wrapper.stuck .header-bottom .flex-center {
border-bottom: none;
}
.nav-sidebar.nav-vertical > li.account-item.menu-item:hover {
background-color: rgb(13, 51, 96);
}
.header-nav.nav > li > a:hover,
.header-nav.nav > li.active > a,
.header-nav.nav > li.current > a,
.header-nav.nav > li > a.active,
.header-nav.nav > li > a.current,
.header-nav .nav-dropdown li.active > a,
.header-nav .nav-column li.active > a,
.header-nav .nav-dropdown > li > a:hover,
.header-nav .nav-column li > a:hover{
color: #fff200;
}
.header-bottom .header-nav.nav .menu-item.menu-item-home.current-menu-item a {
color: #fff;
}
.header-bottom .header-bottom-nav.nav > .menu-item a.nav-top-link:hover {
color: #363636;
} span.header-account-title {
display: flex;
align-items: center;
}
.header-nav .nav-dropdown-default {
padding: 10px;
border: none;
box-shadow: 0 0 6px rgba(0,0,0,0.1);
margin-top: 5px;
}
.header-nav.nav .account-item li.is-active a,
.header-nav.nav .account-item li a:hover{
color: #3c95ff;
}
.header-nav.nav .account-item li a {
padding: 10px 0;
font-weight: 400;
font-size: 14px;
color: #000;
}
.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;
} .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:hover {
background-color: #000 !important;
}
.header-search-form-wrapper .searchform .button.icon {
width: 35px !important;
height: 30px !important;
display: inline-block;
padding: 0;
background-color: #898989 !important;
border-radius: 0 !important;
min-width: 35px;
min-height: 28px;
border: 1px solid #636363 !important;
margin-bottom: 5px !important;
}
.header-search-form-wrapper .searchform .button.icon i{
font-size: 13px;
top: -3px !important;
}
.searchform .button.icon {
background-color: #85c2df;
border: none;
}
.searchform input.search-field{
background-color: #f4f4f4;
border: 1px solid #ccc !important;
font-size: 15px !important;
border-radius: 60px;
color: #333;
}
.searchform-wrapper form{
background-color: #fff;
border-radius: 15px;
border: 1px solid #E1E1E1;
}
input.search-field::-webkit-input-placeholder { 
color: #9b9b9b;
}
input.search-field::-moz-placeholder { 
color: #9b9b9b;
}
input.search-field:-moz-placeholder { 
color: #9b9b9b;
} .header-nav.nav .cart-item li a {
font-weight: 400;
font-size: 14px;
}
.header-nav.nav .cart-item a.remove {
padding-left: 1px;
}
.woocommerce-mini-cart__buttons a.button.wc-forward {
color: #4bb9ed;
background-color: transparent !important;
border: 1px solid #4bb9ed;
}
.woocommerce-mini-cart__buttons a.button.wc-forward:hover {
background-color: #4bb9ed !important;
color: #fff;
box-shadow: none;
}
ul.product_list_widget li a.remove {
line-height: 18px !important;
padding-left: 1px;
}
.header-cart-link .image-icon img {
width: 25px;
min-width: unset;
vertical-align: bottom;
}
.account-item.menu-item{
background-color: rgb(13, 51, 96);
border: none;
}
.off-canvas .sidebar-menu .nav-vertical > li.account-item.menu-item > a{
color: #fff;
}
.header-nav.nav .cart-item li.mini_cart_item a {
font-weight: 500;
font-size: 15px;
}
.header-nav.nav .cart-item li.mini_cart_item .quantity {
font-family: 'Open Sans';
}
.widget_shopping_cart ul.product_list_widget li {
padding: 10px 0 0 70px;
}
.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-family: "Roboto", sans-serif !important;
}
.header-wrapper.stuck .nav [data-icon-label]::after {
top: 3px;
}
.success-color, .success.is-link, .success.is-outline {
font-size: 14px;
}
.widget_shopping_cart_content .wcppec-cart-widget-spb{
display: none;
} .off-canvas .mobile-sidebar .sub-menu li.menu-item.current-menu-item a {
color: rgb(13, 51, 96) !important;
}
.off-canvas .mobile-sidebar .sidebar-menu {
padding: 0;
}
.off-canvas .sidebar-menu .nav-vertical > li > a {
padding: 6px 0;
color: #262626;
font-size: 15px;
font-weight: 400;
font-family: 'Roboto',"Noto Sans Thai",sans-serif;
}
.off-canvas .sidebar-menu .nav-vertical li li > a {
font-size: 14px;
font-weight: 400;
padding: 6px 0 6px 25px;
font-family: 'Sarabun';
color: #000 !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';
}
#my-account-nav.nav li a {
font-weight: 400;
}
.woocommerce-Addresses a{
text-decoration: underline;
} .product-small.box:hover .box-image img {
filter: brightness(0.8);
}
.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: 'Roboto';
font-weight: 500;
}
span.amount {
font-size: 1.2rem;
font-family: 'Roboto',"Noto Sans Thai",sans-serif;
color: #343434 !important;
font-weight: 500 !important;
}
.category-page-row .title-wrapper .product-title{
font-size: 18px;
font-weight: 400;
font-family: 'Noto Sans Thai';
overflow: hidden;
display: -webkit-box !important;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.shop-container .products .box-image {
border: 1px solid #efefef;
}
.wishlist-icon{
display: none;
}
.shop-container .box-text.box-text-products{
display: flex;
padding: 10px 0 5px;
flex-flow: column;
}
.shop-container .box-text.box-text-products .desc-wrapper {
overflow: hidden;
}
.shop-container .name.product-title a{
font-size: 17px ;
line-height: 22px ;
text-align: left;
margin-bottom: 10px;
font-family: 'Noto Sans Thai', sans-serif !important;
text-align: center;
}
.box-text-products .price-wrapper {
text-align: center;
}
.shop-container .price-wrapper{
order: 1;
margin-top: 10px;
}
.shop-container .box-text p {
color: #333333 !important;
font-family: "Roboto" !important;
font-size: 13px;
font-family: 'Roboto',"Noto Sans Thai",sans-serif !important;
font-size: 1rem;
}
.shop-container .box-text p.box-excerpt {
font-size: 0.9rem;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
text-align: center;
overflow: hidden;
min-height: 70px;
} aside span.widget-title {
font-weight: 400;
font-family: 'Noto Sans Thai';
}
.widget_price_filter .price_slider_amount .button:hover {
background-color: #85c2df;
box-shadow: none;
}
.home-products .p-right > .col-inner:before {
content: '';
border-top: 1px solid #ebebeb;
position: absolute;
bottom: 15px;
display: inline-block;
width: 100%;
padding: 0 10px;
}
.home-products .slider-nav-outside .flickity-page-dots {
width: 150px;
bottom: 8px;
z-index: 9;
background-color: #fff;
margin: auto;
}
.home-products .flickity-prev-next-button.previous {
content: '';
display: inline-block;
background: url(//thaismart.cloud/wp-content/themes/thaismartcloud/images/icon/icon-left.svg) center center /30px auto no-repeat;
width: 30px !important;
left: 0 !important;
bottom: 0;
opacity: 1;
top: unset;
margin-left: 10px;
}
.home-products .flickity-prev-next-button.next {
content: '';
display: inline-block;
margin: 0;
background: url(//thaismart.cloud/wp-content/themes/thaismartcloud/images/icon/icon-right.svg) center center /30px auto no-repeat;
width: 30px !important;
right: 0 !important;
left: unset !important;
bottom: 0;
opacity: 1;
top: unset;
margin-right: 10px;
}
.home-service .slider-wrapper .flickity-prev-next-button.previous {
background: url(//thaismart.cloud/wp-content/themes/thaismartcloud/images/icon/icon-arrow-left-white.svg) center center /20px auto no-repeat !important;
width: 20px;
height: 20px;
filter: brightness(0.5);
top: 30%;
left: 0;
}
.home-service .slider-wrapper .flickity-prev-next-button.next {
background: url(//thaismart.cloud/wp-content/themes/thaismartcloud/images/icon/icon-arrow-right-white.svg) center center /20px auto no-repeat !important;
width: 20px;
height: 20px;
filter: brightness(0.5);
top: 30%;
right: 0;
}
.slider-wrapper .flickity-prev-next-button.previous {
content: '';
display: inline-block;
margin: 0;
background: url(//thaismart.cloud/wp-content/themes/thaismartcloud/images/icon/icon-arrow-left-white.svg) center center /30px auto no-repeat;
width: 30px;
left: 10px;
opacity: 0.5;
}
.slider-wrapper .flickity-prev-next-button svg{
display: none;
}
.slider-wrapper .flickity-prev-next-button.next {
content: '';
display: inline-block;
margin: 0;
background: url(//thaismart.cloud/wp-content/themes/thaismartcloud/images/icon/icon-arrow-right-white.svg) center center /30px auto no-repeat;
width: 30px;
right: 10px;
opacity: 0.5;
} .row.home-search-domain {
background-color: #1b4b87;
padding: 40px 15px 20px 15px;
margin: 0 !important;
max-width: none !important;    
}
.home-search-domain p {
font-family: 'Noto Sans Thai', sans-serif;
}  .shop-container .product-main {
padding: 40px 0 0 0;
}
article#esg-grid-2-2-wrap {
display: none !important;
}
.woocommerce-product-gallery__image {
border: 1px solid #ddd;
}
.product-main .product-summary .breadcrumbs {
font-size: 13px;
}
.product-main .product-summary .product-title {
font-size: 22px;
margin: 20px 0;
color: #000;
}
.product-summary .is-divider.small {
display: none;
}
.product-short-description {
margin: 25px 0;
}
.product-main .product-summary  del span.amount  {
font-size: 18px;
}
.product-main .product-summary  span.amount {
font-size: 22px;
color: #686a6c;
}
.product-main .product-summary .woocommerce-Price-currencySymbol {
font-size: 22px;
}
.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: 16px;
font-weight: 400 !important;
margin: 0;
height: 44px;
line-height: 2.8;
background-color: #4bb9ed !important;
color: #fff !important;
border-radius: 6px;
}
.product-summary .cart button:hover{
background-color: #363636 !important;
}
.page-id-49 .col-inner p:first-child {
font-size: 1.3rem;
font-family: 'Roboto',"Noto Sans Thai",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: 44px;
}
.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(//thaismart.cloud/wp-content/themes/thaismartcloud/images/icon-wishlist.svg) center/ 24px auto;
width: 24px;
height: 24px;
display: inline-block;
margin-right: 8px;
vertical-align: top;
}
a.add_to_wishlist{
display: inline-block;
}
.yith-wcwl-add-to-wishlist{
display: inline-block;
margin: 0 0 15px;
}
.yith-wcwl-add-to-wishlist a{
color: #85c2df;
font-family: 'Noto Sans Thai';
font-size: 15px;
font-weight: 300;
}
.yith-wcwl-add-to-wishlist a:hover,
.yith-wcwl-add-to-wishlist a.add_to_wishlist{
color: #4e4e4e;
}
.yith-wcwl-add-to-wishlist a.add_to_wishlist:hover{
color: #4bb9ed;
}
span.icon-heart {
display: none;
}
.my-account .woocommerce-message a {
color: #fff;
} .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 #4bb9ed;
padding: 10px 0;
margin: -1px 0 15px;
}
.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';
font-weight: 400;
}
.shop_table .order-total span.amount {
font-size: 18px;
}
.product-remove a.remove,
.product-remove a.icon-remove {
font-size: 15px !important;
line-height: 15px !important;
padding-left: 1px;
}
a.remove:hover,
a.icon-circle:hover {
color: #7d7d7d !important;
}
.cart-wrapper thead {
color: #69696b;
}
.cart-collaterals .cart_totals thead th{
color: #69696b;
font-family: 'Noto Sans Thai';
font-size: 20px;
font-weight: 400;
padding-top: 0;
letter-spacing: 0;
} .page-checkout.page-wrapper {
padding-top: 0;
}
.page-checkout form.checkout h3 {
font-size: 20px;
font-weight: 500;
}
.page-checkout ul li {
list-style-type: none;
font-size: 14px !important;
margin: 0 !important;
}
.woocommerce-customer-details .addresses .woocommerce-column{
width: 50%;
}
.woocommerce .cart_totals .button {
border: none;
box-shadow: none;
padding: 5px 0;
}
.woocommerce a.checkout-button:hover,
.woocommerce button#place_order:hover{
background: #4bb9ed !important;
}
.page-checkout .woocommerce-customer-details address {
font-style: normal;
}
button#place_order{
float: right;
width: 100%;
margin: 0 0 15px;
}
.woocommerce form .form-row .required {
color: red;
font-weight: 700;
border: 0;
}
.page-checkout #ship-to-different-address,
.page-checkout .form-row.create-account{
font-family: unset;
font-size: 16px;
}
.message-container {
color: #686a6c;
}
.woocommerce-info .medium-text-center {
font-size: 14px !important;
}
.woocommerce-info a{
color: #fff;
}
.page-id-16 .woocommerce-info a {
color: #fff;
}
.dashboard-links a:hover {
background-color: rgb(13, 51, 96) !important;
}
.page-id-16 .woocommerce-info a:hover {
background-color: #000;
}
.woocommerce-form-coupon.checkout_coupon{
border-width: 0;
background-color: #eeefef;
}
.woocommerce-form-coupon .coupon{
max-width: 300px;
} .page-404{
padding: 50px 0;
}
.page-title.normal-title {
border: none;
} .is-divider {
background-color: #4bb9ed !important;
}
.post-sidebar.col{
border: none !important;
}
.post-sidebar .widget > ul > li > a {
font-size: 15px;
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: 10px;
display: inline-block;
width: 100%;
font-size: 18px;
font-family: 'Noto Sans Thai'; 
font-weight: 400;
color: #69696b;
}
.header-search-form-wrapper {
border-bottom: 1px solid #cccccc;
}
.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',sans-serif;
font-size: 0.9rem;
color: #504f4f;
}
.hotline-content {
line-height: 1.2;
}
.cart-icon.image-icon {
content: '';
background: url(//thaismart.cloud/wp-content/themes/thaismartcloud/images/icon/icon-cart.svg) no-repeat;
width: 30px;
height: 30px;
display: inline-block;
margin: 0 0 10px 0;
}
.cart-icon.image-icon > strong {
border: none !important;
background-color: #1b8fc7;
width: 16px;
height: 16px;
line-height: 0.8;
color: #fff;
border-radius: 22px;
font-size: 0.8rem;
padding: 3px;
position: relative;
right: -4px;
top: -5px;
font-family: 'Noto Sans Thai',sans-serif;
font-weight: 500;
} a.back-to-top.button {
width: 40px;
height: 40px;
line-height: 2.7;
text-align: center;
border: none !important;
background-color: #0f335f !important;
}
a.back-to-top.button .icon-angle-up::before {
content: "\f106";
color: #fff !important;
font-size: 25px !important;
} .footer-links .row > .col:nth-child(2n) {
padding: 0;
}
.footer-links a:hover {
color: #fff200;
}
.footer-links a {
color: #fff;
font-family: 'Roboto','Sarabun',sans-serif;
font-size: 0.9rem;
}
.footer-links ul li {
margin: 0 !important;
}
.footer-links h4 {
font-family: 'Roboto','Noto Sans Thai',sans-serif !important;
color: #fff;
font-weight: 600 !important;
font-size: 1.2rem;
}
.tel-footer img {
width: 29px;
margin: 2px 7px 0 0;
}
.logo-footer img {
width: 144px !important;
}
.footer-links li {
list-style: none;
}
.footer-about {
text-align: center;
}
.tel-footer h4 {
width: auto !important;
font-size: 1.5rem;
margin: 0;
color: #000;
font-family: 'Roboto',"Noto Sans Thai",sans-serif;
font-weight: 400;
}
.tel-footer a,
.social-footer li:last-child a,
.footer-social{
display: flex;
align-items: center;
justify-content: center;
}
.footer-connect .footer ul {
display: inline-block;
}
.social-footer .social-button {
background-color: transparent !important;
}
.social-button img {
width: 42px;
}
.footer-connect .footer{
padding: 0;
}
.footer-social li:last-child img {
width: 30px;
margin-right: 10px;
}
.footer-social li:last-child h4 {
margin: 0;
font-size: 1.4rem;
font-weight: 400;
color: #343434;
font-family: 'Roboto',"Noto Sans Thai",sans-serif;
}
.social-footer ul {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
margin: 0;
}
.social-button {
margin: 0 0 25px 0 !important;
}
.copyright-footer {
font-weight: 500;
font-family: 'Roboto',"Noto Sans Thai",sans-serif;
}
.bg-footer {
padding: 50px 0 !important;
}
.tel-footer,
.address-footer{
margin-left: 0 !important;
}
.tel-footer {
margin: 24px 0 20px 0!important;
}
.f-links.about-us li:not(:first-child), .f-links.customer-service li:not(:first-child) {
margin-bottom: 0 !important;
}
.f-links.about-us h4,
.f-links.customer-service h4 {
color: #000;
font-weight: 400;
}
.social-footer li:last-child {
margin-left: 0 !important;
}
.tel-footer a:hover img,
.social-footer a:hover img{
opacity: 0.5;
}
.tel-footer a:hover h4,
.social-footer a:hover h4{
color: #4bb9ed;
}
.logo-footer img:hover {
opacity: 0.5;
} .html_topbar_left p {
font-family: 'Roboto',"Noto Sans Thai",sans-serif;
font-size: 1.1rem;
}
.home-slide.slider-wrapper .dot {
background-color: rgb(173 173 173 / 40%) !important;
border: none !important;
opacity: 1;
width: 25px;
height: 4px;
border-radius: 6px;
}
.home-slide.slider-wrapper .dot.is-selected {
background-color: rgb(173 173 173) !important;
}
.slider-wrapper button path {
display: none;
}
.slider-wrapper .slider .flickity-button:hover {
opacity: 0.3;
}
.icon-search:before,
.cart-icon strong:after{
display: none !important;
}
.header-search a:after {
content: '';
background: url(//thaismart.cloud/wp-content/themes/thaismartcloud/images/icon/icon-search.svg) no-repeat;
width: 22px;
height: 22px;
display: inline-block;
margin: 0 8px;
}
ul.header-nav.header-nav-main.nav.nav-uppercase {
align-items: flex-end;
}
.nav-uppercase {
justify-content: center !important;
}
.tabs.product-tabs.nav {
justify-content: flex-start !important;
}
.mobile-sidebar .sub-menu {
padding: 0;
}
.mobile-sidebar .account-item.menu-item i.icon-angle-down {
color: #fff !important;
}
.mobile-sidebar .menu-item i.icon-angle-down {
color: #000 !important;
}
i.icon-angle-down {
color: #fff !important;
}
::-webkit-input-placeholder {
color: #9b9b9b;
}
button.ux-search-submit,
button.ux-search-submit:hover{
background-color: unset !important;
}
.header-search-form-wrapper .button.icon i:before {
content: '' !important;
background: url(//thaismart.cloud/wp-content/themes/thaismartcloud/images/icon/icon-search.svg) no-repeat 0 0 /18px;
width: 18px !important;
height: 18px !important;
display: inline-block !important;
position: relative;
}
.live-search-results .autocomplete-suggestion{
flex-direction: column;
align-items: flex-start;
}
.mini_cart_item a:hover {
color: #4bb9ed !IMPORTANT;
}
.wc-proceed-to-checkout a {
background-color: #fff !important;
color: #4bb9ed;
border: 1px solid #4bb9ed !important;
}
#payment button#place_order {
background-color: #4bb9ed !important;
color: #fff !important;
}
#payment button#place_order:hover {
background-color: #000 !important;
}
.footer-about ul,
li.address-footer,
.home main#main {
margin-bottom: 0;
}
.marketing .text {
margin-bottom: 30px;
}
.footer-connect {
padding: 15px 0 0 0!important;
}
.footer-social,
.footer-about{
padding-bottom: 0 !important;
}
.about-us-content,
.about-us-content b{
font-family: 'Roboto','Sarabun',sans-serif;
font-size: 1rem !important;
}
.cms-page-title {
font-size: 1.3rem;
font-family: 'Roboto',"Noto Sans Thai",sans-serif;
color: #000;
text-align: center;
}
.cms-page-content, .cms-page-content p {
font-size: .9rem !important;
font-family: 'Roboto','Sarabun',sans-serif;
color: #363636;
}
.home-search-domain .whmpress.whmpress_domain_search{
padding: 0;
}
.home-search-domain #searchDomainForm {
max-width: unset;
position: relative;
padding: 0;
}
.home-search-domain h4 {
font-family: 'Noto Sans Thai',sans-serif;
font-size: 1.4rem;
color: #fff;
}
.home-search-domain h2 {
color: #fff;
font-weight: 600 !important;
margin: 0;
font-size: 1.9rem;
letter-spacing: 1px;
line-height: 1;
}
.home-search-domain #searchDomainForm .dms-bt input {
background: transparent;
font-size: 0 !important;
}
.home-search-domain #searchDomainForm .dms-bt {
width: auto !important;
background: transparent;
position: absolute;
right: 0;
top: 0;
min-width: unset;
margin: 9px 15px;
}
.home-search-domain #searchDomainForm .dms-bt input {
background: url(//thaismart.cloud/wp-content/themes/thaismartcloud/images/icon/icon-search.svg) no-repeat 0 0/ 30px auto !important;
width: 30px;
height: 30px;
display: block;
}
.home-search-domain #searchDomainForm .dms-txt {
margin: 0;
}
.home-search-domain #searchDomainForm .dms-txt input {
height: 48px;
border: none !important;
background: #fff;
border-radius: 60px !important;
font-family: 'Noto Sans Thai';
color: #adadad;
padding-left: 30px !important;
margin: 0;
}
.home-service .box:hover .box-text h4 {
color: #1b4b87;
}
.home-service .box-text h4 {
color: #696969;
}
.home-service .box-image img {
width: 80px;
filter: invert(50%);
opacity: 0.6;
}
.home-service .box:hover img {
opacity: 1;
filter: invert(0);
}
.home-service .text h4 {
color: #000;
font-weight: 500 !important;
font-size: 1.6rem;
margin: 30px 0 20px 0;
}
.home-service .box h4 {
font-size: 1.4rem;
}
.home-service .flickity-slider .row > .col {
padding: 0;
}
.home-reason .col:first-child .text p {
margin: 0;
font-family: 'Noto Sans Thai',sans-serif;
color: #696969;
line-height: 0.8;
font-size: 1.4rem;
}
.home-reason .col:first-child .text h2 {
color: #1b4b87;
font-weight: 600 !important;
font-size: 2.2rem;
}
.woocommerce .woocommerce-Button,
.woocommerce .Woocommerce-Button{
background-color: rgb(13, 51, 96);
}
.woocommerce .woocommerce-Button:hover,
.woocommerce .Woocommerce-Button:hover {
background-color: #000;
}
footer ul.quick {
margin: 0;
}
.header-nav.nav li.account-item a {
color: #fff;
font-size: 0;
padding: 5px 10px;
}
.header-nav.nav .account-item > a:hover {
color: #fff;
background-color: #1b4b87;
}
.header-nav.nav .account-item > a {
display: flex;
flex-direction:row-reverse;
font-size: 0.8rem;
color: #fff;
font-weight: 600;
font-family: 'Roboto',"Noto Sans Thai",sans-serif;
background-color: #3D96FF;
border-radius: 60px;
padding: 6px 20px;
}
.header-main li.html.custom{
display: block !important;
}
.header-nav .account-item a > span:before {
background: url(//thaismart.cloud/wp-content/themes/thaismartcloud/images/icon/icon-login.svg) no-repeat 0 0/ 20px auto;
width: 20px;
height: 20px;
display: block !important;
content: '';
margin-right: 0;
}
li.nav-icon.has-icon a.is-small i.icon-menu {
color: #ffffff;
}
@media (max-width: 425px){
ul.f-links.about-us {
margin-bottom: 0;
}
.footer-bottom p {
font-size: 1rem !important;
}
.footer-links .footer-social,
.footer-links .footer-about,
.footer-links .footer-connect {
max-width: 100% !important;
-ms-flex-preferred-size: 100% !important; 
flex-basis: 100% !important;
} 
.footer-connect li {
margin-left: 0 !important;
}
.f-links.about-us {
margin: 0 25px 40px 0;
}
.social-button a:not(:last-child) img {
margin-right: 10px;
}
.f-links.footer {
display: flex;
justify-content: center;
}
.home-banner .banner-1,
.home-banner .banner-3 {
padding: 0 15px 15px 15px !important;
}
.home-banner .banner-2,
.home-banner .banner-4 {
padding: 0 15px 15px 15px !important;
}
article#esg-grid-2-2-wrap {
display: block !important;
}
article#esg-grid-1-1-wrap {
display: none !important;
}
}
@media (max-width: 849px){
.header-main {
height: 70px !important;
}
}
@media (max-width: 991px){
.social-button a:not(:last-child) img {
margin-right: 10px;
}
.footer-social {
padding-top: 30px !important;
}
.product-footer .woocommerce-tabs.tabbed-content {
padding: 30px 0 !important;
}
.product-footer .woocommerce-tabs {
padding: 0 !important;
}
.footer-links .footer-about,
.footer-links .footer-connect {
max-width: 50% ;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
}
.footer-links .footer-social {
max-width: 100%;
-ms-flex-preferred-size: 100%; 
flex-basis: 100%;
} 
.cart-item.has-icon,
.header-search {
margin: 0 !important;
}
.header-search a:after {
display: none !important;
}
}
@media (min-width: 768px){	
.home-reason .col:first-child .text h2 {
font-size: 2.5rem;
}
.footer-links .row > .col:nth-child(2n) {
padding: 0 15px;
}
.home-products .flickity-prev-next-button.next {
margin-right: 4px;
}
.home-products .flickity-prev-next-button.previous {
margin-left: 4px;
} .logo-center .logo img {
width: 100%;
}
.stuck #logo img {
padding: 15px 0;
}  .product-summary div.paypal-button {
float: left;
width: 33% !important;
}
}
@media (min-width: 850px){ 
.account-item .nav-top-not-logged-in:after {
content: '';
background: url(//thaismart.cloud/wp-content/themes/thaismartcloud/images/icon/icon-login.svg) no-repeat 0 0/ 20px auto;
width: 20px;
height: 20px;
display: inline-block;
margin: 0 10px 0 0;
}
.home-search-domain > .col {
padding: 0 50px;
}
.header-nav.nav .menu-item a {
padding: 10px 20px;
}
.header-nav .account-item a > span {
display: flex;
align-items: center;
}
.header-nav.nav .sub-menu .menu-item a {
color: #000;
}
.header-nav.nav .sub-menu .menu-item {
display: block;
width: 100%;
border-right: none;
padding: 0;
}
.header-nav .sub-menu.nav-column.nav-dropdown-default li.menu-item {
border: none;
padding: 0;
}
.header-nav .sub-menu.nav-column.nav-dropdown-default {
box-shadow: none;
} 
.header-nav .sub-menu.nav-column.nav-dropdown-default a {
border-bottom: none;
padding: 10px 40px;
}
.header-main #logo {
width: 180px;
margin: 0;
}
#footer section.section.footer-links {
padding: 45px 0 20px 0;
}
}
@media (min-width: 992px){
.header-nav .account-item a > span:before {
margin-right: 5px;
}
.header-nav.nav li.account-item a {
font-size: 1rem;
}
.home-service .box-image img {
width: 100px;
}
.home-search-domain .container {
max-width: 900px !important;
}
.home-search-domain > .col {
padding: 0 100px;
}
.footer-links .row > .col {
max-width: 20%;
} 
.shop-container .product-main {
padding: 40px 0;
}
.cart-icon.image-icon > strong {
right: -12px;
}
.cart-icon.image-icon {
width: 50px;
height: 50px;
margin: 0 0 0 15px;
}
.header-nav.nav li.account-item {
margin-left: 25px;
}
.header-nav.nav .menu-item a {
padding: 0 7px;
}
.searchform-wrapper form {
border-radius: 0 !important;
border: none !important;
}
.footer-about,
.footer-connect {
max-width: 33.33333% !important;
-ms-flex-preferred-size: 33.33333% !important;
flex-basis: 33.33333% !important;
}
.footer-social {
max-width: 33.33333% !important;
-ms-flex-preferred-size: 33.33333% !important;
flex-basis: 33.33333% !important;
}
.f-links.footer li{
margin-left: 0 !important;
}
.f-links.about-us {
margin-right: 30px;
}
.container-width,
.full-width .ubermenu-nav,
.container,
.row {
max-width: 990px !important;
}
#logo a {
margin: 0; 
max-width: 300px;
}
.header-wrapper.stuck {
background: #fff;
}
.header-nav.nav li a {
font-size: 18px;
}
.header-nav.nav li a.header-cart-link.is-small {
padding: 0;
} .header-nav.nav .nav-dropdown li a {
font-size: 15px;
color: #000;
padding: 10px 25px;
}    
.header-nav.nav li {
padding: 0;
}
.header-nav.nav .sub-menu li.menu-item:hover > a,
.header-nav.nav .sub-menu li.menu-item.current-menu-item > a {
color: #fff;
}
.header-nav.nav .sub-menu li.menu-item:hover > a,
.header-nav.nav .sub-menu li.menu-item.current-menu-item > a {
background-color: #3D96FF;
}
.header-nav.nav .sub-menu li.menu-item {
border-bottom: 1px solid #eee;
}
.header-nav.nav li .icon-angle-down{
display: none;
}
.header-nav .nav-dropdown-default .nav-column li > a,
.header-nav .nav-dropdown.nav-dropdown-default > li > a {
margin: 0;
border-bottom: none;
}
.header-nav .nav-dropdown-has-arrow li.has-dropdown::before {
border-bottom-color: transparent;
}
.nav-dropdown-has-arrow li.has-dropdown:after,
.nav-dropdown-has-arrow li.has-dropdown:before {
display: none;
}
.header-nav.nav.header-bottom-nav .nav-dropdown.nav-dropdown-default  li {
padding: 0 15px;
}
.header-nav.nav.header-bottom-nav .nav-dropdown.nav-dropdown-default  li a{
font-family: "Noto Sans Thai", sans-serif;
padding: 10px 10px;
width: 100%;
font-size: 16px; 
}
.header-nav .nav-dropdown-default {
padding: 0;
}
.header-nav.nav.header-bottom-nav .nav-dropdown.nav-dropdown-default li:hover {
background-color: #f8f8f8;
}
.header-nav.nav.header-bottom-nav .nav-dropdown.nav-dropdown-default li:hover a{
color: #4bb9ed;
}
.header-nav li.menu-item.current-dropdown .nav-dropdown.nav-dropdown-default {
left: auto;
width: max-content;
} .account-item .icon-user:before{
content: '';
background: url(//thaismart.cloud/wp-content/themes/thaismartcloud/images/icon/icon-user.svg) no-repeat;
width: 15px;
height: 15px;
display: inline-block;
margin: 0 8px;
}
.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-nav.nav .header-search-form.search-form {
padding: 0;
margin-left: 30px;
}
.header-search-form-wrapper .searchform-wrapper form {
width: 210px;
}
.header-search-form-wrapper .searchform .button.icon {
font-size: 13px;
}
.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;
} .row-divided.woocommerce .cart-collaterals  {
border-left: none !important;
padding-right: 0;
} .post-sidebar.col {
padding-left: 0 !important;
}
} 
@media (min-width: 1200px){
.header-main #logo {
width: 270px;
}
.header-nav.nav .account-item > a {
font-size: 1rem;
padding: 6px 25px;
}
.header-nav span.header-account-title:before {
background: url(//thaismart.cloud/wp-content/themes/thaismartcloud/images/icon/icon-login.svg) no-repeat 0 0/ 20px auto;
width: 20px;
height: 20px;
}
.header-nav.nav .header-search-form.search-form {
margin-left: 50px;
}
.header-search-form-wrapper .searchform-wrapper form {
width: 320px;
}
.header-nav.nav .menu-item a {
padding: 0 10px;
}
#logo {
margin-right: 0;
}
.f-links.footer li{
margin-left: 1.3em !important;
}
.social-button a:not(:last-child) img {
margin-right: 10px;
}
.f-links.about-us {
margin-right: 10px;
}
.container-width,
.full-width .ubermenu-nav,
.container,
.row {
max-width: 1140px !important;
} .yith-wcwl-add-to-wishlist {
margin: 10px 0 25px;
}
}
@media (min-width: 1440px) {
.home-search-domain > .col {
padding: 0 150px;
}
.header-nav.nav .menu-item a {
padding: 0 20px;
}
.social-button a:not(:last-child) img {
margin-right: 23px;
}
.f-links.about-us {
margin-right: 50px;
}
.container-width,
.full-width .ubermenu-nav,
.container,
.row{
max-width: 1410px !important;
} .header-nav .nav-dropdown li {
padding: 8px 10px;
border-bottom: 1px solid #eee;
} .related-products-wrapper .slider-nav-push.slider-nav-reveal .flickity-prev-next-button svg {
margin-top: -90px;
}
}