/*############################ front ###################################*/
@media screen and (min-width:320px) {

  .icw .img {display: block;}
  .icw .imgfull,
  .icw .img-full {display: block;width: 100%;}

  .icw .h1 strong,.icw h1 strong,
  .icw .h2 strong,.icw h2 strong,
  .icw .h3 strong,.icw h3 strong,
  .icw .h4 strong,.icw h4 strong,
  .icw .h5 strong,.icw h5 strong,
  .icw .h6 strong,.icw h6 strong,
  .icw p strong,
  .localnav a.link,
  .table-service th {font-family: kurious-looped;font-weight: 600;line-height: 1.5;}

  .icw .h1,.icw h1,
  .icw .h2,.icw h2,
  .icw .h3,.icw h3,
  .icw .h4,.icw h4,
  .icw .h5,.icw h5,
  .icw .h6,.icw h6,
  .icw p,
  .content-area ol li {font-family: kurious-looped;font-weight: 500;line-height: 1.5;}

  .icw .h1,.icw h1,.icw .h1 strong,.icw h1 strong {font-size: 28px;line-height: 1.5;}

  .icw .h2,.icw h2 {font-size: 24px;}

  .icw .h3,.icw h3 {font-size: 20px;}

  .icw .h4,.icw h4,
  .table-service th {font-size: 18px;}

  .icw .h5,.icw .h6,
  .localnav a.link {font-size: 16px;}

  .slogan {text-align: center;}

  .section .sc-heading{margin-bottom: 30px;}

  .slick-arrow.slick-disabled {opacity: 0.4;}
  .slick-next.slick-arrow,
  .slick-prev.slick-arrow {position: absolute;top: 35%;width: 40px;height: 40px;overflow: hidden;z-index: 1;
      box-shadow: 0 3px 6px rgba(0, 0, 0, .26);border-radius: 50%;
  }
  .slick-slider .slick-next {right: 10px;}
  .slick-slider .slick-prev {left: 10px;}
  .slick-slide:focus {outline: 0;}

  .icw button.slick-arrow {font-size: 0 !important; position: absolute; top: 40%; z-index: 1; display: block; width: 35px; height: 35px;
      cursor: pointer;color: transparent;border: none;outline: none;background-color: #fff !important; overflow: hidden; padding: 0;
      border-radius: 25px;
      -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
      transform: translate(0, -50%);
      box-shadow: 0 3px 6px rgb(0 0 0 / 16%);
  }
  .slick-arrow:before {content: '';border-top: 2px solid #00a94f;border-left: 2px solid #00a94f;display: inline-block;width: 10px; height: 10px;
      visibility: visible;position: relative;top: 0;left: 14px;
      -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      transform: rotate(-45deg);
  }
  .slick-next:before {left: 11px;
      -webkit-transform: rotate(135deg);
      -ms-transform: rotate(135deg);
      transform: rotate(135deg);
  }
  .slick-slider .slick-dots {position: relative; text-align: center; margin: 20px auto;line-height: 0;}
  .slick-slider .slick-dots li button {font-size: 0;line-height: 0; margin: 0;padding: 0;cursor: pointer;border: 0;outline: none;
      width: 8px;height: 8px; background:#AAAAAA;opacity: 1;
      border-radius: 50%;
  }
  .slick-slider .slick-dots li.slick-active button {background: #00a94f;}
  .slick-slider .slick-dots li {position: relative;display: inline-block;width: auto;height: auto;margin: 0 5px;padding: 0;cursor: pointer;}

  .section-detail .content-area {background-color: #00a94f;}

  .section-step .list-step {vertical-align: top; padding: 0 20px;}
  .section-step .list-step img {width: 100px;margin: 0 auto 20px;}

  .bg-gray {background-color: #fafafa;}

  .section.section-detail .sc-inner {padding-bottom: 0;}

  .entrycontent .table-detail {margin-bottom: 0;}
  .entrycontent .table-detail h2 {margin-bottom: 5px;}

  table.table-detail td {padding-top: 20px; padding-bottom: 20px; border-left: 0;}

  .content-area-step {padding: 20px 0 0; }

  table.table-service {border-radius: 10px; overflow: hidden;}

  .table-service thead th { background-color: #333333; color: #fff; text-align: center; vertical-align: middle; border-left: 1px solid #f2f2f2;}
  .table-service tbody td {background-color: #fff;font-size: 16px; text-align: center;padding-top: 15px;padding-bottom: 15px;vertical-align: middle;}
  .table-service tbody tr:nth-child(even) td {background-color: #f2fbf6;}

  .section-detail-content {width: 100%;max-width: 1020px; margin: 0 auto; padding: 40px 0 0;}

  .section-step .list-step .content-area p {margin-bottom: 0;}
  .section-step .list-step .content-area p.desc {color: #333;font-size: 16px;}
  .section-step .list-step .content-area ol {text-align: center;width: 100%;max-width: 250px;margin: 0 auto;}
  .section-step .list-step .content-area li {margin-bottom: 0;}

  .section-step .slick-mobile .list-step img {width: 260px;}
  .section-step .slick-mobile .list-step img.img-sm {width: 100px;margin-top: 50%;}

  .section-detail p {font-family: kurious-looped;}
  .section-detail .content {text-align: center;}

  .icw table.table-point { width: 100%; max-width: 420px; margin: 0 auto; overflow: hidden;margin-bottom: 0;background-color: #ffffff;
      border-radius: 10px;
      box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);  
  }

  .entrycontent table.table-point th p {margin-bottom: 0;}

  .table-point th {background-image: linear-gradient(96deg, #00a950 0%, #005528 100%); padding-top: 5px;padding-bottom: 5px;color: #fff;}
  .table-point tr:nth-child(odd) td { background-color: #f2fbf6;}

  table.table-point td { padding-top: 5px; padding-bottom: 5px;text-align: center;}

  .box-txt {width: 100%;max-width: 420px;margin: 20px 0 30px;text-align: center;}
  .box-txt p {display: inline-block;color: #333; font-size: 18px;margin-bottom: 10px;}

  .icw .btn-radius {font-family: kurious-looped;font-weight: 600;position: relative;padding-right: 45px; padding-bottom: 7px;
      -webkit-border-radius: 25px;
      -moz-border-radius: 25px;
      border-radius: 25px;
  }

  .icw .btn-radius:before,
  .icw .btn-radius:after {content: '';position: absolute;right: 10px;}
  .icw .btn-radius:before {background-color: #fff;width: 25px;height: 25px;
      border-radius: 25px;
  }

  .icw .btn-radius:after { border-top: 2px solid #00a94f;border-left: 2px solid #00a94f;display: inline-block;width: 8px;height: 8px;
      visibility: visible;position: absolute;right: 19px;top: 14px;
      -webkit-transform: rotate(135deg);
      -ms-transform: rotate(135deg);
      transform: rotate(135deg);
  }

  .section-detail-content .tb,
  .section-detail-content .tbcell,
  .map.tb,
  .map .tbcell {display: block;}

  .section-detail-content .tbcell.image {width: 230px;margin: 0 auto 20px;}

  .table-wrap .table-overlay {display: block;}

  .text-zoom img,
  .text-zoom p { display: inline-block;color: #fff;}

  .table-service > .image {margin-bottom: 40px;}
  .table-service > .image img {margin-bottom: 10px;}

  .map {margin-top: -100px;}
}

@media screen and (min-width:767px) {
  .icw .h1,.icw h1,.icw .h1 strong,.icw h1 strong {font-size: 42px;}
  .icw .h2,.icw h2 {font-size: 33px;}
  .icw .h3,.icw h3 {font-size: 26px;}
  .icw .h4,.icw h4 {font-size: 20px;}
  .icw .h5,.icw h5 {font-size: 18px;}
  .icw .h6,.icw h6 {font-size: 16px;}

  .entrycontent .table-detail h2 { margin-bottom: 0;}

  .section-detail .content {text-align: left; padding-left: 20px;}

  .map {margin-top: -80px;}

  .box-txt {text-align: left; margin: 20px auto;}
  .box-txt p {margin-bottom: 0;}
}



@media screen and (min-width:991px) {
  .section-step .list-step {width: calc(100%/3 - 10px);margin-top: 30px;padding: 0 10px;display: inline-block;}

  .section-detail-content .tb,
  .map.tb { display: table;}

  .section-detail-content .tbcell,
  .map .tbcell {display: table-cell;}

  .box-txt {text-align: left; margin: 0 0 20px;}

  .icw table.table-point { margin: 0;}

  .map {margin-top: -30px;}
}


@media screen and (max-width: 1024px) {
  .main {padding-top: 0;}
}

@media screen and (max-width: 991px) {
  .section .sc-inner {padding: 35px 0;}
}