.itopplus-background {

}
body {
    overflow-x: hidden;
}

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

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

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

.navbar-default .navbar-nav>li>a {
    color: #004d97;
    margin: 0 15px;
    padding: 8px 0;
    border-bottom: 2px solid transparent;
}

.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: #004d97 !important;
    box-shadow: none;
    border-radius: none;
    border-bottom: 2px solid #004d97;
    background: transparent;
    background-color: transparent;
}

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

.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
    color: #fff;
    background: #004d97;
}
@media screen and (max-width: 992px) {
    #controlBanner img {
        position: fixed;
        top: 7px;
        left: 10px;
        width: 170px !important;
        z-index: 10000;
    }

    #nav-menu,
    #ItopplusMainSidebar>div {
        background: #fff !important;
    }

    #itpMenuSideBar span {
        background-color: #004d97 !important;
    }

    #controlMenu * {
        color: #004d97 !important;
        border: none;
    }

    #nav-menu {
        position: fixed;
        width: 100%;
        top: 0;
        left: 0;
        z-index: 1000;
    }

    .navbar-header {
        display: flex !important;
        flex-direction: row-reverse;
        align-items: center;
        height: 100%;
        width: 100%;
        padding: 0 5px;
    }

    #itpMenuSideBar {
        display: grid !important;
        place-items: center;
        border: none;
        margin: 0 !important;
        padding: 0 !important;
        background: 0 0 !important;
        background-color: transparent !important;
    }

    #itpMenuSideBar .navbar-inline:last-child {
        display: none;
    }

    #itpMenuSideBar span {
        height: 3px !important;
        width: 25px !important;
        margin: 3px !important;
    }

    .navbar-header a.visible-xs i,
    .navbar-header a:not(a.visible-xs) {
        display: none !important;
    }

    .navbar-header>a {
        display: grid !important;
        place-items: center;
        place-content: center;
        background-size: 30px;
        background-position: center;
        background-repeat: no-repeat;
        padding: 0 !important;
        width: 40px;
    }

    /*สี*/
    #itpphonemobile {
        background-image: url(https://itp1.itopfile.com/ImageServer/z_itp_09062024wnrm/0/0/telz-z77323662137.png) !important
    }

    #itpsearchmobile {
        background-image: url(https://itp1.itopfile.com/ImageServer/z_itp_09062024wnrm/0/0/searchz-z1134319420589.png) !important
    }

    .old-image-icon-facebook {
        background-image: url(https://itp1.itopfile.com/ImageServer/z_itp_09062024wnrm/0/0/facebookz-z1318628404704.png) !important
    }

    .old-image-icon-line {
        background-image: url(https://itp1.itopfile.com/ImageServer/z_itp_09062024wnrm/0/0/linez-z1655517020729.png) !important
    }

    .old-image-icon-instragram {
        background-image: url(https://itp1.itopfile.com/ImageServer/z_itp_09062024wnrm/0/0/instagramz-z1066049211157.webp) !important
    }

    .old-image-icon-youtube {
        background-image: url(https://itp1.itopfile.com/ImageServer/z_itp_09062024wnrm/0/0/youtubez-z1416596488876.webp) !important
    }


    #languagemobile {
        order: 10;
    }

    #language_member_bar {
        display: none;
    }

    #main-navbar-collapse {
        display: none !important;
    }

    #languagemobile {
        filter: unset !important;
    }

    .customLink {
        width: 40px !important;
    }

    .customLink img {
        width: 30px !important;
        height: 30px !important;
        aspect-ratio: 1;
    }
}

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

    .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;
    }

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

h2 {
    font-size: 3.2em;
}

h3 {
    font-size: 2.8em;
}

h4 {
    font-size: 2.2em;
}

h5 {
    font-size: 1.8em;
}

h6 {
    font-size: 1.4em;
}

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

.btn-more, div#formdisplay66b0a42baa89500013c4a9d4 button,
.btn-pd, div#Component66b1d4dec2e9320013e67db4 button{
    font-size: 14px;
}

.text-cate h6 {
    font-size: 20px;
}

.about-page h6, .pre-product h6, .table-product thead>tr>th,
.effect-default h2{
    font-size: 18px;
}

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

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

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

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

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

.carousel-control {
    display: none;
}

.carousel-indicators.hidden {
    display: block !important;
    visibility: visible !important;
}

.carousel-indicators li {
    width: 15px !important;
    height: 15px !important;
    border: 1px solid #b5b5b5;
    margin: 0 0.5%;
}


.carousel-indicators .active {
    background: #b5b5b5;
    width: 15px !important;
    height: 15px !important;
      margin: 0 0.5%;
}

.copy-right, .head-page, .blod-about, .table-product thead>tr>th, 
.table-product tbody>tr>td  {
    text-align: center;
}

.copy-right {
    margin-top: 2%;
}

.footer h6 {
    font-weight: 600;
    margin-bottom: 2rem;
}

.sect-about h4 , .sect-about h6, .text-cate h6,
.form-request h3, .head-page h3, .cont-page h5,
.fw-semi, .head-page h5, .blod-about h6, 
.table-product thead>tr>th, .cont-page h4,
.sect-about h5, .about-page h4,  .about-page h5{
    font-weight: 600;
}

.footer li {
    display: grid;
    grid-template-columns: 30px auto;
    align-items: center;
    gap: 5px;
    margin-bottom: 3%;
}

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

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

.footer {
    padding: 2% 0 13%;
}

.sect-about h3, .sect-about h6, .about-page h6 {
    margin-bottom: 3%;
}

.footer a {
    color: #fff;
}

.cont-page a:hover {
    color: #007bfd;
}

.footer a:hover {
    color: #6cb3ff
}

div#Component66b09511c5c4d700137fedc0 {
    padding-right: 3%;
    margin-bottom: -15%;
    margin-top: 13%;
}

.sect-about li {
    display: grid;
    grid-template-columns: 30px auto;
    gap: 10px;
    align-items: center;
    padding: 1%;
    border: 1px solid #fff;
}

.sect-about ul {
    list-style: none;
    padding: 0;
    display: flex;
    gap: 20px;
    margin-top: 5%;
}

.sect-about {
    padding-left: 5%;
    padding-top: 11%;
}

.sect-about h6, .about-page h6, .head-page h6 {
    line-height: 30px;
}

.sect-product h3, .head-product h3 {
    font-weight: 600;
    color: #0048bc;
    border-left: 1px solid #0048bc;
    padding: 1%;
    padding-left: 2%;
}

.sect-product, .head-product, .product-detail h6,
.head-page p, .head-page h3, .head-page h5{
    margin-bottom: 2%;
}

figure.effect-oscar figcaption::before{
    border: none;
}

.table-product thead>tr>th, .table-product tbody>tr>td {
    border: 1px solid #ddd;
  vertical-align: middle !important;
}

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

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

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

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

.text-cate {
    text-align: left;
    padding: 4% 8%;
}

.btn-more , .btn-pd{
    background: #004d97;
    padding: 0.75rem 1.25rem;
    width: fit-content;
    color: #fff;
    border: 1px solid #004d97;
}

.head-cate .btn-more {
    background: transparent;
    border: 1px solid #fff;
}

.pass-img {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}

.gall-img img {
    margin-bottom: 10px;
}

.form-request h3, .form-request h5, .head-page h3,
.about-page h4, .cont-page h4,.about-page h5, .cont-page h5{
    color: #0048bc;
}

.form-request {
    background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_09072023l8kz/375/0/sirivadh-formz-z1570602556841.webp);
    height: 375px;
    text-align: center;
    padding-top: 35%;
    background-repeat: no-repeat;
    background-size: cover;
}

.form-request h5 {
    margin-left: 13%;
}

div#mainmenu66b0a296c5c4d700137fee90 {
    background: #f5f5f5;
}

div#formdisplay66b0a42baa89500013c4a9d4 {
    background: transparent !important;
    padding: 5% 5% 0;
}

.form-text span , .Text_seller2, h3.managerHeader,.landingpagemanager strong,
.post-time, .fbcomments, .landingpagemanager .col-md-6.col-sm-6.col-xs-12:nth-child(n+5){
    display: none;
}

div#formdisplay66b0a42baa89500013c4a9d4 .form-control,
div#Component66b1d4dec2e9320013e67db4 .form-control {
    margin-bottom: 1rem;
    box-shadow: none;
    border-radius: 0;
    background: transparent;
    border: none;
    border-bottom: 1px solid #ddd;
    height: 45px;
    color: #20252f !important;
}

div#formdisplay66b0a42baa89500013c4a9d4 input::placeholder,
div#Component66b1d4dec2e9320013e67db4 input::placeholder,
div#Component66b1d4dec2e9320013e67db4 textarea::placeholder{
    color: #20252f;
}

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

div#formdisplay66b0a42baa89500013c4a9d4 button,
div#Component66b1d4dec2e9320013e67db4 button{
    background: #004d97;
    text-shadow: none;
    color: #fff;
    border: none;
    border-radius: 0;
}

.glyphicon-ok-circle:before {
    content: "✓";
}

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

.head-page p, .product-detail p {
    line-height: 26px;
}

.blod-about img {
    width: 50% !important;
    margin-bottom: 3%;
}

.blod-about {
    padding: 5%;
}

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

div#Contentmanager .col-md-4.col-sm-4.col-xs-12,
.landingpagemanager .col-md-6.col-sm-6.col-xs-12{
    width: 25%;
    padding: 0 1% !important;
    margin-bottom: 3%;
}

.Contentmanager .template1 .template-panel {
        padding-bottom: 100%;
}

div#Contentmanager .img-container .img {
    background-color: #fff;
}

.pre-product, .landingpagemanager .col-md-8.col-sm-8.col-xs-12 {
    text-align: left;
    padding: 5% 0 3%;
    color: #282828;
}

.landingpagemanager .col-md-8.col-sm-8.col-xs-12 {
   padding: 2% 0 3%;
}

.pre-product h6 {
    height: 25px;
    line-height: 28px;
    margin-bottom: 6%;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-top: 0;
}

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

.landingpagemanager {
    padding: 0;
    border: none;
}

.page-header {
    text-align: center;
    margin-bottom: 20px !important;
}

#relateContentTitle::before {
    position: absolute;
    top: 8px;
    left: 3px;
    content: "ผลิตภัณฑ์อื่นๆ";
    color: #000;
}

#relateContentTitle {
    position: relative;
    color: #fff;
}

.landingpagemanager .col-md-4.col-sm-4.col-xs-4,
.landingpagemanager .col-md-8.col-sm-8.col-xs-12{
    width: 100%;
}

.maxHeight-TP5 {
    min-height: 390px !important;
    max-height: 390px;
}

.landingpagemanager .img-container {
    padding-bottom: 100%;
}

.head-product h6 {
    padding-left: 2%;
    color: #7d7d7d;
}

.head-product h3 {
    padding: 0;
    padding-left: 2%;
}

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

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

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

.table-product thead, .bg-blue2 {
    background: #053c95!important;
    color: #fff;
}

.table-product tbody>tr>td {
    padding: 12px 5px;
}

div#Contentmanager .col-xs-6.col-md-3 {
    padding: 0 1%;
    width: 33.33%;
}

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

.cont-page li {
    display: grid;
    grid-template-columns: 40px auto;
    gap: 10px;
    align-items: center;
    margin: 2% 0;
}

div#Component66b1d4dec2e9320013e67db4 {
    background: #f5f5f5;
    padding: 3%;
}

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

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

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

div#Component66b1d743227a4e0013810ff8 .tab-content {
    border: none !important;
    height: 410px;
    background: #fff;
}

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

.img-graph img {
    height: 380px;
    object-fit: contain;
}

.img-cont {
    position: relative;
    left: -155px;
}

.cont-page a {
    color: #20252f;
}

.sect-about li a {
    color: #fff;
}

.sect-about li:hover {
    background: #004d97;
    border-color: #004d97;
}

div#Component66b09d07375afe001351ceaf .imgLightbox,
div#Component66b09ce92b5eaa00137e1bbc .imgLightbox,
div#Component66b1d7be227a4e001381101f .imgLightbox,
div#Component66cd34f42b4a5400137f36a8 .imgLightbox,
div#Component66b1914a6082060013be2834 .imgLightbox
div#Component66ce917ab753c00013970af4 .imgLightbox{
    overflow: hidden;
}

div#Component66b09d07375afe001351ceaf figure img,
div#Component66b09ce92b5eaa00137e1bbc figure img,
.gall-img img, .blod-about img,div#Contentmanager .col-md-4.col-sm-4.col-xs-12, 
.landingpagemanager .col-md-6.col-sm-6.col-xs-12,
div#Component66b1d7be227a4e001381101f figure img,
div#Component66cd34f42b4a5400137f36a8 figure img,
div#Component66b1914a6082060013be2834 figure img,
div#Component66ce917ab753c00013970af4 figure img,
.cont-page li img, .sect-about li{
   transition: transform 0.2s ease-out;
}

div#Component66b09d07375afe001351ceaf figure:hover img,
div#Component66b09ce92b5eaa00137e1bbc figure:hover img,
.gall-img img:hover, .blod-about:hover img,
div#Contentmanager .col-md-4.col-sm-4.col-xs-12:hover, 
.landingpagemanager .col-md-6.col-sm-6.col-xs-12:hover,
div#Component66b1d7be227a4e001381101f figure:hover img,
div#Component66cd34f42b4a5400137f36a8 figure:hover img,
div#Component66b1914a6082060013be2834 figure:hover img,
div#Component66ce917ab753c00013970af4 figure:hover img,
.cont-page li:hover img, .sect-about li:hover{
    transform: scale(1.05);
}

div#Component66b09d07375afe001351ceaf figure:hover .btn-more,
div#Component66b09ce92b5eaa00137e1bbc figure:hover .btn-more,
div#Component66b1d7be227a4e001381101f figure:hover .btn-more,
div#Component66cd34f42b4a5400137f36a8 figure:hover .btn-more,
div#Component66b1914a6082060013be2834 figure:hover .btn-more,
div#Component66ce917ab753c00013970af4 figure:hover .btn-more{
    background: transparent;
    border-color: #fff;
}

div#Component66b09ce92b5eaa00137e1bbc figure:hover .head-cate .btn-more,
div#formdisplay66b0a42baa89500013c4a9d4 button:hover, 
div#Component66b1d4dec2e9320013e67db4 button:hover,
div#Contentmanager .col-md-4.col-sm-4.col-xs-12:hover .btn-pd, 
.landingpagemanager .col-md-6.col-sm-6.col-xs-12:hover .btn-pd{
    background: #0061c9;
}

.gall-img div {
    overflow: hidden;
}

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

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

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

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

.text-product02 h6 {
    font-size: 18px;
    text-align: center;
    margin-top: 5%;
    margin-bottom: 8%;
}

.contenemanager-gallery .col-xs-12.col-md-3 {
    width: 33.33%;
    padding: 0 1%;
}

.contenemanager-gallery {
    display: flex;
    justify-content: center;
}

.effect-default h2 {
    margin-top: 3% !important;
}

.product-detail h5 {
    font-weight: 600;
    margin-bottom: 3%;
      margin-top: 5%;
}

.product-detail-page h6 {
    line-height: 30px;
    font-weight: 600;
    margin-bottom: 3%;
}

.product-detail-page li p {
    margin-bottom: 1rem;
}
.product-detail p {
    margin-bottom: 2rem;
}

.product-detail-page ul {
    margin-bottom: 3rem;
}

.product-detail h6 {
    font-weight: 600;
    margin-top: 3rem;
}

.product-detail.pe-3 {
    padding-left: 3%;
}

.desktop-19 {
    display: none;
}

.sect-about h5, .about-page h5 {
    margin-bottom: 4%;
}

.table-responsive {
    width: 100%;
    overflow-x: auto;
}

.sect-about h5, .about-page h5 {
    font-size: 26px;
}

div#cookie66b1d4dec2e9320013e67db4 {
    color: #000;
}
/************************responsive*************************/


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

h1 {
    font-size: 4.525em;
}

h2 {
    font-size: 4em;
}

h3 {
    font-size: 3.6em;
}

h4 {
    font-size: 2.6em;
}

h5 {
    font-size: 2.2em;
}

h6 {
    font-size: 1.7em;
}

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

.btn-more, div#formdisplay66b0a42baa89500013c4a9d4 button,
.btn-pd, div#Component66b1d4dec2e9320013e67db4 button{
    font-size: 18px;
}

.text-cate h6 {
    font-size: 28px;
    margin-bottom: 7%;
}

.about-page h6, .pre-product h6, .table-product thead>tr>th,
  .text-product02 h6, .effect-default h2{
    font-size: 22px;
}
  
  .sect-about h6, .about-page h6, .head-page h6 {
    line-height: 36px;
}
  
  .sect-about {
    padding-top: 14%;
}
  
  .head-page p, .product-detail p {
    line-height: 32px;
}
  
  .form-request {
    height: 510px;
    padding-top: 37%;
}
  
  .form-request h5 {
    margin-left: 21%;
}
  
  div#formdisplay66b0a42baa89500013c4a9d4 .form-control, 
  div#Component66b1d4dec2e9320013e67db4 .form-control {
    font-size: 18px;
    margin-bottom: 2rem;
}
  
  div#formdisplay66b0a42baa89500013c4a9d4 {
    padding: 8% 5% 0;
}
  
  .about-page h4 {
    margin-bottom: 2%;
}
  
  .blod-about img {
    width: 45% !important;
  }
  
  .maxHeight-TP5 {
    min-height: 500px !important;
    max-height: 500px;
}
  
  .ITP-pdpa-template-titleFont {
    font-size: 26px !important;
  }
  
  .ITP-pdpa-template-contentFont {
    line-height: 34px;
}
  
  .pre-product h6 {
    height: 30px;
    line-height: 32px;
  }
  
  .product-detail-page h6 {
    line-height: 36px;
  }
  
  .product-detail-page li p {
    margin-bottom: 2rem;
    line-height: 30px;
}
  
  .product-detail-page ul {
    margin-bottom: 5%;
}
  
  .desktop-19 {
    display: block;
}
  
  .desktop-14 {
    display: none;
}
  
  .sect-about h4 , .about-page h4{
    font-size: 3.2em;
}
  
  .sect-about h5, .about-page h5 {
    font-size: 37px;
}
  
  .cont-page h5 {
    font-size: 2.15em;
}
}

@media screen and (max-width : 1680px) {
  
  .sect-about h5, .about-page h5 {
    font-size: 25.5px;
}
  
  .cont-page h5 {
    font-size: 1.83em;
}
}

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

.sect-about {
    padding-top: 8%;
}
  
  .itopplus-bg,.itopplus-bg2 {
    background-size: cover;
}
  
  div#Component66b09511c5c4d700137fedc0 {
    margin-bottom: -15%;
}
}

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

.sect-about {
    padding-bottom: 8%;
}
  
  .form-request {
    height: 315px;
}
  
  .form-request h5 {
    margin-left: 25%;
}
  
  div#formdisplay66b0a42baa89500013c4a9d4 {
    padding: 1% 5% 0;
}

  .footer p a {
    display: block;
}
    
  div#contentnewmode66b08e8b66bc640013092016,
  div#contentnewmode66b09422375afe001351cdfa{
    padding-left: 0 !important;
}
  
    .desktop-14 {
    display: none;
}
  
  .sect-about h5, .about-page h5 {
    font-size: 25.5px;
}
  
}

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

.copy-right {
    margin-top: 0;
}
  
  .sect-about br {
    display: none;
}

  h3 {
    font-size: 2.4em;
}
  
  h6 , .text-cate h6{
    font-size: 18px;
}
  
  .sect-about h6, .about-page h6, .head-page h6 {
    line-height: inherit;
}
  
  .sect-about {
    padding-left: 3%;
    padding-right: 3%;
}
  
  .sect-about li {
    grid-template-columns: 25px auto;
    gap: 8px;
}
  
  .pt-10 {
    padding-top: 6%;
}
  
      .form-request {
        height: 370px;
        padding-top: 45%;
    }
  
  .form-request h5 {
        margin-left: 17%;
    }
  
  div#Component66b0a42baa89500013c4a9d4 .col-md-6.col-sm-12 .col-md-12.col-sm-12, 
  div#Component66b0a42baa89500013c4a9d4 .col-md-12.col-sm-12 .col-md-12.col-sm-12, 
  div#Component66b0a42baa89500013c4a9d4 .col-md-12.col-sm-12 .col-md-6.col-sm-12 {
    padding: 0 !important;
}
  
.blod-about {
    display: grid;
    grid-template-columns: 25% auto;
    gap: 15px;
    text-align: left;
    padding: 3%;
}
  
  .blod-about img {
    width: 100% !important;
  }
  
  .about-page {
    padding: 0 7%;
}
  
  div#Component66b1d7be227a4e001381101f .col-md-4.col-sm-4.col-xs-6.col-sm-5fix,
  div#Component66cd34f42b4a5400137f36a8 .col-md-4.col-sm-4.col-xs-6.col-sm-5fix,
  div#Component66b1914a6082060013be2834 .col-md-4.col-sm-4.col-xs-6.col-sm-5fix{
    width: 25%;
}
  
  div#Contentmanager .pull-left, div#Contentmanager .pull-right {
    float: none !important;
}
  
  .table-responsive {
    margin: 0;
}
  
  .TabItpContentLandingPage4>ul {
    display: flex;
    width: 100% !important;
}
  
  .img-cont {
    left: -30px;
}
  
  h4 {
    font-size: 26px;
}
  
  h5 {
    font-size: 22px;
}
  
  .sect-about h5, .about-page h5 {
    font-size: 21.5px;
}
  
      .cont-page h5 {
        font-size: 1.54em;
    }
}

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

div#imagesControl66b08bf7c5c4d700137fec5f {
    padding: 0 !important;
    margin-bottom: -5px;
}
  
  div#imagesControl66b09511c5c4d700137fedc0,
  div#mainmenu66b095022b5eaa00137e1b11>div,
  div#Component66b09ce92b5eaa00137e1bbc .thumbs,
  div#imagesControl66b09ce92b5eaa00137e1bbc,
  div#Component66b09d07375afe001351ceaf .thumbs,
  div#Component66b09d07375afe001351ceaf .col-md-4.col-sm-4.col-xs-12,
  div#Component66ce917ab753c00013970af4 .thumbs,
  div#Component66ce917ab753c00013970af4 .col-md-4.col-sm-4.col-xs-12,
  div#imagesControl66b09d07375afe001351ceaf,
  div#contentnewmode66b0a082aa89500013c4a987,
  div#contentnewmode66b0a163c5c4d700137fee6e,
  div#Component66b1ce43ea850400139dfffd .thumbs,
  div#Component66b1ce43ea850400139dfffd .col-md-12.col-sm-12.col-xs-12,
  div#imagesControl66b1ce43ea850400139dfffd,
  div#Component66b1cec766d6b9001384b99e .thumbs,
  div#Component66b1cec766d6b9001384b99e .col-md-6.col-sm-6.col-xs-12,
  div#imagesControl66b1cec766d6b9001384b99e,
  div#Component66b1cefd2c12b5001326c33c .thumbs,
  div#Component66b1cefd2c12b5001326c33c .col-md-12.col-sm-12.col-xs-12,
  div#imagesControl66b1cefd2c12b5001326c33c,
  div#Component66b1cf51c2e9320013e67ca1 .thumbs,
  div#imagesControl66b1cf51c2e9320013e67ca1,
  div#Component66b1cf51c2e9320013e67ca1 .col-md-6.col-sm-6.col-xs-12,
  div#Component66b1ce7666d6b9001384b95a .col-md-6.col-sm-6.col-xs-12,
  div#Component66b1ce7666d6b9001384b95a .thumbs,
  div#imagesControl66b1ce7666d6b9001384b95a,
  div#Component66b1ce9266d6b9001384b97f .thumbs,
  div#Component66b1ce9266d6b9001384b97f .col-md-12.col-sm-12.col-xs-12,
  div#imagesControl66b1ce9266d6b9001384b97f,
  div#Component66b1cf18c2e9320013e67c9a .thumbs,
  div#Component66b1cf18c2e9320013e67c9a .col-md-6.col-sm-6.col-xs-12,
  div#imagesControl66b1cf18c2e9320013e67c9a,
  div#Component66b1cf382c12b5001326c370 .thumbs,
  div#Component66b1cf382c12b5001326c370 .col-md-12.col-sm-12.col-xs-12,
  div#imagesControl66b1cf382c12b5001326c370,
  div#mainmenu66b1d743227a4e0013810ff8>div,
  div#contentnewmode66b1d7522c12b5001326c557,
  div#imagesControl66b1914a6082060013be2834,
  div#imagesControl66b1d7be227a4e001381101f,
  div#imagesControl66cd34f42b4a5400137f36a8,
  div#imagesControl66ce917ab753c00013970af4,
  div#imagesControl66d01e7646cfa700135989c0,
  div#mainmenu66b0a76a375afe001351d033>div{
    padding: 0 !important;
}
  
      div#Component66b09511c5c4d700137fedc0 {
        margin-bottom: 0;
        margin-top: 5%;
        padding-right: 0;
    }
  
  .sect-about {
        padding: 0 5%;
        padding-top: 10%;
    }
  
  .sect-about h3, .sect-about h6, .about-page h6, .head-page h3 {
    margin-bottom: 6%;
}
  
  .sect-about ul {
    gap: 15px;
    flex-wrap: wrap;
}
  
  h3 {
        font-size: 2em;
    }
  
  .sect-about li {
    padding: 3%;
}
  
  div#Component66b09ce92b5eaa00137e1bbc figcaption,
  div#Component66b09d07375afe001351ceaf figcaption,
  div#Component66ce917ab753c00013970af4 figcaption{
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    color: #fff;
}
  
  .text-cate h6 {
    margin-bottom: 6%;
}
  
  div#mainmenu66b095022b5eaa00137e1b11 .none-middle-mid .none-middle-mid,
  div#mainmenu66b1d1f066d6b9001384ba58 .none-middle-mid .none-middle-mid,
  div#mainmenu66b1d4cbc2e9320013e67dae .none-middle-mid .none-middle-mid{
    display: block;
}
  
div#mainmenu66b095022b5eaa00137e1b11 .none-middle-mid,
  div#mainmenu66b1d1f066d6b9001384ba58 .none-middle-mid,
  div#mainmenu66b1d4cbc2e9320013e67dae .none-middle-mid{
    display: flex;
    flex-wrap: wrap-reverse;
}
  
  div#Component66b09d07375afe001351ceaf .col-md-4.col-sm-4.col-xs-12,
  div#Component66ce917ab753c00013970af4 .col-md-4.col-sm-4.col-xs-12{
    width: 50%;
    padding: 0 2% !important;
}
  
      .form-request {
        height: auto;
        padding-top: 10%;
        padding-bottom: 10%;
    }
  
      .form-request h5 {
        margin-left: 0;
    }
  
  h5 {
    font-size: 22px;
}
  
      div#formdisplay66b0a42baa89500013c4a9d4,
  .about-page, .blod-about{
        padding: 0;
    }
  
  .pt-5 {
    padding-top: 8%;
}
  
  h4 {
    font-size: 28px;
}
  
  div#Contentmanager .col-md-4.col-sm-4.col-xs-12, 
  .landingpagemanager .col-md-6.col-sm-6.col-xs-12 {
    width: 50%;
    padding: 0 2% !important;
    margin-bottom: 8%;
}
  
  div#Contentmanager .col-md-12.text-justify {
    padding:0 2%;
}

  .page-header, div#Component66d01e7646cfa700135989c0 .thumbs {
    margin-bottom: 0 !important;
}
  
  div#Contentmanager .col-xs-6.col-md-3 {
    padding: 0 2%;
    width: 50%;
}
  
  .sect-product, .head-product {
    margin-bottom: 6%;
}
  
  .cont-page {
    margin-top: 0;
    padding-left: 0;
    margin-bottom: 8%;
}
  
.cont-page li {
    align-items: baseline;
    margin-bottom: 4%;
}
  
    .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;
}
  
  .contenemanager-gallery .col-xs-12.col-md-3 {
    width: 100%;
}
  
      .social-share {
        top: -15px;
    }
  
  .text-cate {
    padding: 2% 3%;
    margin-bottom: 5%;
}
  
  br {
    display: none;
}
  
  div#Component66cd34f42b4a5400137f36a8 figcaption,
  div#Component66b1d7be227a4e001381101f figcaption,
  div#Component66b1914a6082060013be2834 figcaption{
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    color: #fff;
}
  
  .text-cate h6 {
        font-size: 20px;
    }
  
    div#Component66b1d7be227a4e001381101f .col-md-4.col-sm-4.col-sm-5fix.col-xs-12,
  div#Component66cd34f42b4a5400137f36a8 .col-md-4.col-sm-4.col-sm-5fix.col-xs-12,
  div#Component66b1914a6082060013be2834 .col-md-4.col-sm-4.col-sm-5fix.col-xs-12{
    padding: 0 !important;
}
  
  .product-detail-page h6 {
    margin-top: 0;
}
  
  .product-detail p {
    margin-bottom: 1rem;
}
  
  .product-detail h6 {
    margin-top: 2rem;
}
  
  .product-detail.pe-3 {
    padding-left: 0;
}
  
  .sect-about h4, .about-page h4 {
    font-size: 24px;
}
  
  .sect-about h5, .about-page h5 {
    font-size: 20px;
    margin-bottom: 6%;
}
  
  .gall-img {
    margin-bottom: 5%;
}
  
  .cont-page h5 {
    font-size: 16.5px;
}
  
.cont-page h4 {
    font-size: 20px;
}
}


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

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