 h1,
 .heading-h1,
 h2,
 .heading-h2,
 h3,
 .heading-h3,
 h4,
 .heading-h4 {
   font-family: Kanit, notosansthai, Arial, sans-serif !important;
 }

 .icw .main .table-contetnt hr.vdo-border {
   margin: 30px auto;
 }

 .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
   transform: scale(1);
 }

 .mfp-wrap.mfp-ready .mfp-container {
   display: flex;
   justify-content: center;
   align-items: center;
 }

 .menu-tab .button {
   border-bottom: 2px solid #DBDBDB;
   display: flex;
   justify-content: center;
   gap: 48px;
 }

 .menu-tab .button .btn-tabs.active {
   color: #333333;
   border-bottom: 3px solid #00A94F;
   font-family: kurious-looped, sans-serif;
   font-weight: 600;
 }

 .menu-tab .button .btn-tabs {
   color: #999999;
   font-size: 16px;
   padding-bottom: 8px;
   transition: .3s ease-in-out;
 }


 .title-tab-step .button {
   border-bottom: 2px solid #DBDBDB;
   display: flex;
   justify-content: center;
   gap: 48px;
 }

 .title-tab-step .button .btn-tabs.active {
   color: #333333;
   border-bottom: 3px solid #00A94F;
   font-family: kurious-looped, sans-serif;
   font-weight: 600;
 }

 .title-tab-step .button .btn-tabs {
   color: #999999;
   font-size: 16px;
   padding-bottom: 8px;
   transition: .3s ease-in-out;
 }

 .head .title {
   font-size: 26px !important;
   text-align: center;
 }

 .sc-open-account {
   background: transparent;
 }

 .mfp-close-btn-in .mfp-close {
   width: 40px !important;
 }

 .sc-nav-gallery .swiper-button-prev {
   left: 0;
 }

 .sc-nav-gallery .swiper-button-next {
   right: 0;
 }

 .icw .section .sc-inner {
   padding: 32px 0;
 }

 #breadcrumbs .current-page {
   margin-bottom: 0 !important;
 }

 .sc-thumb-gallery {
   overflow: hidden;
 }

 @media (min-width:768px) {

   .sc-thumb-gallery .swiper-button-prev {
     left: 40px;
   }

   .sc-thumb-gallery .swiper-button-next {
     right: 40px;
   }

   #popup-gallery2 .sc-thumb-gallery {
     padding: 48px;
   }

   #popup-gallery1 .swiper-wrapper img {
     max-width: 350px;
   }

   #popup-gallery2 .swiper-wrapper img {
     max-width: 800px;
   }
 }

 @media (min-width:992px) {
   /* #computer .swiper-wrapper img {
     max-width: 300px;
   } */

   /* .tab-content-inner {
     padding: 0 44px;
   } */
 }

 /* 
 @media (min-width:1200px) {
   #computer .swiper-wrapper img {
     max-width: 350px;
   }
 }

 @media (min-width:1400px) {
   #computer .swiper-wrapper img {
     max-width: 500px;
   }
 }

 @media (min-width:1600px) {
   #computer .swiper-wrapper img {
     max-width: 600px;
   }
 } */

 .sc-thumb-gallery {
   overflow: hidden;
   overflow-y: auto;
   max-height: 90vh;
 }

 @media (min-width: 1200px) and (max-width:1600px) {

   #popup-gallery1 .swiper-wrapper img {
     max-width: 350px !important;
   }

   /* 
   #popup-gallery2 .swiper-wrapper img {
     max-width: 600px !important;
   } */
 }

 @media (max-width:991px) {
   .tab-content-inner {
     padding: 0 16px;
   }

   #popup-gallery2 .swiper-wrapper img {
     max-width: 500px;
     margin: auto;
     display: block;
   }
 }

 @media (min-width: 768px) and (max-width:1199px) {
   .swiper-wrapper img {
     max-width: 240px;
     margin: auto;
     display: block;
   }

   #popup-gallery1 .swiper-wrapper img {
     max-width: 300px !important;
   }

   /* 

   #popup-gallery2 .swiper-wrapper img {
     max-width: 500px;
   } */
 }

 @media (min-width: 992px) and (max-width:1199px) {}

 @media screen and (max-width:767px) {
   .icw .section .sc-inner {
     padding: 40px 0 24px;
   }

   .head .title {
     font-size: 20px !important;
   }

   .menu-tab .button {
     flex-direction: unset;
   }

   .title-tab-step .button {
     flex-direction: unset;
   }
 }

 @media screen and (max-width:767px) {
   .tab-content-inner .swiper-wrapper img {
     max-width: 220px;
     margin: auto;
     display: block;
   }


 }

 .icw #footer {
   width: 100%;
   position: relative !important;
 }

 .mfp-inline-holder .mfp-content,
 .mfp-ajax-holder .mfp-content {
   width: 100% !important;
   max-width: 1000px;
 }