#contact {
  font-family: 'MavenPro', 'IBMPlexSansThai' !important;
}

#contact .ico {
  position: absolute;

  top: 8px;

  left: 8px;

  z-index: 1;
}

#contact .box-form {
  padding: 80px;

  background: #26A9E0;

  border-radius: 5px;
}

#contact input {
  font-family: 'MavenPro', 'IBMPlexSansThai' !important;

  border-radius: 5px;

  height: 47px;

  padding-left: 45px;
}

#contact input::placeholder,
#contact textarea::placeholder {
  font-family: 'MavenPro', 'IBMPlexSansThai' !important;
}

#contact textarea {
  font-family: 'MavenPro', 'IBMPlexSansThai' !important;

  border-radius: 5px;

  padding-left: 45px;

  padding-top: 10px;
}

#contact .form-group {
  position: relative;
}

#contact-btn {
  font-family: 'MavenPro', 'IBMPlexSansThai' !important;

  width: 100%;

  background: #333333;

  color: #26A9E0;

  margin-top: 15px;

  height: 46px;

  font-size: 18px;

  border-radius: 5px;
}

#contact .writeme {
  font-size: 22px;

  font-weight: 600;

  color: #223445;

  margin-left: 10px;
}

.bg-filter {
  position: absolute;

  z-index: 899;

  width: 100%;

  /* margin-left: -14px; */

  margin-top: 115px;

  background: #fff;
}

.filter_mobile {
  margin-top: 0px !important;
}

/*Content*/

.headnews {
  padding: 60px;

  font-family: 'IBMPlexSansThai';

  color: #223445;
}

.headnews a {
  color: #223445;

  text-decoration: none;
}

.headnews a:hover {
  text-decoration: none;
}

.headnews h4 {
  font-size: 35px;
}

.blog-news-date-head {
  font-size: 14px;

  color: #fff;
}

.blog-news-shot-desc-head a {
  font-size: 17px;

  color: #515151;
}

.txtreadmore {
  font-family: 'MavenPro', 'IBMPlexSansThai' !important;

  border-bottom: 2px solid #fff;

  padding-bottom: 5px;

  font-size: 12px;

  font-weight: 600;
}

.headarticle {
  color: #26A9E0;

  font-size: 32px;
}

.content-small {
  border-bottom: 1px solid #eaeaea;

  padding-bottom: 20px;

  height: 210px;
}

.content-small-date {
  font-family: 'MavenPro', 'IBMPlexSansThai' !important;

  color: #9c9999;

  font-size: 12px;
}

.content-small-desc a {
  font-family: 'MavenPro', 'IBMPlexSansThai' !important;

  color: #223445;

  font-size: 18px;

  line-height: 1.4;
}

.content-small-readmore a {
  font-family: 'MavenPro', 'IBMPlexSansThai' !important;

  position: absolute;

  bottom: 25px;

  color: #223445;

  border-bottom: 2px solid #26A9E0;
}

.content-small-readmore a:hover,
.content-small-desc a:hover {
  text-decoration: none;
}

/*Content*/

.rowx {
  margin-right: -15px;

  margin-left: -15px;
}

.txtcontact {
  font-family: 'IBMPlexSansThai';

  font-size: 14px;

  color: #223445;
}

.pace-active {
  opacity: 0 !important;

  display: none !important;
}

.txtg {
  font-family: 'MavenPro', 'IBMPlexSansThai' !important;

  color: #223445;

  font-size: 26px;

  font-weight: 800;
}

.txty {
  font-family: 'MavenPro', 'IBMPlexSansThai' !important;

  color: #26A9E0;

  font-size: 26px;

  font-weight: 800;
}

.preloader {
  position: fixed;

  background: rgba(255, 255, 255, 0.7);

  width: 100%;

  height: 100%;

  z-index: 99;

  text-align: center;
}

.sumlist {
  border: 3px solid #26A9E0;

  /*padding: 10px;*/

  border-radius: 5px;
}

.pl80 {
  padding-left: 80px !important;
}

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

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

.text-right {
  text-align: right;
}

.text-left {
  text-align: left;
}

.text-red {
  color: #ff0018 !important;
}

.preloader_section {
  position: relative;

  top: 40%;

  text-align: center;
}

.preloader_section img {
  margin: auto;
}

.lds-ellipsis {
  display: inline-block;

  position: relative;

  width: 64px;

  height: 64px;
}

.lds-ellipsis div {
  position: absolute;

  top: 27px;

  width: 11px;

  height: 11px;

  border-radius: 50%;

  background: #000;

  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}

.lds-ellipsis div:nth-child(1) {
  left: 6px;

  animation: lds-ellipsis1 0.6s infinite;
}

.lds-ellipsis div:nth-child(2) {
  left: 6px;

  animation: lds-ellipsis2 0.6s infinite;
}

.lds-ellipsis div:nth-child(3) {
  left: 26px;

  animation: lds-ellipsis2 0.6s infinite;
}

.lds-ellipsis div:nth-child(4) {
  left: 45px;

  animation: lds-ellipsis3 0.6s infinite;
}

.btn-viewcart {
  padding: 2px 5px 2px 5px;

  border-radius: 3px;

  background: #26A9E0;
}

.btn-checkout {
  padding: 2px 5px 2px 5px;

  border-radius: 3px;

  background: #e61906;
}

.btn-viewcart a,
.btn-checkout a {
  color: #ffffff !important;
}

@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }

  100% {
    transform: scale(1);
  }
}

@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }

  100% {
    transform: scale(0);
  }
}

@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }

  100% {
    transform: translate(19px, 0);
  }
}

.note-video-clip {
  max-width: 100%;

  /* height:auto; */
}

.arrowright {
  color: #26A9E0;

  font-size: 10px;

  font-weight: lighter;

  margin-left: 5px;

  position: absolute;

  top: 18px;

  right: 20px;
}

.arrowdown {
  color: #26A9E0;

  transform: rotate(90deg);

  font-size: 10px;

  font-weight: lighter;

  margin-left: 5px;
}

.filter_content_mb {
  display: none;

  position: absolute;

  width: 100%;

  z-index: 9;

  top: 55px;

  padding: 0 20px;

  background: #fff;
}

.sort_content_mb {
  display: contents;

  position: absolute;

  width: 100%;

  top: 50px;

  background: #fff;

  z-index: 9;
}

.header_logo {
  padding-top: 20px;

  padding-bottom: 20px;

  height: 70px;
}

.header_logo img {
  width: 30%;

  margin: auto;
}

.container-body {
  padding: 0 60px;
}

.menu-top {
  position: absolute;

  /*right: 60px;*/

  right: 10%;

  top: 25px;

  font-family: 'MavenPro', 'IBMPlexSansThai';

  font-size: 14px;

  font-weight: 600;

  color: #223445;

  z-index: 9;

  /*    -webkit-transition: all .25s ease-in-out;

    -moz-transition: all .25s ease-in-out;

    -ms-transition: all .25s ease-in-out;

    -o-transition: all .25s ease-in-out;

    transition: all .25s ease-in-out;*/
}

.menu-top .language {
  margin: 0;

  /*text-transform: uppercase;*/
}

.menu-top .language li.active a {
  color: #223445;
}

.menu-top .language a {
  color: #223445;

  text-decoration: none;

  transition: all 0.6s;
}

.menu-top .language a:hover {
  color: #2a338c;
}

.menu-top-left {
  position: absolute;

  left: 60px;

  top: 15px;

  font-family: 'MavenPro', 'IBMPlexSansThai';

  font-size: 14px;
}

.product_display_title h1 {
  font-family: 'MavenPro Bold', 'IBMPlexSansThai Bold';

  font-size: 32px;

  color: #223445;

  margin-top: 60px;

  margin-bottom: 20px;
}

.product_display_title .displayh1 {
  color: #223445;

  font-weight: 600;
}

.product-list .product-img {
  height: auto !important;
}

.product-list .product-img img {
  max-height: inherit;
}

.product-list .product-img img.img-dering {
  max-height: 300px !important;
}

.lds-ellipsis {
  display: inline-block;

  position: relative;

  width: 64px;

  height: 64px;

  top: -85px;
}

.lds-ellipsis div {
  position: absolute;

  top: 27px;

  width: 11px;

  height: 11px;

  border-radius: 50%;

  background: #0038C6;

  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}

.lds-ellipsis div:nth-child(1) {
  left: 6px;

  animation: lds-ellipsis1 0.6s infinite;
}

.lds-ellipsis div:nth-child(2) {
  left: 6px;

  animation: lds-ellipsis2 0.6s infinite;
}

.lds-ellipsis div:nth-child(3) {
  left: 26px;

  animation: lds-ellipsis2 0.6s infinite;
}

.lds-ellipsis div:nth-child(4) {
  left: 45px;

  animation: lds-ellipsis3 0.6s infinite;
}

@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }

  100% {
    transform: scale(1);
  }
}

@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }

  100% {
    transform: scale(0);
  }
}

@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }

  100% {
    transform: translate(19px, 0);
  }
}

.preloader {
  position: fixed;

  background: rgba(255, 255, 255, 0.7);

  width: 100%;

  height: 100%;

  z-index: 99;

  text-align: center;
}

.preloader_section {
  position: relative;

  top: 40%;

  text-align: center;
}

.preloader_section img {
  margin: auto;
}

.product-list .product-name {
  font-family: 'MavenPro', 'IBMPlexSansThai';

  height: inherit !important;

  text-align: center !important;

  margin-bottom: 5px !important;

  min-height: 50px;
}

.product-list .product-name a {
  font-family: 'MavenPro', 'IBMPlexSansThai';

  font-weight: 600;

  font-size: 13px;

  text-decoration: none;
}

.product-list .product-name a p {
  padding: 5px;
  line-height: 1.5em;
  height: 3.5em;
  overflow: hidden;
}

.product-list .product-name a:hover p {
  color: #2a338c;
}

#producttab_8 .sell-price {
  font-family: 'MavenPro', 'IBMPlexSansThai';

  font-size: 16px;

  color: #fff;

  font-weight: 600;

  letter-spacing: 0px;
}

#producttab_9 .sell-price {
  font-family: 'MavenPro', 'IBMPlexSansThai';

  font-size: 16px;

  color: #5a4b38;

  font-weight: 600;

  letter-spacing: 0px;
}

.product-list .product-price .market-price {
  display: inline-block;

  /*    font-family: 'cali-bold' !important;

    font-size: 16px !important;*/
}

.product-set-label {
  margin-bottom: 5px;
}

.product_cart_detail .market-price {
  display: inline-block;
}

.product_cart_detail .sell-price {
  display: inline-block;
}

.product_list_set {
  padding: 10px;
  padding-left: 5px;
}

#home-product {
  display: grid;
  padding: 20px;
  /*margin-top: 15px;

    padding: 0 5px;

    margin-bottom: 50px;*/
}

#footer_content h2 {
  font-family: 'MavenPro', 'IBMPlexSansThai';

  color: #223445;

  font-weight: bolder;

  margin-top: 0;
}

#footer_content {
  font-family: 'MavenPro', 'IBMPlexSansThai';

  background: #A8DDF3;

  padding: 70px 25px;
}

#footer_content h4 {
  font-family: 'MavenPro', 'IBMPlexSansThai';

  font-size: 14px;

  font-weight: 600;

  color: #223445;

  margin-bottom: 20px;

  letter-spacing: 1px;
}

#footer_content p {
  font-family: 'MavenPro', 'IBMPlexSansThai';

  color: #223445;
}

#footer_content .findus {
  font-family: 'MavenPro', 'IBMPlexSansThai';

  float: left;

  margin-right: 5px;

  margin-top: 3px;

  font-size: 14px;

  font-weight: 600;

  letter-spacing: 1px;
}

#footer_content ul>li {
  list-style: none;

  padding-bottom: 10px;
}

#footer_content ul>li>a {
  font-family: 'MavenPro', 'IBMPlexSansThai';

  color: #223445;

  transition: all 0.6s;
}

#footer_content ul>li>a:hover {
  color: #2a338c;
  text-decoration: none;
}

#footer_content .envelope {
  position: absolute;

  z-index: 9;

  font-size: 20px;

  left: 15px;

  top: 15px;
}

#footer_content .btn-subscribe {
  font-family: 'MavenPro', 'IBMPlexSansThai';

  background-color: #333333;

  border: 1px solid #333333;

  color: #26A9E0;

  font-size: 14px;

  font-weight: 600;

  letter-spacing: 1px;

  border-radius: 3px;

  padding-left: 15px;

  padding-right: 15px;
}

.form-control:focus {
  border-color: #26A9E0;

  outline: 0;

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
    0 0 8px rgb(84, 185, 230);

  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgb(84, 185, 230);
}

#footer_copy {
  padding: 35px 0px;
}

#footer_copy p {
  font-family: 'MavenPro', 'IBMPlexSansThai';

  font-size: 14px;

  color: #223445;

  margin-bottom: 0;

  letter-spacing: 1px;
}

#footer_copy p a {
  font-family: 'MavenPro', 'IBMPlexSansThai';

  color: #858f94;

  transition: all 0.6s;
}

#footer_copy p a:hover {
  color: #223445;

  text-decoration: none;
}

.size-normal {
  z-index: 1070 !important;
}

#accordion .panel {
  border: none;

  border-radius: 3px;

  box-shadow: none;

  margin-bottom: 15px;
}

#accordion .panel-heading {
  padding: 0;

  border: none;

  border-radius: 3px;
}

#accordion .panel-title a {
  display: block;

  padding: 12px 15px 12px 10px;

  border-radius: 5px;

  font-size: 18px;

  color: #223445;

  position: relative;

  transition: all 0.5s ease 0s;

  font-family: 'MavenPro', 'IBMPlexSansThai';

  text-decoration: none;

  background: #26A9E0;
}

#accordion .panel-title a.collapsed {
  box-shadow: none;

  color: #223445;
}

#accordion .panel-title a:before,
#accordion .panel-title a.collapsed:before {
  content: "\f068";

  font: normal normal normal 14px/1 FontAwesome;

  width: 25px;

  height: 25px;

  line-height: 25px;

  font-size: 12px;

  font-weight: 400;

  color: #ffffff;

  text-align: center;

  position: absolute;

  top: 8px;

  right: 15px;

  transform: rotate(180deg);

  transition: all 0.3s ease 0s;
}

#accordion .panel-title a.collapsed:before {
  content: "\f067";

  font: normal normal normal 14px/1 FontAwesome;

  width: 25px;

  height: 25px;

  line-height: 25px;

  font-size: 12px;

  font-weight: 400;

  color: #ffffff;

  text-align: center;

  position: absolute;

  top: 10px;

  right: 15px;

  transform: rotate(0);
}

/*#accordion .panel-title a:after{

    content: "";

    width: 1px;

    height: 100%;

    background: #ececec;

    position: absolute;

    top: 0;

    right: 55px;

    }*/

#accordion .panel-body {
  padding: 10px 15px 15px;

  border: none;

  font-size: 15px;

  color: #223445;

  line-height: 27px;

  border-bottom: 1px solid #e1e1e1;
}

#accordion .panel-body li {
  list-style: none;
}

#accordion .panel-body li a {
  /*font-family:  'MavenPro','IBMPlexSansThai';*/

  font-family: 'IBMPlexSansThai';

  text-transform: uppercase;

  font-size: 16px;

  color: #223445;

  font-weight: 400;
}

#accordion .panel-body li a:hover,
#accordion .panel-body li a.filter-active {
  text-decoration: none;

  color: #26A9E0;
}

#accordion .panel-body.category_filter li.active::before {
  content: "";

  /* background: url(../images/ic_filter_active.png) no-repeat; */

  width: 24px;

  height: 26px;

  position: absolute;

  margin-top: 4px;
}

#accordion .panel-body.category_filter li.active a.active {
  font-family: 'MavenPro', 'IBMPlexSansThai';

  font-size: 13px;

  text-transform: uppercase;

  color: #223445;

  padding-left: 30px;

  text-decoration: underline;
}

#accordion .panel-body.category_filter li::before {
  content: "";

  /* background: url(../images/ic_filter_list.png) no-repeat; */

  width: 20px;

  height: 20px;

  position: absolute;

  margin-top: 4px;
}

#accordion .panel-body.category_filter li:hover::before {
  content: "";

  /* background: url(../images/ic_filter_active.png) no-repeat; */

  width: 24px;

  height: 26px;

  position: absolute;

  margin-top: 4px;
}

#accordion .panel-body.category_filter li:hover a:hover {
  color: #223445;
}

#accordion .panel-body.category_filter li a {
  font-family: "cali-regular";

  font-size: 13px;

  text-transform: uppercase;

  color: #828282;

  padding-left: 30px;

  transition: all 0.4s;
}

#accordion .panel-body.size_filter li {
  display: inline-block;

  border: 1px solid #d5d5d5;

  border-radius: 50%;

  width: 50px;

  height: 50px;

  text-align: center;

  padding-top: 11px;

  cursor: pointer;

  margin-right: 10px;

  transition: all 0.25s;

  margin-bottom: 10px;

  font-size: 10px;

  color: #333;
}

#accordion .panel-body.size_filter li.active {
  border: 1px solid #000;

  background: #000;
}

#accordion .panel-body.size_filter li.active a {
  color: #fff;
}

#accordion .panel-body.size_filter li:hover {
  /*border: 1px solid #000;

    background: #000;

    color:#FFFFFF;*/

  border: 5px solid #26A9E0;

  transition: all 0.25s;

  padding-top: 7px;
}

#accordion .panel-body.size_filter li:hover a {
  color: #fff;
}

#accordion .panel-body.size_filter li a {
  font-family: "cali-bold";

  font-size: 15px;

  text-transform: uppercase;

  color: #000000;

  padding: 12px 5px;
}

#accordion .panel-body.size_filter li a:hover {
  text-decoration: none;
}

#accordion .panel-body.color_filter li {
  display: inline-block;

  border: 1px solid #d5d5d5;

  border-radius: 50%;

  width: 30px;

  height: 30px;

  text-align: center;

  padding-top: 0px;

  cursor: pointer;

  margin-right: 10px;

  transition: all 0.25s;

  margin-bottom: 10px;

  font-size: 10px;
}

/* #accordion .panel-body.color_filter li .active {

    display: inline-block;    

    border-radius: 50%;

    width: 30px;

    height: 30px;

    text-align: center;

    padding-top: 0px;

    cursor: pointer;

    margin-right: 10px;

    transition: all 0.25s;

    margin-bottom: 10px;

    font-size: 10px;

    margin-left: -1px;

    margin-top: -1px;

    border: 2px solid #26A9E0;

    transition: all 0.25s;

} */

#accordion .panel-body.color_filter li label {
  transition: all 0.4s;

  font-family: 'MavenPro', 'IBMPlexSansThai';

  font-size: 10px;

  color: #223445;

  cursor: pointer;
}

#accordion .panel-body.color_filter li img {
  border-radius: 50%;
}

#accordion .panel-body.color_filter li.active {
  color: #ccc;

  border: 2px solid #26A9E0;
}

/*#accordion .panel-body.color_filter li:hover {

    border: 2px solid #26A9E0;

    transition: all 0.25s;

}*/

.alertboxnoproduct {
  /*border: 1px solid #ccc;*/

  padding: 30px;
}

.alertnoproduct {
  font-size: 22px;

  color: #747474;
}

.content_detail {
  /*margin-top: 30px;*/
}

.content_detail {
  font-family: 'MavenPro', 'IBMPlexSansThai';

  font-size: 16px;

  color: #223445;
}

.product-list .product-img img {
  max-width: 100%;
  max-height: 250px !important;
  cursor: pointer;
}

.product-list .product-img {
  position: relative;

  overflow: hidden;
}

.product-list .product-img {
  height: inherit;
}

/*.product-list .product-img:hover img {

    -moz-transform: scale(1.1);

    -webkit-transform: scale(1.1);

    transform: scale(1.1);

    }*/

#banner_header_title {
  margin-bottom: 20px;
}

.pagination {
  margin: 25px 0;
}

.pagination>li:first-child>a,
.pagination>li:first-child>span,
.pagination>li:last-child>a,
.pagination>li:last-child>span {
  border: none;

  color: #747474;

  font-family: "cali-regular";

  font-size: 16px;
}

.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
  border: none;

  background: transparent;

  color: #223445;

  font-family: "cali-regular";

  font-size: 16px;

  text-decoration: underline;
}

.item_per_page {
  margin: 30px 0;

  padding: 0;

  font-family: "cali-regular";

  font-size: 16px;

  color: #747474;

  text-transform: uppercase;
}

.slider-handle {
  background: #26A9E0;

  box-shadow: 0 0 5px #696969;
}

.slider-selection {
  position: absolute;

  background-image: -webkit-linear-gradient(top, #26A9E0 0%, #26A9E0 100%);

  background-image: -o-linear-gradient(top, #f9f9f9 0%, #f5f5f5 100%);

  background-image: linear-gradient(to bottom, #26A9E0 0%, #26A9E0 100%);

  background-repeat: repeat-x;

  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fff9f9f9', endColorstr='#fff5f5f5', GradientType=0);

  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);

  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  border-radius: 4px;
}

.tooltip-inner {
  max-width: 200px;

  padding: 3px 8px;

  color: #26A9E0;

  text-align: center;

  background-color: #4b3a30;

  border: 2px solid #403027;

  border-radius: 4px;
}

.slider.slider-horizontal {
  width: 97%;
}

#owl-product-detail {
  padding: 0 45px;
}

#owl-product-detail .owl-prev {
  position: absolute;

  left: 15px;

  padding: 8px 12px;

  top: 45%;

  color: #223445;

  font-size: 20px;

  border-radius: 0;

  background: rgba(255, 255, 255, 0.7);

  transition: all 0.6s;
}

#owl-product-detail .owl-prev:hover,
#owl-product-detail .owl-next:hover {
  background: #f1f2f5;
}

#owl-product-detail .owl-next {
  position: absolute;

  right: 15px;

  padding: 8px 12px;

  top: 45%;

  color: #223445;

  font-size: 20px;

  border-radius: 0;

  background: rgba(255, 255, 255, 0.7);

  transition: all 0.6s;
}

.product_page_set .container-body {
  padding: 0 15px;
}

.product_add_cart_section {
  min-height: 150px;

  padding: 0;
}

.product_cart_detail {
  -webkit-box-shadow: 0px 0px 13px -3px rgba(82, 82, 82, 1);

  -moz-box-shadow: 0px 0px 13px -3px rgba(82, 82, 82, 1);

  box-shadow: 0px 0px 13px -3px rgba(82, 82, 82, 1);

  /*padding: 0 45px;*/

  padding: 10px 0px 30px 45px;
}

.product_info_txt {
  font-family: 'MavenPro', 'IBMPlexSansThai';
}

.product_info_txt h2 {
  font-family: 'MavenPro', 'IBMPlexSansThai';

  font-size: 20px;
}

.product_color_select,
.product_size_select {
  margin-top: 12px;
}

.product_color_select h5,
.product_size_select h5 {
  font-family: "kanitlight";

  font-size: 18px;

  color: #747474;
}

#menu_color {
  width: 100%;

  text-align: left;

  font-family: "cali-regular";

  font-size: 18px;

  color: #223445;

  padding-left: 0;
}

#menu_color:focus {
  outline: none;

  box-shadow: none;
}

#menu_size:focus {
  outline: none;

  box-shadow: none;
}

.add_to_cart_section {
  text-align: center;

  padding-top: 40px;
}

.add-to-cart,
.add-login {
  display: inline-block;

  font-family: 'MavenPro', 'IBMPlexSansThai';

  height: 60px;

  width: 200px;

  font-size: 14px;

  color: #26A9E0 !important;

  background: #333333 !important;

  padding: 10px;

  border-radius: 3px;

  border: none;

  text-transform: uppercase;

  transition: all 0.6s;

  font-weight: bold;
}

.add-to-cart:hover,
.add-login:hover {
  color: #26A9E0 !important;

  background: #333333 !important;
}

.input-qty>input.form-control {
  height: 60px;

  width: 142px !important;

  /*width: 90px !important;*/

  font-size: 24px;

  border-top: 1px solid #ccc;

  border-bottom: 1px solid #ccc;

  border-left: none !important;

  border-right: none !important;

  box-shadow: inset 0px 0px 0px !important;

  font-weight: bold;

  border-left: 0px;
}

.product_cartlist .input-qty>input.form-control {
  width: 35px !important;

  /*height: 55px;*/

  font-size: 16px;
}

.product_cartlist .form-control {
  padding: 0px;
}

.input-qty .btn-minus {
  height: 60px;

  border-right: 0;

  padding-left: 15px !important;

  border-radius: 3px 0px 0px 3px !important;
}

.input-qty .btn-plus {
  height: 60px;

  border-left: 0;

  padding-right: 15px !important;

  border-radius: 0px 3px 3px 0px !important;
}

.btn-plus:hover,
.btn-minus:hover,
.btn-plus:active,
.btn-minus:active,
.btn-plus:active:focus,
.btn-minus:active:focus,
.btn-plus:focus,
.btn-minus:focus {
  background-color: #26A9E0;

  /*border-color: #cccccc;*/

  border-color: #26A9E0;

  outline: 0;

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
    0 0 8px rgb(84, 185, 230);

  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgb(84, 185, 230);
}

.product_color_select .dropdown-menu>li>a {
  font-family: 'MavenPro', 'IBMPlexSansThai';

  color: #223445;

  padding: 10px 20px;

  transition: all 0.6s;
}

.product_color_select .dropdown-menu>li>a:hover,
.product_color_select .dropdown-menu>li>a:focus {
  background: none;

  color: #747474;
}

#menu_size {
  padding-left: 20px;

  font-family: 'MavenPro', 'IBMPlexSansThai';

  width: 163px;

  height: 60px;

  border-radius: 3px;

  background: #fff;

  border: 1px solid #ccc;

  text-align: left;
}

.star {
  cursor: pointer;
}

.rating_total {
  font-size: 14px;

  font-weight: 600;

  color: #b0b0b0;
}

/*.rating-container .clear-rating, .rating-container .caption {

    display: none;

}*/

.rating-container {
  float: left;

  margin-right: 5px;
}

.rating-container .filled-stars {
  position: absolute;

  left: 0;

  top: 0;

  margin: auto;

  color: #26A9E0;

  white-space: nowrap;

  overflow: hidden;

  -webkit-text-stroke: 0px #777;

  text-shadow: 0px 0px #999;
}

.product_size_select #menu_size span {
  list-style: none;

  display: inline-block;

  /*border: 1px solid #d5d5d5;

    border-radius: 50%;*/

  width: 35px;

  height: 35px;

  vertical-align: middle;

  text-align: center;

  padding-top: 6px;

  cursor: pointer;

  transition: all 0.4s;
}

.product_size_select ul.size_menu_dropdown>li {
  /*display: inline-block;*/

  margin: 10px;
}

.product_size_select ul.size_menu_dropdown>li.set_size_option>a {
  list-style: none;

  /* display: inline-block; */

  font-family: 'MavenPro', 'IBMPlexSansThai';

  /* font-size: 14px; */

  /* border: 1px solid #d5d5d5; */

  /* border-radius: 50%; */

  /* width: 35px; */

  /* height: 35px; */

  vertical-align: middle;

  text-align: left;

  padding: 6px;

  cursor: pointer;

  background: #fff;

  transition: all 0.4s;

  /* padding-left: 26px; */

  margin-left: 5px;
}

.product_size_select ul.size_menu_dropdown>li.set_size_option>a:hover {
  background: #333333;

  color: #26A9E0;
}

.product_size_select ul.size_menu_dropdown>li.set_size_option.active>a {
  background: #333333;

  color: #26A9E0;
}

.product_size_select ul.size_menu_dropdown {
  /*background: transparent;

    border: none;

    box-shadow: none;*/

  /*min-width: 80px;*/

  /*text-align: center;*/
}

.btn-whislist {
  padding: 10px 15px;

  position: relative;

  right: -6px;

  border-right: none;

  transition: all 0.6s;
}

.btn-whislist:hover {
  background: #000 !important;
}

.btn-whislist:hover i {
  color: #fff !important;
}

.cart-list-bar {
  position: absolute;

  z-index: 2000;

  top: 40px;

  right: -40px;

  background-color: white;

  width: 350px;

  max-height: 400px;

  overflow: auto;

  display: none;

  line-height: 25px;

  text-align: left;

  font-family: 'MavenPro', 'IBMPlexSansThai';

  -webkit-box-shadow: 0px 0px 18px -4px rgba(117, 117, 117, 1);

  -moz-box-shadow: 0px 0px 18px -4px rgba(117, 117, 117, 1);

  box-shadow: 0px 0px 18px -4px rgba(117, 117, 117, 1);
}

.cart-list-bar .box-desc-cart span {
  font-size: 14px;
}

.btn-checkout-content {
  padding: 10px 0;

  margin-top: 10px;

  border-top: 1px solid #757575;

  background: #757575;

  transition: all 0.6s;
}

.btn-checkout-content a {
  font-family: "cali-bold";

  font-size: 16px;

  color: #fff !important;

  display: block;

  width: 100%;
}

.btn-checkout-content:hover {
  background: #000;

  border-top: 1px solid #000;
}

.btn-view-cart-content {
  padding: 10px 0;

  border-top: 1px solid #757575;

  margin-top: 10px;

  background: #fff;

  transition: all 0.6s;
}

.btn-view-cart-content a {
  font-family: "cali-bold";

  font-size: 16px;

  color: #223445 !important;

  display: block;

  width: 100%;
}

.btn-view-cart-content:hover {
  background: #000;

  border-top: 1px solid #000;
}

.btn-view-cart-content:hover a {
  color: #fff !important;
}

.product_description_detail,
.product_detail_relate {
  padding: 0 40px;

  margin-top: 2px;
}

.product_description_detail .nav-pills>li.active>a {
  background: none;

  border-bottom: 1px solid #000;

  border-radius: 0;

  color: #223445;
}

.product_description_detail .nav-pills>li>a {
  border-bottom: 1px solid #ccc;

  border-radius: 0;

  color: #223445;

  font-family: 'MavenPro', 'IBMPlexSansThai';

  font-size: 16px;

  padding: 15px;
}

.product_description_detail .nav-pills>li>a.last_tab {
  border-left: 1px solid #ccc;
}

.product_description_detail .nav-pills li.active::before {
  content: "";

  position: absolute;

  bottom: -7px;

  left: 50%;

  width: 0;

  height: 0;

  border-left: 7px solid transparent;

  border-right: 7px solid transparent;

  border-top: 7px solid #000;
}

.product_description_detail .tab-content {
  padding-top: 60px;

  font-family: "kanitlight";
}

.set_fixed {
  position: fixed;

  background: #fff;

  width: 100%;

  top: 0;

  z-index: 99;
}

.social_share {
  margin-top: 30px;

  margin-bottom: 50px;

  text-align: center;
}

.social_share a {
  padding: 10px 12px;

  border-radius: 50%;

  background: #ccc;

  margin: 0 5px;

  transition: all 0.6s;
}

.social_share a:hover {
  text-decoration: none;

  background: #000;
}

.social_share a i {
  color: #fff;
}

.social_share h4 {
  font-family: "cali-regular";

  font-size: 18px;

  color: #223445;

  margin-bottom: 30px;
}

.product-list {
  margin-top: -15px;
}

.cart_list_mobile {
  padding: 15px;
}

.breadcrumb>li+li:before {
  content: "\f105";

  color: #6e6e6e;
}

.breadcrumb_content {
  padding: 0;
}

.breadcrumb {
  text-align: left;

  margin-top: 20px;
}

.breadcrumb>li>a {
  font-family: 'MavenPro', 'IBMPlexSansThai';

  /*font-size: 16px;*/

  color: #747474;
}

.breadcrumb>li {
  font-family: 'MavenPro', 'IBMPlexSansThai';

  /*font-size: 16px;*/

  color: #747474;
}

/*===Compare Style===*/

.product-compare {
  font-family: 'MavenPro', 'IBMPlexSansThai';
}

.product-compare .bordered {
  border-radius: 5px;

  border: 1px solid #ccc;
}

.bordered .product-name,
.bordered .product-price,
.bordered .wishlist-btn {
  padding: 0 15px 0 15px !important;

  min-height: 40px;
}

.specification-panel {
  font-family: 'MavenPro', 'IBMPlexSansThai';

  background: #26A9E0;

  /*height: 250px;*/

  margin-top: 40px;

  padding-top: 60px;

  padding-bottom: 80px;

  clear: both;
}

.specification {
  color: #223445;
}

.spec-top {
  font-family: 'MavenPro', 'IBMPlexSansThai';
}

.group-spec-top {
  color: #223445;

  height: 70px;

  background: #fffaec;

  padding: 10px 15px 0 15px !important;
}

.group-spec-top label {
  font-size: 11px;

  margin-bottom: 5px;
}

.group-spec-top div {
  font-size: 14px;

  font-weight: bold;
}

.spec {
  font-family: 'MavenPro', 'IBMPlexSansThai';

  padding: 0px 15px 0 15px !important;
}

.group-spec {
  padding-top: 20px !important;

  border-bottom: 1px solid #eee;

  color: #223445;

  height: 90px;
}

.group-spec label {
  font-size: 11px;

  margin-bottom: 5px;
}

.group-spec div {
  color: #a3a1a2;

  font-size: 14px;

  /*font-weight: bold;*/
}

.btn-add-to-cart,
.add-login {
  background: #f3f3f3;

  border-radius: 0px 0px 3px 3px;

  padding: 20px;
}

.addtocart {
  background: red;

  font-weight: bold;

  color: #fff;

  padding: 10px;

  width: 150px;

  border-bottom: 3px solid #b3050e;

  border-radius: 3px;
}

.addtocart:hover {
  color: #fff;

  background: red;
}

.product-compare .compare-title {
  font-family: 'MavenPro', 'IBMPlexSansThai';
}

.product-compare .compare-title h1 {
  font-family: 'MavenPro Bold', 'IBMPlexSansThai Bold';

  font-weight: bolder;
}

.compare-total {
  color: #26A9E0;
}

.clear-compare {
  font-family: 'MavenPro', 'IBMPlexSansThai';

  position: absolute;

  width: 100px;

  height: 35px;

  top: 25px;

  right: 15px;

  font-weight: 600;

  border-radius: 3px;

  background: #e8e7e3;
}

.product-compare .product-name a {
  font-family: 'MavenPro', 'IBMPlexSansThai';

  color: #223445;

  font-weight: 600;

  text-decoration: none;
}

.product-compare .sell-price {
  font-family: 'MavenPro', 'IBMPlexSansThai';

  color: #223445;

  font-size: 22px;

  font-weight: bold;

  line-height: 2.5;
}

.product-compare .spacification {
  font-family: 'MavenPro', 'IBMPlexSansThai';

  color: #ffffff;

  background: #26A9E0;

  padding: 14px 15px 0 15px !important;

  height: 50px;

  font-size: 18px;

  font-weight: bolder;
}

.compare_fav {
  font-family: 'MavenPro', 'IBMPlexSansThai';

  text-align: left;

  padding-top: 16px;
}

.compare_fav a {
  text-decoration: none;

  color: #898586;

  font-weight: 300;
}

/*===Compare Style===*/

#warp-content {
  margin-bottom: 70px;
}

.home_content_detail {
  margin-top: 50px;
}

.btn-yellow {
  background: #26A9E0;

  width: 100%;

  height: 45px;

  border-radius: 5px;

  font-weight: 600;

  font-size: 16px;

  color: #223445;
}

.txt_copy {
  display: inline-block;

  float: right;
}

.articletime {
  font-family: 'IBMPlexSansThai';

  font-size: 14px;

  color: #9c9999;
}

.web-title-bar {
  font-family: 'MavenPro', 'IBMPlexSansThai';

  margin-top: 10px;

  margin-bottom: 0px;

  border-bottom: none;
}

.web-title-bar h1 {
  font-size: 36px;

  color: #223445;

  /* text-transform: uppercase; */

  letter-spacing: 4px;
}

.table_cart_list {
  font-family: 'IBMPlexSansThai', "MavenPro";

  font-size: 16px;

  margin-bottom: 0;
}

.table_cart_list thead {
  background: #ffffff;
}

.table_cart_list thead tr th {
  font-family: 'MavenPro', 'IBMPlexSansThai';

  font-size: 16px;

  font-weight: 300;

  color: #a3a1a2;

  text-transform: uppercase;

  border-bottom: none;
}

.table_cart_list tbody tr td {
  border-bottom: 1px solid #f1f1f1;

  border-top: none;

  padding-top: 20px;
  color: #223445;
  vertical-align: middle;
}

.option_txt {
  font-family: 'MavenPro', 'IBMPlexSansThai';

  font-size: 15px;

  color: #747474;

  margin-bottom: 0px;
}

.table_cart_list tbody tr td h4 {
  font-family: 'MavenPro', 'IBMPlexSansThai';
}

.input-qty .btn-minus,
.input-qty .btn-plus {
  border-radius: 0;

  padding: 6px 15px;
}

.input-qty>input.form-control {
  /*font-family: 'cali-regular';*/

  border: 1px solid #ccc;

  color: #223445;
}

.sub_total_cartlist h3 {
  font-family: 'IBMPlexSansThai', "MavenPro" !important;

  font-size: 16px;

  margin: 0;
}

.table_cart_list tbody tr.sub_total_cartlist td {
  padding-top: 10px;
}

.sum_table_cart_detail {
  margin-top: 20px;

  padding-right: 0;
}

.btn_check_out_cartlist {
  margin-top: 30px;

  margin-bottom: 50px;

  padding: 0;
}

.btn_check_out_cartlist_style {
  background: #e61906;

  /*border: 1px solid #a50e00;*/

  border-radius: 5px;

  float: right;

  font-family: 'IBMPlexSansThai', "MavenPro";

  text-align: center;

  text-transform: uppercase;

  font-size: 20px;

  color: #fff;

  padding: 15px 20px;

  width: 250px;

  height: 60px;

  transition: all 0.6s;
}

.btn_check_out_cartlist_style:hover {
  text-decoration: none;

  color: #fff;

  background: #333333;

  box-shadow: 2px 3px 5px #ccc;
}

.btn_continue_cartlist_style {
  background: #fff;

  border: 1px solid #ccc;

  border-radius: 5px;

  float: left;

  font-family: 'IBMPlexSansThai', "MavenPro";

  text-align: center;

  text-transform: uppercase;

  font-size: 17px;

  color: #999;

  padding: 8px 20px;

  /* width: 165px; */

  height: 40px;

  transition: all 0.6s;
}

.btn_continue_cartlist_style:hover {
  text-decoration: none;

  color: #fff;

  background: #333333;

  box-shadow: 2px 3px 5px #ccc;
}

.title_checkout {
  margin-bottom: 20px;

  color: #223445;

  font-family: 'IBMPlexSansThai', "MavenPro";

  font-size: 18px;

  text-transform: uppercase;

  border-bottom: 1px solid #26A9E0;

  line-height: 2;

  display: flex;
  align-items: center;
  /* จัดแนวให้กลางแนวดิ่ง */
  gap: 8px;
  /* ระยะห่างระหว่างข้อความกับ validate */


}

.title_checkout>.validate {
  font-size: 0.8em !important;
}

#box-order-sum {
  background: none;
}

.btn_default {
  background: #000;

  font-family: 'IBMPlexSansThai', "MavenPro";

  text-align: center;

  text-transform: uppercase;

  font-size: 16px;

  color: #fff;

  padding: 12px 20px;

  transition: all 0.6s;
}

.btn_default:hover {
  color: #fff;

  text-decoration: none;

  background: #747474;
}

.login_btn_set {
  text-align: center;

  margin-top: 30px;

  margin-bottom: 50px;
}

#login-box-page {
  margin-bottom: 70px;

  text-align: center;
}

.form-control::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */

  font-family: "cali-light";

  font-size: 16px;

  opacity: 1;

  /* Firefox */
}

.form-control:-ms-input-placeholder {
  /* Internet Explorer 10-11 */

  font-family: 'MavenPro', 'IBMPlexSansThai' !important;

  font-size: 16px;
}

.form-control::-ms-input-placeholder {
  /* Microsoft Edge */

  font-family: 'MavenPro', 'IBMPlexSansThai' !important;

  font-size: 16px;
}

.forgot_link a {
  font-family: 'MavenPro', 'IBMPlexSansThai' !important;

  font-size: 16px;
}

.order_product_list {
  margin-bottom: 20px !important;

  border-bottom: 1px solid #ddd;

  padding-bottom: 20px;
}

.order_product_list .txt_order_option {
  font-family: 'MavenPro', 'IBMPlexSansThai' !important;

  font-size: 14px;

  color: #747474;

  margin-bottom: -8px;
}

.order_product_list span.txt_order_sum_product,
.txt_order_sum_product {
  font-family: 'MavenPro', 'IBMPlexSansThai' !important;

  color: #223445 !important;

  font-size: 14px;

  margin-bottom: 0;

  line-height: 1.4;

  font-weight: 600;
}

.table_sum_order_list td {
  border-top: none !important;

  padding: 8px 15px !important;
}

.table_sum_order_list {
  font-family: 'IBMPlexSansThai' !important;

  font-size: 15px;

  color: #223445;
}

.order_sum_grand_total {
  border-top: 1px solid #9c9c9c;

  border-bottom: 1px solid #9c9c9c;

  padding: 15px 0;
}

.order_sum_grand_total p {
  margin: 0;

  font-family: 'MavenPro', 'IBMPlexSansThai' !important;

  color: #223445 !important;

  font-size: 20px;
}

.order_sum_list {
  margin-bottom: 0;
}

.checkemail-btn,
.checkout-btn {
  /*background: #747474;*/

  width: 100%;

  /*color: #FFF;*/

  padding: 12px;

  font-family: 'MavenPro', 'IBMPlexSansThai' !important;

  color: #fff;

  font-size: 20px;

  text-transform: uppercase;

  transition: all 0.6s;
}

.checkemail-btn:hover,
.checkout-btn:hover {
  background: #000;

  color: #fff;
}

.account_menu {
  cursor: pointer;
}

.sub-account {
  /* opacity: 0; */

  display: none;

  position: absolute;

  top: 0px;

  z-index: 9;

  background: #fff;

  transition: all 0.4s;

  padding: 15px;

  box-shadow: 0px 3px 3px rgba(190, 190, 190, 0.6);

  -webkit-box-shadow: 0px 3px 3px rgba(190, 190, 190, 0.6);

  -moz-box-shadow: 0px 3px 3px rgba(190, 190, 190, 0.6);

  min-width: 180px;

  cursor: pointer;
}

.account_menu:hover .sub-account {
  /* opacity: 1; */

  display: block;
}

.account_menu .sub-account li {
  cursor: pointer;

  list-style: none;

  padding-bottom: 10px;
}

.account_menu .sub-account li a {
  transition: all 0.6s;
}

.account_menu .sub-account li a:hover {
  color: #2a338c;
}

.btn_sold_out {
  font-family: 'MavenPro', 'IBMPlexSansThai' !important;

  font-size: 18px;

  /* display: block; */

  width: 70%;

  color: #fff;

  padding: 7px;

  background: red;

  opacity: 1 !important;
}

.btn_sold_out:hover {
  color: #fff;

  background: red !important;
}

.product-img-set img {
  -webkit-transition: opacity 0.5s ease-in-out;

  -moz-transition: opacity 0.5s ease-in-out;

  -o-transition: opacity 0.5s ease-in-out;

  transition: opacity 0.5s ease-in-out;
}

.product-img-set img.top-img {
  position: relative;

  z-index: 1;
}

.product-img-set:hover img.top-img {
  opacity: 0;
}

.product-img-set img.bottom-img {
  position: absolute;

  top: 0;
}

.bootstrap-dialog.type-danger .modal-header {
  background: #26A9E0;

  font-size: 18px;

  font-family: 'MavenPro', 'IBMPlexSansThai' !important;
}

.bootstrap-dialog .bootstrap-dialog-message {
  font-family: 'MavenPro', 'IBMPlexSansThai' !important;

  font-size: 16px;
}

.bootstrap-dialog-footer-buttons {
  text-align: center;
}

.bootstrap-dialog-footer-buttons .btn-warning {
  background: #000;

  font-family: 'MavenPro', 'IBMPlexSansThai' !important;

  font-size: 16px;

  border: none;

  transition: all 0.6s;
}

.bootstrap-dialog .bootstrap-dialog-title {
  color: #223445;

  display: inline-block;

  font-size: 16px;
}

.bootstrap-dialog-footer-buttons .btn-warning:hover {
  background: #747474;
}

.bootstrap-dialog-footer-buttons .btn-warning:focus {
  background: #747474;
}

.bootstrap-dialog.type-primary .modal-header {
  background: #26A9E0;

  font-size: 18px;

  font-family: 'MavenPro', 'IBMPlexSansThai' !important;
}

.bootstrap-dialog-footer-buttons .btn-primary {
  background: #757575;

  font-family: 'MavenPro', 'IBMPlexSansThai' !important;

  font-size: 16px;

  border: none;

  padding: 7px 25px;

  transition: all 0.6s;
}

.bootstrap-dialog-footer-buttons .btn-primary:hover {
  background: #000;
}

.bootstrap-dialog-footer-buttons .btn-default {
  font-family: 'MavenPro', 'IBMPlexSansThai' !important;

  font-size: 16px;

  text-transform: uppercase;
}

.title_account {
  text-align: center;
}

.title_account h3 {
  font-family: 'MavenPro', 'IBMPlexSansThai' !important;

  font-size: 20px;

  font-weight: bold;
}

.btn-default-set {
  padding: 7px 25px;

  border-top: 1px solid #757575;

  background: #757575;

  transition: all 0.6s;

  color: #fff;

  font-family: 'MavenPro', 'IBMPlexSansThai' !important;

  font-size: 16px;

  text-transform: uppercase;
}

.modal-content {
  border: none;
}

.btn-compair {
  background: #26A9E0;

  color: #ffffff;

  border-radius: 3px;

  border: 1px solid #26A9E0;

  font-size: 14px;

  position: fixed;

  bottom: 16px;

  left: 15px;

  z-index: 1;

  height: 41px;

  padding-top: 8px;
}

.btn-compair a {
  text-decoration: none;

  color: #fff;
}

.btn-compair:hover {
  background: #333333;
}

.compairab {
  position: fixed;

  bottom: 46px;

  left: 25px;

  z-index: 10;

  font-size: 10px;

  text-align: center;

  width: 20px;

  height: 20px;

  color: #fff;

  padding-top: 4px;

  background: #333333;

  border-radius: 50%;
}

.btn-default-set:hover {
  background: #000;

  color: #fff;
}

.bg_order_history {
  margin-bottom: 30px;

  width: 100%;

  border: 1px solid #26A9E0;

  border-radius: 5px;
}

.total_grand_history {
  /* border-bottom: 2px solid #ddd; */

  background: #26A9E0;
}

.total_grand_history_text {
  color: #223445;

  text-transform: uppercase;
}

.couponbtn {
  background-color: #26A9E0;

  color: #ffffff;

  cursor: pointer;

  padding: 21px 10px 20px 10px;

  font-weight: bolder;

  -webkit-transition: all 0.25s;

  -moz-transition: all 0.25s;

  -ms-transition: all 0.25s;

  -o-transition: all 0.25s;

  transition: all 0.25s;
}

.couponbtn:hover {
  background-color: #333333;

  -webkit-transition: all 0.25s;

  -moz-transition: all 0.25s;

  -ms-transition: all 0.25s;

  -o-transition: all 0.25s;

  transition: all 0.25s;
}

div.wh-widget-send-button-wrapper div.wh-widget-send-button-wrapper-list>a.wh-widget-button div.wh-widget-button-icon.wh-messenger-bg-call {
  background-color: #333333 !important;
}

.unradius {
  border-radius: 0px !important;
}

.panel-coupon {
  /*border: 1px solid #79000b;*/
}

.panelnone {
  border: none !important;
}

.panelx {
  padding: 10px 0px 8px 10px;

  background: #fff;

  border: 1px solid #26A9E0;
}

.panel-coupon-already {
  border: 1px solid #757575 !important;
}

.panel-coupon>.panel-heading {
  color: #fff;

  background-color: #b30616;

  border-color: #79000b;
}

.panel-coupon>.panel-body {
  padding: 0px !important;
}

pre {
  padding: 10px;
}

/*------SENTEL CUSTOM BY POL--------*/

.pl-0 {
  padding-left: 0px !important;
}

.pr-0 {
  padding-right: 0px !important;
}

.imgleft {
  float: left;

  margin-right: 5px;
}

.deliverytab {
  margin-top: 30px;

  margin-bottom: 30px;
}

.txtshop {
  padding-top: 7px;

  font-family: 'IBMPlexSansThai';

  font-weight: 500;

  font-size: 16px;
}

.txtshop p {
  margin-bottom: 0px;
}

.txtshop .ss1 {
  color: #223445;
}

.txtshop .ss2 {
  color: #9c9999;

  font-weight: 400;
}

::placeholder {
  color: #223445 !important;
}

.newArticle .txthead {
  font-family: 'IBMPlexSansThai', "sans-serif";

  font-size: 16px;

  margin-top: 10px;

  color: #223445;
}

.newArticle .txtdate {
  font-family: 'MavenPro', 'IBMPlexSansThai';

  font-size: 12px;

  color: #afadad;

  margin-bottom: 10px;
}

.newArticle .txtbighead {
  font-family: 'IBMPlexSansThai', 'IBMPlexSansThai';

  background: #333333;

  color: #ffffff;

  margin-bottom: 20px;

  padding: 35px;

  font-size: 24px;

  font-weight: 200;
}

.newArticle .txtbigdate {
  font-family: 'MavenPro', 'IBMPlexSansThai';

  color: #26A9E0;

  font-size: 12px;
}

.newArticle a:hover {
  text-decoration: none;
}

.newArticle .articleAll {
  margin-top: 20px;
}

.newArticle .articleAll a {
  font-family: 'MavenPro', 'IBMPlexSansThai';

  font-size: 16px;

  color: #223445;

  text-decoration: underline;
}

.newArticleMobile .txtbighead {
  font-family: 'MavenPro', 'IBMPlexSansThai';

  background: #223445;

  color: #ffffff;

  margin-bottom: 20px;

  padding: 15px;

  font-size: 18px;

  font-weight: 400;
}

.newArticleMobile .txtbigdate {
  font-family: 'MavenPro', 'IBMPlexSansThai';

  color: #26A9E0;

  font-size: 12px;
}

.newArticleMobile .txthead {
  font-family: 'IBMPlexSansThai', "sans-serif";

  font-size: 16px;

  margin-top: 10px;

  color: #223445;
}

.newArticleMobile .txtdate {
  font-family: 'MavenPro', 'IBMPlexSansThai';

  font-size: 12px;

  color: #afadad;

  margin-bottom: 10px;
}

.shadowsline {
  z-index: 10000;

  box-shadow: 0 0 3px #000;
}

.cart-num {
  position: absolute;

  right: -5px;

  top: -10px;

  font-size: 14px;

  width: 20px;

  height: 20px;

  text-align: center;

  border-radius: 50%;

  background: #26A9E0;

  font-family: 'IBMPlexSansThai', "MavenPro";

  padding-top: 1px;

  padding-left: 1px;

  color: white;
}

.cart-num2 {
  position: absolute;

  right: -8px;

  top: -10px;

  font-size: 14px;

  width: 20px;

  height: 20px;

  text-align: center;

  line-height: 18px;

  border-radius: 50%;

  background: #26A9E0;

  border: 1px solid #ccc;
  color: white;

  font-family: 'IBMPlexSansThai', "MavenPro";
}

.wishlist-num {
  position: absolute;
  right: 30px;
  /* left: -5px; */
  top: -10px;
  font-size: 14px;
  width: 20px;
  height: 20px;
  text-align: center;
  border-radius: 50%;
  background: #ffbc13;
  font-family: 'IBMPlexSansThai', "MavenPro";
  padding-top: 1px;
  padding-left: 1px;
  color: white;
}

#owl-product-detail {
  /*margin-top: 30px;*/
}

.owl-carousel,
.owl-carousel .owl-item {
  -webkit-tap-highlight-color: transparent;

  position: initial !important;
}

#navigation.header-6 {
  /*height: 75px;*/

  height: 50px;
}

#navigation.header-6 .menu-header {
  border-bottom: 1px solid #c9c9c9;

  /*height: 75px;*/

  height: 50px;

  display: block;
}

.item-owl {
  /*border:1px solid #ccc;*/

  padding: 10px;

  min-height: 315px;
}

#owl-slide .owl-prev {
  position: absolute;

  left: 30px;

  top: 45%;

  background: transparent;

  color: #fff;

  font-size: 44px;

  transition: all 0.6s;

  border: none;
}

#owl-slide .owl-prev:hover {
  color: #747474;
}

#owl-slide .owl-next {
  position: absolute;

  right: 30px;

  top: 45%;

  background: transparent;

  color: #fff;

  font-size: 44px;

  transition: all 0.6s;

  border: none;
}

#owl-slide .owl-next:hover {
  color: #747474;
}

#owl-slide .owl-nav {
  margin-top: -20px;
}

#owl-slide .owl-dots {
  text-align: center;

  -webkit-tap-highlight-color: transparent;

  position: sticky;

  margin-top: -50px;

  /*position: absolute;

    bottom: 0;

    left: 520px;*/
}

#owl-slide .owl-dots .owl-dot span {
  width: 10px;

  height: 10px;

  background: #ffffff;
}

#owl-slide .owl-dot.active span,
#owl-slide .owl-dot:hover span {
  background: #333333 !important;
}

#owl-slide .owl-dot {
  background: transparent;

  border: none;
}

.owl-next:focus,
.owl-prev:focus,
.owl-dot:focus {
  outline: none !important;
}

/*Banner Small*/

.fadeleft {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0+100;White+to+Transparent */

  background: -moz-linear-gradient(left,
      rgba(255, 255, 255, 1) 0%,
      rgba(255, 255, 255, 0) 100%);

  /* FF3.6-15 */

  background: -webkit-linear-gradient(left,
      rgba(255, 255, 255, 1) 0%,
      rgba(255, 255, 255, 0) 100%);

  /* Chrome10-25,Safari5.1-6 */

  background: linear-gradient(to right,
      rgba(255, 255, 255, 1) 0%,
      rgba(255, 255, 255, 0) 100%);

  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=1);

  /* IE6-9 */

  width: 10%;

  height: 100%;

  position: absolute;

  z-index: 9;
}

.faderight {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0+0,1+100 */

  background: -moz-linear-gradient(left,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 1) 100%);

  /* FF3.6-15 */

  background: -webkit-linear-gradient(left,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 1) 100%);

  /* Chrome10-25,Safari5.1-6 */

  background: linear-gradient(to right,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 1) 100%);

  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=1);

  /* IE6-9 */

  width: 10%;

  height: 100%;

  position: absolute;

  right: 0;

  z-index: 9;
}

/*Banner Small*/

.mr-1 {
  margin-right: 5px;
}

.mr-2 {
  margin-right: 10px;
}

.mr-3 {
  margin-right: 15px;
}

.mb-1 {
  margin-bottom: 10px;
}

.mb-2 {
  margin-bottom: 20px;
}

.mb-3 {
  margin-bottom: 30px;
}

.ordernowbtn {
  font-family: 'MavenPro', 'IBMPlexSansThai';

  font-size: 12px;

  font-weight: 600;

  color: #223445;

  letter-spacing: 1.5px;

  text-decoration-color: #26A9E0;

  text-decoration: none;

  padding-bottom: 6px;
}

/* 
.ordernowline {

    background: url(/assets/theme/default/images/underline.png) bottom repeat-x;

} */

.ordernowbtn:hover {
  color: #5a4b38;

  text-decoration: none;

  padding-bottom: 8px;
}

.banner-left,
.banner-right {
  padding: 0px;
}

.search-bar {
  /*position: relative;*/
  position: absolute;

  z-index: 2;

  /*top: -42px;*/

  left: 600px;

  font-family: 'MavenPro', 'IBMPlexSansThai';
}

.search-ico {
  position: absolute;

  left: 360px;

  top: 10px;

  z-index: 3;

  color: #999;

  font-size: 18px;
}

.search-btn {
  position: absolute;

  left: 320px;

  top: 2px;

  opacity: 0;

  z-index: 4;
}

.search-input {
  width: 400px;

  border-radius: 30px;

  /*border: none;*/

  padding: 20px;

  /*    -webkit-transition: all .25s ease-in-out;

    -moz-transition: all .25s ease-in-out;

    -ms-transition: all .25s ease-in-out;

    -o-transition: all .25s ease-in-out;

    transition: all .25s ease-in-out;*/
}

.search-input::placeholder {
  font-family: 'IBMPlexSansThai', sans-serif !important;

  font-size: 14px;
}

.preorder-tab {
  background-color: #f3f3f3;
}

.bestseller-tab {
  background-color: #ffffff;
}

.bestseller-tab .sell-price {
  /*color: #FFFFFF !important;*/
}

.preorder-tab h2 {
  font-family: 'MavenPro', 'IBMPlexSansThai';

  color: #26A9E0;

  font-size: 26px;
}

.preorder-tab p {
  font-family: 'MavenPro', 'IBMPlexSansThai';
}

.preorder-tab .p1 {
  color: #223445;

  font-size: 30px;

  font-weight: 500;
}

.preorder-tab .p2 {
  font-family: 'IBMPlexSansThai';

  color: #223445;

  font-size: 18px;
}

.preorder-tab .p3 {
  color: #26A9E0;

  font-size: 18px;

  font-weight: 500;
}

#bannercenter .owl-prev {
  position: absolute;

  left: 25px;

  top: 40%;

  background: transparent;

  color: #ffffff;

  font-size: 44px;

  transition: all 0.6s;

  border: none;
}

#bannercenter .owl-next {
  position: absolute;

  right: 20px;

  top: 40%;

  background: transparent;

  color: #ffffff;

  font-size: 44px;

  transition: all 0.6s;

  border: none;
}

#bannercenter .owl-dots {
  position: relative;

  bottom: 25px;

  margin-top: -25px;
}

#productbestbanner .owl-prev,
#preorderbanner .owl-prev {
  position: absolute;

  left: -335px;

  top: 38%;

  background: transparent;

  color: #747474;

  font-size: 44px;

  transition: all 0.6s;

  border: none;
}

#shopbybrand .owl-prev,
#producttab_4 .owl-prev,
#producttab_covid .owl-prev,
#producttab_5 .owl-prev,
#ProductDisplayOther .owl-prev {
  position: absolute;

  left: -40px;

  top: 38%;

  background: transparent;

  color: #747474;

  font-size: 44px;

  transition: all 0.6s;

  border: none;
}

#producttab_8 .owl-prev,
#producttab_9 .owl-prev {
  position: absolute;

  left: -40px;

  top: 38%;

  background: transparent;

  color: #747474;

  font-size: 44px;

  transition: all 0.6s;

  border: none;
}

#shopbybrand .owl-prev {
  left: -40px;

  top: -20px;
}

#shopbybrand .owl-prev:hover,
#producttab_4 .owl-prev:hover,
#producttab_covid .owl-prev:hover,
#producttab_5 .owl-prev:hover,
#producttab_8 .owl-prev:hover,
#producttab_9 .owl-prev:hover,
#productbestbanner .owl-prev:hover,
#preorderbanner .owl-prev:hover,
#productflashsale .owl-prev:hover,
#ProductDisplayOther .owl-prev:hover {
  color: #747474;
}

#shopbybrand .owl-next,
#producttab_4 .owl-next,
#producttab_covid .owl-next,
#producttab_5 .owl-next,
#producttab_8 .owl-next,
#producttab_9 .owl-next,
#productbestbanner .owl-next,
#preorderbanner .owl-next,
#ProductDisplayOther .owl-next {
  position: absolute;

  right: -40px;

  top: 38%;

  background: transparent;

  color: #747474;

  font-size: 44px;

  transition: all 0.6s;

  border: none;
}

#shopbybrand .owl-next {
  top: -20px;
}

#shopbybrand .owl-next:hover,
#producttab_4 .owl-next:hover,
#producttab_covid .owl-next,
#producttab_5 .owl-next:hover,
#producttab_8 .owl-next:hover,
#producttab_9 .owl-next:hover,
#productbestbanner .owl-next:hover,
#preorderbanner .owl-next:hover,
#productflashsale .owl-next:hover,
#ProductDisplayOther .owl-next:hover {
  color: #747474;
}

#shopbybrand .owl-nav,
#producttab_4 .owl-nav,
#producttab_covid .owl-next,
#producttab_5 .owl-nav,
#producttab_8 .owl-nav,
#producttab_9 .owl-nav,
#productbestbanner .owl-nav,
#preorderbanner .owl-nav,
#productflashsale .owl-nav,
#ProductDisplayOther .owl-nav {
  margin-top: -20px;
}

#producttab_9 .ordernowbtn {
  padding-bottom: 2px;
}

#productbestbanner .owl-dots,
#preorderbanner .owl-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent;
  position: absolute;
  bottom: 50px;
  left: 120px;
}

#productbestbanner .owl-prev,
#productnewbanner .owl-prev,
#productflashsale .owl-prev {
  position: absolute;
  left: -40px;
  top: 38%;
  background: transparent;
  color: #747474;
  font-size: 44px;
  transition: all 0.6s;
  border: none;
}

#productbestbanner .owl-next,
#productnewbanner .owl-next,
#productflashsale .owl-next {
  position: absolute;
  right: -40px;
  top: 38%;
  background: transparent;
  color: #747474;
  font-size: 44px;
  transition: all 0.6s;
  border: none;
}

.comparebtn {
  width: 23px !important;
  float: left;
  margin-right: 20px;
}

.product_list_set:hover .btnshop {
  opacity: 1;
  top: 20px;
  left: 22px;
}

.btnshop {
  position: absolute;
  z-index: 999;
  top: 0px;
  opacity: 0;
  left: 22px;
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  -ms-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
}

.boxletter {
  margin-top: 25px;
}

.boxletterinput {
  padding: 23px;

  padding-left: 50px;

  border: 0;

  border-radius: 4px 0px 0px 4px !important;
}

.pagination>li>a,
.pagination>li>span {
  position: relative;

  float: left;

  padding: 6px 12px;

  margin-left: -1px;

  line-height: 1.42857143;

  color: #223445;

  text-decoration: none;

  border: none;

  font-size: 14px;

  font-weight: bold;

  margin-left: 5px;

  margin-right: 5px;
}

.pagination>li>a:hover,
.pagination>li>span:hover,
.pagination>li>a:focus,
.pagination>li>span:focus {
  z-index: 2;

  color: #223445;

  background-color: #26A9E0;

  padding: 6px 12px;

  border-radius: 50%;
}

.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
  border: none;

  padding: 6px 12px;

  background: #26A9E0;

  border-radius: 50%;

  color: #fff;

  font-weight: bold;

  font-family: 'MavenPro', 'IBMPlexSansThai';

  font-size: 14px;

  text-decoration: none;

  margin-left: 5px;

  margin-right: 5px;
}

.logo_small {
  position: fixed;

  z-index: 1051;

  top: 14px;

  /*left: 30px;*/

  opacity: 0;

  transform: rotate3d(0, 1, 0, 271deg);

  width: 200px;

  /*    -webkit-transition: all .25s ease-in;

    -moz-transition: all .25s ease-in;

    -ms-transition: all .25s ease-in;

    -o-transition: all .25s ease-in;

    transition: all .25s ease-in;*/
}

#ModalLogin .modal-content {
  border-top-left-radius: 100px;
}

#ModalLogin .modal-dialog {
  width: 900px;

  height: 666px;
}

#ModalLogin .close {
  position: absolute;

  top: 10px;

  right: 14px;

  /*font-size: 30px;*/

  font-weight: lighter;

  /*color: #747474;*/

  color: #223445;

  font-size: 55px;

  font-weight: 400;

  opacity: 1;
}

#ModalLogin .boxlogin {
  width: 317px;

  height: 55px;

  border-radius: 5px;

  margin: auto;

  margin-bottom: 20px;
}

#ModalLogin .btnlogin {
  width: 317px;

  height: 55px;

  border-radius: 5px;

  background: #4366ac;

  color: #223445;

  font-weight: 500;

  font-size: 16px;
}

#Regis .btnfacebook {
  width: 280px;

  height: 45px;

  padding-left: 30px;

  border-radius: 3px;

  background: #1977f3;

  color: #ffffff;

  font-weight: 500;

  font-size: 16px;
}

#Regis .btngoogle {
  width: 280px;

  height: 45px;

  padding-left: 30px;

  border-radius: 3px;

  background: #f04335;

  color: #ffffff;

  font-weight: 500;

  font-size: 16px;
}

.btn-regis {
  font-family: 'MavenPro', 'IBMPlexSansThai';

  width: 100%;

  color: #223445;

  background: #4366ac;

  font-weight: bold;
}

#ModalLogin .btnfacebook {
  width: 317px;

  height: 55px;

  padding-left: 50px;

  border-radius: 5px;

  background: #1977f3;

  color: #ffffff;

  font-weight: 500;

  font-size: 16px;
}

#ModalLogin .btngoogle {
  width: 317px;

  height: 55px;

  padding-left: 50px;

  border-radius: 5px;

  background: #f04335;

  color: #ffffff;

  font-weight: 500;

  font-size: 16px;
}

#ModalLogin .txtlabel,
#Regis .txtlabel {
  font-family: 'MavenPro', 'IBMPlexSansThai';

  color: #a8a8a8;
}

#ModalLogin .txtlink,
#Regis .txtlink {
  font-family: 'MavenPro', 'IBMPlexSansThai';

  color: #26A9E0;

  font-size: 15px;

  font-weight: 400;

  letter-spacing: 1.5px;

  text-decoration-color: #26A9E0;

  text-decoration: none;

  padding-bottom: 3px;

  background: url(/assets/theme/default/images/underline.png) bottom repeat-x;
}

#Regis a:hover,
#Regis a:focus {
  color: #26A9E0;

  text-decoration: none;
}

.magnifier {
  background: #fff;
}

.selectImgs:focus {
  outline: 1px solid #ccc !important;
}

/*.form-control-placeholder {

    font-family:  'MavenPro','IBMPlexSansThai' !important;

}*/

input:placeholder-shown+.form-control-placeholder {
  font-family: 'MavenPro', 'IBMPlexSansThai' !important;

  position: absolute;

  pointer-events: none;

  left: 293px;

  text-align: center;

  top: 17px;

  color: #999;

  font-size: 16px;

  font-weight: 400;

  transition: 0.2s ease all;
}

input+.form-control-placeholder,
.form-control:focus+.form-control-placeholder {
  font-family: 'MavenPro', 'IBMPlexSansThai' !important;

  position: absolute;

  top: 6px;

  bottom: 10px;

  left: 287px;

  font-size: 12px;

  font-weight: 400;

  opacity: 1;

  color: #999;
}

.formtxt {
  width: 100%;

  position: relative;
}

/*input:focus~.floating-label,

input:not(:focus):valid~.floating-label

{

    top: 6px;

    bottom: 10px;

    left: 287px;

    font-size: 12px;

    opacity: 1;

    color: #999;

}*/

/*.floating-label {

    font-family:  'MavenPro','IBMPlexSansThai' !important;

    position: absolute;

    pointer-events: none;

    left: 293px;

    text-align: center;

    top: 17px;

    color: #999;

    transition: 0.2s ease all;

}

*/

.inputText {
  font-family: 'MavenPro', 'IBMPlexSansThai' !important;

  width: 317px;

  height: 55px;

  margin: auto;

  border-radius: 5px;

  border: 1px solid #ccc;

  padding-left: 10px;

  padding-top: 20px;

  color: #223445;
}

.txtloginor {
  font-family: 'MavenPro', 'IBMPlexSansThai' !important;

  font-size: 18px;

  color: #afafaf;
}

/*#ModalLogin input::placeholder {

  font-family:  'MavenPro','IBMPlexSansThai' !important;

  color : #a8a8a8;

  font-size: 10px;

}*/

/*input::placeholder {

  font-family:  'MavenPro','IBMPlexSansThai' !important;

  color : #a8a8a8;

  font-size: 6px;

  padding-top: 0px;

}*/

/*========== Menu For Scroll Down ============*/

/*.wrapper-boxed .header-style-header-6*/

.activefixed {
  /* position: fixed; */

  position: absolute;

  background-color: #26A9E0;

  z-index: 1050;

  width: 100%;

  top: -100px;

  -webkit-transition: all 0.25s ease-in-out;

  -moz-transition: all 0.25s ease-in-out;

  -ms-transition: all 0.25s ease-in-out;

  -o-transition: all 0.25s ease-in-out;

  transition: all 0.25s ease-in-out;
}

.activedown {
  top: 0px !important;
}

.bg-text {
  background: #ffffff;

  height: 120px;

  width: 100%;

  top: 0;

  position: fixed;

  z-index: 900;

  box-shadow: 0px 0px 5px #6b6b6b;
}

/*#navigation.header-6 .menu-header*/

.addbg {
  background-color: #26A9E0;

  box-shadow: 0 2px 5px #26A9E0 !important;

  border: none !important;

  height: 70px !important;

  padding-top: 10px;
}

.activetop {
  position: fixed;

  /*right: 60px;*/

  /*right: 10%;*/

  font-family: 'MavenPro', 'IBMPlexSansThai';

  font-size: 14px;

  font-weight: 600;

  color: #4f3d1d;

  z-index: 1051;
}

.activett {
  position: fixed;

  z-index: 1051;

  top: 14px;

  /*left: 200px;*/
  left: 40%;
}

.logo_small {
  left: 65px;
}

.menux-left {
  margin-left: 35px !important;
}

.dealright {
  position: absolute;

  right: 10%;

  top: 14px;
}

#btn-product-type {
  display: inline-block;

  font-family: 'MavenPro', 'IBMPlexSansThai';

  height: 50px;

  width: 120px;

  font-size: 16px;

  color: #ffffff !important;

  background: #0057f8 !important;

  padding: 10px;

  border-radius: 3px;

  border: none;

  transition: all 0.6s;

  font-weight: bold;

  border-radius: 50px;
}

/*Best seller */

.bestseller_banner {
  background: #0038C6;

  color: white;

  border-radius: 4px 4px 0px 0px;

  padding: 14px 0px 10px 100px;

  font-size: 20px;

  font-weight: 600;

  margin-top: 20px;

  border-bottom: 3px solid #26A9E0;
}

.img-bestseller {
  position: absolute;

  top: -38px;

  left: -85px;
}

#producttab_4 .owl-item,
#producttab_covid .owl-item,
#producttab_5 .owl-item,
#producttab_8 .owl-item,
#producttab_9 .owl-item,
#ProductDisplayOther .owl-item {
  padding: 0px 18px 0px 18px !important;
}

#producttab_4 .owl-stage-outer,
#producttab_covid .owl-stage-outer,
#producttab_5 .owl-stage-outer,
#ProductDisplayOther .owl-stage-outer {
  margin-top: 40px;
}

#producttab_8 .owl-stage-outer,
#producttab_9 .owl-stage-outer {
  margin-top: 0px;

  margin-bottom: 20px;
}

#producttab_4 .owl-dots,
#producttab_covid .owl-dots,
#producttab_5 .owl-dots,
#ProductDisplayOther .owl-dots {
  position: absolute;

  top: -55px;

  right: 10px;
}

#producttab_8 .owl-dots,
#producttab_9 .owl-dots {
  position: absolute;
  bottom: -30px;
  width: 100%;
}

#producttab_4 .owl-dot.active span,
#producttab_covid .owl-dot.active span,
.owl-dot:hover span,
#producttab_5 .owl-dot.active span,
.owl-dot:hover span,
#producttab_8 .owl-dot.active span,
.owl-dot:hover span,
#producttab_9 .owl-dot.active span,
.owl-dot:hover span,
#ProductDisplayOther .owl-dot.active span,
.owl-dot:hover span {
  background: #333333 !important;
}

#producttab_4 .owl-dot span,
#producttab_covid .owl-dot span,
#producttab_5 .owl-dot span,
#producttab_8 .owl-dot span,
#ProductDisplayOther .owl-dot span {
  background: #ffffff !important;

  margin: 5px 5px;
}

#producttab_9 .owl-dot span {
  background: #26A9E0 !important;

  margin: 5px 5px;
}

.allcategory {
  margin-left: -500px !important;
}

.title_vdo {
  font-size: xx-large;
  font-weight: 500;
}

.float_icon {
  position: fixed;
  width: 90px;
  height: 90px;
  bottom: 40px;
  right: 40px;
  /*background-color:#0C9;
	color:#FFF;
	border-radius:50px;
    box-shadow: 2px 2px 3px #999;*/
  text-align: center;
  z-index: 10000;
}

.my-float {
  /*margin-top:22px;*/
}

/* 

5 columns grid for 'md' and 'lg' screens

@tatygrassini

*/

@media (min-width: 992px) {
  .col-md-1-5 {
    width: 20%;
  }

  .col-md-2-5 {
    width: 40%;
  }

  .col-md-3-5 {
    width: 60%;
  }

  .col-md-4-5 {
    width: 80%;
  }

  .col-md-5-5 {
    width: 100%;
  }
}

@media (min-width: 1200px) {
  .col-lg-1-5 {
    width: 20%;
  }

  .col-lg-2-5 {
    width: 40%;
  }

  .col-lg-3-5 {
    width: 60%;
  }

  .col-lg-4-5 {
    width: 80%;
  }

  .col-lg-5-5 {
    width: 100%;
  }
}

/* Demo only, no need for this */

.show-grid [class^="col-"] span,
.container-fluid .show-grid [class^="col-"] {
  display: block;

  padding-top: 10px;

  padding-bottom: 10px;

  background-color: #eee;

  background-color: rgba(86, 61, 124, 0.15);

  text-align: center;

  border: 1px solid #ddd;

  border: 1px solid rgba(86, 61, 124, 0.2);
}

[class^="col-"] {
  /*margin-bottom: 30px;*/
}

.deletedot {
  list-style-type: none;
}

.text-a {
  color: #223445;
}

.text-a:hover {
  color: #2a338c;
  text-decoration: none;
}

.mobile_address {
  margin-top: 0px;
}

.table_product {
  width: 50%;
}

.table_price {
  width: 20%;
}

.table_action {
  width: 5%;
}

@media (max-width: 450px) {
  .mobile_address {
    margin-top: 70px;
  }

  .product-list .product-img img.img-dering {
    max-height: 320px !important;
  }

  .table-responsive>.table>thead>tr>th,
  .table-responsive>.table>tbody>tr>th,
  .table-responsive>.table>tfoot>tr>th,
  .table-responsive>.table>thead>tr>td,
  .table-responsive>.table>tbody>tr>td,
  .table-responsive>.table>tfoot>tr>td {
    white-space: inherit;
  }

  .table_product {
    width: 50%;
  }

  .table_price {
    width: 5%;
  }

  .table_action {
    width: 0%;
  }
}

.navpackage {
  margin-right: 20px;
}

.navtopmargin {
  left: 7%;
}

.formstyle {
  left: 403px;
}

.icon_search {
  left: 360px;
}

.search_bar {
  width: 400px;
}

@media (max-width: 1200px) {
  .navpackage {
    margin-right: 8px;
  }

  .navtopmargin {
    left: 3%;
  }

  .formstyle {
    left: 300px;
  }
}

@media (max-width: 1100px) {
  .bg-text {
    height: 135px;
  }

  .icon_search {
    left: 300px !important;
  }

  .search_bar {
    width: 340px !important;
  }

  #navigation.header-6 .menu-header {
    width: 103%;
  }

  #navigation ul.menu>li,
  #navigation .menu>ul>li {
    margin-left: 0px;
  }

  .activett {
    left: 250px !important;
  }
}

.cart_plus {
  left: -12px;
}

.menu-top2 {
  position: absolute;
  right: 60px;
  right: 10%;
  top: 25px;
  font-family: 'MavenPro', 'IBMPlexSansThai';
  font-size: 14px;
  font-weight: 600;
  color: #223445;
  z-index: 9;
}

.activetop2 {
  position: fixed;
  right: 60px;
  right: 10%;
  font-family: 'MavenPro', 'IBMPlexSansThai';
  font-size: 14px;
  font-weight: 600;
  color: #4f3d1d;
  z-index: 1000;
}


/****  Bootstrap Utilities   ***/
.w-100 {
  width: 100%;
}

.d-inline-block {
  display: inline-block;
}

.m-0 {
  margin: 0 !important
}

.m-1 {
  margin: .25rem !important
}

.m-2 {
  margin: .5rem !important
}

.m-3 {
  margin: 1rem !important
}

.m-4 {
  margin: 1.5rem !important
}

.m-5 {
  margin: 3rem !important
}

.m-auto {
  margin: auto !important
}

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

.mx-1 {
  margin-right: .25rem !important;
  margin-left: .25rem !important
}

.mx-2 {
  margin-right: .5rem !important;
  margin-left: .5rem !important
}

.mx-3 {
  margin-right: 1rem !important;
  margin-left: 1rem !important
}

.mx-4 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important
}

.mx-5 {
  margin-right: 3rem !important;
  margin-left: 3rem !important
}

.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important
}

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important
}

.my-1 {
  margin-top: .25rem !important;
  margin-bottom: .25rem !important
}

.my-2 {
  margin-top: .5rem !important;
  margin-bottom: .5rem !important
}

.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important
}

.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important
}

.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important
}

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important
}

.mt-0 {
  margin-top: 0 !important
}

.mt-1 {
  margin-top: .25rem !important
}

.mt-2 {
  margin-top: .5rem !important
}

.mt-3 {
  margin-top: 1rem !important
}

.mt-4 {
  margin-top: 1.5rem !important
}

.mt-5 {
  margin-top: 3rem !important
}

.mt-auto {
  margin-top: auto !important
}

.me-0 {
  margin-right: 0 !important
}

.me-1 {
  margin-right: .25rem !important
}

.me-2 {
  margin-right: .5rem !important
}

.me-3 {
  margin-right: 1rem !important
}

.me-4 {
  margin-right: 1.5rem !important
}

.me-5 {
  margin-right: 3rem !important
}

.me-auto {
  margin-right: auto !important
}

.mb-0 {
  margin-bottom: 0 !important
}

.mb-1 {
  margin-bottom: .25rem !important
}

.mb-2 {
  margin-bottom: .5rem !important
}

.mb-3 {
  margin-bottom: 1rem !important
}

.mb-4 {
  margin-bottom: 1.5rem !important
}

.mb-5 {
  margin-bottom: 3rem !important
}

.mb-auto {
  margin-bottom: auto !important
}

.ms-0 {
  margin-left: 0 !important
}

.ms-1 {
  margin-left: .25rem !important
}

.ms-2 {
  margin-left: .5rem !important
}

.ms-3 {
  margin-left: 1rem !important
}

.ms-4 {
  margin-left: 1.5rem !important
}

.ms-5 {
  margin-left: 3rem !important
}

.ms-auto {
  margin-left: auto !important
}

.p-0 {
  padding: 0 !important
}

.p-1 {
  padding: .25rem !important
}

.p-2 {
  padding: .5rem !important
}

.p-3 {
  padding: 1rem !important
}

.p-4 {
  padding: 1.5rem !important
}

.p-5 {
  padding: 3rem !important
}

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

.px-1 {
  padding-right: .25rem !important;
  padding-left: .25rem !important
}

.px-2 {
  padding-right: .5rem !important;
  padding-left: .5rem !important
}

.px-3 {
  padding-right: 1rem !important;
  padding-left: 1rem !important
}

.px-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important
}

.px-5 {
  padding-right: 3rem !important;
  padding-left: 3rem !important
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important
}

.py-1 {
  padding-top: .25rem !important;
  padding-bottom: .25rem !important
}

.py-2 {
  padding-top: .5rem !important;
  padding-bottom: .5rem !important
}

.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important
}

.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important
}

.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important
}

.pt-0 {
  padding-top: 0 !important
}

.pt-1 {
  padding-top: .25rem !important
}

.pt-2 {
  padding-top: .5rem !important
}

.pt-3 {
  padding-top: 1rem !important
}

.pt-4 {
  padding-top: 1.5rem !important
}

.pt-5 {
  padding-top: 3rem !important
}

.pe-0 {
  padding-right: 0 !important
}

.pe-1 {
  padding-right: .25rem !important
}

.pe-2 {
  padding-right: .5rem !important
}

.pe-3 {
  padding-right: 1rem !important
}

.pe-4 {
  padding-right: 1.5rem !important
}

.pe-5 {
  padding-right: 3rem !important
}

.pb-0 {
  padding-bottom: 0 !important
}

.pb-1 {
  padding-bottom: .25rem !important
}

.pb-2 {
  padding-bottom: .5rem !important
}

.pb-3 {
  padding-bottom: 1rem !important
}

.pb-4 {
  padding-bottom: 1.5rem !important
}

.pb-5 {
  padding-bottom: 3rem !important
}

.ps-0 {
  padding-left: 0 !important
}

.ps-1 {
  padding-left: .25rem !important
}

.ps-2 {
  padding-left: .5rem !important
}

.ps-3 {
  padding-left: 1rem !important
}

.ps-4 {
  padding-left: 1.5rem !important
}

.ps-5 {
  padding-left: 3rem !important
}

.btn-outof-stock {
  color: #fff;
  background-color: #ACADAE;
  border-color: #ACADAE;
  font-weight: 600;
}

.btn-outof-stock:hover,
.btn-outof-stock:active {
  color: #fff;
}

a.ordernowbtn .text-red {}

.validate {
  line-height: 1em;
  color: red;
  font-size: 0.9em;
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
  .couponbtn {
    width: 35%;
  }

}

@media (max-width: 992px) {

  .img-right {
    width: 60%;
  }
}

.no-js .owl-carousel,
.owl-carousel.owl-loaded {
  margin-top: 0px;
}