.itopplus-background {

}
body {
  overflow-x: hidden;
}

.itopplus-bg2 {
  background-image: url("https://itp1.itopfile.com/ImageServer/z_itp_07072024luqf/0/0/2z-z1693593804197.webp");
}

.itopplus-bg3 {
  background-image: url("https://itp1.itopfile.com/ImageServer/z_itp_07072024luqf/0/0/3z-z1354039068253.webp");
}

.itopplus-bg6 {
  background-image: url("http://itp1.itopfile.com/ImageServer/z_itp_07072024luqf/1869/0/562296545065304355z-z988031049154.webp");
  background-size: cover;
}

.navbar-default .navbar-nav > li > a {
  color: #444;
  margin: 0 10px;
  padding: 8px 0;
  border-bottom: 3px solid transparent;
  font-family: "Onest", sans-serif;
}

ul#itopplus-nav-bar.navbar-nav > li > a {
  margin: 0 15px;
  padding: 5px 0 10px;
}

.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:active,
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .open > a:hover {
  color: #444 !important;
  box-shadow: none;
  border-radius: none;
  border-bottom: 3px solid #82ad1a;
  background: transparent;
  background-color: transparent;
}

.dropdown-menu > li > a {
  color: #444;
}

.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover {
  color: #fff;
  background: #82ad1a;
}

.itopplus-slide {
  padding-top: 150px !important;
}
@media screen and (max-width: 992px) {
  #controlBanner img {
    position: fixed;
    top: 10px;
    left: 10px;
    width: 140px !important;
    z-index: 10000;
  }

  .navbar-default,
  .navbar-header,
  #ItopplusMainSidebar {
    background: #fff !important;
  }

  #ItopplusMainSidebar a {
    color: #444 !important;
    text-align: left !important;
  }

  #itpMenuSideBar span.icon-bar {
    background: #444 !important;
  }

  .navbar-header i {
    filter: contrast(0.5);
  }
}

@media screen and (min-width: 1024px) {
  .itopplus-banner {
    background: #fff;
    transition: 0.3s;
  }

  .itopplus-sticky {
    background: #fff !important;
  }

  #controlBanner {
    object-fit: contain;
    padding: 15px;
    width: 30%;
    min-width: auto;
    margin: 0 auto;
  }

  #nav-menu {
    text-align: center;
    background-color: transparent;
  }

  .itopplus-sticky-nav-bar-inside {
    width: 80vw !important;
    display: grid;
    grid-template-columns: 25% 75% 0 0;
    align-items: center;
  }

  #itopplus-nav-bar-sticky {
    text-align: right;
    float: right;
  }

  .itopplus-sticky-nav-bar-inside::before,
  .itopplus-sticky-nav-bar-inside::after {
    display: none;
  }

  .itopplus-sticky-nav-bar-inside .nav > li {
    display: -webkit-inline-box;
  }

  .itopplus-menu-logo {
    height: 95px !important;
    padding: 15px;
  }
}

@media screen and (min-width: 1366px) {
}

@media screen and (min-width: 1900px) {
}

@media screen and (max-width: 900px) {
}

@media screen and (max-width: 480px) {
}

/************font-size***************/

.navbar-default .navbar-nav > li > a,
.dropdown-menu > li > a {
  font-size: 16px;
}

h1 {
  font-size: 4.125em;
}

h2 {
  font-size: 3.4em;
}

h3 {
  font-size: 2.8em;
}

h4,
h3.managerHeader {
  font-size: 2.4em;
}

h5 {
  font-size: 2em;
}

h6 {
  font-size: 1.6em;
}

.footer h6,
.text-service p,
.text-product2 h6,
.detail-img-pd h6,
.text-detail-product h6 {
  font-size: 18px;
}

p,
.text-product h6,
.text-detail-product li {
  font-size: 16px;
}

.text-product h5 {
  font-size: 22px;
}

.text-detail-product p {
  font-size: 20px;
}

.text-detail-product h5 {
  font-size: 26px;
}

.btn-view,
.btn-more,
.btn-blog,
.copy-right p,
div#Component66bebeba790c0b0013dd42d8 button {
  font-size: 14px;
}

.text-product.product-big h5 {
  font-size: 34px;
}

.pt-3 {
  padding-top: 3%;
}

.pt-5 {
  padding-top: 5%;
}

.pt-8 {
  padding-top: 8%;
}

.pt-10 {
  padding-top: 10%;
}

/************************master-page**************************/

div#Component66bc0ef39853210013d932f4 .thumbs {
  margin: 0;
}

.sect-head,
.blog-service,
.sect-mission h5,
.head-product,
.equipment,
.blog-zone,
.contact-page,
h3.managerHeader {
  text-align: center;
}

.sect-head h3,
.head-blog h3,
.head-page h3,
.text-detail-product {
  font-family: "Onest", "IBM Plex Sans Thai", sans-serif;
  font-weight: 600;
}

.sect-head hr {
  border-color: #82ad1a;
  width: 70px;
  border-width: 5px;
}

div#Component66bc1389ad5d520013c32d2c figcaption,
div#Component66bc13a478089c001319d568 figcaption,
div#Component66bc13c778089c001319d58e figcaption,
div#Component66bc13e278089c001319d5a7 figcaption {
  padding: 0;
  text-transform: none;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background: transparent;
}

div#Component66bc1389ad5d520013c32d2c .imgLightbox img,
div#Component66bc13a478089c001319d568 .imgLightbox img,
div#Component66bc13c778089c001319d58e .imgLightbox img,
div#Component66bc13e278089c001319d5a7 .imgLightbox img {
  border-radius: 25px;
  box-shadow: 0 2px 4px rgb(0, 0, 0, 0.1);
}

figure.effect-oscar {
  background: transparent;
  overflow: visible;
}

figure.effect-jazz,
figure.effect-selena {
  background: transparent;
}

figure.effect-oscar figcaption::before,
figure.effect-jazz figcaption::after,
.dropdown-menu {
  border: none;
}

.grid figure h2 {
  word-spacing: 0;
  font-weight: unset;
}

figure.effect-oscar h2 {
  margin: 0;
  -webkit-transition: inherit;
  transition: inherit;
  -webkit-transform: inherit;
  transform: inherit;
}

.text-product h5,
.text-product h6,
.sect-about h4,
.text-service h5,
.footer h6,
.fw-semi,
.about-page h5,
.about-page h6,
.sect-mission h5,
.head-product h4,
.text-detail-product h5,
.contact-page h5,
.policy-page h5,
.blog-detail h6,
.page-customer h3 {
  font-weight: 600;
}

.btn-view,
.btn-more {
  background: #202c60;
  color: #fff;
  width: fit-content;
  padding: 0.75rem 2.5rem;
  border-radius: 30px;
  font-family: "Onest", sans-serif;
  border: 1px solid #202c60;
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  overflow: hidden;
}

.btn-more {
  background: transparent;
  color: #202c60;
  border: 1px solid #202c60;
}

.btn-view::before,
.btn-more::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #82ad1a;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.btn-view:hover::before,
.btn-more:hover::before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

.btn-view:hover,
.btn-more:hover {
  color: #fff;
  border-color: #82ad1a;
}

.text-product {
  color: #000;
  text-align: left;
  position: absolute;
  width: 100%;
  bottom: 0;
  padding: 0 6%;
}

.text-product h5,
.text-product h6 {
  margin: 1% 0;
}

figure.effect-oscar:hover h2 {
  -webkit-transform: inherit;
  transform: inherit;
}

.text-product .btn-view {
  margin-top: -15px;
}

.text-product.product-big {
  bottom: 18%;
  color: #fff;
}

.text-product.product-big h5 {
  line-height: 38px;
}

.sect-about {
  background: #ffffffd6;
  padding: 8% 5%;
  border-radius: 30px;
  margin-top: 15%;
  width: 80%;
}

.merg-btn {
  display: flex;
  gap: 10px;
}

.sect-about h4 {
  color: #82ad1a;
}

.sect-about p {
  margin-bottom: 5%;
  font-weight: 500;
  line-height: 26px;
}

.img-about {
  width: 85%;
  margin: auto;
  margin-top: -85px;
  margin-right: -65px;
  margin-bottom: -25px;
}

.text-rotate h2 {
  color: #fff;
  font-weight: 800;
  font-family: "Onest", sans-serif;
}

.text-rotate {
  position: absolute;
  transform: rotate(270deg);
  left: -50px;
  top: -20px;
  width: 100%;
  height: 100%;
}

.img-service {
  width: 85%;
  margin: auto;
}

.img-blog-service {
  width: 70%;
  margin: auto;
}

.blog-service {
  position: relative;
}

.blog02 {
  top: 25px;
}

.blog01,
.blog03 {
  top: -25px;
}

.marquee-content {
  display: flex;
  animation: scrolling 20s linear infinite;
}

.marquee-item {
  flex: 0 0 9vw;
  margin: 0 1vw;
  /*   flex: 0 0 20vw; */
  /*   margin: 0 2vw; */
}

@keyframes scrolling {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translatex(-144vw);
  }
}

.marquee-item img {
  width: 100%;
}

.head-blog {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.btn-blog {
  font-family: "Onest", sans-serif;
  padding: 5px;
  border-bottom: 1px solid #000;
  color: #000;
}

.sect-footer {
  padding-left: 16%;
  padding-top: 25px;
}

.social-footer {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  width: 75%;
  margin-bottom: 6%;
}

.line-footer img {
  width: 35% !important;
  position: relative;
}

.line-footer h6 {
  position: absolute;
  transform: rotate(270deg);
  left: 40px;
  top: 85px;
  width: fit-content;
  font-family: "Onest", sans-serif;
  color: #fff;
}

.line-footer {
  padding-top: 45px;
  padding-bottom: 65px;
  position: relative;
  text-align: center;
}

.line-footer::before {
  content: " ";
  width: 100%;
  background: #7f9b2d;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
}

.footer a,
.about-page,
.text-product2,
.detail-img-pd,
.contact-page a,
.policy-page a,
.btn-blog a {
  color: #363636;
}

.footer a:hover,
.text-green,
.text-detail-product h5,
.contact-page h5,
.contact-page a:hover,
.policy-page a:hover,
.btn-blog a:hover,
.page-customer h3 {
  color: #82ad1a;
}

.text-blue {
  color: #2a3e99;
}

#itopplus-nav-bar-sticky .itopplus-sidebar-menu-parent {
  border-bottom: none !important;
}

.sect-head,
.sect-about h4,
.product-detail h5,
.product-page02 p,
.phone-detail h5,
.product-page p {
  margin-bottom: 3%;
}

.product-page {
  padding: 0 5%;
}

div#Component66beb8f8790c0b0013dd4122 .img-container {
  padding-bottom: 95%;
}

div#Component66beb8f8790c0b0013dd4122 .maxHeight-main .img-container {
  padding-bottom: 85%;
}

div#Contentmanager .img-container .img,
div#Component66bc62519853210013d9443f .imgLightbox img,
figure.effect-selena,
div#Component66bd7f94b6c31a001332fca8 .imgLightbox img,
div#Component66bd756817bac60013a03274 .imgLightbox img,
div#Component66bda49d477ea100138241b2 .imgLightbox img,
.img-pd img,
div#Component66bdd28b477ea10013824bb4 .imgLightbox img,
div#Component66bdd6f7477ea10013824c6d .imgLightbox img,
figure.effect-oscar .imgLightbox,
div#Contentmanager .img-container,
div#Component66bc85569c8bc00013629630 figure,
div#Component66bd957eb6c31a00133301a9 figure,
div#Component66d5874afd518f00129b97b7 figure,
div#Component66d6923196e4d70013aa6e05 .imgLightbox img,
div#Component66d6924fab37670013c86e8f .imgLightbox img,
div#Component66d69274a0d57a0013e9dee8 .imgLightbox img {
  border-radius: 20px;
}

div#Contentmanager .maxHeight-main .img-container .img {
  box-shadow: 0 4px 8px rgb(0, 0, 0, 0.1);
}

.maxHeight-TP4 {
  min-height: 180px !important;
  max-height: 180px;
  margin-bottom: 10px !important;
}

.maxHeight-main {
  max-height: 530px;
  padding-right: 5% !important;
}

.pre-blog {
  padding: 1rem 0 0 1rem;
  text-align: left;
  color: #363636;
}

.pre-blog h6 {
  margin-bottom: 1.5rem;
}

.nav-template li:hover {
  background-color: transparent;
}

.head-page {
  text-align: center;
  background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_07072024luqf/1423/0/banner02z-z468028922517.webp);
  padding: 4% 0 3%;
  color: #fff;
  background-position: center 20%;
  background-repeat: no-repeat;
  background-size: cover;
}

.head-page h6 {
  color: #8ce312;
}

.about-page {
  padding-right: 4%;
  padding-top: 3%;
}

.about-page h6 {
  margin-top: 5%;
}

.vision-page li {
  /*border: 1px solid rgba(0, 0, 0, .125);*/
  border-radius: 10px;
  padding: 5%;
  background: #fff;
  box-shadow: 0 4px 8px rgb(0, 0, 0, 0.05);
}

.vision-page ul {
  list-style: none;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}

.img-vision {
  width: 13%;
  margin-bottom: 3%;
}

.about-page p,
.vision-page p,
.detail-img-pd h6,
.head-product p,
.product-detail p,
.product-page02 p,
.policy-page p,
.blog-detail p,
.blog-zone p,
.product-page p {
  line-height: 26px;
}

.product-page02 h6 {
  line-height: 32px;
}

.sect-mission li {
  width: 29.33%;
  margin: 1% 2%;
  text-align: center;
}

.sect-mission ul {
  list-style: none;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.img-mission {
  width: 50%;
  margin: auto;
}

div#Component66bc6d9378089c001319e962 .col-md-3.col-sm-4.col-xs-4 {
  width: 12.5%;
}

div#Component66bc6d9378089c001319e962 .imgLightbox img {
  background: #fff;
}

.Text_seller2 {
  display: none;
}

div#Contentmanager .col-md-4.col-sm-4.col-xs-12 {
  width: 31.33%;
  margin: 1%;
}

div#Contentmanager .col-md-4.col-sm-4.col-xs-12 .pre-blog h6 {
  height: 30px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 30px;
}

figure.effect-selena figcaption {
  padding: 0;
  position: relative;
  text-transform: none;
}

figure.effect-selena h2 {
  -webkit-transition: inherit;
  transition: inherit;
  -webkit-transform: inherit;
  transform: inherit;
}

.text-product2 h6 {
  margin-top: 0;
}

.text-product2 {
  text-align: left;
  padding: 5% 7%;
  background: #fff;
}

figure.effect-selena:hover img {
  -webkit-transform: inherit;
  transform: inherit;
}

figure.effect-selena img {
  opacity: 1;
  -webkit-transition: inherit;
  transition: inherit;
  -webkit-transform-origin: inherit;
  transform-origin: inherit;
}

.product-detail li,
.product-page02 li {
  margin-bottom: 1%;
}

.product-detail {
  padding: 5% 7% 0;
}

.img-page-product {
  text-align: center;
  padding: 5%;
}

.img-page-product img {
  width: 35% !important;
  margin-bottom: 1%;
}

.sym-pd {
  color: #d3d3d3;
  font-size: 38px;
}

.text-product2 .btn-view {
  margin-bottom: 5%;
}

.detail-img-pd {
  padding: 3% 2%;
  background: #fff;
  min-height: 95px;
  border-radius: 0 0 20px 20px;
}

.blog-equipment img {
  width: 70% !important;
  margin-bottom: 7%;
}

.blog-equipment {
  background: #fff;
  padding: 9% 3%;
  border-radius: 20px;
  text-align: center;
}

.equipment {
  color: #fff;
  margin-bottom: 2%;
}

.text-white {
  color: #fff;
}

.head-product h6 {
  color: #7f7f7f;
  margin-bottom: 2%;
  line-height: 34px;
}

.head-product ul {
  list-style: none;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  width: 50%;
  margin: auto;
  margin-top: 4%;
}

.head-product h5 {
  margin-bottom: 2%;
  line-height: 36px;
}

.head-product li {
  padding: 3% 0;
}

.border-right {
  border-right: 1px solid #ddd;
}

.page-merg {
  display: grid;
  grid-template-columns: 40% auto;
  justify-content: center;
  gap: 20px;
  align-items: center;
  padding: 0;
}

.text-detail-product p {
  font-weight: 400;
  margin-bottom: 2.5%;
  line-height: 32px;
}

.text-detail-product h5 {
  margin-bottom: 5%;
  margin-top: 5%;
}

.product-detail h6,
.blog-detail h6 {
  margin-top: 3%;
}

div#HtmlTool66bc81ac55b8a30013691f8e .embed-responsive.embed-responsive-16by9 {
  padding-bottom: 63.25%;
}

div#Component66bc85569c8bc00013629630 figure,
div#Component66bd957eb6c31a00133301a9 figure,
div#Component66d5874afd518f00129b97b7 figure {
  box-shadow: 0 4px 8px rgb(0, 0, 0, 0.1);
}

.product-page02 {
  padding: 3% 5%;
}

.mt-5 {
  margin-top: 5%;
}

.img-zone {
  width: 50%;
  margin: auto;
}

.text-detail-product {
  padding: 0 3%;
}

ul#slider66bdb0fa477ea10013824466 img {
  object-fit: contain;
}

div#Component66bdb708f333110013599d93 .none-middle-mid div div div div:nth-child(3) {
  justify-content: center;
}

.img-queue .img-zone {
  width: 70%;
}

.contact-page ul {
  list-style: none;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
  margin-top: 2%;
  margin-bottom: 2%;
}

.contact-page li:nth-child(-n + 3) {
  width: 30%;
}

.contact-page li {
  background: #fff;
  border-radius: 20px;
  width: 22%;
  text-align: center;
  padding: 1rem 2rem 2rem;
}

.contact-page li img {
  width: 100px !important;
}

.form-contact {
  width: 45%;
  margin: auto;
  text-align: center;
  padding: 3% 2% 1%;
  background: #fff;
  border-radius: 20px 20px 0 0;
}

div#Component66bebeba790c0b0013dd42d8 {
  width: 45%;
  margin: auto;
  background: #fff;
  padding-bottom: 3%;
  border-radius: 0 0 20px 20px;
}

div#Component66bebeba790c0b0013dd42d8 button {
  background-image: none;
  text-shadow: none;
  border-color: #202c60;
  background: #202c60;
  border-radius: 30px;
  padding: 0.75rem 2rem;
  color: #fff;
}

.policy-page h6 {
  margin-top: 4%;
}

.policy-page p,
.blog-detail p {
  margin-bottom: 2%;
}

.policy-page ul {
  list-style: none;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin-bottom: 3%;
}

figure.effect-oscar:hover .btn-view::before,
.nav-template li:hover .btn-view::before,
figure.effect-selena:hover .btn-view::before,
div#Contentmanager .col-md-4.col-sm-4.col-xs-12:hover .btn-view::before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

figure.effect-oscar:hover .btn-view,
.nav-template li:hover .btn-view,
figure.effect-selena:hover .btn-view,
div#Contentmanager .col-md-4.col-sm-4.col-xs-12:hover .btn-view {
  color: #fff;
  border-color: #82ad1a;
}

figure.effect-oscar img,
.social-footer img,
.sect-mission li img,
figure.effect-selena img,
.blog-zone img,
div#Contentmanager .col-md-4.col-sm-4.col-xs-12 .img,
.blog-service img,
.contact-page li img {
  transition: transform 0.2s ease-out;
}

figure.effect-oscar .imgLightbox,
figure.effect-selena .imgLightbox,
div#Contentmanager .img-container {
  overflow: hidden;
}

figure.effect-oscar:hover img,
.blog-service:hover img,
.social-footer img:hover,
.sect-mission li:hover img,
figure.effect-selena:hover img,
.blog-zone img:hover,
div#Contentmanager .col-md-4.col-sm-4.col-xs-12:hover .img,
.contact-page li:hover img {
  transform: scale(1.05);
}

.page-header {
  padding-bottom: 0;
  margin: 3% 0 0;
  border-bottom: none;
}

.social-icon {
  border-radius: 5px;
}

div#Contentmanager .img-thumbnail,
div#Contentmanager .thumbnail {
  box-shadow: none;
  border: none;
  padding: 0;
  border-radius: 20px;
}

.Textmanager {
  text-align: left;
}

.post-time,
.fbcomments,
.landingpagemanager {
  display: none;
}

div#Component66bebeba790c0b0013dd42d8 button:hover {
  background: #82ad1a;
  border-color: #82ad1a;
}

div#Component66beb8f8790c0b0013dd4122 .maxHeight-main .img-container {
  overflow: visible;
}

.about-page h5 {
  margin-top: 2%;
}

.blog-zone {
  padding: 0 3%;
  margin-bottom: 5%;
}

div#Component66bebeba790c0b0013dd42d8 .form-control {
  box-shadow: none;
}

div#Component66bd8021f3331100135991d2 .imgLightbox img {
  border-radius: 0;
}

.ITPcookiebar {
  width: 100% !important;
  background-color: #202c6080 !important;
  color: #fff;
}

.buttonExampleSite {
  border-radius: 5rem !important;
  border: 1px solid #202c60 !important;
  color: #171717 !important;
}

.buttonExampleSite:hover {
  background: #82ad1a !important;
  color: #ffffff !important;
}

.ITPlinkToCookiepage:hover {
  color: #82ad1a !important;
}

.itpPDPALandingPage,
.ITP-pdpa-template-contentFont {
  font-size: 16px !important;
  margin-bottom: 3% !important;
}

.itpPDPALandingPage {
  margin-top: 3%;
}

.ITP-pdpa-template-titleFont {
  font-size: 20px !important;
  font-weight: 600 !important;
}

.ITP-pdpa-template-contentFont {
  line-height: 28px;
}

div#Component66bebeba790c0b0013dd42d8 .col-md-offset-3 {
  margin-left: 0;
  width: 100%;
  text-align: center;
}

.policy-page p.fw-semi {
  margin: 0;
}

.text-detail-product.temp-01 {
  width: fit-content;
  margin: auto;
  margin-left: 0;
  margin-top: 10%;
}

.text-detail-product.temp-02 {
  width: fit-content;
  margin: auto;
  margin-right: 0;
  margin-top: 10%;
}

.detail-img-pd h6 {
  font-weight: 400;
}

div#Component66d5874afd518f00129b97b7 img {
  border-radius: 20px 20px 0 0;
}

.product-esl {
  padding: 3% 5%;
  min-height: 125px;
}

.phone-detail li {
  padding: 5%;
  text-align: center;
}

.phone-detail ul {
  list-style: none;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}

.product-phone {
  min-height: 170px;
  padding: 3% 4%;
}

.text-detail-product.pt-10 {
  padding-top: 10%;
}
/*********************responsive*******************/

@media screen and (min-width: 1900px) {
  .navbar-default .navbar-nav > li > a,
  .dropdown-menu > li > a {
    font-size: 20px;
  }

  h1 {
    font-size: 4.625em;
  }

  h2 {
    font-size: 4.4em;
  }

  h3 {
    font-size: 3.2em;
  }

  h4,
  h3.managerHeader {
    font-size: 2.8em;
  }

  h5 {
    font-size: 2.4em;
  }

  h6 {
    font-size: 2em;
  }

  .footer h6,
  .text-service p,
  .text-product2 h6,
  .detail-img-pd h6,
  .text-detail-product h6 {
    font-size: 24px;
  }

  p,
  .text-product h6,
  .text-detail-product li,
  .text-detail-product p {
    font-size: 20px;
  }

  .text-product h5 {
    font-size: 28px;
  }

  .text-detail-product h5 {
    font-size: 32px;
  }

  .btn-view,
  .btn-more,
  .btn-blog,
  .copy-right p,
  div#Component66bebeba790c0b0013dd42d8 button {
    font-size: 18px;
  }

  .text-product.product-big h5 {
    font-size: 38px;
  }

  .sym-pd {
    font-size: 44px;
  }

  ul#itopplus-nav-bar.navbar-nav > li > a {
    padding: 10px 0 20px;
  }

  .sect-about p {
    line-height: 34px;
  }

  .sect-about {
    padding: 10% 8%;
  }

  .img-about {
    margin-top: -110px;
  }

  .text-rotate {
    left: -75px;
    top: -35px;
  }

  .img-service {
    width: 75%;
  }

  .img-blog-service {
    width: 65%;
  }

  .blog01,
  .blog03 {
    top: 35px;
  }

  .blog02 {
    top: 110px;
  }

  .text-product.product-big {
    bottom: 30%;
  }

  .text-product.product-big h5 {
    line-height: 48px;
  }

  .maxHeight-TP4 {
    min-height: 240px !important;
    max-height: 240px;
    margin-bottom: 15px !important;
  }

  .maxHeight-main {
    max-height: 740px;
  }

  .social-footer {
    width: 70%;
  }

  .about-page p,
  .vision-page p,
  .detail-img-pd h6,
  .head-product p,
  .product-detail p,
  .product-page02 p,
  .policy-page p,
  .blog-detail p,
  .blog-zone p,
  .product-page p {
    line-height: 32px;
  }

  .text-detail-product p {
    line-height: 38px;
  }

  .product-detail h5,
  .product-page02 h5,
  .product-page02 h6 {
    line-height: 40px;
  }

  .head-product h5 {
    line-height: 44px;
  }

  .detail-img-pd {
    min-height: 115px;
  }

  .product-page02 {
    padding: 5%;
  }

  .product-page02 h5 {
    margin-bottom: 3%;
  }

  ul#slider66bdb0fa477ea10013824466 .grid figure {
    height: 500px !important;
    max-height: 500px !important;
  }

  div#Contentmanager .col-md-4.col-sm-4.col-xs-12 .pre-blog h6 {
    height: 35px;
    line-height: 37px;
  }

  .contact-page li {
    grid-template-columns: 120px auto;
  }

  div#Component66bebeba790c0b0013dd42d8 label,
  div#Component66bebeba790c0b0013dd42d8 .form-control {
    font-size: 18px !important;
    font-weight: 500;
  }

  div#Component66bebeba790c0b0013dd42d8 input.form-control {
    height: 45px;
  }

  .ITP-pdpa-template-titleFont {
    font-size: 24px !important;
  }

  .ITP-pdpa-template-contentFont {
    line-height: 32px;
    font-size: 18px !important;
  }
  .head-product h6 {
    line-height: 44px;
  }

  .itopplus-slide {
    padding-top: 200px !important;
  }
}

@media screen and (max-width: 1366px) {
  h4,
  h3.managerHeader {
    font-size: 2.2em;
  }

  .img-about {
    margin-top: -65px;
    margin-right: -85px;
  }

  h2 {
    font-size: 3em;
  }

  .img-service {
    width: 80%;
  }

  .blog01,
  .blog03 {
    top: -35px;
  }

  .blog02 {
    top: 20px;
  }

  .itopplus-menu-logo {
    height: 80px !important;
  }

  .product-detail br {
    display: none;
  }

  div#HtmlTool66bc81ac55b8a30013691f8e .embed-responsive.embed-responsive-16by9 {
    padding-bottom: 67.25%;
  }

  .text-detail-product {
    margin-bottom: 7%;
  }

  div#Component66bd8021f3331100135991d2 .imgLightbox img {
    height: 500px;
    object-fit: cover;
  }

  .product-page02 {
    padding: 0 5%;
  }
}

@media screen and (max-width: 1200px) {
  .navbar-default .navbar-nav > li > a,
  .dropdown-menu > li > a {
    font-size: 14px;
  }

  .itopplus-menu-logo {
    height: 70px !important;
  }

  .navbar-default .navbar-nav > li > a {
    margin: 0 8px;
  }

  h1 {
    font-size: 3.5em;
  }

  h2 {
    font-size: 3em;
  }

  h3 {
    font-size: 2.8em;
  }

  h4,
  h3.managerHeader {
    font-size: 2.2em;
  }

  h5 {
    font-size: 1.8em;
  }

  h6 {
    font-size: 18px;
  }

  .footer h6,
  .text-service p,
  .text-product2 h6,
  .text-detail-product h6 {
    font-size: 18px;
  }

  p,
  .text-product h6,
  .text-detail-product li,
  .text-detail-product p,
  .detail-img-pd h6 {
    font-size: 16px;
  }

  .text-product h5 {
    font-size: 20px;
  }

  .text-detail-product h5 {
    font-size: 24px;
  }

  .text-product.product-big h5 {
    font-size: 30px;
  }

  .sym-pd {
    font-size: 34px;
  }

  .sect-about p,
  .text-product.product-big h5,
  .product-detail h5,
  .product-page02 h5,
  .product-page02 h6,
  .head-product h5 {
    line-height: inherit;
  }

  .sect-about {
    width: 85%;
  }

  .img-service {
    width: 75%;
  }

  br {
    display: none;
  }

  .text-product2 h6 {
    margin-bottom: 0;
    height: 50px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 26px;
  }

  .blog-equipment {
    height: 230px;
  }

  .img-zone {
    width: 60%;
  }

  div#HtmlTool66bc81ac55b8a30013691f8e .embed-responsive.embed-responsive-16by9 {
    padding-bottom: 76.25%;
  }

  div#Component66bde107b6c31a0013330e1c .text-product2 h6 {
    height: auto;
    -webkit-line-clamp: unset;
    font-size: 16px;
    line-height: 24px;
  }

  div#Component66bddcb497002a001367529a .detail-img-pd h6 {
    font-size: 14px;
  }

  .contact-page li {
    grid-template-columns: 85px auto;
    gap: 5px;
  }

  .itopplus-slide {
    padding-top: 135px !important;
  }
}

@media screen and (max-width: 900px) {
  .footer,
  .social-footer {
    display: none;
  }
  .sect-footer {
    padding-left: 0;
    padding-top: 3%;
    padding-bottom: 2%;
  }

  .sect-footer .col-md-4.col-sm-4,
  div#mainmenu66bc39399853210013d93e7a .col-md-9.col-sm-9.col-xs-12,
  div#mainmenu66bc398455b8a30013691601 .col-md-9.col-sm-9.col-xs-12 {
    width: 100%;
    text-align: center;
  }

  h3 {
    font-size: 2.4em;
  }

  .text-product.product-big h5 {
    font-size: 24px;
  }

  .text-product h5,
  .text-detail-product h5 {
    font-size: 16px;
  }

  .text-product {
    bottom: -10px;
  }

  .sect-about {
    margin-top: 10%;
    width: 100%;
  }

  h4,
  h3.managerHeader {
    font-size: 1.8em;
  }

  h2 {
    font-size: 2.6em;
  }

  .text-rotate h2 {
    width: 500px;
  }

  .text-rotate {
    left: -35px;
    top: 100px;
  }

  .img-about {
    margin-top: -45px;
    margin-right: -45px;
  }

  .blog01,
  .blog03 {
    top: -70px;
  }

  .blog02 {
    top: -10px;
  }

  div#contentnewmode66bc1e8856eb84001356569c {
    display: none;
  }

  div#Component66beb8f8790c0b0013dd4122 .maxHeight-TP4 .col-md-4.col-sm-4.col-xs-4,
  div#Component66beb8f8790c0b0013dd4122 .maxHeight-TP4 .col-md-8.col-sm-8.col-xs-8 {
    width: 100%;
  }

  div#Component66beb8f8790c0b0013dd4122 .img-container {
    padding-bottom: 55%;
  }

  .pre-blog {
    padding: 1rem 0;
  }

  .maxHeight-TP4 {
    min-height: 265px !important;
    max-height: 265px;
  }

  .img-vision {
    width: 20%;
    margin-bottom: 7%;
  }

  .text-product2 h6 {
    margin-bottom: 3%;
  }

  div#HtmlTool66bc81ac55b8a30013691f8e .embed-responsive.embed-responsive-16by9 {
    padding-bottom: 120.25%;
  }

  .blog-equipment,
  .detail-img-pd {
    min-height: auto;
  }

  div#Component66bd8021f3331100135991d2 .imgLightbox img {
    height: 520px;
  }

  div#mainmenu66bdc1c397002a0013674cec .col-md-3.col-sm-6.col-xs-12 {
    width: 25%;
  }

  .head-product h5 br {
    display: block;
  }

  .contact-page li:nth-child(-n + 3),
  .contact-page li {
    width: 32%;
  }

  .contact-page li {
    width: 24%;
  }

  .contact-page ul {
    justify-content: start;
    gap: 10px;
  }

  .form-contact,
  div#Component66bebeba790c0b0013dd42d8 {
    width: 55%;
  }

  .form-contact {
    padding-bottom: 2%;
    margin-bottom: -1px;
  }

  div#Component66bebeba790c0b0013dd42d8 .col-xs-12.col-sm-3.col-md-3 {
    text-align: center;
  }

  .contact-page li img {
    width: 85px !important;
  }

  .head-product h6 {
    line-height: inherit;
  }

  .itopplus-slide {
    padding-top: 50px !important;
  }
}

@media screen and (max-width: 480px) {
  h2 {
    font-size: 34px;
  }

  h3 {
    font-size: 30px;
  }

  h4 {
    font-size: 26px;
  }

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

  div#imagesControl66bc1389ad5d520013c32d2c,
  div#imagesControl66bc0ef39853210013d932f4,
  div#mainmenu66bc1382ad5d520013c32d23 > div,
  div#Component66bc1389ad5d520013c32d2c .thumbs,
  div#Component66bc13e278089c001319d5a7 .thumbs,
  div#imagesControl66bc13a478089c001319d568,
  div#imagesControl66bc13c778089c001319d58e,
  div#Component66bc13c778089c001319d58e .col-md-12.col-sm-12.col-xs-12,
  div#mainmenu66bc13be78089c001319d585 > div,
  div#imagesControl66bc13e278089c001319d5a7,
  div#contentnewmode66bc1e6456eb840013565655,
  div#contentnewmode66bc1e7856eb840013565678,
  div#contentnewmode66bc1e7c56eb840013565681,
  div#contentnewmode66bc1e8056eb840013565693,
  div#mainmenu66bc1e4b56eb840013565648 > div,
  div#mainmenu66bc1e7056eb84001356565f > div,
  div#Component66bc1389ad5d520013c32d2c .col-md-6.col-sm-6.col-xs-12,
  div#Component66bc13e278089c001319d5a7 .col-md-6.col-sm-6.col-xs-12,
  div#Component66bc13a478089c001319d568 .col-md-12.col-sm-12.col-xs-12,
  div#Component66beb8f8790c0b0013dd4122 .maxHeight-TP4 .col-md-4.col-sm-4.col-xs-4,
  div#Component66beb8f8790c0b0013dd4122 .maxHeight-TP4 .col-md-8.col-sm-8.col-xs-8,
  div#mainmenu66beb8f8790c0b0013dd4122 > div,
  .maxHeight-main .col-md-12.padding-col,
  div#Component66bd837d146acd0013e2ca9f,
  div#Component66bd881897002a0013674250,
  div#Component66bd8a48477ea10013823ef7,
  div#Component66bda4d617bac60013a037e8,
  div#Component66bdad24f333110013599a06,
  div#Component66bdad06b6c31a0013330501,
  div#Component66bdaccbb6c31a00133304ed,
  div#Component66bdace2477ea1001382433e,
  ul#slider66bdb0fa477ea10013824466,
  div#Component66bdb9f5f333110013599ea8,
  div#Component66bdbe64f333110013599fc4,
  div#Component66bdbe56146acd0013e2d362,
  div#Component66bdbe56146acd0013e2d349,
  div#Component66bdc0c3f333110013599fec,
  div#Component66bdce2e477ea10013824a57,
  div#Component66bdd09ef33311001359a331,
  div#Component66bdd28b477ea10013824bac,
  div#Component66bdd37ff33311001359a3f0,
  div#Component66bde048146acd0013e2da59,
  div#Component66bdd96697002a00136751fc,
  div#Component66bddc5b146acd0013e2d95f,
  div#Component66bddd59477ea10013824d6d,
  div#imagesControl66ea67628fd3a50013216eb2 {
    padding: 0 !important;
  }

  .text-product {
    bottom: 0;
    padding: 6%;
  }

  div#Component66bc1389ad5d520013c32d2c .thumbs,
  div#Component66bc13e278089c001319d5a7 .thumbs {
    margin: 0;
  }

  div#Component66bc1389ad5d520013c32d2c .col-md-6.col-sm-6.col-xs-12,
  div#Component66bc13e278089c001319d5a7 .col-md-6.col-sm-6.col-xs-12 {
    margin: 2%;
    margin-bottom: 2rem;
    width: 46%;
  }

  .text-product .btn-view {
    margin-top: 1rem;
  }

  .text-rotate {
    left: -50px;
    top: 145px;
  }

  .img-service,
  .img-blog-service {
    width: 100%;
  }

  .blog-service {
    display: grid;
    grid-template-columns: 30% auto;
    text-align: left;
    gap: 10px;
    align-items: center;
  }

  .blog01,
  .blog03,
  .blog02 {
    top: 0;
  }

  div#Component66bc1389ad5d520013c32d2c figcaption,
  div#Component66bc13e278089c001319d5a7 figcaption {
    background: linear-gradient(0deg, #ffffff, #ffffff9e, #ffffff00);
    border-radius: 20px;
  }

  .marquee-item {
    flex: 0 0 18vw;
  }

  div#Component66beb8f8790c0b0013dd4122 .img-container {
    padding-bottom: 85%;
  }

  .maxHeight-main {
    max-height: unset !important;
    padding-right: 0 !important;
    padding: 0 5px !important;
  }

  div#Component66beb8f8790c0b0013dd4122 .col-md-6.col-sm-8.col-xs-12,
  div#Component66beb8f8790c0b0013dd4122 .col-md-6.col-sm-4.col-xs-12 {
    width: 50%;
  }

  .maxHeight-TP4 {
    min-height: unset !important;
    max-height: unset;
    margin-bottom: 0 !important;
  }

  .pre-blog,
  .about-page {
    padding: 0;
  }

  .pre-blog h6 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 50px;
    line-height: 26px;
    font-size: 16px;
  }

  div#Contentmanager .maxHeight-main .img-container .img {
    box-shadow: none;
  }

  div#Component66beb8f8790c0b0013dd4122 .nav-template li:hover a {
    text-decoration: none !important;
  }

  .vision-page ul {
    grid-template-columns: repeat(1, 1fr);
  }

  .sect-mission li {
    width: 100%;
    display: grid;
    grid-template-columns: 30% auto;
    text-align: left;
    margin: 0;
    align-items: center;
  }

  .img-mission,
  .head-product ul,
  div#mainmenu66bdc1c397002a0013674cec .col-md-3.col-sm-6.col-xs-12 {
    width: 100%;
  }

  .text-product2 h6 {
    height: auto;
  }

  figure.effect-default img {
    border-radius: 20px 20px 0 0;
  }

  .text-product2 {
    border-radius: 0 0 20px 20px;
  }

  .img-page-product img {
    width: 85% !important;
  }

  .head-page {
    padding: 7% 0;
  }

  div#HtmlTool66bc81ac55b8a30013691f8e .embed-responsive.embed-responsive-16by9 {
    padding-bottom: 80%;
  }

  .img-page-product {
    padding: 5% 0;
  }

  .product-detail,
  .product-page02,
  .product-page {
    padding: 0;
  }

  .detail-img-pd {
    text-align: center;
  }

  .page-merg {
    width: 100%;
    display: block;
  }
  .text-detail-product,
  .blog-zone {
    padding: 0;
  }

  div#Component66bd8021f3331100135991d2 .imgLightbox img {
    height: auto;
    border-radius: 20px;
  }

  div#Component66bd837d146acd0013e2ca9f img,
  div#Component66bd881897002a0013674250 img,
  div#Component66bd8a48477ea10013823ef7 img,
  div#Component66bda4d617bac60013a037e8 img,
  div#Component66bdad24f333110013599a06 img,
  div#Component66bdad06b6c31a0013330501 img,
  div#Component66bdaccbb6c31a00133304ed img,
  div#Component66bdace2477ea1001382433e img,
  ul#slider66bdb0fa477ea10013824466 img,
  div#Component66bdb9f5f333110013599ea8 img,
  div#Component66bdbe64f333110013599fc4 img,
  div#Component66bdbe56146acd0013e2d362 img,
  div#Component66bdbe56146acd0013e2d349 img,
  div#Component66bdc0c3f333110013599fec img,
  div#Component66bdce2e477ea10013824a57 img,
  div#Component66bdd09ef33311001359a331 img,
  div#Component66bdd28b477ea10013824bac img,
  div#Component66bdd37ff33311001359a3f0 img,
  div#Component66bde048146acd0013e2da59 img,
  div#Component66bdd96697002a00136751fc img,
  div#Component66bddc5b146acd0013e2d95f img,
  div#Component66bddd59477ea10013824d6d img,
  div#Component66bc6d9378089c001319e962 img,
  div#Component66d58e49c501150013f162f9 img,
  div#Component66ea67628fd3a50013216eb2 img,
  div#Component66ea67628fd3a50013216ec7 img,
  div#Component66ea67628fd3a50013216ebe img {
    border-radius: 20px;
  }

  div#contentnewmode66bd8a0d477ea10013823e8c,
  div#contentnewmode66bdaec8477ea100138243e6,
  .social-share {
    display: none;
  }

  div#background66bd8a41477ea10013823eeb .none-middle-mid,
  div#mainmenu66bdab85477ea10013824304 .none-middle-mid,
  div#mainmenu66bdab96f333110013599928 .none-middle-mid,
  div#mainmenu66d17839b753c000139752f4 .none-middle-mid,
  div#mainmenu66d1798bc501150013f13f01 .none-middle-mid,
  div#mainmenu66d17a05fd518f00129b7bbb .none-middle-mid,
  div#mainmenu66d58d28fd518f00129b98a7 .none-middle-mid,
  div#mainmenu66d58eb0b753c00013977101 .none-middle-mid,
  div#mainmenu66d58ed0fd518f00129b9951 .none-middle-mid,
  div#mainmenu66d59113fd518f00129b99e1 .none-middle-mid,
  div#mainmenu66d58e28c501150013f162e5 .none-middle-mid,
  div#mainmenu66d6912ba0d57a0013e9de78 .none-middle-mid,
  div#mainmenu66d6915f96e4d70013aa6db5 .none-middle-mid,
  div#mainmenu66bd836e146acd0013e2ca90 .none-middle-mid,
  div#mainmenu66d693e1ab37670013c86ed3 .none-middle-mid,
  div#mainmenu66d6941196e4d70013aa6e77 .none-middle-mid,
  div#mainmenu66ea67628fd3a50013216ec3 .none-middle-mid {
    display: flex;
    flex-wrap: wrap-reverse;
  }

  div#background66bd8a41477ea10013823eeb .none-middle-mid .none-middle-mid,
  div#mainmenu66bdab85477ea10013824304 .none-middle-mid .none-middle-mid,
  div#mainmenu66bdab96f333110013599928 .none-middle-mid .none-middle-mid,
  div#mainmenu66d17839b753c000139752f4 .none-middle-mid .none-middle-mid,
  div#mainmenu66d1798bc501150013f13f01 .none-middle-mid .none-middle-mid,
  div#mainmenu66d17a05fd518f00129b7bbb .none-middle-mid .none-middle-mid,
  div#mainmenu66d58d28fd518f00129b98a7 .none-middle-mid .none-middle-mid,
  div#mainmenu66d58eb0b753c00013977101 .none-middle-mid .none-middle-mid,
  div#mainmenu66d58ed0fd518f00129b9951 .none-middle-mid .none-middle-mid,
  div#mainmenu66d59113fd518f00129b99e1 .none-middle-mid .none-middle-mid,
  div#mainmenu66d58e28c501150013f162e5 .none-middle-mid .none-middle-mid,
  div#mainmenu66d6912ba0d57a0013e9de78 .none-middle-mid .none-middle-mid,
  div#mainmenu66d6915f96e4d70013aa6db5 .none-middle-mid .none-middle-mid,
  div#mainmenu66bd836e146acd0013e2ca90 .none-middle-mid .none-middle-mid,
  div#mainmenu66d693e1ab37670013c86ed3 .none-middle-mid .none-middle-mid,
  div#mainmenu66d6941196e4d70013aa6e77 .none-middle-mid .none-middle-mid,
  div#mainmenu66ea67628fd3a50013216ec3 .none-middle-mid .none-middle-mid {
    display: block;
  }

  .product-page02 h6 {
    margin-top: 0;
  }

  .img-queue .img-zone {
    width: 60%;
  }

  div#Component66bc6d9378089c001319e962 .col-md-3.col-sm-4.col-xs-12 {
    width: 33.33%;
    padding: 0 !important;
  }

  div#Contentmanager .col-md-4.col-sm-4.col-xs-12 {
    width: 100%;
    margin-bottom: 8%;
  }

  div#Contentmanager .col-md-4.col-sm-4.col-xs-12 .pre-blog h6 {
    height: auto;
    -webkit-line-clamp: unset;
  }

  h3.managerHeader {
    line-height: 34px;
  }

  div#Contentmanager .col-md-12.text-justify {
    padding: 0 2%;
  }

  div#Contentmanager .form-group {
    margin-bottom: 0;
  }

  .policy-page p,
  .blog-detail p {
    margin-bottom: 6%;
  }

  .form-contact,
  div#Component66bebeba790c0b0013dd42d8 {
    width: 90%;
  }

  div#Component66bebeba790c0b0013dd42d8 .col-xs-12.col-sm-3.col-md-3 {
    text-align: left;
  }

  .form-contact {
    padding-top: 7%;
  }

  .text-detail-product h5 {
    font-size: 20px;
  }
  div#Component66bc0ef39853210013d932f4 img {
    border-radius: 0;
  }

  .ITPcookiebar {
    padding: 3%;
    display: flex !important;
  }

  .ITPcookieLeftText {
    /* color: white; */
    float: unset !important;
    padding-left: 0 !important;
    padding-top: 0 !important;
  }

  .ITPcookieButton {
    float: unset !important;
    padding-right: 0 !important;
    padding-top: 0 !important;
  }

  .ITPcookieLeftText span {
    font-size: 14px;
  }

  .contact-page li img {
    width: 100% !important;
  }

  .contact-page li:nth-child(-n + 3),
  .contact-page li,
  .contact-page li {
    width: 100%;
  }
  .contact-page li {
    display: grid;
    grid-template-columns: 74px auto;
    text-align: left;
    align-items: center;
    padding: 1rem;
  }

  .marquee {
    overflow: hidden;
  }

  .text-detail-product.temp-01,
  .text-detail-product.temp-02 {
    margin-top: 0;
  }

  .text-detail-product h5 {
    margin-top: 5%;
  }

  .phone-detail ul {
    grid-template-columns: repeat(1, 1fr);
  }

  .border-right {
    border: none;
  }

  .text-detail-product.temp-01,
  .text-detail-product.temp-02 {
    margin: unset;
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }

  .itopplus-slide {
    padding-top: 0 !important;
  }
}

.unknown {
  position: fixed;
  bottom: 6% !important;
}

.unknown_prf .btn-main,
.unknown_prf:hover .btn-main {
  margin-bottom: 0 !important;
}

.open > a + .grid-container-3 {
  height: 100vw !important;
  background: white;
  display: ruby;
}

.image-menu-firstlv {
  display: none;
}

@media screen and (min-width: 1200px) {
  .itpMegamenuTemplate4::before,
  .itpMegamenuTemplate4::after {
    display: none;
  }

  .open > a + .grid-container-3 > .itpMegamenuTemplate4 {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr);
    row-gap: 2vh;
    width: 100% !important;
    padding: 0 0 0 15vw !important;
  }

   #itopplus-nav-bar .itpMegamenuTemplate4 div {
    display: flex;
    flex-direction: column;
    margin: 0 !important;
    padding: 0 !important;
    width: 100%;
  }

  #itopplus-nav-bar .itpMegamenuTemplate4 > .mainMenuType12 {
    display: flex;
    flex-direction: column;
  }

  #itopplus-nav-bar .level3Menutab2Type12 > div {
    margin: 5px 0;
  }

  #itopplus-nav-bar .topTitleMenuText3 {
    margin: 0 !important;
  }

  #itopplus-nav-bar .nonpaddingTop {
    width: max-content;
    padding: 5px 0 !important;
  }

  #itopplus-nav-bar .level4Menutab2Type28 {
    display: grid;
    gap: 5px;
  }

  #itopplus-nav-bar .topTitleMenuText2 {
    font-size: clamp(16px, 1.2vw, 26px) !important;
  }

  #itopplus-nav-bar .topTitleMenuText3 {
    font-size: clamp(16px, 0.8vw, 22px) !important;
  }

  #itopplus-nav-bar .topTitleMenuText6 {
    margin: 0 !important;
  }

   #itopplus-nav-bar .text-menu-megamenutempalte5.nonpaddingTop {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
  }
}





.TabItpContentLandingPage4 .Textmanager > .row {
	display: flex;
  	flex-direction: column;
  	gap: 5px;
      max-width: 350px;
    margin: auto;
}


.TabItpContentLandingPage4 .Textmanager > .row > div{
	width: 100% !important; 
      
}

.TabItpContentLandingPage4 .Textmanager > .row > div img{
	max-width: 350px;
}

/*Content Manager : Tab by Cate Type A*/

.nav-justified>li>a {
	color: #000;
}

.nav>li>a:focus, .nav>li>a:hover {
	background-color: #202c60;
}

.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
	color: #202c60;
    background-color: #fff;
}

.Contentmanager .site .col-section .item.-micro a .caption .title {
	color: #000;
}

.Contentmanager .site .col-section .item.-micro a .post {
	color: #fff;
}

.Contentmanager .site .col-section .item.-micro:nth-child(odd) {
	border-right: none;
    border-bottom: none;
}

.Contentmanager .site .col-section .item.-micro:nth-child(even) {
	border-bottom: none;
}



.btn-more {
    color: #000000;
    border: 1px solid #fff;
}