.itopplus-background {

}
body {
    overflow-x: hidden;
}

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

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

/************Menu***************/
.navbar-default .navbar-nav>li>a {
    color: #fff;
    margin: 0 5px;
    padding: 10px 15px;
    font-family: 'Libre Baskerville', 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;
}

.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
    color: #000;
    background: #e8e8e8;
}

/********Only Sidebar*********/
@media screen and (max-width : 992px) {
    
.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff !important;
    color: #fff !important;
}

#controlMenu,
#controlMenu i,
#controlMenu li a {
    color: #fff !important;
}

.navbar-default {
    background: #002c4b;
}

/*new logo nav*/
.navbar-header {
    display: flex;
    flex-direction: row-reverse;
    box-shadow: 0 0 3px 0 #ccc;
    padding: 0 10px;
}

.itopplus-logo img {
    position: fixed;
    object-fit: contain;
    width: 25px !important;
    top: 5px;
    left: 15px;
}


}

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

.navbar-default {
    background: transparent;
}

#controlPosition {
    margin-top: 5%;
    text-align: right;
}

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

.itopplus-banner {
  position: sticky;
  background: #002c4b;
  z-index: 999;
  top: 0;
}

.banner-sticky {
  position: sticky;
  background: #002c4b !important;
  animation: slide-down 0.5s;
  top: 0;
}

.itopplus-search {
    z-index: 999;
    position: fixed;
    top: 1% !important;
    color: #000;
}
  
  .banner-sticky #controlPosition {
    margin-top: 5% !important;
}
  
  .banner-sticky #controlBanner {
    width: 40%  !important;
}
}

@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.4em;
}

h5 {
    font-size: 2em;
}

h6 {
    font-size: 1.4em;
}

p,.pre-news p,.btn-viewmore button,
div#Component6577d5947185b1001a55df7b .Contentmanager-template2-1 .text-center,
div#Component6577d5c03720c4001a3d6952 .Contentmanager-template2-1 .text-center,
div#Component6577d5d4111047001ad1e648 .Contentmanager-template2-1 .text-center,
div#Component6577d5e93720c4001a3d6984 .Contentmanager-template2-1 .text-center,
div#Component6577d5fa3720c4001a3d6992 .Contentmanager-template2-1 .text-center,
div#Component6577d66e7185b1001a55e05d .Contentmanager-template2-1 .text-center,
div#Component6577d6807185b1001a55e075 .Contentmanager-template2-1 .text-center,
div#Component6577d6957185b1001a55e08d .Contentmanager-template2-1 .text-center,
div#Component6577d6a87185b1001a55e0a2 .Contentmanager-template2-1 .text-center,
div#Component6577d6ba7185b1001a55e0b0 .Contentmanager-template2-1 .text-center,
div#Component6577d6cb4f346a001af61fb0 .Contentmanager-template2-1 .text-center,
div#Component65dd942bdbf8ee0013a91165 .Contentmanager-template2-1 .text-center{
    font-size: 16px;
}

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

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

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

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

.navbar-nav>li:hover .dropdown-menu {
    display: block;
}

ul#itopplus-nav-bar.navbar-nav>li .dropdown-menu {
    font-family: 'Libre Baskerville', serif;
}

.fs-noto {
	font-family: 'Noto Sans Thai',sans-serif !important;
}

.fw-bold , .form-more h5{
    font-weight: 700;
}

.text-gold {
    color: #bfa271;
}

.logo-footer {
    width: 45%;
    margin: auto;
}

.cont-footer {
    display: grid;
    grid-template-columns: 25px auto;
    gap: 10px;
    margin-bottom: 1rem;
}

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

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

.copy-right {
    text-align: right;
}

.socila-head {
    display: contents;
    grid-template-columns: repeat(5,1fr);
    gap: 15px;
    padding: 0 15%;
}

.footer a {
    color: #000;
}

.footer a:hover {
    color: #084774;
}

.bg-more {
    background-color: #002c4b ;
}

/***************home-page***********************/


.fs-libre {
   font-family: 'Libre Baskerville', serif;
}

.tagline {
    display: grid;
    grid-template-columns: 18% auto;
    justify-content: center;
    align-items: center;
    gap: 20px;
    margin: 2% 0;
}

.text-tagline h5 {
    background: #E1C89B;
    background: linear-gradient(to right, #E1C89B 0%, #bf9549 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: 'Libre Baskerville', serif;
    font-style: italic;
}

div#Component6572c70e37acb100136e9a8f .imgLightbox img {
    height: 533px;
    object-fit: cover;
}

.text-recomd {
    position: absolute;
    top: 0;
    color: #11314a;
    background: linear-gradient(45deg, #f3e2b1, #8e764b);
    font-size: 16px;
    clip-path: polygon(0 0, 100% 0, 95% 100%, 0% 100%);
    padding: 0 8% 0 3%;
    font-family: 'Libre Baskerville', serif;
    font-style: italic;
    left: 0;
}

div#Component6572c6f54cd10200131f6d10 .grid figure figcaption,
div#Component6572c70e37acb100136e9a8f .grid figure figcaption{
    padding: 0;
}

div#Component6572c95065efeb0013abd792 .thumbs {
    margin: 0;
}

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

figure.effect-selena {
    background: transparent;
}

.wht-us h3, .head-home h2, {
    background: #5087b0;
    background: linear-gradient(to bottom, #5087b0 0%, #072841 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: 'Libre Baskerville', serif;
    margin-bottom: 4%;
    line-height: 62px;
}

.head-home h2 {
    font-style: italic;
    margin-bottom: 0;
}


.wht-us {
    padding: 4% 0 0 10%;
}

.why-items p {
    margin: 0;
}

.why-items {
    border-left: 2px solid #c8b087;
    padding: 0 0 1% 2%;
    margin-bottom: 5%;
}

.logo-final {
    width: 30%;
    margin: auto;
}

.img-logo-sect {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    align-items: center;
    padding: 0 15%;
    gap: 30px;
}

div#InmyDiv1702022330743,
div#InmyDiv1702031014114{
    position: relative;
}

div#InmyDiv1702022330743:after,
div#InmyDiv1702031014114:after{
    content: " ";
    position: absolute;
    right: -30px;
    top: 0;
    height: 50px;
    width: 1px;
    background: #f4d38f;
}

div#InmyDiv1702031014114:after {
    top: 8px;
}

.head-home, .btn-viewmore,.form-more h5 {
    text-align: center;
}

.head-home h5, .head-home h6 {
    color: #bfa271;
    font-family: 'Libre Baskerville', serif;
}

.btn-viewmore button {
    font-family: 'Libre Baskerville', serif;
    padding: 1rem 2rem;
    border: 1px solid #222222;
    background-color: transparent;
    color: #222;
}

.btn-viewmore button span {
    font-size: 40px;
    line-height: 0;
    margin: 0;
    position: relative;
    top: 3px;
    margin-left: 3px;
}

.form-more h5 {
    color: #000;
}

div#formdisplay6572d2f5c0fc6b0012884876{
    padding: 4% 8%;
    box-shadow: 0 4px 8px rgb(0,0,0,0.2);
}

.form-more span , div#capcha6572d2f5c0fc6b0012884876 .col-md-12.col-sm-12 .col-md-12.col-sm-12 span,
div#btnview6572d2f5c0fc6b0012884876 .glyphicon, figure.effect-oscar figcaption::before{
    display: none;
}

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

div#formdisplay6572d2f5c0fc6b0012884876 .form-control,
div#Component657838ff3720c4001a3d7d09 .form-control{
    box-shadow: none;
    border-radius: 0;
    border: none;
    border-bottom: 1px solid #ddd;
    margin-bottom: 2rem;
}

div#capcha0 {
    display: block !important;
}

div#formdisplay6572d2f5c0fc6b0012884876 .col-md-12.col-sm-12,
div#Component657838ff3720c4001a3d7d09 .col-md-12.col-sm-12{
    padding-right: 5px;
    padding-left: 5px;
}

div#capcha6572d2f5c0fc6b0012884876 .col-md-12.col-sm-12 {
    padding-right: 5px;
    padding-left: 10px;
}

div#formdisplay6572d2f5c0fc6b0012884876 span.label a,
div#Component657838ff3720c4001a3d7d09 span.label a{
    color: #000;
    font-size: 12px;
}

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

div#btnview6572d2f5c0fc6b0012884876 button,
div#Component657838ff3720c4001a3d7d09 button{
    background-image: none;
    border: 1px solid #222;
    border-radius: 0;
    background-color: #222;
    text-shadow: none;
    color: #fff;
}

div#Component6572d83e65efeb0013abdc62 .grid figure figcaption,
div#Component6577c1ca111047001ad1df83 .grid figure figcaption{
    padding: 0;
    position: static;
    text-transform: none;
}

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

.cate-product h6 {
    font-family: 'Libre Baskerville', serif;
    font-size: 18px;
    text-align: left;
    color: #222;
    margin-top: 8%;
}

div#Component6572d83e65efeb0013abdc62 figure.effect-selena h2 ,
div#Component6577c1ca111047001ad1df83 figure.effect-selena h2 ,
div#Component6572daa2793d3b0013bb70e3 figure.effect-oscar h2,
div#Component6572dac637acb100136e9fab figure.effect-oscar h2,
div#Component6577e534111047001ad1ee75 figure.effect-oscar h2,
div#Component6577e5517185b1001a55e673 figure.effect-oscar h2{
    transition: none;
    transform: none;
}

div#Component6572daa2793d3b0013bb70e3 .grid figure figcaption ,
div#Component6572dac637acb100136e9fab .grid figure figcaption,
div#Component6577e534111047001ad1ee75 .grid figure figcaption,
div#Component6577e5517185b1001a55e673 .grid figure figcaption{
    padding: 0;
}

.head-home h5, .head-home h6 {
    margin-bottom: 1.5%;
}

div#Component6572dac637acb100136e9fab figure.effect-oscar figcaption,
div#Component6572daa2793d3b0013bb70e3 figure.effect-oscar figcaption,
div#Component6577e534111047001ad1ee75 figure.effect-oscar figcaption,
div#Component6577e5517185b1001a55e673 figure.effect-oscar figcaption{
    background: linear-gradient(0deg, black, transparent);
}

.sect-service {
    text-align: left;
    position: absolute;
    bottom: 10px;
    left: 25px;
}

.sect-service h6 {
    font-size: 16px;
      line-height: 24px;
}

.sect-service h4 ,.sect-service h3{
    font-size: 26px;
    color: #d5c591;
    font-weight: 700;
}
.sect-service h3 {
    font-size: 34px;
}

.sect-service h5{
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 2%;
}

div#InmyDiv1702022292311 {
    margin-bottom: 3%;
}

.about-page {
    margin-top: 7%;
}

.about-page p {
    margin-bottom: 3%;
    text-indent: 32px;
    line-height: 27px;
}

figure#EffectView6572f20b4cd10200131f73c81 {
    position: relative;
    top: 50px;
}


div#Component6577d5947185b1001a55df7b .Contentmanager-template2-1 .thumb,
div#Component6577d5c03720c4001a3d6952 .Contentmanager-template2-1 .thumb,
div#Component6577d5d4111047001ad1e648 .Contentmanager-template2-1 .thumb,
div#Component6577d5e93720c4001a3d6984 .Contentmanager-template2-1 .thumb,
div#Component6577d5fa3720c4001a3d6992 .Contentmanager-template2-1 .thumb,
div#Component6577d66e7185b1001a55e05d .Contentmanager-template2-1 .thumb,
div#Component6577d6807185b1001a55e075 .Contentmanager-template2-1 .thumb,
div#Component6577d6957185b1001a55e08d .Contentmanager-template2-1 .thumb,
div#Component6577d6a87185b1001a55e0a2 .Contentmanager-template2-1 .thumb,
div#Component6577d6ba7185b1001a55e0b0 .Contentmanager-template2-1 .thumb,
div#Component6577d6cb4f346a001af61fb0 .Contentmanager-template2-1 .thumb,
div#Component65dd942bdbf8ee0013a91165 .Contentmanager-template2-1 .thumb{
    min-height: 270px!important;
    max-height: 270px;
}

div#Component6577d5947185b1001a55df7b .Contentmanager-template2-1 .thumb>img,
div#Component6577d5c03720c4001a3d6952 .Contentmanager-template2-1 .thumb>img,
div#Component6577d5d4111047001ad1e648 .Contentmanager-template2-1 .thumb>img,
div#Component6577d5e93720c4001a3d6984 .Contentmanager-template2-1 .thumb>img,
div#Component6577d5fa3720c4001a3d6992 .Contentmanager-template2-1 .thumb>img,
div#Component6577d66e7185b1001a55e05d .Contentmanager-template2-1 .thumb>img,
div#Component6577d6807185b1001a55e075 .Contentmanager-template2-1 .thumb>img,
div#Component6577d6957185b1001a55e08d .Contentmanager-template2-1 .thumb>img,
div#Component6577d6a87185b1001a55e0a2 .Contentmanager-template2-1 .thumb>img,
div#Component6577d6ba7185b1001a55e0b0 .Contentmanager-template2-1 .thumb>img,
div#Component6577d6cb4f346a001af61fb0 .Contentmanager-template2-1 .thumb>img,
div#Component65dd942bdbf8ee0013a91165 .Contentmanager-template2-1 .thumb>img{
      max-height: 270px;
      transition: transform 0.2s ease-out;
}

div#Component6577d5947185b1001a55df7b .Contentmanager-template2-1,
div#Component6577d5c03720c4001a3d6952 .Contentmanager-template2-1,
div#Component6577d5d4111047001ad1e648 .Contentmanager-template2-1,
div#Component6577d5e93720c4001a3d6984 .Contentmanager-template2-1,
div#Component6577d5fa3720c4001a3d6992 .Contentmanager-template2-1,
div#Component6577d66e7185b1001a55e05d .Contentmanager-template2-1,
div#Component6577d6807185b1001a55e075 .Contentmanager-template2-1,
div#Component6577d6957185b1001a55e08d .Contentmanager-template2-1,
div#Component6577d6a87185b1001a55e0a2 .Contentmanager-template2-1,
div#Component6577d6ba7185b1001a55e0b0 .Contentmanager-template2-1,
div#Component6577d6cb4f346a001af61fb0 .Contentmanager-template2-1,
div#Component65dd942bdbf8ee0013a91165 .Contentmanager-template2-1{
    min-height: 340px!important;
    max-height: 360px;
}

div#Component6577d5947185b1001a55df7b .Contentmanager-thumbnail,
div#Component6577d5c03720c4001a3d6952 .Contentmanager-thumbnail,
div#Component6577d5d4111047001ad1e648 .Contentmanager-thumbnail,
div#Component6577d5e93720c4001a3d6984 .Contentmanager-thumbnail,
div#Component6577d5fa3720c4001a3d6992 .Contentmanager-thumbnail,
div#Component6577d66e7185b1001a55e05d .Contentmanager-thumbnail,
div#Component6577d6807185b1001a55e075 .Contentmanager-thumbnail,
div#Component6577d6957185b1001a55e08d .Contentmanager-thumbnail,
div#Component6577d6a87185b1001a55e0a2 .Contentmanager-thumbnail,
div#Component6577d6ba7185b1001a55e0b0 .Contentmanager-thumbnail,
div#Component6577d6cb4f346a001af61fb0 .Contentmanager-thumbnail,
div#Component65dd942bdbf8ee0013a91165 .Contentmanager-thumbnail{
    padding: 0;
    border: none;
    border-radius: 0;
    box-shadow: none;
}

div#Component6577d5947185b1001a55df7b .col-md-3.col-sm-4.col-xs-12,
div#Component6577d5c03720c4001a3d6952 .col-md-3.col-sm-4.col-xs-12,
div#Component6577d5d4111047001ad1e648 .col-md-3.col-sm-4.col-xs-12,
div#Component6577d5e93720c4001a3d6984 .col-md-3.col-sm-4.col-xs-12,
div#Component6577d5fa3720c4001a3d6992 .col-md-3.col-sm-4.col-xs-12,
div#Component6577d66e7185b1001a55e05d .col-md-3.col-sm-4.col-xs-12,
div#Component6577d6807185b1001a55e075 .col-md-3.col-sm-4.col-xs-12,
div#Component6577d6957185b1001a55e08d .col-md-3.col-sm-4.col-xs-12,
div#Component6577d6a87185b1001a55e0a2 .col-md-3.col-sm-4.col-xs-12,
div#Component6577d6ba7185b1001a55e0b0 .col-md-3.col-sm-4.col-xs-12,
div#Component6577d6cb4f346a001af61fb0 .col-md-3.col-sm-4.col-xs-12,
div#Component6577e86e478b6b001a11729d .col-md-4.col-sm-4.col-xs-12,
div#Component65dd942bdbf8ee0013a91165 .col-md-3.col-sm-4.col-xs-12{
    padding: 1% !important;
    transition: transform 0.2s ease-out;
}

div#Component6577d5947185b1001a55df7b .Contentmanager-template2-1 .text-center,
div#Component6577d5c03720c4001a3d6952 .Contentmanager-template2-1 .text-center,
div#Component6577d5d4111047001ad1e648 .Contentmanager-template2-1 .text-center,
div#Component6577d5e93720c4001a3d6984 .Contentmanager-template2-1 .text-center,
div#Component6577d5fa3720c4001a3d6992 .Contentmanager-template2-1 .text-center,
div#Component6577d66e7185b1001a55e05d .Contentmanager-template2-1 .text-center,
div#Component6577d6807185b1001a55e075 .Contentmanager-template2-1 .text-center,
div#Component6577d6957185b1001a55e08d .Contentmanager-template2-1 .text-center,
div#Component6577d6a87185b1001a55e0a2 .Contentmanager-template2-1 .text-center,
div#Component6577d6ba7185b1001a55e0b0 .Contentmanager-template2-1 .text-center,
div#Component6577d6cb4f346a001af61fb0 .Contentmanager-template2-1 .text-center ,
div#Component65dd942bdbf8ee0013a91165 .Contentmanager-template2-1 .text-center{
    text-align: left !important;
    color:#222222;
    font-family: 'Libre Baskerville', 'Noto Sans Thai', serif;
}

.cont-detail li,.cont-detail2 li ,.cont-detail3 li {
    display: grid;
    grid-template-columns: 10% auto;
    padding: 2% 0 2% 11%;
    margin: 2% 1%;
    gap: 15px;
    align-items: center;
    clip-path: polygon(7% 0, 100% 0%, 93% 100%, 0% 100%);
    color: #11314a;
    background: linear-gradient(45deg, #f3e2b1, #cfaf74);
    font-weight: 600;
}

.cont-detail ul ,.cont-detail2 ul ,.cont-detail3 ul {
    padding: 0;
    list-style: none;
    display: grid;
    grid-template-columns: repeat(3,1fr);
}

.cont-detail2 ul {
    grid-template-columns: repeat(2,1fr);
}

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

.cont-detail li a,.cont-detail2 li a,.cont-detail3 li a{
    color:#11314a;
}

.cont-detail3 li {
   grid-template-columns: 5% auto;
    padding: 1%;
    background: transparent;
    clip-path: none;
    margin:  0 0 1rem;
}

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

.head-pro-cont {
    display: flex;
    align-items: center;
}

.head-pro-cont hr.two {
    width: 30%;
    border: 10px solid;
    border-image-slice: 1;
    border-width: 2px;
    border-image-source: linear-gradient(to right,#bf9549, #e1c89b, #fff);
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
}

.head-pro-cont hr.one {
    width: 25%;
    border: 10px solid;
    border-image-slice: 1;
    border-width: 2px;
    border-image-source: linear-gradient(to left, #bf9549,#e1c89b, #fff);
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
}

h3.managerHeader {
   display:none;
}

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

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

.product-detail .price {
    color: #c3a878;
    font-weight: 600;
    margin: 1% 0;
} 

.product-detail h5 {
    font-weight: 600;
  background: #5087b0;
    background: linear-gradient(to bottom, #5087b0 0%, #072841 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: 'Libre Baskerville', 'Noto Sans Thai', serif;
    line-height: 50px;
}

.product-detail p {
    color: #444;
}

.product-detail h6 {
    margin-top: 2%;
    font-weight: 600;
}

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

.Textmanager {
    text-align: left;
}

.Text_seller2 {
    display: none;
}

div#Component6577e86e478b6b001a11729d .Contentmanager .template1 .template-panel {
    padding-bottom: 80%;
}

.pre-news {
    padding: 3% 0;
    text-align: left;
    color: #222;
}

.cont-detail2 h6 {
    text-align: center;
    line-height: 30px;
    margin: 0 3%;
}

.cont-detail2 ul {
    width: 75%;
    margin: 1% auto 2%;
}

.news-detail {
    margin-bottom: 2%;
}

.news-detail h4 {
    color: #11314a;
    font-weight: 600;
}

.news-detail li,.contact-page {
    margin-bottom: 1%;
}

.news-detail ul {
    list-style: none;
    padding: 0 0 0 2%;
}

.news-detail ul li span {
    color: #c3a878;
}

.pre-news button {
    font-family: 'Libre Baskerville', serif;
    padding: 0.75rem 1rem;
    border: 1px solid #222222;
    background-color: transparent;
}

.pre-news p {
    height: 50px;
}

.contact-page {
    text-align: left;
  margin-top: 3%;
}

.contact-page h4 {
    color: #c3a878;
    font-weight: 600;
}

div#Component657838ff3720c4001a3d7d09 {
    padding: 2% 0;
    box-shadow: 0 4px 8px rgb(0,0,0,0.2);
      margin-top: 3%;
}

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

div#Component6577e86e478b6b001a11729d .col-md-4.col-sm-4.col-xs-12 .img,
div#Component6572dac637acb100136e9fab figure, 
div#Component6572daa2793d3b0013bb70e3 figure, 
div#Component6577e534111047001ad1ee75 figure, 
div#Component6577e5517185b1001a55e673 figure ,
.cont-detail li, .cont-detail2 li, .cont-detail3 li, .social-footer img, .socila-head img{
   transition: transform 0.2s ease-out;
}

div#Component6577d5947185b1001a55df7b .col-md-3.col-sm-4.col-xs-12:hover img, 
div#Component6577d5c03720c4001a3d6952 .col-md-3.col-sm-4.col-xs-12:hover img, 
div#Component6577d5d4111047001ad1e648 .col-md-3.col-sm-4.col-xs-12:hover img, 
div#Component6577d5e93720c4001a3d6984 .col-md-3.col-sm-4.col-xs-12:hover img, 
div#Component6577d5fa3720c4001a3d6992 .col-md-3.col-sm-4.col-xs-12:hover img, 
div#Component6577d66e7185b1001a55e05d .col-md-3.col-sm-4.col-xs-12:hover img, 
div#Component6577d6807185b1001a55e075 .col-md-3.col-sm-4.col-xs-12:hover img, 
div#Component6577d6957185b1001a55e08d .col-md-3.col-sm-4.col-xs-12:hover img, 
div#Component6577d6a87185b1001a55e0a2 .col-md-3.col-sm-4.col-xs-12:hover img, 
div#Component6577d6ba7185b1001a55e0b0 .col-md-3.col-sm-4.col-xs-12:hover img, 
div#Component6577d6cb4f346a001af61fb0 .col-md-3.col-sm-4.col-xs-12:hover img,
div#Component6577e86e478b6b001a11729d .col-md-4.col-sm-4.col-xs-12:hover .img,
div#Component6572dac637acb100136e9fab figure:hover, 
div#Component6572daa2793d3b0013bb70e3 figure:hover, 
div#Component6577e534111047001ad1ee75 figure:hover, 
div#Component6577e5517185b1001a55e673 figure:hover,
.cont-detail li:hover , .cont-detail2 li:hover, .cont-detail3 li:hover, .social-footer img:hover, .socila-head img:hover,
div#Component65dd942bdbf8ee0013a91165 .col-md-3.col-sm-4.col-xs-12:hover img{
    transform: scale(0.95);
}

div#Component6577e86e478b6b001a11729d .col-md-4.col-sm-4.col-xs-12:hover button,
.btn-viewmore button:hover {
    background-color: #222222;
    color: #fff;
}

.cont-detail li a:hover, .cont-detail2 li a:hover, .cont-detail3 li a:hover {
    color: #117ed3;
}

div#btnview6572d2f5c0fc6b0012884876 button:hover, 
div#Component657838ff3720c4001a3d7d09 button:hover{
    background-color: #fff;
    color: #222;
}

ul#itopplus-nav-bar.dropdown-menu>li>a:hover {
    background-color: #11314a;
    color: #fff;
}

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

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

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

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

/***********************responsive******************************/


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

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

h1 {
    font-size: 4.5;
}

h2 {
    font-size: 3.6em;
}

h3 {
    font-size: 3.2em;
}

h4 {
    font-size: 2.8em;
}

h5 {
    font-size: 2.4em;
}

h6 {
    font-size: 1.8em;
}

p,.btn-viewmore button,.cate-product h6,.sect-service h6,
div#Component6577d5947185b1001a55df7b .Contentmanager-template2-1 .text-center,
div#Component6577d5c03720c4001a3d6952 .Contentmanager-template2-1 .text-center,
div#Component6577d5d4111047001ad1e648 .Contentmanager-template2-1 .text-center,
div#Component6577d5e93720c4001a3d6984 .Contentmanager-template2-1 .text-center,
div#Component6577d5fa3720c4001a3d6992 .Contentmanager-template2-1 .text-center,
div#Component6577d66e7185b1001a55e05d .Contentmanager-template2-1 .text-center,
div#Component6577d6807185b1001a55e075 .Contentmanager-template2-1 .text-center,
div#Component6577d6957185b1001a55e08d .Contentmanager-template2-1 .text-center,
div#Component6577d6a87185b1001a55e0a2 .Contentmanager-template2-1 .text-center,
div#Component6577d6ba7185b1001a55e0b0 .Contentmanager-template2-1 .text-center,
div#Component6577d6cb4f346a001af61fb0 .Contentmanager-template2-1 .text-center,
 div#Component65dd942bdbf8ee0013a91165 .Contentmanager-template2-1 .text-center {
    font-size: 20px;
}
  
  div#btnview6572d2f5c0fc6b0012884876 button, 
  div#Component657838ff3720c4001a3d7d09 button,
  .dropdown-menu>li>a{
      font-size: 18px;
  }
  
  .dropdown-menu>li>a {
    padding: 5px 30px;
}
  
  .pre-news button{
      font-size: 16px;
  }
  
  .socila-head {
    padding: 0 10% 0 30%;
}
  
  div#Component6572c70e37acb100136e9a8f .imgLightbox img {
    height: 763px;
  }
  
  .logo-final {
    width: 25%;
  }
  
  .img-logo-sect {
    padding: 0 23%;
}
  
  .cate-product h6 {
    margin-bottom: 8%;
}
  
  .sect-service h4{
    font-size: 34px;
}
  
  .sect-service h3 {
    font-size: 38px;
}
  
  .sect-service h6{
    line-height: 28px;
}
  
  .sect-service {
    bottom: 25px;
}
  
  .sect-service h5, .pre-news p {
    font-size: 22px;
  }
  
  .about-page p,  .sect-service h5 {
    line-height: 32px;
}
  
  div#formdisplay6572d2f5c0fc6b0012884876 .form-control {
    margin-bottom: 3.5rem;
}
  
   div#Component657838ff3720c4001a3d7d09 .form-control {
    margin-bottom: 2rem;
}
  
  div#Component6577d5947185b1001a55df7b .Contentmanager-template2-1 .thumb, 
  div#Component6577d5c03720c4001a3d6952 .Contentmanager-template2-1 .thumb, 
  div#Component6577d5d4111047001ad1e648 .Contentmanager-template2-1 .thumb, 
  div#Component6577d5e93720c4001a3d6984 .Contentmanager-template2-1 .thumb, 
  div#Component6577d5fa3720c4001a3d6992 .Contentmanager-template2-1 .thumb, 
  div#Component6577d66e7185b1001a55e05d .Contentmanager-template2-1 .thumb, 
  div#Component6577d6807185b1001a55e075 .Contentmanager-template2-1 .thumb, 
  div#Component6577d6957185b1001a55e08d .Contentmanager-template2-1 .thumb, 
  div#Component6577d6a87185b1001a55e0a2 .Contentmanager-template2-1 .thumb,
  div#Component6577d6ba7185b1001a55e0b0 .Contentmanager-template2-1 .thumb,
  div#Component6577d6cb4f346a001af61fb0 .Contentmanager-template2-1 .thumb,
  div#Component65dd942bdbf8ee0013a91165 .Contentmanager-template2-1 .thumb{
    min-height: 375px!important;
    max-height: 375px;
}

  div#Component6577d5947185b1001a55df7b .Contentmanager-template2-1 .thumb>img, 
  div#Component6577d5c03720c4001a3d6952 .Contentmanager-template2-1 .thumb>img, 
  div#Component6577d5d4111047001ad1e648 .Contentmanager-template2-1 .thumb>img, 
  div#Component6577d5e93720c4001a3d6984 .Contentmanager-template2-1 .thumb>img, 
  div#Component6577d5fa3720c4001a3d6992 .Contentmanager-template2-1 .thumb>img, 
  div#Component6577d66e7185b1001a55e05d .Contentmanager-template2-1 .thumb>img, 
  div#Component6577d6807185b1001a55e075 .Contentmanager-template2-1 .thumb>img, 
  div#Component6577d6957185b1001a55e08d .Contentmanager-template2-1 .thumb>img,
  div#Component6577d6a87185b1001a55e0a2 .Contentmanager-template2-1 .thumb>img, 
  div#Component6577d6ba7185b1001a55e0b0 .Contentmanager-template2-1 .thumb>img,
  div#Component6577d6cb4f346a001af61fb0 .Contentmanager-template2-1 .thumb>img,
  div#Component65dd942bdbf8ee0013a91165 .Contentmanager-template2-1 .thumb>img{
    max-height: 375px;
  }
  
  div#Component6577d5947185b1001a55df7b .Contentmanager-template2-1, 
  div#Component6577d5c03720c4001a3d6952 .Contentmanager-template2-1, 
  div#Component6577d5d4111047001ad1e648 .Contentmanager-template2-1,
  div#Component6577d5e93720c4001a3d6984 .Contentmanager-template2-1, 
  div#Component6577d5fa3720c4001a3d6992 .Contentmanager-template2-1, 
  div#Component6577d66e7185b1001a55e05d .Contentmanager-template2-1,
  div#Component6577d6807185b1001a55e075 .Contentmanager-template2-1, 
  div#Component6577d6957185b1001a55e08d .Contentmanager-template2-1, 
  div#Component6577d6a87185b1001a55e0a2 .Contentmanager-template2-1, 
  div#Component6577d6ba7185b1001a55e0b0 .Contentmanager-template2-1,
  div#Component6577d6cb4f346a001af61fb0 .Contentmanager-template2-1,
  div#Component65dd942bdbf8ee0013a91165 .Contentmanager-template2-1{
    min-height: 450px!important;
    max-height: 470px;
}
  
  .head-pro-cont {
    margin-bottom: 1%;
}
  
  .cont-detail li, .cont-detail2 li {
    grid-template-columns: 8% auto;
}
  
  .cont-detail2 h6 {
    line-height: 36px;
}
  
  .pre-news p {
    height: 40px;
}
  
  .social-footer {
    padding-right: 20%;
}
  
  .logo-footer {
    width: 35%;
  }
  
  .ITP-pdpa-template-titleFont {
    font-size: 24px !important;
  }
  
  .ITP-pdpa-template-contentFont {
    line-height: 32px;
}
  
.itpPDPALandingPage, .ITP-pdpa-template-contentFont {
    font-size: 18px !important;
  }
  
  div#Component657838ff3720c4001a3d7d09 label {
    font-size: 16px;
}
}

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

.logo-final {
    width: 25%;
  }
  
  .img-logo-sect {
    padding: 0 17%;
}
}

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

.navbar-default .navbar-nav>li>a {
    font-size: 14px;
    padding: 10px 10px;
}
  
.socila-head {
    padding: 0 10%;
}
  
  div#Component6572c70e37acb100136e9a8f .imgLightbox img {
    height: 442px;
  }
  
  .text-recomd {
    font-size: 14px;
}
  
h1 {
    font-size: 3.7em;
}

h2 {
    font-size: 2.6em;
}

h3 {
    font-size: 2.4em;
}

h4 {
    font-size: 2em;
}

h5 {
    font-size: 1.6em;
}

h6 {
    font-size: 1.2em;
}
  
  .wht-us {
    padding: 0 0 0 10%;
}
  
  .cate-product h6 {
    font-size: 16px;
}
  
  .sect-service {
    left: 10px;
}
  
  p,.btn-viewmore button,.cate-product h6,.sect-service h6,
div#Component6577d5947185b1001a55df7b .Contentmanager-template2-1 .text-center,
div#Component6577d5c03720c4001a3d6952 .Contentmanager-template2-1 .text-center,
div#Component6577d5d4111047001ad1e648 .Contentmanager-template2-1 .text-center,
div#Component6577d5e93720c4001a3d6984 .Contentmanager-template2-1 .text-center,
div#Component6577d5fa3720c4001a3d6992 .Contentmanager-template2-1 .text-center,
div#Component6577d66e7185b1001a55e05d .Contentmanager-template2-1 .text-center,
div#Component6577d6807185b1001a55e075 .Contentmanager-template2-1 .text-center,
div#Component6577d6957185b1001a55e08d .Contentmanager-template2-1 .text-center,
div#Component6577d6a87185b1001a55e0a2 .Contentmanager-template2-1 .text-center,
div#Component6577d6ba7185b1001a55e0b0 .Contentmanager-template2-1 .text-center,
div#Component6577d6cb4f346a001af61fb0 .Contentmanager-template2-1 .text-center,
  div#Component65dd942bdbf8ee0013a91165 .Contentmanager-template2-1 .text-center{
    font-size: 14px;
}
  
  div#btnview6572d2f5c0fc6b0012884876 button, 
  div#Component657838ff3720c4001a3d7d09 button,
  .dropdown-menu>li>a{
      font-size: 12px;
  }
  
  .about-page p {
    line-height: inherit;
}
  
  .sect-service h5 {
    font-size: 16px;
  }
  
  div#Component6577d5947185b1001a55df7b .Contentmanager-template2-1 .thumb, 
  div#Component6577d5c03720c4001a3d6952 .Contentmanager-template2-1 .thumb, 
  div#Component6577d5d4111047001ad1e648 .Contentmanager-template2-1 .thumb, 
  div#Component6577d5e93720c4001a3d6984 .Contentmanager-template2-1 .thumb, 
  div#Component6577d5fa3720c4001a3d6992 .Contentmanager-template2-1 .thumb, 
  div#Component6577d66e7185b1001a55e05d .Contentmanager-template2-1 .thumb, 
  div#Component6577d6807185b1001a55e075 .Contentmanager-template2-1 .thumb, 
  div#Component6577d6957185b1001a55e08d .Contentmanager-template2-1 .thumb, 
  div#Component6577d6a87185b1001a55e0a2 .Contentmanager-template2-1 .thumb, 
  div#Component6577d6ba7185b1001a55e0b0 .Contentmanager-template2-1 .thumb, 
  div#Component6577d6cb4f346a001af61fb0 .Contentmanager-template2-1 .thumb,
  div#Component65dd942bdbf8ee0013a91165 .Contentmanager-template2-1 .thumb{
    min-height: 230px!important;
    max-height: 230px;
}
  
}

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

div#contentnewmode6572bbb7793d3b0013bb6b7c,
  div#contentnewmode6572c2f337acb100136e99c3{
    display: none;
}
  
  div#Component6572c70e37acb100136e9a8f .imgLightbox img {
    height: 360px;
}
  
  div#Component6572c6f54cd10200131f6d10 .imgLightbox img {
    height: 170px;
    object-fit: cover;
}
  
  .text-recomd {
    font-size: 12px;
    top: -15px;
}
  
  h3 {
    font-size: 2em;
}
  
  .why-items {
    margin-bottom: 3%;
}
  
  div#contentnewmode6572c9b2c0fc6b00128844f2,
  div#contentnewmode6572cc8737acb100136e9c96{
    padding: 0 !important;
}
  
  .logo-final {
    width: 22%;
}
  
  div#InmyDiv1702022330743:after, div#InmyDiv1702031014114:after {
    height: 30px;
}
  
  .img-logo-sect {
    padding: 0 25%;
}
  
  h2 {
    font-size: 2.4em;
}
  
  div#Component6572d83e65efeb0013abdc62 .col-md-4.col-sm-4.col-xs-6.col-sm-5fix,
  div#Component6577c1ca111047001ad1df83 .col-md-4.col-sm-4.col-xs-6.col-sm-5fix{
    width: 20%;
}
  
  .sect-service h4 {
    font-size: 20px;
  }
  
   .sect-service h3 {
    font-size: 26px;
  }
  
  .wht-us h3, .head-home h2 {
    line-height: 44px;
}
  
  .wht-us h3 {
    margin-bottom: 2%;
}
  
  .sect-service br {
    display: none;
}
  
  .itopplus-bg4 {
    background-size: cover;
}
  
  div#formdisplay6572d2f5c0fc6b0012884876 .form-control, div#Component657838ff3720c4001a3d7d09 .form-control {
    margin-bottom: 1rem;
}
  
  .cont-footer {
    grid-template-columns: 15px auto;
}
  
  .social-footer {
    grid-template-columns: repeat(3,1fr);
}
  
  div#Component6577d5947185b1001a55df7b .Contentmanager-template2-1, 
  div#Component6577d5c03720c4001a3d6952 .Contentmanager-template2-1, 
  div#Component6577d5d4111047001ad1e648 .Contentmanager-template2-1, 
  div#Component6577d5e93720c4001a3d6984 .Contentmanager-template2-1, 
  div#Component6577d5fa3720c4001a3d6992 .Contentmanager-template2-1, 
  div#Component6577d66e7185b1001a55e05d .Contentmanager-template2-1, 
  div#Component6577d6807185b1001a55e075 .Contentmanager-template2-1, 
  div#Component6577d6957185b1001a55e08d .Contentmanager-template2-1, 
  div#Component6577d6a87185b1001a55e0a2 .Contentmanager-template2-1, 
  div#Component6577d6ba7185b1001a55e0b0 .Contentmanager-template2-1, 
  div#Component6577d6cb4f346a001af61fb0 .Contentmanager-template2-1 ,
  div#Component65dd942bdbf8ee0013a91165 .Contentmanager-template2-1{
    min-height: 300px!important;
    max-height: 250px;
}
  
  div#Component6577d5947185b1001a55df7b .Contentmanager-template2-1 .thumb, 
  div#Component6577d5c03720c4001a3d6952 .Contentmanager-template2-1 .thumb, 
  div#Component6577d5d4111047001ad1e648 .Contentmanager-template2-1 .thumb, 
  div#Component6577d5e93720c4001a3d6984 .Contentmanager-template2-1 .thumb, 
  div#Component6577d5fa3720c4001a3d6992 .Contentmanager-template2-1 .thumb, 
  div#Component6577d66e7185b1001a55e05d .Contentmanager-template2-1 .thumb,
  div#Component6577d6807185b1001a55e075 .Contentmanager-template2-1 .thumb, 
  div#Component6577d6957185b1001a55e08d .Contentmanager-template2-1 .thumb, 
  div#Component6577d6a87185b1001a55e0a2 .Contentmanager-template2-1 .thumb, 
  div#Component6577d6ba7185b1001a55e0b0 .Contentmanager-template2-1 .thumb, 
  div#Component6577d6cb4f346a001af61fb0 .Contentmanager-template2-1 .thumb,
  div#Component65dd942bdbf8ee0013a91165 .Contentmanager-template2-1 .thumb{
    max-height: 290px;
    margin-bottom: 5%;
}
  
  div#Component6577d5947185b1001a55df86 .col-md-6.pull-left {
    width: 50%;
}
  
  div#Component6577d5947185b1001a55df86 .col-md-6.pull-left {
    width: 50%;
    padding: 0;
    margin-right: 2%;
}
  
  .product-detail h5 {
    line-height: 38px;
}
  
  div#Component6577d5947185b1001a55df86 .col-md-12.text-justify {
    padding: 0 2% !important;
}
  
  .sect-service h6, .sect-service h5 {
    line-height: inherit;
}
  
  .cont-detail2 ul {
    width: 90%;
  }
  
  .cont-detail2 .head-pro-cont hr.one, .cont-detail2 .head-pro-cont hr.two {
    width: 20%;
}
  
  div#Component657838ff3720c4001a3d7d09 label {
    font-size: 14px;
}
}

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

  
  div#Component657144de65efeb0013abba5d,
  br{
    display: none;
}

  div#imagesControl6572b18665efeb0013abd0db {
    padding: 0 !important;
    margin-bottom: -6px;
    margin-top: -3px;
}
  
 h1 {
    font-size: 36px;
}

h2 {
    font-size: 32px;
}

h3 {
    font-size: 26px;
}

h4 {
    font-size: 24px;
}

h5 {
    font-size: 18px;
}

h6 {
    font-size: 18px;
}
  
  .tagline {
    grid-template-columns: 33% auto;
}
  
  div#Component6572c6f54cd10200131f6d10 .imgLightbox img,
  div#Component6572c70e37acb100136e9a8f .imgLightbox img{
    height: auto;
  }
  
  div#imagesControl6572c6f54cd10200131f6d10,
  div#imagesControl6572c70e37acb100136e9a8f,
  div#imagesControl6572c95065efeb0013abd792,
  div#contentnewmode6572c6924cd10200131f6cf1,
  div#Component6572daa2793d3b0013bb70e3 .thumbs,
  div#Component6572daa2793d3b0013bb70e3 .col-md-12.col-sm-12.col-xs-12,
  div#Component6572dac637acb100136e9fab .col-md-6.col-sm-6.col-xs-12,
  div#Component6572dac637acb100136e9fab .thumbs,
  div#imagesControl6572d83e65efeb0013abdc62,
  div#imagesControl6572daa2793d3b0013bb70e3,
  div#imagesControl6572dac637acb100136e9fab,
  div#imagesControl6577c1ca111047001ad1df83,
  div#Component6577e534111047001ad1ee75 .thumbs,
  div#Component6577e534111047001ad1ee75 .col-md-12.col-sm-12.col-xs-12,
  div#Component6577e5517185b1001a55e673 .thumbs,
  div#Component6577e5517185b1001a55e673 .col-md-6.col-sm-6.col-xs-12{
    padding: 0 !important;
}
  
  .text-recomd {
    top: 15px;
    left: 10px;
}
  
  .wht-us {
    padding: 7% 2%;
}
  
  .wht-us h3 {
    margin-bottom: 3%;
}
  
  .why-items {
    margin-bottom: 6%;
}
  
    p,.cate-product h6,.sect-service h6 {
    font-size: 16px;
}
  
  
div#Component6577d5947185b1001a55df7b .Contentmanager-template2-1 .text-center,
div#Component6577d5c03720c4001a3d6952 .Contentmanager-template2-1 .text-center,
div#Component6577d5d4111047001ad1e648 .Contentmanager-template2-1 .text-center,
div#Component6577d5e93720c4001a3d6984 .Contentmanager-template2-1 .text-center,
div#Component6577d5fa3720c4001a3d6992 .Contentmanager-template2-1 .text-center,
div#Component6577d66e7185b1001a55e05d .Contentmanager-template2-1 .text-center,
div#Component6577d6807185b1001a55e075 .Contentmanager-template2-1 .text-center,
div#Component6577d6957185b1001a55e08d .Contentmanager-template2-1 .text-center,
div#Component6577d6a87185b1001a55e0a2 .Contentmanager-template2-1 .text-center,
div#Component6577d6ba7185b1001a55e0b0 .Contentmanager-template2-1 .text-center,
div#Component6577d6cb4f346a001af61fb0 .Contentmanager-template2-1 .text-center,
  div#Component65dd942bdbf8ee0013a91165 .Contentmanager-template2-1 .text-center{
    font-size: 14px;
    line-height: inherit;
    margin-top: 5px;
}
  
  .itopplus-bg2 {
    background-size: cover;
    background-position: left;
}
  
  div#Component6572d83e65efeb0013abdc62 .col-md-4.col-sm-4.col-sm-5fix.col-xs-12,
  div#Component6572f20b4cd10200131f73c8 .col-md-6.col-sm-6.col-xs-12,
  div#Component6577c1ca111047001ad1df83 .col-md-4.col-sm-4.col-sm-5fix.col-xs-12,
  div#Component6577d5947185b1001a55df7b .col-md-3.col-sm-4.col-xs-12, 
  div#Component6577d5c03720c4001a3d6952 .col-md-3.col-sm-4.col-xs-12, 
  div#Component6577d5d4111047001ad1e648 .col-md-3.col-sm-4.col-xs-12, 
  div#Component6577d5e93720c4001a3d6984 .col-md-3.col-sm-4.col-xs-12, 
  div#Component6577d5fa3720c4001a3d6992 .col-md-3.col-sm-4.col-xs-12, 
  div#Component6577d66e7185b1001a55e05d .col-md-3.col-sm-4.col-xs-12, 
  div#Component6577d6807185b1001a55e075 .col-md-3.col-sm-4.col-xs-12, 
  div#Component6577d6957185b1001a55e08d .col-md-3.col-sm-4.col-xs-12, 
  div#Component6577d6a87185b1001a55e0a2 .col-md-3.col-sm-4.col-xs-12, 
  div#Component6577d6ba7185b1001a55e0b0 .col-md-3.col-sm-4.col-xs-12, 
  div#Component6577d6cb4f346a001af61fb0 .col-md-3.col-sm-4.col-xs-12, 
  div#Component6577e86e478b6b001a11729d .col-md-4.col-sm-4.col-xs-12,
  div#Component65dd942bdbf8ee0013a91165 .col-md-3.col-sm-4.col-xs-12{
    width: 50%;
}
  
  .sect-service {
    height: 130px;
    background: linear-gradient(0deg, black, transparent);
    left: 0;
    bottom: 0;
    padding: 10% 2% 0;
    color: #fff;
    width: 100%;
}
  
  div#Component6572daa2793d3b0013bb70e3 .thumbs,
  div#Component6572dac637acb100136e9fab .thumbs,
  div#Component6577e534111047001ad1ee75 .thumbs,
  div#Component6577e5517185b1001a55e673 .thumbs{
    margin: 0;
}
  
  div#Component6572daa2793d3b0013bb70e3 .col-md-12.col-sm-12.col-xs-12, 
  div#Component6572dac637acb100136e9fab .col-md-6.col-sm-6.col-xs-12,
  div#Component6577e534111047001ad1ee75 .col-md-6.col-sm-6.col-xs-12,
  div#Component6577e5517185b1001a55e673 .col-md-6.col-sm-6.col-xs-12{
    margin-bottom: 5%;
}
  
  .sect-service h4 {
    font-size: 26px;
}
  
  .copy-right {
    text-align: center;
}
  
  figure#EffectView6572f20b4cd10200131f73c81 {
    top: 30px;
}
  
  div#Component6577d5947185b1001a55df7b .Contentmanager-template2-1 .thumb, 
  div#Component6577d5c03720c4001a3d6952 .Contentmanager-template2-1 .thumb, 
  div#Component6577d5d4111047001ad1e648 .Contentmanager-template2-1 .thumb, 
  div#Component6577d5e93720c4001a3d6984 .Contentmanager-template2-1 .thumb, 
  div#Component6577d5fa3720c4001a3d6992 .Contentmanager-template2-1 .thumb, 
  div#Component6577d66e7185b1001a55e05d .Contentmanager-template2-1 .thumb,
  div#Component6577d6807185b1001a55e075 .Contentmanager-template2-1 .thumb,
  div#Component6577d6957185b1001a55e08d .Contentmanager-template2-1 .thumb,
  div#Component6577d6a87185b1001a55e0a2 .Contentmanager-template2-1 .thumb,
  div#Component6577d6ba7185b1001a55e0b0 .Contentmanager-template2-1 .thumb,
  div#Component6577d6cb4f346a001af61fb0 .Contentmanager-template2-1 .thumb,
  div#Component65dd942bdbf8ee0013a91165 .Contentmanager-template2-1 .thumb{
    min-height: inherit !important;
    max-height: inherit;
    margin-bottom: 0;
  }
  
  div#Component6577d5947185b1001a55df7b .Contentmanager-template2-1 .thumb>img, 
  div#Component6577d5c03720c4001a3d6952 .Contentmanager-template2-1 .thumb>img, 
  div#Component6577d5d4111047001ad1e648 .Contentmanager-template2-1 .thumb>img, 
  div#Component6577d5e93720c4001a3d6984 .Contentmanager-template2-1 .thumb>img, 
  div#Component6577d5fa3720c4001a3d6992 .Contentmanager-template2-1 .thumb>img, 
  div#Component6577d66e7185b1001a55e05d .Contentmanager-template2-1 .thumb>img, 
  div#Component6577d6807185b1001a55e075 .Contentmanager-template2-1 .thumb>img, 
  div#Component6577d6957185b1001a55e08d .Contentmanager-template2-1 .thumb>img, 
  div#Component6577d6a87185b1001a55e0a2 .Contentmanager-template2-1 .thumb>img, 
  div#Component6577d6ba7185b1001a55e0b0 .Contentmanager-template2-1 .thumb>img, 
  div#Component6577d6cb4f346a001af61fb0 .Contentmanager-template2-1 .thumb>img,
  div#Component65dd942bdbf8ee0013a91165 .Contentmanager-template2-1 .thumb>img{
    max-height: inherit;
  }
  
  div#Component6577d5947185b1001a55df7b .Contentmanager-template2-1, 
  div#Component6577d5c03720c4001a3d6952 .Contentmanager-template2-1, 
  div#Component6577d5d4111047001ad1e648 .Contentmanager-template2-1, 
  div#Component6577d5e93720c4001a3d6984 .Contentmanager-template2-1, 
  div#Component6577d5fa3720c4001a3d6992 .Contentmanager-template2-1, 
  div#Component6577d66e7185b1001a55e05d .Contentmanager-template2-1, 
  div#Component6577d6807185b1001a55e075 .Contentmanager-template2-1, 
  div#Component6577d6957185b1001a55e08d .Contentmanager-template2-1, 
  div#Component6577d6a87185b1001a55e0a2 .Contentmanager-template2-1, 
  div#Component6577d6ba7185b1001a55e0b0 .Contentmanager-template2-1, 
  div#Component6577d6cb4f346a001af61fb0 .Contentmanager-template2-1,
  div#Component65dd942bdbf8ee0013a91165 .Contentmanager-template2-1{
    min-height: inherit !important;
    max-height: inherit;
}
  
    div#Component6577d5947185b1001a55df7b .btn-sm,
  div#Component6577d5c03720c4001a3d6952 .btn-sm,
  div#Component6577d5d4111047001ad1e648 .btn-sm,
  div#Component6577d5e93720c4001a3d6984 .btn-sm,
  div#Component6577d5fa3720c4001a3d6992 .btn-sm,
  div#Component6577d66e7185b1001a55e05d .btn-sm,
  div#Component6577d6807185b1001a55e075 .btn-sm,
  div#Component6577d6957185b1001a55e08d .btn-sm,
  div#Component6577d6a87185b1001a55e0a2 .btn-sm,
  div#Component6577d6ba7185b1001a55e0b0 .btn-sm,
  div#Component6577d6cb4f346a001af61fb0 .btn-sm,
  div#Component65dd942bdbf8ee0013a91165 .btn-sm{
      line-height: 38px;
      padding: 0;
}
  
  div#Component6577d5947185b1001a55df7b .col-md-3.col-sm-4.col-xs-12, 
  div#Component6577d5c03720c4001a3d6952 .col-md-3.col-sm-4.col-xs-12, 
  div#Component6577d5d4111047001ad1e648 .col-md-3.col-sm-4.col-xs-12, 
  div#Component6577d5e93720c4001a3d6984 .col-md-3.col-sm-4.col-xs-12, 
  div#Component6577d5fa3720c4001a3d6992 .col-md-3.col-sm-4.col-xs-12, 
  div#Component6577d66e7185b1001a55e05d .col-md-3.col-sm-4.col-xs-12, 
  div#Component6577d6807185b1001a55e075 .col-md-3.col-sm-4.col-xs-12, 
  div#Component6577d6957185b1001a55e08d .col-md-3.col-sm-4.col-xs-12, 
  div#Component6577d6a87185b1001a55e0a2 .col-md-3.col-sm-4.col-xs-12, 
  div#Component6577d6ba7185b1001a55e0b0 .col-md-3.col-sm-4.col-xs-12, 
  div#Component6577d6cb4f346a001af61fb0 .col-md-3.col-sm-4.col-xs-12, 
  div#Component6577e86e478b6b001a11729d .col-md-4.col-sm-4.col-xs-12,
  div#Component65dd942bdbf8ee0013a91165 .col-md-3.col-sm-4.col-xs-12{
    padding: 2% !important;
  }
  
  div#Component6577d5947185b1001a55df86 .col-md-6.pull-left {
    width: 100%;
    margin-right: 0;
    float: none !important;
}
  
  .social-share {
    top: -15px;
}
  
  .product-detail h6 {
    margin-top: 5%;
  }
  
  .head-pro-cont hr.two,
  .head-pro-cont hr.one{
    width: 15%;
  }
  
  .cont-detail ul, .cont-detail2 ul {
    grid-template-columns: repeat(1,1fr);
}
  
  .pre-news p {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
  
  div#Component6577e86e478b6b001a11729d .Contentmanager .template1 .template-panel {
    padding-bottom: 100%;
}
  
  .news-detail {
    margin-bottom: 5%;
}
  
  .cont-detail2 h6 {
    margin: 0;
}
  
  .cont-detail2 .head-pro-cont hr.one, .cont-detail2 .head-pro-cont hr.two {
    width: 0;
}
  
  .cont-detail2 ul {
    width: 100%;
}
  
   .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;
}

  .col-md-12.itpPDPALandingPage {
    padding: 0;
}
  
  .cont-detail3 li {
    grid-template-columns: 8% auto;
}
  
  .backToTop img {
    width: 65px !important;
    height: 65px !important;
}
  
  .backToTop {
    right: 10px !important;
}
  
  .btn-viewmore button {
    font-size: 14px;
}
}