.itopplus-background {

}
body {
    overflow-x: hidden;
}

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

.navbar-default .navbar-nav>li>a {
    color: #fff;
    margin: 0 15px;
    padding: 8px 0;
    font-family: "Ramabhadra", 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: #fff !important;
    box-shadow: none;
    border-radius: none;
    background: transparent;
    background-color: transparent;
}

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

.no-js .dropdown-menu>li>a:focus,
.no-js .dropdown-menu>li>a:hover {
    color: #fff;
    background: #f66728;
}

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

    #controlBanner img {
        position: fixed;
        top: 8px;
        left: 10px;
        width: 50px !important;
        z-index: 10000;
    }

    .navbar-header,
    #ItopplusMainSidebar>div {
        background: #3c484f !important;
    }

    .navbar-header a.visible-xs {
        filter: brightness(0) invert(1);
    }

    #ItopplusMainSidebar a {
        color: #fff !important;
    }

    .navbar-toggle .icon-bar {
        background-color: #fff !important;
    }

}

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

    .itp-block {
        display: flex;
        flex-direction: column;
    }

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

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

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

     #controlBanner {
        object-fit: contain;
        padding: 20px 0;
        width: 50%;
        min-width: auto;
        margin: 0 auto;
    }
    #nav-menu {
        display: grid;
        place-items: end;
        background: transparent;
      min-height: auto;
    }

    .itopplus-search {
        text-align: right;
        color: #fff;
    }

    #itopplus-nav-bar>li {
        display: -webkit-inline-box;
    }

    .itopplus-nav-bar li:not(:last-of-type):not(.itopplus-sidebar-menu-parent):not(.dropdown-submenu):after {
        content: '|';
        display: grid;
        place-content: center;
        color: #fff;
    }

}



@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: 4.125em;
}

h2 {
    font-size: 3.6em;
}

h3 {
    font-size: 2.8em;
}

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

h5 {
    font-size: 2em;
}

h6 {
    font-size: 1.4em;
}

p, .head-table-product h6,
.table-product>thead>tr>th,
.table-product>tbody>tr>td{
    font-size: 16px;
}

.footer p, div#formdisplay66d9695f4f233b001384c9c9 button,
.btn-more , div#Component66de69e4bac32c00139ef7d3 button,
.btn-detail{
    font-size: 14px;
}

.text-product h5, .pre-port h6 {
    font-size: 20px;
}

.footer h6, .text-product h6{
    font-size: 18px;
}

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

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

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


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

.head-cont {
    width: 55%;
    display: grid;
    grid-template-columns: 40% 40% 7%;
    gap: 30px;
    margin: auto;
    margin-right: 0;
    justify-content: end;
    align-items: center;
  font-family: "Ramabhadra", Mitr, sans-serif;
}

.tell-cont {
    display: grid;
    grid-template-columns: 25px auto;
    align-items: center;
    gap: 10px;
    justify-content: center;
}

.logog-footer {
    width: 65%;
    margin-bottom: 7%;
}

.footer h6, .sect-benefit h3, .items-benefit h6,
.sect-about h5, .sect-product h2, .sect-heart h4,
.sect-moving h6, .text-moving h6, .head-table-product h6,
.product-benefit h4, .blog-benefit h6, .download-catalog h6,
.fw-regular, .form-cont h4{
    font-weight: 400;
}

.footer p, .sect-benefit h4, .sect-product h4,
.text-product h6 , .head-form h5, .head-page h6,
.items-about p, .text-moving p, .product-detail li p{
    font-weight: 300;
}

.footer li {
    display: grid;
    grid-template-columns: 10% auto;
    gap: 10px;
    margin-bottom: 8%;
}

.footer ul {
    list-style: none;
    padding: 0;
}

.copy-right {
    text-align: right;
    padding-top: 2%;
    border-top: 1px solid #ffffff;
}

.head-cont a, .footer a, .blog-benefit li a {
    color: #fff;
}

.head-cont a:hover, .footer a:hover, .contact-page a:hover,
.blog-benefit li:hover a{
    color: #f66728;
}

.sect-benefit, .sect-product, .head-form,
.sect-heart h4, .ceo-about, .sect-moving,
.product-benefit, .download-catalog,
.head-table h4{
    text-align: center;
}

.sect-benefit{
    color: #32434d;
}

.head-form h2, .items-heart h6, .ceo-about h2,
.text-moving h6, .sect-moving h4, .head-table h4,
.contact-page h4{
    color: #215f84;
}

.sect-benefit {
    margin-bottom: 4%;
}

.items-benefit {
    text-align: center;
    position: relative;
    padding: 23% 5% 13%;
    border: 1px solid #bebebe;
    margin-top: 20%;
    transition: transform 0.2s ease-out;
  color: #1f1f1f;
}

.icon-benefit {
    position: absolute;
    width: 33%;
    top: -2%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.sect-about h2 {
    font-family: "Ramabhadra", sans-serif;
      margin-bottom: 1.5%;
}

.sect-about {
    text-align: center;
    padding: 10% 0;
}

.sect-about p, .product-page p {
    line-height: 28px;
    margin-bottom: 3%;
}

.sect-about h5 , .sect-product, .text-product h5,
.sect-heart h4, .product-benefit h4{
    margin-bottom: 2%;
}

.btn-more {
    width: fit-content;
    background: #f66728;
    padding: 1rem 2rem;
    font-weight: 400;
    margin: auto;
    color: #fff;
}

.sect-product h2, .text-product h5, .head-form h2,
.head-page h3, .items-heart h6, .number-about h1{
    font-family: "Ramabhadra", Mitr, sans-serif;
    text-transform: uppercase;
}

figure.effect-selena {
    background: transparent;
}

div#Component66d96387d6034a0013489d2c figcaption,
div#Component677e10907c75a70013c7221c figcaption,
div#Component66de58abbac32c00139ef0a0 figcaption,
div#Component677e10907c75a70013c72227 figcaption,
div#Component66de5b0d0c74e1001328a156 figcaption,
div#Component66de5c0a455ee40013c504a7 figcaption{
    padding: 0;
    position: relative;
    text-transform: none;
}

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

.text-product {
    color: #000;
    height: 120px;
    margin-bottom: 13%;
    padding-top: 2%;
}

.btn-detail {
    color: #215f84;
    width: fit-content;
    margin: auto;
    font-weight: 400;
}

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

div#Component66d96387d6034a0013489d2c .imgLightbox,
div#Component677e10907c75a70013c7221c .imgLightbox,
div#Component66de5b0d0c74e1001328a156 .imgLightbox{
    width: 85%;
    margin: auto;
}

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

div#Component66d96755d6034a0013489e85 .thumbs {
    margin: 0;
}

figure.effect-jazz figcaption::after,
.boderedlayoutClient{
    border: none;
}

.sect-form span {
    display: none;
}

div#formdisplay66d9695f4f233b001384c9c9 {
    padding: 4% 10%;
}

div#formdisplay66d9695f4f233b001384c9c9 input::placeholder {
    font-weight: 300;
    color: #5d5d5c;
}

div#formdisplay66d9695f4f233b001384c9c9 .form-control {
    border-radius: 0;
    box-shadow: none;
    border: none;
    border-bottom: 1px solid #ddd;
    margin-bottom: 2rem;
    font-weight: 400;
}

div#formdisplay66d9695f4f233b001384c9c9 button,
div#Component66de69e4bac32c00139ef7d3 button{
    background-image: none;
    text-shadow: none;
    border: none;
    background: #000;
    color: #fff;
}

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

.head-page {
    background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_18082023dge0/1423/0/banner-pagez-z1509422195525.webp);
    padding: 3% 0 2%;
    text-align: center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
}

.head-page h3, .product-detail li {
    margin-bottom: 1%;
}

.about-page h5 {
    margin-bottom: 3%;
    color: #215f84;
}

.about-page {
    padding-left: 7%;
    padding-top: 5%;
}

.about-page p {
    line-height: 26px;
    margin-bottom: 4%;
    font-weight: 300;
}

.sect-heart ul {
    list-style: none;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    text-align: center;
}

.items-heart {
    position: relative;
    background: #fff;
    color: #000;
    padding: 7%;
    margin-top: 20%;
    padding-top: 18%;
    padding-bottom: 13%;
    border: 1px solid #3c484f;
  transition: transform 0.2s ease-out;
}

.icons-heart {
    width: 28%;
    margin: auto;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
}

.fw-semi {
    font-weight: 500;
}

.number-about h1 {
    color: #d3d3d3;
    margin-bottom: 3%;
}

.items-about p, .text-moving p, .blog-benefit h6 ,
.product-heart p,.port-detail p {
    line-height: 28px;
}

.text-about, .about-page, .download-catalog a {
    color: #000;
}

div#Component66da87f13b8b190012017882 {
    width: 70%;
    margin: auto;
}

.ceo-about h6 {
    line-height: 30px;
    font-weight: 300;
    margin-bottom: 3%;
}

.ceo-about h2 {
    margin: 0;
    line-height: 42px;
}

.ceo-about p::before {
    content: " ";
    width: 2px;
    height: 30px;
    background: #dbdbdb;
    position: absolute;
    top: -45px;
    left: 50%;
}

.ceo-about p {
    margin-top: 7%;
    margin-bottom: 2%;
    position: relative;
}

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

.head-table hr {
    border-width: 1px;
    border-color: #ddd;
    width: 20%;
    margin: 0;
}

.head-table {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px;
    margin-bottom: 2%;
}

.TabItpContentLandingPage10,
.TabItpContentLandingPage10>.tab-content{
    padding: 0;
    box-shadow: none;
}

.TabItpContentLandingPage10 {
    font-family: Mitr, sans-serif;
    width: 100%;
}

.TabItpContentLandingPage10>.nav-tabs>li>a:before {
    background-color: #f66728;
}

.TabItpContentLandingPage10>.nav-tabs>li>a, 
.TabItpContentLandingPage10>.nav-tabs>li>a:before {
    border-radius: 0 !important;
}

.ContentmanagerTab .nav-tabs>li.active>a, 
.ContentmanagerTab .nav-tabs>li.active>a:hover, 
.nav-tabs>li.active>a:focus {
    color: #fff !important;
}

.table-product {
    border: 1px solid #ddd;
    font-family: "Ramabhadra", Mitr, sans-serif;
}

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

.table-product>tbody>tr>td {
    border: 1px solid #ddd;
    padding: 1rem 2rem;
    vertical-align: middle;
}

.table-product>thead>tr>th {
    font-weight: 400;
    vertical-align: middle;
    text-align: center;
    border: 1px solid #ddd;
}

.table-product thead {
    background: #3c484f;
    color: #fff;
}

.blog-benefit li img {
    width: 50% !important;
}

.blog-benefit ul {
    list-style: none;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 10px;
    text-align: center;
}

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

.table-product img {
    width: 70% !important;
}

.product-heart .items-heart {
    padding-bottom: 10%;
    height: 83%;
}

.sect-heart.product-heart ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 30px;
}

.sect-heart.product-heart li {
    width: 31.33%;
}

.Text_seller2 {
    display: none;
}

.pre-article h6 {
    font-weight: 400;
    line-height: 26px;
    height: 30px;
    margin-bottom: 4%;
    margin-top: 0;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: #000;
}

.pre-article {
    padding: 4%;
    margin-bottom: 5%;
}

.sect-prot h5 {
    margin-bottom: 5%;
    font-weight: 400;
    text-align: left;
}

.sect-prot .btn-detail ,
.pre-port .btn-detail{
    margin-left: 0;
}

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

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

.pre-port {
    text-align: left;
    color: #000;
    padding-top: 2%;
    margin-bottom: 3%;
}

.img-port img {
    padding: 5px;
    margin-bottom: 10px;
}

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

h3.managerHeader {
    text-align: center;
    font-weight: 400;
}

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

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

div#Component66daa15b4f233b001384e307 .img-thumbnail, 
div#Component66daa15b4f233b001384e307 .thumbnail {
    padding: 0;
    border: none;
    box-shadow: none;
    border-radius: 0;
    margin-bottom: 2%;
}

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

.article-detail p {
    font-weight: 300;
    line-height: 28px;
    margin-bottom: 2%;
}

.contact-page li {
    display: grid;
    grid-template-columns: 7% auto;
    gap: 10px;
    align-items: baseline;
    margin-bottom: 3%;
}

.contact-page ul {
    list-style: none;
    padding: 0;
    margin-top: 5%;
}

.contact-page {
    padding-top: 6%;
    padding-left: 6%;
    border-left: 1px solid #ddd;
    padding-bottom: 6%;
    font-family: "Ramabhadra", Mitr, sans-serif;
}

.form-cont {
    width: 50%;
    margin: auto;
    text-align: center;
    padding-bottom: 2%;
}

div#Component66de69e4bac32c00139ef7d3 {
    width: 50%;
    margin: auto;
    padding: 0 3%;
}

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

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

div#Component66de69e4bac32c00139ef7d3 input::placeholder, 
div#Component66de69e4bac32c00139ef7d3 textarea::placeholder {
    color: #fff;
    font-weight: 300;
}

div#Component66de69e4bac32c00139ef7d3 .form-control {
    height: 45px;
    border-radius: 0;
    background: transparent;
    border: none;
    border-bottom: 1px solid #fff;
    box-shadow: none;
    color: #fff !important;
    margin-bottom: 1rem;
}

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

.contact-page a {
    color: #1f1f1f;
}

div#formdisplay66d9695f4f233b001384c9c9 button:hover, 
div#Component66de69e4bac32c00139ef7d3 button:hover {
    background: #f66728;
}

.items-benefit:hover, .items-heart:hover,.blog-benefit li:hover img,
.download-catalog img:hover, .contact-page li:hover img{
    transform: scale(1.05);
}

.btn-more:hover, div#Component66dae105d70ea70013b15752 .col-md-4.col-sm-4.col-xs-12:hover .btn-more {
    background: #1f1f1f;
}

div#Component66d96387d6034a0013489d2c .col-md-4.col-sm-4.col-xs-4:hover .btn-detail,
div#Component677e10907c75a70013c7221c .col-md-4.col-sm-4.col-xs-4:hover .btn-detail,
div#Component66de58abbac32c00139ef0a0 .col-md-3.col-sm-4.col-xs-4:hover .btn-detail,
div#Component677e10907c75a70013c72227 .col-md-3.col-sm-4.col-xs-4:hover .btn-detail,
div#Component66de5b0d0c74e1001328a156 .col-md-4.col-sm-4.col-xs-4:hover .btn-detail,
div#Component66de5c0a455ee40013c504a7 .col-md-3.col-sm-4.col-xs-4:hover .btn-detail,
div#Component66de6157bac32c00139ef366 .col-md-4.col-sm-4.col-xs-12:hover .btn-detail,
div#Component66dae105d70ea70013b15752 .col-md-4.col-sm-4.col-xs-12:hover .btn-detail{
    color: #f66728;
}

.fb-cont:hover, .tell-cont:hover img {
    filter: brightness(0) saturate(100%) invert(43%) sepia(84%) saturate(707%) hue-rotate(339deg) brightness(97%) contrast(98%);
}

.blog-benefit li img, .download-catalog img,
div#Component66de6157bac32c00139ef366 .col-md-4.col-sm-4.col-xs-12 .img,
div#Component66dae105d70ea70013b15752 .col-md-4.col-sm-4.col-xs-12 .img,
.contact-page li img, .img-port img{
  transition: transform 0.2s ease-out;
}

div#Component66de6157bac32c00139ef366 .col-md-4.col-sm-4.col-xs-12:hover .img,
div#Component66dae105d70ea70013b15752 .col-md-4.col-sm-4.col-xs-12:hover .img,
.img-port img:hover{
    transform: scale(0.95);
}

  .items-about {
    padding: 0 4%;
}

.text-moving p {
    margin-bottom: 3%;
}

div#Component66da9628d6034a001348b37a {
    width: 60%;
    margin: auto;
}

.product-detail ol {
    margin-top: 2%;
}

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

.text-product.sect-prot {
    padding-top: 0;
}

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

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

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

.ITPlinkToCookiepage:hover {
    color: #f66728 !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: 500 !important;
}

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

.port-detail {
    text-align: center;
}

.content-eps {
    padding: 5%;
    text-align: center;
}

.blog-eps {
    display: grid;
    grid-template-columns: 60% auto;
    align-items: center;
}

div#mainmenu66fb91d8bac62500134693e3 {
    background: #f4f4f4;
}
/*********************responsive**********************/


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

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

h1 {
    font-size: 4.625em;
}

h2 {
    font-size: 3.8em;
}

h3 {
    font-size: 3.2em;
}

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

h5 {
    font-size: 2.4em;
}

h6 {
    font-size: 1.8em;
}

p, .head-table-product h6,
.table-product>thead>tr>th,
.table-product>tbody>tr>td{
    font-size: 20px;
}

.footer p, div#formdisplay66d9695f4f233b001384c9c9 button,
.btn-more , div#Component66de69e4bac32c00139ef7d3 button,
.btn-detail, .dropdown-menu>li>a{
    font-size: 18px;
}

.text-product h5, .pre-port h6 {
    font-size: 26px;
}

.footer h6, .text-product h6{
    font-size: 22px;
}
  
  .icon-benefit {
    width: 30%;
}

  .sect-about p, .product-page p,
  .items-about p, .text-moving p, 
  .blog-benefit h6, .product-heart p,
  .article-detail p, .port-detail p{
    line-height: 36px;
  }
  
  .head-cont {
    width: 50%;
  }
  
  .text-product h5 {
    line-height: 34px;
}
  
  .text-product {
    height: 150px;
}
  
  div#formdisplay66d9695f4f233b001384c9c9 .form-control,
  div#Component66de69e4bac32c00139ef7d3 .form-control{
    height: 50px;
    font-size: 18px !important;
}
  
  div#formdisplay66d9695f4f233b001384c9c9 {
    padding: 9% 10%;
}
  
  .footer li {
    grid-template-columns: 8% auto;
}
  
  .about-page p {
    line-height: 32px;
  }
  
  .icons-heart {
    width: 25%;
  }
  
  .items-heart {
    padding-top: 16%;
    padding-bottom: 10%;
}
  
  .items-heart h6 {
    margin-bottom: 4%;
}
  
  .ceo-about h6 {
    line-height: 40px;
  }

  .product-page.pe-5 {
    padding-top: 5%;
}
  
  .pre-article h6 {
    line-height: 34px;
    height: 40px;
}
  
  .ITP-pdpa-template-titleFont {
    font-size: 26px !important;
}
  
  .ITP-pdpa-template-contentFont {
    line-height: 34px;
    font-size: 18px !important;
}
}

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

.text-product h5 {
    line-height: 32px;
}
  
  h4, h3.managerHeader {
    font-size: 2.2em;
}
  
  h2 {
    font-size: 3.4em;
}
  
  div#formdisplay66d9695f4f233b001384c9c9 {
    padding: 2% 10%;
}
}

@media screen and (max-width : 1200px) {
  
.head-cont {
    width: 57%;
}
  
      h4, h3.managerHeader {
        font-size: 2em;
    }
  
  h3 {
    font-size: 2.4em;
}
  
  h6 {
    font-size: 18px;
}
  
      h2 {
        font-size: 3em;
    }
  
  h5 {
    font-size: 1.6em;
}
  
  .text-product h5, .pre-port h6,
  .footer h6, .text-product h6{
    font-size: 16px;
}
  
  div#formdisplay66d9695f4f233b001384c9c9 .form-control {
    margin-bottom: 1rem;
}
  
  .about-page {
    padding-top: 0;
}
  
  .TabItpContentLandingPage10>.nav-tabs>li>a:before {
    transform: translateY(60px) scale(.5);
}
  
  .sect-heart.product-heart li {
    width: 30.33%;
}
  
  .sect-heart.product-heart ul {
    gap: 20px;
}
  
  .product-heart .items-heart {
    height: 88%;
}
  
  .icons-heart {
    width: 30%;
  }
  
  .pre-article h6 {
    line-height: 28px;
  }
  
  .pre-article {
    margin-bottom: 8%;
}
  
  .article-detail p {
    margin-bottom: 3%;
}
  
  .contact-page {
    padding-top: 4%;
    padding-bottom: 4%;
}
}

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

div#contentnewmode66d95678d6034a0013489b1a,
div#contentnewmode66d95dcd78d6f400130bda81{
    display: none;
}
  
  div#mainmenu66d95ea478d6f400130bdaf0 .col-md-3.col-sm-6.col-xs-12 {
    width: 25%;
}
  
  .copy-right {
    text-align: center;
}
  
  .items-benefit {
    padding: 18% 3% 10%;
    height: 110px;
}
  
    .sect-about p, .product-page p,
  .items-about p, .text-moving p, 
  .blog-benefit h6, .product-heart p,
  .article-detail p, .text-product h5,
.about-page p, .ceo-about h6, .port-detail p{
    line-height: inherit;
  }
  
  .sect-about h5 {
    margin-bottom: 3%;
}
  
     h3 {
        font-size: 28px;
    }
  
      h4, h3.managerHeader {
        font-size: 24px;
    }
  
      h5{
        font-size: 20px;
    }
  
      h2 {
        font-size: 34px;
    }
  
  div#Component66de58abbac32c00139ef0a0 .col-md-3.col-sm-4.col-xs-4,
  div#Component677e10907c75a70013c72227 .col-md-3.col-sm-4.col-xs-4,
  div#Component66de5c0a455ee40013c504a7 .col-md-3.col-sm-4.col-xs-4{
    width: 25%;
}
  
  .text-product.sect-prot {
    height: 60px;
}
  
  div#formdisplay66d9695f4f233b001384c9c9 .col-md-6.col-sm-12 {
    width: 50%;
}
  
  div#Component66d96755d6034a0013489e85 .imgLightbox img {
    height: 435px;
    object-fit: cover;
}
  
  div#Component66da87f13b8b190012017882 {
    width: 100%;
  }
  
  .text-moving.pe-5.pt-5 {
    padding-top: 0;
}
  
  .TabItpContentLandingPage10 {
    display: flex;
}
  
  .TabItpContentLandingPage10>.tab-content {
    display: block;
    overflow: auto;
    border-radius: 0;
}
  
  .pre-article h6 {
    height: 35px;
    line-height: 32px;
}
  
  .table-product img {
    width: 95% !important;
}
  
  .port-detail br {
    display: none;
}
}

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

div#imagesControl66d939d54f233b001384c641,
  div#mainmenu66d95ea478d6f400130bdaf0>div,
  div#contentnewmode66d12ed1fd518f00129b6cc0,
  div#imagesControl66d96387d6034a0013489d2c,
  div#Component66d96387d6034a0013489d2c .thumbs,
  div#Component677e10907c75a70013c7221c .thumbs,
  div#Component66de5b0d0c74e1001328a156 .thumbs,
  div#imagesComponent66de5b0d0c74e1001328a156,
  div#imagesControl66de58abbac32c00139ef0a0,
  div#imagesControl66da80182054530013ccebf1,
  div#contentnewmode66da8788d6034a001348afd3,
  div#contentnewmode66da878cd6034a001348afdc,
  div#contentnewmode66da8790d6034a001348afea,
  div#contentnewmode66da87ec2054530013ccedd0,
  div#imagesControl66da93e2d6034a001348b30a,
  div#contentnewmode66da8cb64f233b001384e132,
div#contentnewmode66da9383d6034a001348b2fb,
div#imagesControl66da93b478d6f400130bf580,
  div#imagesControl66de5c0a455ee40013c504a7,
  div#imagesControl66da9e86d6034a001348b498,
  div#imagesControl66de62b0008ac30013f56238,
div#imagesControl66de62d00c74e1001328a297,
div#imagesControl66de62eb802b07001325ef1d,
  div#imagesControl66de63f1bac32c00139ef561,
div#imagesControl66de6406802b07001325ef6d,
div#imagesControl66de641bbac32c00139ef573,
  div#imagesControl66de64bc0c74e1001328a3d3,
div#imagesControl66de64d00c74e1001328a400,
div#imagesControl66de64e40c74e1001328a419,
  div#imagesControl66de65550c74e1001328a436,
div#imagesControl66de656b455ee40013c50727,
div#imagesControl66de657cbac32c00139ef5e9,
  div#imagesControl66de66c5d260560013910e15,
  div#mainmenu66f130e1c4d7ac0013286ec7>div{
    padding: 0 !important;
}
  
  .sect-benefit h4, .sect-benefit h3 {
    margin: 2% 0;
}
  
      div#mainmenu66d95ea478d6f400130bdaf0 .col-md-3.col-sm-6.col-xs-12,
  div#Component66d96387d6034a0013489d2c .col-md-4.col-sm-4.col-xs-12,
  div#Component677e10907c75a70013c7221c .col-md-4.col-sm-4.col-xs-12,
  div#Component66de5b0d0c74e1001328a156 .col-md-4.col-sm-4.col-xs-12,
  div#Component66de58abbac32c00139ef0a0 .col-md-3.col-sm-4.col-xs-12,
  div#Component677e10907c75a70013c72227 .col-md-3.col-sm-4.col-xs-12,
  div#Component66de5c0a455ee40013c504a7 .col-md-3.col-sm-4.col-xs-12{
        width: 50%;
    }
  
  .icon-benefit {
    width: 40%;
}
  
      .items-benefit {
        padding: 23% 3% 8%;
        height: 95px;
    }
  
  .items-benefit h6, .blog-benefit h6 {
    font-size: 16px;
}
  
  br {
    display: none;
}
  
      .sect-about h5 , .sect-about p, .product-page p{
        margin-bottom: 6%;
    }
  
      h2 {
        font-size: 28px;
    }
  
      h3 {
        font-size: 26px;
    }
  
      h4 {
        font-size: 22px;
    }
  
  .text-product {
    text-align: center;
    padding-top: 10%;
    height: auto;
    margin-bottom: 10%;
}
  
  .text-product.sect-prot {
    padding-top: 8%;
    height: auto;
}
  
  div#Component66de58abbac32c00139ef0a0 .none-middle-mid>div>div>div>div:nth-child(3), 
  div#Component677e10907c75a70013c72227 .none-middle-mid>div>div>div>div:nth-child(3), 
  div#Component66de5c0a455ee40013c504a7 .none-middle-mid>div>div>div>div:nth-child(3) {
    justify-content: start;
}
  
  div#Component66d96755d6034a0013489e85 .imgLightbox img {
        height: auto;
  }
  
      div#formdisplay66d9695f4f233b001384c9c9,
  .about-page, .items-about, .text-moving.pe-5.pt-5,
  .contact-page{
        padding: 0;
    }
  
      div#formdisplay66d9695f4f233b001384c9c9 .col-md-6.col-sm-12,
  div#Component66da9628d6034a001348b37a{
        width: 100%;
        padding: 0;
    }
  
  .head-form, .text-moving p {
    margin-bottom: 5%;
}
  
  .items-about {
    display: flex;
    gap: 10px;
    margin-bottom: 10%;
}
  
  .sect-heart ul {
    grid-template-columns: repeat(1, 1fr);
}
  
  .items-heart {
    padding-top: 15%;
    padding-bottom: 8%;
}
  
  .ceo-about p::before {
    top: -35px;
    height: 23px;
}
  
  .ceo-about p {
    margin-top: 10%;
  }
  
  div#mainmenu66da937cd6034a001348b2f1 .none-middle-mid,
  div#mainmenu66de66ad008ac30013f5635f .none-middle-mid{
    display: flex;
    flex-wrap: wrap-reverse;
}
  
div#mainmenu66da937cd6034a001348b2f1 .none-middle-mid .none-middle-mid,
  div#mainmenu66de66ad008ac30013f5635f .none-middle-mid .none-middle-mid{
    display: block;
}
  
  .pe-5 {
    padding-left: 0;
}
  
      .TabItpContentLandingPage10 {
        display: block;
    }
  
  .TabItpContentLandingPage10>.nav-tabs {
    width: 100%;
    min-width: 100%;
    display: block;
}
  
  .TabItpContentLandingPage10>.tab-content {
    margin-top: 5%;
}
  
  .blog-benefit ul {
    grid-template-columns: repeat(3, 1fr);
}
  
  .blog-benefit li img {
    width: 60% !important;
}
  
  .head-table hr {
    width: 15%;
}
  
  .download-catalog img {
    width: 25% !important;
}
  
  .head-table {
    gap: 20px;
}
  
  .table-product img {
    width:85px !important;
}
  
  .table-product>tbody>tr>td {
    padding: 1rem;
}
  
  .head-page {
    padding: 5% 0 4%;
}
  
      .product-heart .items-heart {
        height: auto;
    }
  
      .sect-heart.product-heart li {
        width: 100%;
    }
  
  .pre-port, .article-detail p {
    margin-bottom: 8%;
}
  
  .img-port img {
    padding: 0;
    margin-bottom: 20px;
}
  
  div#Component66daa15b4f233b001384e307 .col-md-12.text-justify {
    padding: 0 2%;
}
  
  .social-share {
    display: none;
}
  
  .page-header {
    margin: 5% 0 0;
}
  
      .pre-article h6 {
        height: auto;
        line-height: inherit;
        display: -webkit-box;
        -webkit-line-clamp: unset;
    }
  
  .contact-page {
    border: none;
}
  
  .contact-page ul {
    margin-top: 8%;
}

  .contact-page li {
    grid-template-columns: 12% auto;
    margin-bottom: 5%;
}
  
  .form-cont, div#Component66de69e4bac32c00139ef7d3 {
    width: 100%;
}
  
      .icons-heart {
        width: 25%;
    }
  
   .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;
}
  
  div#cookie66d9695f4f233b001384c9c9 {
    padding: 0 2%;
}
  
  .blog-eps {
    display: block;
  }
  
  .content-eps {
    padding: 2%;
    margin-bottom: 5%;
}

}