body {
  font-size: 1.30vw;
  font-family: "Conv_SukhumvitSet-Text";
  line-height: 1.4;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  body {
    font-size: 1.90vw;
  }
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  body {
    font-size: 5vw;
  }
}

a,
button,
input,
select,
textarea {
  background-color: transparent;
  border: none;
  outline: none !important;
  text-decoration: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  color: inherit;
}

sup {
  top: -0.9em;
}

img {
  max-width: 100%;
}

img.full {
  min-width: 100%;
}

.pd-0 {
  padding: 0 !important;
}

.pd-lr-0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.pd-l-0 {
  padding-left: 0 !important;
}

.pd-r-0 {
  padding-right: 0 !important;
}

.pd-b-0 {
  padding-bottom: 0 !important;
}

.mg-0 {
  margin: 0 !important;
}

.mg-lr-0 {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.mg-t-0 {
  margin-top: 0 !important;
}

.mg-b-0 {
  margin-bottom: 0 !important;
}

.nowrap {
  white-space: nowrap;
}

.is-mobile {
  display: none !important;
}

ul li {
  list-style: disc;
}

@media only screen and (min-width: 250px) and (max-width: 767px) {
  .is-mobile {
    display: block !important;
  }
}

.is-tablet {
  display: none !important;
}

.is-tablet-only {
  display: none !important;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .is-tablet-only {
    display: block !important;
  }
}

@media only screen and (min-width: 250px) and (max-width: 991px) {
  .is-tablet {
    display: block !important;
  }
}

.is-desktop-lg {
  display: block !important;
}

@media only screen and (min-width: 250px) and (max-width: 991px) {
  .is-desktop-lg {
    display: none !important;
  }
}

.is-desktop {
  display: block !important;
}

@media only screen and (min-width: 250px) and (max-width: 767px) {
  .is-desktop {
    display: none !important;
  }
}

@media only screen and (min-width: 250px) and (max-width: 767px) {
  .pd-0-m {
    padding: 0 !important;
  }

  .pdb-0-m {
    padding-bottom: 0 !important;
  }

  .pdt-0-m {
    padding-top: 0 !important;
  }

  .mg-0-m {
    margin: 0 !important;
  }

  .mgb-0-m {
    margin-bottom: 0 !important;
  }

  .mgt-0-m {
    margin-top: 0 !important;
  }
}

a.plink {
  color: #7244F7;
}

.txt-sukhumvit-bold {
  font-family: 'Conv_SukhumvitSet-Bold';
}

.txt-sukhumvit-medium {
  font-family: 'Conv_SukhumvitSet-Medium';
}

.txt-sukhumvit-normal {
  font-family: 'Conv_SukhumvitSet-Text';
}

.txt-sukhumvit-light {
  font-family: 'Conv_SukhumvitSet-Light';
}

@media only screen and (min-width: 1200px) and (max-width: 50000px) {
  .custom-container {
    max-width: 85.5%;
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .custom-container {
    max-width: 90%;
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .custom-container {
    max-width: 90%;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .custom-container {
    max-width: 90%;
  }
}

@media only screen and (min-width: 250px) and (max-width: 767px) {
  .custom-container {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.d-flex-default,
.block-content-promo-mae-manee .block-square-content-promo .padding-fix-text-text-promo .tabs,
.block-inner-none-container .block-padding-tab-content .block-item-playlist .block-item-content-flex,
.block-inner-none-container .block-padding-tab-content .block-item-playlist .block-item-content-flex2,
.block-flex-content-playlist-sub,
.block-flex-content-playlist-sub .content-col-3-playlist .block-flex-detail-content-playlist .block-bg-detail-content-playlist .flex-block-detail-btmmn-and-content,
.block-flex-content-playlist-sub .content-col-3-playlist .block-flex-detail-content-playlist .block-bg-detail-content-playlist .flex-block-detail-btmmn-and-content .block-btmmn-detail-playlist-col-2,
.block-flex-content-playlist-sub .content-col-3-playlist .block-flex-detail-content-playlist .block-bg-detail-content-playlist .flex-block-detail-btmmn-and-content .block-btmmn-detail-playlist .tabs,
.blog-page .block-mae-manee-blog .block-mae-manee-blog-content .block-mae-manee-blog-body .block-title-content-blog-mae-manee .block-filter-content-blog-mae-manee,
.blog-page .block-mae-manee-blog .block-mae-manee-blog-content .block-mae-manee-blog-body .block-title-content-blog-mae-manee .block-filter-content-blog-mae-manee .block-filter-1,
.blog-page .block-mae-manee-blog .block-mae-manee-blog-content .block-mae-manee-blog-body .block-tab-switch-blog-mae-manee-tab1 .block-flex-content-detail-blog-mae-manee,
.blog-page .padding-form-modal .modal-tab-mae-manee.scroll-tab .modal-body .block-modal-item-blog,
.block-breadcum-blog-detail,
.block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .block-flex-map-blog-detail,
.block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .blokc-content-2-blog-detail-mae-manee .block-item-content-3-blog-detail,
.block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .block-tag-blog-detail-mae-manee .item-btmmn-block-tag-blog-detail .tabs,
.background-content-footer-blog-detail .flex-item-content-footer-blog-detail,
.block-body .block-body-top-detail,
.block-body .block-body-bottom-detail,
.block-why-sec2 .why-symbol .inner .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

.d-flex-a-center,
.maemanee-loader .loader-wrapper-in .loader-wrapper-in-progressBar .progressBar,
.block-content-promo-mae-manee .block-square-content-promo,
.block-banner-text .block-breadcum-list-sup,
.block-banner-text .block-btmmn-share-right-banner,
.block-banner-text .block-share-res-list button,
.block-flex-content-playlist-sub .content-col-3-playlist .block-flex-detail-content-playlist,
.blog-page .block-mae-manee-blog .block-mae-manee-blog-content .block-mae-manee-blog-body .block-title-content-blog-mae-manee .block-filter-content-blog-mae-manee .block-filter-1 button,
.blog-page .block-mae-manee-blog .block-mae-manee-blog-content .block-mae-manee-blog-body .block-title-content-blog-mae-manee .block-filter-content-blog-mae-manee .result-sort,
.block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .block-flex-map-blog-detail .block-text-blog-detail .item-center-align a,
.block-detail-banner .block-register-banner .register-banner-inner,
.block-detail-banner .block-register-banner .register-banner-inner .register-text,
.block-register-banner .register-banner-inner .register-text .contact .item,
.block-register-banner .register-banner-inner .register-text .contact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

.d-flex-j-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

.d-flex-all-center,
.maemanee-loader .loader-wrapper-in,
.maemanee-loader .loader-wrapper-in .loader-wrapper-in-img,
.block-banner-promo-mae-manee,
.block-content-promo-mae-manee .block-square-content-promo .padding-fix-text-text-promo .tabs .item-tab .tab,
.block-inner-none-container .block-padding-tab-content .block-nav-mae-manee-playlist,
.block-nav-mae-manee-playlist nav ul.pagination li a,
.block-banner-text .block-breadcum-list-sup .block-color-circle-icon button,
.block-banner-text .block-btmmn-share-right-banner button,
.block-flex-content-playlist-sub .content-col-3-playlist .block-flex-detail-content-playlist .block-bg-detail-content-playlist .flex-block-detail-btmmn-and-content .block-btmmn-detail-playlist .tabs .item-tab .tab,
.filter-mobile .flex-filter-mobile,
.blog-page .block-mae-manee-blog .block-mae-manee-blog-content .block-mae-manee-blog-body .block-title-content-blog-mae-manee,
.blog-page .block-mae-manee-blog .block-mae-manee-blog-content .block-mae-manee-blog-body .block-nav-mae-manee-playlist,
.blog-page .block-mae-manee-blog .block-mae-manee-blog-content .block-mae-manee-blog-body .block-nav-mae-manee-playlist nav ul li a,
.block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail,
.block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .block-tag-blog-detail-mae-manee .item-btmmn-block-tag-blog-detail .tabs .item-tab .tab,
.block-banner-aboutus-mae-manee {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

/*! locomotive-scroll v4.1.3 | MIT License | https://github.com/locomotivemtl/locomotive-scroll */
html.has-scroll-smooth {
  overflow: hidden;
}

html.has-scroll-dragging {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.has-scroll-smooth body {
  overflow: hidden;
}

.has-scroll-smooth [data-scroll-container] {
  min-height: 100vh;
}

[data-scroll-direction="horizontal"] [data-scroll-container] {
  height: 100vh;
  display: inline-block;
  white-space: nowrap;
}

[data-scroll-direction="horizontal"] [data-scroll-section] {
  display: inline-block;
  vertical-align: top;
  white-space: nowrap;
  height: 100%;
}

.c-scrollbar {
  position: absolute;
  right: 0;
  top: 0;
  width: 11px;
  height: 100%;
  -webkit-transform-origin: center right;
  transform-origin: center right;
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
  opacity: 0;
}

.c-scrollbar:hover {
  -webkit-transform: scaleX(1.45);
  transform: scaleX(1.45);
}

.c-scrollbar:hover,
.has-scroll-scrolling .c-scrollbar,
.has-scroll-dragging .c-scrollbar {
  opacity: 1;
}

[data-scroll-direction="horizontal"] .c-scrollbar {
  width: 100%;
  height: 10px;
  top: auto;
  bottom: 0;
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}

[data-scroll-direction="horizontal"] .c-scrollbar:hover {
  -webkit-transform: scaleY(1.3);
  transform: scaleY(1.3);
}

.c-scrollbar_thumb {
  position: absolute;
  top: 0;
  right: 0;
  background-color: black;
  opacity: 0.5;
  width: 7px;
  border-radius: 10px;
  margin: 2px;
  cursor: -webkit-grab;
  cursor: grab;
}

.has-scroll-dragging .c-scrollbar_thumb {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

[data-scroll-direction="horizontal"] .c-scrollbar_thumb {
  right: auto;
  bottom: 0;
}

.maemanee-loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-height: 100vh;
  z-index: 9999;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: #8E66C5;
}

.maemanee-loader .loader-wrapper-in {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
}

.maemanee-loader .loader-wrapper-in .txt_loading {
  color: #FF0005;
}

.maemanee-loader .loader-wrapper-in .loader-wrapper-in-img {
  width: 190px;
  height: 190px;
  background-color: rgba(64, 39, 117, 0.7);
  border-radius: 50%;
  margin: 0 0 5px 0;
}

.maemanee-loader .loader-wrapper-in .loader-wrapper-in-img img {
  position: relative;
  height: 205px;
  top: -20px;
  max-width: inherit;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  opacity: 1;
  -webkit-transform: scale(0);
  transform: scale(0);
}

.maemanee-loader .loader-wrapper-in .loader-wrapper-in-progressBar {
  width: 140px;
  margin: 5px 0 0 0;
}

.maemanee-loader .loader-wrapper-in .loader-wrapper-in-progressBar p {
  font-family: "Conv_SukhumvitSet-Light";
  color: #fff;
  font-size: 16px;
  margin: 5px 0 0 0;
}

.maemanee-loader .loader-wrapper-in .loader-wrapper-in-progressBar .progressBar {
  position: relative;
  width: 100%;
  height: 8px;
  border-radius: 1000px;
  overflow: hidden;
  border: 1px solid #fff;
}

.maemanee-loader .loader-wrapper-in .loader-wrapper-in-progressBar .progressBar .in {
  position: absolute;
  width: 0%;
  height: 100%;
  background-color: #fff;
  -webkit-transition: .3s;
  transition: .3s;
}

.maemanee-loader.unActive {
  opacity: 0;
  pointer-events: none;
  -webkit-transition: .5s;
  transition: .5s;
}

.main-all {
  overflow: hidden !important;
  position: relative;
  height: 100%;
  -webkit-perspective: 1px;
  perspective: 1px;
}

.main-all.bg_black {
  background-color: #000;
}

/* .main-all .bg_purble{

} */

.main-body {
  width: 100%;
  background-color: #FFF;
}

.main-all.fixScroll {
  pointer-events: none !important;
}

.main-all .main-body {
  margin-top: 5.2vw;
}

.main-all.fix_cookie.sticky_on .main-body .restaurant-list-sub-main {
  top: -6.25vw;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .main-all .main-body {
    margin-top: 7vw;
  }

  .main-all.fix_cookie.sticky_on .main-body .restaurant-list-sub-main {
    top: -13.3vw;
  }
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .main-all .main-body {
    margin-top: 16vw;
  }

  .main-all.fix_cookie.sticky_on .main-body .restaurant-list-sub-main {
    top: 0;
  }
}

p {
  font-size: 1.30vw;
  font-family: "Conv_SukhumvitSet-Text";
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  p {
    font-size: 1.90vw;
  }
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  p {
    font-size: 5vw;
  }
}

.block-backdrop-color {
  background: #000;
  background-color: #000;
  width: 100vw;
  height: 6.25vw;
  position: absolute;
  top: -6.25vw;
  z-index: 3;
}

.for_ios .block-banner-video.is-mobile.is-ios {
  position: absolute;
}

.for_android .block-banner-video.is-mobile.is-ios {
  position: absolute;
  z-index: -1;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .block-backdrop-color {
    top: -13.3vw;
    height: 13.3vw;
  }
}

.restaurant-list-sub-main {
  position: relative;
  transition: 0.3s;
  top: 0;
}

.block-banner-video {
  position: relative;
  height: 36.458vw;
  width: 100%;
}

.block-banner-video video {
  width: 100%;
  height: 100%;
}

.block-banner-video video::-webkit-media-controls-start-playback-button {
  display: none !important;
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .block-banner-video {
    height: 133.67vw;
  }
}

.block-banner-video::before {
  content: "";
  background: #0b0b0b;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(40%, rgba(11, 11, 11, 0.40716)), to(rgba(8, 8, 8, 0.45702)));
  background: linear-gradient(0deg, rgba(11, 11, 11, 0.40716) 40%, rgba(8, 8, 8, 0.45702) 100%);
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  z-index: 0;
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .block-banner-video::before {
    height: 100%;
  }
}

.block-banner-promo-mae-manee {
  position: relative;
}

.block-banner-promo-mae-manee .text-banner-promo-mae-manee {
  position: absolute;
  z-index: 1;
  text-align: center;
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .block-banner-promo-mae-manee .text-banner-promo-mae-manee {
    padding: 0 5vw;
  }
}

.block-banner-promo-mae-manee .text-banner-promo-mae-manee h5 {
  color: white;
  font-family: "Conv_SukhumvitSet-Bold";
  font-size: 3.90vw;
  line-height: 1.5;
  margin: 0;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .block-banner-promo-mae-manee .text-banner-promo-mae-manee h5 {
    font-size: 4.3vw;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .block-banner-promo-mae-manee .text-banner-promo-mae-manee h5 {
    font-size: 5vw;
  }
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .block-banner-promo-mae-manee .text-banner-promo-mae-manee h5 {
    font-size: 10.26vw;
  }
}

.block-banner-promo-mae-manee .text-banner-promo-mae-manee p {
  color: white;
  font-family: "Conv_SukhumvitSet-Text";
  font-size: 1.30vw;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .block-banner-promo-mae-manee .text-banner-promo-mae-manee p {
    font-size: 1.7vw;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .block-banner-promo-mae-manee .text-banner-promo-mae-manee p {
    font-size: 2.5vw;
  }
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .block-banner-promo-mae-manee .text-banner-promo-mae-manee p {
    font-size: 5.13vw;
  }
}

.block-banner-promo-mae-manee.why-page {
  position: relative;
  width: 100%;
}

.block-banner-promo-mae-manee.why-page .text-banner-promo-mae-manee {
  position: absolute;
  z-index: 1;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .block-banner-promo-mae-manee.why-page {
    height: 36.34vw;
  }

  .block-banner-promo-mae-manee.why-page .text-banner-promo-mae-manee h5 {
    font-size: 5vw;
  }

  .block-banner-promo-mae-manee.why-page .text-banner-promo-mae-manee p {
    font-size: 2.5vw;
  }
}

@media only screen and (min-width: 250px) and (max-width: 767px) {
  .block-banner-promo-mae-manee.why-page .text-banner-promo-mae-manee h5 {
    font-size: 10.26vw;
    line-height: 1.3;
    margin: 0 0 5px 0;
  }

  .block-banner-promo-mae-manee.why-page .text-banner-promo-mae-manee p {
    font-size: 5.13vw;
  }
}

.block-content-promo-mae-manee {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 4.16vw;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .block-content-promo-mae-manee {
    display: -ms-grid;
    display: grid;
  }
}

.block-content-promo-mae-manee .block-img-content-promo {
  width: 28vw;
  height: 28vw;
}

.block-content-promo-mae-manee .block-img-content-promo img {
  width: 100%;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .block-content-promo-mae-manee .block-img-content-promo {
    width: 32vw;
    height: 32vw;
  }
}

@media only screen and (min-width: 250px) and (max-width: 767px) {
  .block-content-promo-mae-manee .block-img-content-promo {
    width: 100%;
    height: 100%;
  }
}

.block-content-promo-mae-manee .block-square-content-promo {
  background-color: #FFD47D;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .block-content-promo-mae-manee .block-square-content-promo {
    width: 100%;
  }
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .block-content-promo-mae-manee .block-square-content-promo {
    width: 100%;
  }
}

.block-content-promo-mae-manee .block-square-content-promo.color-fix-1 {
  background-color: #DED7FC;
}

.block-content-promo-mae-manee .block-square-content-promo.color-fix-2 {
  background-color: #EFEFF2;
}

.block-content-promo-mae-manee .block-square-content-promo .padding-fix-text-text-promo {
  padding: 1.08vw 3.64vw;
  width: 100%;
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .block-content-promo-mae-manee .block-square-content-promo .padding-fix-text-text-promo {
    margin: 5.08vw 4.64vw;
  }
}

.block-content-promo-mae-manee .block-square-content-promo .padding-fix-text-text-promo h5 {
  font-size: 2.60vw;
  font-family: "Conv_SukhumvitSet-Bold";
  margin-top: 1.56vw;
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .block-content-promo-mae-manee .block-square-content-promo .padding-fix-text-text-promo h5 {
    margin-top: 5.4vw;
    font-size: 7vw;
  }
}

.block-content-promo-mae-manee .block-square-content-promo .padding-fix-text-text-promo .tabs {
  margin: 0 -0.25vw;
  padding-top: 1vw;
}

.block-content-promo-mae-manee .block-square-content-promo .padding-fix-text-text-promo .tabs .item-tab {
  padding: 0 0.25vw;
  margin-bottom: 0.5vw;
}

.block-content-promo-mae-manee .block-square-content-promo .padding-fix-text-text-promo .tabs .item-tab .tab {
  background-color: #9067C7;
  border-radius: 1000px;
  text-align: center;
  height: 1.6vw;
  padding: 0 1.15vw;
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .block-content-promo-mae-manee .block-square-content-promo .padding-fix-text-text-promo .tabs .item-tab .tab {
    height: 6.4vw;
    padding: 4px 5.8vw;
  }
}

.block-content-promo-mae-manee .block-square-content-promo .padding-fix-text-text-promo .tabs .item-tab .tab span,
.block-content-promo-mae-manee .block-square-content-promo .padding-fix-text-text-promo .tabs .item-tab .tab a {
  font-size: 0.75vw;
  color: #FFF;
  font-family: "Conv_SukhumvitSet-Medium";
  line-height: 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .block-content-promo-mae-manee .block-square-content-promo .padding-fix-text-text-promo .tabs .item-tab .tab span,
  .block-content-promo-mae-manee .block-square-content-promo .padding-fix-text-text-promo .tabs .item-tab .tab a {
    font-size: 1.2vw;
  }
}

@media only screen and (min-width: 290px) and (max-width: 767px) {

  .block-content-promo-mae-manee .block-square-content-promo .padding-fix-text-text-promo .tabs .item-tab .tab span,
  .block-content-promo-mae-manee .block-square-content-promo .padding-fix-text-text-promo .tabs .item-tab .tab a {
    font-size: 3.33vw;
  }
}

.block-content-promo-mae-manee .block-square-content-promo .padding-fix-text-text-promo .btmmn-promo-content-mae-manee button {
  background-color: #9067C7;
  border-radius: 20.04vw;
  width: 4.68vw;
  height: 1.30vw;
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .block-content-promo-mae-manee .block-square-content-promo .padding-fix-text-text-promo .btmmn-promo-content-mae-manee button {
    width: 23.68vw;
    height: 6.3vw;
  }
}

.block-content-promo-mae-manee .block-square-content-promo .padding-fix-text-text-promo .btmmn-promo-content-mae-manee button p {
  margin: 0.15vw 0 0 0;
  font-size: 0.67vw;
  font-family: "Conv_SukhumvitSet-Medium";
  color: white;
  text-align: center;
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .block-content-promo-mae-manee .block-square-content-promo .padding-fix-text-text-promo .btmmn-promo-content-mae-manee button p {
    font-size: 2.80vw;
    margin: 0.50vw 0 0 0;
  }
}

.block-content-promo-mae-manee .block-square-content-promo .padding-fix-text-text-promo .text-discount-content-promo {
  margin: 0.5vw 0;
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .block-content-promo-mae-manee .block-square-content-promo .padding-fix-text-text-promo .text-discount-content-promo {
    margin: 2.08vw 0;
  }
}

.block-content-promo-mae-manee .block-square-content-promo .padding-fix-text-text-promo .text-discount-content-promo p {
  font-size: 1.82vw;
  font-family: "Conv_SukhumvitSet-Text";
  margin: 0;
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .block-content-promo-mae-manee .block-square-content-promo .padding-fix-text-text-promo .text-discount-content-promo p {
    font-size: 5.25vw;
  }
}

.block-content-promo-mae-manee .block-square-content-promo .padding-fix-text-text-promo .text-discount-content-promo p.color-fix {
  color: #7244F7;
  font-size: 1.30vw;
  font-family: "Conv_SukhumvitSet-Text";
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .block-content-promo-mae-manee .block-square-content-promo .padding-fix-text-text-promo .text-discount-content-promo p.color-fix {
    font-size: 3.8vw;
  }
}

.block-content-promo-mae-manee .block-square-content-promo .padding-fix-text-text-promo .btmmn-promo-content-mae-manee-detail {
  margin: 1vw 0;
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .block-content-promo-mae-manee .block-square-content-promo .padding-fix-text-text-promo .btmmn-promo-content-mae-manee-detail {
    margin: 6.08vw 0;
  }
}

.block-content-promo-mae-manee .block-square-content-promo .padding-fix-text-text-promo .btmmn-promo-content-mae-manee-detail button {
  width: 12.5vw;
  height: 3.12vw;
  background-color: black;
  border-radius: 10.56vw;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .block-content-promo-mae-manee .block-square-content-promo .padding-fix-text-text-promo .btmmn-promo-content-mae-manee-detail button {
    width: 19.5vw;
    height: 5.12vw;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .block-content-promo-mae-manee .block-square-content-promo .padding-fix-text-text-promo .btmmn-promo-content-mae-manee-detail button {
    width: 17.5vw;
    height: 4.12vw;
  }
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .block-content-promo-mae-manee .block-square-content-promo .padding-fix-text-text-promo .btmmn-promo-content-mae-manee-detail button {
    width: 46.5vw;
    height: 11.12vw;
  }
}

.block-content-promo-mae-manee .block-square-content-promo .padding-fix-text-text-promo .btmmn-promo-content-mae-manee-detail button p {
  color: white;
  margin: 0;
  font-family: "Conv_SukhumvitSet-Bold";
  font-size: 1.04vw;
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .block-content-promo-mae-manee .block-square-content-promo .padding-fix-text-text-promo .btmmn-promo-content-mae-manee-detail button p {
    font-size: 4.04vw;
  }
}

.block-content-promo-mae-manee .block-square-content-promo .padding-fix-text-text-promo .btmmn-promo-content-mae-manee-detail .btmmn-view-defult {
  width: 12.5vw;
  height: 3.12vw;
}

@media only screen and (min-width: 250px) and (max-width: 767px) {
  .block-content-promo-mae-manee .block-square-content-promo .padding-fix-text-text-promo .btmmn-promo-content-mae-manee-detail .btmmn-view-defult {
    width: 46.5vw;
    height: 11.12vw;
    font-size: 4.04vw;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .block-content-promo-mae-manee .block-square-content-promo .padding-fix-text-text-promo {
    padding: 1.08vw 3.64vw;
  }
}

.block-btmmn-bottom-mae-manee-promo {
  margin: 3.12vw 0;
  text-align: center;
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .block-btmmn-bottom-mae-manee-promo {
    margin: 10.12vw 0;
  }
}

.block-btmmn-bottom-mae-manee-promo button,
.block-btmmn-bottom-mae-manee-promo .btmmn-view-defult {
  width: 15.6vw;
  height: 3.64vw;
  background-color: black;
  color: white;
  border-radius: 20.60vw;
  font-size: 1.04vw;
  font-family: "Conv_SukhumvitSet-Bold";
  margin: 0 auto;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .block-btmmn-bottom-mae-manee-promo button,
  .block-btmmn-bottom-mae-manee-promo .btmmn-view-defult {
    width: 31.06vw;
    height: 5.64vw;
    font-size: 2.04vw;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .block-btmmn-bottom-mae-manee-promo button,
  .block-btmmn-bottom-mae-manee-promo .btmmn-view-defult {
    width: 28.06vw;
    height: 5.64vw;
    font-size: 1.95vw;
  }
}

@media only screen and (min-width: 290px) and (max-width: 767px) {

  .block-btmmn-bottom-mae-manee-promo button,
  .block-btmmn-bottom-mae-manee-promo .btmmn-view-defult {
    width: 100%;
    height: 13.64vw;
    font-size: 4.04vw;
  }
}

.block-inner-none-container {
  position: relative;
  background-color: #f7f7f7;
  overflow: hidden;
}

.block-inner-none-container .position-bg-img-fix img {
  position: absolute;
  left: 58.5vw;
  top: 11vw;
  z-index: 0;
}

.block-inner-none-container .position-bg-img-fix img.fix-pic-img {
  width: 44.27vw;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .block-inner-none-container .position-bg-img-fix img {
    left: 60.5vw;
    top: 16vw;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .block-inner-none-container .position-bg-img-fix img {
    top: 30vw;
    display: none;
  }
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .block-inner-none-container .position-bg-img-fix img {
    display: block;
    width: 100%;
    top: 24vw;
    left: 51.9vw;
  }
}

.block-inner-none-container .position-bg-img-fix img.font-pic-img {
  z-index: 1;
  left: 68.6vw;
  top: 13.3vw;
  width: 17.97VW;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .block-inner-none-container .position-bg-img-fix img.font-pic-img {
    left: 71.6vw;
    top: 18.5vw;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .block-inner-none-container .position-bg-img-fix img.font-pic-img {
    display: block;
    z-index: 0;
    left: 69.6vw;
    top: 20.3vw;
    width: 31.93vw;
  }
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .block-inner-none-container .position-bg-img-fix img.font-pic-img {
    z-index: 0;
    left: 47.6vw;
    top: 15.3vw;
    width: 85.1vw;
  }
}

.block-inner-none-container .position-bg-img-fix.fix2 :first-child {
  left: -7.81vw;
  top: 77.08vw;
  width: 22.4vw;
  z-index: 1;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .block-inner-none-container .position-bg-img-fix.fix2 :first-child {
    left: -7.81vw;
    top: 108.08vw;
    width: 20vw;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .block-inner-none-container .position-bg-img-fix.fix2 :first-child {
    left: -40.81vw;
    top: 231.08vw;
  }
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .block-inner-none-container .position-bg-img-fix.fix2 :first-child {
    display: none;
  }
}

.block-inner-none-container .position-bg-img-fix.fix2 :nth-child(2) {
  left: 8vw;
  top: 66.50vw;
  width: 18.49vw;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .block-inner-none-container .position-bg-img-fix.fix2 :nth-child(2) {
    left: -1vw;
    top: 85.5vw;
    width: 16vw;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .block-inner-none-container .position-bg-img-fix.fix2 :nth-child(2) {
    left: -8vw;
    top: 209.5vw;
    width: 30vw;
  }
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .block-inner-none-container .position-bg-img-fix.fix2 :nth-child(2) {
    display: block;
    width: 100%;
    top: -20vw;
    left: -54vw;
  }
}

.block-inner-none-container .position-bg-img-fix.fix2 :last-child {
  position: absolute;
  left: 9.50vw;
  top: 79.50vw;
  width: 18.33vw;
  z-index: 0;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .block-inner-none-container .position-bg-img-fix.fix2 :last-child {
    width: 16vw;
    left: 3.5vw;
    top: 97.5vw;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .block-inner-none-container .position-bg-img-fix.fix2 :last-child {
    left: -2.5vw;
    top: 231.5vw;
    width: 17vw;
  }
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .block-inner-none-container .position-bg-img-fix.fix2 :last-child {
    display: none;
  }
}

.block-inner-none-container .position-bg-img-fix.fix3 :first-child {
  right: -10vw;
  top: 85.50vw;
  left: unset;
  width: 25vw;
  z-index: 1;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .block-inner-none-container .position-bg-img-fix.fix3 :first-child {
    width: 20vw;
    right: -10vw;
    top: 113.5vw;
    z-index: 1;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .block-inner-none-container .position-bg-img-fix.fix3 :first-child {
    width: 36vw;
    right: -19vw;
    top: 549.5vw;
    z-index: 1;
  }
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .block-inner-none-container .position-bg-img-fix.fix3 :first-child {
    display: none;
  }
}

.block-inner-none-container .position-bg-img-fix.fix3 :nth-child(2) {
  right: 2.7vw;
  top: 114.00vw;
  left: unset;
  width: 9.64vw;
  z-index: 1;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .block-inner-none-container .position-bg-img-fix.fix3 :nth-child(2) {
    width: 11vw;
    right: -1.3vw;
    top: 139vw;
    z-index: 1;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .block-inner-none-container .position-bg-img-fix.fix3 :nth-child(2) {
    right: -2.3vw;
    width: 12vw;
    top: 600vw;
    z-index: 1;
  }
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .block-inner-none-container .position-bg-img-fix.fix3 :nth-child(2) {
    display: none;
  }
}

.block-inner-none-container .position-bg-img-fix.fix3 :last-child {
  right: 7vw;
  top: 106.80vw;
  left: unset;
  width: 7.55vw;
  z-index: 1;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .block-inner-none-container .position-bg-img-fix.fix3 :last-child {
    width: 8vw;
    right: 3vw;
    top: 131.8vw;
    z-index: 1;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .block-inner-none-container .position-bg-img-fix.fix3 :last-child {
    right: 2.7vw;
    width: 8vw;
    top: 589vw;
    z-index: 1;
  }
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .block-inner-none-container .position-bg-img-fix.fix3 :last-child {
    display: none;
  }
}

.block-inner-none-container .text-absolute-bg {
  position: absolute;
  left: -35px;
  top: 52vw;
  z-index: 0;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .block-inner-none-container .text-absolute-bg {
    display: none;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .block-inner-none-container .text-absolute-bg {
    display: none;
  }
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .block-inner-none-container .text-absolute-bg {
    display: none;
  }
}

.block-inner-none-container .text-absolute-bg h5 {
  font-size: 26.04vw;
  font-family: "Conv_SukhumvitSet-Bold";
  color: #7244F7;
  opacity: 0.1;
}

.block-inner-none-container .block-text-head-manee-playlist {
  padding: 3.0vw 0;
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .block-inner-none-container .block-text-head-manee-playlist {
    padding: 8.0vw 0;
  }
}

.block-inner-none-container .block-text-head-manee-playlist h1 {
  font-family: "Conv_SukhumvitSet-Bold";
  font-size: 3.90vw;
  text-align: center;
  line-height: 1.6;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .block-inner-none-container .block-text-head-manee-playlist h1 {
    font-size: 4.90vw;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .block-inner-none-container .block-text-head-manee-playlist h1 {
    font-size: 6.90vw;
  }
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .block-inner-none-container .block-text-head-manee-playlist h1 {
    font-size: 12.20vw;
  }
}

.block-inner-none-container .block-padding-tab-content {
  padding: 0 7.64vw;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .block-inner-none-container .block-padding-tab-content {
    padding: 3.7vw;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .block-inner-none-container .block-padding-tab-content {
    padding: 0;
  }
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .block-inner-none-container .block-padding-tab-content {
    padding: 0;
  }
}

.block-inner-none-container .block-padding-tab-content .block-item-playlist .block-item-content-flex {
  margin: 0 1.04vw;
}

.block-inner-none-container .block-padding-tab-content .block-item-playlist .block-item-content-flex.justify-right {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .block-inner-none-container .block-padding-tab-content .block-item-playlist .block-item-content-flex.justify-right {
    padding-top: 6.60vw;
  }
}

.block-inner-none-container .block-padding-tab-content .block-item-playlist .block-item-content-flex .item-tab-content-grid {
  width: 25%;
  padding: 0 1.04vw;
  text-align: center;
}

@media only screen and (min-width: 992px) and (max-width: 10000px) {
  .block-inner-none-container .block-padding-tab-content .block-item-playlist .block-item-content-flex .item-tab-content-grid.desktop-big {
    width: 39.5%;
    padding: 0 1.04vw;
    text-align: center;
  }

  .block-inner-none-container .block-padding-tab-content .block-item-playlist .block-item-content-flex .item-tab-content-grid.desktop-big.mg-left {
    margin-left: auto;
  }

  .block-inner-none-container .block-padding-tab-content .block-item-playlist .block-item-content-flex .item-tab-content-grid.desktop-big .box-content {
    max-width: 100%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .block-inner-none-container .block-padding-tab-content .block-item-playlist .block-item-content-flex .item-tab-content-grid.desktop-big {
    width: 39.5%;
    padding: 0 1.04vw;
    text-align: center;
  }

  .block-inner-none-container .block-padding-tab-content .block-item-playlist .block-item-content-flex .item-tab-content-grid.desktop-big.mg-left {
    margin-left: auto;
  }

  .block-inner-none-container .block-padding-tab-content .block-item-playlist .block-item-content-flex .item-tab-content-grid.desktop-big .box-content {
    max-width: 100%;
  }
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .block-inner-none-container .block-padding-tab-content .block-item-playlist .block-item-content-flex .item-tab-content-grid {
    margin: 0;
    width: 100%;
  }

  .block-inner-none-container .block-padding-tab-content .block-item-playlist .block-item-content-flex {
    margin: 0 -2vw;
  }

  .block-inner-none-container .block-padding-tab-content .block-item-playlist .block-item-content-flex .item-tab-content-grid {
    width: 50%;
    padding: 0 2vw;
  }

  .block-inner-none-container .block-padding-tab-content .block-item-playlist .block-item-content-flex .item-tab-content-grid:nth-child(3n+1) {
    width: 100%;
  }
}

.block-inner-none-container .block-padding-tab-content .block-item-playlist .block-item-content-flex .item-tab-content-grid .box-img {
  position: relative;
  overflow: hidden;
}

.block-inner-none-container .block-padding-tab-content .block-item-playlist .block-item-content-flex .item-tab-content-grid .box-img:hover img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.block-inner-none-container .block-padding-tab-content .block-item-playlist .block-item-content-flex .item-tab-content-grid .box-img img {
  -webkit-transition: 0.7s;
  transition: 0.7s;
  -webkit-transform: scale(1);
  transform: scale(1);
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  width: 100%;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .block-inner-none-container .block-padding-tab-content .block-item-playlist .block-item-content-flex .item-tab-content-grid .box-img img {
    width: 34vw;
  }
}


.block-inner-none-container .block-padding-tab-content .block-item-playlist .block-item-content-flex .item-tab-content-grid .box-img img.fix-img {
  width: 100%;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .block-inner-none-container .block-padding-tab-content .block-item-playlist .block-item-content-flex .item-tab-content-grid .box-img img.fix-img {
    width: 17.93vw;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .block-inner-none-container .block-padding-tab-content .block-item-playlist .block-item-content-flex .item-tab-content-grid .box-img img.fix-img {
    width: 40.96vw;
  }
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .block-inner-none-container .block-padding-tab-content .block-item-playlist .block-item-content-flex .item-tab-content-grid .box-img img.fix-img {
    width: 100vw;
  }
}

.block-inner-none-container .block-padding-tab-content .block-item-playlist .block-item-content-flex .item-tab-content-grid p {
  font-size: 1.30vw;
  font-family: "Conv_SukhumvitSet-Bold";
  color: #31023F;
  margin: 1.82vw 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .block-inner-none-container .block-padding-tab-content .block-item-playlist .block-item-content-flex .item-tab-content-grid p {
    font-size: 2.20vw;
  }
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .block-inner-none-container .block-padding-tab-content .block-item-playlist .block-item-content-flex .item-tab-content-grid p {
    font-size: 4.50vw;
    margin: 5.82vw 0;
  }
}

.block-inner-none-container .block-padding-tab-content .block-item-playlist .block-item-content-flex .item-tab-content-grid.fix-mobile {
  display: none;
  margin: 0 -1.04vw;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .block-inner-none-container .block-padding-tab-content .block-item-playlist .block-item-content-flex .item-tab-content-grid.fix-mobile {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .block-inner-none-container .block-padding-tab-content .block-item-playlist .block-item-content-flex .item-tab-content-grid.fix-mobile :first-child {
    width: 100%;
  }

  .block-inner-none-container .block-padding-tab-content .block-item-playlist .block-item-content-flex .item-tab-content-grid.fix-mobile :first-child p {
    margin: 20px 0;
  }
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .block-inner-none-container .block-padding-tab-content .block-item-playlist .block-item-content-flex .item-tab-content-grid.fix-mobile :last-child {
    width: 100%;
  }

  .block-inner-none-container .block-padding-tab-content .block-item-playlist .block-item-content-flex .item-tab-content-grid.fix-mobile :last-child p {
    margin: 20px 0;
  }
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .block-inner-none-container .block-padding-tab-content .block-item-playlist .block-item-content-flex .item-tab-content-grid.none-mobile {
    display: none;
  }
}

.block-inner-none-container .block-padding-tab-content .block-item-playlist .block-item-content-flex2 {
  margin: 0 1.04vw;
}

.block-inner-none-container .block-padding-tab-content .block-item-playlist .block-item-content-flex2 .item-tab-content-grid {
  width: 25%;
  padding: 0 1.04vw;
  text-align: center;
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .block-inner-none-container .block-padding-tab-content .block-item-playlist .block-item-content-flex2 .item-tab-content-grid {
    width: 100%;
    margin: 0;
  }
}

.block-inner-none-container .block-padding-tab-content .block-item-playlist .block-item-content-flex2 .item-tab-content-grid .box-img {
  position: relative;
  overflow: hidden;
}

.block-inner-none-container .block-padding-tab-content .block-item-playlist .block-item-content-flex2 .item-tab-content-grid .box-img:hover img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.block-inner-none-container .block-padding-tab-content .block-item-playlist .block-item-content-flex2 .item-tab-content-grid img {
  -webkit-transition: 0.7s;
  transition: 0.7s;
  -webkit-transform: scale(1);
  transform: scale(1);
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .block-inner-none-container .block-padding-tab-content .block-item-playlist .block-item-content-flex2 .item-tab-content-grid img {
    width: 34vw;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .block-inner-none-container .block-padding-tab-content .block-item-playlist .block-item-content-flex2 .item-tab-content-grid img {
    width: 90vw;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .block-inner-none-container .block-padding-tab-content .block-item-playlist .block-item-content-flex2 .item-tab-content-grid img.fix-img {
    width: 17.93vw;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .block-inner-none-container .block-padding-tab-content .block-item-playlist .block-item-content-flex2 .item-tab-content-grid img.fix-img {
    width: 40.96vw;
  }
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .block-inner-none-container .block-padding-tab-content .block-item-playlist .block-item-content-flex2 .item-tab-content-grid img.fix-img {
    width: 100vw;
  }
}

.block-inner-none-container .block-padding-tab-content .block-item-playlist .block-item-content-flex2 .item-tab-content-grid p {
  font-size: 1.30vw;
  font-family: "Conv_SukhumvitSet-Bold";
  color: #31023F;
  margin: 1.82vw 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .block-inner-none-container .block-padding-tab-content .block-item-playlist .block-item-content-flex2 .item-tab-content-grid p {
    font-size: 2.2vw;
  }
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .block-inner-none-container .block-padding-tab-content .block-item-playlist .block-item-content-flex2 .item-tab-content-grid p {
    font-size: 4.50vw;
    margin: 5.82vw 0;
  }
}

.block-inner-none-container .block-padding-tab-content .block-item-playlist .block-item-content-flex2 .item-tab-content-grid.fix-mobile {
  display: none;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin: 0 -1.04vw;
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .block-inner-none-container .block-padding-tab-content .block-item-playlist .block-item-content-flex2 .item-tab-content-grid.fix-mobile {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .block-inner-none-container .block-padding-tab-content .block-item-playlist .block-item-content-flex2 .item-tab-content-grid.fix-mobile :first-child {
    width: 100%;
  }

  .block-inner-none-container .block-padding-tab-content .block-item-playlist .block-item-content-flex2 .item-tab-content-grid.fix-mobile :first-child p {
    margin: 20px 0;
  }
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .block-inner-none-container .block-padding-tab-content .block-item-playlist .block-item-content-flex2 .item-tab-content-grid.fix-mobile :last-child {
    width: 100%;
  }

  .block-inner-none-container .block-padding-tab-content .block-item-playlist .block-item-content-flex2 .item-tab-content-grid.fix-mobile :last-child p {
    margin: 20px 0;
  }
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .block-inner-none-container .block-padding-tab-content .block-item-playlist .block-item-content-flex2 .item-tab-content-grid.none-mobile {
    display: none;
  }
}

.block-inner-none-container .block-padding-tab-content .block-nav-mae-manee-playlist {
  margin: 2.60vw 0;
}

.block-nav-mae-manee-playlist nav ul.pagination li {
  background-color: #f7f7f7;
  padding: 0;
  border-radius: 50%;
  list-style: none;
}

.block-nav-mae-manee-playlist nav ul.pagination li a {
  color: black;
  font-size: 0.95vw;
  font-family: "Conv_SukhumvitSet-Bold";
  border: none;
  border-radius: 50%;
  width: 2vw;
  height: 2vw;
  text-align: center;
  margin: 0;
  padding: 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .block-nav-mae-manee-playlist nav ul.pagination li a {
    font-size: 1.8vw;
    width: 5vw;
    height: 5vw;
  }
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .block-nav-mae-manee-playlist nav ul.pagination li a {
    width: 7vw;
    height: 7vw;
    font-size: 3.5vw;
    font-family: 'Conv_SukhumvitSet-Medium';
  }

  .blog-page .block-mae-manee-blog .block-mae-manee-blog-content .block-mae-manee-blog-body .block-nav-mae-manee-playlist nav ul li {
    padding: 0;
    margin-right: 0;
  }
}

.block-nav-mae-manee-playlist nav ul.pagination.pagination .page-item {
  border-radius: 50%;
}

.block-nav-mae-manee-playlist nav ul.pagination.pagination .page-item.active .page-link {
  background-color: #7244F7;
  color: #f7f7f7;
  text-align: center;
}

.block-nav-mae-manee-playlist nav ul.pagination.pagination .page-item:first-child .page-link,
.block-nav-mae-manee-playlist nav ul.pagination.pagination .page-item:last-child .page-link {
  border-radius: 50%;
}

.block-nav-mae-manee-playlist nav ul.pagination li a:hover {
  color: #f7f7f7;
  background-color: #7244F7;
}

.block-banner-head-list-sub {
  background: linear-gradient(45deg, #f3ddff 0%, #d1c7fb 100%);
  background-color: #D1C7FB;
  background-repeat: no-repeat;
  width: 100vw;
  height: 28.6vw;
  position: absolute;
  top: 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .block-banner-head-list-sub {
    height: 28.6vw;
  }
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .block-banner-head-list-sub {
    height: 100vw;
  }
}

.block-banner-text {
  width: 100%;
  position: relative;
  z-index: 3;
  overflow: hidden;
}

.block-banner-text::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(45deg, #f3ddff 0%, #d1c7fb 100%);
  top: 0;
  left: 0;
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .block-banner-text {
    overflow: visible;
  }

  .block-banner-text::before {
    display: none;
  }
}

.block-banner-text .block-breadcum-list-sup {
  position: relative;
}

.block-banner-text .block-breadcum-list-sup .block-color-circle-icon {
  margin: 1.56vw 0;
  cursor: pointer;
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .block-banner-text .block-breadcum-list-sup .block-color-circle-icon {
    margin: 2vw 1vw 2vw 0;
  }
}

.block-banner-text .block-breadcum-list-sup .block-color-circle-icon button {
  background-color: black;
  border-radius: 50%;
  padding: 0.10px 0;
  width: 2.30vw;
  height: 2.30vw;
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .block-banner-text .block-breadcum-list-sup .block-color-circle-icon button {
    width: 10.30vw;
    height: 10.30vw;
  }
}

.block-banner-text .block-breadcum-list-sup .block-color-circle-icon button .icon-moon {
  color: black;
  font-size: 1.00vw;
  border-radius: 50%;
  color: white;
  font-weight: bold;
  line-height: 0;
  position: relative;
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .block-banner-text .block-breadcum-list-sup .block-color-circle-icon button .icon-moon {
    font-size: 3.5vw;
  }
}

.block-banner-text .block-breadcum-list-sup nav ol {
  margin: 0;
  padding-top: 0;
  padding-bottom: 0;
  background: transparent;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .block-banner-text .block-breadcum-list-sup nav ol {
    padding: 0 1.2vw;
  }
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .block-banner-text .block-breadcum-list-sup nav ol {
    padding: 0 2vw;
  }
}

.block-banner-text .block-breadcum-list-sup nav ol li {
  font-family: "Conv_SukhumvitSet-Bold";
  font-size: 0.93vw;
  line-height: 1;
  float: unset;
  padding: unset;
}

.block-banner-text .block-breadcum-list-sup nav ol li:not(:last-child):after {
  content: unset;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .block-banner-text .block-breadcum-list-sup nav ol li {
    line-height: 1.2;
  }
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .block-banner-text .block-breadcum-list-sup nav ol li {
    font-size: 3.93vw;
  }
}

.block-banner-text .block-breadcum-list-sup nav ol a {
  color: #666666;
  opacity: 1;
  float: 1;
}

.block-banner-text .block-breadcum-list-sup nav ol .active {
  color: black;
}

.block-banner-text .text-banner-title-list-sup {
  padding: 1.56vw 0 2vw 0;
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .block-banner-text .text-banner-title-list-sup {
    padding: 4vw 0 8vw 0;
  }
}

.block-banner-text .text-banner-title-list-sup h1 {
  font-family: "Conv_SukhumvitSet-Bold";
  font-size: 3.90vw;
  line-height: 1.6;
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .block-banner-text .text-banner-title-list-sup h1 {
    font-size: 13.90vw;
    margin: 0;
  }
}

.block-banner-text .text-banner-title-list-sup p {
  font-family: "Conv_SukhumvitSet-Medium";
  font-size: 1.04vw;
  margin: 0;
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .block-banner-text .text-banner-title-list-sup p {
    font-size: 4.8vw;
  }
}

.block-banner-text .block-btmmn-share-right-banner {
  z-index: 1;
  position: absolute;
  right: 8.6vw;
  top: 0;
  bottom: 0;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .block-banner-text .block-btmmn-share-right-banner {
    right: 7.8vw;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .block-banner-text .block-btmmn-share-right-banner {
    right: 7.3vw;
  }
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .block-banner-text .block-btmmn-share-right-banner {
    right: 5vw;
    bottom: 28vw;
  }
}

.block-banner-text .block-btmmn-share-right-banner button .icon-moon {
  color: black;
  font-size: 2.3vw;
  font-weight: bold;
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .block-banner-text .block-btmmn-share-right-banner button .icon-moon {
    font-size: 10.3vw;
  }
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .block-banner-text .block-btmmn-share-right-banner button .icon-moon {
    font-size: 11.3vw;
  }
}

.block-banner-text .block-btmmn-share-right-banner button span {
  font-family: "Conv_SukhumvitSet-Bold";
  font-size: 1.04vw;
  line-height: 1;
  padding-left: 5px;
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .block-banner-text .block-btmmn-share-right-banner button span {
    display: none;
  }
}

.block-banner-text .block-share-res-list {
  display: inline-block;
  position: absolute;
  right: 0;
  bottom: 0;
  margin-bottom: 1.8vw;
}

.block-banner-text .block-share-res-list button {
  padding: 0;
  cursor: pointer;
}

.block-banner-text .block-share-res-list .drop-content {
  position: absolute;
  display: none;
  text-align: center;
  bottom: 0;
  padding-bottom: 3vw;
  cursor: pointer;
}

.block-banner-text .block-share-res-list .drop-content div {
  margin: 0.26vw 0;
}

.block-banner-text .block-share-res-list .drop-content .copy-link.hide {
  display: none;
}

.block-banner-text .block-share-res-list .drop-content .action.hide {
  display: none;
}

.block-banner-text .block-share-res-list .drop-content div img {
  width: 2.1vw;
  height: 2.1vw;
  border-radius: 50%;
  cursor: pointer;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .block-banner-text .block-share-res-list .drop-content div img {
    width: 2.6vw;
    height: 2.6vw;
  }
}

@media only screen and (min-width: 250px) and (max-width: 767px) {
  .block-banner-text .block-share-res-list .drop-content div img {
    width: 11vw;
    height: 11vw;
  }
}

@media only screen and (min-width: 250px) and (max-width: 767px) {
  .block-banner-text .block-share-res-list .drop-content {
    bottom: auto;
    top: 0;
    padding-bottom: 0;
    padding-top: 10vw;
  }

  .block-banner-text .block-share-res-list .drop-content div {
    margin: 3.5vw 0;
  }
}

.block-banner-text .block-share-res-list button {
  color: black;
}

.block-banner-text .block-share-res-list button .icon-moon {
  font-weight: bold;
  font-size: 2.1vw;
  padding-right: 0.52vw;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .block-banner-text .block-share-res-list button .icon-moon {
    font-size: 2.6vw;
  }
}

@media only screen and (min-width: 250px) and (max-width: 767px) {
  .block-banner-text .block-share-res-list button .icon-moon {
    font-size: 11vw;
  }
}

.block-banner-text .block-share-res-list button .close-share-icon {
  position: absolute;
  width: 1.05vw;
  height: 1.05vw;
  left: 0.45vw;
  top: 0.5vw;
  opacity: 0;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  background-color: #D1C7FB;
}

.block-banner-text .block-share-res-list button .close-share-icon::before {
  content: "";
  position: absolute;
  border-left: 3px solid #000;
  height: 1.04vw;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.block-banner-text .block-share-res-list button .close-share-icon::after {
  content: "";
  position: absolute;
  border-left: 3px solid #000;
  height: 1.04vw;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .block-banner-text .block-share-res-list button .close-share-icon {
    left: 0.64vw;
    top: 0.8vw;
  }

  .block-banner-text .block-share-res-list button .close-share-icon::before {
    border-left: 2px solid #000;
  }

  .block-banner-text .block-share-res-list button .close-share-icon::after {
    border-left: 2px solid #000;
  }
}

.block-banner-text .block-share-res-list button span {
  font-size: 1.04vw;
  font-family: "Conv_SukhumvitSet-Bold";
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .block-banner-text .block-share-res-list button span {
    font-size: 1.2vw;
  }
}

@media only screen and (min-width: 250px) and (max-width: 767px) {
  .block-banner-text .block-share-res-list button span {
    display: none;
  }
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .block-banner-text .block-share-res-list {
    margin-bottom: 18vw;
  }
}

.block-banner-text .block-share-res-list:hover .drop-content {
  display: block;
}

.block-banner-text .block-share-res-list:hover button .close-share-icon {
  opacity: 1;
}

.block-banner-text .banner-text-content {
  position: relative;
}

.block-banner-text h5.text-banner {
  opacity: 4%;
  font-family: "Conv_SukhumvitSet-Bold";
  font-size: 15.62vw;
  position: absolute;
  right: 3.8vw;
  top: 4.3vw;
  margin: 0;
  color: #7244F7;
  pointer-events: none;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .block-banner-text h5.text-banner {
    top: 6.3vw;
  }
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .block-banner-text h5.text-banner {
    display: none;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .block-flex-content-playlist-sub {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .block-flex-content-playlist-sub {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

.block-flex-content-playlist-sub h5.text-banner {
  opacity: 4%;
  font-family: "Conv_SukhumvitSet-Bold";
  font-size: 15.62vw;
  position: absolute;
  right: 3.8vw;
  top: 4.3vw;
  margin: 0;
  color: #7244F7;
  z-index: 2;
  pointer-events: none;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .block-flex-content-playlist-sub h5.text-banner {
    top: 6.3vw;
  }
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .block-flex-content-playlist-sub h5.text-banner {
    display: none;
  }
}

.block-flex-content-playlist-sub.fix-position {
  margin-left: 18.22vw;
  margin-bottom: 2.60vw;
}

.block-flex-content-playlist-sub .content-col-1-playlist img {
  position: relative;
  width: 18.22vw;
  height: 18.22vw;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .block-flex-content-playlist-sub .content-col-1-playlist img {
    width: 21.54vw;
    height: 21.54vw;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .block-flex-content-playlist-sub .content-col-1-playlist img {
    width: 20.81vw;
    height: 20.81vw;
  }
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .block-flex-content-playlist-sub .content-col-1-playlist img {
    width: 67.5vw;
    height: 67.5vw;
  }
}

.block-flex-content-playlist-sub .content-col-2-playlist {
  position: relative;
  bottom: 8.072vw;
  padding-left: 2.34vw;
}

.block-flex-content-playlist-sub .content-col-3-playlist {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-bottom: 4vw;
  position: relative;
  z-index: 2;
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .block-flex-content-playlist-sub .content-col-3-playlist {
    margin-top: 12vw;
    margin-bottom: 10vw;
  }
}

.block-flex-content-playlist-sub .content-col-3-playlist .block-flex-detail-content-playlist {
  padding-left: 2.44vw;
  padding-bottom: 2.60vw;
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .block-flex-content-playlist-sub .content-col-3-playlist .block-flex-detail-content-playlist {
    padding-left: 0vw;
    padding-bottom: 5vw;
  }
}

.block-flex-content-playlist-sub .content-col-3-playlist .block-flex-detail-content-playlist.fix-position-bottom {
  padding-bottom: 0vw;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .block-flex-content-playlist-sub .content-col-3-playlist .block-flex-detail-content-playlist.fix-position-bottom {
    padding-bottom: 0vw;
  }
}

.block-flex-content-playlist-sub .content-col-3-playlist .block-flex-detail-content-playlist .img-block-detail-playlist {
  position: relative;
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .block-flex-content-playlist-sub .content-col-3-playlist .block-flex-detail-content-playlist .img-block-detail-playlist {
    width: 100%;
  }
}

.block-flex-content-playlist-sub .content-col-3-playlist .block-flex-detail-content-playlist .img-block-detail-playlist img {
  width: 23.4375vw;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .block-flex-content-playlist-sub .content-col-3-playlist .block-flex-detail-content-playlist .img-block-detail-playlist img {
    height: 15.67vw;
    width: 26.10vw;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .block-flex-content-playlist-sub .content-col-3-playlist .block-flex-detail-content-playlist .img-block-detail-playlist img {
    width: 23.65vw;
  }
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .block-flex-content-playlist-sub .content-col-3-playlist .block-flex-detail-content-playlist .img-block-detail-playlist img {
    width: 100%;
  }
}

.block-flex-content-playlist-sub .content-col-3-playlist .block-flex-detail-content-playlist .block-bg-detail-content-playlist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  position: relative;
  background-color: white;
  width: 39.06vw;
  height: 15.63vw;
  border-radius: 0 0.52vw 0.52vw 0;
  -webkit-box-shadow: 0.10vw 0.20vw 0.20vw 0 #E5E2E2;
  box-shadow: 0.10vw 0.20vw 0.20vw 0 #E5E2E2;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .block-flex-content-playlist-sub .content-col-3-playlist .block-flex-detail-content-playlist .block-bg-detail-content-playlist {
    width: 36.06vw;
  }
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .block-flex-content-playlist-sub .content-col-3-playlist .block-flex-detail-content-playlist .block-bg-detail-content-playlist {
    width: 90.06vw;
    height: 100%;
    -webkit-box-shadow: 0px 0.7vw 0.7vw 0.2vw #E5E2E2;
    box-shadow: 0px 0.7vw 0.7vw 0.2vw #E5E2E2;
    border-radius: 0.52vw;
  }
}

.block-flex-content-playlist-sub .content-col-3-playlist .block-flex-detail-content-playlist .block-bg-detail-content-playlist .flex-block-detail-btmmn-and-content {
  width: 100%;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .block-flex-content-playlist-sub .content-col-3-playlist .block-flex-detail-content-playlist .block-bg-detail-content-playlist .flex-block-detail-btmmn-and-content {
    display: -ms-grid;
    display: grid;
  }
}

.block-flex-content-playlist-sub .content-col-3-playlist .block-flex-detail-content-playlist .block-bg-detail-content-playlist .flex-block-detail-btmmn-and-content .block-btmmn-detail-playlist-col-2 {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end;
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .block-flex-content-playlist-sub .content-col-3-playlist .block-flex-detail-content-playlist .block-bg-detail-content-playlist .flex-block-detail-btmmn-and-content .block-btmmn-detail-playlist-col-2 {
    padding: 0vw 6vw 8vw 6.6vw;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

.block-flex-content-playlist-sub .content-col-3-playlist .block-flex-detail-content-playlist .block-bg-detail-content-playlist .flex-block-detail-btmmn-and-content .block-btmmn-detail-playlist-col-2 button {
  background-color: black;
  border-radius: 5.20vw;
  width: 100%;
  margin-right: 1.56vw;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .block-flex-content-playlist-sub .content-col-3-playlist .block-flex-detail-content-playlist .block-bg-detail-content-playlist .flex-block-detail-btmmn-and-content .block-btmmn-detail-playlist-col-2 button {
    margin-right: 0.7vw;
  }
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .block-flex-content-playlist-sub .content-col-3-playlist .block-flex-detail-content-playlist .block-bg-detail-content-playlist .flex-block-detail-btmmn-and-content .block-btmmn-detail-playlist-col-2 button {
    width: 48.41vw;
    height: 10vw;
  }
}

.block-flex-content-playlist-sub .content-col-3-playlist .block-flex-detail-content-playlist .block-bg-detail-content-playlist .flex-block-detail-btmmn-and-content .block-btmmn-detail-playlist-col-2 button p {
  color: white;
  margin: 0;
  font-family: "Conv_SukhumvitSet-Bold";
  font-size: 0.88vw;
  padding: 0.52vw 1.56vw;
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .block-flex-content-playlist-sub .content-col-3-playlist .block-flex-detail-content-playlist .block-bg-detail-content-playlist .flex-block-detail-btmmn-and-content .block-btmmn-detail-playlist-col-2 button p {
    font-size: 3.88vw;
  }
}

.block-flex-content-playlist-sub .content-col-3-playlist .block-flex-detail-content-playlist .block-bg-detail-content-playlist .flex-block-detail-btmmn-and-content .block-btmmn-detail-playlist-col-2 .btmmn-view-defult {
  margin-right: 1.56vw;
  font-size: 0.9vw;
  height: 2.6vw;
  width: 8.85vw;
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .block-flex-content-playlist-sub .content-col-3-playlist .block-flex-detail-content-playlist .block-bg-detail-content-playlist .flex-block-detail-btmmn-and-content .block-btmmn-detail-playlist-col-2 .btmmn-view-defult {
    width: 53.3vw;
    height: 13.33vw;
    font-size: 4.8vw;
    margin: 0 0 0 0;
  }
}

.block-flex-content-playlist-sub .content-col-3-playlist .block-flex-detail-content-playlist .block-bg-detail-content-playlist .flex-block-detail-btmmn-and-content .block-text-detail-playlist {
  padding: 0vw 2.60vw;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .block-flex-content-playlist-sub .content-col-3-playlist .block-flex-detail-content-playlist .block-bg-detail-content-playlist .flex-block-detail-btmmn-and-content .block-text-detail-playlist {
    padding: 2.12vw 2.0vw;
  }
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .block-flex-content-playlist-sub .content-col-3-playlist .block-flex-detail-content-playlist .block-bg-detail-content-playlist .flex-block-detail-btmmn-and-content .block-text-detail-playlist {
    padding: 8.12vw 7vw 0vw 6.60vw;
  }
}

.block-flex-content-playlist-sub .content-col-3-playlist .block-flex-detail-content-playlist .block-bg-detail-content-playlist .flex-block-detail-btmmn-and-content .block-text-detail-playlist h5 {
  font-family: "Conv_SukhumvitSet-Bold";
  font-size: 1.30vw;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .block-flex-content-playlist-sub .content-col-3-playlist .block-flex-detail-content-playlist .block-bg-detail-content-playlist .flex-block-detail-btmmn-and-content .block-text-detail-playlist h5 {
    font-size: 1.60vw;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .block-flex-content-playlist-sub .content-col-3-playlist .block-flex-detail-content-playlist .block-bg-detail-content-playlist .flex-block-detail-btmmn-and-content .block-text-detail-playlist h5 {
    margin: 0;
  }
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .block-flex-content-playlist-sub .content-col-3-playlist .block-flex-detail-content-playlist .block-bg-detail-content-playlist .flex-block-detail-btmmn-and-content .block-text-detail-playlist h5 {
    margin: 0;
    font-size: 7.30vw;
  }
}

.block-flex-content-playlist-sub .content-col-3-playlist .block-flex-detail-content-playlist .block-bg-detail-content-playlist .flex-block-detail-btmmn-and-content .block-text-detail-playlist span.span-title {
  font-family: "Conv_SukhumvitSet-Bold";
  font-size: 1.04vw;
  color: #707070;
  text-decoration: underline;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .block-flex-content-playlist-sub .content-col-3-playlist .block-flex-detail-content-playlist .block-bg-detail-content-playlist .flex-block-detail-btmmn-and-content .block-text-detail-playlist span.span-title {
    font-size: 1.1vw;
  }
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .block-flex-content-playlist-sub .content-col-3-playlist .block-flex-detail-content-playlist .block-bg-detail-content-playlist .flex-block-detail-btmmn-and-content .block-text-detail-playlist span.span-title {
    font-size: 5vw;
  }
}

.block-flex-content-playlist-sub .content-col-3-playlist .block-flex-detail-content-playlist .block-bg-detail-content-playlist .flex-block-detail-btmmn-and-content .block-text-detail-playlist span.none-underline {
  text-decoration: none;
}

.block-flex-content-playlist-sub .content-col-3-playlist .block-flex-detail-content-playlist .block-bg-detail-content-playlist .flex-block-detail-btmmn-and-content .block-btmmn-detail-playlist {
  margin: 1.5vw 0 1vw 0;
}

@media only screen and (min-width: 250px) and (max-width: 767px) {
  .block-flex-content-playlist-sub .content-col-3-playlist .block-flex-detail-content-playlist .block-bg-detail-content-playlist .flex-block-detail-btmmn-and-content .block-btmmn-detail-playlist {
    margin: 4vw 0 0 0;
  }
}

.block-flex-content-playlist-sub .content-col-3-playlist .block-flex-detail-content-playlist .block-bg-detail-content-playlist .flex-block-detail-btmmn-and-content .block-btmmn-detail-playlist .tabs {
  margin: 0 -0.25vw;
  margin-bottom: 0.5vw;
}

.block-flex-content-playlist-sub .content-col-3-playlist .block-flex-detail-content-playlist .block-bg-detail-content-playlist .flex-block-detail-btmmn-and-content .block-btmmn-detail-playlist .tabs .item-tab {
  padding: 0 0.25vw;
  margin-bottom: 0.5vw;
}

.block-flex-content-playlist-sub .content-col-3-playlist .block-flex-detail-content-playlist .block-bg-detail-content-playlist .flex-block-detail-btmmn-and-content .block-btmmn-detail-playlist .tabs .item-tab .tab {
  background-color: #9067C7;
  border-radius: 1000px;
  text-align: center;
  height: 1.6vw;
  padding: 0 1.15vw;
}

.block-flex-content-playlist-sub .content-col-3-playlist .block-flex-detail-content-playlist .block-bg-detail-content-playlist .flex-block-detail-btmmn-and-content .block-btmmn-detail-playlist .tabs .item-tab .tab span,
.block-flex-content-playlist-sub .content-col-3-playlist .block-flex-detail-content-playlist .block-bg-detail-content-playlist .flex-block-detail-btmmn-and-content .block-btmmn-detail-playlist .tabs .item-tab .tab a {
  font-size: 0.75vw;
  color: #FFF;
  font-family: "Conv_SukhumvitSet-Medium";
  line-height: 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .block-flex-content-playlist-sub .content-col-3-playlist .block-flex-detail-content-playlist .block-bg-detail-content-playlist .flex-block-detail-btmmn-and-content .block-btmmn-detail-playlist .tabs .item-tab .tab {
    height: 2.5vw;
    padding: 0 1.5vw;
  }

  .block-flex-content-playlist-sub .content-col-3-playlist .block-flex-detail-content-playlist .block-bg-detail-content-playlist .flex-block-detail-btmmn-and-content .block-btmmn-detail-playlist .tabs .item-tab .tab span,
  .block-flex-content-playlist-sub .content-col-3-playlist .block-flex-detail-content-playlist .block-bg-detail-content-playlist .flex-block-detail-btmmn-and-content .block-btmmn-detail-playlist .tabs .item-tab .tab a {
    font-size: 1.4vw;
  }
}

@media only screen and (min-width: 250px) and (max-width: 767px) {
  .block-flex-content-playlist-sub .content-col-3-playlist .block-flex-detail-content-playlist .block-bg-detail-content-playlist .flex-block-detail-btmmn-and-content .block-btmmn-detail-playlist .tabs {
    margin: 0 -1.5vw;
  }

  .block-flex-content-playlist-sub .content-col-3-playlist .block-flex-detail-content-playlist .block-bg-detail-content-playlist .flex-block-detail-btmmn-and-content .block-btmmn-detail-playlist .tabs .item-tab {
    padding: 0 1.5vw;
    margin-bottom: 3vw;
  }

  .block-flex-content-playlist-sub .content-col-3-playlist .block-flex-detail-content-playlist .block-bg-detail-content-playlist .flex-block-detail-btmmn-and-content .block-btmmn-detail-playlist .tabs .item-tab .tab {
    height: 6.6vw;
    padding: 0 4vw;
  }

  .block-flex-content-playlist-sub .content-col-3-playlist .block-flex-detail-content-playlist .block-bg-detail-content-playlist .flex-block-detail-btmmn-and-content .block-btmmn-detail-playlist .tabs .item-tab .tab span,
  .block-flex-content-playlist-sub .content-col-3-playlist .block-flex-detail-content-playlist .block-bg-detail-content-playlist .flex-block-detail-btmmn-and-content .block-btmmn-detail-playlist .tabs .item-tab .tab a {
    font-size: 3.4vw;
  }
}

.block-flex-content-playlist-sub .content-col-3-playlist .block-flex-detail-content-playlist .block-bg-detail-content-playlist .flex-block-detail-btmmn-and-content .block-current-detail-playlist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .block-flex-content-playlist-sub .content-col-3-playlist .block-flex-detail-content-playlist .block-bg-detail-content-playlist .flex-block-detail-btmmn-and-content .block-current-detail-playlist {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .block-flex-content-playlist-sub .content-col-3-playlist .block-flex-detail-content-playlist .block-bg-detail-content-playlist .flex-block-detail-btmmn-and-content .block-current-detail-playlist {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 1.32vw;
  }
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .block-flex-content-playlist-sub .content-col-3-playlist .block-flex-detail-content-playlist .block-bg-detail-content-playlist .flex-block-detail-btmmn-and-content .block-current-detail-playlist {
    margin: 5.32vw 0;
  }
}

.block-flex-content-playlist-sub .content-col-3-playlist .block-flex-detail-content-playlist .block-bg-detail-content-playlist .flex-block-detail-btmmn-and-content .block-current-detail-playlist .icon-moon {
  font-weight: bold;
  font-size: 1.04vw;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .block-flex-content-playlist-sub .content-col-3-playlist .block-flex-detail-content-playlist .block-bg-detail-content-playlist .flex-block-detail-btmmn-and-content .block-current-detail-playlist .icon-moon {
    font-size: 1.5vw;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .block-flex-content-playlist-sub .content-col-3-playlist .block-flex-detail-content-playlist .block-bg-detail-content-playlist .flex-block-detail-btmmn-and-content .block-current-detail-playlist .icon-moon {
    font-size: 1.5vw;
  }
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .block-flex-content-playlist-sub .content-col-3-playlist .block-flex-detail-content-playlist .block-bg-detail-content-playlist .flex-block-detail-btmmn-and-content .block-current-detail-playlist .icon-moon {
    font-size: 4.04vw;
  }
}

.block-flex-content-playlist-sub .content-col-3-playlist .block-flex-detail-content-playlist .block-bg-detail-content-playlist .flex-block-detail-btmmn-and-content .block-current-detail-playlist span {
  color: black;
  font-family: "Conv_SukhumvitSet-Medium";
  font-size: 1.04vw;
  padding: 0 0.52vw;
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .block-flex-content-playlist-sub .content-col-3-playlist .block-flex-detail-content-playlist .block-bg-detail-content-playlist .flex-block-detail-btmmn-and-content .block-current-detail-playlist span {
    font-size: 4.04vw;
  }
}

.filter-mobile {
  position: fixed;
  top: calc(100vh - 130px);
  width: 100%;
  left: 0;
  right: 0;
  padding: 15vw 20px 8vw 20px;
  z-index: 10;
}

.filter-mobile .flex-filter-mobile {
  padding: 3.0vw 5vw;
}

.filter-mobile .flex-filter-mobile .item-filter-mobile {
  background-color: white;
  width: 50%;
  height: 12vw;
  border-radius: 1000px 0 0 1000px;
  border: 1px solid #E5E2E2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  padding: 0.94vw;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  z-index: 2;
  -webkit-box-shadow: 0 0.208vw 0.208vw 0px #BDAAE1;
  box-shadow: 0 0.208vw 0.208vw 0px #BDAAE1;
}

.filter-mobile .flex-filter-mobile .item-filter-mobile .icon-moon {
  color: #7244F7;
  padding-right: 3vw;
}

.filter-mobile .flex-filter-mobile .item-filter-mobile span {
  font-family: "Conv_SukhumvitSet-Bold";
  font-size: 4.3vw;
  color: #7244F7;
}

.filter-mobile .flex-filter-mobile .item-filter-mobile-2 {
  background-color: white;
  width: 50%;
  height: 12vw;
  border-radius: 0 1000px 1000px 0;
  border: 1px solid #E5E2E2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  padding: 0.94vw;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  z-index: 2;
  -webkit-box-shadow: 0 0.208vw 0.208vw 0px #BDAAE1;
  box-shadow: 0 0.208vw 0.208vw 0px #BDAAE1;
}

.filter-mobile .flex-filter-mobile .item-filter-mobile-2 .icon-moon {
  color: #7244F7;
  padding-right: 3vw;
}

.filter-mobile .flex-filter-mobile .item-filter-mobile-2 span {
  font-family: "Conv_SukhumvitSet-Bold";
  font-size: 4.3vw;
  color: #7244F7;
}

.filter-mobile .lier-filter {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(black));
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, black 100%);
  height: 83px;
  opacity: 0.4;
  width: 100%;
  position: absolute;
  top: 68vw;
}

.filter-mobile::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 0;
  left: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(rgba(0, 0, 0, 0.6)));
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
}

.blog-page .block-mae-manee-blog .block-mae-manee-blog-content .block-mae-manee-blog-header {
  position: relative;
  background: #f3ddff;
  background: -webkit-gradient(linear, left top, right top, color-stop(25%, #f3ddff), color-stop(99%, #d2c8fb));
  background: linear-gradient(90deg, #f3ddff 25%, #d2c8fb 99%);
  height: 20vw;
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .blog-page .block-mae-manee-blog .block-mae-manee-blog-content .block-mae-manee-blog-header {
    height: 90vw;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(25%, #f3ddff), color-stop(99%, #d2c8fb));
    background: linear-gradient(180deg, #f3ddff 25%, #d2c8fb 99%);
  }
}

.blog-page .block-mae-manee-blog .block-mae-manee-blog-content .block-mae-manee-blog-header h1 {
  font-family: "Conv_SukhumvitSet-Bold";
  font-size: 3.906vw;
  margin: 0 auto;
  text-align: center;
  padding: 2.10vw 0 2vw 0;
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .blog-page .block-mae-manee-blog .block-mae-manee-blog-content .block-mae-manee-blog-header h1 {
    font-size: 14.4vw;
    padding-top: 14vw;
  }
}

.blog-page .block-mae-manee-blog .block-mae-manee-blog-content .block-mae-manee-blog-header h2 {
  font-family: "Conv_SukhumvitSet-Medium";
  font-size: 1.823vw;
  margin: 0 auto;
  text-align: center;
  line-height: 1.5;
  color: #402775;
  padding-bottom: 1.60vw;
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .blog-page .block-mae-manee-blog .block-mae-manee-blog-content .block-mae-manee-blog-header h2 {
    font-size: 7vw;
    padding-top: 7vw;
  }
}

.blog-page .block-mae-manee-blog .block-mae-manee-blog-content .block-mae-manee-blog-header .block-selector-tab {
  margin: 0 auto;
  text-align: center;
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #fff;
  width: 31.25vw;
  border-radius: 1000px;
  z-index: 1;
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .blog-page .block-mae-manee-blog .block-mae-manee-blog-content .block-mae-manee-blog-header .block-selector-tab {
    width: 91.25vw;
    height: 15vw;
    margin-top: 4vw;
  }
}

.blog-page .block-mae-manee-blog .block-mae-manee-blog-content .block-mae-manee-blog-header .block-selector-tab .item {
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  padding: 0.94vw;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  z-index: 2;
  cursor: pointer;
}

.blog-page .block-mae-manee-blog .block-mae-manee-blog-content .block-mae-manee-blog-header .block-selector-tab .item.active {
  background-color: #7244f7;
}

.blog-page .block-mae-manee-blog .block-mae-manee-blog-content .block-mae-manee-blog-header .block-selector-tab .item .icon-moon {
  font-weight: bold;
  font-size: 1.6vw;
  color: #402775;
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .blog-page .block-mae-manee-blog .block-mae-manee-blog-content .block-mae-manee-blog-header .block-selector-tab .item .icon-moon {
    font-size: 7.5vw;
    padding-right: 2vw;
  }
}

.blog-page .block-mae-manee-blog .block-mae-manee-blog-content .block-mae-manee-blog-header .block-selector-tab .item span {
  font-family: "Conv_SukhumvitSet-Bold";
  font-size: 1.25vw;
  padding: 0 0.78vw;
  color: #402775;
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .blog-page .block-mae-manee-blog .block-mae-manee-blog-content .block-mae-manee-blog-header .block-selector-tab .item span {
    font-size: 4.3vw;
  }
}

.blog-page .block-mae-manee-blog .block-mae-manee-blog-content .block-mae-manee-blog-header .block-selector-tab .item.active .icon-moon {
  color: #fff;
}

.blog-page .block-mae-manee-blog .block-mae-manee-blog-content .block-mae-manee-blog-header .block-selector-tab .item.active span {
  color: #fff;
}

.blog-page .block-mae-manee-blog .block-mae-manee-blog-content .block-mae-manee-blog-header .block-selector-tab .bg-tab {
  position: absolute;
  width: 50%;
  background-color: #7244f7;
  height: 100%;
  border-radius: 100px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  left: 0;
}

.blog-page .block-mae-manee-blog .block-mae-manee-blog-content .block-mae-manee-blog-header .block-selector-tab .bg-tab.switch {
  left: 50%;
}

.blog-page .block-mae-manee-blog .block-mae-manee-blog-content .block-mae-manee-blog-header .text-banner-blog-mae-manee h3 {
  font-family: "Conv_SukhumvitSet-Bold";
  font-size: 31.25vw;
  margin: 0 auto;
  color: #402775;
  opacity: 5%;
  top: -4vw;
  text-align: center;
  position: absolute;
  cursor: default;
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .blog-page .block-mae-manee-blog .block-mae-manee-blog-content .block-mae-manee-blog-header .text-banner-blog-mae-manee h3 {
    top: 29vw;
    left: -17vw;
    font-size: 71.25vw;
  }
}

.blog-page .block-mae-manee-blog .block-mae-manee-blog-content .block-mae-manee-blog-header .text-banner-blog-mae-manee-2 h3 {
  font-family: "Conv_SukhumvitSet-Bold";
  font-size: 28.65vw;
  margin: 0 auto;
  color: #402775;
  opacity: 10%;
  top: 58vw;
  left: 10vw;
  text-align: center;
  position: absolute;
  cursor: default;
  z-index: 1;
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .blog-page .block-mae-manee-blog .block-mae-manee-blog-content .block-mae-manee-blog-header .text-banner-blog-mae-manee-2 h3 {
    top: 29vw;
    left: -17vw;
    font-size: 71.25vw;
  }
}

.blog-page .block-mae-manee-blog .block-mae-manee-blog-content .block-mae-manee-blog-header .block-white-text-review {
  background-color: white;
  width: 100%;
  z-index: 1;
  height: 100px;
  position: absolute;
  top: 20vw;
}

.blog-page .block-mae-manee-blog .block-mae-manee-blog-content .block-mae-manee-blog-body {
  z-index: 2;
  position: relative;
  padding: 2.60vw 12.38vw 0;
  display: none;
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .blog-page .block-mae-manee-blog .block-mae-manee-blog-content .block-mae-manee-blog-body {
    padding: 2.60vw 0vw;
  }
}

.blog-page .block-mae-manee-blog .block-mae-manee-blog-content .block-mae-manee-blog-body .block-title-content-blog-mae-manee {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0 0.26vw;
  position: relative;
  z-index: 3;
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .blog-page .block-mae-manee-blog .block-mae-manee-blog-content .block-mae-manee-blog-body .block-title-content-blog-mae-manee .block-content-number-blog-mae-manee {
    padding: 4vw 0;
  }
}

.blog-page .block-mae-manee-blog .block-mae-manee-blog-content .block-mae-manee-blog-body .block-title-content-blog-mae-manee .block-content-number-blog-mae-manee p {
  margin: 0 auto;
  font-family: "Conv_SukhumvitSet-Medium";
  font-size: 1.05vw;
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .blog-page .block-mae-manee-blog .block-mae-manee-blog-content .block-mae-manee-blog-body .block-title-content-blog-mae-manee .block-content-number-blog-mae-manee p {
    font-size: 5vw;
  }
}

.blog-page .block-mae-manee-blog .block-mae-manee-blog-content .block-mae-manee-blog-body .block-title-content-blog-mae-manee .block-filter-content-blog-mae-manee {
  position: relative;
  z-index: 3;
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .blog-page .block-mae-manee-blog .block-mae-manee-blog-content .block-mae-manee-blog-body .block-title-content-blog-mae-manee .block-filter-content-blog-mae-manee {
    display: none;
  }
}

.blog-page .block-mae-manee-blog .block-mae-manee-blog-content .block-mae-manee-blog-body .block-title-content-blog-mae-manee .block-filter-content-blog-mae-manee .block-filter-1 {
  padding: 0 0.52vw;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.blog-page .block-mae-manee-blog .block-mae-manee-blog-content .block-mae-manee-blog-body .block-title-content-blog-mae-manee .block-filter-content-blog-mae-manee .block-filter-1 p {
  margin: 0 auto;
  font-family: "Conv_SukhumvitSet-Medium";
  font-size: 1.04vw;
  margin: 0 1.04vw;
}

.blog-page .block-mae-manee-blog .block-mae-manee-blog-content .block-mae-manee-blog-body .block-title-content-blog-mae-manee .block-filter-content-blog-mae-manee .block-filter-1 button {
  background-color: white;
  border-radius: 1000px;
  border: 1px solid #E5E2E2;
  width: 12.38vw;
  height: 2.4vw;
  padding: 0 1vw;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  cursor: pointer;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1) !important;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1) !important;
}

.blog-page .block-mae-manee-blog .block-mae-manee-blog-content .block-mae-manee-blog-body .block-title-content-blog-mae-manee .block-filter-content-blog-mae-manee .block-filter-1 button span {
  font-family: "Conv_SukhumvitSet-Bold";
  font-size: 1.04vw;
  color: #402775;
}

.blog-page .block-mae-manee-blog .block-mae-manee-blog-content .block-mae-manee-blog-body .block-title-content-blog-mae-manee .block-filter-content-blog-mae-manee .block-filter-1 button .icon-moon {
  font-size: 0.68vw;
}

.blog-page .block-mae-manee-blog .block-mae-manee-blog-content .block-mae-manee-blog-body .block-title-content-blog-mae-manee .block-filter-content-blog-mae-manee .result-sort p {
  font-size: 1.05vw;
  color: #000;
  font-family: "Conv_SukhumvitSet-Medium";
  margin: 0 0 0 0;
}

.blog-page .block-mae-manee-blog .block-mae-manee-blog-content .block-mae-manee-blog-body .block-tab-switch-blog-mae-manee-tab1 .block-flex-content-detail-blog-mae-manee {
  margin: 0 -0.52vw;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 1.56vw;
}

.blog-page .block-mae-manee-blog .block-mae-manee-blog-content .block-mae-manee-blog-body .block-tab-switch-blog-mae-manee-tab1 .block-flex-content-detail-blog-mae-manee.fix-width-list {
  margin: 0 0;
  position: relative;
  z-index: 1;
}

.row-blog-mae-mane-item {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 1.25vw -1.25vw;
}

.row-blog-mae-mane-item .col-blog-mae-mane-item {
  position: relative;
  width: 33.33%;
  padding: 0 1.25vw;
  z-index: 999;
}

.row-blog-mae-mane-item .col-blog-mae-mane-item:nth-child(1),
.row-blog-mae-mane-item .col-blog-mae-mane-item:nth-child(2),
.row-blog-mae-mane-item .col-blog-mae-mane-item:nth-child(6),
.row-blog-mae-mane-item .col-blog-mae-mane-item:nth-child(7) {
  width: 50%;
}

.blog-mae-mane-item {
  margin-bottom: 1.25vw;
}

.blog-mae-mane-item .mae-mane-item-image {
  margin: 0 0 1.05vw 0;
  position: relative;
  overflow: hidden;
}

.blog-mae-mane-item .mae-mane-item-image img {
  object-position: center;
  object-fit: cover;
  transform: scale(1);
  transform-origin: center;
  border-bottom: 3px solid #FFD47D;
  transition: .7s;
}

.blog-mae-mane-item .mae-mane-item-image:hover img {
  transform: scale(1.1);
}

.blog-mae-mane-item .mae-mane-item-contnet h5 {
  font-family: "Conv_SukhumvitSet-Medium";
  font-size: 0.78vw;
  color: #7244F7;
  margin: 0 0 .5vw 0;
}

.blog-mae-mane-item .mae-mane-item-contnet h4 {
  font-family: "Conv_SukhumvitSet-Medium";
  font-size: 0.78vw;
  color: #7244F7;
  margin: 0 0 .5vw 0;
  display: none;
}

.blog-mae-mane-item .mae-mane-item-contnet h3 {
  font-family: "Conv_SukhumvitSet-Bold";
  font-size: 1.30vw;
  color: #000;
  margin: 0;
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .row-blog-mae-mane-item {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 2.25vw -2.25vw;
  }

  .row-blog-mae-mane-item .col-blog-mae-mane-item {
    position: relative;
    width: 50%;
    padding: 0 2.25vw;
    z-index: 999;
  }

  .row-blog-mae-mane-item .col-blog-mae-mane-item:nth-child(1),
  .row-blog-mae-mane-item .col-blog-mae-mane-item:nth-child(6) {
    width: 100%;
  }

  .row-blog-mae-mane-item .col-blog-mae-mane-item:nth-child(1) .blog-mae-mane-item .mae-mane-item-contnet h4,
  .row-blog-mae-mane-item .col-blog-mae-mane-item:nth-child(6) .blog-mae-mane-item .mae-mane-item-contnet h4 {
    font-size: 4.8vw;
  }

  .row-blog-mae-mane-item .col-blog-mae-mane-item:nth-child(1) .blog-mae-mane-item .mae-mane-item-contnet h3,
  .row-blog-mae-mane-item .col-blog-mae-mane-item:nth-child(6) .blog-mae-mane-item .mae-mane-item-contnet h3 {
    font-size: 6vw;
  }

  .blog-mae-mane-item {
    margin-bottom: 4.25vw;
  }

  .blog-mae-mane-item .mae-mane-item-image {
    margin: 0 0 2.05vw 0;
    position: relative;
    overflow: hidden;
  }

  .blog-mae-mane-item .mae-mane-item-image img {
    object-position: center;
    object-fit: cover;
    transform: scale(1);
    transform-origin: center;
    border-bottom: 3px solid #FFD47D;
    transition: .7s;
  }

  .blog-mae-mane-item .mae-mane-item-image:hover img {
    transform: scale(1.1);
  }

  .blog-mae-mane-item .mae-mane-item-contnet h5 {
    font-size: 4.3vw;
    margin: 0 0 1.5vw 0;
  }

  .blog-mae-mane-item .mae-mane-item-contnet h4 {
    font-size: 4.2vw;
    margin: 4vw 0 4vw 0;
    display: block;
  }

  .blog-mae-mane-item .mae-mane-item-contnet h3 {
    font-family: "Conv_SukhumvitSet-Bold";
    font-size: 4.5vw;
    margin: 0;
  }

  .blog-mae-mane-item .mae-mane-item-contnet h3 br {
    display: none;
  }

}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .blog-page .block-mae-manee-blog .block-mae-manee-blog-content .block-mae-manee-blog-body .block-tab-switch-blog-mae-manee-tab1 .block-flex-content-detail-blog-mae-manee {
    display: block;
  }
}

.blog-page .block-mae-manee-blog .block-mae-manee-blog-content .block-mae-manee-blog-body .block-tab-switch-blog-mae-manee-tab1 .block-flex-content-detail-blog-mae-manee .block-item-detail-blog-mae-manee {
  padding: 0 0.52vw;
}

.blog-page .block-mae-manee-blog .block-mae-manee-blog-content .block-mae-manee-blog-body .block-tab-switch-blog-mae-manee-tab1 .block-flex-content-detail-blog-mae-manee .block-item-detail-blog-mae-manee .box-img {
  position: relative;
  overflow: hidden;
}

.blog-page .block-mae-manee-blog .block-mae-manee-blog-content .block-mae-manee-blog-body .block-tab-switch-blog-mae-manee-tab1 .block-flex-content-detail-blog-mae-manee .block-item-detail-blog-mae-manee .box-img:hover img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.blog-page .block-mae-manee-blog .block-mae-manee-blog-content .block-mae-manee-blog-body .block-tab-switch-blog-mae-manee-tab1 .block-flex-content-detail-blog-mae-manee .block-item-detail-blog-mae-manee img {
  width: 29.6vw;
  -o-object-position: center;
  object-position: center;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transition: 0.7s;
  transition: 0.7s;
  -webkit-transform: scale(1);
  transform: scale(1);
  border-bottom: 3px solid #FFD47D;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog-page .block-mae-manee-blog .block-mae-manee-blog-content .block-mae-manee-blog-body .block-tab-switch-blog-mae-manee-tab1 .block-flex-content-detail-blog-mae-manee .block-item-detail-blog-mae-manee img {
    width: 100%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-page .block-mae-manee-blog .block-mae-manee-blog-content .block-mae-manee-blog-body .block-tab-switch-blog-mae-manee-tab1 .block-flex-content-detail-blog-mae-manee .block-item-detail-blog-mae-manee img {
    width: 100%;
  }
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .blog-page .block-mae-manee-blog .block-mae-manee-blog-content .block-mae-manee-blog-body .block-tab-switch-blog-mae-manee-tab1 .block-flex-content-detail-blog-mae-manee .block-item-detail-blog-mae-manee img {
    width: 100%;
  }
}

.blog-page .block-mae-manee-blog .block-mae-manee-blog-content .block-mae-manee-blog-body .block-tab-switch-blog-mae-manee-tab1 .block-flex-content-detail-blog-mae-manee .block-item-detail-blog-mae-manee img.fix-pic {
  width: 19.4vw;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog-page .block-mae-manee-blog .block-mae-manee-blog-content .block-mae-manee-blog-body .block-tab-switch-blog-mae-manee-tab1 .block-flex-content-detail-blog-mae-manee .block-item-detail-blog-mae-manee img.fix-pic {
    width: 20.68vw;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-page .block-mae-manee-blog .block-mae-manee-blog-content .block-mae-manee-blog-body .block-tab-switch-blog-mae-manee-tab1 .block-flex-content-detail-blog-mae-manee .block-item-detail-blog-mae-manee img.fix-pic {
    width: 50%;
  }
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .blog-page .block-mae-manee-blog .block-mae-manee-blog-content .block-mae-manee-blog-body .block-tab-switch-blog-mae-manee-tab1 .block-flex-content-detail-blog-mae-manee .block-item-detail-blog-mae-manee img.fix-pic {
    width: 50%;
  }
}

.blog-page .block-mae-manee-blog .block-mae-manee-blog-content .block-mae-manee-blog-body .block-tab-switch-blog-mae-manee-tab1 .block-flex-content-detail-blog-mae-manee .block-item-detail-blog-mae-manee .bg-content-detail-blog-mae-manee {
  margin: 1.04vw 1.04vw 0 0px;
  position: relative;
}

.blog-page .block-mae-manee-blog .block-mae-manee-blog-content .block-mae-manee-blog-body .block-tab-switch-blog-mae-manee-tab1 .block-flex-content-detail-blog-mae-manee .block-item-detail-blog-mae-manee h5 {
  margin: 0;
  color: #7244F7;
  font-family: "Conv_SukhumvitSet-Medium";
  font-size: 0.78vw;
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .blog-page .block-mae-manee-blog .block-mae-manee-blog-content .block-mae-manee-blog-body .block-tab-switch-blog-mae-manee-tab1 .block-flex-content-detail-blog-mae-manee .block-item-detail-blog-mae-manee h5 {
    font-size: 4.78vw;
    padding: 3vw 0;
  }
}

.blog-page .block-mae-manee-blog .block-mae-manee-blog-content .block-mae-manee-blog-body .block-tab-switch-blog-mae-manee-tab1 .block-flex-content-detail-blog-mae-manee .block-item-detail-blog-mae-manee a {
  font-family: "Conv_SukhumvitSet-Bold";
  font-size: 1.30vw;
  color: black;
}

.blog-page .block-mae-manee-blog .block-mae-manee-blog-content .block-mae-manee-blog-body .block-tab-switch-blog-mae-manee-tab1 .block-flex-content-detail-blog-mae-manee .block-item-detail-blog-mae-manee a p {
  margin: 0;
  font-family: "Conv_SukhumvitSet-Bold";
  font-size: 1.30vw;
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .blog-page .block-mae-manee-blog .block-mae-manee-blog-content .block-mae-manee-blog-body .block-tab-switch-blog-mae-manee-tab1 .block-flex-content-detail-blog-mae-manee .block-item-detail-blog-mae-manee a p {
    font-size: 8.78vw;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog-page .block-mae-manee-blog .block-mae-manee-blog-content .block-mae-manee-blog-body .block-tab-switch-blog-mae-manee-tab1 .block-flex-content-detail-blog-mae-manee .block-item-detail-blog-mae-manee {
    width: 50%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-page .block-mae-manee-blog .block-mae-manee-blog-content .block-mae-manee-blog-body .block-tab-switch-blog-mae-manee-tab1 .block-flex-content-detail-blog-mae-manee .block-item-detail-blog-mae-manee {
    width: 50%;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog-page .block-mae-manee-blog .block-mae-manee-blog-content .block-mae-manee-blog-body .block-tab-switch-blog-mae-manee-tab1 .block-flex-content-detail-blog-mae-manee.fix-desktop .block-item-detail-blog-mae-manee {
    width: 33.33%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-page .block-mae-manee-blog .block-mae-manee-blog-content .block-mae-manee-blog-body .block-tab-switch-blog-mae-manee-tab1 .block-flex-content-detail-blog-mae-manee.fix-desktop .block-item-detail-blog-mae-manee {
    width: 33.33%;
  }

  .blog-page .block-mae-manee-blog .block-mae-manee-blog-content .block-mae-manee-blog-body .block-tab-switch-blog-mae-manee-tab1 .block-flex-content-detail-blog-mae-manee.fix-desktop .block-item-detail-blog-mae-manee .fix-pic {
    width: 100%;
  }
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .blog-page .block-mae-manee-blog .block-mae-manee-blog-content .block-mae-manee-blog-body .block-tab-switch-blog-mae-manee-tab1 .block-flex-content-detail-blog-mae-manee.fix-desktop {
    display: none;
  }
}

.blog-page .block-mae-manee-blog .block-mae-manee-blog-content .block-mae-manee-blog-body .block-tab-switch-blog-mae-manee-tab1 .block-flex-content-detail-blog-mae-manee.fix-mobile {
  display: none;
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .blog-page .block-mae-manee-blog .block-mae-manee-blog-content .block-mae-manee-blog-body .block-tab-switch-blog-mae-manee-tab1 .block-flex-content-detail-blog-mae-manee.fix-mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
  }
}

.blog-page .block-mae-manee-blog .block-mae-manee-blog-content .block-mae-manee-blog-body .block-tab-switch-blog-mae-manee-tab1 .block-flex-content-detail-blog-mae-manee.fix-mobile .block-flex-mobile-blog-mae-manee {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.blog-page .block-mae-manee-blog .block-mae-manee-blog-content .block-mae-manee-blog-body .block-tab-switch-blog-mae-manee-tab1 .block-flex-content-detail-blog-mae-manee.fix-mobile .block-flex-mobile-blog-mae-manee .item-blog-mae-manee {
  width: 50%;
  padding-right: 2.5vw;
}

.blog-page .block-mae-manee-blog .block-mae-manee-blog-content .block-mae-manee-blog-body .block-tab-switch-blog-mae-manee-tab1 .block-flex-content-detail-blog-mae-manee.fix-mobile .block-flex-mobile-blog-mae-manee .item-blog-mae-manee img {
  width: 100%;
  border-bottom: 2px solid #FFD47D;
}

.blog-page .block-mae-manee-blog .block-mae-manee-blog-content .block-mae-manee-blog-body .block-tab-switch-blog-mae-manee-tab1 .block-flex-content-detail-blog-mae-manee.fix-mobile .block-flex-mobile-blog-mae-manee .item-blog-mae-manee h5 {
  color: #7244F7;
  font-family: "Conv_SukhumvitSet-Medium";
  font-size: 4.2vw;
  padding-top: 4vw;
}

.blog-page .block-mae-manee-blog .block-mae-manee-blog-content .block-mae-manee-blog-body .block-tab-switch-blog-mae-manee-tab1 .block-flex-content-detail-blog-mae-manee.fix-mobile .block-flex-mobile-blog-mae-manee .item-blog-mae-manee p {
  font-family: "Conv_SukhumvitSet-Bold";
  font-size: 6vw;
}

.blog-page .block-mae-manee-blog .block-mae-manee-blog-content .block-mae-manee-blog-body .block-tab-switch-blog-mae-manee-tab1 .block-flex-content-detail-blog-mae-manee.fix-mobile .block-flex-mobile-blog-mae-manee .item-blog-mae-manee p a {
  font-family: "Conv_SukhumvitSet-Bold";
  font-size: 6vw;
  color: black;
}

.blog-page .block-mae-manee-blog .block-mae-manee-blog-content .block-mae-manee-blog-body .block-tab-switch-blog-mae-manee-tab1 .block-flex-content-detail-blog-mae-manee.fix-mobile .block-flex-mobile-blog-mae-manee .item-blog-mae-manee-2 {
  width: 50%;
  padding-left: 2.5vw;
}

.blog-page .block-mae-manee-blog .block-mae-manee-blog-content .block-mae-manee-blog-body .block-tab-switch-blog-mae-manee-tab1 .block-flex-content-detail-blog-mae-manee.fix-mobile .block-flex-mobile-blog-mae-manee .item-blog-mae-manee-2 img {
  width: 100%;
  border-bottom: 2px solid #FFD47D;
}

.blog-page .block-mae-manee-blog .block-mae-manee-blog-content .block-mae-manee-blog-body .block-tab-switch-blog-mae-manee-tab1 .block-flex-content-detail-blog-mae-manee.fix-mobile .block-flex-mobile-blog-mae-manee .item-blog-mae-manee-2 h5 {
  color: #7244F7;
  font-family: "Conv_SukhumvitSet-Medium";
  font-size: 4.2vw;
  padding-top: 4vw;
}

.blog-page .block-mae-manee-blog .block-mae-manee-blog-content .block-mae-manee-blog-body .block-tab-switch-blog-mae-manee-tab1 .block-flex-content-detail-blog-mae-manee.fix-mobile .block-flex-mobile-blog-mae-manee .item-blog-mae-manee-2 p {
  font-family: "Conv_SukhumvitSet-Bold";
  font-size: 6vw;
}

.blog-page .block-mae-manee-blog .block-mae-manee-blog-content .block-mae-manee-blog-body .block-tab-switch-blog-mae-manee-tab1 .block-flex-content-detail-blog-mae-manee.fix-mobile .block-flex-mobile-blog-mae-manee .item-blog-mae-manee-2 p a {
  font-family: "Conv_SukhumvitSet-Bold";
  font-size: 6vw;
  color: black;
}

.blog-page .block-mae-manee-blog .block-mae-manee-blog-content .block-mae-manee-blog-body .block-nav-mae-manee-playlist {
  margin: 2.60vw 0;
}

.blog-page .block-mae-manee-blog .block-mae-manee-blog-content .block-mae-manee-blog-body.active {
  display: block;
}

.blog-page .block-mae-manee-blog .block-mae-manee-blog-content .block-mae-manee-blog-body::before {
  content: "";
  background-color: #f7f7f7;
  width: 100%;
  height: 32.73vw;
  /* position: absolute; */
  bottom: 0;
  left: 0;
  z-index: 0;
}

@media only screen and (min-width: 250px) and (max-width: 991px) {
  .blog-page .block-mae-manee-blog .block-mae-manee-blog-content .block-mae-manee-blog-body::before {
    display: none;
  }
}

.blog-page .block-mae-manee-blog .block-mae-manee-blog-content .block-pic-bg-blog-mae-manee img.fix-pic-0 {
  position: absolute;
  right: -13vw;
  top: 4vw;
  z-index: 1;
  width: 37.708vw;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog-page .block-mae-manee-blog .block-mae-manee-blog-content .block-pic-bg-blog-mae-manee img.fix-pic-0 {
    width: 37vw;
    right: -14.5vw;
    top: 4vw;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-page .block-mae-manee-blog .block-mae-manee-blog-content .block-pic-bg-blog-mae-manee img.fix-pic-0 {
    right: -12.5vw;
    top: 9vw;
    width: 37vw;
  }
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .blog-page .block-mae-manee-blog .block-mae-manee-blog-content .block-pic-bg-blog-mae-manee img.fix-pic-0 {
    right: -42vw;
    top: 61vw;
    z-index: 0;
  }
}

.blog-page .block-mae-manee-blog .block-mae-manee-blog-content .block-pic-bg-blog-mae-manee img.fix-pic-1 {
  position: absolute;
  left: -7.3vw;
  top: 25vw;
  z-index: 1;
  width: 20.58vw;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog-page .block-mae-manee-blog .block-mae-manee-blog-content .block-pic-bg-blog-mae-manee img.fix-pic-1 {
    left: -12.3vw;
    top: 23vw;
    width: 29vw;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-page .block-mae-manee-blog .block-mae-manee-blog-content .block-pic-bg-blog-mae-manee img.fix-pic-1 {
    left: -9.3vw;
    top: 28vw;
    width: 25vw;
  }
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .blog-page .block-mae-manee-blog .block-mae-manee-blog-content .block-pic-bg-blog-mae-manee img.fix-pic-1 {
    left: -24.3vw;
    top: 403vw;
    width: 60vw;
  }
}

.blog-page .block-mae-manee-blog .block-mae-manee-blog-content .block-pic-bg-blog-mae-manee img.fix-pic-2 {
  position: absolute;
  left: -2vw;
  top: 83vw;
  width: 28.07vw;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog-page .block-mae-manee-blog .block-mae-manee-blog-content .block-pic-bg-blog-mae-manee img.fix-pic-2 {
    left: -1.5vw;
    top: 84vw;
    width: 26vw;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-page .block-mae-manee-blog .block-mae-manee-blog-content .block-pic-bg-blog-mae-manee img.fix-pic-2 {
    left: -1.5vw;
    top: 86vw;
    width: 27vw;
  }
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .blog-page .block-mae-manee-blog .block-mae-manee-blog-content .block-pic-bg-blog-mae-manee img.fix-pic-2 {
    left: 59.5vw;
    top: 624vw;
    width: 65vw;
  }
}

.blog-page .block-mae-manee-blog .block-mae-manee-blog-content .block-pic-bg-blog-mae-manee img.fix-pic-3 {
  position: absolute;
  right: 6vw;
  top: 48.8vw;
  width: 24.27vw;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog-page .block-mae-manee-blog .block-mae-manee-blog-content .block-pic-bg-blog-mae-manee img.fix-pic-3 {
    right: 5.8vw;
    top: 51vw;
    width: 21vw;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-page .block-mae-manee-blog .block-mae-manee-blog-content .block-pic-bg-blog-mae-manee img.fix-pic-3 {
    right: 4.5vw;
    top: 53.8vw;
    width: 24vw;
  }
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .blog-page .block-mae-manee-blog .block-mae-manee-blog-content .block-pic-bg-blog-mae-manee img.fix-pic-3 {
    display: none;
  }
}

.blog-page .block-mae-manee-blog .block-mae-manee-blog-content .block-pic-bg-blog-mae-manee img.fix-pic-4 {
  position: absolute;
  right: 0vw;
  top: 120.5vw;
  width: 47.86vw;
  z-index: 1;
  pointer-events: none;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog-page .block-mae-manee-blog .block-mae-manee-blog-content .block-pic-bg-blog-mae-manee img.fix-pic-4 {
    right: -1vw;
    top: 124.5vw;
    width: 49vw;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-page .block-mae-manee-blog .block-mae-manee-blog-content .block-pic-bg-blog-mae-manee img.fix-pic-4 {
    right: -3vw;
    top: 126.5vw;
    width: 59vw;
  }
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .blog-page .block-mae-manee-blog .block-mae-manee-blog-content .block-pic-bg-blog-mae-manee img.fix-pic-4 {
    display: none;
  }
}

.blog-page .modal-dialog {
  padding: 0 5.20vw;
  padding-bottom: 2.083vw;
}

.blog-page .modal-content {
  border-radius: 1.041vw;
  width: 59.37vw;
  height: 36.45vw;
}

@media only screen and (min-width: 250px) and (max-width: 575px) {
  .blog-page .modal-content {
    width: 100%;
    height: 72vw;
  }
}

.blog-page .padding-form-modal {
  padding: 0 1.56vw 0 0;
}

.blog-page .padding-form-modal .modal-tab-mae-manee.scroll-tab {
  padding: 0px 0.52vw 0 2.08vw;
  overflow-y: scroll;
  height: 25.29vw;
}

@media only screen and (min-width: 250px) and (max-width: 575px) {
  .blog-page .padding-form-modal .modal-tab-mae-manee.scroll-tab {
    height: 55.29vw;
  }
}

.blog-page .padding-form-modal .modal-tab-mae-manee.scroll-tab .modal-body {
  padding: 0;
}

.blog-page .padding-form-modal .modal-tab-mae-manee.scroll-tab .modal-body .block-modal-item-blog {
  width: 100%;
}

.blog-page .padding-form-modal .modal-tab-mae-manee.scroll-tab .modal-body .block-modal-item-blog a {
  color: #402775;
}

.blog-page .padding-form-modal .modal-tab-mae-manee.scroll-tab .modal-body .block-modal-item-blog a .item-blog-mobal {
  background-color: white;
  border: 1px solid #E5E2E2;
  width: 8.3vw;
  height: 7.29vw;
  display: -ms-grid;
  display: grid;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 10px;
  margin: 0.26vw 0.26vw;
  -webkit-box-shadow: 0 1.5px 1.5px 0 lightgray;
  box-shadow: 0 1.5px 1.5px 0 lightgray;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog-page .padding-form-modal .modal-tab-mae-manee.scroll-tab .modal-body .block-modal-item-blog a .item-blog-mobal {
    width: 9.95vw;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-page .padding-form-modal .modal-tab-mae-manee.scroll-tab .modal-body .block-modal-item-blog a .item-blog-mobal {
    width: 9.4vw;
  }
}

@media only screen and (min-width: 250px) and (max-width: 575px) {
  .blog-page .padding-form-modal .modal-tab-mae-manee.scroll-tab .modal-body .block-modal-item-blog a .item-blog-mobal {
    width: 15.5vw;
    height: 16.29vw;
  }
}

.blog-page .padding-form-modal .modal-tab-mae-manee.scroll-tab .modal-body .block-modal-item-blog a .item-blog-mobal p {
  margin: 0 auto;
  font-size: 1.04vw;
  font-family: "Conv_SukhumvitSet-Text";
}

@media only screen and (min-width: 250px) and (max-width: 575px) {
  .blog-page .padding-form-modal .modal-tab-mae-manee.scroll-tab .modal-body .block-modal-item-blog a .item-blog-mobal p {
    font-size: 2.3vw;
  }
}

.blog-page .padding-form-modal .modal-tab-mae-manee.scroll-tab .modal-body .block-modal-item-blog a .item-blog-mobal .fix-center {
  text-align: center;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-page .padding-form-modal .modal-tab-mae-manee.scroll-tab .modal-body .block-modal-item-blog a .item-blog-mobal .fix-center img {
    width: 50%;
  }
}

@media only screen and (min-width: 250px) and (max-width: 575px) {
  .blog-page .padding-form-modal .modal-tab-mae-manee.scroll-tab .modal-body .block-modal-item-blog a .item-blog-mobal .fix-center img {
    width: 60%;
  }
}

.blog-page .modal-tab-mae-manee {
  padding: 2.083vw 3.083vw 1.041vw 2.083vw;
}

.blog-page .modal-tab-mae-manee .modal-header {
  border-bottom: 1px solid #E5E2E2;
  padding: 0.78vw 0.78vw 0.78vw 0;
}

.blog-page .modal-tab-mae-manee .modal-header h5 {
  color: #7244F7;
  font-size: 1.82vw;
  font-family: "Conv_SukhumvitSet-Bold";
}

@media only screen and (min-width: 250px) and (max-width: 575px) {
  .blog-page .modal-tab-mae-manee .modal-header h5 {
    font-size: 3.82vw;
  }
}

.blog-page .modal-tab-mae-manee .modal-header button .icon-moon {
  color: #7244F7;
  font-size: 1.5vw;
  position: absolute;
  top: 1.302vw;
}

@media only screen and (min-width: 250px) and (max-width: 575px) {
  .blog-page .modal-tab-mae-manee .modal-header button .icon-moon {
    font-size: 3.5vw;
    top: 2.302vw;
  }
}

.blog-page ::-webkit-scrollbar {
  width: 0.36vw;
  margin-right: 10vw;
}

.blog-page ::-webkit-scrollbar-track {
  background: #f1f1f1;
}

.blog-page ::-webkit-scrollbar-thumb {
  background: #E2E2E2;
  border-radius: 1000px;
}

.blog-page ::-webkit-scrollbar-thumb:hover {
  background: #BBBBBB;
  border-radius: 1000px;
}

.block-breadcum-blog-detail {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 1.56vw 0;
}

.block-breadcum-blog-detail.restaurant-page {
  padding: 0 0 0 0;
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .block-breadcum-blog-detail {
    padding: 5vw 0;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .block-breadcum-blog-detail.fix-desktop {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .block-breadcum-blog-detail.fix-desktop {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .block-breadcum-blog-detail.fix-desktop {
    display: none;
  }
}

.block-breadcum-blog-detail.fix-mobile {
  display: none;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .block-breadcum-blog-detail.fix-mobile {
    display: none;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .block-breadcum-blog-detail.fix-mobile {
    display: none;
  }
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .block-breadcum-blog-detail.fix-mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.block-breadcum-blog-detail .block-color-circle-icon a {
  margin: 0;
}

.block-breadcum-blog-detail .block-color-circle-icon a button {
  background-color: black;
  border-radius: 50%;
  width: 2.60vw;
  height: 2.60vw;
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .block-breadcum-blog-detail .block-color-circle-icon a button {
    width: 3.60vw;
    height: 3.60vw;
  }
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .block-breadcum-blog-detail .block-color-circle-icon a button {
    width: 10vw;
    height: 10vw;
  }
}

.block-breadcum-blog-detail .block-color-circle-icon a button .icon-moon {
  font-weight: bold;
  color: white;
  font-size: 1vw;
  position: relative;
  /* top: 0.1vw; */
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .block-breadcum-blog-detail .block-color-circle-icon a button .icon-moon {
    position: relative;
    /* top: -0.1vw; */
    font-size: 1vw;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .block-breadcum-blog-detail .block-color-circle-icon a button .icon-moon {
    position: relative;
    /* top: -0.2vw; */
    font-size: 1.2vw;
  }
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .block-breadcum-blog-detail .block-color-circle-icon a button .icon-moon {
    font-size: 3.5vw;
  }
}

.block-breadcum-blog-detail nav {
  padding: 0 1.04vw;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .block-breadcum-blog-detail nav {
    padding: 0 3vw;
  }
}

.block-breadcum-blog-detail nav ol {
  margin: 0;
  padding: 0;
  background-color: transparent;
}

.block-breadcum-blog-detail nav ol.breadcrumb:after {
  content: unset;
}

.block-breadcum-blog-detail nav ol li {
  font-size: 0.97vw;
  font-family: "Conv_SukhumvitSet-Bold";
  color: black;
  float: none;
  padding: unset;
}

.block-breadcum-blog-detail nav ol li:not(:last-child):after {
  content: unset;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .block-breadcum-blog-detail nav ol li {
    font-size: 1.4vw;
  }
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .block-breadcum-blog-detail nav ol li {
    font-size: 3.5vw;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 70vw;
  }
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .block-breadcum-blog-detail nav ol li.fix-width {
    font-size: 3.0vw;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 4vw;
  }
}

.block-breadcum-blog-detail nav ol li a {
  color: #666666;
  opacity: 1;
  float: unset;
}

.block-breadcum-blog-detail nav ol li.active {
  color: #000;
}

.block-blog-detail-mae-manee .block-title-blog-detail-mae-manee {
  text-align: center;
  margin: 0 auto;
  padding: 2vw 11.45vw 2vw 11.45vw;
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .block-blog-detail-mae-manee .block-title-blog-detail-mae-manee {
    padding: 2.08vw 11.45vw 5.2vw 11.45vw;
  }
}

.block-blog-detail-mae-manee .block-title-blog-detail-mae-manee h5 {
  color: #7244F7;
  font-size: 0.78vw;
  font-family: "Conv_SukhumvitSet-Medium";
  margin: 0 auto;
  padding-bottom: 1.56vw;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .block-blog-detail-mae-manee .block-title-blog-detail-mae-manee h5 {
    font-size: 1.9vw;
  }
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .block-blog-detail-mae-manee .block-title-blog-detail-mae-manee h5 {
    font-size: 3.78vw;
    padding-bottom: 7.70vw;
  }
}

.block-blog-detail-mae-manee .block-title-blog-detail-mae-manee h1 {
  font-size: 2.60vw;
  font-family: "Conv_SukhumvitSet-Bold";
  margin: 0 auto;
  padding-bottom: 1.3vw;
  line-height: 1.6;
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .block-blog-detail-mae-manee .block-title-blog-detail-mae-manee h1 {
    font-size: 6vw;
    padding-bottom: 5.52vw;
  }
}

.block-blog-detail-mae-manee .block-title-blog-detail-mae-manee p {
  font-size: 1.04vw;
  font-family: "Conv_SukhumvitSet-Text";
  margin: 0 auto;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .block-blog-detail-mae-manee .block-title-blog-detail-mae-manee p {
    font-size: 1.9vw;
  }
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .block-blog-detail-mae-manee .block-title-blog-detail-mae-manee p {
    font-size: 5.04vw;
  }
}

.block-blog-detail-mae-manee .block-content-blog-detail-mae-manee img {
  width: 100%;
}

.block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .block-head-content-title-blog-detail-2 {
  position: relative;
  max-width: 60%;
  margin: auto;
}

.block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .relative {
  position: relative;
}

.block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .block-head-content-title-blog-detail-2 .block-span-position-abso {
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
}

.block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .block-head-content-title-blog-detail-2 .block-span-position-abso span.fix-span-1 {
  position: absolute;
  color: #7244F7;
  font-size: 13.02vw;
  font-family: "Conv_SukhumvitSet-Bold";
  top: -2vw;
  left: 0;
  line-height: 1;
  z-index: -1;
}

@media only screen and (min-width: 250px) and (max-width: 575px) {
  .block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .block-head-content-title-blog-detail-2 .block-span-position-abso span.fix-span-1 {
    font-size: 35.81vw;
    top: -6vw;
  }
}

.block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .block-head-content-title-blog-detail-2 .block-span-position-abso span.fix-span-2 {
  color: #7244F7;
  font-size: 5.20vw;
  font-family: "Conv_SukhumvitSet-Bold";
  position: absolute;
  right: -2vw;
  bottom: -2vw;
  line-height: 0;
}

@media only screen and (min-width: 250px) and (max-width: 575px) {
  .block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .block-head-content-title-blog-detail-2 {
    max-width: 100%;
  }

  .block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .block-head-content-title-blog-detail-2 .block-span-position-abso span.fix-span-2 {
    right: 0;
    bottom: -5vw;
    font-size: 19.2vw;
  }
}

.block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .block-head-content-title-blog-detail-2 .text-title-content-1-clog-detail-2 {
  padding-top: 5vw;
}

@media only screen and (min-width: 250px) and (max-width: 575px) {
  .block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .block-head-content-title-blog-detail-2 .text-title-content-1-clog-detail-2 {
    padding-top: 11vw;
  }
}

.block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .block-head-content-title-blog-detail-2 .text-title-content-1-clog-detail-2 h5 {
  text-align: center;
  font-size: 2.60vw;
  font-family: "Conv_SukhumvitSet-Text";
}

@media only screen and (min-width: 250px) and (max-width: 575px) {
  .block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .block-head-content-title-blog-detail-2 .text-title-content-1-clog-detail-2 h5 {
    font-size: 9.8vw;
  }
}

.block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail {
  padding: 3.38vw 10.41vw;
}

.block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail.blog-detail-2 {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail {
    padding: 12.38vw 7.5vw;
    padding-bottom: 10vw;
  }
}

@media only screen and (min-width: 250px) and (max-width: 575px) {
  .block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail {
    padding: 17vw 3.8vw 1vw 6vw;
  }
}

.block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail h3 {
  font-size: 1.30vw;
  font-family: "Conv_SukhumvitSet-Text";
  line-height: 1.4;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail h3 {
    font-size: 2vw;
  }
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail h3 {
    font-size: 5.4vw;
    padding-bottom: 7vw;
  }
}

.block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .block-flex-map-blog-detail {
  margin-top: 4.16vw;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .block-flex-map-blog-detail {
    display: block;
  }
}

.block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .block-flex-map-blog-detail .block-map-blog-detail {
  padding-right: 2.60vw;
  width: 50%;
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .block-flex-map-blog-detail .block-map-blog-detail {
    width: 100%;
  }
}

.block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .block-flex-map-blog-detail .block-text-blog-detail {
  width: 50%;
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .block-flex-map-blog-detail .block-text-blog-detail {
    width: 100%;
  }
}

.block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .block-flex-map-blog-detail .block-text-blog-detail h5 {
  font-size: 2.60vw;
  font-family: "Conv_SukhumvitSet-Bold";
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .block-flex-map-blog-detail .block-text-blog-detail h5 {
    font-size: 2.80vw;
  }
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .block-flex-map-blog-detail .block-text-blog-detail h5 {
    font-size: 8.4vw;
    padding-top: 10vw;
  }
}

.block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .block-flex-map-blog-detail .block-text-blog-detail p {
  font-size: 1.30vw;
  font-family: "Conv_SukhumvitSet-Text";
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .block-flex-map-blog-detail .block-text-blog-detail p {
    font-size: 1.5vw;
  }
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .block-flex-map-blog-detail .block-text-blog-detail p {
    font-size: 4.9vw;
  }
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .block-flex-map-blog-detail .block-text-blog-detail .item-center-align {
    padding-top: 8vw;
  }
}

.block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .block-flex-map-blog-detail .block-text-blog-detail .item-center-align a {
  color: black;
}

.block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .block-flex-map-blog-detail .block-text-blog-detail .item-center-align a .icon-moon {
  font-size: 1.5vw;
  font-weight: bold;
  padding-right: 0.5vw;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .block-flex-map-blog-detail .block-text-blog-detail .item-center-align a .icon-moon {
    font-size: 2.7vw;
  }
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .block-flex-map-blog-detail .block-text-blog-detail .item-center-align a .icon-moon {
    font-size: 7.5vw;
    padding-right: 3vw;
  }
}

.block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .block-flex-map-blog-detail .block-text-blog-detail .item-center-align a span {
  font-size: 1.04vw;
  font-family: "Conv_SukhumvitSet-Bold";
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .block-flex-map-blog-detail .block-text-blog-detail .item-center-align a span {
    font-size: 1.5vw;
  }
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .block-flex-map-blog-detail .block-text-blog-detail .item-center-align a span {
    font-size: 4.9vw;
  }
}

.block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .blokc-content-2-blog-detail-mae-manee {
  width: 100%;
}

.block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .blokc-content-2-blog-detail-mae-manee .block-text-title-content-2-blog-detail {
  padding-top: 2.5vw;
  padding-bottom: 2vw;
  position: relative;
}

.block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .block-restaurant-recommend .block-text-title-content-2-blog-detail {
  padding-top: 0;
}

.block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .blokc-content-2-blog-detail-mae-manee .block-text-title-content-2-blog-detail::before {
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 3px;
  background-color: #000;
  left: 0;
}

.block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .blokc-content-2-blog-detail-mae-manee .block-text-title-content-2-blog-detail h5 {
  font-size: 2.60vw;
  font-family: "Conv_SukhumvitSet-Bold";
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .blokc-content-2-blog-detail-mae-manee .block-text-title-content-2-blog-detail h5 {
    font-size: 8.60vw;
  }
}

.block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .blokc-content-2-blog-detail-mae-manee .block-head-content-2-blog-detail p {
  font-size: 1.30vw;
  font-family: "Conv_SukhumvitSet-Text";
  padding-top: 2.08vw;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .blokc-content-2-blog-detail-mae-manee .block-head-content-2-blog-detail p {
    font-size: 1.9vw;
  }
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .blokc-content-2-blog-detail-mae-manee .block-head-content-2-blog-detail p {
    font-size: 5.07vw;
  }
}

.block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .blokc-content-2-blog-detail-mae-manee .block-item-content-2-blog-detail .block-center-content-2-blog-detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .blokc-content-2-blog-detail-mae-manee .block-item-content-2-blog-detail .block-center-content-2-blog-detail img {
  padding-top: 3.12vw;
  text-align: center;
  width: auto;
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .blokc-content-2-blog-detail-mae-manee .block-item-content-2-blog-detail .block-center-content-2-blog-detail img {

    object-fit: cover;
  }
}

.block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .blokc-content-2-blog-detail-mae-manee .block-item-content-2-blog-detail .block-center-content-2-blog-detail p {
  padding-top: 2.08vw;
  text-align: left;
  font-size: 1.30vw;
  font-family: "Conv_SukhumvitSet-Text";
  margin: 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .blokc-content-2-blog-detail-mae-manee .block-item-content-2-blog-detail .block-center-content-2-blog-detail p {
    font-size: 1.9vw;
  }
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .blokc-content-2-blog-detail-mae-manee .block-item-content-2-blog-detail .block-center-content-2-blog-detail p {
    width: 100%;
    font-size: 5.07vw;
    padding-top: 8.08vw;
    padding-bottom: 10.08vw;
  }
}

.block-blog-detail-mae-manee .custom-container {
  max-width: 100%;
  padding-left: 0;
  padding-right: 0;
}

.block-blog-detail-mae-manee .recommend-slide .recommend-restaurant-carousel .item .item-recommend .box-img img {
  padding-top: 0;
  width: 46.87vw;
  text-align: center;
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .block-blog-detail-mae-manee .recommend-slide .recommend-restaurant-carousel .item .item-recommend .box-img img {
    width: 100%;
  }
}

.block-blog-detail-mae-manee .recommend-slide .recommend-restaurant-carousel .item .item-recommend .box-text {
  padding: 0;
}

.block-blog-detail-mae-manee .recommend-slide .recommend-restaurant-carousel .item .item-recommend .box-text h5 {
  font-size: 1.35vw;
  font-family: "Conv_SukhumvitSet-Bold";
  padding-top: 1.56vw;
  text-align: left;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .block-blog-detail-mae-manee .recommend-slide .recommend-restaurant-carousel .item .item-recommend .box-text h5 {
    font-size: 1.9vw;
  }
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .block-blog-detail-mae-manee .recommend-slide .recommend-restaurant-carousel .item .item-recommend .box-text h5 {
    font-size: 6.35vw;
  }
}

.block-blog-detail-mae-manee .recommend-slide .recommend-restaurant-carousel .item .item-recommend .box-text p {
  font-size: 1.30vw;
  font-family: "Conv_SukhumvitSet-Text";
  margin: 0;
  padding: 0;
  width: 14.89vw;
  color: #212529;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .block-blog-detail-mae-manee .recommend-slide .recommend-restaurant-carousel .item .item-recommend .box-text p {
    font-size: 1.4vw;
  }
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .block-blog-detail-mae-manee .recommend-slide .recommend-restaurant-carousel .item .item-recommend .box-text p {
    font-size: 5.3vw;
    width: 100%;
  }
}

.block-blog-detail-mae-manee .block-restaurant-recommend {
  padding-bottom: 5.5vw;
}

.block-blog-detail-mae-manee .block-restaurant-recommend .recommend-slide .recommend-restaurant-carousel .owl-nav .owl-next .icon-moon::after,
.block-blog-detail-mae-manee .block-restaurant-recommend .recommend-slide .recommend-restaurant-carousel .owl-nav .owl-prev .icon-moon::after {
  content: unset;
}

.block-blog-detail-mae-manee .block-restaurant-recommend .recommend-slide .recommend-restaurant-carousel .owl-nav .icon-moon {
  color: #7244F7;
  font-size: 3vw;
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .block-blog-detail-mae-manee .block-restaurant-recommend {
    padding-bottom: 10vw;
  }

  .block-blog-detail-mae-manee .block-restaurant-recommend .recommend-slide {
    padding-top: 10vw;
  }

  .block-blog-detail-mae-manee .block-restaurant-recommend .recommend-slide .recommend-restaurant-carousel .owl-nav .icon-moon {
    font-size: 10.26vw;
  }
}

@media only screen and (min-width: 290px) and (max-width: 767px) {

  .block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .blokc-content-2-blog-detail-mae-manee .block-item-content-2-blog-detail .blog-detail-slide.owl-carousel,
  .block-blog-detail-mae-manee .block-restaurant-recommend .recommend-slide .recommend-restaurant-carousel {
    width: 100%;
    padding: 0 !important;
  }
}

.block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .blokc-content-2-blog-detail-mae-manee .block-item-content-2-blog-detail .blog-detail-slide.owl-carousel .carousel-item {
  width: 46.87vw;
  display: block;
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .blokc-content-2-blog-detail-mae-manee .block-item-content-2-blog-detail .blog-detail-slide.owl-carousel .carousel-item {
    width: 100%;
  }
}

.block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .blokc-content-2-blog-detail-mae-manee .block-item-content-2-blog-detail .blog-detail-slide.owl-carousel .carousel-item img.d-block {
  width: 100%;
  padding: 0 0 0 0;
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .blokc-content-2-blog-detail-mae-manee .block-item-content-2-blog-detail .blog-detail-slide.owl-carousel .carousel-item img.d-block.blog-2 {
    width: 100%;
    padding-top: 14vw;
  }
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .blokc-content-2-blog-detail-mae-manee .block-item-content-2-blog-detail .blog-detail-slide.owl-carousel .carousel-item img.d-block {
    width: 100%;
  }
}

.block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .blokc-content-2-blog-detail-mae-manee .block-item-content-2-blog-detail .blog-detail-slide.owl-carousel .carousel-item h5 {
  text-align: left;
  padding-top: 1.0vw;
  font-size: 1.04vw;
  font-family: "Conv_SukhumvitSet-Bold";
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .blokc-content-2-blog-detail-mae-manee .block-item-content-2-blog-detail .blog-detail-slide.owl-carousel .carousel-item h5 {
    font-size: 1.9vw;
  }
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .blokc-content-2-blog-detail-mae-manee .block-item-content-2-blog-detail .blog-detail-slide.owl-carousel .carousel-item h5 {
    font-size: 4.04vw;
    padding-top: 4vw;
  }
}

.block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .blokc-content-2-blog-detail-mae-manee .block-item-content-2-blog-detail .blog-detail-slide.owl-carousel .carousel-item p {
  padding-top: 0;
  font-size: 1.04vw;
  font-family: "Conv_SukhumvitSet-Text";
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .blokc-content-2-blog-detail-mae-manee .block-item-content-2-blog-detail .blog-detail-slide.owl-carousel .carousel-item p {
    font-size: 1.4vw;
  }
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .blokc-content-2-blog-detail-mae-manee .block-item-content-2-blog-detail .blog-detail-slide.owl-carousel .carousel-item p {
    font-size: 4.04vw;
  }
}

.block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .blokc-content-2-blog-detail-mae-manee .block-item-content-2-blog-detail .carousel-control-prev {
  opacity: 1;
  position: absolute;
  left: -9.8vw;
  cursor: pointer;
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .blokc-content-2-blog-detail-mae-manee .block-item-content-2-blog-detail .carousel-control-prev.blog-2 {
    left: -7vw;
    top: 2vw;
  }
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .blokc-content-2-blog-detail-mae-manee .block-item-content-2-blog-detail .carousel-control-prev.blog-3 {
    left: -7vw;
    top: -13vw;
  }
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .blokc-content-2-blog-detail-mae-manee .block-item-content-2-blog-detail .carousel-control-prev {
    left: -7vw;
    top: -44vw;
  }
}

.block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .blokc-content-2-blog-detail-mae-manee .block-item-content-2-blog-detail .carousel-control-prev .icon-moon {
  color: #7244F7;
  font-size: 3vw;
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .blokc-content-2-blog-detail-mae-manee .block-item-content-2-blog-detail .carousel-control-prev .icon-moon {
    font-size: 12vw;
    background-color: #ebebeb;
    border-radius: 50%;
  }
}

.block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .blokc-content-2-blog-detail-mae-manee .block-item-content-2-blog-detail .carousel-control-next {
  opacity: 1;
  right: -9.8vw;
  cursor: pointer;
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .blokc-content-2-blog-detail-mae-manee .block-item-content-2-blog-detail .carousel-control-next.blog-2 {
    right: -7vw;
    top: 2vw;
  }
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .blokc-content-2-blog-detail-mae-manee .block-item-content-2-blog-detail .carousel-control-next.blog-3 {
    right: -7vw;
    top: -13vw;
  }
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .blokc-content-2-blog-detail-mae-manee .block-item-content-2-blog-detail .carousel-control-next {
    right: -7vw;
    top: -44vw;
  }
}

.block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .blokc-content-2-blog-detail-mae-manee .block-item-content-2-blog-detail .carousel-control-next .icon-moon {
  color: #7244F7;
  font-size: 3vw;
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .blokc-content-2-blog-detail-mae-manee .block-item-content-2-blog-detail .carousel-control-next .icon-moon {
    font-size: 12vw;
    background-color: #ebebeb;
    border-radius: 50%;
  }
}

.block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .blokc-content-2-blog-detail-mae-manee .block-item-content-2-blog-detail .blog-detail-slide.owl-carousel,
.block-blog-detail-mae-manee .block-restaurant-recommend .recommend-slide .recommend-restaurant-carousel .carousel-item {
  width: 100%;
  padding: 0 7.81vw;
  margin-top: 3vw;
  margin-bottom: 0;
}

.block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .blokc-content-2-blog-detail-mae-manee .block-item-content-2-blog-detail .owl-carousel {
  width: 100%;
  padding: 0 7.81vw;
  margin-bottom: 2vw;
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .blokc-content-2-blog-detail-mae-manee .block-item-content-2-blog-detail .owl-carousel {
    padding: 0 0vw;
  }
}

.block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .blokc-content-2-blog-detail-mae-manee .block-item-content-2-blog-detail .owl-carousel.owl-theme .owl-nav {
  display: block;
}

.block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .blokc-content-2-blog-detail-mae-manee .block-item-content-2-blog-detail .owl-carousel.owl-theme .owl-nav .owl-prev {
  background: none;
  position: absolute;
  background: transparent;
  padding: 0;
  margin: 0;
  left: 0;
  top: 35%;
}

.block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .blokc-content-2-blog-detail-mae-manee .block-item-content-2-blog-detail .owl-carousel.owl-theme .owl-nav .owl-prev .icon-moon {
  color: #7244F7;
  font-size: 3vw;
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .blokc-content-2-blog-detail-mae-manee .block-item-content-2-blog-detail .owl-carousel.owl-theme .owl-nav .owl-prev .icon-moon {
    font-size: 10.26vw;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .blokc-content-2-blog-detail-mae-manee .block-item-content-2-blog-detail .owl-carousel.owl-theme .owl-nav .owl-prev {
    top: 33%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .blokc-content-2-blog-detail-mae-manee .block-item-content-2-blog-detail .owl-carousel.owl-theme .owl-nav .owl-prev {
    top: 30%;
  }
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .blokc-content-2-blog-detail-mae-manee .block-item-content-2-blog-detail .blog-detail-slide.owl-carousel.owl-theme .owl-nav .owl-prev {
    display: block;
    left: -20px;
    background: rgba(255, 255, 255, 0.64);
    backdrop-filter: blur(20px);
    width: 9.8vw;
    height: 9.8vw;
    border-radius: 50px;
    top: 20vw;
  }
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .blokc-content-2-blog-detail-mae-manee .block-item-content-2-blog-detail .owl-carousel.owl-theme .owl-nav .owl-prev {
    display: none;

  }
}


.block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .blokc-content-2-blog-detail-mae-manee .block-item-content-2-blog-detail .owl-carousel.owl-theme .owl-nav .owl-next {
  position: absolute;
  background: transparent;
  padding: 0;
  margin: 0;
  right: 0;
  top: 35%;
}

.block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .blokc-content-2-blog-detail-mae-manee .block-item-content-2-blog-detail .owl-carousel.owl-theme .owl-nav .owl-next .icon-moon {
  color: #7244F7;
  font-size: 3vw;
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .blokc-content-2-blog-detail-mae-manee .block-item-content-2-blog-detail .owl-carousel.owl-theme .owl-nav .owl-next .icon-moon {
    font-size: 10.26vw;

  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .blokc-content-2-blog-detail-mae-manee .block-item-content-2-blog-detail .owl-carousel.owl-theme .owl-nav .owl-next {
    top: 33%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .blokc-content-2-blog-detail-mae-manee .block-item-content-2-blog-detail .owl-carousel.owl-theme .owl-nav .owl-next {
    top: 30%;
  }
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .blokc-content-2-blog-detail-mae-manee .block-item-content-2-blog-detail .blog-detail-slide.owl-carousel.owl-theme .owl-nav .owl-next {
    display: block;
    right: -20px;
    background: rgba(255, 255, 255, 0.64);
    backdrop-filter: blur(20px);
    width: 9.8vw;
    height: 9.8vw;
    border-radius: 50px;
    top: 20vw;
  }
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .blokc-content-2-blog-detail-mae-manee .block-item-content-2-blog-detail .owl-carousel.owl-theme .owl-nav .owl-next {
    display: none;

  }
}

.block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .blokc-content-2-blog-detail-mae-manee .block-item-content-2-blog-detail .owl-carousel.owl-theme .owl-dots {
  display: none;
}

.block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .blokc-content-2-blog-detail-mae-manee .block-item-content-2-blog-detail .owl-carousel .item h5 {
  font-size: 1.35vw;
  font-family: "Conv_SukhumvitSet-Bold";
  padding-top: 1.56vw;
  text-align: left;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .blokc-content-2-blog-detail-mae-manee .block-item-content-2-blog-detail .owl-carousel .item h5 {
    font-size: 1.9vw;
  }
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .blokc-content-2-blog-detail-mae-manee .block-item-content-2-blog-detail .owl-carousel .item h5 {
    font-size: 6.35vw;
  }
}

.block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .blokc-content-2-blog-detail-mae-manee .block-item-content-2-blog-detail .owl-carousel .item p {
  font-size: 1.30vw;
  font-family: "Conv_SukhumvitSet-Text";
  margin: 0;
  padding: 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .blokc-content-2-blog-detail-mae-manee .block-item-content-2-blog-detail .owl-carousel .item p {
    font-size: 1.4vw;
  }
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .blokc-content-2-blog-detail-mae-manee .block-item-content-2-blog-detail .owl-carousel .item p {
    font-size: 5.3vw;
    width: 100%;
  }
}

.block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .blokc-content-2-blog-detail-mae-manee .block-item-content-3-blog-detail {
  background-color: #ebebeb;
  width: 100%;
  min-height: 16.66vw;
  border-left: 0.364vw solid #7244F7;
  margin-top: 3.64vw;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .blokc-content-2-blog-detail-mae-manee .block-item-content-3-blog-detail.blog-2 {
    height: auto;
    display: block;
    border-top: 1.3vw solid #7244F7;
    border-left: none;
    margin-top: 9vw;
  }
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .blokc-content-2-blog-detail-mae-manee .block-item-content-3-blog-detail {
    height: auto;
    display: block;
    border-top: 1.3vw solid #7244F7;
    border-left: none;
    margin-bottom: 3.64vw;
    padding-bottom: 3vw;
  }
}

.block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .blokc-content-2-blog-detail-mae-manee .block-item-content-3-blog-detail .text-content-3-blog-detail {
  width: 40.80vw;
  padding-top: 2.08vw;
  padding-left: 2.60vw;
  padding-bottom: 2.08vw;
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .blokc-content-2-blog-detail-mae-manee .block-item-content-3-blog-detail .text-content-3-blog-detail {
    padding: 8vw 7vw 5vw;
    width: 100%;
  }
}

.block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .blokc-content-2-blog-detail-mae-manee .block-item-content-3-blog-detail .text-content-3-blog-detail h5 {
  font-size: 1.82vw;
  font-family: "Conv_SukhumvitSet-Bold";
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .blokc-content-2-blog-detail-mae-manee .block-item-content-3-blog-detail .text-content-3-blog-detail h5 {
    font-size: 6vw;
  }
}

.block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .blokc-content-2-blog-detail-mae-manee .block-item-content-3-blog-detail .text-content-3-blog-detail p {
  font-size: 1.30vw;
  font-family: "Conv_SukhumvitSet-Text";
  margin: 0;
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .blokc-content-2-blog-detail-mae-manee .block-item-content-3-blog-detail .text-content-3-blog-detail p {
    font-size: 4.7vw;
    width: 58vw;
  }
}

.block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .blokc-content-2-blog-detail-mae-manee .block-item-content-3-blog-detail .text-content-3-blog-detail.blog-detail-2 h5 {
  font-size: 1.82vw;
  font-family: "Conv_SukhumvitSet-Bold";
}

@media only screen and (min-width: 250px) and (max-width: 575px) {
  .block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .blokc-content-2-blog-detail-mae-manee .block-item-content-3-blog-detail .text-content-3-blog-detail.blog-detail-2 h5 {
    font-size: 7vw;
  }
}

.block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .blokc-content-2-blog-detail-mae-manee .block-item-content-3-blog-detail .text-content-3-blog-detail.blog-detail-2 h4 {
  font-size: 1.30vw;
  font-family: "Conv_SukhumvitSet-Bold";
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .blokc-content-2-blog-detail-mae-manee .block-item-content-3-blog-detail .text-content-3-blog-detail.blog-detail-2 h4 {
    margin: 0;
  }
}

@media only screen and (min-width: 250px) and (max-width: 575px) {
  .block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .blokc-content-2-blog-detail-mae-manee .block-item-content-3-blog-detail .text-content-3-blog-detail.blog-detail-2 h4 {
    font-size: 5vw;
  }
}

.block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .blokc-content-2-blog-detail-mae-manee .block-item-content-3-blog-detail .text-content-3-blog-detail.blog-detail-2 p {
  font-size: 1.30vw;
  font-family: "Conv_SukhumvitSet-Text";
}

@media only screen and (min-width: 250px) and (max-width: 575px) {
  .block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .blokc-content-2-blog-detail-mae-manee .block-item-content-3-blog-detail .text-content-3-blog-detail.blog-detail-2 p {
    font-size: 5vw;
    padding-bottom: 0;
    padding-top: 0;
    width: auto;
  }
}

.block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .blokc-content-2-blog-detail-mae-manee .block-item-content-3-blog-detail .text-content-3-blog-detail.blog-detail-2 a {
  font-size: 1.30vw;
  font-family: "Conv_SukhumvitSet-Text";
  color: #7244F7;
}

@media only screen and (min-width: 250px) and (max-width: 575px) {
  .block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .blokc-content-2-blog-detail-mae-manee .block-item-content-3-blog-detail .text-content-3-blog-detail.blog-detail-2 a {
    font-size: 5vw;
  }
}

.block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .blokc-content-2-blog-detail-mae-manee .block-item-content-3-blog-detail .btmmn-content-3-blog-detail {
  padding-top: 7.29vw;
  padding-left: 4.46vw;
}

@media only screen and (min-width: 250px) and (max-width: 575px) {
  .block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .blokc-content-2-blog-detail-mae-manee .block-item-content-3-blog-detail .btmmn-content-3-blog-detail.blog-2 {
    padding-top: 11vw;
  }
}

@media only screen and (min-width: 250px) and (max-width: 575px) {
  .block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .blokc-content-2-blog-detail-mae-manee .block-item-content-3-blog-detail .btmmn-content-3-blog-detail.blog-3 {
    padding-top: 11vw;
  }
}

@media only screen and (min-width: 250px) and (max-width: 575px) {
  .block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .blokc-content-2-blog-detail-mae-manee .block-item-content-3-blog-detail .btmmn-content-3-blog-detail {
    padding: 4.29vw;
    display: flex;
    justify-content: center;
  }
}

.block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .blokc-content-2-blog-detail-mae-manee .block-item-content-3-blog-detail .btmmn-content-3-blog-detail button {
  background-color: black;
  border-radius: 1000px;
  width: 14.06vw;
  height: 3.64vw;
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .blokc-content-2-blog-detail-mae-manee .block-item-content-3-blog-detail .btmmn-content-3-blog-detail button {
    width: 54.06vw;
    height: 13.64vw;
  }
}

.block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .blokc-content-2-blog-detail-mae-manee .block-item-content-3-blog-detail .btmmn-content-3-blog-detail button p {
  color: white;
  margin: 0;
  font-size: 1.04vw;
  font-family: "Conv_SukhumvitSet-Bold";
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .blokc-content-2-blog-detail-mae-manee .block-item-content-3-blog-detail .btmmn-content-3-blog-detail button p {
    font-size: 1.3vw;
  }
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .blokc-content-2-blog-detail-mae-manee .block-item-content-3-blog-detail .btmmn-content-3-blog-detail button p {
    font-size: 4.5vw;
  }
}

.block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .block-text-bottom-content-3-blog-detail {
  padding-top: 3.12vw;
}

.block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .block-text-bottom-content-3-blog-detail p {
  font-size: 1.30vw;
  font-family: "Conv_SukhumvitSet-Text";
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .block-text-bottom-content-3-blog-detail p {
    font-size: 1.90vw;
  }
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .block-text-bottom-content-3-blog-detail p {
    font-size: 5vw;
    padding-bottom: 7vw;
  }
}

.block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .block-img-bottom-owl-blog-detail-mae-manee {
  padding-bottom: 3.12vw;
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .block-img-bottom-owl-blog-detail-mae-manee {
    padding-top: 10vw;
  }
}

.block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .block-img-bottom-owl-blog-detail-mae-manee h5 {
  font-size: 1.30vw;
  font-family: "Conv_SukhumvitSet-Text";
  padding-top: 1.56vw;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .block-img-bottom-owl-blog-detail-mae-manee h5 {
    font-size: 1.9vw;
  }
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .block-img-bottom-owl-blog-detail-mae-manee h5 {
    font-size: 5vw;
    padding-top: 6vw;
    line-height: 1.5;
  }
}

.block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .block-img-bottom-owl-blog-detail-mae-manee h5 a {
  color: #7244F7;
  font-size: 1.30vw;
  font-family: "Conv_SukhumvitSet-Bold";
  text-decoration: underline !important;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .block-img-bottom-owl-blog-detail-mae-manee h5 a {
    font-size: 1.9vw;
  }
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .block-img-bottom-owl-blog-detail-mae-manee h5 a {
    font-size: 5vw;
  }
}

.block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .block-content {
  width: 100%;
}

.block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .block-tag-blog-detail-mae-manee {
  border-top: 1px solid #BFBCBC;
  width: 100%;
  margin-top: 3.12vw;
}

@media only screen and (min-width: 250px) and (max-width: 575px) {
  .block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .block-tag-blog-detail-mae-manee {
    margin-bottom: 8vw;
  }
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .block-tag-blog-detail-mae-manee {
    padding-top: 6vw;
    margin-bottom: 8vw;
    width: 100%;
  }
}

.block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .block-tag-blog-detail-mae-manee h5 {
  padding-top: 1.56vw;
  font-size: 1.82vw;
  font-family: "Conv_SukhumvitSet-Bold";
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .block-tag-blog-detail-mae-manee h5 {
    font-size: 2vw;
  }
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .block-tag-blog-detail-mae-manee h5 {
    font-size: 7vw;
  }
}

.block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .block-tag-blog-detail-mae-manee .item-btmmn-block-tag-blog-detail {
  padding-top: 0.5vw;
}

.block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .block-tag-blog-detail-mae-manee .item-btmmn-block-tag-blog-detail .tabs {
  margin: 0 -0.25vw;
}

.block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .block-tag-blog-detail-mae-manee .item-btmmn-block-tag-blog-detail .tabs .item-tab {
  padding: 0 0.25vw;
  margin-bottom: 0.5vw;
}

.block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .block-tag-blog-detail-mae-manee .item-btmmn-block-tag-blog-detail .tabs .item-tab .tab {
  background-color: #9067C7;
  border-radius: 1000px;
  text-align: center;
  height: 1.6vw;
  padding: 0 1.15vw;
}

.block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .block-tag-blog-detail-mae-manee .item-btmmn-block-tag-blog-detail .tabs .item-tab .tab span,
.block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .block-tag-blog-detail-mae-manee .item-btmmn-block-tag-blog-detail .tabs .item-tab .tab a {
  font-size: 0.75vw;
  color: #FFF;
  font-family: "Conv_SukhumvitSet-Medium";
  line-height: 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .block-tag-blog-detail-mae-manee .item-btmmn-block-tag-blog-detail .tabs .item-tab .tab {
    height: 2.5vw;
    padding: 0 1.5vw;
  }

  .block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .block-tag-blog-detail-mae-manee .item-btmmn-block-tag-blog-detail .tabs .item-tab .tab a {
    font-size: 1.4vw;
  }

  .block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .block-tag-blog-detail-mae-manee .item-btmmn-block-tag-blog-detail .tabs .item-tab .tab span {
    font-size: 1.4vw;
  }
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .block-tag-blog-detail-mae-manee .item-btmmn-block-tag-blog-detail .tabs .item-tab {
    padding: 0 1.5vw;
    margin-bottom: 3vw;
  }

  .block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .block-tag-blog-detail-mae-manee .item-btmmn-block-tag-blog-detail .tabs .item-tab .tab {
    height: 6.6vw;
    padding: 0 4vw;
  }

  .block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .block-tag-blog-detail-mae-manee .item-btmmn-block-tag-blog-detail .tabs .item-tab .tab a {
    font-size: 3.4vw;
  }

  .block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .block-tag-blog-detail-mae-manee .item-btmmn-block-tag-blog-detail .tabs .item-tab .tab span {
    font-size: 3.4vw;
  }
}

.block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .block-content2-title-blog-detail-2 {
  width: 100%;
  padding-top: 3vw;
}

.block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .block-content2-title-blog-detail-2 .block-item-content2-blog-detail-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .block-content2-title-blog-detail-2 .block-item-content2-blog-detail-2 {
    margin-bottom: 10px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .block-content2-title-blog-detail-2 .block-item-content2-blog-detail-2 {
    margin-bottom: 5px;
  }
}

@media only screen and (min-width: 250px) and (max-width: 575px) {
  .block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .block-content2-title-blog-detail-2 .block-item-content2-blog-detail-2 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .block-content2-title-blog-detail-2 .block-item-content2-blog-detail-2 .number-blog-detail-content2 img {
    width: 6.60vw;
  }
}

.block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .block-content2-title-blog-detail-2 .block-item-content2-blog-detail-2 .text-blog-detail-content2 {
  padding-left: 2vw;
}

@media only screen and (min-width: 250px) and (max-width: 575px) {
  .block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .block-content2-title-blog-detail-2 .block-item-content2-blog-detail-2 .text-blog-detail-content2.blog-2 {
    padding-left: 6vw;
    margin-top: 7vw;
  }
}

@media only screen and (min-width: 250px) and (max-width: 575px) {
  .block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .block-content2-title-blog-detail-2 .block-item-content2-blog-detail-2 .text-blog-detail-content2 {
    padding-left: 6vw;
    margin-top: 7vw;
    border-left: 2px solid black;
  }
}

.block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .block-content2-title-blog-detail-2 .block-item-content2-blog-detail-2 .text-blog-detail-content2 h5 {
  font-size: 2.60vw;
  font-family: "Conv_SukhumvitSet-Bold";
  margin: 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .block-content2-title-blog-detail-2 .block-item-content2-blog-detail-2 .text-blog-detail-content2 h5 {
    font-size: 3.4vw;
  }
}

@media only screen and (min-width: 250px) and (max-width: 575px) {
  .block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .block-content2-title-blog-detail-2 .block-item-content2-blog-detail-2 .text-blog-detail-content2 h5 {
    font-size: 10.6vw;
  }
}

.block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .block-content2-title-blog-detail-2 .block-item-content2-blog-detail-2 .text-blog-detail-content2 p {
  font-size: 1.04vw;
  font-family: "Conv_SukhumvitSet-Bold";
  margin: 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .block-content2-title-blog-detail-2 .block-item-content2-blog-detail-2 .text-blog-detail-content2 p {
    font-size: 1.4vw;
  }
}

@media only screen and (min-width: 250px) and (max-width: 575px) {
  .block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .block-content2-title-blog-detail-2 .block-item-content2-blog-detail-2 .text-blog-detail-content2 p {
    font-size: 5vw;
  }
}

.block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .block-content2-title-blog-detail-2 .block-item-content2-blog-detail-2 .text-blog-detail-content2 p span {
  text-decoration: underline;
}

.block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .block-content2-title-blog-detail-2 .block-item-content2-blog-detail-2 .see-detail-content-blog-detail-2 {
    position: relative;
    left: 0vw;
    bottom: -1.7vw;
    margin-left: auto;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .block-content2-title-blog-detail-2 .block-item-content2-blog-detail-2 .see-detail-content-blog-detail-2 {
    left: 0vw;
    bottom: -2.3vw;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .block-content2-title-blog-detail-2 .block-item-content2-blog-detail-2 .see-detail-content-blog-detail-2 {
    left: 0vw;
  }
}

@media only screen and (min-width: 250px) and (max-width: 575px) {
    .block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .block-content2-title-blog-detail-2 .block-item-content2-blog-detail-2 .see-detail-content-blog-detail-2 {
        left: 0vw;
        bottom: 0;
        padding-top: 6vw;
        padding-bottom: 6vw;
        margin-left: 0;
    }
}

.block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .block-content2-title-blog-detail-2 .block-item-content2-blog-detail-2 .see-detail-content-blog-detail-2.content-landhaus {
  left: 29.2vw;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .block-content2-title-blog-detail-2 .block-item-content2-blog-detail-2 .see-detail-content-blog-detail-2.content-landhaus {
    left: 29.5vw;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .block-content2-title-blog-detail-2 .block-item-content2-blog-detail-2 .see-detail-content-blog-detail-2.content-landhaus {
    left: 17vw;
  }
}

@media only screen and (min-width: 250px) and (max-width: 575px) {
  .block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .block-content2-title-blog-detail-2 .block-item-content2-blog-detail-2 .see-detail-content-blog-detail-2.content-landhaus {
    left: 0vw;
  }
}

.block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .block-content2-title-blog-detail-2 .block-item-content2-blog-detail-2 .see-detail-content-blog-detail-2.content-Mil {
  left: 17.4vw;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .block-content2-title-blog-detail-2 .block-item-content2-blog-detail-2 .see-detail-content-blog-detail-2.content-Mil {
    left: 18vw;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .block-content2-title-blog-detail-2 .block-item-content2-blog-detail-2 .see-detail-content-blog-detail-2.content-Mil {
    left: 1.5vw;
  }
}

@media only screen and (min-width: 250px) and (max-width: 575px) {
  .block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .block-content2-title-blog-detail-2 .block-item-content2-blog-detail-2 .see-detail-content-blog-detail-2.content-Mil {
    left: 0vw;
  }
}

.block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .block-content2-title-blog-detail-2 .block-item-content2-blog-detail-2 .see-detail-content-blog-detail-2 span {
  margin: 0;
  font-size: 0.93vw;
  color: #7244F7;
  font-family: "Conv_SukhumvitSet-Bold";
  text-align: right;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .block-content2-title-blog-detail-2 .block-item-content2-blog-detail-2 .see-detail-content-blog-detail-2 span {
    font-size: 1.5vw;
  }
}

@media only screen and (min-width: 250px) and (max-width: 575px) {
  .block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .block-content2-title-blog-detail-2 .block-item-content2-blog-detail-2 .see-detail-content-blog-detail-2 span {
    font-size: 5vw;
  }
}

.block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .block-content2-title-blog-detail-2 .block-item-content2-blog-detail-2 .see-detail-content-blog-detail-2 span .icon-moon {
  color: #7244F7;
  font-weight: bold;
  font-size: 0.8vw;
  padding-left: 5px;
  position: relative;
  left: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

@media only screen and (min-width: 250px) and (max-width: 575px) {
  .block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .block-content2-title-blog-detail-2 .block-item-content2-blog-detail-2 .see-detail-content-blog-detail-2 span .icon-moon {
    font-size: 5vw;
    font-weight: bold;
  }
}

.block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .block-content2-title-blog-detail-2 .block-item-content2-blog-detail-2 .see-detail-content-blog-detail-2:hover span .icon-moon {
  left: 5px;
}

.block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .block-content2-title-blog-detail-2 .img-item-content2-blog-detail-2 {
  padding-top: 0.8vw;
}

.block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .block-content2-title-blog-detail-2 .img-item-content2-blog-detail-2 p {
  padding-top: 2.08vw;
  font-size: 1.30vw;
  font-family: "Conv_SukhumvitSet-Text";
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .block-content2-title-blog-detail-2 .img-item-content2-blog-detail-2 p {
    font-size: 2vw;
  }
}

@media only screen and (min-width: 250px) and (max-width: 575px) {
  .block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .block-content2-title-blog-detail-2 .img-item-content2-blog-detail-2 p {
    font-size: 5vw;
    padding-top: 5.08vw;
  }
}

.block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .block-content3-blog-detail-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 2.3vw;
  position: relative;
}

@media only screen and (min-width: 250px) and (max-width: 575px) {
  .block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .block-content3-blog-detail-2 {
    display: block;
    padding-top: 30vw;
    margin-bottom: -30vw;
  }
}

.block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .block-content3-blog-detail-2.content-landhaus .block-item-img-content3-blog-detail-2 {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}

.block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .block-content3-blog-detail-2.content-landhaus .block-item-text-content3-blof-detail-2 {
  left: 3.2vw;
  top: 8vw;
}

@media only screen and (min-width: 250px) and (max-width: 575px) {
  .block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .block-content3-blog-detail-2.content-landhaus .block-item-text-content3-blof-detail-2 {
    left: 15vw;
    top: -30vw;
    width: 69.29vw;
  }
}

.block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .block-content3-blog-detail-2.content-landhaus .text-bg-content3-blog-detail-2 {
  height: 5.2%;
  left: 0;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .block-content3-blog-detail-2.content-landhaus .text-bg-content3-blog-detail-2 {
    height: 4.1%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .block-content3-blog-detail-2.content-landhaus .text-bg-content3-blog-detail-2 {
    height: 4.8%;
  }
}

@media only screen and (min-width: 250px) and (max-width: 575px) {
  .block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .block-content3-blog-detail-2.content-landhaus .text-bg-content3-blog-detail-2 {
    top: 0;
    left: -10vw;
  }
}

.block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .block-content3-blog-detail-2 .block-item-text-content3-blof-detail-2 {
  background: linear-gradient(140deg, #f3ddff 20%, #d1c7fb 100%);
  width: 37.29vw;
  position: relative;
  left: -3.38vw;
  top: 9vw;
  z-index: 2;
}

@media only screen and (min-width: 250px) and (max-width: 575px) {
  .block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .block-content3-blog-detail-2 .block-item-text-content3-blof-detail-2.fix-height {
    height: 91vw;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .block-content3-blog-detail-2 .block-item-text-content3-blof-detail-2 {

    width: 60.29vw;
  }
}

@media only screen and (min-width: 250px) and (max-width: 575px) {
  .block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .block-content3-blog-detail-2 .block-item-text-content3-blof-detail-2 {
    left: 17.62vw;
    top: -30vw;
    width: 66.29vw;
  }
}

.block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .block-content3-blog-detail-2 .block-item-text-content3-blof-detail-2 p {
  font-size: 1.17vw;
  font-family: "Conv_SukhumvitSet-Text";
  padding: 2.7vw 2.86vw 3.8vw 2.8vw;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .block-content3-blog-detail-2 .block-item-text-content3-blof-detail-2 p {
    padding: 1.2vw 2.86vw 3.8vw 2.8vw;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .block-content3-blog-detail-2 .block-item-text-content3-blof-detail-2 p {
    font-size: 1.4vw;
  }
}

@media only screen and (min-width: 250px) and (max-width: 575px) {
  .block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .block-content3-blog-detail-2 .block-item-text-content3-blof-detail-2 p {
    font-size: 5vw;
    padding: 5.7vw 8vw 4.8vw 5.8vw;
  }
}

.block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .block-content3-blog-detail-2 .text-bg-content3-blog-detail-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  z-index: 1;
  opacity: 0.15;
  right: 0;
  top: 20%;
}

@media only screen and (min-width: 250px) and (max-width: 575px) {
  .block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .block-content3-blog-detail-2 .text-bg-content3-blog-detail-2.blog-2 {
    top: -237vw;
    position: relative;
    left: -14vw;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .block-content3-blog-detail-2 .text-bg-content3-blog-detail-2 {
    top: 24%;
  }
}


@media only screen and (min-width: 250px) and (max-width: 575px) {
  .block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .block-content3-blog-detail-2 .text-bg-content3-blog-detail-2 {
    top: 0;
    position: absolute;
    left: -10vw;
  }
}

.block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .block-content3-blog-detail-2 .text-bg-content3-blog-detail-2 h5 {
  color: #7244F7;
  font-size: 14.58vw;
  font-family: "Conv_SukhumvitSet-Bold";
  margin: 0;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .block-content3-blog-detail-2 .text-bg-content3-blog-detail-2 h5 {
    font-size: 12.58vw;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .block-content3-blog-detail-2 .text-bg-content3-blog-detail-2 h5 {
    font-size: 12.58vw;
  }
}

@media only screen and (min-width: 250px) and (max-width: 575px) {
  .block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .block-content3-blog-detail-2 .text-bg-content3-blog-detail-2 h5 {
    font-size: 41.58vw;
  }
}

.block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .text-bottom-content3-blog-detail-2 {
  padding-top: 3.12vw;
}

@media only screen and (min-width: 250px) and (max-width: 575px) {
  .block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .text-bottom-content3-blog-detail-2 {
    padding-top: 7.12vw;
  }
}

.block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .text-bottom-content3-blog-detail-2 p {
  font-size: 1.30vw;
  font-family: "Conv_SukhumvitSet-Text";
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .text-bottom-content3-blog-detail-2 p {
    font-size: 2vw;
  }
}

@media only screen and (min-width: 250px) and (max-width: 575px) {
  .block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .text-bottom-content3-blog-detail-2 p {
    font-size: 5vw;
  }
}

.background-content-footer-blog-detail {
  background-color: #ebebeb;
  max-width: 100%;
  padding: 0 0 2vw 0;
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .background-content-footer-blog-detail {
    padding: 4vw 0 8vw 0;
  }
}

.background-content-footer-blog-detail .block-head-bg-footer-blog-detail {
  position: relative;
}

.background-content-footer-blog-detail .block-head-bg-footer-blog-detail::before {
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 0;
  height: 3px;
  background-color: #000;
}

.background-content-footer-blog-detail .block-head-bg-footer-blog-detail h5 {
  font-size: 2.60vw;
  font-family: "Conv_SukhumvitSet-Bold";
  padding-bottom: 1.56vw;
  padding-top: 3.90vw;
  margin: 0;
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .background-content-footer-blog-detail .block-head-bg-footer-blog-detail h5 {
    font-size: 7.60vw;
    padding-bottom: 5.5vw;
  }
}

.background-content-footer-blog-detail .flex-item-content-footer-blog-detail {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
}

.background-content-footer-blog-detail .flex-item-content-footer-blog-detail .item-content-footert-blog-detail {
  padding: 2.60vw 0;
  margin: 0 0.78vw;
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .background-content-footer-blog-detail .flex-item-content-footer-blog-detail .item-content-footert-blog-detail {
    padding: 8vw 0 3vw 0;
  }
}

.background-content-footer-blog-detail .flex-item-content-footer-blog-detail .item-content-footert-blog-detail:hover .box-img img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.background-content-footer-blog-detail .flex-item-content-footer-blog-detail .item-content-footert-blog-detail .box-img {
  overflow: hidden;
  position: relative;
}

.background-content-footer-blog-detail .flex-item-content-footer-blog-detail .item-content-footert-blog-detail .box-img::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 3px;
  background-color: #FFD47D;
  bottom: 0;
  z-index: 2;
}

.background-content-footer-blog-detail .flex-item-content-footer-blog-detail .item-content-footert-blog-detail img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: 0.5s cubic-bezier(0.45, 0.05, 0.55, 0.95);
  transition: 0.5s cubic-bezier(0.45, 0.05, 0.55, 0.95);
}

.background-content-footer-blog-detail .flex-item-content-footer-blog-detail .item-content-footert-blog-detail h5 {
  font-size: 0.78vw;
  font-family: "Conv_SukhumvitSet-Medium";
  color: #7244F7;
  margin: 0;
  padding: 0.88vw 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .background-content-footer-blog-detail .flex-item-content-footer-blog-detail .item-content-footert-blog-detail h5 {
    font-size: 1.4vw;
  }
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .background-content-footer-blog-detail .flex-item-content-footer-blog-detail .item-content-footert-blog-detail h5 {
    font-size: 3vw;
  }
}

.background-content-footer-blog-detail .flex-item-content-footer-blog-detail .item-content-footert-blog-detail a p {
  margin: 0;
  font-size: 1.30vw;
  font-family: "Conv_SukhumvitSet-Bold";
  padding: 0 2vw 0 0;
  color: black;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .background-content-footer-blog-detail .flex-item-content-footer-blog-detail .item-content-footert-blog-detail a p {
    font-size: 1.50vw;
  }
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .background-content-footer-blog-detail .flex-item-content-footer-blog-detail .item-content-footert-blog-detail a p {
    font-size: 4.3vw;
  }
}

.background-content-footer-blog-detail .flex-item-content-footer-blog-detail .owl-two .owl-nav .owl-prev {
  background: none;
  position: absolute;
  padding: 0;
  margin: 0;
  left: -10px;
  top: 25%;
  display: block;
}

.background-content-footer-blog-detail .flex-item-content-footer-blog-detail .owl-two .owl-nav .owl-next {
  background: none;
  position: absolute;
  padding: 0;
  margin: 0;
  right: -10px;
  top: 25%;
  display: block;
}

.background-content-footer-blog-detail .flex-item-content-footer-blog-detail .owl-two .owl-nav .icon-moon {
  color: #7244F7;
  font-size: 3vw;
  background: rgba(255, 255, 255, 0.65);
  backdrop-filter: blur(20px);
  border-radius: 50%;
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .background-content-footer-blog-detail .flex-item-content-footer-blog-detail .owl-two .owl-nav .icon-moon {
    font-size: 10.26vw;
  }
}

.block-gradian-liner-footer-promo-mae-manee {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #FFFFFF), color-stop(99%, #ececec));
  background-image: linear-gradient(180deg, #FFFFFF 1%, #ececec 99%);
  width: 100%;
  height: 30.2vw;
  position: absolute;
  bottom: 33vw;
  z-index: -1;
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .block-gradian-liner-footer-promo-mae-manee {
    height: 140.2vw;
    position: absolute;
    bottom: 221vw;
    z-index: -1;
  }
}

.animate-t-opacity {
  opacity: 0;
  -webkit-transition: .5s;
  transition: .5s;
}

.animate-t-opacity.t_3 {
  -webkit-transition: 0.3s cubic-bezier(0.45, 0.05, 0.55, 0.95);
  transition: 0.3s cubic-bezier(0.45, 0.05, 0.55, 0.95);
}

.animate-t-opacity.t_5 {
  -webkit-transition: 0.5s cubic-bezier(0.45, 0.05, 0.55, 0.95);
  transition: 0.5s cubic-bezier(0.45, 0.05, 0.55, 0.95);
}

.animate-t-opacity.t_6 {
  -webkit-transition: 0.6s cubic-bezier(0.45, 0.05, 0.55, 0.95);
  transition: 0.6s cubic-bezier(0.45, 0.05, 0.55, 0.95);
}

.animate-t-opacity.t_7 {
  -webkit-transition: 0.7s cubic-bezier(0.45, 0.05, 0.55, 0.95);
  transition: 0.7s cubic-bezier(0.45, 0.05, 0.55, 0.95);
}

.animate-t-opacity.t_8 {
  -webkit-transition: 0.8s cubic-bezier(0.45, 0.05, 0.55, 0.95);
  transition: 0.8s cubic-bezier(0.45, 0.05, 0.55, 0.95);
}

.animate-t-opacity.t_9 {
  -webkit-transition: 0.9s cubic-bezier(0.45, 0.05, 0.55, 0.95);
  transition: 0.9s cubic-bezier(0.45, 0.05, 0.55, 0.95);
}

.animate-t-opacity.t_10 {
  -webkit-transition: 1s cubic-bezier(0.45, 0.05, 0.55, 0.95);
  transition: 1s cubic-bezier(0.45, 0.05, 0.55, 0.95);
}

.animate-t-opacity.t_12 {
  -webkit-transition: 1.2s cubic-bezier(0.45, 0.05, 0.55, 0.95);
  transition: 1.2s cubic-bezier(0.45, 0.05, 0.55, 0.95);
}

.animate-t-opacity.t_15 {
  -webkit-transition: 1.5s cubic-bezier(0.45, 0.05, 0.55, 0.95);
  transition: 1.5s cubic-bezier(0.45, 0.05, 0.55, 0.95);
}

.animate-t-opacity.t_50 {
  -webkit-transition: 5s cubic-bezier(0.45, 0.05, 0.55, 0.95);
  transition: 5s cubic-bezier(0.45, 0.05, 0.55, 0.95);
}

.animate-t-opacity.active {
  opacity: 1;
}

.animate-fade-bottom {
  opacity: 0;
  position: relative;
}

.animate-fade-bottom.b50 {
  bottom: -50px;
}

.animate-fade-bottom.b70 {
  bottom: -70px;
}

.animate-fade-bottom.b100 {
  bottom: -100px;
}

.animate-fade-bottom.b150 {
  bottom: -150px;
}

.animate-fade-bottom.b200 {
  bottom: -200px;
}

.animate-fade-bottom.b300 {
  bottom: -300px;
}

.animate-fade-bottom.b500 {
  bottom: -500px;
}

.animate-fade-bottom.b_new {
  -webkit-transform: translateY(140%);
  transform: translateY(140%);
}

.animate-fade-bottom.t_3 {
  -webkit-transition: 0.3s cubic-bezier(0.45, 0.05, 0.55, 0.95);
  transition: 0.3s cubic-bezier(0.45, 0.05, 0.55, 0.95);
}

.animate-fade-bottom.t_4 {
  -webkit-transition: 0.4s cubic-bezier(0.45, 0.05, 0.55, 0.95);
  transition: 0.4s cubic-bezier(0.45, 0.05, 0.55, 0.95);
}

.animate-fade-bottom.t_5 {
  -webkit-transition: 0.5s cubic-bezier(0.45, 0.05, 0.55, 0.95);
  transition: 0.5s cubic-bezier(0.45, 0.05, 0.55, 0.95);
}

.animate-fade-bottom.t_6 {
  -webkit-transition: 0.6s cubic-bezier(0.45, 0.05, 0.55, 0.95);
  transition: 0.6s cubic-bezier(0.45, 0.05, 0.55, 0.95);
}

.animate-fade-bottom.t_7 {
  -webkit-transition: 0.7s cubic-bezier(0.45, 0.05, 0.55, 0.95);
  transition: 0.7s cubic-bezier(0.45, 0.05, 0.55, 0.95);
}

.animate-fade-bottom.t_8 {
  -webkit-transition: 0.8s cubic-bezier(0.45, 0.05, 0.55, 0.95);
  transition: 0.8s cubic-bezier(0.45, 0.05, 0.55, 0.95);
}

.animate-fade-bottom.t_9 {
  -webkit-transition: 0.9s cubic-bezier(0.45, 0.05, 0.55, 0.95);
  transition: 0.9s cubic-bezier(0.45, 0.05, 0.55, 0.95);
}

.animate-fade-bottom.t_10 {
  -webkit-transition: 1s cubic-bezier(0.45, 0.05, 0.55, 0.95);
  transition: 1s cubic-bezier(0.45, 0.05, 0.55, 0.95);
}

.animate-fade-bottom.t_11 {
  -webkit-transition: 1.1s cubic-bezier(0.45, 0.05, 0.55, 0.95);
  transition: 1.1s cubic-bezier(0.45, 0.05, 0.55, 0.95);
}

.animate-fade-bottom.t_12 {
  -webkit-transition: 1.2s cubic-bezier(0.45, 0.05, 0.55, 0.95);
  transition: 1.2s cubic-bezier(0.45, 0.05, 0.55, 0.95);
}

.animate-fade-bottom.t_15 {
  -webkit-transition: 1.5s cubic-bezier(0.45, 0.05, 0.55, 0.95);
  transition: 1.5s cubic-bezier(0.45, 0.05, 0.55, 0.95);
}

.animate-fade-bottom.t_18 {
  -webkit-transition: 1.8s cubic-bezier(0.45, 0.05, 0.55, 0.95);
  transition: 1.8s cubic-bezier(0.45, 0.05, 0.55, 0.95);
}

.animate-fade-bottom.t_20 {
  -webkit-transition: 2s cubic-bezier(0.45, 0.05, 0.55, 0.95);
  transition: 2s cubic-bezier(0.45, 0.05, 0.55, 0.95);
}

.animate-fade-bottom.t_22 {
  -webkit-transition: 2.2s cubic-bezier(0.45, 0.05, 0.55, 0.95);
  transition: 2.2s cubic-bezier(0.45, 0.05, 0.55, 0.95);
}

.animate-fade-bottom.t_25 {
  -webkit-transition: 2.5s cubic-bezier(0.45, 0.05, 0.55, 0.95);
  transition: 2.5s cubic-bezier(0.45, 0.05, 0.55, 0.95);
}

.animate-fade-bottom.t_30 {
  -webkit-transition: 3s cubic-bezier(0.45, 0.05, 0.55, 0.95);
  transition: 3s cubic-bezier(0.45, 0.05, 0.55, 0.95);
}

.animate-fade-bottom.t_35 {
  -webkit-transition: 3.5s cubic-bezier(0.45, 0.05, 0.55, 0.95);
  transition: 3.5s cubic-bezier(0.45, 0.05, 0.55, 0.95);
}

.animate-fade-bottom.t_40 {
  -webkit-transition: 4s cubic-bezier(0.45, 0.05, 0.55, 0.95);
  transition: 4s cubic-bezier(0.45, 0.05, 0.55, 0.95);
}

.animate-fade-bottom.d_1 {
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}

.animate-fade-bottom.d_2 {
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

.animate-fade-bottom.d_3 {
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

.animate-fade-bottom.d_4 {
  -webkit-transition-delay: 0.4s;
  transition-delay: 0.4s;
}

.animate-fade-bottom.d_5 {
  -webkit-transition-delay: 0.5s;
  transition-delay: 0.5s;
}

.animate-fade-bottom.d_6 {
  -webkit-transition-delay: 0.6s;
  transition-delay: 0.6s;
}

.animate-fade-bottom.d_7 {
  -webkit-transition-delay: 0.7s;
  transition-delay: 0.7s;
}

.animate-fade-bottom.d_8 {
  -webkit-transition-delay: 0.8s;
  transition-delay: 0.8s;
}

.animate-fade-bottom.d_9 {
  -webkit-transition-delay: 0.9s;
  transition-delay: 0.9s;
}

.animate-fade-bottom.d_10 {
  -webkit-transition-delay: 1s;
  transition-delay: 1s;
}

.animate-fade-bottom.d_12 {
  -webkit-transition-delay: 1.2s;
  transition-delay: 1.2s;
}

.animate-fade-bottom.d_14 {
  -webkit-transition-delay: 1.4s;
  transition-delay: 1.4s;
}

.animate-fade-bottom.d_15 {
  -webkit-transition-delay: 1.5s;
  transition-delay: 1.5s;
}

.animate-fade-bottom.t_new_d_3 {
  -webkit-transition: -webkit-transform 1s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: -webkit-transform 1s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: transform 1s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: transform 1s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 1s cubic-bezier(0.075, 0.82, 0.165, 1);
  -webkit-transition-delay: .3s;
  transition-delay: .3s;
}

.animate-fade-bottom.t_new_d_4 {
  -webkit-transition: -webkit-transform 1s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: -webkit-transform 1s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: transform 1s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: transform 1s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 1s cubic-bezier(0.075, 0.82, 0.165, 1);
  -webkit-transition-delay: .4s;
  transition-delay: .4s;
}

.animate-fade-bottom.t_new_d_5 {
  -webkit-transition: -webkit-transform 1s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: -webkit-transform 1s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: transform 1s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: transform 1s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 1s cubic-bezier(0.075, 0.82, 0.165, 1);
  -webkit-transition-delay: .5s;
  transition-delay: .5s;
}

.animate-fade-bottom.t_new_d_6 {
  -webkit-transition: -webkit-transform 1s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: -webkit-transform 1s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: transform 1s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: transform 1s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 1s cubic-bezier(0.075, 0.82, 0.165, 1);
  -webkit-transition-delay: .6s;
  transition-delay: .6s;
}

.animate-fade-bottom.t_new_d_7 {
  -webkit-transition: -webkit-transform 1s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: -webkit-transform 1s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: transform 1s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: transform 1s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 1s cubic-bezier(0.075, 0.82, 0.165, 1);
  -webkit-transition-delay: .7s;
  transition-delay: .7s;
}

.animate-fade-bottom.t_new_d_8 {
  -webkit-transition: -webkit-transform 1s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: -webkit-transform 1s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: transform 1s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: transform 1s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 1s cubic-bezier(0.075, 0.82, 0.165, 1);
  -webkit-transition-delay: .8s;
  transition-delay: .8s;
}

.animate-fade-bottom.t_new_d_9 {
  -webkit-transition: -webkit-transform 1s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: -webkit-transform 1s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: transform 1s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: transform 1s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 1s cubic-bezier(0.075, 0.82, 0.165, 1);
  -webkit-transition-delay: .9s;
  transition-delay: .9s;
}

.animate-fade-bottom.t_new_d_10 {
  -webkit-transition: -webkit-transform 1s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: -webkit-transform 1s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: transform 1s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: transform 1s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 1s cubic-bezier(0.075, 0.82, 0.165, 1);
  -webkit-transition-delay: 1s;
  transition-delay: 1s;
}

.animate-fade-bottom.is-inview {
  opacity: 1;
  bottom: 0;
  -webkit-transform: translateY(0%);
  transform: translateY(0%);
}

.animate-scale {
  opacity: 0;
  -webkit-transform: scale(1.15);
  transform: scale(1.15);
}

.animate-scale.t_3 {
  -webkit-transition: 0.3s cubic-bezier(0.45, 0.05, 0.55, 0.95);
  transition: 0.3s cubic-bezier(0.45, 0.05, 0.55, 0.95);
}

.animate-scale.t_5 {
  -webkit-transition: 0.5s cubic-bezier(0.45, 0.05, 0.55, 0.95);
  transition: 0.5s cubic-bezier(0.45, 0.05, 0.55, 0.95);
}

.animate-scale.t_6 {
  -webkit-transition: 0.6s cubic-bezier(0.45, 0.05, 0.55, 0.95);
  transition: 0.6s cubic-bezier(0.45, 0.05, 0.55, 0.95);
}

.animate-scale.t_7 {
  -webkit-transition: 0.7s cubic-bezier(0.45, 0.05, 0.55, 0.95);
  transition: 0.7s cubic-bezier(0.45, 0.05, 0.55, 0.95);
}

.animate-scale.t_8 {
  -webkit-transition: 0.8s cubic-bezier(0.45, 0.05, 0.55, 0.95);
  transition: 0.8s cubic-bezier(0.45, 0.05, 0.55, 0.95);
}

.animate-scale.t_9 {
  -webkit-transition: 0.9s cubic-bezier(0.45, 0.05, 0.55, 0.95);
  transition: 0.9s cubic-bezier(0.45, 0.05, 0.55, 0.95);
}

.animate-scale.t_10 {
  -webkit-transition: 1s cubic-bezier(0.45, 0.05, 0.55, 0.95);
  transition: 1s cubic-bezier(0.45, 0.05, 0.55, 0.95);
}

.animate-scale.t_12 {
  -webkit-transition: 1.2s cubic-bezier(0.45, 0.05, 0.55, 0.95);
  transition: 1.2s cubic-bezier(0.45, 0.05, 0.55, 0.95);
}

.animate-scale.t_15 {
  -webkit-transition: 1.5s cubic-bezier(0.45, 0.05, 0.55, 0.95);
  transition: 1.5s cubic-bezier(0.45, 0.05, 0.55, 0.95);
}

.animate-scale.is-inview {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.animate-rotate {
  opacity: 0;
  -webkit-transform: rotate(4deg);
  transform: rotate(4deg);
}

.animate-rotate.t_3 {
  -webkit-transition: 0.3s cubic-bezier(0.45, 0.05, 0.55, 0.95);
  transition: 0.3s cubic-bezier(0.45, 0.05, 0.55, 0.95);
}

.animate-rotate.t_5 {
  -webkit-transition: 0.5s cubic-bezier(0.45, 0.05, 0.55, 0.95);
  transition: 0.5s cubic-bezier(0.45, 0.05, 0.55, 0.95);
}

.animate-rotate.t_6 {
  -webkit-transition: 0.6s cubic-bezier(0.45, 0.05, 0.55, 0.95);
  transition: 0.6s cubic-bezier(0.45, 0.05, 0.55, 0.95);
}

.animate-rotate.t_7 {
  -webkit-transition: 0.7s cubic-bezier(0.45, 0.05, 0.55, 0.95);
  transition: 0.7s cubic-bezier(0.45, 0.05, 0.55, 0.95);
}

.animate-rotate.t_8 {
  -webkit-transition: 0.8s cubic-bezier(0.45, 0.05, 0.55, 0.95);
  transition: 0.8s cubic-bezier(0.45, 0.05, 0.55, 0.95);
}

.animate-rotate.t_9 {
  -webkit-transition: 0.9s cubic-bezier(0.45, 0.05, 0.55, 0.95);
  transition: 0.9s cubic-bezier(0.45, 0.05, 0.55, 0.95);
}

.animate-rotate.t_10 {
  -webkit-transition: 1s cubic-bezier(0.45, 0.05, 0.55, 0.95);
  transition: 1s cubic-bezier(0.45, 0.05, 0.55, 0.95);
}

.animate-rotate.t_12 {
  -webkit-transition: 1.2s cubic-bezier(0.45, 0.05, 0.55, 0.95);
  transition: 1.2s cubic-bezier(0.45, 0.05, 0.55, 0.95);
}

.animate-rotate.t_15 {
  -webkit-transition: 1.5s cubic-bezier(0.45, 0.05, 0.55, 0.95);
  transition: 1.5s cubic-bezier(0.45, 0.05, 0.55, 0.95);
}

.animate-rotate.is-inview {
  opacity: 1;
  -webkit-transform: rotate(0);
  transform: rotate(0);
}

.animate-rotate_scale {
  opacity: 0;
  -webkit-transform: rotate(4deg) scale(1.15);
  transform: rotate(4deg) scale(1.15);
}

.animate-rotate_scale.t_3 {
  -webkit-transition: 0.3s cubic-bezier(0.45, 0.05, 0.55, 0.95);
  transition: 0.3s cubic-bezier(0.45, 0.05, 0.55, 0.95);
}

.animate-rotate_scale.t_5 {
  -webkit-transition: 0.5s cubic-bezier(0.45, 0.05, 0.55, 0.95);
  transition: 0.5s cubic-bezier(0.45, 0.05, 0.55, 0.95);
}

.animate-rotate_scale.t_6 {
  -webkit-transition: 0.6s cubic-bezier(0.45, 0.05, 0.55, 0.95);
  transition: 0.6s cubic-bezier(0.45, 0.05, 0.55, 0.95);
}

.animate-rotate_scale.t_7 {
  -webkit-transition: 0.7s cubic-bezier(0.45, 0.05, 0.55, 0.95);
  transition: 0.7s cubic-bezier(0.45, 0.05, 0.55, 0.95);
}

.animate-rotate_scale.t_8 {
  -webkit-transition: 0.8s cubic-bezier(0.45, 0.05, 0.55, 0.95);
  transition: 0.8s cubic-bezier(0.45, 0.05, 0.55, 0.95);
}

.animate-rotate_scale.t_9 {
  -webkit-transition: 0.9s cubic-bezier(0.45, 0.05, 0.55, 0.95);
  transition: 0.9s cubic-bezier(0.45, 0.05, 0.55, 0.95);
}

.animate-rotate_scale.t_10 {
  -webkit-transition: 1s cubic-bezier(0.45, 0.05, 0.55, 0.95);
  transition: 1s cubic-bezier(0.45, 0.05, 0.55, 0.95);
}

.animate-rotate_scale.t_12 {
  -webkit-transition: 1.2s cubic-bezier(0.45, 0.05, 0.55, 0.95);
  transition: 1.2s cubic-bezier(0.45, 0.05, 0.55, 0.95);
}

.animate-rotate_scale.t_15 {
  -webkit-transition: 1.5s cubic-bezier(0.45, 0.05, 0.55, 0.95);
  transition: 1.5s cubic-bezier(0.45, 0.05, 0.55, 0.95);
}

.animate-rotate_scale.d_1 {
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}

.animate-rotate_scale.d_2 {
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

.animate-rotate_scale.d_3 {
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

.animate-rotate_scale.d_4 {
  -webkit-transition-delay: 0.4s;
  transition-delay: 0.4s;
}

.animate-rotate_scale.d_5 {
  -webkit-transition-delay: 0.5s;
  transition-delay: 0.5s;
}

.animate-rotate_scale.d_6 {
  -webkit-transition-delay: 0.6s;
  transition-delay: 0.6s;
}

.animate-rotate_scale.d_7 {
  -webkit-transition-delay: 0.7s;
  transition-delay: 0.7s;
}

.animate-rotate_scale.d_8 {
  -webkit-transition-delay: 0.8s;
  transition-delay: 0.8s;
}

.animate-rotate_scale.d_9 {
  -webkit-transition-delay: 0.9s;
  transition-delay: 0.9s;
}

.animate-rotate_scale.d_10 {
  -webkit-transition-delay: 1s;
  transition-delay: 1s;
}

.animate-rotate_scale.d_12 {
  -webkit-transition-delay: 1.2s;
  transition-delay: 1.2s;
}

.animate-rotate_scale.d_14 {
  -webkit-transition-delay: 1.4s;
  transition-delay: 1.4s;
}

.animate-rotate_scale.d_15 {
  -webkit-transition-delay: 1.5s;
  transition-delay: 1.5s;
}

.animate-rotate_scale.is-inview {
  opacity: 1;
  -webkit-transform: rotate(0deg) scale(1);
  transform: rotate(0deg) scale(1);
}

.animate-width::before {
  opacity: 0 !important;
  width: 0 !important;
}

.animate-width.t_3::before {
  -webkit-transition: 0.3s cubic-bezier(0.45, 0.05, 0.55, 0.95);
  transition: 0.3s cubic-bezier(0.45, 0.05, 0.55, 0.95);
}

.animate-width.t_5::before {
  -webkit-transition: 0.5s cubic-bezier(0.45, 0.05, 0.55, 0.95);
  transition: 0.5s cubic-bezier(0.45, 0.05, 0.55, 0.95);
}

.animate-width.t_6::before {
  -webkit-transition: 0.7s cubic-bezier(0.45, 0.05, 0.55, 0.95);
  transition: 0.7s cubic-bezier(0.45, 0.05, 0.55, 0.95);
}

.animate-width.t_7::before {
  -webkit-transition: 0.7s cubic-bezier(0.45, 0.05, 0.55, 0.95);
  transition: 0.7s cubic-bezier(0.45, 0.05, 0.55, 0.95);
}

.animate-width.t_8::before {
  -webkit-transition: 0.8s cubic-bezier(0.45, 0.05, 0.55, 0.95);
  transition: 0.8s cubic-bezier(0.45, 0.05, 0.55, 0.95);
}

.animate-width.t_9::before {
  -webkit-transition: 0.9s cubic-bezier(0.45, 0.05, 0.55, 0.95);
  transition: 0.9s cubic-bezier(0.45, 0.05, 0.55, 0.95);
}

.animate-width.t_10::before {
  -webkit-transition: 1s cubic-bezier(0.45, 0.05, 0.55, 0.95);
  transition: 1s cubic-bezier(0.45, 0.05, 0.55, 0.95);
}

.animate-width.t_12::before {
  -webkit-transition: 1.2s cubic-bezier(0.45, 0.05, 0.55, 0.95);
  transition: 1.2s cubic-bezier(0.45, 0.05, 0.55, 0.95);
}

.animate-width.t_15::before {
  -webkit-transition: 1.5s cubic-bezier(0.45, 0.05, 0.55, 0.95);
  transition: 1.5s cubic-bezier(0.45, 0.05, 0.55, 0.95);
}

.animate-width.is-inview::before {
  opacity: 1 !important;
  width: 100% !important;
}

/* [AOS] */
.loco-animate-aos.d_3 {
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

.loco-animate-aos.d_4 {
  -webkit-transition-delay: 0.4s;
  transition-delay: 0.4s;
}

.loco-animate-aos.d_5 {
  -webkit-transition-delay: 0.5s;
  transition-delay: 0.5s;
}

.loco-animate-aos.d_6 {
  -webkit-transition-delay: 0.6s;
  transition-delay: 0.6s;
}

.loco-animate-aos.d_7 {
  -webkit-transition-delay: 0.7s;
  transition-delay: 0.7s;
}

.loco-animate-aos.d_8 {
  -webkit-transition-delay: 0.8s;
  transition-delay: 0.8s;
}

.loco-animate-aos.d_9 {
  -webkit-transition-delay: 0.9s;
  transition-delay: 0.9s;
}

.loco-animate-aos.d_10 {
  -webkit-transition-delay: 1s;
  transition-delay: 1s;
}

.loco-animate-aos.d_12 {
  -webkit-transition-delay: 1.2s;
  transition-delay: 1.2s;
}

.loco-animate-aos.d_14 {
  -webkit-transition-delay: 1.4s;
  transition-delay: 1.4s;
}

.loco-animate-aos.d_15 {
  -webkit-transition-delay: 1.5s;
  transition-delay: 1.5s;
}

.loco-animate-aos.is-inview.aos-init {
  opacity: 1;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.register-sticky {
  position: fixed;
  right: 2vw;
  /* top: calc(100vh - 14vw); */
  cursor: pointer;
  bottom: 70px;
}

.register-sticky img {
  width: 10.68vw;
  height: 10.05vw;
}

@media only screen and (min-width: 768px) and (max-width: 1200px) {

  .register-sticky,
  .backtotop-media {
    bottom: 50px;
  }

  .register-sticky img {
    width: 16vw;
    height: 14.54vw;
  }
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .register-sticky {
    /* top: calc(100vh - 61.3vw); */
    z-index: 11;
    top: unset;
    bottom: 10px;
  }

  .register-sticky.move {
    bottom: 55px;
  }

  .register-sticky img {
    width: 24.36vw;
    height: 23.07vw;
  }
}

.block-banner-aboutus-mae-manee {
  height: 36.49vw;
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .block-banner-aboutus-mae-manee {
    height: 128.2vw;
  }
}

.block-banner-aboutus-mae-manee .custom-container {
  position: absolute;
}

.block-banner-aboutus-mae-manee .custom-container .text-banner-aboutus-mae-manee {
  text-align: center;
}

.block-banner-aboutus-mae-manee .custom-container .text-banner-aboutus-mae-manee h1 {
  color: white;
  font-family: "Conv_SukhumvitSet-Bold";
  font-size: 3.90vw;
  line-height: 1.6;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .block-banner-aboutus-mae-manee .custom-container .text-banner-aboutus-mae-manee h1 {
    font-size: 5.90vw;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .block-banner-aboutus-mae-manee .custom-container .text-banner-aboutus-mae-manee h1 {
    font-size: 5.90vw;
  }
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .block-banner-aboutus-mae-manee .custom-container .text-banner-aboutus-mae-manee h1 {
    font-size: 10.26vw;
  }
}

.block-banner-aboutus-mae-manee .custom-container .text-banner-aboutus-mae-manee p {
  color: white;
  font-family: "Conv_SukhumvitSet-Text";
  font-size: 1.30vw;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .block-banner-aboutus-mae-manee .custom-container .text-banner-aboutus-mae-manee p {
    font-size: 2.30vw;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .block-banner-aboutus-mae-manee .custom-container .text-banner-aboutus-mae-manee p {
    font-size: 2.3vw;
  }
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .block-banner-aboutus-mae-manee .custom-container .text-banner-aboutus-mae-manee p {
    font-size: 5.13vw;
  }
}

.nowrap {
  white-space: nowrap;
  color: #000 !important;
}

.block-body .block-body-top-detail {
  padding-top: 3.125vw;
  padding-bottom: 4.69vw;
  background-color: #F6F6F6;
}

.block-body .block-body-top-detail .block-text {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 0.78vw 12.5vw 0 5.2vw;
}

.block-body .block-body-top-detail .block-text .block-text-head h1 {
  font-family: "Conv_SukhumvitSet-Text";
  font-size: 2.6vw;
  margin: 0 0 1.82vw 0;
  line-height: 1.6;
}

.block-body .block-body-top-detail .block-text .block-text-body p {
  font-family: "Conv_SukhumvitSet-Text";
  font-size: 1.3vw;
  margin: 0 0 1.82vw 0;
}

@media only screen and (min-width: 1200px) {
  .block-body .block-body-top-detail .is-desktop img {
    width: 53.55vw;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .block-body .block-body-top-detail .is-desktop img {
    width: 48.83vw;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .block-body .block-body-top-detail {
    padding-top: 10.125vw;
    padding-bottom: 7.69vw;
  }

  .block-body .block-body-top-detail .block-text {
    padding: 8vw 6.41vw;
  }

  .block-body .block-body-top-detail .block-text .block-text-head h1 {
    font-size: 4.26vw;
    padding-right: 2vw;
  }

  .block-body .block-body-top-detail .block-text .block-text-body {
    margin-top: 4.97vw;
  }

  .block-body .block-body-top-detail .block-text .block-text-body p {
    font-size: 2.13vw;
  }
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
  .block-body .block-body-top-detail {
    padding-bottom: 15.38vw;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .block-body .block-body-top-detail .is-mobile {
    padding: 12.82vw 0 10.26vw 0;
  }

  .block-body .block-body-top-detail .block-text {
    padding: 0 6.41vw;
  }

  .block-body .block-body-top-detail .block-text .block-text-head h1 {
    font-size: 10.26vw;
    padding-right: 2vw;
  }

  .block-body .block-body-top-detail .block-text .block-text-body {
    margin-top: 8.97vw;
  }

  .block-body .block-body-top-detail .block-text .block-text-body p {
    font-size: 5.13vw;
  }
}

.block-body .block-body-bottom-detail {
  margin: 7.81vw 0;
}

.block-body .block-body-bottom-detail .block-img-fix.is-inview {
  margin-top: 6vw;
}

.block-body .block-body-bottom-detail .block-group {
  position: relative;
  width: 50vw;
  padding: 1.56vw 0;
}

.block-body .block-body-bottom-detail .block-group .block-img {
  position: absolute;
  top: 16.19vw;
}

.block-body .block-body-bottom-detail .block-group .block-img img {
  width: 9.74vw;
  height: 14.2vw;
}

.block-body .block-body-bottom-detail .block-group .block-img2 {
  bottom: 12.5vw;
  right: 3.125vw;
  position: absolute;
}

.block-body .block-body-bottom-detail .block-group .block-img2 img {
  width: 10.36vw;
  height: 10vw;
}

.block-body .block-body-bottom-detail .block-group .block-text {
  padding-left: 8.33vw;
  padding-right: 12vw;
}

.block-body .block-body-bottom-detail .block-group .block-text .block-text-head h1 {
  font-family: "Conv_SukhumvitSet-Bold";
  font-size: 2.6vw;
  margin: 0;
  line-height: 1.6;
}

.block-body .block-body-bottom-detail .block-group .block-text .block-text-head h1 span {
  color: #7244F7;
}

.block-body .block-body-bottom-detail .block-group .block-text .block-text-head p {
  font-family: "Conv_SukhumvitSet-Text";
  font-size: 1.3vw;
  margin: 0;
}

.block-body .block-body-bottom-detail .block-group .block-text .block-text-body {
  padding-right: 2vw;
}

.block-body .block-body-bottom-detail .block-group .block-text .block-text-body .block-text-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 3.125vw;
}

.block-body .block-body-bottom-detail .block-group .block-text .block-text-body .block-text-list .number-item {
  position: relative;
  background-color: #7244F7;
  width: 3.9vw;
  height: 3.9vw;
  border-radius: 50%;
  top: 0.781vw;
}

.block-body .block-body-bottom-detail .block-group .block-text .block-text-body .block-text-list .number-item span {
  position: absolute;
  font-family: "Conv_SukhumvitSet-Bold";
  font-size: 1.875vw;
  color: #FFF;
  top: 0.52vw;
  left: 1.3vw;
}

.block-body .block-body-bottom-detail .block-group .block-text .block-text-body .block-text-list .text-box {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-left: 1.04vw;
}

.block-body .block-body-bottom-detail .block-group .block-text .block-text-body .block-text-list .text-box h1 {
  font-family: "Conv_SukhumvitSet-Bold";
  font-size: 1.82vw;
  margin: 0;
  line-height: 1.6;
}

.block-body .block-body-bottom-detail .block-group .block-text .block-text-body .block-text-list .text-box p {
  font-family: "Conv_SukhumvitSet-Text";
  font-size: 1.3vw;
  margin: 1.56vw 0;
}

.block-body .block-body-bottom-detail .block-group .block-text .block-text-body .block-text-list .text-box ul {
  margin-top: 2.08vw;
}

.block-body .block-body-bottom-detail .block-group .block-text .block-text-body .block-text-list .text-box ul li {
  font-family: "Conv_SukhumvitSet-Text";
  font-size: 1.3vw;
}

.block-body .block-body-bottom-detail .block-group .block-text .block-text-body .block-text-list .text-box ul li span {
  padding: 0 0.781vw;
}

.block-body .block-body-bottom-detail .block-group .block-text .block-text-body .block-text-list .text-box ul.no2 li {
  margin: 2.08vw 0 0 0;
}

.block-body .block-body-bottom-detail .block-group .block-text .block-text-body .block-text-list .text-box .action {
  padding: 0;
  margin: 1.041vw 0;
}

.block-body .block-body-bottom-detail .block-group .block-text .block-text-body .block-text-list .text-box .action .btmmn-view-defult {
  width: 14.16vw;
  height: 3.65vw;
  background-color: #000;
  border-radius: 2.6vw;
}

.block-body .block-body-bottom-detail .block-group .block-text .block-text-body .block-text-list .text-box .action .btmmn-view-defult span {
  font-family: "Conv_SukhumvitSet-Bold";
  font-size: 1.04vw;
  color: #fff;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .block-body .block-body-bottom-detail .block-group .block-text .block-text-body .block-text-list .text-box ul {
    padding-left: 4.1vw;
  }

  .block-body .block-body-bottom-detail .block-group .block-text .block-text-body .block-text-list .text-box ul li span img {
    height: 2vw;
  }

  .block-body .block-body-bottom-detail .block-group .block-text .block-text-body .block-text-list .text-box ul.no2 li {
    line-height: 2vw;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .block-body .block-body-bottom-detail .block-group {
    width: 100%;
    padding: 8.56vw 11vw;
  }

  .block-body .block-body-bottom-detail .block-group .block-img {
    left: -11.54vw;
    top: 25%;
  }

  .block-body .block-body-bottom-detail .block-group .block-img img {
    width: 33.18vw;
    height: 43.97vw;
  }

  .block-body .block-body-bottom-detail .block-group .block-img2 {
    bottom: 21%;
    right: -0.73vw;
    z-index: 0;
  }

  .block-body .block-body-bottom-detail .block-group .block-img2 img {
    width: 32.15vw;
    height: 30.87vw;
  }

  .block-body .block-body-bottom-detail .block-group .block-text {
    padding: 0 0vw;
  }

  .block-body .block-body-bottom-detail .block-group .block-text .block-text-head h1 {
    font-size: 3.89vw;
    line-height: 1.6;
  }

  .block-body .block-body-bottom-detail .block-group .block-text .block-text-head p {
    font-size: 2.128vw;
  }

  .block-body .block-body-bottom-detail .block-group .block-text .block-text-body {
    padding-right: 0vw;
  }

  .block-body .block-body-bottom-detail .block-group .block-text .block-text-body .block-text-list {
    position: relative;
  }

  .block-body .block-body-bottom-detail .block-group .block-text .block-text-body .block-text-list .number-item {
    width: 6.26vw;
    height: 6.26vw;
  }

  .block-body .block-body-bottom-detail .block-group .block-text .block-text-body .block-text-list .number-item span {
    font-size: 2.128vw;
    top: 1.59vw;
    left: 2.44vw;
  }

  .block-body .block-body-bottom-detail .block-group .block-text .block-text-body .block-text-list .text-box {
    padding: 0 0 0 5.128vw;
  }

  .block-body .block-body-bottom-detail .block-group .block-text .block-text-body .block-text-list .text-box h1 {
    font-size: 3.1vw;
    line-height: 1.6;
  }

  .block-body .block-body-bottom-detail .block-group .block-text .block-text-body .block-text-list .text-box p {
    font-size: 2.128vw;
    padding: 1.128vw 0 3.974vw 0;
  }

  .block-body .block-body-bottom-detail .block-group .block-text .block-text-body .block-text-list .text-box ul {
    padding-left: 4.1vw;
  }

  .block-body .block-body-bottom-detail .block-group .block-text .block-text-body .block-text-list .text-box ul li {
    font-size: 2.128vw;
  }

  .block-body .block-body-bottom-detail .block-group .block-text .block-text-body .block-text-list .text-box ul li span {
    padding: 0 2.56vw;
  }

  .block-body .block-body-bottom-detail .block-group .block-text .block-text-body .block-text-list .text-box ul li span .wongnai {
    height: 4.41vw;
  }

  .block-body .block-body-bottom-detail .block-group .block-text .block-text-body .block-text-list .text-box ul li span .fb {
    width: 4.41vw;
    height: 4.41vw;
  }

  .block-body .block-body-bottom-detail .block-group .block-text .block-text-body .block-text-list .text-box ul li span .google {
    margin-left: -2vw;
    height: 4.41vw;
  }

  .block-body .block-body-bottom-detail .block-group .block-text .block-text-body .block-text-list .text-box ul.no2 li {
    margin: 0 0 2vw 0;
  }

  .block-body .block-body-bottom-detail .block-group .block-text .block-text-body .block-text-list .text-box .action .btmmn-view-defult {
    background-color: #000;
    width: 29.26vw;
    height: 5.82vw;
    border-radius: 12.82vw;
  }

  .block-body .block-body-bottom-detail .block-group .block-text .block-text-body .block-text-list .text-box .action .btmmn-view-defult span {
    color: #fff;
    font-size: 3vw;
  }
}

@media only screen and (min-width: 250px) and (max-width: 767px) {
  .block-body .block-body-bottom-detail .block-group {
    width: 100%;
    margin: 15.38vw 0;
  }

  .block-body .block-body-bottom-detail .block-group .nowrap {
    white-space: none;
  }

  .block-body .block-body-bottom-detail .block-group .block-img {
    left: -11.54vw;
    top: 23%;
  }

  .block-body .block-body-bottom-detail .block-group .block-img img {
    width: 37.18vw;
    height: 47.97vw;
  }

  .block-body .block-body-bottom-detail .block-group .block-img2 {
    bottom: 21%;
    right: -0.73vw;
    z-index: 0;
  }

  .block-body .block-body-bottom-detail .block-group .block-img2 img {
    width: 32.15vw;
    height: 30.87vw;
  }

  .block-body .block-body-bottom-detail .block-group .block-text {
    padding: 0 10.26vw;
  }

  .block-body .block-body-bottom-detail .block-group .block-text .block-text-head h1 {
    font-size: 8.97vw;
    line-height: 1.6;
  }

  .block-body .block-body-bottom-detail .block-group .block-text .block-text-head p {
    font-size: 5.128vw;
  }

  .block-body .block-body-bottom-detail .block-group .block-text .block-text-body {
    padding-right: 0vw;
  }

  .block-body .block-body-bottom-detail .block-group .block-text .block-text-body .block-text-list {
    position: relative;
  }

  .block-body .block-body-bottom-detail .block-group .block-text .block-text-body .block-text-list .number-item {
    width: 10.26vw;
    height: 10.26vw;
  }

  .block-body .block-body-bottom-detail .block-group .block-text .block-text-body .block-text-list .number-item span {
    font-size: 5.128vw;
    top: 1.28vw;
    left: 3.6vw;
  }

  .block-body .block-body-bottom-detail .block-group .block-text .block-text-body .block-text-list .text-box {
    padding: 0 0 0 5.128vw;
  }

  .block-body .block-body-bottom-detail .block-group .block-text .block-text-body .block-text-list .text-box h1 {
    font-size: 6.41vw;
    line-height: 1.6;
  }

  .block-body .block-body-bottom-detail .block-group .block-text .block-text-body .block-text-list .text-box p {
    font-size: 5.128vw;
    padding: 5.128vw 0 8.974vw 0;
  }

  .block-body .block-body-bottom-detail .block-group .block-text .block-text-body .block-text-list .text-box ul {
    padding-left: 4.1vw;
  }

  .block-body .block-body-bottom-detail .block-group .block-text .block-text-body .block-text-list .text-box ul li {
    font-size: 5.128vw;
  }

  .block-body .block-body-bottom-detail .block-group .block-text .block-text-body .block-text-list .text-box ul li span {
    padding: 0 2.56vw;
  }

  .block-body .block-body-bottom-detail .block-group .block-text .block-text-body .block-text-list .text-box ul li span .wongnai {
    height: 6.41vw;
  }

  .block-body .block-body-bottom-detail .block-group .block-text .block-text-body .block-text-list .text-box ul li span .fb {
    width: 6.41vw;
    height: 6.41vw;
  }

  .block-body .block-body-bottom-detail .block-group .block-text .block-text-body .block-text-list .text-box ul li span .google {
    margin-left: -2vw;
    height: 6.41vw;
  }

  .block-body .block-body-bottom-detail .block-group .block-text .block-text-body .block-text-list .text-box ul.no2 li {
    margin: 0 0 10.26vw 0;
  }

  .block-body .block-body-bottom-detail .block-group .block-text .block-text-body .block-text-list .text-box .action .btmmn-view-defult {
    background-color: #000;
    width: 60.26vw;
    height: 12.82vw;
    border-radius: 12.82vw;
  }

  .block-body .block-body-bottom-detail .block-group .block-text .block-text-body .block-text-list .text-box .action .btmmn-view-defult span {
    color: #fff;
    font-size: 4.36vw;
  }

  .block-body .block-body-bottom-detail .block-group .block-text .block-text-body .block-text-list .text-box .btn button {
    width: 60.26vw;
    height: 12.82vw;
    border-radius: 12.82vw;
  }

  .block-body .block-body-bottom-detail .block-group .block-text .block-text-body .block-text-list .text-box .btn button span {
    font-size: 4.36vw;
  }
}

.block-body .block-body-bottom-detail .block-img {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

@media only screen and (min-width: 1200px) {
  .block-body .block-body-bottom-detail .block-img {
    width: 49.97vw;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .block-body .block-body-bottom-detail .block-img {
    width: 49.96vw;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .block-body .block-body-bottom-detail {
    margin: 0;
  }

  .block-body .block-body-bottom-detail .is-mobile {
    display: block !important;
  }

  .block-body .block-body-bottom-detail .is-desktop {
    display: none !important;
  }
}

@media only screen and (min-width: 250px) and (max-width: 767px) {
  .block-body .block-body-bottom-detail {
    margin: 0;
  }
}

.block-detail-banner .block-register-banner {
  width: 100%;
  position: relative;
  padding: 8vw 0 3.1vw 0;
  z-index: 2;
  background: #f3ddff;
  background: -webkit-gradient(linear, left top, right top, color-stop(20%, #f3ddff), color-stop(80%, #d1c7fb));
  background: linear-gradient(90deg, #f3ddff 20%, #d1c7fb 80%);
}

.block-detail-banner .block-register-banner .intro-text {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  margin-top: 3.2vw;
  pointer-events: none;
}

.block-detail-banner .block-register-banner .box-textrun {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  white-space: nowrap;
  margin-top: 2.7vw;
  pointer-events: none;
}

.block-detail-banner .block-register-banner .box-textrun h1 {
  color: #7244f7;
  font-size: 7vw;
  font-family: "Conv_SukhumvitSet-Bold";
  margin: 0 0 0 0;
  opacity: 0.15;
  line-height: 1.6;
}

.block-detail-banner .block-register-banner .register-banner-inner {
  position: relative;
}

.block-detail-banner .block-register-banner .register-banner-inner .register-img {
  overflow: hidden;
  border-radius: 24px;
  position: relative;
  width: 100%;
  background-color: #402775;
}

.block-detail-banner .block-register-banner .register-banner-inner .register-img::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 5px;
  background-color: #7244F7;
  top: 0;
}

.block-detail-banner .block-register-banner .register-banner-inner .register-img .handle {
  position: absolute;
  width: 9.48vw;
  height: 8.33vw;
  top: 0;
  left: 3.65vw;
}

.block-detail-banner .block-register-banner .register-banner-inner .register-img img {
  width: 100%;
}

.block-detail-banner .block-register-banner .register-banner-inner .register-text {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 40.6vw;
  position: absolute;
  right: 0;
  margin-right: 6.5vw;
  top: 2.6vw;
}

.block-detail-banner .block-register-banner .register-banner-inner .register-text .text {
  width: 26.5vw;
  padding-right: 1.5vw;
}

.block-detail-banner .block-register-banner .register-banner-inner .register-text .text h3 {
  font-size: 1.8vw;
  color: #D1C7FB;
  font-family: "Conv_SukhumvitSet-Bold";
  margin: 0 0 .7vw 0;
  line-height: 1.3;
}

.block-detail-banner .block-register-banner .register-banner-inner .register-text .text p {
  font-size: 1.3vw;
  font-family: "Conv_SukhumvitSet-Medium";
  color: #FFF;
  margin: 0 0 0 0;
  line-height: 1.7;
}

.block-register-banner .register-banner-inner .register-text .contact .item {
  margin-top: 0.9vw;
}

.block-register-banner .register-banner-inner .register-text .contact .item .icon-moon {
  font-size: 1.56vw;
  color: #BDAAE1;
  padding-right: 5px;
  padding-left: 15px;
}

.block-register-banner .register-banner-inner .register-text .contact .item span {
  color: #fff;
  padding: 0 15px;
  font-family: "Conv_SukhumvitSet-Bold";
  font-size: 1.3vw;
}

.block-detail-banner .block-register-banner .register-banner-inner .register-text .action .btmmn-view-defult {
  background-color: #FFF;
  width: 14vw;
}

.block-detail-banner .block-register-banner .register-banner-inner .register-text .action .btmmn-view-defult span {
  color: #000;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .block-detail-banner .block-register-banner .register-banner-inner .register-img {
    padding: 3vw 0 0 0;
  }

  .block-detail-banner .block-register-banner .register-banner-inner .register-img .handle {
    top: 0;
    left: 3.65vw;
  }

  .block-detail-banner .block-register-banner .register-banner-inner .register-img .handle img {
    width: 21.95vw;
  }

  .block-detail-banner .block-register-banner .register-banner-inner .register-text {
    width: 50vw;
    right: 0;
    margin-right: 3.5vw;
    top: auto;
  }

  .block-detail-banner .block-register-banner .register-banner-inner .register-text .text {
    width: 32.5vw;
    padding-right: 1.5vw;
  }

  .block-detail-banner .block-register-banner .register-banner-inner .register-text .text h3 {
    font-size: 2.2vw;
    font-family: "Conv_SukhumvitSet-Bold";
    margin: 0 0 .7vw 0;
    line-height: 1.3;
  }

  .block-detail-banner .block-register-banner .register-banner-inner .register-text .text p {
    font-size: 1.6vw;
    font-family: "Conv_SukhumvitSet-Medium";
    line-height: 1.7;
  }

  .block-register-banner .register-banner-inner .register-text .contact .item {
    margin-top: 1vw;
  }

  .block-register-banner .register-banner-inner .register-text .contact .item .icon-moon {
    font-size: 2vw;
  }

  .block-register-banner .register-banner-inner .register-text .contact .item span {
    padding: 0 15px;
    font-family: "Conv_SukhumvitSet-Bold";
    font-size: 1.6vw;
  }

  .block-detail-banner .block-register-banner .register-banner-inner .register-text .action .btmmn-view-defult {
    width: 17vw;
  }
}

@media only screen and (min-width: 250px) and (max-width: 767px) {
  .block-detail-banner .block-register-banner {
    padding: 28vw 0 13vw 0;
  }

  .block-detail-banner .block-register-banner .intro-text {
    width: auto;
    height: 26vw;
    max-width: inherit;
    margin-top: 12vw;
    left: -19vw;
  }

  .block-detail-banner .block-register-banner .box-textrun {
    margin-top: 10.5vw;
  }

  .block-detail-banner .block-register-banner .box-textrun h1 {
    font-size: 24vw;
    line-height: 1.6;
  }

  .block-detail-banner .block-register-banner .register-banner-inner .register-img {
    border-radius: 20px;
  }

  .block-detail-banner .block-register-banner .register-banner-inner .register-text {
    width: 100%;
    left: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    top: 0;
    padding: 0 6vw;
    margin-top: 9vw;
  }

  .block-detail-banner .block-register-banner .register-banner-inner .register-text .text {
    width: 100%;
    padding: 0;
  }

  .block-detail-banner .block-register-banner .register-banner-inner .register-text .text h3 {
    font-size: 6.6vw;
    margin: 0 0 3vw 0;
  }

  .block-detail-banner .block-register-banner .register-banner-inner .register-text .text p {
    font-size: 4.8vw;
    line-height: 1.5;
  }

  .block-detail-banner .block-register-banner .register-banner-inner .register-text .text .contact {
    margin: 5vw 0 0 5vw;
  }

  .block-register-banner .register-banner-inner .register-text .contact .item .icon-moon {
    font-size: 5.1vw;
  }

  .block-register-banner .register-banner-inner .register-text .contact .item span {
    font-size: 4.36vw;
  }

  .block-detail-banner .block-register-banner .register-banner-inner .register-text .action {
    margin-top: 8vw;
  }

  .block-detail-banner .block-register-banner .register-banner-inner .register-text .action .btmmn-view-defult {
    width: 52.3vw;
    height: 12.82vw;
  }

  .block-detail-banner .block-register-banner .register-banner-inner .register-text .action .btmmn-view-defult .view-defult span {
    font-size: 4.36vw;
  }
}

.number-blog-detail-content2 .block-text-number {
  height: 70px;
  display: flex;
  align-items: center;
  border-right: 2px solid black;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .number-blog-detail-content2 .block-text-number {
    height: 50px;
  }
}

@media only screen and (min-width: 250px) and (max-width: 767px) {
  .number-blog-detail-content2 .block-text-number {
    height: 90px;
    position: relative;
    top: 15px;
    border: none;
  }
}

.number-blog-detail-content2 .block-text-number h1 {
  padding-right: 40px;
  color: #7244F7;
  font-size: 80px;
  font-family: 'Taviraj-medium';
  position: relative;
  top: 10px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .number-blog-detail-content2 .block-text-number h1 {
    font-size: 50px;
    padding-right: 30px;
    position: relative;
    top: 5px;
  }
}

@media only screen and (min-width: 250px) and (max-width: 767px) {
  .number-blog-detail-content2 .block-text-number h1 {
    padding-right: 20px;
    position: relative;
    top: -15px;
  }

  .number-blog-detail-content2 .block-text-number h1.number-fix {
    padding-right: 20px;
    position: relative;
    top: -51px;
  }

  .number-blog-detail-content2 .block-text-number h1.number-fix-2 {
    padding-right: 20px;
    position: relative;
    top: -40px;
  }
}

.text-blog-detail-content2 a {
  color: #000;
}

.location a {
  color: #000;
}

.location a.fixColor {
  color: #707070;
}

@media only screen and (min-width: 250px) and (max-width: 767px) {
  .block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .blokc-content-2-blog-detail-mae-manee .block-item-content-2-blog-detail .owl-one .owl-stage-outer {
    overflow: visible !important;
  }
}

.block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .blokc-content-2-blog-detail-mae-manee .block-item-content-2-blog-detail .owl-one .owl-stage-outer .owl-stage {
  margin-top: 3.12vw;
}

@media only screen and (min-width: 250px) and (max-width: 767px) {
  .block-blog-detail-mae-manee .block-content-blog-detail-mae-manee .text-content-1-blog-detail .blokc-content-2-blog-detail-mae-manee .block-item-content-2-blog-detail .owl-one .owl-stage-outer .owl-stage {

    margin-top: 7vw;
    padding-left: 0 !important;
  }
}


[class^="icon-"]::before,
[class*=" icon-"]::before {
  font-weight: bold;
}

.wrapvdo {
  max-width: 100%;
  margin: 0 auto;
  position: relative;
}

.wrapvdo .video-iframe {
  margin: 40px auto 0 auto;
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-bottom: 56.25%;
  /* 16:9 Aspect Ratio 60% - 26.3%; 56.25%; */
}

.wrapvdo .video-iframe iframe {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
}