.itopplus-background {

}
body {
  overflow-x: hidden;
  color: #444;
  font-family: "LINE Seed Sans TH";
}

.itopplus-bg {
  background-image: url("https://itp1.itopfile.com/ImageServer/z_itp_27022024q0m0/0/0/1z-z118743240019.webp");
  background-position: bottom;
}

.itopplus-bg2 {
  background-image: url("https://itp1.itopfile.com/ImageServer/z_itp_27022024q0m0/0/0/2z-z1567649461252.webp");
}

.navbar-default .navbar-nav > li > a {
  color: #444;
  margin: 0 10px;
  padding: 8px 15px;
  border-radius: none;
  border-bottom: 3px solid transparent;
}

.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:active,
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .open > a:hover {
  color: #444 !important;
  box-shadow: none;
  border-color: transparent;
  background: transparent;
  background-color: transparent;
}

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

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

@media screen and (max-width: 992px) {
  #controlBanner img {
    position: fixed;
    top: 15px;
    left: 10px;
    width: 120px !important;
    z-index: 10000;
  }

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

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

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

@media screen and (min-width: 1024px) {
  .itopplus-banner > .container {
    
  }

  .itopplus-logo {
    display: grid;
    width: 25%;
    height: 100%;
    margin: auto;
    transition: 0.3s;
    z-index: 1;
  }

  #controlBanner {
    object-fit: contain;
    padding: 30px 0 20px;
    width: clamp(120px, 100%, 20vw);
    margin: 0 auto;
  }

  #itopplus-nav-bar {
    display: flex;
    width: 100%;
    justify-content: center;
  }
}

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

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

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

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

#itopplus-sticky-nav-bar {
  animation-duration: 0.8s !important;
}

.itopplus-sticky-nav-bar-inside {
  display: grid;
  grid-template-columns: 20% auto;
  width: 100% !important;
  align-items: center;
  padding: 0 5vw !important;
}

.itopplus-sticky-nav-bar-inside > div {
  width: 100%;
}

#itopplus-sticky-nav-bar #itopplus-nav-bar-sticky {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  width: 100%;
}
#itopplus-sticky-nav-bar > .navbar-default {
  background-color: transparent;
  padding: 0 !important;
}

.itopplus-menu-logo,
img.itopplus-img-logo {
  height: 100% !important;
  width: 100% !important;
  padding: 10px;
  margin: auto;
}

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

.navbar-default .navbar-nav>li>a,
.dropdown-menu>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.6em;
}

p {
    font-size: 16px;
}

.btn-more, div#formdisplay67d91e23c000350013b0e307 button,
div#Component67d954530645020013547b43 button, .copy-right p{
    font-size: 14px;
}

.blog-create h6 {
    font-size: 18px;
}

.text-service h6 {
    font-size: 24px;
}

.text-service h5 {
    font-size: 30px;
}

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

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

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

.pt-20 {
	padding-top:15%;
}

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

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6, p {
    line-height: inherit;
    margin: 0;
}

.head-name, .sect-about h2  {
    font-family: "Karla", sans-serif;
}

.tell-head {
    display: grid;
    grid-template-columns: 20px auto;
    align-items: center;
    gap: 8px;
}

.head-name {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.social-footer img {
    width: 40px !important;
}

.social-footer {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 3%;
}

.footer h6, .sect-about h2, .sect-how h2, .sect-service h3,
.text-service h5, .text-service h6, .sect-order h3,
.form-more h4, .head-page h3, .head-page h4, .sect-about h6,
.head-production h6, .contact-us h4, .form-contact h5{
    font-weight: 600;
}

.sect-about h2,.sect-how h2, .sect-service h3, .sect-order h3,
.form-more h4, .head-page h3, .head-page h4, .sect-about h6,
.head-production h6, .contact-us h4, .head-name a{
    color: #000;
}

.footer h6 {
    min-height: 25px;
      margin-bottom: 1rem;
}

.footer.foot-email {
    margin-top: 80px;
}

figure.effect-apollo img {
    opacity: 1;
    -webkit-transform: inherit;
    transform: inherit;
}

figure.effect-apollo:hover img {
    -webkit-transform: scale3d(0.95, 0.95, 0.95);
    transform: scale3d(0.95, 0.95, 0.95);
}

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

div#background67d8009af7a3fd001355b35e .imgLightbox img,
div#background67d924d5139d030013ea4e93 .imgLightbox img{
    border-radius: 0 160px 0 0;
}

div#background67d8009af7a3fd001355b35e,
div#background67d924d5139d030013ea4e93{
    padding-right: 10%;
}

.sect-about p {
    text-align: justify;
}

.sect-about {
    padding-left: 10%;
    padding-top: 12%;
    padding-right: 11%;
}

.sect-about h5 {
    font-weight: 400;
}

.sect-about h2, .sect-how {
    margin-bottom: 3%;
}

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

.sect-about p,.product-detail p {
    line-height: 26px;
}

.btn-more {
    width: fit-content;
    padding: 1rem 2rem;
    background: linear-gradient(to right, rgba(179, 137, 79, 1) 0%, rgba(247, 226, 158, 1) 30%, rgba(247, 226, 158, 1) 70%, rgba(247, 226, 158, 1) 71%, rgba(179, 137, 79, 1) 100%);
    color: #000;
    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;
    overflow: hidden;
}

.sect-how, .blog-create li, .sect-service, .sect-order,
.form-more h4, .contact-us{
    text-align: center;
}

.blog-create li img {
    width: 50% !important;
    margin-bottom: 5%;
    transition: transform 0.2s ease-out;
}

.blog-create ul {
    list-style: none;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 30px;
}

.blog-create {
    padding-top: 20%;
}

.sect-service, .sect-order {
    margin-bottom: 2rem;
}

.CASS-A-middle-mid, .CASS-B-middle-mid {
    padding: 0;
}

.CASS-A-middle-right, .CASS-A-middle-left,
.CASS-A-bottom, .CASS-A-top, .boderedlayoutClient,
figure.effect-oscar figcaption::before, .CASS-B-border,
figure.effect-jazz figcaption::after, .dropdown-menu{
    border: none;
}

.CASS-A-main {
    box-shadow: none;
}

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

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

.CASS-A-main figcaption {
    background: transparent !important;
    padding: 0 !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    height: 100% !important;
    text-transform: none !important;
}

figure.effect-oscar:hover h2 {
    -webkit-transform: inherit;
    transform: inherit;
}

.text-service {
    text-align: left;
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 10px 20px;
    background: linear-gradient(0deg, #00000073, #00000024, #00000000);
    padding-top: 17%;
    border: 10px solid;
    border-image-slice: 1;
    border-width: 7px;
    border-top: none;
    border-right: none;
    border-left: none;
    border-image-source: linear-gradient(to left, #b3894f, #f7e29e, #b3894f);
    color: #fff;
}

.CASS-A-main figure {
    overflow: hidden;
}

.btn-all .btn-more {
    margin: auto;
    margin-top: 1%;
}

.jssorb03 {
    width: 100% !important;
    left: 0 !important;
    margin-left: 220%;
    text-align: center !important;
    transform: scale(1.4) !important;
}

.slidermaster img {
    width: 100% !important;
    margin: auto;
    height: auto !important;
    padding: 0 15% !important;
}

.jssorb03 div {
    background: transparent !important;
    background-position: -5px -4px;
    background-color: #D9D9D9 !important;
    color: #D9D9D9 !important;
    border: none !important;
    border-radius: 50%;
    width: 10px !important;
    overflow: hidden;
    height: 10px !important;
}

.jssorb03 .av,  .jssorb03 div:hover {
    cursor: pointer;
    background-color: #e5ca89 !important;
    color: #e5ca89 !important;
}

.jssorb03 div span , .jssora03r,.jssora03l{
    display: none !important;
}

.sect-order p, .head-page p {
    text-transform: uppercase;
}

div#background67d8fe4305306f001aa08adb {
    padding-bottom: 17%;
}

.sect-order {
    padding-top: 17%;
}

.sect-service h3, .sect-order h3, .head-page h3,
.sect-about h6, .head-production h6, .contact-us h4 {
    margin-bottom: 0.5rem;
}

#slidermaster67d8fe4305306f001aa08adb > div:nth-child(2) > div > div:nth-child(2) > div::after {
    content: " " !important;
    width: 40px !important;
    height: 17px !important;
    background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_27022024q0m0/296/0/right-arrowz-z1057530487078.webp) !important;
    position: absolute !important;
    right: -14px !important;
    top: 58px;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

/*
#slidermaster67d8fe4305306f001aa08adb > div:nth-child(2) > div > div:nth-child(2) > div:nth-child(2)::before {
    content: "เลือกสินค้า";
    position: absolute;
    text-align: center;
    width: 100%;
    bottom: 40px;
}*/

marquee img {
    width: 120px;
    margin-right: 30px;
    border: 1px solid #ddd;
    border-radius: 3px;
}

div#background67d91d57c000350013b0e2e8 .thumbs,
div#background67d954358a2ad70013fc729b .thumbs{
    margin: 0;
}

div#background67d91d57c000350013b0e2e8,
div#background67d954358a2ad70013fc729b{
    margin-top: -168px;
}

div#formdisplay67d91e23c000350013b0e307 {
    background: transparent !important;
    padding: 8% 8% 0;
}

.form-more span, div#formdisplay67d91e23c000350013b0e307 .glyphicon {
    display: none;
}

div#formdisplay67d91e23c000350013b0e307 input::placeholder {
    color: #5b5b5b;
}

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

div#formdisplay67d91e23c000350013b0e307 button,
div#Component67d954530645020013547b43 button{
    width: fit-content;
    padding: 1rem 2rem;
    background: linear-gradient(to right, rgba(179, 137, 79, 1) 0%, rgba(247, 226, 158, 1) 30%, rgba(247, 226, 158, 1) 70%, rgba(247, 226, 158, 1) 71%, rgba(179, 137, 79, 1) 100%);
    color: #000;
    text-shadow: none;
    border: none;
    border-radius: 0;
    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;
    overflow: hidden;
}

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

.head-page {
    text-align: center;
    padding: 2%;
    background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_27022024q0m0/1425/0/banner-pagez-z1431242376946.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.sect-about li {
    display: grid;
    grid-template-columns: 20% auto;
    gap: 20px;
}

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

.footer p {
    margin-bottom: 2%;
}

.product-detail {
    padding-top: 5%;
     margin-bottom: 3%;
    text-align: center;
}

.CASS-B-main figure {
    background-color: #f5f5f7;
    border-radius: 20px;
}

#itopplus-nav-bar-sticky .itopplus-sidebar-menu-parent {
    border: none !important;
}

.head-production {
    display: grid;
    grid-template-columns: 16% auto;
    align-items: center;
    gap: 15px;
    background: #f7edd6;
    border-radius: 15px;
    position: relative;
    z-index: 2;
}

.detail-production {
    padding: 5% 3% 3%;
    background: #f7f6f5;
    border-radius: 0 0 10px 10px;
    min-height: 165px;
    margin-top: -10px;
    position: relative;
    z-index: 1;
}

.btn-contact {
    display: grid;
    grid-template-columns: 35px auto;
    align-items: center;
    gap: 10px;
    width: fit-content;
    border-radius: 10px;
    padding: 0.75rem 1rem;
    background: #fff;
    color: #444;
}

.merg-contact {
    list-style: none;
    padding: 0;
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.detail-production p {
    margin-bottom: 1rem;
}

.detail-production li p {
    margin-left: 7px;
      margin-bottom: 0.25rem;
}

.detail-production li::marker {
    content: "➣";
    font-size: 18px;
}

.contact-us li {
    display: grid;
    grid-template-columns: 38px auto;
    align-items: center;
    gap: 10px;
    margin-bottom: 1%;
    background: #f5f5f7;
    padding: 0.75rem 2rem;
    border-radius: 10px;
    box-shadow: 0 2px 4px rgb(0, 0, 0, 0.1);
}

.contact-us ul {
    list-style: none;
    padding: 0;
    margin-top: 2%;
    display: flex;
    gap: 20px;
    justify-content: center;
    flex-wrap: wrap;
    justify-content: center;
}

.form-contact {
    text-align: center;
    padding: 7% 2% 2%;
    color: #000;
}

div#Component67d954530645020013547b43 {
    padding: 1% 6% 3%;
}

div#Component67d954530645020013547b43 .form-control {
    box-shadow: none;
    border-radius: 0;
    border: none;
    border-bottom: 1px solid #7e7e7e;
    height: 45px;
}

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

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

.contact-us a {
    color: #444;
}

.btn-contact p {
    margin: 0;
}

.footer a, .head-name a:hover {
    color: #fff;
}

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

.btn-more:hover::before, div#formdisplay67d91e23c000350013b0e307 button:hover::before,
div#Component67d954530645020013547b43 button:hover::before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

.btn-more::before, div#formdisplay67d91e23c000350013b0e307 button::before,
div#Component67d954530645020013547b43 button::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #ccaa6c;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -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;
}

.CASS-A-main .imgLightbox img, .social-footer img,
.sect-about li img, .icon-production img, .contact-us li img,
.contact-us li{
   transition: transform 0.2s ease-out;
}

.blog-create li:hover img, .CASS-A-main figure:hover img, 
.social-footer img:hover, .sect-about li:hover img,.contact-us li:hover,
.blog-production:hover .icon-production img, .contact-us li:hover img{
   transform: scale(1.05);
}

.btn-contact:hover, .contact-us li:hover {
    background: #e5ca89;
}

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

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

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

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

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

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

div#cookie67d91e23c000350013b0e307,
div#cookie67d954530645020013547b43{
    font-size: 16px;
    text-align: left !important;
    padding-left: 3%;
}

div#cookie67d954530645020013547b43 {
    padding-left: 0;
    padding-top: 2%;
    padding-bottom: 4%;
}
/**************responsive*************/


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

h1 {
    font-size: 4.6em;
}

h2 {
    font-size: 3.6em;
}

h3 {
    font-size: 3.2em;
}

h4 {
    font-size: 2.8em;
}

h5 {
    font-size: 2.4em;
}

h6 {
    font-size: 2em;
}

p {
    font-size: 20px;
}

.btn-more, div#formdisplay67d91e23c000350013b0e307 button,
div#Component67d954530645020013547b43 button, .copy-right p{
    font-size: 18px;
}

.blog-create h6, .detail-production li::marker {
    font-size: 22px;
}

.text-service h6 {
    font-size: 30px;
}

.text-service h5 {
    font-size: 38px;
}
  
  .sect-about {
    padding-top: 18%;
    padding-right: 17%;
}
  
  .sect-about p, .product-detail p, .detail-production p {
    line-height: 30px;
}
  
  .blog-create {
    padding-top: 30%;
}
  
  .blog-create ul {
    gap: 60px 40px;
}
  
  .slidermaster img {
    padding: 0 20% !important;
}
  
  #slidermaster67d8fe4305306f001aa08adb > div:nth-child(2) > div > div:nth-child(2) > div::after {
    height: 13px !important;
    top: 45px;
}
  
  div#slidermaster67d8fe4305306f001aa08adb {
    height: 350px !important;
}
  
  .sect-order {
    padding-top: 20%;
}
  
  div#background67d8fe4305306f001aa08adb {
    padding-bottom: 20%;
}
  
  .sect-order {
    margin-bottom: 2%;
}
  
  div#formdisplay67d91e23c000350013b0e307 .form-control,
  div#Component67d954530645020013547b43 .form-control{
    height: 50px;
    font-size: 18px !important;
}
  
  div#background67d91d57c000350013b0e2e8, div#background67d954358a2ad70013fc729b {
    margin-top: -224px;
}
  
  div#formdisplay67d91e23c000350013b0e307 {
    padding: 10% 8% 0;
}
  
  .footer h6 {
    min-height: 40px;
  }
  
  .footer.foot-email {
    margin-top: 110px;
}
  
  .social-footer {
    margin-top: 6%;
}
  
  .social-footer img {
    width: 45px !important;
}
  
  .sect-about.about-page {
    padding-right: 18%;
    padding-left: 8%;
    padding-top: 14%;
}
  
  .detail-production {
    min-height: 210px;
}
  
  .ITP-pdpa-template-titleFont {
    font-size: 24px !important;
  }
  
  .ITP-pdpa-template-contentFont {
    line-height: 32px;
    font-size: 18px !important;
}
  
  div#cookie67d91e23c000350013b0e307 {
    padding-bottom: 2% !important;
}
  
  div#cookie67d954530645020013547b43 {
    padding-bottom: 4% !important;
}
}

@media screen and (max-width: 1366px) {
  
  .sect-about {
    padding-left: 7%;
    padding-top: 13%;
    padding-right: 5%;
}
  
  div#background67d91d57c000350013b0e2e8, div#background67d954358a2ad70013fc729b {
    margin-top: -149px;
}
  
  .sect-about.about-page {
    padding-top: 6%;
    padding-left: 5%;
}
}

@media screen and (max-width: 1200px) {
  
  
h1 {
    font-size: 3.8em;
}

h2 {
    font-size: 2.8em;
}

h3 {
    font-size: 2.6em;
}

h4 {
    font-size: 2.2em;
}

h5 {
    font-size: 1.8em;
}

h6 {
    font-size: 1.4em;
}
  
  .navbar-default .navbar-nav > li > a {
    padding: 8px 10px;
    margin: 0 8px;
}

      .sect-about {
        padding-left: 0;
        padding-top: 6%;
        padding-right: 0;
    }
  
  div#background67d8fe4305306f001aa08adb {
    padding-bottom: 15%;
}
  
  .sect-order {
    padding-top: 15%;
}
  
      div#background67d91d57c000350013b0e2e8 {
        margin-top: -130px;
    }
  
  div#formdisplay67d91e23c000350013b0e307 {
    padding: 2% 8% 0;
}
  
  div#formdisplay67d91e23c000350013b0e307 .form-control {
    margin-bottom: 0;
}
  
      .sect-about.about-page {
        padding-top: 3%;
        padding-left: 0;
        padding-right: 5%;
    }
  
  div#background67d91d57c000350013b0e2e8 .imgLightbox img {
    height: 585px;
    object-fit: cover;
}
  
  .product-detail br {
    display: none;
}
  
  .form-contact {
    padding: 3% 2% 1%;
}
  
 div#background67d954530645020013547b43 .form-horizontal .form-group {
    margin-bottom: 10px;
}
  
  div#Component67d954530645020013547b43 .form-control {
    height: 40px;
}
  
  .footer.foot-email {
    margin-top: 77px;
}
  
  div#cookie67d954530645020013547b43 {
    padding-bottom: 2%;
}
  
  div#background67d954358a2ad70013fc729b .imgLightbox img {
    height: 610px;
    object-fit: cover;
}
  
  div#background67d954358a2ad70013fc729b {
        margin-top: -137px;
    }
  
  div#cookie67d91e23c000350013b0e307 {
    padding-right: 3%;
}

}

@media screen and (max-width: 900px) {
  
  div#contentnewmode67d7f4108fe6400013f81559, br {
    display: none;
}
  
  h1 {
    font-size: 38px;
}

h2 {
    font-size: 30px;
}

h3 {
    font-size: 28px;
}

h4 {
    font-size: 26px;
}

h5 {
    font-size: 20px;
}

h6 {
    font-size: 18px;
}
  
  .sect-about p {
    text-align: left;
}
  
  .sect-about p, .product-detail p {
    line-height: inherit;
}
  
    .sect-about {
         padding-top: 0;
        padding-right: 2%;
        padding-left: 7%;
    }
  
  div#background67d8009af7a3fd001355b35e, div#background67d924d5139d030013ea4e93 {
    padding-right: 0;
}
  
  .blog-create li img {
    width: 65% !important;
    margin-bottom: 10%;
  }
  
  .blog-create ul {
    gap: 40px 20px;
}
  
      .sect-order {
        padding-top: 10%;
    }
  
  .jssorb03 {
    margin-left: 185%;
    transform: scale(1.2) !important;
}
  
      div#background67d8fe4305306f001aa08adb {
        padding-bottom: 10%;
    }
  
      div#background67d91d57c000350013b0e2e8 {
        margin-top: -111px;
    }
  
  div#background67d954358a2ad70013fc729b {
    margin-top: -128px;
}
  
  div#formdisplay67d91e23c000350013b0e307 .col-md-6.col-sm-12 {
    width: 50%;
}
  
      div#formdisplay67d91e23c000350013b0e307 {
        padding: 2% 4% 0;
    }
  
  div#background67d91d57c000350013b0e2e8 .imgLightbox img {
    height: 500px;
    object-fit: cover;
}
  
  div#background67d954358a2ad70013fc729b .imgLightbox img {
    height: 565px;
    object-fit: cover;
}
  
  #formdisplay67d91e23c000350013b0e307 > div:nth-child(4) {
    padding-top: 0 !important;
}
  
  div#background67d7f554e8f9ab0013313a21 .col-md-3.col-sm-6.col-xs-12 {
    width: 100%;
}
  
  .copy-right {
    text-align: center;
}

  .sect-about.about-page {
        padding-top: 0;
        padding-left: 7%;
        padding-right: 0;
    }
  
  .text-service h5 {
    font-size: 26px;
}
  
  .merg-contact {
    gap: 10px;
}
  
  .head-production {
    grid-template-columns: 20% auto;
    padding: 2%;
    min-height: 90px;
}
  
  .detail-production {
    padding-top: 8%;
}
  
  .contact-us ul {
    gap: 15px 20px;
    margin-top: 4%;
}
  
  div#cookie67d91e23c000350013b0e307, div#cookie67d954530645020013547b43 {
    font-size: 14px;

}
  
  div#cookie67d91e23c000350013b0e307 {
     padding-left: 6%; 
  }
}

@media screen and (max-width: 480px) {
  
  div#imagesControl67d8009af7a3fd001355b35e,
  div#imagesControl67d7fc64f7a3fd001355b21b,
  div#imagesControl67d8eefae8f9ab0013314706,
div#imagesControl67d8ef24e8f9ab001331473a,
div#imagesControl67d8ef4031ebfc00132537fe,
div#imagesControl67d8ef62f7a3fd001355baa6,
div#imagesControl67d8ef76fe31040013604e9c,
div#imagesControl67d8ef88fe31040013604eb5,
  .CASS-A-main .thumbs , .CASS-A-main .col-md-12.col-sm-12.col-xs-12,
  .CASS-A-main .col-md-6.col-sm-6.col-xs-12,
  div#imagesControl67d8fe4305306f001aa08adb,
  div#imagesControl67d91d57c000350013b0e2e8,
  div#form67d91e23c000350013b0e307,
  div#mainmenu67d91d48c000350013b0e2d0>div,
  div#imagesControl67d924d5139d030013ea4e93,
  .CASS-A-main .col-md-3.col-sm-4.col-xs-12,
  div#imagesControl67d92d22c000350013b0e924,
div#imagesControl67d92ec3567cdf00131d0a68,
div#imagesControl67d93440567cdf00131d0c06,
div#imagesControl67d93415139d030013ea553b,
div#imagesControl67d933c520a8b5001336106a,
  div#imagesControl67d935620645020013547531,
div#imagesControl67d93fb7567cdf00131d0daf,
div#imagesControl67d940c58a2ad70013fc6f74,
div#imagesControl67d9419c06450200135476e9,
div#imagesControl67d941f0139d030013ea57c5,
  div#mainmenu67d944c4c000350013b0ed33>div,
div#mainmenu67d944ecc000350013b0ed70>div,
div#mainmenu67d94516c000350013b0edc9>div,
div#mainmenu67d9455320a8b500133612fe,
  div#imagesControl67d954358a2ad70013fc729b,
  div#mainmenu67d953e7c000350013b0f13e>div{
    padding: 0 !important;
}
  
  .sect-about, .sect-about.about-page {
    padding: 0;
}
  
  .blog-create {
    padding-top: 0;
    padding-bottom: 8%;
}
  
  .CASS-A-main .thumbs {
    margin: 0;
}
  
  .CASS-A-main .col-md-12.col-sm-12.col-xs-12,
  .CASS-A-main .col-md-6.col-sm-6.col-xs-12,
  .CASS-A-main .col-md-3.col-sm-4.col-xs-12{
      margin-bottom: 2rem;
  }
  
  #background67d8ef4031ebfc00132537fe > div > div.CASS-A-middle > div.CASS-A-middle-mid > div > div.bootstrap-collum > div > div.CustomImageGalleryType_2,
  #background67d8ef62f7a3fd001355baa6 > div > div.CASS-A-middle > div.CASS-A-middle-mid > div > div.bootstrap-collum > div > div.CustomImageGalleryType_2{
    gap: 15px;
    display: grid !important;
    grid-template-columns: repeat(2, 1fr);
}
  
  .CASS-A-main .clearfix, div#contentnewmode67d94bdc06450200135479d3 .pt-20 {
    display: none;
}
  
  div#mainmenu67d8eef1e8f9ab00133146f6>div {
    padding-bottom: 0 !important;
}
  
  div#mainmenu67d8ef56f7a3fd001355baa1>div {
    padding-top: 0 !important;
}
  
  .text-service h6 {
    font-size: 20px;
}
  
  .text-service {
    padding: 10px;
    padding-top: 17%;
}
  
      .jssorb03 {
        margin-left: 113%;
  }
  
  div#slidermaster67d8fe4305306f001aa08adb {
    height: 115px !important;
}
  
  .slidermaster img {
    padding: 0 5% !important;
}
  
  #slidermaster67d8fe4305306f001aa08adb > div:nth-child(2) > div > div:nth-child(2) > div::after {
    top: 73px;
    right: -15px !important;
}
  
  .itopplus-bg2 {
    background-size: cover;
}
  
  div#background67d8fe4305306f001aa08adb {
        padding-bottom: 18%;
    }
  
      .sect-order {
        padding-top: 15%;
    }
  
      div#background67d91d57c000350013b0e2e8 .imgLightbox img {
        height: auto;
  }
  
      div#formdisplay67d91e23c000350013b0e307 .col-md-6.col-sm-12 {
        width: 100%;
        padding: 0 !important;
    }
  
  div#formdisplay67d91e23c000350013b0e307 {
        padding: 6% 0 0;
    }
  
      div#background67d91d57c000350013b0e2e8 {
        margin-top: -92px;
    }
  
  .pt-20 {
    padding-top: 26%;
}
  
  marquee img {
    width: 100px;
    margin-right: 20px;
  }
  
  .head-page {
    padding: 4% 2%;
}
  
  .CASS-B-main .imgLightbox img {
    border-radius: 20px;
}
  
  .detail-production {
    min-height: unset;
    padding: 8% 5% 5%;
}
  
  .head-production {
    grid-template-columns: 25% auto;
}
  
  .contact-us li {
    margin-bottom: 1.5rem;
    text-align: left;
}
  
.contact-us ul {
    display: block;
}
  
  .form-contact {
        padding: 7% 2% 1%;
    }
  
  div#Component67d954530645020013547b43 button {
    margin-top: 5%;
}
  
    .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#background67d954358a2ad70013fc729b {
        margin-top: 0;
    }
}