.itopplus-background {

}
body {
    overflow-x: hidden;
}

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

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

.itopplus-bg3 {
    background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_23002024acee/1630/0/bg3z-z415772522090.webp);
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: cover;
}

/************Menu***************/
.navbar-default .navbar-nav>li>a {
    color: #000;
    margin: 0 10px;
    padding: 5px 5px;
}

.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: #000 !important;
    box-shadow: 0px 3px 0px 0px #112249;
    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: #f9d27c;
}

/********Only Sidebar*********/
@media screen and (max-width : 992px) {

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

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

    .navbar-default {
        background: #fff;
    }

    /*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: 110px !important;
        top: 7px;
        left: 15px;
    }

}

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

    .navbar-default {
        background: transparent;
    }

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

    #controlPosition {
        text-align: right;
    }


    .itopplus-menu {
        margin-top: 3.5%;

    }

    .itopplus-search {}

    .no-js .itopplus-banner {
        position: sticky;
        top: 0;
        width: 100%;
        z-index: 100;
        background: #fff;
        box-shadow: 0 0 3px 0 #ccc;
    }

}

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

h2 {
    font-size: 3.2em;
}

h3 {
    font-size: 2.8em;
}

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

h5 {
    font-size: 1.8em;
}

h6 {
    font-size: 1.4em;
}

p, .text-why h6, .text-service h6, .table-product>thead>tr>th{
    font-size: 16px;
}

.btn-all button, .items-service button, .pre-product button,
.tags-news , .pre-service button, .text-service button,
div#Component65bb4b5196ce320013b00c28 button,
div#cookie65bb4b5196ce320013b00c28 span{
    font-size: 14px;
}

.items-service h5 span, .text-pool h6 ,
.fs-16{
    font-size: 18px;
}

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

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

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

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

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

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


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


.tell-head p, .tell-head h6, div#Component65b9c44596ce320013afee72 .thumbs,
div#Component65b9c48bf033ef0013295854 .thumbs,
div#Component65b9c4aaf033ef0013295871 .thumbs,
div#Component65b9c4c5926e380014f24368 .thumbs,
div#Component65bb167b682969001382874d .thumbs,
div#Component65bb16a166cb1d0013ae0376 .thumbs,
div#Component65bb16d3f033ef0013296ecd .thumbs,
div#Component65bb16f4f033ef0013296ef1 .thumbs,
.product-detail li p{
    margin: 0;
}

.tell-head {
    display: grid;
    grid-template-columns: auto 10% auto;
    justify-content: end;
    gap: 8px;
    align-items: center;
    background: #112249;
    padding: 1rem 2rem;
    color: #fff;
    width: 40%;
    margin: auto;
    margin-right: 0;
    border-radius: 0 0 10px 10px;
}

.fw-semi, .footer h6, .sect-why h5, .about-service h6, .process h6, .consult-add h6,
.sect-head h3, .sect-head h4,.product-detail h6, .product-detail h5, h3.managerHeader,
.table-product>thead>tr>th, .contact-page h4,.text-pool h6, .detail-perform h6,
.sect-about2 h3, .sect-about2 h6, .pool-add h6, .pool-add2 h6{
	font-weight:600;
}

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

.img-about {
    display: grid;
    grid-template-columns: 25% 62%;
    gap: 70px;
}

.img-about2 {
    display: grid;
    grid-template-columns: 62% 25%;
    gap: 50px;
    justify-content: end;
}

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

.sect-about h2, .sect-head h2, .sect-service h2, .text-slogan h1,
.sect-sum h2, .sect-sum h5, .sect-about2 h2{
    font-family: "Cormorant Garamond", serif;
    color: #20335d;
    font-weight: 600;
    text-transform: uppercase;
}

.sect-head h3, .contact-page h4, .sect-head h4 {
    color: #20335d;
}

.sect-about p {
    margin-bottom: 5%;
}

.items-serv p, .sect-about p, .pre-product h6, .text-why h6 {
    line-height: 26px;
}

.experien {
    background: #112249;
    width: fit-content;
    padding: 2% 3%;
    border-radius: 0 40px 40px;
    color: #fff;
}

.experien h5 {
    display: flex;
    flex-wrap: wrap;
    width: 220px;
    position: relative;
    height: 125px;
    line-height: 36px;
}

.experien h5 span {
    color: #f6cc6e;
    font-weight: 600;
    font-size: 1.8em;
    position: relative;
    top: -10px;
    right: -85px;
}

.experien h5 span span {
    position: static;
}

.sect-why {
    background: #112249;
    text-align: center;
    color: #fff;
    border-radius: 20px;
    padding: 5% ;
}

.sect-why hr {
    border-color: #fff;
    border-width: 5px;
    width: 30%;
    margin: 15% auto;
}

.icon-why img {
    width: 45% !important;
    margin: auto;
    margin-top: -40px;
    background: #112249;
    border-radius: 50%;
    margin-bottom: 5%;
}

.sect-why p {
    height: 70px;
}

.sect-why h5, .pre-product {
    margin-bottom: 7%;
}

.sect-head h2, .btn-all , .items-service,h3.managerHeader,
.text-slogan, .consult-add h6, .sect-head h3, .contact-page,
.sect-sum, .sect-head h4, .sect-head h6{
    text-align: center;
}

.btn-me, .btn-ac, .items-service button, .pre-service button, .text-service button  {
    background: #deb65e;
    border: none;
    padding: 0.7rem 2rem;
    margin: 1%;
}

.btn-ac , .items-service button, .pre-service button, .text-service button {
    background: #112249;
    color: #fff;
}

.sect-service hr {
    width: 38%;
    margin: auto 0;
}

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

div#mainmenu65b9c431f033ef001329584a,
div#mainmenu65b9c434f033ef001329584f{
    background: #e4e4e4;
}

figure.effect-selena {
    background: transparent;
}

div#Component65b9c5ad926e380014f243a5 .grid figure figcaption,
div#Component65ba218df033ef0013296689 .grid figure figcaption,
div#Component65bb2233f033ef00132971d1 .grid figure figcaption,
div#Component65c9c88201bb1b00139f70f3 .grid figure figcaption,
div#Component65d5ceab39a84500132f7aba .grid figure figcaption{
    position: static;
    padding: 0;
    text-transform: none;
    color: #000;
}

div#Component65b9c5ad926e380014f243a5 .imgLightbox,
div#Component65ba218df033ef0013296689 .imgLightbox{
    width: 30%;
    margin: 10% auto -10px;
}

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

.text-why h6 {
    height: 85px;
}

.pre-product h6 {
    height: 55px;
}

.items-service h5, .pre-service h6 {
    color: #112249;
    margin-top: 35%;
    margin-bottom: 6%;
}

.text-slogan hr, .sect-head hr {
    border-color: #112249;
    border-width: 8px;
    width: 15%;
}

.text-slogan h1 {
    margin: 6% 0 1%;
}

.text-slogan h5 {
    line-height: 40px;
}

.Text_seller2, div#Component65bb4b5196ce320013b00c28 label {
    display: none !important;
}

div#Component65ba024496ce320013aff6a9 .col-md-4.col-sm-4.col-xs-12,
div#Component65bb37a868296900138289da .col-md-4.col-sm-4.col-xs-12,
div#Component65bb37be68296900138289f6 .col-md-4.col-sm-4.col-xs-12{
    width: 25%;
  transition: transform 0.2s ease-out;
}

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

.pre-product , .pre-service h6, .btn-me, .consult-add a{
    color: #000;
}

.pre-product button{
    background: transparent;
    border: none;
    text-decoration: underline;
}

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

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

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

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

.marquee-item img {
    border-radius: 25px;
    box-shadow: 0 4px 18px rgb(0,0,0,0.1);
    width: 100%;
}

.marquee, div#Component65d5ceab39a84500132f7aba {
    margin-top: 1%;
}

.about-service li, .product-detail ul {
    list-style: none;
}

.items-serv {
    display: grid;
    grid-template-columns: 40px auto;
    margin-bottom: 2%;
    gap: 10px;
    align-items: center;
}

.img-serv {
    background: #112249;
    border-radius: 5px;
    padding: 5%;
}

.about-service h6, .sect-sum h5 {
    margin-bottom: 3%;
}

.about-service li li .items-serv {
    display: block;
}

.about-service ul ul {
    padding-left: 7%;
    margin-bottom: 3%;
}

.tags-news {
    color: red;
    border-radius: 5px;
}

.process h5 {
    color: #cbcbcb;
    width: fit-content;
    font-weight: 600;
    position: absolute;
}

.process h6 {
    margin: 0 0 3%;
}

.process img {
    width: 30% !important;
    background: #f6cc6e;
    padding: 3%;
    border-radius: 50%;
    border: 7px solid #f5f5f5;
    margin-bottom: 5%;
    margin-top: -40px;
}

.process {
    margin: 2%;
    padding: 5%;
    background: #f5f5f5;
    text-align: center;
    margin-top: 8%;
    margin-bottom: 5%;
    border-radius: 20px;
    height: 185px;
}

.sect-head h2, .consult-add h6, .sect-head h3, .sect-head h4 {
    margin-bottom: 1.5%;
}

.consult-add li {
    display: grid;
    grid-template-columns: 12% auto;
    align-items: center;
    gap: 10px;
    background: #f6f6f6;
    padding: 3%;
}

.consult-add ul {
    list-style: none;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 15px;
}

div#Component65bb1c7c96ce320013b00321 .col-md-4.col-sm-4.col-xs-12 {
    width: 50%;
    display: grid;
    grid-template-columns: 50% 50%;
    padding: 0 !important;
    background: #f6f6f6;
}

div#Component65bb1c7c96ce320013b00321 .col-md-4.col-sm-4.col-xs-12:nth-child(3) a:nth-child(1), 
div#Component65bb1c7c96ce320013b00321 .col-md-4.col-sm-4.col-xs-12:nth-child(4) a:nth-child(1) {
    grid-column: 2;
    grid-row: 1;
}

.text-service h6 {
    margin-bottom: -10px;
}

.text-service {
    height: 100px;
}

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

.product-detail li {
    text-indent: 30px;
    margin-bottom: 1%;
}

.product-detail p, .product-detail h6 , .product-detail ul{
    margin-bottom: 2rem;
}

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

.Textmanager {
    text-align: left;
}

div#Component65ba024466cb1d0013adf605 .col-md-4.col-sm-4 p {
    margin-top: 3%;
}

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

.product-detail span, .pool-add p span, .pool-add2 p span {
    color: #0c54a5;
}

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

span.fw-semi {
    color: unset;
}

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

.table-product>tbody>tr>td, .table-product>thead>tr>th {
    border: none;
    padding: 1%;
    vertical-align: middle;
    text-align: center;
}

.table-product>thead>tr {
    background: #0064b9;
    color: #fff;
}

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

.table-product>tbody>tr:hover {
    background: #80baeb30;
}

.table-product>thead>tr>th {
    border: 1px solid #6d95b7;
}

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

div#Component65bb4b5196ce320013b00c28 {
    width: 80%;
    margin: auto;
    padding-bottom: 4%;
}

div#Component65bb4b5196ce320013b00c28 input.form-control {
    height: 40px;
}

div#Component65bb4b5196ce320013b00c28 .form-control {
    border-color: #112249;
    background: transparent;
    border-radius: 0;
}

div#Component65bb4b5196ce320013b00c28 input::placeholder, 
div#Component65bb4b5196ce320013b00c28 textarea::placeholder,
.text-pool h6, .detail-perform h6, .pool-add h6, .pool-add2 h6{
    color: #112249;
}

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

div#Component65bb4b5196ce320013b00c28 button {
    background-image: none;
    text-shadow: none;
    border-radius: 0;
    background: #112249;
    padding: 0.7rem 2rem;
    color: #fff;
    border: none;
}

.card-cont p {
    height: 60px;
  padding-top: 5%;
}

.card-cont a, .tell-head a, .footer a {
    color: #fff;
}

.card-cont img {
    width: 25% !important;
    margin: auto;
    margin-top: -30px;
    border: 2px solid #112249;
    background: #112249;
    border-radius: 50%;
}

.card-cont {
    background: #112249;
    text-align: center;
    margin-top: 7%;
    padding: 5%;
    border-radius: 20px;
    transition: transform 0.2s ease-out;
}

.card-cont hr {
    width: 20%;
    border-width: 3px;
}

.card-cont a:hover, .tell-head a:hover, .footer a:hover, .consult-add a:hover {
    color: #f6cc6e;
}

div#mainmenu65bb4b4896ce320013b00c1f .col-md-7.col-sm-7.col-xs-12 {
    background: #ffffffa3;
}

.sect-why,
div#Component65bb1c7c96ce320013b00321 .img-container .img,
.social-footer img, 
.process, .consult-add li {
  transition: transform 0.2s ease-out;
}

div#Component65ba024496ce320013aff6a9 .col-md-4.col-sm-4.col-xs-12:hover,
div#Component65bb37a868296900138289da .col-md-4.col-sm-4.col-xs-12:hover,
div#Component65bb37be68296900138289f6 .col-md-4.col-sm-4.col-xs-12:hover,
.sect-why:hover,
.social-footer img:hover,.process:hover,
.consult-add li:hover, .card-cont:hover {
   transform: scale(0.95);
}

div#Component65ba024496ce320013aff6a9 .col-md-4.col-sm-4.col-xs-12:hover button,
div#Component65bb37a868296900138289da .col-md-4.col-sm-4.col-xs-12:hover button,
div#Component65bb37be68296900138289f6 .col-md-4.col-sm-4.col-xs-12:hover button {
    color: #deb65e;
}

.btn-me:hover {
    background: #112249;
    color: #fff;
}

.btn-ac:hover, .items-service button:hover, .pre-service button:hover,
div#Component65bb2233f033ef00132971d1 .col-md-4.col-sm-4.col-xs-4:hover button,
div#Component65bb4b5196ce320013b00c28 button:hover{
  background: #deb65e;
  color:#000;
}

div#Component65bb1c7c96ce320013b00321 .img-container {
    overflow: hidden;
}

div#Component65bb1c7c96ce320013b00321 .img-container:hover .img {
    transform: scale(1.1);
}

.dropdown-menu {
    border: none;
}

.dropdown-menu>li>a {
    padding: 6px 20px;
}

.ITPcookiebar {
  width: 100% !important;
    background-color: #f6cc6e99 !important;
    color: #171717;
}

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

.sect-about{
    padding-left: 12%;
}

.sect-about2 {
    margin-top: 4%;
    padding-left: 30%;
}

div#Component65c9c88201bb1b00139f70f3 figure.effect-selena p,
div#Component65d5ceab39a84500132f7aba figure.effect-selena p{
    opacity: 1 !important;
    font-size: 16px;
    -webkit-transition: none;
    transition: none;
    -webkit-transform: none;
    transform: none;
    -webkit-transform-origin: inherit;
    transform-origin: inherit;
    margin-bottom: 3%;
}

.text-pool {
    height: 55px;
}

div#Component65c9cba114d7340013e3a3e9 .imgLightbox {
    width: 70%;
    margin: auto;
}

.sect-sum h2, .sect-sum h5{
    font-weight: 700;
}

.sect-sum {
    margin-bottom: 35%;
      border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

div#mainmenu65c9ca8714d7340013e3a3a0 .items-service button {
    margin-top: 3%;
}

.service-detail h4 {
    margin: 0;
}
.service-detail li {
    background: #f5f5f5;
    margin-top: 1%;
    padding: 1%;
    display: grid;
    grid-template-columns: 10% auto;
    align-items: center;
    gap: 5px;
}
.service-detail ul {
    list-style: none;
    padding: 0;
}

.service-detail h4 {
    font-family: "Poppins", sans-serif;
    color: #cbcbcb;
}

.detail-perform, .pool-add h6, .pool-add2 h6 {
    margin-bottom: 1rem;
}

.sect-about2 h5 , .sect-about2 h2{
    margin-bottom: 3%;
}

.fs-16 {
    font-weight: 400;
}

.sect-about2 h3 {
    width: fit-content;
    padding: 2%;
    border-radius: 0 3rem 3rem;
    color: #e50505;
    background: #f6cc6e;
    margin-top: 0;
    margin-right: 2%;
}

.pay-sell {
    margin-top: 5%;
    color: #5b5b5b;
}

.price-sell {
    font-size: 34px;
}

span.price-sell {
    font-weight: 600;
}

.sect-about2 p {
    margin: 0;
}

.sect-about2 .bg-blink {
    animation: blink 1s linear infinite;
}

@keyframes blink {
       0%{opacity: 0;}
       50%{opacity: 0.5;}
       100%{opacity: 1;}
      }

.sym-right {
    top: 35px;
}

.sym-left {
    top: 20px;
}

.sym-left, .sym-right {
    font-size: 3em;
    position: relative;
    color: #e8e8e8;
    line-height: 0;
}

.sect-about2 h5 {
    line-height: 42px;
}

.me-10 {
    margin-left: 15%;
}

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

.pool-add , .pool-add p span, .pool-add2 , .pool-add2 p span{
    padding-left: 5%;
}

.pool-add h6 , .pool-add2 h6 {
    margin-top: 5%;
}

.pool-add2 {
    display: grid;
    grid-template-columns: 45% auto;
    gap: 25px;
    align-items: center;
}

.pool-add{
    margin-top: 8%;
}
  
/******************responsive********************/

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

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

h1 {
    font-size: 6em;
}

h2 {
    font-size: 4em;
}

h3 {
    font-size: 3.2em;
}

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

h5 {
    font-size: 2.4em;
}

h6 {
    font-size: 1.8em;
}

p, .text-why h6, .text-service h6, .table-product>thead>tr>th {
    font-size: 20px;
}

.btn-all button, .items-service button, .pre-product button,
.tags-news , .pre-service button, .text-service button, .dropdown-menu>li>a,
  .table-product>tbody>tr>td, div#Component65bb4b5196ce320013b00c28 button{
    font-size: 18px;
}
  
  div#Component65bb4b5196ce320013b00c28 input.form-control,
   div#Component65bb4b5196ce320013b00c28 textarea.form-control,
  div#cookie65bb4b5196ce320013b00c28 span{
     font-size: 16px; 
  }

.items-service h5 span {
    font-size: 22px;
}
  
  .tell-head {
    width: 35%;
}
  
  .items-serv p, .sect-about p, .pre-product h6, .text-why h6, .sect-about2 p {
    line-height: 32px;
}
  
  .icon-why img, .process img {
    margin-top: -60px;
}
  
  .text-slogan h5 {
    line-height: 46px;
}
  
  .process {
    height: 245px;
}
  
  .pre-product h6 {
    height: 60px;
}

  .card-cont p {
    height: 75px;
  }
  
  .card-cont img {
    margin-top: -40px;
}
  
  div#Component65bb4b5196ce320013b00c28 input.form-control {
    height: 45px;
    margin-bottom: 1rem;
}
  
  .social-footer {
    width: 40%;
}
  
  .icon-why img {
    width: 40% !important;
  }
  
  .items-serv {
    grid-template-columns: 50px auto;
}
  
  .text-service {
    height: 115px;
}
  
  .ITP-pdpa-template-titleFont {
    font-size: 24px !important;
  }
  
  .ITP-pdpa-template-contentFont {
    line-height: 32px;
    font-size: 18px !important;
}
  
  .experien h5 {
        width: 290px;
    height: 155px;
}
  
  .experien h5 span {
    top: -5px;
    right: -110px;
}
  
  .img-about {
    gap: 95px;
}
  
  div#Component65c9c88201bb1b00139f70f3 figure.effect-selena p,
  div#Component65d5ceab39a84500132f7aba figure.effect-selena p{
    font-size: 20px;
    margin-bottom: 4%;
}
  
  .text-pool h6, .fs-16 {
    font-size: 22px;
}
  
  .text-pool {
    height: 150px;
}
  
  .sect-about2 h5, .sect-about2 h2 {
    margin-bottom: 7%;
}
  
  .pay-sell p {
    margin-bottom: 2%;
}
  
  .price-sell {
    font-size: 46px;
}
}

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

h5 {
    font-size: 1.6em;
}
  
  .experien h5 {
    width: 195px;
    height: 120px;
}
  
  .experien h5 span {
    font-size: 1.7em;
}
}

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

.tell-head {
    width: 47%;
}
  
  .navbar-default .navbar-nav>li>a {
    margin: 0 3px;
}
  
  .experien h5 span {
    font-size: 1.6em;
    top: -25px;
}
  
  .experien h5 {
    width: 185px;
    height: 95px;
}
  
  .experien {
    border-radius: 0 30px 30px;
}
  
  .process {
    height: 160px;
}
  
  .pre-product h6 {
    height: 45px;
}
  
  .card-cont p {
    height: 75px;
  }
  
  h2 {
    font-size: 3em;
}
  
  .price-sell {
    font-size: 22px;
}
  
}

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

div#contentnewmode65b9b12896ce320013afe7d8,
  .sect-about br, .sect-why br, .text-why br,
  .sect-sum p br, 
  div#contentnewmode65bb53a5f033ef001329790b{
    display: none;
}
  
  .img-about, .img-about2 {
    gap: 30px;
}
  
  div#mainmenu65b9bbb5926e380014f2417f .col-md-3.col-sm-6.col-xs-12,
  div#mainmenu65b9c431f033ef001329584a .col-md-3.col-sm-6.col-xs-12,
  div#mainmenu65b9c434f033ef001329584f .col-md-3.col-sm-6.col-xs-12,
  div#Component65b9c5ad926e380014f243a5 .col-md-3.col-sm-4.col-xs-4,
  div#mainmenu65ba1d7396ce320013aff9cf .col-md-3.col-sm-6.col-xs-12,
  div#Component65ba218df033ef0013296689 .col-md-3.col-sm-4.col-xs-4,
  div#Component65d5ceab39a84500132f7aba .col-md-3.col-sm-4.col-xs-4{
    width: 25%;
}
  
  .sect-why p {
    height: 95px;
}
  
  h5 {
    font-size: 1.4em;
}
  
 .experien h5 span {
    top: -30px;
    right: -75px;
}
  
  .experien h5 {
    width: 165px;
  }
  
  h2 {
    font-size: 2.6em;
}
  
  .sect-service hr {
    width: 30%;
  }
  
  .items-service h5, .pre-service h6 {
    margin-top: 25%;
}
  
  h1 {
    font-size: 3.2em;
}
  
  div#Component65ba218df033ef0013296689 .imgLightbox {
    width: 40%;
  }
  
  .sect-about.pe-20, .sect-about2.pe-20 {
    padding-left: 5%;
}
  
  .text-service h6 {
    margin-bottom: 0;
}
  
  .pre-product h6 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
  
  .card-cont img {
    margin-top: -40px;
}
  
  .card-cont p {
    height: 65px;
}
  
  .sect-about {
    padding-left: 5%;
}
  
  .sect-about2 {
    padding-left: 10%;
    margin-top: 0;
}
  
  .text-pool h6 {
    font-size: 16px;
}
  
  .sect-about2 p {
    font-size: 14px;
}
  
  
  .price-sell {
    font-size: 24px;
}
  
  h6 {
    font-size: 1.3em;
}
  
  h3 {
    font-size: 2.2em;
}
  
  .sect-about2 h5 {
    line-height: inherit;
}
  
  .sect-about2 h3, .pool-add {
    margin-top: 0;
}
  
  .text-pool {
    height: 35px;
}
}

@media screen and (max-width : 480px) {
  
div#imagesControl65b9b28296ce320013afe80e,
  div#imagesControl65ba218df033ef0013296689,
  div#imagesControl65bb384096ce320013b0062a,
div#imagesControl65bb386d66cb1d0013ae09cd,
div#imagesControl65bb385a926e380014f25db2,
div#imagesControl65bb387f66cb1d0013ae09d6,
  div#imagesControl65bb46936829690013828e4b,
div#imagesControl65bb46ab66cb1d0013ae0dda,
div#imagesControl65bb47506829690013828ec6,
div#imagesControl65bb47ca8735f30013c49883,
div#imagesControl65bb48278735f30013c498e4,
div#imagesControl65bb47e18735f30013c498ae,
div#imagesControl65bb4811926e380014f26126,
div#imagesControl65bb48ad96ce320013b00a81,
div#imagesControl65bb48f86829690013828fc0,
div#imagesControl65bb49236829690013828fdf,
  div#imagesControl65cf119b7a8ca500132e3b89,
div#contentnewmode65cf13b539a84500132f27fb,
div#imagesControl65cf13ed39a84500132f2817,
div#contentnewmode65cf13ba39a84500132f2804,
div#imagesControl65cf143366ca0f0013fab5db,
div#contentnewmode65cf13be39a84500132f280d,
div#imagesControl65cf14997a8ca500132e3ba3,
div#contentnewmode65cf152066ca0f0013fab5e2,
div#imagesControl65cf154466ca0f0013fab600,
div#contentnewmode65cf152466ca0f0013fab5ec,
div#imagesControl65cf157a66ca0f0013fab61d,
div#contentnewmode65cf152966ca0f0013fab5f5,
div#imagesControl65cf15b2372a310013f4f4a8,
div#contentnewmode65cf16287a8ca500132e3bcd,
div#imagesControl65cf1651f276070013269eef,
div#contentnewmode65cf162c7a8ca500132e3bd6,
div#imagesControl65cf169b66ca0f0013fab635,
div#contentnewmode65cf16317a8ca500132e3bdf,
div#imagesControl65cf16f1a3978700138b3ed6,
div#contentnewmode65cf177aa3978700138b3ee1,
div#imagesControl65cf179a66ca0f0013fab64f,
div#contentnewmode65cf177fa3978700138b3eea,
div#imagesControl65cf17e9a3978700138b3efd,
div#contentnewmode65cf1783a3978700138b3ef3,
div#imagesControl65cf181ef276070013269f0c,
div#contentnewmode65cf1877f276070013269f2d,
div#imagesControl65cf18a0f276070013269f4b,
div#contentnewmode65cf187cf276070013269f36,
div#imagesControl65cf18cf39a84500132f2857,
div#contentnewmode65cf1881f276070013269f3f,
div#imagesControl65cf190bf276070013269f55,
  div#mainmenu65cf139f39a84500132f27df div,
  div#Component65cf119b7a8ca500132e3b89 div,
  div#contentnewmode65cf0f3b66ca0f0013fab593,
  div#mainmenu65cf14f5a3978700138b3eab div,
  div#mainmenu65cf1611a3978700138b3eca div,
div#mainmenu65cf176839a84500132f2843 div,
div#mainmenu65cf185ea3978700138b3f06 div,
  div#imagesControl65d5d2f566ca0f0013fb03d4,
div#contentnewmode65d5d30e7a8ca500132e8c3a,
div#imagesControl65d5d3f666ca0f0013fb043a,
div#contentnewmode65d5d49366ca0f0013fb0454,
div#contentnewmode65d5d47639a84500132f7bbb,
div#imagesControl65d5d47639a84500132f7bbe,
div#imagesControl65d5d654f27607001326f493,
div#contentnewmode65d5d654f27607001326f495,
div#imagesControl65d5d654f27607001326f498,
div#imagesControl65d5d6c77a8ca500132e8d10,
div#contentnewmode65d5d6c77a8ca500132e8d12,
div#imagesControl65d5d6c77a8ca500132e8d15,
  div#contentnewmode65d5c69a372a310013f5420e,
  div#contentnewmode65d5c66539a84500132f78a7{
    padding: 0 !important;
}
  
  .sect-about {
    margin-top: 8%;
}
  
   .sect-about2{
    margin-top: 0%;
}
  
  div#mainmenu65b9bbb5926e380014f2417f .col-md-3.col-sm-6.col-xs-12, 
  div#mainmenu65b9c431f033ef001329584a .col-md-3.col-sm-6.col-xs-12,
  div#mainmenu65b9c434f033ef001329584f .col-md-3.col-sm-6.col-xs-12, 
  div#Component65b9c5ad926e380014f243a5 .col-md-3.col-sm-4.col-xs-4, 
  div#mainmenu65ba1d7396ce320013aff9cf .col-md-3.col-sm-6.col-xs-12, 
  div#Component65ba218df033ef0013296689 .col-md-3.col-sm-4.col-xs-4 {
    width: 100%;
}
  
  .sect-why p, .text-why h6, .card-cont p {
    height: auto;
}
  
  .sect-why hr {
    margin: 8% auto;
}
  
  .sect-why, .items-service {
    margin-bottom: 8%;
}
  
  div#Component65ba024496ce320013aff6a9 .col-md-4.col-sm-4.col-xs-12, 
  div#Component65bb37a868296900138289da .col-md-4.col-sm-4.col-xs-12, 
  div#Component65bb37be68296900138289f6 .col-md-4.col-sm-4.col-xs-12 {
    width: 50%;
  }
  
  .icon-why img {
    width: 35% !important;
  }
  
  h2 {
    font-size: 2.3em;
}
  
 .pt-5.sect-head {
    padding-top: 10%;
}
  
  .sect-service hr {
    width: 15%;
}
  
  .items-service h5, .pre-service h6 {
    margin-top: 5%;
}
  
  div#mainmenu65b9c434f033ef001329584f .none-middle-mid .none-middle-mid {
    display: block;
}
  
div#mainmenu65b9c434f033ef001329584f .none-middle-mid {
    display: flex;
    flex-wrap: wrap-reverse;
}
  
  div#Component65b9c5ad926e380014f243a5 .imgLightbox, 
  div#Component65ba218df033ef0013296689 .imgLightbox {
    margin: 5% auto 0;
}
  
  .text-why, .copy-right {
    text-align: center;
}
  
  h1 {
    font-size: 3.2em;
}
  
  h4, h3.managerHeader {
    font-size: 1.6em;
}
  
.text-slogan br , .social-footer, div#contentnewmode65ba25b76829690013828059,
  .sect-sum p br{
    display: none;
}
  
.text-slogan h5 {
    line-height: inherit;
}
  
  .img-about {
    gap: 20px;
    grid-template-columns: 27% 67%;
}
  
  .sect-about.pe-20, .sect-about2.pe-20 {
    padding-left: 0;
    margin-top: 0;
}
  
  .img-about2 {
    gap: 20px;
    grid-template-columns: 67% 27%;
}
  
  .about-service ul {
    padding-left: 3%;
    margin-top: 5%;
}
   
  .marquee-item {
    flex: 0 0 25vw;
  }
  
  .marquee-item img {
    border-radius: 20px;
  }
  
  div#Component65ba218df033ef0013296689 .imgLightbox {
    width: 30%;
}
  
  .sect-head h2, .consult-add h6, .sect-head h3,  .items-serv  {
    margin-bottom: 4%;
}
  
  div#Component65bb1c7c96ce320013b00321 .col-md-4.col-sm-4.col-xs-12 {
    width: 100%;
    display: block;
    background: #fff;
}
  
.pre-service {
    padding: 3% 0 5% ;
    background: #f6f6f6;
    margin-bottom: 8%;
}
  
  .consult-add ul {
    grid-template-columns: repeat(1,1fr);
}
  
  div#imagesControl65bb38cdf033ef00132973a3 {
    padding-top: 0 !important;
}
  
   .ITPcookiebar {
    padding: 3%;
    display: flex !important;
}
  
  .ITPcookieLeftText {
    /* color: white; */
    float: unset !important;
    padding-left: 0 !important;
    padding-top: 0 !important;
}
  
  .ITPcookieButton {
    float: unset !important;
    padding-right: 0 !important;
    padding-top: 0 !important;
}
  
   .ITPcookieLeftText span {
    font-size: 14px;
}

.sect-about , .sect-about2{
    padding-left: 0;
}
  
  .text-pool {
    text-align: center;
    margin-top: 4%;
    height: auto;
}
  
  .sect-sum {
    margin-bottom: 5%;
    border: none;
}
  
  div#Component65ba024466cb1d0013adf605 .col-md-12.text-justify {
    padding: 0 2% !important;
}
  
  .social-share {
    top: -15px;
    right: -45px;
}
  
  .service-detail li {
    padding: 3%;
    margin-top: 3%;
}
  
  .sect-about2 , .pool-add, div#mainmenu65d5d47639a84500132f7bb8{
    margin-bottom: 8%;
}
  
  .pool-add2 {
    grid-template-columns: 100%;
    gap: 0;
}
  
  .pool-add2 img {
    height: 240px;
    object-fit: cover;
}
  
  .sect-about2 h3 {
    float: none;
}
  
  .pay-sell {
    padding-left: 5%;
}
  
  .price-sell {
    font-size: 28px;
}
  
}