#page.icw .main.main-detail {
  padding-top: 0 !important;
}

.sticky-botton-1 {
  position: inherit !important;
}
@media (min-width:1367px) {
    .visible-desktop {
        display: block!important;
    }
    .visible-labtop,
    .visible-ipad-l,
    .visible-ipad-p,
    .visible-mobile-s,
    .visible-mobile-l {
        display: none!important
    }
}

@media (min-width:1200px) and (max-width:1366px) {
    .visible-labtop {
        display: block!important;
    }
    .visible-desktop,
    .visible-ipad-l,
    .visible-ipad-p,
    .visible-mobile-s,
    .visible-mobile-l {
        display: none!important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .visible-ipad-l {
        display: block!important;
    }
    .visible-desktop,
    .visible-labtop,
    .visible-ipad-p,
    .visible-mobile-s,
    .visible-mobile-l {
        display: none!important
    }
}

@media (min-width:769px) and (max-width:991px) {
    .visible-ipad-l {
        display: block!important;
    }
    .visible-desktop,
    .visible-labtop,
    .visible-ipad-p,
    .visible-mobile-s,
    .visible-mobile-l {
        display: none!important
    }
}

@media (max-width:991px) {
	.slider-custom{
		display: block!important;
	}
	.slider-old{
		display: none!important;
	}
}

@media (min-width:992px) {
	.slider-custom{
		display: none!important;
	}
	.slider-old{
		display: block!important;
	}
}

@media (min-width:576px) and (max-width:768px) {
    .visible-ipad-p {
        display: block!important;
    }
    .visible-desktop,
    .visible-labtop,
    .visible-ipad-l,
    .visible-mobile-s,
    .visible-mobile-l {
        display: none!important
    }
    .font-p{
        font-size: 16px;
    }
}

@media (min-width:415px) and (max-width:575px) {
    .visible-ipad-p {
        display: block!important;
    }
    .visible-desktop,
    .visible-labtop,
    .visible-ipad-l,
    .visible-mobile-s,
    .visible-mobile-l {
        display: none!important
    }
    .font-p{
        font-size: 16px;
    }
}

@media (min-width:376px) and (max-width:414px) {
    .visible-mobile-l {
        display: block!important;
    }
    .visible-desktop,
    .visible-labtop,
    .visible-ipad-l,
    .visible-ipad-p,
    .visible-mobile-s {
        display: none!important
    }
    .font-p{
        font-size: 16px;
    }
}

@media (max-width:375px) {
    .visible-mobile-s {
        display: block!important;
    }
    .visible-desktop,
    .visible-labtop,
    .visible-ipad-l,
    .visible-ipad-p,
    .visible-mobile-l {
        display: none!important
    }
    .font-p{
        font-size: 16px;
    }
}










.wrapper {
  min-width: 600px;
  max-width: 900px;
  margin: 0 auto;
}

.tabs {
  display: table;
  table-layout: fixed;
  width: 100%;
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
}
.tabs > li {
  transition-duration: .25s;
  display: table-cell;
  list-style: none;
  text-align: center;
  padding: 20px 20px 20px 20px;
  border-bottom: 3px solid #00a950!important;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  color: #333;
}
.tabs > li:before {
  z-index: -1;
  position: absolute;
  content: "";
  width: 100%;
  height: 135%;
  top: 0;
  left: 0;
  background-color: #00a950;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  transition-duration: .25s;
}
.tabs > li:hover:before {
  -webkit-transform: translateY(70%);
  transform: translateY(70%);
}
.tabs > li.active {
  color: #00a950;
  border-bottom: 3px solid #00a950;
  background-color: #f3f3f3;
}
.tabs > li.active:before {
  transition-duration: .5s;
  background-color: white;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.tab__content {
  background-color: white;
  position: relative;
  width: 100%;
  border-radius: 5px;
}
.tab__content > li {
  width: 100%;
  /*position: absolute;*/
  top: 0;
  left: 0;
  display: none;
  list-style: none;
}








.owl-prev i,.owl-next i {
border: solid #00a950;
border-width: 0 1px 1px 0;
display: inline-block;
padding: 3px;
height: 18px;
width: 18px;
}

.owl-next .right {
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}

.owl-prev .left {
transform: rotate(135deg);
-webkit-transform: rotate(135deg);
}













.section-highlight .sc-bgimg {
  background-image: url("../../../../../../../../SiteCollectionDocuments/personal/debit-card/province-shop/img/highlight-bg.jpg");
}
@media (max-width:767px) {
  .section-highlight .sc-bgimg {
     background-image: url("../../../../../../../../SiteCollectionDocuments/personal/debit-card/province-shop/img/highlight-m.jpg");
  }
}

.section-highlight .sc-bgimg-khonkaen{
  background-image: url("../../../../../../../../SiteCollectionDocuments/personal/debit-card/province-shop/img/province/khonkaen/highlight-bg-khonkaen.jpg");
}
@media (max-width:767px) {
  .section-highlight .sc-bgimg-khonkaen{
     background-image: url("../../../../../../../../SiteCollectionDocuments/personal/debit-card/province-shop/img/province/khonkaen/highlight-m-khonkaen.jpg");
  }
}
.section .sc-bgimg-khonkaen {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    -webkit-transition: background-image 0.3s ease-in;
    -moz-transition: background-image 0.3s ease-in;
    -o-transition: background-image 0.3s ease-in;
    transition: background-image 0.3s ease-in;
}

.section-highlight .sc-bgimg-chonburi{
  background-image: url("../../../../../../../../SiteCollectionDocuments/personal/debit-card/province-shop/img/province/chonburi/highlight-bg-chonburi.jpg");
}
@media (max-width:767px) {
  .section-highlight .sc-bgimg-chonburi{
     background-image: url("../../../../../../../../SiteCollectionDocuments/personal/debit-card/province-shop/img/province/chonburi/highlight-m-chonburi.jpg");
  }
}
.section .sc-bgimg-chonburi {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    -webkit-transition: background-image 0.3s ease-in;
    -moz-transition: background-image 0.3s ease-in;
    -o-transition: background-image 0.3s ease-in;
    transition: background-image 0.3s ease-in;
}

.section-highlight .sc-bgimg-chiangmai{
  background-image: url("../../../../../../../../SiteCollectionDocuments/personal/debit-card/province-shop/img/province/chiangmai/highlight-bg-chiangmai.jpg");
}
@media (max-width:767px) {
  .section-highlight .sc-bgimg-chiangmai{
     background-image: url("../../../../../../../../SiteCollectionDocuments/personal/debit-card/province-shop/img/province/chiangmai/highlight-m-chiangmai.jpg");
  }
}
.section .sc-bgimg-chiangmai {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    -webkit-transition: background-image 0.3s ease-in;
    -moz-transition: background-image 0.3s ease-in;
    -o-transition: background-image 0.3s ease-in;
    transition: background-image 0.3s ease-in;
}

.section-highlight .sc-bgimg-nakhonratchasrima{
  background-image: url("../../../../../../../../SiteCollectionDocuments/personal/debit-card/province-shop/img/province/nakhonratchasrima/highlight-bg-nakhonratchasrima.jpg");
}
@media (max-width:767px) {
  .section-highlight .sc-bgimg-nakhonratchasrima{
     background-image: url("../../../../../../../../SiteCollectionDocuments/personal/debit-card/province-shop/img/province/nakhonratchasrima/highlight-m-nakhonratchasrima.jpg");
  }
}
.section .sc-bgimg-nakhonratchasrima {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    -webkit-transition: background-image 0.3s ease-in;
    -moz-transition: background-image 0.3s ease-in;
    -o-transition: background-image 0.3s ease-in;
    transition: background-image 0.3s ease-in;
}

.section-highlight .sc-bgimg-nakornsawan{
  background-image: url("../../../../../../../../SiteCollectionDocuments/personal/debit-card/province-shop/img/province/nakornsawan/highlight-bg-nakornsawan.jpg");
}
@media (max-width:767px) {
  .section-highlight .sc-bgimg-nakornsawan{
     background-image: url("../../../../../../../../SiteCollectionDocuments/personal/debit-card/province-shop/img/province/nakornsawan/highlight-m-nakornsawan.jpg");
  }
}
.section .sc-bgimg-nakornsawan {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    -webkit-transition: background-image 0.3s ease-in;
    -moz-transition: background-image 0.3s ease-in;
    -o-transition: background-image 0.3s ease-in;
    transition: background-image 0.3s ease-in;
}

.section-highlight .sc-bgimg-phuket{
  background-image: url("../../../../../../../../SiteCollectionDocuments/personal/debit-card/province-shop/img/province/phuket/highlight-bg-phuket.jpg");
}
@media (max-width:767px) {
  .section-highlight .sc-bgimg-phuket{
     background-image: url("../../../../../../../../SiteCollectionDocuments/personal/debit-card/province-shop/img/province/phuket/highlight-m-phuket.jpg");
  }
}
.section .sc-bgimg-phuket {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    -webkit-transition: background-image 0.3s ease-in;
    -moz-transition: background-image 0.3s ease-in;
    -o-transition: background-image 0.3s ease-in;
    transition: background-image 0.3s ease-in;
}

.section-highlight .sc-bgimg-songkhla{
  background-image: url("../../../../../../../../SiteCollectionDocuments/personal/debit-card/province-shop/img/province/songkhla/highlight-bg-songkhla.jpg");
}
@media (max-width:767px) {
  .section-highlight .sc-bgimg-songkhla{
     background-image: url("../../../../../../../../SiteCollectionDocuments/personal/debit-card/province-shop/img/province/songkhla/highlight-m-songkhla.jpg");
  }
}
.section .sc-bgimg-songkhla {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    -webkit-transition: background-image 0.3s ease-in;
    -moz-transition: background-image 0.3s ease-in;
    -o-transition: background-image 0.3s ease-in;
    transition: background-image 0.3s ease-in;
}

.section-highlight .sc-bgimg-ayuthaya{
  background-image: url("../../../../../../../../SiteCollectionDocuments/personal/debit-card/province-shop/img/province/ayuthaya/highlight-bg-ayuthaya.jpg");
}
@media (max-width:767px) {
  .section-highlight .sc-bgimg-ayuthaya{
     background-image: url("../../../../../../../../SiteCollectionDocuments/personal/debit-card/province-shop/img/province/ayuthaya/highlight-m-ayuthaya.jpg");
  }
}
.section .sc-bgimg-ayuthaya {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    -webkit-transition: background-image 0.3s ease-in;
    -moz-transition: background-image 0.3s ease-in;
    -o-transition: background-image 0.3s ease-in;
    transition: background-image 0.3s ease-in;
}

.section-highlight .sc-bgimg-nakornnayok{
  background-image: url("../../../../../../../../SiteCollectionDocuments/personal/debit-card/province-shop/img/province/nakornnayok/highlight-bg-nakornnayok.jpg");
}
@media (max-width:767px) {
  .section-highlight .sc-bgimg-nakornnayok{
     background-image: url("../../../../../../../../SiteCollectionDocuments/personal/debit-card/province-shop/img/province/nakornnayok/highlight-m-nakornnayok.jpg");
  }
}
.section .sc-bgimg-nakornnayok {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    -webkit-transition: background-image 0.3s ease-in;
    -moz-transition: background-image 0.3s ease-in;
    -o-transition: background-image 0.3s ease-in;
    transition: background-image 0.3s ease-in;
}








.khonkaen-bg {
  background-image: linear-gradient(#d79d6a, #fff, #d79d6a)!important;
}

.chonburi-bg {
  background-image: linear-gradient(#b39883, #fff, #b39883)!important;
}

.chiangmai-bg {
  background-image: linear-gradient(#a28a70, #fff, #a28a70)!important;
}

.nakhonratchasrima-bg {
  background-image: linear-gradient(#ebc888, #fff, #ebc888)!important;
}

.nakornsawan-bg {
  background-image: linear-gradient(#d19e6b, #fff, #d19e6b)!important;
}

.phuket-bg {
  background-image: linear-gradient(#dfcdb5, #fff, #dfcdb5)!important;
}

.songkhla-bg {
  background-image: linear-gradient(#7fb8a5, #fff, #7fb8a5)!important;
}

.ayuthaya-bg {
  background-image: linear-gradient(#2f9d74, #fff, #2f9d74)!important;
}

.nakornnayok-bg {
  background-image: linear-gradient(#b7a58d, #fff, #b7a58d)!important;
}








.sticky-botton-1 {
  position: sticky;
  position: -webkit-sticky;
  top: 57px;
  background-color: white;
  z-index: 1000;
  padding: 5px 0px;
}

.nav-button {
  padding: 10px 24px!important;
  font-size: 16px!important;
}

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

.mt-20 {
  margin-top: 20px!important;
}

.mt-30 {
  margin-top: 30px!important;
}

.mt-40 {
  margin-top: 40px!important;
}

.mt-60 {
  margin-top: 60px!important;
}

.mt-80 {
  margin-top: 80px!important;
}

.mr-5 {
  margin-right: 5px!important;
}

.mr-10 {
  margin-right: 10px!important;
}


.ml-0 {
  margin-left: 0px!important;
}

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

.mb-5 {
  margin-bottom: 5px!important;
}

.mb-10 {
  margin-bottom: 10px!important;
}

.mb-20 {
  margin-bottom: 20px!important;
}

.mb-30 {
  margin-bottom: 30px!important;
}

.mb-40 {
  margin-bottom: 40px!important;
}

.mb-60 {
  margin-bottom: 60px!important;
}

.mb-20 {
  margin-bottom: 20px!important;
}

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

.pt-40 {
  padding-top: 40px!important;
}

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

.pb-22 {
  padding-bottom: 22px!important;
}

.pb-40 {
  padding-bottom: 40px!important;
}

.pb-80 {
  padding-bottom: 80px!important;
}

.background-color-f4f4f4 {
  background-color: #f4f4f4!important;
}

.table-active {
  list-style-type: none!important;
  margin-left: 0px!important;
}

.border-top-none {
  border-top: none!important;
}

.green {
  color: #00a950!important;
}









.localnav-links, .localnav-links-wrap {
  max-width: 80%!important;
}







.height-415 {
  height: 415px!important;
}

.text-center {
  text-align: center!important;
}

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

.text-dark {
  color: #333!important;
}






.gradient-bg {
  background-image: linear-gradient(141deg, #009b78 0%, #00dab0 51%, #68f4d9 75%);
}

.text-decoration-none {
  text-decoration: none!important;
}





.content-banner-2 {
  background-image:url("../../../../../../../../SiteCollectionDocuments/personal/debit-card/province-shop/img/privileges-bg-04.jpg")
}







.icw>.main-container>.container>.entrycontent li{
  margin-bottom: 0px !important;
}
.icw>.main-container>.container>.entrycontent>.tabs-group{
    position: fixed !important;
    width: 100% !important;
    left: 0 !important;
    top: 0 !important;
    display:block !important;
    height: 100vh;

    overflow: auto;
}
.icw>.main-container
{
    height: 100vh;

    overflow: auto;
}
.icw-popup-content .mfp-container {
  overflow: hidden;
}







.row {
  margin: 10px -16px;
}

/* Add padding BETWEEN each column */
.row,
.row > .column {
  padding: 0px;
}

/* Create three equal columns that floats next to each other */
.column {
  float: left;
  width: 25%;
  display: none; /* Hide all elements by default */
}

@media (max-width:767px) {
  .column {
     width: 100%;
  }
}

/* Clear floats after rows */ 
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Content */
.content {
  /*background-color: white;*/
  padding: 0px;
}

/* The "show" class is added to the filtered elements */
.show {
  display: block;
}

/* Style the buttons */
.btn {
  border: none;
  outline: none;
  padding: 12px 16px;
  background-color: white;
  cursor: pointer;
}

.btn:hover {
  background-color: #ddd;
}

.btn.active {
  background-color: #666;
  color: white;
}



.list-item-lg .image {
  height: 175px!important;
}



.hover-zoom:hover {
  transition: transform .5s;
  transform: scale(1.1);
}



.brance-icon {
  margin:5px;
  height:130px;
}


.width-100 {
  width: 100%!important;
  max-width: 100%!important;
}


.min-height-310 {
  min-height: 310px;
}

.min-height-335 {
  min-height: 335px;
}


.owl-prev{
	border: solid #00a950 !important;
    border-width: 0 1px 1px 0 !important;
    display: inline-block !important;
    padding: 3px !important;
    height: 30px !important;
    width: 30px !important;
    transform: rotate(135deg) !important;
    -webkit-transform: rotate(135deg) !important;
    left: 15px  !important;
}

.owl-next{
	border: solid #00a950 !important;
    border-width: 0 1px 1px 0 !important;
    display: inline-block !important;
    padding: 3px !important;
    height: 30px !important;
    width: 30px !important;
    transform: rotate(-45deg) !important;
    -webkit-transform: rotate(-45deg) !important;
    right: 15px  !important;
}

.owl-prev i,
.owl-next i{
	display: none !important; 
}



@media screen and (max-width: 767px) {
  .list-item {
    border-bottom: none!important;
  }
}



.entrycontent a {
  color: #555!important;
}