.itopplus-background {

}
body {
  overflow-x: hidden;
}

.itopplus-bg {
  background-image: url('https://itp1.itopfile.com/ImageServer/z_itp_0707202468mj/0/0/1z-z189650406092.webp');
}

.itopplus-bg2 {
  background-image: url('https://itp1.itopfile.com/ImageServer/z_itp_0707202468mj/0/0/2z-z1479824395615.webp');
      background-size: cover;
}

.itopplus-bg3 {
  background-image: url('https://itp1.itopfile.com/ImageServer/z_itp_0707202468mj/0/0/3z-z947530449237.webp');
        background-size: cover;
}

.itopplus-bg4 {
  background-image: url('https://itp1.itopfile.com/ImageServer/z_itp_0707202468mj/0/0/4z-z105671488150.webp');
}

.itopplus-bg5 {
  background-image: url('https://itp1.itopfile.com/ImageServer/z_itp_0707202468mj/0/0/5z-z1249836732985.webp');
}

.itopplus-bg6 {
  background-image: url('https://itp1.itopfile.com/ImageServer/z_itp_0707202468mj/0/0/6z-z494810408777.webp');
  background-position: center;
}

.itopplus-bg7 {
  background-image: url('https://itp1.itopfile.com/ImageServer/z_itp_0707202468mj/0/0/7z-z829028934241.webp');
}

.itopplus-footer {
  background-image: url('https://itp1.itopfile.com/ImageServer/z_itp_0707202468mj/0/0/fz-z1636433124627.webp');
      background-size: cover;
}

.itopplus-header {
    background-color: #1B273D;
    color: #A3A8B2;
}

.navbar-default .navbar-nav>li>a {
  color: #444;
  margin: 0 10px;
  padding: 8px 15px;
  font-family: "Oswald", "Noto Sans Thai", sans-serif;
}

.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: #5da3ed !important;
  box-shadow: none;
  border-radius: none;
  background: transparent;
  background-color: transparent;
}

.navbar-brand, .navbar-nav>li>a:hover {
    text-shadow: 0 1px 0 rgb(109 201 255 / 50%);
}

.navbar-brand, .navbar-nav>li>a {
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

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

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

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

  #controlBanner img {
    position: fixed;
    top: 10px;
    left: 10px;
        width: 75px !important;
        object-fit: cover;
        height: 40px;
        z-index: 10000;
        object-position: left;
  }

  .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(.3);
  }
}

@media screen and (min-width: 1024px) {
  .itopplus-banner .container {
    display: grid;
    grid-template-columns: 30% auto;
    align-items: center;
  }

  .itopplus-banner .container::before,
  .itopplus-banner .container::after {
    display: none;
  }

  .no-js .itopplus-banner {
    position: sticky;
    top: 0;
    z-index: 110;
  }

  .itopplus-banner {
    background: #fff;
    transition: .3s;
  }

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

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

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

}


@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 {
    font-size: 16px;
}

h1 {
    font-size: 4em;
}

h2 {
    font-size: 3.6em;
}

h3 {
    font-size: 3em;
}

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

h5 {
    font-size: 2em;
}

h6 {
    font-size: 1.5em;
}

p , .text-process h6, .text-product h6,
.pre-news p, .dropdown-menu>li>a,
.table-product tbody>tr>td{
    font-size: 16px;
}

.footer h6, .pre-news h6, .items-mission h6,
.pre-art h6{
    font-size: 18px;
}

.text-process h5, .table-product thead>tr>th {
    font-size: 22px;
}

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

.btn-more, div#formdisplay66cd8f642b4a5400137f4f3a button,
div#Component66cec1ddb753c000139714ce button,.btn-download{
    font-size: 14px;
}

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

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

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

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


/********************masterpage************************/

.social-footer {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 10px;
}

.pe-20 {
    padding-left: 20%;
}

.footer a {
    color: #fff;
}

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

.sect-about {
    text-align: center;
    font-family: "Oswald", "Noto Sans Thai", sans-serif;
    color: #03134d;
    text-transform: uppercase;
    padding: 18% 0;
    position: relative;
}

.fw-thin , .text-product h6{
    font-weight: 400;
}

.fw-bold , .text-process h5, .sect-product h3,
.sect-news h3, .sect-product h4, .form-cont h4, 
.about-page h5, .vision-page h3, .items-value h1,
 .value-customers h4,.number-value h5, .cont-page h5,
.text-feature h5, .table-product thead>tr>th{
    font-weight: 700;
}

.footer h6 , .sect-vision h3, .sect-mission h3,
.sect-value h3, .text-value h2, .sect-about2 h3,
.text-company h6, .text-product h5, .pre-news h6,
.head-page h3, .about-page h6, .items-mission h6,
.items-value h6,.number-value h6,h3.managerHeader,
.news-detail h6, .cont-page h6, .form-contact h5,
.sect-history h4, .fw-semi, .feature-product h5,
.feature-items h6,.feature-product h4, .gripper-section h6,
.step-gripper h6{
    font-weight: 600;
}

.sect-about h1 {
    margin: 0;
    font-weight: 700;
    font-size: 7em;
}

.sect-about::before {
    content: " ";
    width: 1px;
    height: 140px;
    position: absolute;
    bottom: 330px;
    background: #0a3a82;
}

.sect-about::after {
    content: " ";
    width: 1px;
    height: 140px;
    position: absolute;
    top: 330px;
    background: #0a3a82;
}

.sect-vision p, .sect-mission p, .sect-about2 p,
.text-company p, .about-page p,.items-mission p,
.vision-page p, .news-detail p, .why-choose p,
.gripper-section p, .feature-product p,
.text-feature h5{
    line-height: 26px;
}

.text-process h6{
    line-height: 24px;
}

.sect-vision {
    padding-left: 10%;
    padding-top: 18%;
}

.sect-mission {
    padding-top: 10%;
    padding-right: 11%;
}

.sect-vision , .sect-mission, .sect-value, .sect-about2,
.head-process, .text-process, .sect-product, .text-product,
.sect-news, .head-page, .mission-page, .vision-page,
.items-value, .value-customers, .dropdown-menu,.text-feature,
h3.managerHeader, .Textmanager, .TabItpContentLandingPage4,
.cont-page, .sect-history, .product-detail , .feature-product,
.feature-items, .gripper-section, .step-gripper,.text-product2,
.download-file, .table-product{
     font-family:"Oswald", "Noto Sans Thai", sans-serif;
}

.text-value p, .text-value h2 {
    margin: auto;
}

.text-value {
    display: grid;
    gap: 10px;
    grid-template-columns: 8% auto;
    align-items: center;
    margin-bottom: 3%;
}

.sect-value {
    padding-top: 8%;
    padding-left: 10%;
}

.sect-vision h3, .sect-mission h3, .sect-value h3,
.text-product h5, .sect-product h3, .head-page,
.sect-history h4, .feature-product, .text-feature h5{
    margin-bottom: 3%;
}

.sect-about2 h2, .sect-mission li, .sect-product h4,
.news-detail p{
    margin-bottom: 2%;
}

.sect-cert {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 35px;
    width: 80%;
    position: relative;
    margin-bottom: -100px;
}

.sect-about2 {
    padding:10% 8%;
    background: #ffffffe8;
}

.sect-about2 h3, .sect-news h3, .head-page h3,
.about-page h5, .vision-page h3, .value-customers h4,
.cont-page h5, .sect-history h4{
    color: #03134d;
}

.sect-about2 p {
    color: #444;
    margin-bottom: 7%;
}

.icon-company {
    width: 50%;
    margin: auto;
    margin-bottom: 8%;
}

.blog-company {
    text-align: center;
    padding: 0 5%;
}

.text-company p, .number-value h5{
    color: #d2d2d2;
}

.sect-policy {
    padding: 8%;
    background: #ffffffe6;
}

.sect-policy h6 {
    margin: 0;
    background: linear-gradient(90deg, #158bee, #03134d);
    width: fit-content;
    padding: 1.5rem 3rem;
    color: #fff;
    border-radius: 30px;
    font-weight: 400;
}

.sect-policy h2 {
    color: #03134d;
    font-weight: 700;
    line-height: 66px;
    margin: 4% 0 3%;
}

.sect-policy h5 {
    color: #000;
    line-height: 36px;
    font-weight: 400;
}

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

.head-process h1 {
    text-transform: uppercase;
    font-weight: 700;
    color: #000;
    padding-left: 7%;
    border-left: 5px solid #1378d6;
    margin-top: 10%;
}

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

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

figure.effect-oscar figcaption {
    padding: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-transform: none;
}

.text-process {
    padding: 9%;
    text-align: left;
    padding-top: 13%;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    opacity: 0;
}

.text-process:hover {
    opacity: 1;
}

.text-process h5, .text-process h6 {
    margin: 2% 0;
}

.text-process::after {
    content: " ";
    width: 100%;
    height: 8px;
    background: linear-gradient(90deg, #158bee, #03134d);
    bottom: 0;
    position: absolute;
    left: 0;
}

.sect-product , .text-product, .form-cont h4,
.head-page, .mission-page, h3.managerHeader,
.sect-history h4, .why-choose, .feature-product,
.download-file{
    text-align: center;
}

.text-black,.text-product h5, .sect-news p, .sect-product h4,
.pre-news, .about-page,.vision-page ,.number-value,
h3.managerHeader, .news-detail h6, .cont-page,
.cont-page a, .sect-news a,.sect-history, .why-choose,
.pre-art h6, .download-file a, .table-product tbody>tr>td{
    color: #000;
}

.text-product h6, .head-page h6, .news-detail p {
    color: #3c3c3c;
}

div#background66cd83d22b4a5400137f4b8b img {
    border-radius: 45px 45px 0 0;
}

div#background66cd83d22b4a5400137f4b8b figure,
div#background66f2918afec4e500131056a5 figure,
div#background66f3726d9952cd00134958f6 figure,
div#background66f6125e7bc10c0013d7e623 figure,
div#background66f613d2351ffc0013420331 figure,
div#background66f61af9ebade400137f6d6a figure,
div#background66f61c4ce0c3a40013cda138 figure, 
div#background66f61d855914cb00132c4c43 figure,
div#background66f61e85ebade400137f6e2c figure,
div#background66f61f91e0c3a40013cda3a3 figure{
    background: #fff;
    padding: 5%;
    border-radius: 45px;
}

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

.sect-news {
    display: flex;
    justify-content: space-between;
    align-items: center;
      margin-bottom: 2%;
}

.sect-news p {
    padding: 1rem;
    border-bottom: 1px solid #000;
}

div#background66cd86852b4a5400137f4c49 .thumbs,
.number-value h5, .number-value h6{
    margin: 0;
}

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

.marquee-item {
  flex: 0 0 10vw;
  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%;
}

div#Contentmanager strong, .form-cont span {
    display: none;
}

.btn-more {
    width: fit-content;
    padding: 1rem 2rem;
    background: #041653;
    color: #fff;
}

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

div#Contentmanager .img-container {
    padding-bottom: 95%;
      overflow: hidden;
}

.maxHeight-TP4 .pre-news {
    padding-left: 5%;
}

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

div#formdisplay66cd8f642b4a5400137f4f3a {
    background: transparent !important;
    padding: 7% 13%;
}

div#formdisplay66cd8f642b4a5400137f4f3a input::placeholder {
    color: #c7c7c7;
}

div#formdisplay66cd8f642b4a5400137f4f3a .form-control {
    border-radius: 0;
    margin-bottom: 1rem;
    background: transparent;
    border: none;
    border-bottom: 1px solid #c7c7c7;
    color: #c7c7c7 !important;
    height: 40px;
}

div#formdisplay66cd8f642b4a5400137f4f3a button,
div#Component66cec1ddb753c000139714ce button{
    background-image: none;
    text-shadow: none;
    background: #1e88eb;
    color: #fff;
    border-radius: 0;
    border: none;
    padding: 1rem 2rem;
}

div#formdisplay66cd8f642b4a5400137f4f3a select {
    margin: 0 !important;
}

div#formdisplay66cd8f642b4a5400137f4f3a option {
    color: #000 !important;
}

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

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

.about-page {
    padding-left: 8%;
      padding-top: 20%;
}

.about-page p, .items-value h1 {
    margin-bottom: 5%;
}

.sect-two {
    padding-right: 0;
    padding-left: 8%;
}

.about-page h6, .items-value h6 {
    line-height: 30px;
    margin-bottom: 1rem;
}

.items-mission h6, .sect-history p,
.feature-items h6, .feature-items p,
.gripper-section h6{
    line-height: 28px;
}

.mission-page li {
    width: 31.33%;
    padding: 2%;
}

.mission-page ul {
    list-style: none;
    padding: 0;
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
}

.img-mission {
    width: 40%;
    margin: auto;
    margin-bottom: 8%;
}

.vision-page {
    padding-top: 15%;
    padding-left: 10%;
    position: relative;
}

.vision-page h3 {
    margin-bottom: 8%;
}

.vision-page p {
    padding-left: 5%;
    padding-right: 3%;
}

.sym-02 {
    right: 35px;
    bottom: -15px;
}

.vision-page h2 {
    margin: 0;
    line-height: 0;
    position: absolute;
    font-size: 5em;
    color: #e9e9e9;
}

.sym-01 {
    bottom: 60px;
    z-index: -1;
    left: 40px;
}

div#mainmenu66cea347fd518f00129b3482 {
    width: 80%;
    margin: auto;
}

.items-value {
    padding: 0 4%;
    display: grid;
    grid-template-columns: 10% auto;
    gap: 20px;
    margin-bottom: 5%;
}

div#Component66cea370fd518f00129b34c4 .imgLightbox img {
    height: 515px;
    object-fit: cover;
}

.value-customers {
    padding-left: 8%;
      padding-top: 3%;
}

.number-value {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 2%;
    margin-top: 4%;
}

div#Component66cea4c9c501150013f100d1 .imgLightbox img {
    height: 565px;
    object-fit: cover;
    object-position: left;
}

.text-blue2, .cont-page a:hover, .sect-news a:hover,
.footer a:hover, .head-cont li a:hover, .download-file:hover a{
    color: #5a9ee9;
}

.social-footer>div img:hover {
    filter: unset;
}

.social-footer>div img {
    filter: grayscale(1);
}

.social-footer>div {
    background: #fff;
    border-radius: 50%;
    transition: transform 0.2s ease-out;
}

.social-footer>div:hover {
    transform: scale(1.05);
}

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

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

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

div#Component66cd8d0af1c5a30013719bec .img-thumbnail, 
div#Component66cd8d0af1c5a30013719bec .thumbnail {
    padding: 0;
    border: none;
    box-shadow: none;
}

.social-share {
    position: absolute;
    right: 0;
    top: -85px;
}

.Textmanager {
    text-align: left;
    display: flow-root;
}

.Contenemanager-gallery .col-xs-6.col-md-3 {
    padding: 0 1%;
}

.tab-itp-background {
    padding: 0 !important;
}

.TabItpContentLandingPage4 .tab-content {
    border: none !important;
    padding: 0 !important;
      height: 465px;
      background: #fff;
}

.TabItpContentLandingPage4>ul>li.active>a,
.TabItpContentLandingPage4>ul>li>a:hover{
    background-color: #03134d !important;
    border-top: 3px solid #03134d !important;
}

.TabItpContentLandingPage4>ul>li>a {
    border-top: 3px solid #03134d !important;
}

.grap-img img {
    height: 465px;
    object-fit: contain;
}

.cont-page li {
    display: grid;
    grid-template-columns: 18% auto;
    align-items: center;
    gap: 10px;
    margin-bottom: 4%;
}

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

.cont-page {
    padding-left: 8%;
    padding-top: 10%;
}

.form-contact {
    background: #ffffffeb;
    text-align: center;
    padding-top: 5%;
    padding-bottom: 2%;
    color: #000;
}

div#Component66cec1ddb753c000139714ce {
    background: #ffffffeb;
    padding: 1% 5% 5%;
}

div#Component66cec1ddb753c000139714ce .col-xs-12.col-sm-3.col-md-3 {
    display: none !important;
}

div#Component66cec1ddb753c000139714ce .col-xs-12.col-sm-6.col-md-6 {
    width: 100%;
}

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

div#Component66cec1ddb753c000139714ce .form-control {
    border-radius: 0;
    box-shadow: none;
    border: none;
    border-bottom: 1px solid #a7a7a7;
    height: 45px;
    background: transparent;
    color: #000;
}

div#Component66cec1ddb753c000139714ce input::placeholder, 
div#Component66cec1ddb753c000139714ce textarea::placeholder {
    color: #000;
}

.blog-company img, 
div#Component66cd7b162b4a5400137f49fc figure img,
div#Component66cd7b59b237ee0013af3d57 figure img,
div#Component66cd7b40b237ee0013af3d4e figure img,
div#Component66cd7b816e19ee0013377687 figure img,
div#Component66cd7b9939312300134f3d33 figure img,
div#Component66cd7bb03d989600136948f4 figure img,
div#Component66cd83d22b4a5400137f4b8b figure img,
div#Component66cd7b162b4a5400137f49fc figure img,
div#Component66f2918afec4e500131056a5 figure img,
div#Component66f3726d9952cd00134958f6 figure img,
div#Component66f6125e7bc10c0013d7e623 figure img,
div#Component66f613d2351ffc0013420331 figure img,
div#Component66f61af9ebade400137f6d6a figure img,
div#Component66f61c4ce0c3a40013cda138 figure img,
div#Component66f61d855914cb00132c4c43 figure img,
div#Component66f61f91e0c3a40013cda3a3 figure img,
div#Component66f61e85ebade400137f6e2c figure img,
div#Contentmanager .img, .mission-page li img,
.cont-page li img{
   transition: transform 0.2s ease-out;
}

.blog-company:hover img, 
div#Component66cd7b162b4a5400137f49fc figure:hover img,
div#Component66cd7b59b237ee0013af3d57 figure:hover img,
div#Component66cd7b40b237ee0013af3d4e figure:hover img,
div#Component66cd7b816e19ee0013377687 figure:hover img,
div#Component66cd7b9939312300134f3d33 figure:hover img,
div#Component66cd7bb03d989600136948f4 figure:hover img,
div#Component66cd83d22b4a5400137f4b8b figure:hover img,
div#Component66f2918afec4e500131056a5 figure:hover img,
div#Component66f3726d9952cd00134958f6 figure:hover img,
div#Component66f61af9ebade400137f6d6a figure:hover img,
div#Component66f61c4ce0c3a40013cda138 figure:hover img,
div#Component66f61d855914cb00132c4c43 figure:hover img,
div#Component66f61f91e0c3a40013cda3a3 figure:hover img,
div#Component66f61e85ebade400137f6e2c figure:hover img,
div#Component66cd7b162b4a5400137f49fc figure:hover img,
div#Component66f6125e7bc10c0013d7e623 figure:hover img,
div#Component66f613d2351ffc0013420331 figure:hover img,
div#Contentmanager .col-md-6.col-sm-4.col-xs-12:hover .img,
.mission-page li:hover img, .cont-page li:hover img,
div#Contentmanager .col-md-4.col-sm-4.col-xs-12:hover .img{
    transform: scale(1.05);
}

div#Component66cd7b162b4a5400137f49fc .imgLightbox,
div#Component66cd7b59b237ee0013af3d57 .imgLightbox,
div#Component66cd7b40b237ee0013af3d4e .imgLightbox,
div#Component66cd7b816e19ee0013377687 .imgLightbox,
div#Component66cd7b9939312300134f3d33 .imgLightbox,
div#Component66cd7bb03d989600136948f4 .imgLightbox,
div#Component66cd83d22b4a5400137f4b8b .imgLightbox,
div#Component66cd7b162b4a5400137f49fc .imgLightbox{
    overflow: hidden;
}

figure.effect-oscar figcaption:hover {
    background: #000000b3 !important;
}

div#background66cd83d22b4a5400137f4b8b figure:hover .text-product h5, 
div#background66cd83d22b4a5400137f4b8b figure:hover .text-product h6,
div#background66f2918afec4e500131056a5 figure:hover .text-product h5,
div#background66f3726d9952cd00134958f6 figure:hover .text-product h5,
div#background66f6125e7bc10c0013d7e623 figure:hover .text-product h5,
div#background66f613d2351ffc0013420331 figure:hover .text-product h5,
div#background66f61af9ebade400137f6d6a figure:hover .text-product h5,
div#background66f61c4ce0c3a40013cda138 figure:hover .text-product h5,
div#background66f61d855914cb00132c4c43 figure:hover .text-product h5,
div#background66f61e85ebade400137f6e2c figure:hover .text-product h5,
div#background66f61f91e0c3a40013cda3a3 figure:hover .text-product h5{
    color: #0a299b;
}

.sect-news p:hover {
    border-color: #5a9ee9;
}

div#Contentmanager .col-md-6.col-sm-4.col-xs-12:hover .btn-more,
div#formdisplay66cd8f642b4a5400137f4f3a button:hover, 
div#Component66cec1ddb753c000139714ce button:hover,.btn-download:hover,
div#Contentmanager .col-md-4.col-sm-4.col-xs-12:hover .btn-more{
    background: #0a299b;
}

.marquee {
    overflow: hidden;
}

.news-detail.news-img-detail h6 {
    background: #f5f5f7;
    padding: 1%;
    border-radius: 10px;
  margin-bottom: 2%;
}

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

.buttonExampleSite {
    border-radius: 0 !important;
    border: 1px solid #03134d91 !important;
    color: #171717 !important;
}

.buttonExampleSite:hover {
    background: #03134d !important;
    color: #ffffff !important;
}

.ITPlinkToCookiepage:hover {
    color:  #5a9ee9 !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;
}

.head-cont li p {
    margin: 0;
}

.head-cont li {
    display: grid;
    grid-template-columns: 25px auto;
    gap: 10px;
}

.head-cont ul {
    list-style: none;
    padding: 0;
    display: flex;
    width: fit-content;
    gap: 20px;
    margin: 0;
}

.head-cont li a {
    color: #A3A8B2;
}

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

.sect-history li {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    padding: 5%;
    position: relative;
    background: #f5f5f7;
}

.sect-history li::after, .why-choose h5::before,
.feature-items::before{
    content: " ";
    width: 100%;
    height: 8px;
    background: linear-gradient(90deg, #158bee, #03134d);
    bottom: 0;
    position: absolute;
    left: 0;
}

.sect-history li h4 {
    color: #e3e3e3;
    font-size: 5em;
}

.why-choose h5 {
    padding-bottom: 10%;
    position: relative;
    color: #5a9ee9;
}

.why-choose h5::before {
    height: 5px;
}

.why-choose img {
    width: 50% !important;
    margin: 5% 0;
}

.pre-art h6 {
    margin-bottom: 4%;
    line-height: 28px;
      display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.pre-art {
    padding: 3% 0;
    text-align: left;
}

.pe-5{
    padding-left: 5%;
}

div#Contentmanager .col-md-4.col-sm-4.col-xs-12 {
    padding: 0 2% !important;
      margin-bottom: 3%;
}

.sect-news.sect-youtube {
    justify-content: center;
}

.product-detail p {
    line-height: 28px;
    margin-bottom: 3%;
}

.product-detail {
    padding-top: 10%;
    padding-left: 5%;
    color: #000;
}

.feature-items {
    padding: 5%;
    background: #fff;
    color: #000;
    margin: 2%;
    height: 380px;
    position: relative;
}

.feature-items h6, .text-product2 h6{
    color: #0052ab;
}

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

.gripper-section li {
    width: 33.33%;
    text-align: center;
    clip-path: polygon(10% 0, 100% 0, 90% 100%, 0% 100%);
    background: #0052ab;
    padding: 2% 5%;
    margin-bottom: 3%;
    position: relative;
    z-index: 2;
}

.gripper-section li::after {
    background: #fff;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 38px;
    z-index: -1;
    clip-path: polygon(0 0, 90% 0, 100% 100%, 0% 100%);
}

div#Component66ed3950ba6c310013085344 img {
    object-fit: contain !important;
}

.step-gripper li {
    color: #000;
    padding: 3%;
    background: #ffffffc7;
    display: grid;
    grid-template-columns: 20% auto;
    gap: 20px;
    align-items: flex-start;
}

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

.gripper-product {
    background: #fff;
    display: grid;
    grid-template-columns: 50% auto;
    color: #000;
}

.text-product2 {
    padding: 2% 5%;
}

.text-pd-line h6 {
    text-align: center;
    font-size: 24px;
    padding: 4% 0;
    color: #000;
    background: #fff;
    margin: 0;
    font-family: "Oswald", "Noto Sans Thai", sans-serif;
}

.product-detail h5, .text-feature h5 {
    line-height: 36px;
}

.text-feature {
    padding-top: 10%;
}

.feature-items.blog-case {
    height: 230px;
}

.blog-feature li::before {
    content: " ";
    width: 100%;
    height: 6px;
    background: linear-gradient(90deg, #158bee, #03134d);
    bottom: 0;
    position: absolute;
    left: 0;
}

.blog-feature li {
    display: grid;
    grid-template-columns: 6% auto;
    gap: 10px;
    align-items: center;
    background: #fff;
    padding: 2%;
    padding-bottom: 3%;
    position: relative;
    color: #000;
}

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

.download-file img {
    width: 10% !important;
}

.text-product h5 {
    height: 57px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.table-product thead>tr>th, .table-product tbody>tr>td {
    border: 1px solid #c6c6c6 !important;
    text-align: center;
    padding: 1%;
}

.table-product tbody>tr:nth-child(even) {
    background: #f5f5f7;
}

.table-product thead>tr>th {
    background: #0441a2;
    color: #fff;
}

div#Component66cd83d22b4a5400137f4b8b .text-product h5 {
    height: auto;
    margin-bottom: 5%;
}

.step-gripper.blog-gripper li {
    width: 49%;
}

.step-gripper.blog-gripper ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.product-detail.pt-8 {
    padding-top: 6%;
}

div#mainmenu66f28f32e80f8300135b91bb .col-md-6.col-sm-6.col-xs-12:nth-child(2) {
    display: none !important;
}

div#mainmenu66f28f32e80f8300135b91bb .none-middle-mid {
    display: flex;
    justify-content: center;
}

.btn-download a {
    color: #fff;
}

.btn-download {
    width: fit-content;
    padding: 0.75rem 2rem;
    background: #03165c;
    color: #fff;
}

div#Component66f61a7d4853180013d72aa9 .none-middle-mid>div>div>div>div:nth-child(3),
div#Component66f61be15914cb00132c4bf7 .none-middle-mid>div>div>div>div:nth-child(3),
div#Component66f61d0a4853180013d72b31 .none-middle-mid>div>div>div>div:nth-child(3),
div#Component66f61e36e0c3a40013cda307 .none-middle-mid>div>div>div>div:nth-child(3),
div#Component66f61f347bc10c0013d7e846 .none-middle-mid>div>div>div>div:nth-child(3){
    justify-content: center;
}

.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
        margin-right: -75px;
    }

    .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
        margin-left: -75px;
    }
/*****************************responsive**************************/

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


.navbar-default .navbar-nav>li>a {
    font-size: 20px;
}

h1 {
    font-size: 5em;
}

h2 {
    font-size: 4.4em;
}

h3 {
    font-size: 4em;
}

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

h5 {
    font-size: 2.4em;
}

h6 {
    font-size: 2em;
}

p , .text-process h6, .text-product h6,
.pre-news p, .dropdown-menu>li>a, 
  .table-product tbody>tr>td{
    font-size: 20px;
}

.footer h6, .pre-news h6, .items-mission h6,
  .pre-art h6, .table-product thead>tr>th{
    font-size: 24px;
}

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

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

.btn-more, div#formdisplay66cd8f642b4a5400137f4f3a button,
div#Component66cec1ddb753c000139714ce button, .btn-download{
    font-size: 18px;
}

.sect-about h1 {
    font-size: 9em;
}

.vision-page h2 {
    font-size: 7em;
}
  
  .sect-about::before {
    bottom: 420px;
    height: 200px;
}
  
  .text-pd-line h6 {
    font-size: 26px;
}
  
  .sect-about::after {
    top: 420px;
    height: 200px;
}
  
  .sect-vision p, .sect-mission p, .sect-about2 p, .text-company p,
  .about-page p, .items-mission p, .vision-page p, .news-detail p,
  .why-choose p, .feature-product p{
    line-height: 32px;
}

  
.items-mission h6, .sect-history p,
.feature-items h6, .feature-items p,
  .product-detail p{
    line-height: 34px;
}
  
  .text-value {
    grid-template-columns: 10% auto;
}
  
  .text-value p {
    margin: 0.5% 0;
}
  
  .icon-company {
    width: 45%;
  }
  
  .sect-policy h2 {
    line-height: 76px;
    margin: 5% 0 3%;
}
  
  .sect-policy h5 {
    line-height: 44px;
}
  
  .head-process h1 {
    margin-top: 13%;
}
  
  .sect-about2 {
    padding: 10% 9%;
  }
  
  .sect-cert {
    margin-bottom: -155px;
}
  
  .text-process h6 {
    line-height: 30px;
}
  
  .text-process {
    padding-top: 15%;
}
  
  .maxHeight-main {
    max-height: 910px;
}
  
  .maxHeight-TP4 {
    min-height: 235px !important;
    max-height: 235px;
    margin-bottom: 13px !important;
}
  
  div#formdisplay66cd8f642b4a5400137f4f3a .form-control,
  div#Component66cec1ddb753c000139714ce .form-control{
    font-size: 18px;
    height: 45px;
    margin-bottom: 2rem;
}
  
  div#formdisplay66cd8f642b4a5400137f4f3a {
    padding: 12% 15%;
}
  
  .social-footer {
    width: 80%;
}
  
  .about-page {
    padding-top: 13%;
}
  
  .about-page h6, .items-value h6 {
    line-height: 40px;
}
  
  .sym-01 {
    bottom: 70px;
    left: 60px;
}
  
  .vision-page h3 {
    margin-bottom: 6%;
}
  
  .sym-02 {
    right: 115px;
}
  
  .vision-page p {
    padding-right: 10%;
}
  
  .items-value {
    gap: 5px;
}
  
  div#Component66cea370fd518f00129b34c4 .imgLightbox img {
    height: 580px;
  }
  
  div#Component66cea4c9c501150013f100d1 .imgLightbox img {
    height: 705px;
  }
  
  .value-customers {
    padding-left: 6%;
  }
  
  .page-header {
    margin: 3% 0 1%;
}
  
  .cont-page {
    padding-left: 6%;
    padding-top: 7%;
}
  
  .cont-page li {
    grid-template-columns: 15% auto;
}
  
  .ITP-pdpa-template-titleFont {
    font-size: 24px !important;
  }
  
  .ITP-pdpa-template-contentFont {
    line-height: 32px;
    font-size: 18px !important;
}

  .product-detail {
    padding-top: 15%;
    padding-left: 10%;
  }
  
  .feature-items {
    height: 430px;
    padding: 4%;
}
  
  .feature-items.blog-case {
    height: 260px;
}
  
  .text-product h5 {
    height: 75px;
    line-height: 36px;
}
  
  .product-detail h5, .text-feature h5 {
    line-height: 42px;
}
  
  .product-detail.pt-8 {
    padding-top: 8%;
}
}

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


.sect-about::before {
    bottom: 335px;
}
  
  .sect-about::after {
    top: 335px;
}
  
  h2 {
    font-size: 3.4em;
}
  
  .sect-policy h2 {
    line-height: 58px;
}
  
  h5 {
    font-size: 1.8em;
}
  
  div#formdisplay66cd8f642b4a5400137f4f3a {
    padding: 5% 13%;
}
  
  div#Component66cea370fd518f00129b34c4 .imgLightbox img {
    height: 460px;
  }
}

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

.navbar-default .navbar-nav>li>a {
    padding: 8px;
}
  
  .sect-about h1 {
    font-size: 6em;
}
  
  h6 {
    font-size: 1.4em;
}
  
      .sect-about::before {
        bottom: 285px;
        height: 126px;
    }
  
      .sect-about::after {
        top: 280px;
        height: 120px;
    }
  
  .sect-vision br {
    display: none;
}
  
  .sect-vision {
    padding-top: 14%;
}
  
  .sect-mission {
    padding-top: 5%;
    padding-right: 5%;
}
  
  .sect-value {
    padding-top: 5%;
}
  
  .sect-cert {
    margin-bottom: -85px;
    gap: 30px;
    width: 85%;
}
  
  .icon-company {
    width: 55%;
    margin-bottom: 10%;
}
  
      h2 {
        font-size: 3.2em;
    }
  .sect-policy h2 {
        line-height: 54px;
        margin: 6% 0 4%;
    }
  
  h4, h3.managerHeader {
    font-size: 2em;
}
  
  h5 {
        font-size: 1.6em;
    }
  
  h6 {
        font-size: 18px;
    }
  
  .sect-policy h5 {
    line-height: inherit;
}
  
  h1 {
    font-size: 3.6em;
}
  .text-process {
    padding: 6%;
    padding-top: 9%;
}
  
  div#Component66cd83d22b4a5400137f4b8b .thumbs,
  div#Component66f2918afec4e500131056a5 .thumbs,
  div#Component66f3726d9952cd00134958f6 .thumbs,
  div#Component66f6125e7bc10c0013d7e623 .thumbs,
  div#Component66f613d2351ffc0013420331 .thumbs,
  div#Component66f61af9ebade400137f6d6a .thumbs,
div#Component66f61c4ce0c3a40013cda138 .thumbs,
div#Component66f61d855914cb00132c4c43 .thumbs,
div#Component66f61f91e0c3a40013cda3a3 .thumbs,
div#Component66f61e85ebade400137f6e2c .thumbs{
    padding: 0 !important;
}
  
  .text-product h5 {
    font-size: 22px;
}
  
  div#Contentmanager .img-container {
    padding-bottom: 115%;
  }
  
  .pre-news p, .pre-art h6 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
      div#formdisplay66cd8f642b4a5400137f4f3a {
        padding: 2% 11%;
    }
  
  div#Component66cd86852b4a5400137f4c49 .imgLightbox img {
    height: 515px;
    object-fit: cover;
    object-position: left;
}
  
  .about-page {
    padding-top: 7%;
}
  
  .mission-page li {
    padding: 1%;
}
  
  .vision-page {
    padding-top: 13%;
}
  
  .sym-01 {
    bottom: 85px;
    left: 35px;
}
  
  .vision-page p {
    padding-left: 6%;
    padding-right: 5%;
}
  
  .sym-02 {
    right: 115px;
    bottom: -10px;
}
  
  .items-value {
    gap: 10px;
    align-items: start;
}
  
  .TabItpContentLandingPage4 iframe, .grap-img img  {
    height: 310px;
}
  
.TabItpContentLandingPage4 .tab-content {
    height: 325px;
}
  
  .cont-page {
    padding-left: 5%;
    padding-top: 5%;
}
  
  .feature-items {
    height: 415px;
    padding: 3% 5%;
}
  
  .gripper-product img {
    height: 200px;
    object-fit: cover;
}
  
  .product-detail {
    padding-top: 0;
}
  
  .product-detail h5, .text-feature h5 {
    line-height: inherit;
}
}

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

div#mainmenu66cd5cc23d98960013694472 .col-md-4.col-sm-4.col-xs-12,
  div#mainmenu66cd6d796e19ee0013377355 .col-md-4.col-sm-4.col-xs-12{
    width: 100%;
    text-align: center;
}
  
  .sect-about {
    padding: 10% 0;
}
  
      .sect-about h1 {
        font-size: 5.6em;
    }
  
      .sect-about::before {
        bottom: 250px;
        height: 70px;
    }
  
  .sect-about::after {
        top: 245px;
        height: 85px;
    }
  
  h3 {
    font-size: 2.6em;
}
  
      .sect-vision {
        padding-top: 13%;
    }
  
      .sect-mission {
        padding-top: 0;
        padding-right: 3%;
    }
  
      .sect-value {
        padding-top: 0;
    }
  
  .text-value {
    grid-template-columns: 12% auto;
}
  
    .text-process h6,  .sect-policy h5 ,   .sect-policy h2,
  .sect-vision p, .sect-mission p, .sect-about2 p, .text-company p,
  .about-page p, .items-mission p, .vision-page p, .news-detail p,
  .about-page h6, .items-value h6, .why-choose p, .feature-product p,
.items-mission h6, .sect-history p,
.feature-items h6, .feature-items p,
  .product-detail p{
      line-height: inherit;
  }
  
  .sect-vision , .sect-value{
    padding-left: 8%;
}
  
  .sect-cert {
        margin-bottom: -75px;
        gap: 20px;
        width: 90%;
    }
  
  div#mainmenu66cd774ab237ee0013af3bef .col-sm-5fix.col-xs-12 {
    width: 20%;
    float: left;
}
  
  .blog-company, div#formdisplay66cd8f642b4a5400137f4f3a .col-md-12.col-sm-12 .col-md-6.col-sm-12 {
    padding: 0;
}
  
  .icon-company {
        width: 60%;
  }
  
  h2 {
        font-size: 2.8em;
    }
  
      h1 {
        font-size: 3.2em;
    }
  
  .head-process h1 {
    margin-top: 8%;
}
  
  .text-process h5 {
    font-size: 20px;
}
      .text-process {
        padding: 6%;
        padding-top: 4%;
    }
  
      .text-product h5 {
        font-size: 18px;
    }
  
  .maxHeight-TP4 .pre-news {
    padding-left: 0;
}
  
  .pre-news p {
    -webkit-line-clamp: 1;
}
      div#Contentmanager .img-container {
        padding-bottom: 100%;
    }
  
      div#Contentmanager .maxHeight-TP4 .img-container {
        padding-bottom: 73%;
    }
  
  div#Contentmanager .nav-template .col-md-4.col-sm-4.col-xs-4,
  div#mainmenu66cea347fd518f00129b3482,
  div#mainmenu66cea47ceadb96001313c70f .col-md-6.col-sm-6.col-xs-12{
    width: 100%;
}
  
  .maxHeight-TP4 {
    min-height: 312px !important;
    max-height: 312px;
  }
  
  .pre-news h6, .pre-art h6 {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
  
      div#formdisplay66cd8f642b4a5400137f4f3a {
        padding: 5%;
        padding-bottom: 0;
    }
  
      div#Component66cd86852b4a5400137f4c49 .imgLightbox img {
        height: 550px;
  }
  
      .about-page {
        padding-top: 3%;
        padding-right: 6%;
    }
  
      .vision-page {
        padding-top: 10%;
    }
  
      .sym-02 {
        right: 80px;
  }
  
      .sym-01 {
        bottom: 100px;
        left: 30px;
    }
  .itopplus-bg4 , .itopplus-bg7{
    background-size: cover;
}
  
      div#Component66cea370fd518f00129b34c4 .imgLightbox img {
        height: 490px;
    }
  
  div#Component66cea4c9c501150013f100d1 .imgLightbox img {
    height: unset;
  }
  
  .value-customers {
    padding-left: 0;
}
  
  .TabItpContentLandingPage4>ul {
    width: 100%;
    display: flex;
}
  
  .sect-history li h4 {
    font-size: 3em;
}
  
  div#mainmenu66e3fc679edf770013c77688 .col-sm-5fix.col-xs-12 {
    width: 20%;
    float: left;
}
  
  div#contentnewmode66e3f1271c012a0013649878,
  div#contentnewmode66e3f09047b37f00130c9cee{
    display: none;
}
  
  div#Contentmanager .col-md-6.pull-left, div#Contentmanager .col-md-6.pull-right {
        width: 50%;
}
  
  .social-share {
    top: -70px;
}

  .product-detail {
    padding-left: 0;
}
  
  .feature-items p {
    font-size: 14px;
    line-height: 24px;
}
  
  .feature-product br {
    display: none;
}
  
  div#mainmenu66ed329d99eb7b001326d818 .col-md-6.col-sm-6.col-xs-12,
  div#mainmenu66ed325c99eb7b001326d807 .col-md-6.col-sm-6.col-xs-12,
  div#mainmenu66ed320ff641310013158d6d .col-md-6.col-sm-6.col-xs-12{
    width: 100%;
}
  
      .feature-items {
        height: auto;
        padding: 3%;
    }
  
  .text-pd-line h6 {
    font-size: 20px;
}
  
  .text-feature br {
    display: none;
}
  
.text-feature {
    padding-top: 0;
    margin-bottom: 5%;
}
  
  .text-product h5 {
    height: 42px;
  }
  
    .step-gripper.blog-gripper li {
        width: 100%;
        grid-template-columns: 15% auto;
    }
}

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

div#imagesControl66cd5c902b4a5400137f423d,
  div#imagesControl66cd6e222b4a5400137f4467,
  div#imagesControl66cd705d39312300134f3b4a,
  div#imagesControl66cd70bdf1c5a3001371961d,
  div#imagesControl66cd71273d989600136946c3,
  div#Component66cd7b162b4a5400137f49fc .col-md-12.col-sm-12.col-xs-12,
div#Component66cd7b59b237ee0013af3d57 .col-md-12.col-sm-12.col-xs-12,
div#Component66cd7b40b237ee0013af3d4e .col-md-12.col-sm-12.col-xs-12,
div#Component66cd7b816e19ee0013377687 .col-md-12.col-sm-12.col-xs-12,
div#Component66cd7b9939312300134f3d33 .col-md-12.col-sm-12.col-xs-12,
div#Component66cd7bb03d989600136948f4 .col-md-12.col-sm-12.col-xs-12,
div#Component66cd83d22b4a5400137f4b8b .col-md-12.col-sm-12.col-xs-12,
  div#Component66cd7b162b4a5400137f49fc .thumbs,
div#Component66cd7b59b237ee0013af3d57 .thumbs,
div#Component66cd7b40b237ee0013af3d4e .thumbs,
div#Component66cd7b816e19ee0013377687 .thumbs,
div#Component66cd7b9939312300134f3d33 .thumbs,
div#Component66cd7bb03d989600136948f4 .thumbs,
div#Component66cd83d22b4a5400137f4b8b .thumbs,
  div#Component66f2918afec4e500131056a5 .thumbs,
  div#Component66f2918afec4e500131056a5 .col-md-12.col-sm-12.col-xs-12,
  div#Component66f6125e7bc10c0013d7e623 .thumbs,
  div#Component66f6125e7bc10c0013d7e623 .col-md-12.col-sm-12.col-xs-12,
  div#Component66f613d2351ffc0013420331 .thumbs,
  div#Component66f613d2351ffc0013420331 .col-md-12.col-sm-12.col-xs-12,
  div#Component66f3726d9952cd00134958f6 .thumbs,
  div#Component66f3726d9952cd00134958f6 .col-md-12.col-sm-12.col-xs-12,
  div#Component66f61af9ebade400137f6d6a .thumbs,
div#Component66f61c4ce0c3a40013cda138 .thumbs,
div#Component66f61d855914cb00132c4c43 .thumbs,
div#Component66f61f91e0c3a40013cda3a3 .thumbs,
div#Component66f61e85ebade400137f6e2c .thumbs,
  div#Component66f61af9ebade400137f6d6a .col-md-12.col-sm-12.col-xs-12,
div#Component66f61c4ce0c3a40013cda138 .col-md-12.col-sm-12.col-xs-12,
div#Component66f61d855914cb00132c4c43 .col-md-12.col-sm-12.col-xs-12,
div#Component66f61f91e0c3a40013cda3a3 .col-md-12.col-sm-12.col-xs-12,
div#Component66f61e85ebade400137f6e2c .col-md-12.col-sm-12.col-xs-12,
  div#imagesControl66cd7b162b4a5400137f49fc,
div#imagesControl66cd7b40b237ee0013af3d4e,
div#mainmenu66cd7aff2b4a5400137f49d3>div,
div#mainmenu66cd7b37b237ee0013af3d45>div,
div#imagesControl66cd7b59b237ee0013af3d57,
div#mainmenu66cd7b6f6e19ee0013377670>div,
div#imagesControl66cd7b816e19ee0013377687,
div#imagesControl66cd7b9939312300134f3d33,
div#imagesControl66cd7bb03d989600136948f4,
  div#mainmenu66cd8d09f1c5a30013719be1>div,
  div#form66cd8f642b4a5400137f4f3a,
  div#imagesControl66cd960bf1c5a30013719f2b,
  div#imagesControl66cd99932b4a5400137f5330,
  div#imagesControl66ce9cbe46cfa700135962ff,
  div#imagesControl66cea4c9c501150013f100d1,
  div#mainmenu66cd97ff2b4a5400137f5242>div,
  div#mainmenu66cebde4b753c0001397140e>div,
  div#Component66cd7b162b4a5400137f49fc .thumbs,
  div#Component66cd7b162b4a5400137f49fc .col-md-12.col-sm-12.col-xs-12,
  div#mainmenu66f28f1f9952cd0013494ea6>div,
div#mainmenu66f28f2ae80f8300135b91b0>div,
div#mainmenu66f28f32e80f8300135b91bb>div,
  div#mainmenu66f36cce2b7596001344be26>div,
div#mainmenu66f36cce2b7596001344be2d>div,
div#mainmenu66f36cce2b7596001344be34>div,
div#mainmenu66f36fd2e80f8300135b9bd2>div{
    padding: 0 !important;
}
  
    .sect-about::after {
        top: 210px;
        height: 40px;
    }
  
      .sect-about {
        padding: 6% 0;
        padding-bottom: 20%;
    }
  
      .sect-about::before {
        bottom: 260px;
        height: 58px;
    }
  
    .sect-about h1 {
        font-size: 5.4em;
    }
  
  .sect-vision, .sect-value, .about-page,
  .about-page, .vision-page, .cont-page{
    padding: 0;
}
  
      h3 {
        font-size: 32px;
    }
  
      h4 {
        font-size: 28px;
    }
    
      h5 , h3.managerHeader, .table-product thead>tr>th{
        font-size: 20px;
    }
  
  div#mainmenu66cd70b0f1c5a3001371960a .none-middle-mid,
  div#mainmenu66cd998b2b4a5400137f5314 .none-middle-mid,
  div#mainmenu66cea47ceadb96001313c70f .none-middle-mid,
  div#mainmenu66cebd57eadb96001313c9a2 .none-middle-mid{
    display: flex;
    flex-wrap: wrap-reverse;
}
  
div#mainmenu66cd70b0f1c5a3001371960a .none-middle-mid .none-middle-mid,
  div#mainmenu66cd998b2b4a5400137f5314 .none-middle-mid .none-middle-mid,
  div#mainmenu66cea47ceadb96001313c70f .none-middle-mid .none-middle-mid,
  div#mainmenu66cebd57eadb96001313c9a2 .none-middle-mid .none-middle-mid{
    display: block;
}
  
  .sect-vision, .sect-mission, .text-value,
  div#Component66cd7b162b4a5400137f49fc .col-md-12.col-sm-12.col-xs-12, 
  div#Component66cd7b59b237ee0013af3d57 .col-md-12.col-sm-12.col-xs-12, 
  div#Component66cd7b40b237ee0013af3d4e .col-md-12.col-sm-12.col-xs-12, 
  div#Component66cd7b816e19ee0013377687 .col-md-12.col-sm-12.col-xs-12, 
  div#Component66cd7b9939312300134f3d33 .col-md-12.col-sm-12.col-xs-12, 
  div#Component66cd7bb03d989600136948f4 .col-md-12.col-sm-12.col-xs-12, 
  div#Component66cd83d22b4a5400137f4b8b .col-md-12.col-sm-12.col-xs-12,
  div#Component66cd7b162b4a5400137f49fc .col-md-12.col-sm-12.col-xs-12,
  div#Component66f2918afec4e500131056a5 .col-md-12.col-sm-12.col-xs-12,
  div#Component66f3726d9952cd00134958f6 .col-md-12.col-sm-12.col-xs-12,
  div#Component66f6125e7bc10c0013d7e623 .col-md-12.col-sm-12.col-xs-12,
  div#Component66f613d2351ffc0013420331 .col-md-12.col-sm-12.col-xs-12,
  div#Component66f61af9ebade400137f6d6a .col-md-12.col-sm-12.col-xs-12,
div#Component66f61c4ce0c3a40013cda138 .col-md-12.col-sm-12.col-xs-12,
div#Component66f61d855914cb00132c4c43 .col-md-12.col-sm-12.col-xs-12,
div#Component66f61f91e0c3a40013cda3a3 .col-md-12.col-sm-12.col-xs-12,
div#Component66f61e85ebade400137f6e2c .col-md-12.col-sm-12.col-xs-12{
    margin-bottom: 5%;
}
  
      .sect-cert {
        margin-bottom: -65px;
        gap: 20px;
        width: 100%;
    }

div#mainmenu66cd774ab237ee0013af3bef .col-sm-5fix.col-xs-12,
  div#Contentmanager .maxHeight-TP4 .img-container,
  .img-mission{
    width: 100%;
}
  
  .blog-company {
    text-align: left;
    display: grid;
    grid-template-columns: 25% auto;
    align-items: start;
    gap: 15px;
}
  
      .icon-company {
        width: 100%;
        margin: 0;
    }
  
      h2 {
        font-size: 2.4em;
    }
  
  .sect-policy {
    padding: 8% 5%;
  }
  
      h1 {
        font-size: 2.8em;
    }
  
      .head-process h1 {
        margin-top: 0;
        margin-bottom: 5%;
    }
  
  div#Component66cd7b162b4a5400137f49fc .thumbs, 
  div#Component66cd7b59b237ee0013af3d57 .thumbs, 
  div#Component66cd7b40b237ee0013af3d4e .thumbs, 
  div#Component66cd7b816e19ee0013377687 .thumbs, 
  div#Component66cd7b9939312300134f3d33 .thumbs, 
  div#Component66cd7bb03d989600136948f4 .thumbs, 
  div#Component66cd83d22b4a5400137f4b8b .thumbs,
  div#Component66cd7b162b4a5400137f49fc .thumbs,
  div#Component66f2918afec4e500131056a5 .thumbs,
  div#Component66f3726d9952cd00134958f6 .thumbs,
  div#Component66f6125e7bc10c0013d7e623 .thumbs,
  div#Component66f613d2351ffc0013420331 .thumbs,
  div#Component66f61af9ebade400137f6d6a .thumbs,
div#Component66f61c4ce0c3a40013cda138 .thumbs,
div#Component66f61d855914cb00132c4c43 .thumbs,
div#Component66f61f91e0c3a40013cda3a3 .thumbs,
div#Component66f61e85ebade400137f6e2c .thumbs{
    margin: 0;
}
  
  .text-process {
    background: #00000091;
    color: #fff;
    padding-top: 10%;
}
  
  div#Component66cd83d22b4a5400137f4b8b .col-md-4.col-sm-4.col-xs-12,
  div#Component66f2918afec4e500131056a5 .col-md-4.col-sm-4.col-xs-12,
  div#Component66f3726d9952cd00134958f6 .col-md-4.col-sm-4.col-xs-12,
  div#Component66f6125e7bc10c0013d7e623 .col-md-4.col-sm-4.col-xs-12,
  div#Component66f613d2351ffc0013420331 .col-md-4.col-sm-4.col-xs-12,
  div#Component66f61af9ebade400137f6d6a .col-md-4.col-sm-4.col-xs-12,
div#Component66f61c4ce0c3a40013cda138 .col-md-4.col-sm-4.col-xs-12,
div#Component66f61d855914cb00132c4c43 .col-md-4.col-sm-4.col-xs-12,
div#Component66f61f91e0c3a40013cda3a3 .col-md-4.col-sm-4.col-xs-12,
div#Component66f61e85ebade400137f6e2c .col-md-4.col-sm-4.col-xs-12{
    margin-bottom: 7%;
    padding: 0 !important;
}
  
    div#Contentmanager .col-md-6.col-sm-8.col-xs-12{
    margin-bottom: 20px !important;
}
  
      .maxHeight-TP4 {
        min-height: auto !important;
        max-height: unset;
    }
  
  .maxHeight-main .col-md-12 {
    width: 50%;
    float: left;
}
  
  div#Contentmanager .nav-template .col-md-4.col-sm-4.col-xs-4, 
  div#Contentmanager .nav-template .col-md-8.col-sm-8.col-xs-8 {
        width: 50%;
    }
  
      div#Contentmanager .maxHeight-TP4 .img-container {
        padding-bottom: 100%;
    }
  
  div#background66cd83d22b4a5400137f4b8b figure,
  div#background66f2918afec4e500131056a5 figure,
  div#background66f3726d9952cd00134958f6 figure,
  div#background66f6125e7bc10c0013d7e623 figure,
  div#background66f613d2351ffc0013420331 figure,
  div#background66f61af9ebade400137f6d6a figure,
div#background66f61c4ce0c3a40013cda138 figure,
div#background66f61d855914cb00132c4c43 figure,
div#background66f61e85ebade400137f6e2c figure,
div#background66f61f91e0c3a40013cda3a3 figure{
    display: grid;
    grid-template-columns: 40% 0 auto;
    border-radius: 25px;
    padding: 3%;
    align-items: center;
}
  
      div#formdisplay66cd8f642b4a5400137f4f3a {
        padding: 5% 0 0;
  }
  
      div#Component66cd86852b4a5400137f4c49 .imgLightbox img,
  div#Component66cea370fd518f00129b34c4 .imgLightbox img{
        height: auto;
    }
  
  .marquee-item {
    flex: 0 0 22vw;

  }
  
  div#contentnewmode66cd997d2b4a5400137f5305 {
    display: none;
}
  
  .mission-page li {
    width: 100%;
    display: grid;
    grid-template-columns: 30% auto;
    align-items: start;
        gap: 15px;
}
  
  .img-mission {
    margin: 0;
}
  
  .items-mission {
    text-align: left;
}
  
      .vision-page p {
        padding-left: 5%;
        padding-right: 0;
    }
  
      .sym-01 {
        bottom: 110px;
        left: -20px;
        z-index: 1;
    }
  
      .sym-02 {
        right: 40px;
        bottom: -10px;
    }
  
  .items-value {
    grid-template-columns: 12% auto;
    padding: 0;
}
  
  .value-customers, .about-page {
    margin-bottom: 8%;
}
  
  .number-value h5 {
    font-size: 36px;
}
  
  .number-value {
    margin-top: 6%;
}
  
.pre-news h6 , .pre-art h6{
    -webkit-line-clamp: 2;
    margin-top: 0;
}
  
  div#Contentmanager .col-md-12 p {
    margin: 0 !important;
}
  
  .head-page, .sect-news p {
    margin-bottom: 5%;
}
  
  .cont-page ul {
    grid-template-columns: repeat(1, 1fr);
}
  
  .cont-page li {
    grid-template-columns: 14% auto;
    margin-bottom: 3%;
}
  
  .TabItpContentLandingPage4>ul>li>a>span {
    font-size: 16px !important;
}
  
    .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;
}
  
  .sect-news {
    flex-wrap: wrap;
}
  
  .social-share {
    display: none;
}
  
  div#Contentmanager .col-md-6.pull-left, 
  div#Contentmanager .col-md-6.pull-right {
    width: 100%;
    float: none !important;
}
  
  div#Contentmanager .col-md-12.text-justify {
    padding: 0 2%;
}
  
  .news-detail.pt-5.pe-5, .news-detail.pt-8.pe-5,
  .product-detail.pt-8{
    padding: 0;
}
  
  .why-choose {
    margin-bottom: 8%;
}
  
  .why-choose h5 {
    padding-bottom: 6%;
  }
  
  .sect-history ul {
    grid-template-columns: repeat(1, 1fr);
}
  
  div#mainmenu66e3fc679edf770013c77688 .col-sm-5fix.col-xs-12 {
    width: 100%;
}
  
  .why-choose img {
    width: 35% !important;
  }
  
  .feature-items {
    padding: 5% 5% 8%;
}
  
  .gripper-section li {
    width: 100%;
    padding: 10%;
    clip-path: polygon(5% 0, 100% 0, 95% 100%, 0% 100%);
}
  
  .gripper-section ul {
    display: block;
}
  
  .gripper-section li {
    width: 100%;
    background: #fff;
    padding: 8%;
    clip-path: polygon(5% 0, 100% 0, 95% 100%, 0% 100%);
    margin-bottom: 8%;
}
  
  .gripper-section h6 {
    color: #0134b3;
}
  
  .step-gripper ul {
    grid-template-columns: repeat(1, 1fr);
}
  
  .step-gripper li img {
    width: 30% !important;
    margin-bottom: 5%;
}
  
.step-gripper li {
    display: block;
    text-align: center;
}
  
  .gripper-product {
    display: block;
}
  
  .text-product2 {
    padding: 5% 5%;
}
  
  .gripper-product img, .feature-items.blog-case {
    height: auto;
}
  
  .feature-product.pt-5 {
    padding-top: 8%;
}
  
  .download-file img {
    width: 25% !important;
}
  
  .blog-feature ul {
    grid-template-columns: repeat(1, 1fr);
    gap: 15px;
}
  
  .blog-feature li {
    grid-template-columns: 8% auto;
    padding: 4% 2% 5%;
}
}

.eapps-widget-toolbar {
    display: none !important;
}