.itopplus-background {

}
body {
    overflow-x: hidden;
    font-family: "Noto Sans Thai", sans-serif;
}

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

.itopplus-bg2 {
    background-image: url('https://itp1.itopfile.com/ImageServer/z_itp_20062023sghe/0/0/2z-z334878422761.webp');
    color: #444;
    background-repeat: no-repeat;
    background-size: cover;
}

.itopplus-bg3 {
    background-image: url('https://itp1.itopfile.com/ImageServer/z_itp_20062023sghe/0/0/3z-z1445261900127.webp');
    color: #444;
    background-repeat: no-repeat;
    background-size: cover;
}

.itopplus-bg4 {
    background-image: url('https://itp1.itopfile.com/ImageServer/z_itp_20062023sghe/0/0/4z-z148497350254.webp');
    color: #444;
    background-repeat: no-repeat;
    background-size: cover;
}

.itopplus-bg5 {
    background-image: url('https://itp1.itopfile.com/ImageServer/z_itp_20062023sghe/0/0/5z-z1324676447404.webp');
    background-size: 100% auto;
    background-repeat: no-repeat;
}

.itopplus-footer {
    background-color: #000000;
}


.navbar-default .navbar-nav>li>a {
    color: #fff;
    margin: 0 25px;
    padding: 3px;
    font-family: "Montserrat", sans-serif;
}

.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:active,
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
    color: #fff !important;
    box-shadow: 0px 2px 0px 0px #ff7e16;
    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;
}

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

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

    .navbar-default,
    .navbar-header,
    #ItopplusMainSidebar {
        background: #111 !important;
    }

    #ItopplusMainSidebar a {
        color: #fff !important;
        text-align: left !important;
    }

    #itpMenuSideBar span.icon-bar {
        background: #fff !important;
    }
}

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

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

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

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

    .banner-sticky {
        background: #000 !important;
    }

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

    #nav-menu {
        text-align: center;
        background-color: transparent;
    }
  
  .itopplus-search {
  	color: #fff;
  }



}



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

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

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

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

/************font-size***************/

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

h1 {
    font-size: 4.125em;
}

h2 {
    font-size: 3.4em;
}

h3 {
    font-size: 3em;
}

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

h5 {
    font-size: 2.5em;
}

h6 {
    font-size: 1.6em;
}

p, .pre-showroom p {
    font-size: 16px;
}

.btn-more, .btn-more2 {
    font-size: 14px;
}

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

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

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

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

.head-social {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px;
    width: 70%;
    margin: auto;
}

.social-footer {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 10px;
    width: 80%;
    margin: auto;
    margin-top: 10%;
}

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

.copy-right, .items-service, .sect-service,
.sect-customer, .sect-work h4, .sect-work h6,
h3.managerHeader, .btn-all{
    text-align: center;
}

.footer h6, .sect-service h2 {
    font-family: "Montserrat", sans-serif;
}

.btn-more {
    background: #fa7b14;
    width: fit-content;
    padding: 1rem 2rem;
    font-family: "Montserrat", sans-serif;
    color:#fff;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.btn-more::before, .btn-more2::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.btn-more2::before {
    background: #fa7b14;
}

.footer p {
    color: #c3c3c3;
    margin-bottom: 6%;
}

.footer {
    padding-left: 15%;
}

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

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

.sect-about {
    padding: 6% 11% 0;
}

.sect-about.about-02 {
    padding: 2% 4% 0;
}

.text-orange , .sect-about h4, .content-about h6,
.sect-customer h5, .items-service:hover{
    color: #fa7b14 !important;
}

.sect-about h6, .head-about h6 {
    color: #444444;
}

.sect-about h6, .footer h6, .fw-semi,
.head-about h6,.sect-customer h5,
.sect-work h4{
    font-weight: 600;
}

.sect-about h2 {
    font-weight: 700;
    color: #000;
    font-family: "Montserrat", sans-serif;
    margin-bottom: 4%;
}

.sect-about h4, .sect-service h2, .content-about h6,
.about-page h5, .pre-showroom h6{
    font-weight: 700;
}

.about-page h5 {
    color: #000;
    font-family: "Montserrat", sans-serif;
    margin-bottom: 2%;
}

.sect-about p {
    margin-bottom: 6%;
    line-height: 26px;
}

div#mainmenu66989896738b7f00133abebd {
    position: relative;
}

div#mainmenu66989896738b7f00133abebd .col-md-6.col-sm-6.col-xs-12:nth-child(2) {
    position: relative;
    margin-top: -177px;
    right: 0;
    padding-left: 3% !important;
}

.items-service img {
    width: 50% !important;
    margin-bottom: 6%;
}

.btn-more2 {
    width: fit-content;
    margin: auto;
    border: 1px solid #fa7b14;
    padding: 0.75rem 3rem;
    font-family: "Montserrat", sans-serif;
  color: #fff;
  display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.sect-service h2 {
    margin-bottom: 10%;
    margin-top: 7%;
}

.items-service {
    margin-bottom: 20%;
   color: #fff;
}

.items-service p , .detail-showroom p{
    line-height: 26px;
}

.btn-all .btn-more,
.more-service .btn-more{
    margin: auto;
}

.sect-left {
    padding-left: 13%;
    padding-top: 20%;
}

.sect-right {
    padding-right: 13%;
    padding-top: 20%;
}

.sect-showroom, .about-page, .head-about, .content-about,
.sect-work, .pre-refer, h3.managerHeader, .showroom-detail{
    font-family: "Montserrat", "Noto Sans Thai", sans-serif;
}

.name-showroom h3, .head-about h3 {
    margin: 2% 0;
    color: #000;
    font-weight: 700;
}

.name-showroom {
    margin-bottom: 5%;
}

.sect-gallery h3 {
    text-align: center;
    color: #fff;
    font-weight: 700;
    font-family: "Montserrat", sans-serif;
    margin-top: 15%;
    margin-bottom: 12%;
}

.space-gallery {
    padding: 12%;
}

.space-gallery2 {
    padding: 8%;
}

.head-banner h3 {
    font-weight: 700;
    color: #fff;
     font-family: "Montserrat", "Noto Sans Thai", sans-serif;
}

.head-banner h6 {
    margin: 0;
    color: #fa7b14;
}

.head-banner , .head-content{
    background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_20062023sghe/1423/0/banner02z-z1337515065753.webp);
    text-align: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 3% 0;
}

.about-page p, .about-page2 p, .content-about p {
    line-height: 28px;
    margin-bottom: 2rem;
}

.about-page p {
    margin-bottom: 3rem;
}

.about-page {
    padding-top: 10%;
}

.content-about {
    margin-bottom: 2%;
    margin-top: 1%;
}

.line-text::before {
    content: " ";
    width: 30px;
    height: 3px;
    background: #fa7b14;
    position: absolute;
    top: 12px;
    left: 17px;
}

.line-text {
    text-indent: 40px;
    position: relative;
}

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

.customer-sect {
    width: 50%;
    margin: 3% auto;
}

.customer-sect img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);
}

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

/*div#Component6698c7946a5fc40013c4629b .imgLightbox img {
    filter: grayscale(1);
}
*/
.sect-customer h6, .about-page2 h5,.pre-showroom p{
    margin-bottom: 2%;
}

div#Component6698c7946a5fc40013c4629b figure:hover img {
    filter: none !important;
}

div#Component6698c7cc7763600013fbcf67 {
    padding-right: 2%;
    padding-top: 2%;
}

div#Component6698cfe771950d0013d469a8 {
    padding-left: 2%;
    padding-top: 2%;
}

div#mainmenu6698d5c2fe15c500137bcdee .none-middle-mid .none-middle-mid {
    display: block;
}

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

div#mainmenu6698d5c2fe15c500137bcdee .col-md-3.col-sm-6.col-xs-12:nth-child(1) {
    display: none;
}

.blog-service {
    /*border: 1px solid #ddd;*/
    padding: 6%;
    height: 220px;
    margin-bottom: 5%;
  position: relative;
      color: #000;
      /*background: #ffffff9e;*/
}

.blog-service:hover .more-service {
    display: block;
}

.more-service {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
    background: #0000006e;
    padding-top: 35%;
}

.blog-service:hover {
    border-color: #fa7b14;
}

.blog-work {
    display: grid;
    grid-template-columns: 10% 14% auto ;
    gap: 10px;
    align-items: center;
    padding: 2%;
      margin-bottom: 3%;
}

.sect-work li:nth-child(even) .blog-work {
    grid-template-columns:  auto 14% 10%;
  text-align: right;
}

.sect-work ul {
    list-style: none;
     padding:0 3%;
}

.border-right {
    border-right: 2px solid #fa7b14;
}

.number-work h6 {
    font-weight: 700;
    color: #4d4d4d;
    font-size: 2em;
}

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

.pre-showroom {
    padding: 3% 0 5%;
    margin-bottom: 8%;
    text-align: left;
    color: #000;
      font-family: "Montserrat", "Noto Sans Thai", sans-serif;
}

.pre-showroom h6 {
    font-size: 24px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

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

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

.pre-showroom .btn-more {
    margin-top: 4%;
}

.pre-refer h6 {
    margin-bottom: 5%;
    color: #000;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

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

.img-refer img , .img-showroom img{
    padding: 10px;
    margin-bottom: 2%;
}

div#Contentmanager .col-md-12.text-justify {
    padding: 0;
}

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

.head-content {
    height: 175px;
}

h3.managerHeader {
    position: absolute;
    top: -120px;
    color: #fff;
    width: 100%;
    font-weight: 600;
  text-transform: uppercase;
}

.head-social img:hover {
    filter: brightness(0) saturate(100%) invert(78%) sepia(49%) saturate(7321%) hue-rotate(351deg) brightness(99%) contrast(98%);
}

.social-footer img , .items-service img, .img-work img,
div#Contentmanager .img, .img-showroom img,
.img-refer img{
    transition: transform 0.2s ease-out;
}

.social-footer img:hover, .items-service:hover img,
.blog-work:hover img, div#Contentmanager .col-md-4.col-sm-4.col-xs-12:hover .img{
  transform: scale(1.05);
}

.img-showroom img:hover, .img-refer img:hover{
  transform: scale(0.95);
}

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

.blog-work:hover img {
    filter: brightness(0) saturate(100%) invert(0%) sepia(0%) saturate(0%) hue-rotate(335deg) brightness(104%) contrast(107%);
}

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

.btn-more:hover::before, .btn-more2:hover::before,
div#Contentmanager .col-md-4.col-sm-4.col-xs-12:hover .btn-more::before{
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
}

.blog-work:hover {
    background: #fa7b14;
}

div#mainmenu669a1ff0871d1a0013c1e24c,
div#mainmenu669a2060871d1a0013c1e273{
    display: none;
}

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

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

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

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

.embed-responsive.embed-responsive-16by9 {
    padding-bottom: 95% !important;
}

.social-icon i, .social-icon img {
    padding-top: 3px !important;
}

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


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

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

h1 {
    font-size: 4.625em;
}

h2 {
    font-size: 4em;
}

h3 {
    font-size: 3.6em;
}

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

h5 {
    font-size: 2.8em;
}

h6 {
    font-size: 2em;
}

p, .pre-showroom p {
    font-size: 20px;
}

.btn-more, .btn-more2 {
    font-size: 18px;
}

.number-work h6 {
    font-size: 2.4em;
}

.pre-showroom h6 {
    font-size: 28px;
}
  
  .head-social {
    width: 60%;
    gap: 20px;
}
  
  div#mainmenu66989896738b7f00133abebd .col-md-6.col-sm-6.col-xs-12:nth-child(2) {
    margin-top: -240px;
}
  
  .sect-about p, .items-service p, .detail-showroom p {
    line-height: 32px;
}
  
  div#Component669898a5738b7f00133abef1 .thumbs,
  div#Component669898cc738b7f00133abf2e .thumbs{
    margin-bottom: 30px;
    padding: 0 10px !important;
}
  
  .sect-about {
    padding: 11% 11% 0;
}
  
  .sect-about.about-02 {
    padding: 6% 6% 0;
}
  
  .items-service img {
    width: 45% !important;
  }
  
  .social-footer {
    width: 85%;
    gap: 15px;
}
  
  .about-page p, .about-page2 p, .content-about p {
    line-height: 34px;
}
  
  
  .about-page p {
    margin-top: 3rem;
}
  
div#Component6698c7cc7763600013fbcf67 {
    padding-right: 4%;
  }
  
  .about-page.pt-3 {
    padding-top: 5%;
    padding-right: 7%;
    padding-left: 0;
}
  
  div#Component6698c7946a5fc40013c4629b .imgLightbox {
    width: 60%;
  }
  
  .blog-service {
    height: 290px;
}
  
  .more-service {
    padding-top: 35%;
}
  
  .ITP-pdpa-template-titleFont {
    font-size: 26px !important;
  }
  
  .ITP-pdpa-template-contentFont {
    line-height: 34px;
    font-size: 18px !important;
}
  
  .about-page {
    padding-left: 5%;
}
}

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

.head-social {
    width: 75%;
    gap: 20px;
}
  
  .items-service {
    margin-bottom: 12%;
  }
  
  .items-service img {
    width: 47% !important;
  }
  
  h2 {
    font-size: 3em;
}
  
  h3 {
    font-size: 2.6em;
}

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

h5 {
    font-size: 1.8em;
}

h6 {
    font-size: 1.4em;
}
}

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

  .navbar-default .navbar-nav>li>a {
    margin: 0 15px;
}
  
      h2 {
        font-size: 2.8em;
    }
  
      h3 {
        font-size: 2.4em;
    }
  
  .sect-about {
    padding: 4% 9% 0;
}
  
  .sect-about.about-02 p br, .items-service br,
  .blog-work br{
    display: none;
}
  
.sect-about.about-02 {
    padding: 0;
    padding-left: 3%;
}
  
  div#mainmenu66989896738b7f00133abebd .col-md-6.col-sm-6.col-xs-12:nth-child(2) {
    margin-top: -145px;
}
  
  .sect-left {
    padding-top: 16%;
    padding-left: 10%;
}
  
  .sect-right {
    padding-right: 5%;
}
  
  
  .social-footer {
    width: 100%;
}
  
  .about-page p, .about-page2 p, .content-about p {
    line-height: inherit;
  }
  
  div#Component6698c7946a5fc40013c4629b .imgLightbox {
    width: 70%;
  }
  
  .more-service {
    padding-top: 45%;
}
  
  .blog-work {
    margin-bottom: 5%;
}
  
  .img-refer img, .img-showroom img {
    padding: 5px;
    margin-bottom: 3%;
}
  
  .pre-refer h6 {
    margin-bottom: 7%;
  }
  
  .head-content {
    height: 145px;
}
  
  h3.managerHeader {
    top: -100px;
}
}

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

.head-social, br {
    display: none;
}
  
      h2 {
        font-size: 32px;
    }
  
      h3 {
        font-size: 28px;
    }
  
      h4, h3.managerHeader {
        font-size: 24px;
    }
  
         h5 {
        font-size: 22px;
    }
   
          h6 {
        font-size: 18px;
    }
  
  .sect-about {
        padding: 0 0 0 7%;
    }
  
  div#contentnewmode6698989f738b7f00133abee8 {
    padding: 0 !important;
}
  
      div#mainmenu66989896738b7f00133abebd .col-md-6.col-sm-6.col-xs-12:nth-child(2) {
        margin-top: -120px;
    }
  
  div#mainmenu66989d34738b7f00133ac126 .col-md-3.col-sm-6.col-xs-12,
  div#mainmenu66989d50738b7f00133ac1a4 .col-md-3.col-sm-6.col-xs-12,
  div#mainmenu6698d5ccfe15c500137bcdf7 .col-md-3.col-sm-6.col-xs-12,
  div#mainmenu6698d5c2fe15c500137bcdee .col-md-3.col-sm-6.col-xs-12{
    width: 25%;
}
  
  .itopplus-bg , .itopplus-bg5{
    background-size: cover;
}
  
   .about-page p, .about-page2 p, .content-about p,
.sect-about p, .items-service p, .detail-showroom p {
    line-height: inherit;
}
  
  .sect-left {
        padding-top: 7%;
  }
  
  .sect-right {
    padding-top: 10%;
}
  
  .blog-service {
    height: 190px;
}
  
  .pre-showroom h6 {
    font-size: 22px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
  
  .pre-showroom {
    margin-bottom: 10%;
}
  
      .head-content {
        height: 120px;
    }
  
      h3.managerHeader {
        top: -115px;
    }
  
  .pre-refer h6 {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
  
  div#Component6698c7946a5fc40013c4629b .col-md-4.col-sm-4.col-xs-6.col-sm-5fix {
    width: 20%;
}
}

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

div#imagesControl6698922d7b7c550013f79bdb,
  div#imagesControl66989866738b7f00133abe86,
  div#contentnewmode66989885ae7ba0001303c198,
  div#imagesControl669898a5738b7f00133abef1,
  div#Component669898a5738b7f00133abef1 .thumbs,
  div#Component669898cc738b7f00133abf2e .thumbs,
  div#imagesControl669898cc738b7f00133abf2e,
  .sect-about.about-02, .sect-about{
    padding: 0 !important;
}

  
    div#mainmenu66989896738b7f00133abebd .col-md-6.col-sm-6.col-xs-12:nth-child(2), div#mainmenu66989896738b7f00133abebd .col-md-6.col-sm-6.col-xs-12:nth-child(1) {
        margin-top: 0;
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
  
  div#Component669898a5738b7f00133abef1 .col-md-6.col-sm-6.col-xs-12,
  div#mainmenu66989d34738b7f00133ac126 .col-md-3.col-sm-6.col-xs-12, 
  div#mainmenu66989d50738b7f00133ac1a4 .col-md-3.col-sm-6.col-xs-12,
  div#Component6698c7cc7763600013fbcf67 .col-md-6.col-sm-6.col-xs-12,
  div#Component6698cfe771950d0013d469a8 .col-md-6.col-sm-6.col-xs-12{
    width: 50%;
}
  
  div#mainmenu66989896738b7f00133abebd .none-middle-mid,
  div#background6698b1f1fe15c500137bb525 .none-middle-mid,
  div#mainmenu6698cf84fe15c500137bc948 .none-middle-mid,
  div#mainmenu66a9fa4c2427b500144db8ab .none-middle-mid{
    display: flex;
    flex-wrap: wrap-reverse;
}
  
    div#mainmenu66989896738b7f00133abebd .none-middle-mid .none-middle-mid,
  div#background6698b1f1fe15c500137bb525 .none-middle-mid .none-middle-mid,
  div#mainmenu6698cf84fe15c500137bc948 .none-middle-mid .none-middle-mid,
  div#mainmenu66a9fa4c2427b500144db8ab .none-middle-mid .none-middle-mid{
    display: block;
}
  
  div#mainmenu66989896738b7f00133abebd .none-middle-mid>.col-md-6.col-sm-6.col-xs-12,
  div#imagesControl6698b2a09e015500139e5736,.sect-left, .sect-right,
  div#imagesControl6698b6c29e015500139e58ef,
  div#imagesControl6698b7009e015500139e591a,
  div#imagesControl6698b73671950d0013d45701,
  div#Component6698c7cc7763600013fbcf67,
  div#Component6698c7cc7763600013fbcf67 .col-md-6.col-sm-6.col-xs-12,
  div#imagesControl6698c7cc7763600013fbcf67,
  div#Component6698cfe771950d0013d469a8 .thumbs,
  div#Component6698cfe771950d0013d469a8,
  div#imagesControl6698cfe771950d0013d469a8,
  div#contentnewmode6698c7826a5fc40013c4628b,
  div#mainmenu6698d5ccfe15c500137bcdf7>div,
  div#mainmenu6698d5c2fe15c500137bcdee>div,
  div#contentnewmode6698d5e56a5fc40013c4677e,
div#contentnewmode6698d5e96a5fc40013c4678f,
div#contentnewmode6698d5ee6a5fc40013c46798,
div#contentnewmode6698d5f26a5fc40013c467a1,
div#contentnewmode6698d5f76a5fc40013c467ab,
div#contentnewmode6698d5fb6a5fc40013c467b4,
div#contentnewmode6698d6006a5fc40013c467bd,
    .sect-work ul, div#contentnewmode6699cec51d17c100136a646f,
  div#imagesControl6699e1e3871d1a0013c1d416,
div#imagesControl6699e5950b9c9800133a291f,
div#imagesControl6699e5b9ec7b8c001347432e,
  div#contentnewmode66a9fa712427b500144db950,
  div#imagesControl66a9fa552427b500144db8d8{
      padding: 0 !important;
  }
  
  div#mainmenu6698d5c2fe15c500137bcdee .none-middle-mid {
    flex-wrap: wrap;
}
  
  div#mainmenu6698d5ccfe15c500137bcdf7 .col-md-3.col-sm-6.col-xs-12, div#mainmenu6698d5c2fe15c500137bcdee .col-md-3.col-sm-6.col-xs-12 {
    width: 100%;
}
  
      h2 {
        font-size: 30px;
    }
  
      h3 {
        font-size: 26px;
    }
  
      h4 {
        font-size: 22px;
    }
  
  .sect-gallery h3 {
    margin-top: 2%;
    margin-bottom: 0;
}
  
  div#contentnewmode6698b73071950d0013d456f9,
  div#contentnewmode6698c6d86a5fc40013c461fb{
    display: none;
}
  
  .items-service img {
        width: 60% !important;
    }
  
  .footer {
    padding-left: 0;
    text-align: center;
}
  
  div#mainmenu669a1ff0871d1a0013c1e24c,
  div#mainmenu669a2060871d1a0013c1e273,
  .sect-customer h5 br,
  div#mainmenu6698d5c2fe15c500137bcdee .none-middle-mid{
    display: block;
}
  
  .content-about {
    grid-template-columns: repeat(1, 1fr);
    gap: 0;
}
  
  .head-banner h3 {
    margin-top: 2%;
    margin-bottom: 3%;
}

  .pe-3 {
    padding-left: 0;
}
  
  .line-text::before {
    left: 0;
}
  
  
  div#Component6698c7946a5fc40013c4629b .col-md-4.col-sm-4.col-xs-12 {
    width: 33.33%;
}
  
      div#Component6698c7946a5fc40013c4629b .imgLightbox {
        width: 100%;
    }
  
  .items-service img {
        width: 80% !important;
    }

      .blog-service {
        height: auto;
        display: grid;
        grid-template-columns: 30% auto;
        text-align: left;
        gap: 15px;
        align-items: center;
        margin-bottom: 0;
        padding: 3%;
        background: transparent;
    }
  
  .more-service {
        padding-top: 10%;
        text-align: center;
    }
  
  .border-right {
    border-right: none;
}
  
  .img-work {
    width: 90px;
    margin: auto;
}
  
  .blog-work {
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    margin-bottom: 7%;
}
  
  .sect-work li:nth-child(even) .blog-work {
    flex-wrap: wrap-reverse;
    text-align: center;
}
  
  .number-work, div#contentnewmode6699ceb2430c0d00131272ed ,
  .social-share, .space-gallery2, .space-gallery,
  div#contentnewmode6698b4019e015500139e582e,
  div#contentnewmode6698cabb6a5fc40013c463c6{
    display: none;
}
  
  .sect-work ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}
  
  .border-right {
        border-right: none;
        border-bottom: 2px solid #fa7b14;
        margin-bottom: 4%;
    }
  
      .head-content {
        height: 87px;
    }
  
  .pre-refer {
    margin-bottom: 8%;
}
  
  .sect-service h2 {
    margin-bottom: 14%;
    margin-top: 18%;
}
  
  .items-service.blog-service img {
    width: 100% !important;
}
  
  h3.managerHeader {
    font-size: 22px;
    top: -80px;
}
  
  .sect-showroom {
    margin-bottom: 8%;
}
  
  .itopplus-bg {
    background-position: center;
}
  
  .ITPcookiebar {
    padding: 3%;
    display: flex !important;
}
  
  .ITPcookieLeftText {
    /* color: white; */
    float: unset !important;
    padding-left: 0 !important;
    padding-top: 0 !important;
}
  
  .ITPcookieButton {
    float: unset !important;
    padding-right: 0 !important;
    padding-top: 0 !important;
}
  
   .ITPcookieLeftText span {
    font-size: 14px;
}
  
  div#mainmenu66a9d5ea2427b500144db05e>div {
    padding: 0 !important;
    margin-bottom: 5%;
}
  
  .about-page {
    padding-top: 0;
}

}