.home-slide .flickity-page-dots li.dot {
border: none;
width: 12px;
height: 12px;
background-color: #fff;
margin: 0 3px;
}
.home-slide .flickity-button.flickity-prev-next-button {
opacity: 1 !important;
}
.home-slide .flickity-button.flickity-prev-next-button:hover {
opacity: 1 !important;
}
.home-slide .flickity-prev-next-button svg {
display: none;
}
.home-slide .flickity-button.flickity-prev-next-button.previous::before {
content: '';
display: inline-block !important;
background: url(//www.snapshotrent.com/wp-content/themes/snapshot/images/icon-arrow1-L.svg) no-repeat 0 0 / 16px auto;
width: 16px;
height: 30px !important;
}
.home-slide .flickity-button.flickity-prev-next-button.next::before {
content: '';
display: inline-block !important;
background: url(//www.snapshotrent.com/wp-content/themes/snapshot/images/icon-arrow1-R.svg) no-repeat 0 0 / 16px auto;
width: 16px;
height: 30px !important;
}
.about-content h3 {
color: #fff;
margin-bottom: 0;
}
.home-slide .flickity-page-dots li.dot {
position: relative;
overflow: hidden;
background: transparent !important;
width: 9px;
height: 9px;
transform: rotate(-60deg) skewX(30deg) scaleY(.866);
margin-right: 5px;
}
.home-slide .flickity-page-dots li.dot::before {
position: absolute;
right: 6.7%;
bottom: 0;
left: 6.7%;
top: 0;
transform: scaleY(1.155) skewX(-30deg) rotate(30deg);
background: linear-gradient(59.82deg, #ffffff 0%, #ffffff 49.36%, #ffffff 50.11%, #ffffff 100%);
content: '';
} .home-catagory {
padding-bottom: 10px !important;
}
.home-catagory .box-image {
border-radius: 20px;
}
.home-catagory .flickity-prev-next-button.previous::before {
content: '';
display: inline-block;
background: url(//www.snapshotrent.com/wp-content/themes/snapshot/images/icon-arrow3-L.svg) no-repeat 0 0 / 16px auto;
width: 16px;
height: 30px !important;
}
.home-catagory .flickity-prev-next-button.previous {
left: 10px;
}
.home-catagory .flickity-prev-next-button.next::before {
content: '';
display: inline-block;
background: url(//www.snapshotrent.com/wp-content/themes/snapshot/images/icon-arrow3-R.svg) no-repeat 0 0 / 16px auto;
width: 16px;
height: 30px !important;
}
.home-catagory .flickity-prev-next-button.next {
right: 10px;
}
.home-catagory .flickity-button.flickity-prev-next-button {
opacity: 1 !important;
display: block;
bottom: 34% !important;
top: auto;
}
.home-catagory svg.flickity-button-icon {
display: none;
}
.home-catagory .box-text h4 {
margin-bottom: 0 !important;
line-height: 1;
position: relative;
top: -5px;
}
.home-catagory .box.has-hover:hover .box-text h4 a {
color: #F7941E;
}
.home-catagory .box-text.text-center {
text-shadow: none;
padding: 0;
cursor: pointer;
} .home-camera {
background: linear-gradient(180deg, rgba(237,237,237,1) 0%, rgba(255,255,255,1) 100%);
padding: 15px 0 !important;
}
.product-bg{
background: #EDEDED;
padding: 15px 0 !important;
}
.home-three-banner {
background: #fff;
padding: 15px 0 !important;
} .home-product .col {
padding-bottom: 0;
}
.product-small .wishlist-icon {
display: none;
}
.product-small a.quick-view.quick-view-added {
background: transparent;
color: #7A7A7A;
font-family: 'Noto Sans Thai', sans-serif;
}
.product-small .product-title a {
font-family: 'Roboto', sans-serif;
font-weight: 500;
color: #242424;
}
.price-wrapper .price bdi {
font-family: 'Roboto', sans-serif;
font-size: 1rem;
font-weight: 400;
color: #F7941E;
}
.product-small .box-text {
background-color: #fff;
border-top: 1px solid #CDCDCD;
padding-bottom: 0;
}
.p-head {
display: inline-block;
}
.view-more a {
font-family: 'Noto Sans Thai', sans-serif;
color: #7A7A7A;
margin-top: 10px !important;
margin-bottom: 10px !important;
font-size: 1rem;
font-weight: 600;
}
.home-product .product-small .product-small.box .box-image {
border-radius: 20px 20px 0 0;
}
.home-product .product-small .product-small.box .box-text {
border-radius: 0 0 20px 20px;
}
.home-product .flickity-button {
transition: none;
transform: none !important;
opacity: 1;
min-height: auto;
height: 25px;
margin-top: 0 !important;
}
.home-product .slider:hover .flickity-button {
transform: none !important;
}
.home-product .flickity-button.flickity-prev-next-button.previous::before {
content: '';
display: inline-block !important;
background: url(//www.snapshotrent.com/wp-content/themes/snapshot/images/icon-arrow3-L.svg) no-repeat 0 0 / 13px auto;
width: 13px;
height: 20px !important;
right: 3px;
}
.home-product .flickity-button.flickity-prev-next-button.next::before {
content: '';
display: inline-block !important;
background: url(//www.snapshotrent.com/wp-content/themes/snapshot/images/icon-arrow3-R.svg) no-repeat 0 0 / 13px auto;
width: 13px;
height: 20px !important;
right: 3px;
}
.home-product .flickity-button svg {
display: none;
}
.home-product .flickity-page-dots li.dot {
position: relative;
overflow: hidden;
background: transparent !important;
width: 9px;
height: 9px;
transform: rotate(-60deg) skewX(30deg) scaleY(.866);
margin-right: 5px;
border-radius: 0;
opacity: 1 !important;
}
.home-product .flickity-page-dots li.dot::before {
position: absolute;
right: 6.7%;
bottom: 0;
left: 6.7%;
top: 0;
transform: scaleY(1.155) skewX(-30deg) rotate(30deg);
background: linear-gradient(59.82deg, #525252 0%, #525252 49.36%, #525252 50.11%, #525252 100%);
content: '';
}
.home-product .flickity-page-dots li.dot.is-selected::before {
background: linear-gradient(59.82deg, #F7941E 0%, #F7941E 49.36%, #F7941E 50.11%, #F7941E 100%);
}
.home-product a.see-more {
float: right;
font-family: 'Noto Sans Thai', sans-serif;
font-size: 1rem;
}
.price-wrapper span.woocommerce-Price-currencySymbol {
visibility: hidden;
}
.price-wrapper span.woocommerce-Price-currencySymbol::before {
visibility: visible;
content: 'บาท';
display: inline-block;
font-family: 'Noto Sans Thai', sans-serif;
margin-left: 10px;
}
.home-product .advanced-woo-labels {
left: -20px !important;
} .product-small.box:hover a {
color: #f7941e;
}
.product-small span.woocommerce-Price-amount.amount:before {
content: 'ค่าเช่า';
margin-right: 10px;
color: #F7941E;
font-weight: 400;
font-size: 1rem;
} .home-camera .col:last-child {
padding-bottom: 0;
}
.home-camera a.btn-seeall {
margin-bottom: 0 !important;
border-radius: 30px !important;
width: 118px;
border: none;
background-color: #F7941E;
min-height: auto;
color: #fff;
margin-top: 20px;
}
.home-camera .img .img-inner img:hover {
filter: brightness(0.8);
} .two-banner .gopro-11 .img-inner,
.two-banner .sony-a7-iv .img-inner {
border-radius: 20px;
}
.home-three-banner .check-q .img .img-inner {
border-radius: 20px;
border: 1px solid #747474;
} .bg-social-contact {
padding-top: 10px !important;
padding-bottom: 15px !important;
}
.bg-social-contact {
content: '';
background: url(//www.snapshotrent.com/wp-content/themes/snapshot/images/BG-bottom-m.jpg) no-repeat 0 0 / 100% auto;
width: 100%;
}
.social-contact > .col {
padding-bottom: 0;
}
.social-contact .col:not(.col:first-child) .img img:hover {
filter: brightness(0.8);
}
.show-for-small .social-contact .small-3 {
flex-basis: 20%;
max-width: 20%;
padding-bottom: 0;
}
.social-contact .logo {
margin-bottom: 15px;
}
.home-product .p-head h4 {
font-size: 1.5rem;
} .footer-links h4,
.footer-links p,
.footer-links a {
font-family: 'Noto Sans Thai', 'Roboto', sans-serif;
color: #090909;
text-transform: capitalize;
font-size: 0.9rem;
white-space: nowrap;
vertical-align: top;
}
.footer-links .col {
padding-bottom: 0;
}
.f-menu ul li {
margin-bottom: 0;
}
.icon-social img {
width: 22px;
margin-right: 10px;
float: left;
}
.footer-links a p:hover {
color: #F18523;
}
.icon-social img.i-line {
margin-right: 10px;
}
.footer-links .f-contact {
margin-bottom: 15px;
}
ul.contact-icon {
margin: 0;
}
.contact-icon li#address {
margin-bottom: 15px;
}
.icon-social {
display: inline-block;
margin-bottom: 0;
}
.icon-social p {
white-space: nowrap;
margin-top: 20px;
display: flex;
}
.contact-icon li img {
width: 18px;
float: left;
margin-right: 10px;
}
.footer-links.show-for-small .f-contact {
margin-top: 15px;
}
.footer-links.show-for-small .f-menu {
display: flex;
margin-top: 15px;
margin-bottom: 15px;
}
.footer-links.show-for-small .f-menu ul {
margin-bottom: 0;
}
.footer-links.show-for-small ul.f-about-menu {
margin-right: 25%;
}
.contact-icon li p {
margin-bottom: 0;
}
#name-company p {
font-family: 'Roboto', sans-serif;
font-weight: 600;
font-size: 1.1rem;
}
#address p {
color: #F7941E;
font-size: 1rem;
}
.dark .footer-links a {
color: #BFBFBF;
} .cms-menu li span {
display: none;
}
.cms-title .cms-logo {
display: flex;
align-items: center;
margin-bottom: 15px;
font-size: 1.2rem;
}
.cms-logo img {
margin-right: 20px;
}
.cms-title h3 {
color: #000000;
margin-bottom: 0;
}
.cms-page .form-confirm {
border: solid 2px #F7941E;
border-radius: 12px;
padding-bottom: 0;
}
.form-confirm .form-title {
padding: 2px 15px;
background: #F7941E;
width: fit-content;
color: #fff;
border-radius: 0 0 12px 12px;
margin: 0 0 30px 15px !important;
font-weight: 400 !important;
}
.cms-page form input,
.cms-page form select,
.cms-page form textarea {
border-radius: 22px !important;
background-color: #f5f5f5 !important;
border: 1px solid #c5c5c5 !important;
}
.cms-page input[type=file] {
border: none !important;
background: unset !important;
}
.form-confirm .form-confirm-payment .file input {
border: none;
background-color: unset;
border-radius: 0;
}
.cms-content span.mark {
color: red;
margin-right: 5px;
}
.form-confirm .form-confirm-payment {
font-size: 14px;
}
.form-confirm-payment>.row:nth-child(4)>.col {
padding-bottom: 0 !important;
}
.cms-menu li img {
display: inline-block;
filter: brightness(0.5);
width: 35px;
padding: 5px;
margin: 0 5px;
}
.cms-menu ul {
display: flex;
justify-content: center;
margin: 0;
}
.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 {
background-color: #F7941E;
filter: brightness(1);
border-radius: 6px;
}
.confirm-page .note-bottom {
background-color: #f5f5f5;
border-radius: 12px;
margin-top: 15px;
padding: 30px 30px 0 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;
}
.cms-page form .wpcf7-spinner {
display: none;
}
.cms-page form .submit-confirm {
text-align: right;
font-family: 'Roboto', 'Kanit', sans-serif;
}
.cms-page form .submit-confirm input {
margin: 0;
border: none;
padding: 0 50px 0 50px;
border-radius: 22px !important;
background: #15456D;
}
.policy-page .cms-logo {
font-size: 1rem;
}
.policy-page .w-100 {
background-color: #f9f9f9;
border-radius: 12px;
padding: 15px 30px;
}
.w-100 li {
margin-bottom: 0;
}
.cms-page .cms-content a {
color: #424242;
font-size: 0.9rem;
}
.cms-page .cms-content a:hover {
color: #f18523;
}
.list-cookie {
padding: 15px;
}
.how-col {
padding: 0;
margin-bottom: 10px;
display: inline-block;
width: 100%;
}
.how-img {
padding: 0 !important;
text-align: center;
max-width: 100% !important;
}
.how-step {
display: flex;
align-items: center;
}
.how-step h1 {
width: auto;
margin: 0;
font-size: 3.5rem;
color: #333;
font-family: 'Roboto', sans-serif !important;
font-weight: 600 !important;
}
.how-step h4 {
color: #333;
margin: 0 0 10px 15px;
font-weight: 400;
font-size: 1.2rem;
}
.howto-page .how-col p {
min-height: 42px;
margin: 0;
}
.how-text {
padding: 15px;
max-width: 100% !important;
}
.home-catagory .flickity-prev-next-button.next .how-text {
padding: 0 0 15px 0;
}
.bank-data {
display: flex;
}
.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;
}
.payment-page .order-step-box {
border: 2px solid #F7941E;
border-radius: 12px;
padding: 15px 15px 0 15px;
font-size: 14px;
}
.order-step-box ul {
list-style: none;
align-items: center;
justify-content: center;
}
.order-step-box ul img {
width: 30px;
margin: 0;
}
.payment-page .order-step-box ul li {
margin: 0;
}
.payment-page li img.dropdown {
transform: rotate(-90deg);
margin: 10px;
width: 25px;
}
.order-step-box .order-condition {
font-family: 'Sarabun', sans-serif;
background-color: #F7941E;
color: #fff;
padding: 10px;
border-radius: 50px;
text-align: center;
}
.bank img {
width: 70px;
border-radius: 12px 0 0 12px;
}
ul.bank-detail li {
list-style: none;
font-size: 14px;
line-height: 1.4;
color: #1f1f1f;
margin: 0;
margin-left: 1.3em !important;
}
.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: #F7941E;
width: fit-content;
color: #fff;
border-radius: 0 0 12px 12px;
margin: 0 0 30px 5px;
}
.shipping-page .cms-content>div:not(.cms-title) img {
margin: 25px auto;
}
.c-by ul {
display: flex;
justify-content: center;
flex-direction: row;
align-items: flex-start;
list-style: none;
margin: 0 30px;
}
.c-by li {
margin: 0 15px;
}
.c-by li:before {
content: "\2022";
color: #15456D;
font-weight: bold;
font-size: 1rem;
margin-right: 10px;
line-height: 1;
}
.cms-content p {
font-family: 'Sarabun', sans-serif;
font-size: 14px;
}
.notify-note {
background-color: #efefef;
border-radius: 22px;
padding: 5px 10px;
}
.contact-page .form-title,
.contact-page .box-title {
background-color: #F7941E;
display: inline-flex;
color: #fff;
padding: 10px 30px;
border-radius: 0 0 12px 12px;
margin: 0 0 30px 15px;
}
.form-contact .form-bg {
padding-left: 50px;
padding-right: 0;
padding-bottom: 0;
}
.contact-page .box-text {
padding: 0;
}
.contact-page .box-text h4,
.contact-page .box-text p {
margin: 0 0 0 10px;
color: #fff;
}
.contact-page .box-bg {
background-color: #f5f5f5;
border-radius: 12px;
padding-bottom: 8px;
}
.box-contact .box-content ul {
list-style: none;
}
.box-contact .box-content .data h4,
.box-contact .box-content .data p {
margin: 0 0 0 30px;
text-transform: uppercase;
}
.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 li:last-child {
margin-bottom: 0;
}
.contact-page .form-contact,
.contact-page .box-contact {
padding-bottom: 30px;
}
.map iframe {
width: 100%;
border-radius: 12px;
}
.form-contact-us .row:nth-child(3)>.col {
padding-bottom: 15px;
}
.form-contact-us .submit-form {
text-align: center;
font-family: 'Roboto', 'Kanit', sans-serif;
}
.form-contact .form-contact-us .submit-form input {
background-color: #15456D;
border-radius: 22px !important;
padding: 0 50px 0 50px;
border: none;
}
.about-page .img-top {
position: relative;
}
.about-page .img-top img {
width: 100%;
border-radius: 12px 12px 0 0;
margin-bottom: 0 !important;
}
.about-page .img-top label img {
width: 40px;
border-radius: 0;
}
.about-page label {
background-color: #15456D;
border-radius: 12px 12px 0 0;
padding: 0 30px !important;
position: absolute;
left: 0;
bottom: 0;
margin: 0 0 0 40px;
}
.about-page section {
background: linear-gradient(90deg, rgba(255, 122, 0, 1) 0%, rgba(239, 158, 0, 1) 100%);
color: #fff;
padding: 30px;
font-size: 1rem;
border-radius: 0 0 22px 22px;
}
.about-page .s-title {
display: flex;
align-items: center;
margin-bottom: 15px;
}
.about-page .s-title img {
margin-right: 20px;
}
.s-title h4 {
font-size: 1.2rem;
color: #fff;
}
.about-content section>p {
margin: 0;
font-size: 0.9rem;
font-family: 'Sarabun', sans-serif;
}
.cms-content .pay {
font-family: 'kanit';
font-size: 1em;
line-height: 3;
color: #333;
font-weight: 400;
position: relative;
left: 25px;
}
div.wpforms-container-full .wpforms-form textarea.wpforms-field-large {
height: 150px !important;
}
.wpforms-submit-container {
text-align: center !important;
}
.wpforms-submit {
background-color: #F7941E !important;
border-radius: 5px !important;
padding: 0 50px !important;
color: #fff !important;
border: none !important;
}
.wpforms-submit:hover {
filter: brightness(0.8);
}
#seed-confirm-form {
margin-bottom: 0;
border: none;
}
#seed-confirm-form input.btn.btn-primary {
background-color: #F7941E !important;
border: none !important;
border-radius: 22px !important;
}
@media only screen and (max-width: 320px) { }
@media only screen and (min-width: 480px) { }
@media only screen and (min-width: 550px) { .head-title {
width: 55%;
} .product-small .product-title a {
font-size: 1.4rem;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
height: 65px;
} .bg-social-contact {
content: '';
background: url(//www.snapshotrent.com/wp-content/themes/snapshot/images/BG-bottom-tablet.jpg) no-repeat 0 0 / 100% auto;
width: 100%;
}
.social-contact .logo {
margin-bottom: 0;
} .footer-links .f-rent,  .footer-links .f-cms {
flex-basis: 42%;
max-width: 42%;
}
.f-menu {
margin: 0;
}
ul.f-cms-menu {
position: relative;
left: 6%;
margin: 0;
float: right;
}
ul.contact-icon {
margin: 5px 0 0;
padding-left: 4px;
text-align: center;
}
ul.f-about-menu {
margin: 0;
float: left;
}
.contact-icon li img {
padding-top: 0;
margin-right: 9px;
float: revert;
}
.footer-links.tb-large {
display: none;
}
.footer-links.tb-small {
display: flex;
}
#name-company p {
font-size: 1.2rem;
}
#address p {
font-size: 1rem;
margin-bottom: 25px;
}
#number-phone a {
font-size: 1rem;
}
.footer-links .f-menu a {
font-size: 1rem;
color: #616161;
}
.footer-links .f-menu a:hover {
color: #f7941e;
} .about-page section {
padding: 30px 40px;
}
.form-contact form {
max-width: 600px;
margin: auto
}
.shipping-page .cms-content>div:not(.cms-title) h4 {
margin: 0 0 30px 5px;
}
.how-text {
padding: 0 0 15px 15px;
}
.list-cookie {
padding: 30px;
}
.cms-page .left-menu {
float: left;
padding: 0;
}
.cms-page .cms-content {
display: inline-block;
width: 100%;
}
.cms-page .cms-menu {
padding: 0 15px 0 0;
}
.cms-menu ul {
background-color: #F7941E;
border-radius: 12px;
display: block;
}
.cms-menu li {
display: block;
background-color: #090909;
padding: 10px 0;
font-family: 'Roboto', 'Kanit', sans-serif;
margin: 0 10px 0 0 !important;
}
.cms-menu li:first-child {
border-radius: 12px 12px 0 0;
}
.cms-menu li:last-child {
border-radius: 0 0 12px 12px;
}
.cms-menu li a {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
color: #fff;
}
.cms-menu li img {
width: 30px;
margin: 10px;
filter: brightness(10);
padding: 0;
}
.cms-menu li span {
display: block;
font-family: 'Noto Sans Thai', sans-serif;
}
.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: #F7941E;
}
.cms-menu li:hover {
background: #F7941E;
}
.wpforms-field {
width: 50% !important;
max-width: 50%;
display: inline-block;
padding: 0px 10px !important;
}
.how-img {
position: relative;
float: left;
width: 16.66667% !important;
}
.how-text {
float: right;
width: 83.33333% !important;
} ul.f-contact {
display: inline-flex;
column-gap: 25px;
}
}
@media only screen and (min-width: 768px) { .head-title {
width: 40%;
}
.home-catagory {
padding-bottom: 10px !important;
}  .bg-social-contact {
padding-top: 45px !important;
padding-bottom: 45px !important;
}
.social-contact {
width: 85% !important;
}
.social-contact .social-icon .img {
width: 65% !important;
} .footer-bg {
padding-top: 20px !important;
}
.footer-links .f-rent {
flex-basis: 30%;
max-width: 30%;
}
.footer-links .medium-3 {
flex-basis: 17%;
max-width: 17%;
}
.footer-links .f-cms {
flex-basis: 20%;
max-width: 20%;
}
.footer-links .f-about {
flex-basis: 16%;
max-width: 16%;
}
.footer-links .f-contact {
margin-bottom: 20px;
}
ul.icon-social.for-left {
width: 40%;
}
ul.icon-social.for-right {
width: 30%;
}
ul.f-cms-menu {
left: 0;
}
.contact-icon li img {
position: relative;
bottom: 2px;
}
}
@media only screen and (min-width: 850px) { .p-head {
margin-bottom: 20px;
}
.home-product ol.flickity-page-dots {
bottom: 0;
top: -19%;
transform: translate(-100%, 95%);
min-height: auto;
height: 20px;
left: auto;
right: 15px;
margin-right: 8px;
}
.product-bg {
padding: 30px 0 !important;
}
.home-product a.see-more {
position: relative;
top: 8px;
} .bg-social-contact {
content: '';
background: url(//www.snapshotrent.com/wp-content/themes/snapshot/images/BG-bottom.jpg) no-repeat 0 0 / 100% auto;
width: 100%;
}
.social-contact {
width: 100% !important;
} .footer-links .f-contact {
flex-basis: 100%;
max-width: 100%;
}
.footer-links.tb-small {
display: none !important;
}
.icon-social img {
float: left;
margin-right: 15px;
}
.f-logo-social .f-logo {
float: left;
width: auto;
padding: 15px;
}
ul.icon-social {
display: block;
float: right;
max-width: 100%;
flex-basis: 100%;
width: 62%;
margin: 4px 0;
}
.icon-social p {
text-align: left;
margin-top: 0;
margin-bottom: 0;
}
ul.f-cms-menu {
left: 0;
}
.footer-links h4, .footer-links p, .footer-links a {
white-space: unset;
} .privacy-policy h4 {
font-size: 1.5rem;
margin-bottom: 15px !important;
text-align: center;
font-weight: 600 !important;
}
.wpforms-field {
padding: 8px 10px !important;
}
}
@media only screen and (min-width: 992px) { .home-category .box-text h4 {
font-size: 1.1rem;
}
.home-category .box-text a {
font-size: 1rem;
} .home-product ol.flickity-page-dots {
top: -17%;
transform: translate(-100%, 93%);
}
.home-product .flickity-button.flickity-prev-next-button.previous {
right: 96%;
}
.home-product .flickity-button.flickity-prev-next-button.next {
left: 96%;
} .banner-bg {
margin-top: 30px;
}  .social-contact .social-icon .img {
width: 70% !important;
}
.social-contact .logo .img img {
width: 80%;
float: right;
margin-right: 15px;
}
.bg-social-contact {
padding-top: 18px !important;
padding-bottom: 25px !important;
} .footer-links .f-contact {
flex-basis: 28%;
max-width: 28%;
margin-bottom: 0;
}
.footer-links .f-rent {
flex-basis: 20%;
max-width: 20%;
}
.footer-links .medium-3 {
flex-basis: 12%;
max-width: 12%;
}
.footer-links .f-cms {
flex-basis: 14%;
max-width: 14%;
}
.footer-links .f-about {
flex-basis: 14%;
max-width: 14%;
}
ul.contact-icon {
text-align: left;
}
.icon-social p {
margin-bottom: 0;
}
.icon-social img.i-line {
margin-right: 15px;
}
.f-menu {
margin: 10px 0 0;
} .wpforms-field.wpforms-field-textarea {
width: 100% !important;
max-width: 100%;
}
}
@media only screen and (min-width: 1024px) { .home-product ol.flickity-page-dots {
transform: translate(-100%, 98%);
}
}
@media only screen and (min-width: 1200px) { .home-product ol.flickity-page-dots {
transform: translate(-100%, 90%);
top: -15%;
} .home-blog .head-title {
width: 30%;
}
.home-blog .box-text.text-left {
height: auto;
}
.home-blog p.from_the_blog_excerpt {
font-size: 0.9rem;
} .home-three-banner {
padding: 20px 0 !important;
} ul.icon-social {
width: 60%;
}
.contact-icon li:nth-child(3) {
margin-bottom: 0;
}
img.f-logo {
width: 16%;
margin-right: 20px;
}
.icon-social li {
margin: 5px 0;
}
.icon-social p {
text-align: left;
margin-bottom: 0;
}
ul.f-about-menu {
width: 45%;
}
ul.f-cms-menu {
width: 55%;
} .form-contact form {
max-width: 450px;
}
.notify-note {
margin: 0 80px 10px 80px;
}
.order-step-box p.order-explain {
font-family: 'Sarabun', sans-serif;
width: 80%;
margin: 30px auto;
}
ul.bank-detail li {
font-family: 'Sarabun', sans-serif;
font-size: 15px;
line-height: 1.6;
}
.bank-data .bank-detail {
height: 110px;
}
.bank img {
width: auto;
}
.confirm-page .note-bottom {
margin-top: 30px;
}
}
@media (min-width: 1440px) { .home-catagory .flickity-prev-next-button.previous {
left: 50px;
}
.home-catagory .flickity-prev-next-button.next {
right: 50px;
} .home-product ol.flickity-page-dots {
transform: translate(-100%, 95%);
top: -14%;
}
.home-product .flickity-button.flickity-prev-next-button.previous {
right: 100%;
}
.home-product .flickity-button.flickity-prev-next-button.next {
left: 100%;
} .bg-social-contact {
padding-top: 28px !important;
padding-bottom: 38px !important;
} .footer-wrapper .footer-links {
justify-content: space-between;
}
.f-contact.large-2 {
flex-basis: 20%;
max-width: 20%;
}
.f-rent.large-2 {
flex-basis: 22%;
max-width: 22%;
padding: 0 2% 0 8%;
}
.f-camera-1.large-2 {
flex-basis: 14%;
max-width: 14%;
padding: 0 2% 0 4%;
}
.f-camera-2.large-2 {
flex-basis: 13%;
max-width: 13%;
padding: 0 1% 0 5%;
}
.f-cms.large-2 {
flex-basis: 15%;
max-width: 15%;
padding: 0 0 0 6%;
}
.f-about.large-2 {
flex-basis: 13%;
max-width: 13%;
padding: 0 0 0 5%;
} .form-contact form {
max-width: 520px;
}
.payment-page .order-step-box {
padding: 50px 50px 30px 50px;
}
.wpforms-field {
padding: 9px 10px !important;
}
.contact-page .box-bg {
padding-bottom: 5px;
} }
@media (min-width: 1600px) { .home-catagory .flickity-prev-next-button.previous {
left: 25%;
}
.home-catagory .flickity-prev-next-button.next {
right: 25%;
} .home-product ol.flickity-page-dots {
top: -14%;
transform: translate(-100%, 92%);
} .bg-social-contact {
padding-top: 40px !important;
padding-bottom: 40px !important;
}
}
@media (min-width: 1920px) { .bg-social-contact {
padding-top: 62px !important;
padding-bottom: 40px !important;
}
}
@media (min-width: 2560px) { .bg-social-contact {
padding-top: 90px !important;
padding-bottom: 72px !important;
}
}html {
scroll-behavior: smooth;
}
#main {
min-height: 750px;
}
ul li {
list-style: none;
margin-left: 0 !important;
margin-bottom: 0;
}
ul ul {
margin-top: 0 !important;
}
h4 {
margin-bottom: 0 !important;
} .header-wrapper .header-top {
background-color: #000000;
padding-top: 6px;
padding-bottom: 3px;
}
.header-top .nav li p::before {
content: '';
display: inline-block;
background: url(//www.snapshotrent.com/wp-content/themes/snapshot/images/icon-cam.svg) no-repeat 0 0 / 15px auto;
width: 15px;
height: 13px !important;
margin-right: 8px;
vertical-align: middle;
position: relative;
bottom: 3px;
}
img.tel {
width: 13px;
vertical-align: -webkit-baseline-middle;
margin-right: 5px;
float: left;
}
.html_top_right_text a.number {
font-size: 13px;
}
.html_top_right_text a.number:hover {
filter: brightness(0.3);
color: #255176 !important;
}
.header-top .mobile-nav li p {
text-align: center;
} li.html.custom.html_topbar_left {
display: flex;
width: 100%;
}
li.has-dropdown.header-language-dropdown {
margin-bottom: 5%;
margin-right: 0 !important;
}
.custom.html_topbar_left p a:hover {
color: #F18523;
}
.custom.html_topbar_left span {
color: #888888;
}
.cart-icon.image-icon {
content: '';
background: url(//www.snapshotrent.com/wp-content/themes/snapshot/images/icon-cart.svg) no-repeat 0 0 / 30px auto;
width: 30px;
height: 26px !important;
top: -2px;
}
.cart-icon.image-icon strong {
border-radius: 11px;
width: 25px;
height: 15px;
border: none;
background-color: #D20000 !important;
color: #fff !important;
line-height: 1.2;
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size: 0.8rem;
padding-left: 1px;
position: relative;
bottom: 17px;
left: 8px;
}
.cart-icon.image-icon:hover strong {
border: none;
background-color: #F7941E !important;
color: #fff !important;
}
.cart-item a::before {
display: none;
}
.cart-icon.image-icon strong:after {
display: none;
}
.header-main #logo a {
max-width: 220px;
margin: auto;
} .header-wrapper .header-bottom .header-nav li a {
color: #fff;
font-size: 1.3rem;
}
.header-wrapper .header-bottom .header-nav li a:hover {
color: #000;
}
.header .header-wrapper .header-bottom {
background: linear-gradient(90deg, rgba(255,122,0,1) 0%, rgba(239,158,0,1) 100%);
} .mobile-sidebar .sidebar-menu ul li.header-search-form {
background-color: #0A0A0A;
}
.off-canvas .mobile-sidebar .sidebar-menu {
padding: 0;
}
.off-canvas .mobile-sidebar .nav-sidebar.nav-vertical .account-item {
background-color: #F7941E;
color: #fff;
border: none;
}
.mobile-sidebar .sidebar-menu .nav:not(.nav-slide) .active>.children {
padding-bottom: 15px;
}
.off-canvas .mobile-sidebar .header-account-title {
color: #fff;
font-size: 1rem;
}
.off-canvas .mobile-sidebar .nav > li.account-item > .children a {
color: #fff;
font-size: 0.9rem;
}
.mobile-sidebar ul.sub-menu {
padding-bottom: 15px !important;
}
.off-canvas .mobile-sidebar .nav-sidebar > li > .sub-menu a {
font-size: 0.9rem;
line-height: 1.2;
}
.off-canvas .mobile-sidebar .nav-sidebar li a {
font-family: 'Noto Sans Thai', sans-serif;
font-size: 1rem;
font-weight: 400;
line-height: 1;
color: #000;
text-transform: capitalize;
}
.off-canvas .sidebar-menu .nav-vertical > li.menu-item.current-menu-item:not(li.menu-item-home) > a {
color: #F18523;
}
.head-img {
display: flex;
}
.off-canvas .mobile-sidebar .nav-vertical .head-img li a {
padding-left: 0;
display: block;
text-align: center;
}
.off-canvas .mobile-sidebar .nav-vertical .head-img li a img {
width: 25px;
}
.header-main .mobile-nav li.nav-icon a {
color: #686868;
font-size: 1.2rem;
} .header .stuck .header-main {
background-color: #fff;
height: 100px !important;
}
.stuck #logo.logo img {
width: 70%;
}
.stuck .cart-icon.image-icon strong {
bottom: 38px;
}
.stuck li.has-dropdown.header-language-dropdown {
margin-bottom: 0;
} .sub-menu .custom-sub-menu .col {
padding-bottom: 0;
padding-top: 10px;
padding-left: 50px;
}
.header-bottom .header-nav li > .sub-menu .custom-sub-menu a:hover,
.header-bottom .header-nav li > .sub-menu .custom-sub-menu .ux-menu-link--active a {
color: #F18523 !important;
}
.header-wrapper .header-bottom .header-nav li .sub-menu li a {
color: #000;
font-size: 1rem;
}
.header-wrapper .header-bottom .header-nav li .sub-menu li a:hover,
.header-wrapper .header-bottom .header-nav li .sub-menu li.active a {
color: #F18523;
}
.header-wrapper .header-bottom .header-nav li .sub-menu li {
margin-right: 15px;
}
.header-bottom ul.header-nav li ul.sub-menu {
display: block;
column-count: 2;
}
.header-bottom ul.header-nav li#menu-item-31 ul.sub-menu {
column-count: 1;
} .header-search-form.search-form {
width: auto !important;
}
.header-search-form .searchform {
background-color: #fff;;
border: 1px solid #B8B8B8;
border-radius: 50px;
max-width: 100%;
width: 100%;
}
.header-search-form .search-field {
border: solid #C6C6C6;
background-color: transparent !important;
box-shadow: none !important;
border-width: 0 1px 0 0;
height: 24px;
padding-left: 19px;
}
.header-search-form .search-field::placeholder {
color: #565656;
}
.icon-search {
content: '';
display: inline-block !important;
background: url(//www.snapshotrent.com/wp-content/themes/snapshot/images/icon-search.svg) no-repeat 0 0 / 21px auto;
width: 21px;
height: 21px !important;
right: 3px;
}
.searchform .ux-search-submit {
background-color: transparent !important;
border: none;
padding: 3px 15px 0 16px!important;
box-shadow: none !important;
}
.icon-search::before {
display: none !important;
} .my-account .account-nav li a {
font-size: 1rem;
color: #000;
}
.my-account p {
font-family: 'Sarabun', sans-serif;
}
.my-account p strong {
font-family: 'Roboto', sans-serif;
}
.my-account .dashboard-links li a {
font-family: 'Noto Sans Thai';
color: #333;
border-color: #F18523;
}
.my-account .dashboard-links li a:hover {
background-color: #F18523;
color: #fff !important;
}
.my-account ul li a:hover,
.my-account ul li.active a {
color: #F18523;
}
.woocommerce-MyAccount-content p a {
font-weight: 600;
}
.woocommerce-MyAccount-content p a:hover {
color: #F18523;
}
li.account-item:hover a::before, li.account-item.active a::before {
display: none;
}
.dashboard-links li {
margin-bottom: 12px;
}
.my-account button:hover {
background-color: #F7941E;
box-shadow: none;
} .absolute-footer {
padding-top: 10px !important;
padding-bottom: 10px !important;
}
.footer-wrapper .absolute-footer {
background: linear-gradient(90deg, rgba(255,122,0,1) 0%, rgba(239,158,0,1) 100%);
} .cart-wrapper tbody button {
opacity: 1 !important;
background-color: #F7941E !important;
}
.cart-wrapper tbody button:hover {
box-shadow: none;
background-color: #000 !important;
color: #fff;
}
.woocommerce-cart .continue-shopping .button-continue-shopping {
border-color: #F7941E;
color: #F7941E;
}
.woocommerce-cart .continue-shopping .button-continue-shopping:hover {
background-color: #F7941E !important;
border-color: #F7941E;
color: #fff;
}
th.product-name {
font-family: 'Noto Sans Thai', sans-serif;
}
.wc-proceed-to-checkout a {
font-size: 1.2rem;
}
.shop_table thead {
font-family: 'Noto Sans Thai', sans-serif;
}
table.shop_table.shop_table_responsive {
font-family: 'Noto Sans Thai', sans-serif;
font-size: 1rem;
}
.shop_table .woocommerce-cart-form__cart-item td a {
font-family: 'Roboto', sans-serif;
}
.woocommerce-cart .wc-proceed-to-checkout .checkout-button {
background-color: #F7941E !important;
box-shadow: none;
}
.woocommerce-cart .wc-proceed-to-checkout .checkout-button:hover {
background-color: #000 !important;
color: #fff;
}
.checkout_coupon .coupon input[type=submit].is-form {
text-shadow: none;
border-color: #F7941E;
font-family: 'Noto Sans Thai', sans-serif;
font-size: 1rem;
color: #F7941E;
}
.checkout_coupon .coupon input[type=submit].is-form:hover {
background-color: #000;
border: none;
color: #fff;
}
.widget_shopping_cart_content a.button.wc-forward.wp-element-button {
background-color: transparent;
border-color: #F7941E;
color: #F7941E;
}
.widget_shopping_cart_content a.button.checkout.wc-forward.wp-element-button {
color: #fff !important;
}
.woocommerce-mini-cart a.remove.remove_from_cart_button {
line-height: 16px !important;
} button#place_order {
width: 100%;
font-size: 1.2rem;
}
.heading-font a {
font-family: 'Roboto', sans-serif;
font-size: 1.2rem;
}
.woocommerce-checkout .woocommerce-checkout-payment button#place_order {
background-color: #F7941E !important;
}
.woocommerce-checkout .woocommerce-checkout-payment button#place_order:hover {
box-shadow: none;
background-color: #000 !important;
}
.woocommerce-cart .product-remove a.remove {
line-height: 1.5 !important;
padding-left: 1px;
} .woocommerce-page .product-small .image-tools.top.right.show-on-hover {
bottom: 9px;
}
.woocommerce-page .breadcrumbs {
font-size: 1rem;
}
span.widget-title.shop-sidebar {
font-family: 'Noto Sans Thai', sans-serif;
font-size: 1.2rem;
}
.product-categories a {
font-family: 'Noto Sans Thai', sans-serif;
text-transform: capitalize;
}
.product-small .hover-slide-in {
transform: unset;
opacity: 1;
}
.product-small .cart-icon {
left: 0 !important;
bottom: 0 !important;
margin: 0 !important;
position: relative !important;
}
.single-product .price-wrapper span.woocommerce-Price-currencySymbol::before {
font-size: 1rem;
} .woocommerce-page .ui-slider-range.ui-corner-all.ui-widget-header {
background-color: #EF9E00;
}
.woocommerce-page .widget_price_filter .ui-slider .ui-slider-handle {
background-color: #F7941E;
}
#shop-sidebar .widget .button {
background-color: #F7941E;
}
.widget .product-categories .current-cat>a {
color: #F7941E;
} .next-prev-thumbs .button.icon i {
font-size: 1.2rem !important;
top: 0;
}
.specific {
border-top: 1px solid #d7dadb;
overflow: hidden;
padding: 20px 0;
}
.specific p {
display: block;
float: left;
width: 30%;
clear: both;
}
.s-content {
display: block;
float: left;
width: 70%;
height: auto !important;
}
.product-footer .tabs a {
font-size: 1.1rem;
}
.product-footer #tab-description p {
font-family: 'Sarabun', sans-serif;
}
.single-product .cart button.single_add_to_cart_button {
background-color: #F7941E !important;
box-shadow: none;
}
.single-product .cart button.single_add_to_cart_button:hover {
background-color: #000000 !important;
box-shadow: none;
}
.single-product .product-footer .flickity-prev-next-button {
box-shadow: none;
opacity: 1;
min-height: auto;
}
.single-product .product-footer .slider-nav-reveal .flickity-prev-next-button {
box-shadow: none;
}
.single-product .product-footer .price-wrapper span.woocommerce-Price-currencySymbol::before {
vertical-align: baseline;
}
.product-footer .flickity-button.flickity-prev-next-button.previous::before {
content: '';
display: inline-block !important;
background: url(//www.snapshotrent.com/wp-content/themes/snapshot/images/icon-arrow3-L.svg) no-repeat 0 0 / 13px auto;
width: 13px;
height: 20px !important;
right: 3px;
}
.product-footer .flickity-button.flickity-prev-next-button.next::before {
content: '';
display: inline-block !important;
background: url(//www.snapshotrent.com/wp-content/themes/snapshot/images/icon-arrow3-R.svg) no-repeat 0 0 / 13px auto;
width: 13px;
height: 20px !important;
right: 3px;
}
.product-footer .flickity-button svg {
display: none;
}
.single-product .price-wrapper span.woocommerce-Price-currencySymbol {
vertical-align: baseline;
}
.single-product ul.social-contact {
display: flex;
column-gap: 15px;
}
.single-product ul.social-contact img:hover {
filter: brightness(0.8);
}
.single-product p.price.product-page-price {
display: none;
} .promotion-page h4 {
font-size: 1.5rem;
text-align: center;
} .single-product .product-info .booking-form input[type=text] {
box-shadow: none;
}
.single-product .product-info .booking-form table, 
.single-product .product-info .booking-form td.bfws-date-field-wrapper, 
.single-product .product-info .booking-form tfoot tr td {
border-color: #333 !important;
}
.single-product .product-short-description p span {
text-decoration: line-through;
}
.single-product .product-short-description p:not(p:nth-child(1)) {
margin-bottom: 10px;
}
.single-product .product-short-description p:nth-child(2) {
text-decoration: underline;
}
.message-container {
display: none;
}
a.button.change-booking {
display: none;
} .account-login-inner h3, .account-register-inner h3 {
font-size: 1.5rem;
} .col.f-copyright {
padding-bottom: 5px;
}
.copyright-footer {
color: #000000;
font-family: 'Roboto', sans-serif !important;
text-align: center;
font-size: 0.85rem;
}
.big-list-1 ul li {
list-style: unset;
} .cli-bar-message a:hover {
color: #3366CC !important;
} .footer-wrapper .back-to-top#top-link {
bottom: 10%;
border: none;
background-color: #F7941E;
}
.back-to-top i.icon-angle-up {
line-height: 2;
color: #fff;
}
.footer-wrapper .back-to-top#top-link:hover {
background-color: #333;
}
button.single_add_to_cart_button {
opacity: 1 !important;
}
@media only screen and (min-width: 550px) { li.html.custom.html_topbar_left {
justify-content: center;
}
.head-img li:not(li:last-child) {
margin-right: 15px;
}
.head-img img {
width: 25px;
}
.head-img img:hover {
filter: brightness(0.5);
}
.header-nav-main.nav li {
margin-right: 28px;
}
.header-nav-main.nav li.account-item {
margin-right: 20px;
}
.icon-user {
content: '';
display: inline-block;
background: url(//www.snapshotrent.com/wp-content/themes/snapshot/images/icon-user.svg) no-repeat 0 0 / 21px auto;
width: 21px;
height: 26px !important;
}
.icon-user:hover {
filter: brightness(0.5);
}
.icon-user:before {
display: none;
}
.wishlist-icon.icon-heart {
content: '';
display: inline-block;
background: url(//www.snapshotrent.com/wp-content/themes/snapshot/images/icon-favorite-stroke-blue.svg) no-repeat 0 0 / 25px auto;
width: 25px;
height: 23px !important;
}
.wishlist-icon.icon-heart:hover {
filter: brightness(0.5);
}
.wishlist-icon.icon-heart::before {
display: none;
}
.icon-search:before {
display: none;
} .header-wrapper .header-main {
height: 100px;
} .header-bottom .header-nav li {
margin-right: 20px;
}
.header-bottom .header-nav li a {
font-size: 1.1rem;
}
.header-bottom .header-nav li > .sub-menu .custom-sub-menu a {
font-size: 1rem;
} .woocommerce-page .product-small .image-tools.top.right.show-on-hover {
bottom: 12px;
}
}
@media only screen and (min-width: 850px) { .header-top .nav li p {
font-size: 1rem;
opacity: 0.8;
}
.html_top_right_text a.number {
font-size: 0.95rem;
} .header-main #logo a {
max-width: 250px;
}
.cart-icon.image-icon strong {
width: 30px;
height: 22px;
line-height: 1.5;
font-size: 1rem;
bottom: 26px;
}
.header-wrapper .header-main {
height: 140px;
} .header-search-form .searchform {
width: auto;
}
.header-search .search-field {
box-shadow: none;
border: none;
}
.header-search .ux-search-submit {
background-color: transparent !important;
box-shadow: none;
border: none;
}
.header-search .ux-search-submit:hover {
box-shadow: none;
} .header-bottom i.icon-angle-down {
display: none;
}
.sub-menu.nav-dropdown.nav-dropdown-default li a {
border: none;
} .woocommerce-page .product-small .image-tools.top.right.show-on-hover {
bottom: 11px;
right: 24%;
} .single-product .product-small .image-tools.top.right.show-on-hover {
right: 32%;
}
}
@media only screen and (min-width: 992px) {  .header-bottom .header-nav li {
margin-right: 40px;
} .stuck #logo.logo img {
width: 100%;
} .widget_shopping_cart .button.wc-forward {
background-color: transparent !important;
border: 1px solid #F18523 !important;
color: #F18523;
}
.widget_shopping_cart .buttons .button.wc-forward {
background-color: transparent !important;
border: 1px solid #F18523 !important;
color: #F18523;
}
.widget_shopping_cart .button.wc-forward:hover {
filter: brightness(0.5);
border: none !important;
color: #fff;
}
.widget_shopping_cart .button.wc-forward {
background-color: transparent !important;
color: #F7941E;
border-color: #F7941E;
}
.widget_shopping_cart p .button.checkout.wc-forward {
background-color: #F18523 !important;
color: #fff !important;
border: none !important;    
}
.widget_shopping_cart p .button.checkout.wc-forward:hover {
background-color: transparent !important;
border-color: #000 !important;
color: #000 !important;
}
.widget_shopping_cart ul.product_list_widget li a.remove {
background-color: #D20000;
color: #fff !important;
line-height: 1.5 !important;
}
.widget_shopping_cart ul.product_list_widget li a.remove:hover {
background-color: #F18523;
}
.cart_list li a.remove {
line-height: 15px !important;
} .woocommerce-page .product-small .image-tools.top.right.show-on-hover {
right: 21%;
} .single-product .product-small .image-tools.top.right.show-on-hover {
right: 28%;
} .col.f-copyright {
position: absolute;
top: 73%;
max-width: 42%;
flex-basis: 42%;
}
.col.f-copyright {
border: none;
}
}
@media only screen and (min-width: 1024px) { .col.f-copyright {
top: 82%;
}
}
@media only screen and (min-width: 1200px) { .header-search-form .searchform {
width: 400px;
} .header-bottom .header-nav li {
margin-right: 40px;
} .woocommerce-page .product-small .image-tools.top.right.show-on-hover {
right: 18%;
} .single-product .product-small .image-tools.top.right.show-on-hover {
right: 23%;
}
}
@media only screen and (min-width: 1440px) { .header-bottom .header-nav li {
margin-right: 80px;
} .woocommerce-page .product-small .image-tools.top.right.show-on-hover {
right: 16%;
} .single-product .product-small .image-tools.top.right.show-on-hover {
right: 20%;
}
}