.itopplus-background {

}
body {
    overflow-x: hidden;
  background: black;

}

.itopplus-bg {
    background-image: url('');
}

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

.itopplus-pos2 {
    background-color: #101010;
    color: #fff;
}

.navbar-default .navbar-nav>li>a {
    color: #fff;
    margin: 0 15px;
    padding: 10px 3px;
}

.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 1px 0px 0px #d90d18;
    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 (min-width: 1024px) {
    #controlBanner img {
        object-fit: contain;
        padding: 15px;
        width: 100% !important;
        margin: 0 auto;
    }

    #nav-menu {
        margin-top: 1vw;
        text-align: right;
        background-color: transparent;
    }

    .itopplus-search {
        margin-top: 25px;
        text-align: right;
      	color: #fff;
    }

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

    .itopplus-banner {
        background: #000;
    }
}



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

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

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

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

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

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

h1 {
    font-size: 4.125em;
}

h2 {
    font-size: 3.2em;
}

h3 {
    font-size: 2.8em;
}

h4 {
    font-size: 2.2em;
}

h5 {
    font-size: 1.8em;
}

h6 {
    font-size: 1.4em;
}

.table-product>thead>tr>th, .search_titleText b {
   font-size: 18px;
}

p, .text-items-cont h6, .btn-more,  .table-product>tbody>tr>td {
    font-size: 16px;
}

.copy-right p, .text-items-cont p , .pre-service p,
div#Component665eb8a0e092ac0013e62143 button,
div#Component665ee0eca267a70013b8674e button{
    font-size: 14px;
}

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

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

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

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


.footer h6 {
    color: #fff;
    font-weight: 600;
}

.footer li {
    display: grid;
    grid-template-columns: 35px auto;
    gap: 10px;
    align-items: center;
    margin: 3% 0;
}

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

div#HtmlTool665e9bd988c41e0013753a26 iframe,
div#HtmlTool665e9ef220090100133b04e8 iframe{
    border-radius: 30px;
}

.cont-head {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    text-align: left;
    width: 90%;
    margin: auto;
    margin-right: 0;
}

.items-cont {
    display: grid;
    grid-template-columns: 45px auto;
    align-items: center;
    gap: 10px;
}

.text-items-cont h6, .fw-semi, .sect-about h3,
.sect-product h3, .pre-service h6, .form-first h4,
.sect-partner h3, .about-page h4, .contact-page h4,
.form-contact h4, .contact-page h5, .service-detail h5,
.product-detail h6, .landingpagemanager h4, .search_titleText b{
    font-weight: 600;
}

.footer a, .pre-service p {
    color: #a1a1a1;
}

.footer a:hover , .cont-head a, .pre-service h6,
.contact-page a, .search_titleText, .search_text{
    color: #fff;
}

.cont-head a:hover, .contact-page a:hover, .product-detail a:hover {
    color: #d90d18;
}

.items-cont h6, .items-cont p {
    margin: 2% 0;
    font-size: 13px;
}

div#Component665e99a1095eb00013a9e1b4 .thumbs {
    margin: 0;
}

.sect-about, .sect-product, .form-first h4, .sect-partner h3,
.about-page, .contact-page h4, .form-contact h4,
.landingpagemanager h4{
    text-align: center;
}

.sect-about p, .about-page p {
    margin-top: 3%;
    line-height: 26px;
    color: #a2a2a2;
    margin-bottom: 2%;
}

.text-red , .contact-page h5, .table-product>thead>tr>th,
.ITP-pdpa-template-titleFont{
    color: #d90d18;
}

.product-detail hr, .service-detail hr {
    width: 80px;
    margin-left: 0;
    border-color: #d90d18;
    border-width: 2px;
    margin-bottom: 3rem;
}

.style-italy {
    font-style: italic;
}

.btn-more {
    width: fit-content;
    margin: auto;
    padding: 10px;
    border-bottom: 1px solid #d90d18;
    color: #fff;
    position: relative;
    height: 45px;
}

.why-us {
    display: grid;
    grid-template-columns: 20% auto;
    align-items: center;
    gap: 15px;
}

figure.effect-selena {
    background: transparent;
}

div#Component665eb2aaa267a70013b85eee figcaption,
div#Component665eb2cb095eb00013a9e5d5 figcaption,
div#Component665eb304a267a70013b85efd figcaption,
div#Component665eb35788c41e0013753c91 figcaption,
div#Component66754d8ff956df001318f463 figcaption,
div#Component66754e24eb77b40013783ee3 figcaption,
div#Component66754e85a8d1e00013723938 figcaption,
div#Component66754ed7094fe70013e59230 figcaption{
    padding: 0;
    position: static;
    text-transform: none;
}

div#Component665eb2aaa267a70013b85eee figure,
div#Component665eb2cb095eb00013a9e5d5 figure,
div#Component665eb304a267a70013b85efd figure,
div#Component665eb35788c41e0013753c91 figure,
div#Component66754d8ff956df001318f463 figure,
div#Component66754e24eb77b40013783ee3 figure,
div#Component66754e85a8d1e00013723938 figure,
div#Component66754ed7094fe70013e59230 figure{
    border: 1px solid #fff;
}

figure.effect-selena h2 {
    -webkit-transition: none;
    transition: none;
    -webkit-transform: inherit;
    transform: inherit;
}

.text-product h6 {
    font-size: 18px;
    position: absolute;
    bottom: 10px;
    width: 100%;
}

.Text_seller2 , .form-first span, div#Component665eb8a0e092ac0013e62143 .glyphicon,
.post-time, .social-share , .fbcomments,  h3.managerHeader, .landingpagemanager strong{
    display: none;
}

.pre-service .btn-more, .pre-product .btn-more,
.product-detail .btn-more{
    margin-left: 0;
    color: #fff;
}
.product-detail .btn-more, .product-detail a {
    color: #fff;
}

.pre-service {
    text-align: left;
    padding: 4% 0;
}

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

div#Component665eb6df20090100133b067f .col-md-4.col-sm-4.col-xs-12,
div#Component665ebf82590a6a0013cee891 .col-md-4.col-sm-4.col-xs-12{
    padding: 0 1% !important;
    transition: transform 0.2s ease-out;
      margin-bottom: 3%;
}

div#Component665eb6df20090100133b067f .img,
div#Component665ebf82590a6a0013cee891 .img,
div#Component665eb0a8095eb00013a9e570 .img-responsive{
    border-radius: 20px;
}

div#mainmenu665eb7d288c41e0013753d5a,
div#mainmenu665ee0e3a267a70013b86745{
    background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_13082022rqc0/1140/0/Rectangle15z-z148709703420.webp);
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 30px;
}

div#formdisplay665eb8a0e092ac0013e62143 {
    background: transparent !important;
    margin: 6% 2%;
}

div#Component665eb8a0e092ac0013e62143 input::placeholder,
div#Component665ee0eca267a70013b8674e input::placeholder,
div#Component665ee0eca267a70013b8674e textarea::placeholder{
    color: #fff;
}

div#Component665eb8a0e092ac0013e62143 .form-control,
div#Component665ee0eca267a70013b8674e .form-control {
    border-radius: 0;
    background: transparent;
    border: none;
    border-bottom: 1px solid #b3b3b3;
    height: 40px;
    margin-bottom: 2rem;
    color: #fff !important;
}

div#Component665eb8a0e092ac0013e62143 .col-md-offset-5 {
    margin-left: 2%;
    width: 100%;
}

div#Component665eb8a0e092ac0013e62143 button,
div#Component665ee0eca267a70013b8674e button{
    margin: auto;
    padding: 10px;
    border: none;
    border-bottom: 1px solid #d90d18;
    background-image: none;
    text-shadow: none;
    background: transparent;
    color: #fff;
    border-radius: 0;
    box-shadow: none;
      position: relative;
}

.sect-partner h3 ,  .sect-product h3, .sect-product h3, .sect-about h3{
    border-bottom: 2px solid #d90d18;
    width: fit-content;
    margin: auto;
    padding-bottom: 20px;
    margin-bottom: 4rem;
}

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

div#Contentmanager .col-md-4.col-sm-4.col-xs-12{
    margin: 2% 1%;
    width: 31.33%;
    transition: transform 0.2s ease-out;

}

div#Contentmanager .img-container .img{
    background-size: contain !important;
    background-repeat: no-repeat;
}

.pre-product {
    color: #fff;
    padding: 3%;
    text-align: left;
}

.pre-product h6 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  line-height: 28px;
      height: 55px;
    margin-bottom: 0;
}

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

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

.contact-page h4 {
    margin-bottom: 2%;
}

.form-contact, .product-detail h6 {
    margin-top: 5%;
}

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

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

div#Component665ee0eca267a70013b8674e {
    padding: 1% 3%;
}

div#Component665ee0eca267a70013b8674e .col-md-offset-3 {
    margin-left: 0;
    width: 100%;
}

.contact-page li:hover img {
    filter: brightness(0) saturate(100%) invert(11%) sepia(98%) saturate(6548%) hue-rotate(354deg) brightness(87%) contrast(95%);
}

/*.w-50 {
    width: 50%;
    float: right;
    margin-top: 3%;
}*/

.Textmanager {
    display: flow-root;
}

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

.product-detail ul {
    list-style: none;
    margin-bottom: 2rem;
}

div#Component665eb0a8095eb00013a9e570 .img-thumbnail,
div#Component665eb0a8095eb00013a9e570 .thumbnail {
    background: transparent;
    border-radius: 0;
    border: none;
}

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

.Textmanager, .search_titleText, .search_text {
    text-align: left;
}

.marquee {
    overflow: hidden;
}

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

.marquee-item {
  flex: 0 0 16vw;
  margin: 0 0;
/*   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%;
}

.btn-more:hover, div#Component665eb6df20090100133b067f .col-md-4.col-sm-4.col-xs-12:hover .btn-more,
div#Component665ebf82590a6a0013cee891 .col-md-4.col-sm-4.col-xs-12:hover .btn-more ,
div#Component665eb8a0e092ac0013e62143 button:hover, div#Component665ee0eca267a70013b8674e button:hover,
div#Contentmanager .col-md-4.col-sm-4.col-xs-12:hover .btn-more,
.landingpagemanager .col-md-6.col-sm-6.col-xs-12:hover .btn-more{
    border: none;
}

.btn-more::after, div#Component665eb8a0e092ac0013e62143 button::after, div#Component665ee0eca267a70013b8674e button::after {
    content: '';
    display: block;
    width: 0;
    height: 1px;
    background: #d90d18;
    transition: width .3s;
    position: absolute;
    bottom: 0;
    left: 0;
}

.btn-more:hover::after, div#Component665eb6df20090100133b067f .col-md-4.col-sm-4.col-xs-12:hover .btn-more::after ,
div#Component665ebf82590a6a0013cee891 .col-md-4.col-sm-4.col-xs-12:hover .btn-more::after,
div#Component665eb8a0e092ac0013e62143 button:hover::after, div#Component665ee0eca267a70013b8674e button:hover::after,
.landingpagemanager .col-md-6.col-sm-6.col-xs-12:hover .btn-more::after,
div#Contentmanager .col-md-4.col-sm-4.col-xs-12:hover .btn-more::after{
    width: 100%;
    transition: width .3s;
}

div#Component665eb2aaa267a70013b85eee figure:hover, 
div#Component665eb2cb095eb00013a9e5d5 figure:hover, 
div#Component665eb304a267a70013b85efd figure:hover, 
div#Component665eb35788c41e0013753c91 figure:hover,
div#Component66754d8ff956df001318f463 figure:hover, 
div#Component66754e24eb77b40013783ee3 figure:hover, 
div#Component66754e85a8d1e00013723938 figure:hover, 
div#Component66754ed7094fe70013e59230 figure:hover, 
div#Contentmanager .col-md-4.col-sm-4.col-xs-12:hover .img,
.itopplus-search-image-flex-item:hover img{
    border-color: #d90d18;
}

.why-us img, .landingpagemanager .col-md-6.col-sm-6.col-xs-12,
.itopplus-search-image-flex-item{
    transition: transform 0.2s ease-out;
}

.why-us:hover img , div#Contentmanager .col-md-4.col-sm-4.col-xs-12:hover,
.landingpagemanager .col-md-6.col-sm-6.col-xs-12:hover,
.itopplus-search-image-flex-item:hover{
    transform: scale(0.95);
}


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

.table-product>thead {
    background: #ebebeb;
}

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

.table-product {
    border: 1px solid #ebebeb;
}

.table-product>tbody>tr:hover {
    background: #a2161d !important;
    color: #fff;
}

.pre-service h6 {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.pre-service p {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

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

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

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

.ITPlinkToCookiepage:hover {
    color: #d90d18 !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#cookie665eb8a0e092ac0013e62143 {
    text-align: left !important;
    padding-left: 3%;
}

/*.menuVertical .dropdown-menu {
    display: block;
}*/

.menuVertical .dropdown-menu {
    position: relative;
    top: 100%;
    left: 0;
    z-index: 1000;
    min-width: 160px;
    width: 100%;
    padding: 10px 0px 10px 0px;
    margin: 2px 0 0;
    color: #fff;
    font-weight: normal;
    text-align: left;
    list-style: none;
    background-color: transparent;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: none;
    border: none;
    border-radius: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding-left: 7%;
}

.menuVertical .nav-pills>li>a {
    font-size: 18px;
    color: #fff;
    font-weight: 600;
    padding: 1rem 2rem;
    border-bottom: 1px solid #d90d18;
    border-radius: 0;
}

.menuVertical .dropdown-menu>li>a {
    padding: 0.75rem 2rem;
      color: #fff;
}

.menuVertical .nav>li>a:focus, .menuVertical .nav>li>a:hover ,
.menuVertical .nav .open>a{
    background: transparent;
      border-color: #d90d18;
      background: #d90d18;
    color: #fff;
}

.menuVertical .dropdown-menu>li>a:hover {
    background: #d90d18;
}

.category-head h5 {
    padding: 4% 0;
    text-align: center;
    background: #d90d18;
    color: #fff;
    font-weight: 600;
}

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

.landingpagemanager .col-md-6.col-sm-6.col-xs-12 {
    width: 23%;
    margin: 1%;
}

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

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

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

.landingpagemanager {
    border: none;
}

.landingpagemanager h4 span::before {
    content: "สินค้าใกล้เคียง/ทดแทน ";
    position: absolute;
    color: #fff;
}

.landingpagemanager h4 span {
    color: #101010;
    position: relative;
      display: inline-block;
    width: 355px;
    text-align: left;
}

.landingpagemanager .nav-template li:hover {
    background: transparent;
}

div#Contentmanager .img {
    border: 1px solid #ddd;
}

div#Component665ebf82590a6a0013cee891 div#Contentmanager .img,
div#Component665eb6df20090100133b067f div#Contentmanager .img{
    border: none;
  background-size: cover !important;
}

.landingpagemanager .col-md-6.col-sm-6.col-xs-12:nth-child(n+5) {
    display: none;
}

.itopplus-search.zIndex-pos5search {
    display: flex;
      align-items: center;
    gap: 10px;
}

div#searchResultLanding .panel {
    background: transparent !important;
    border: none !important;
}

.itopplus-search-image-flex-item {
    width: 31.33% !important;
    background: transparent  !important;
}

.search_titleText b {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.search_text {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.itopplus-search-image-flex-item img {
    height: 230px !important;
    object-fit: contain !important;
    width: 100% !important;
      border: 1px solid #ddd;
    margin-bottom: 1rem;
}

.itopplus-search-image-flex-item {
    min-height: 340px !important;
    max-height: 340px !important;
}

.hideForNewSearchtag .ui.input input {
    background: transparent;
    border: 1px solid #ddd;
    color: #fff !important;
}

.hideForNewSearchtag .ui.input input::placeholder {
    color: #fff !important;
}

.hideForNewSearchtag .ui.icon.input>i.circular.icon {
    background: transparent !important;
    border: 1px solid #ddd;
}
.marquee {
    overflow: hidden;
}
/**********************responsive************************/

@media screen and (min-width : 1900px) {
  
    .container {
        display: table !important;
    }  

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

h1 {
    font-size: 4.625em;
}

h2 {
    font-size: 3.6em;
}

h3 {
    font-size: 3.2em;
}

h4 {
    font-size: 2.6em;
}

h5 {
    font-size: 2.2em;
}

h6 {
    font-size: 1.8em;
}

p, .text-items-cont h6, .btn-more, .table-product>tbody>tr>td {
    font-size: 20px;
}

.copy-right p, .text-items-cont p , .pre-service p,
div#Component665eb8a0e092ac0013e62143 button,
div#Component665ee0eca267a70013b8674e button,
  .dropdown-menu>li>a{
    font-size: 18px;
}

.text-product h6, .table-product>thead>tr>th,
  .search_titleText b{
    font-size: 22px;
}
  
  .cont-head {
    width: 90%;
}

  .sect-about p, .about-page p,line-height: 28px; {
    line-height: 34px;
}
  
  div#Component665eb8a0e092ac0013e62143 .form-control, 
  div#Component665ee0eca267a70013b8674e .form-control {
    font-size: 16px !important;
    height: 45px;
    margin-bottom: 3rem;
}
  
  .ITP-pdpa-template-titleFont {
    font-size: 24px !important;
  }
  
  .ITP-pdpa-template-contentFont {
    line-height: 32px;
    font-size: 18px !important;
}
  
  div#cookie665ee0eca267a70013b8674e {
    font-size: 16px;
}
}

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

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

.cont-head {
    width: 100%;
}
  
  h3 {
    font-size: 2.4em;
}
  
  h4 {
    font-size: 1.8em;
}
  
    h5 {
    font-size: 1.6em;
}
  
      h6 {
    font-size: 18px;
}
  
  .text-product h6 {
    font-size: 16px;
  }
  
  .contact-page li {
    grid-template-columns: 35px auto;
}
  
  .items-cont {
    grid-template-columns: 32px auto;
}
  
  .itopplus-search.zIndex-pos5search {
    gap: 0;
}
}

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

div#contentnewmode665e9c12590a6a0013cee2b1,
  div#contentnewmode665e9ef220090100133b04f0,
  .copy-right br, .sect-about p br, .why-us br,
  .about-page br, .contact-page br,
  div#Component666bf335dccce10013fc27b2,
  div#Component666bf4025dfb2d001397f4ba,
  div#contentnewmode666bf40eb089c500139fe323,
  div#Component666bf40eb089c500139fe326,
  div#contentnewmode666bf4025dfb2d001397f4b7{
    display: none;
}
  
  div#mainmenu665e99d3e092ac0013e61c5b .col-md-4.col-sm-4.col-xs-12,
  div#mainmenu665e9ef220090100133b04de .col-md-4.col-sm-4.col-xs-12,
  div#mainmenu666bf4025dfb2d001397f4a5 .col-md-4.col-sm-4.col-xs-12{
    width: 100%;
    text-align: center;
}
  
  .itopplus-sidebar-sub-content {
    overflow: hidden;
}
  .why-us {
    grid-template-columns: 15% auto;
}

  div#Component665eb304a267a70013b85efd .col-md-3.col-sm-4.col-xs-4,
  div#Component66754e85a8d1e00013723938 .col-md-3.col-sm-4.col-xs-4{
    width: 25%;
}
  
      .text-product h6 {
        font-size: 14px;
        bottom: 0;
    }
  
 div#Component665eb0a8095eb00013a9e570 .col-md-6.pull-left {
    width: 50%;
}
  
      h3 {
        font-size: 2.2em;
    }
  
  .menuVertical .nav-pills>li>a {
    padding: 1rem !important;
}
  
  .menuVertical .dropdown-menu {
    padding-left: 0 !important;
    z-index: 1;
}
  
  .menuVertical .dropdown-menu>li>a {
    padding: 0.75rem 1rem !important;
  }
  
  div#main-navbar-flag span  {
    color: #000!important;
}
  
  li#languagebar {
    display: none !important;
}
}

@media screen and (max-width : 768px) {
  
  .text-product h6 {
    font-size: 14px;
    bottom: 20px;
    text-align: center;
}
  
  div#Component665eb2aaa267a70013b85eee .thumbs,
  div#Component665eb2aaa267a70013b85eee .col-md-6.col-sm-6.col-xs-6,
  div#Component665eb2cb095eb00013a9e5d5 .thumbs,
  div#Component665eb2cb095eb00013a9e5d5 .col-md-6.col-sm-6.col-xs-6,
  div#Component665eb304a267a70013b85efd .thumbs,
  div#Component665eb304a267a70013b85efd .col-md-3.col-sm-4.col-xs-4,
  div#Component665eb35788c41e0013753c91 .col-md-6.col-sm-6.col-xs-6,
  div#Component665eb35788c41e0013753c91 .thumbs,
  div#Component665eb33b88c41e0013753c84 .thumbs,
  div#Component665eb33b88c41e0013753c84 .col-md-12.col-sm-12.col-xs-12,
  div#Component665eb2eb095eb00013a9e5e5 .thumbs,
  div#Component665eb2eb095eb00013a9e5e5 .col-md-12.col-sm-12.col-xs-12,
  div#Component665eb28c88c41e0013753c50 .thumbs,
  div#Component665eb28c88c41e0013753c50 .col-md-12.col-sm-12.col-xs-12,
  div#imagesControl665eb28c88c41e0013753c50,
  div#imagesControl665eb2eb095eb00013a9e5e5,
  div#imagesControl665eb33b88c41e0013753c84,
  div#Component66754d8ff956df001318f463 .thumbs,
div#Component66754e24eb77b40013783ee3 .thumbs,
div#Component66754e85a8d1e00013723938 .thumbs,
div#Component66754ed7094fe70013e59230 .thumbs,
  div#Component66754d8ff956df001318f463 .col-md-6.col-sm-6.col-xs-6,
div#Component66754e24eb77b40013783ee3 .col-md-6.col-sm-6.col-xs-6,
div#Component66754e85a8d1e00013723938 .col-md-3.col-sm-4.col-xs-4,
div#Component66754ed7094fe70013e59230 .col-md-6.col-sm-6.col-xs-6,
  div#Component66754d4fe5c9030013e5eff8 .thumbs,
div#Component66754e61e5c9030013e5f0da .thumbs,
div#Component66754ebca8d1e000137239a6 .thumbs,
  div#Component66754d4fe5c9030013e5eff8 .col-md-12.col-sm-12.col-xs-12,
div#Component66754e61e5c9030013e5f0da .col-md-12.col-sm-12.col-xs-12,
div#Component66754ebca8d1e000137239a6 .col-md-12.col-sm-12.col-xs-12{
    padding: 0 !important;
}
  
  div#Component665eb304a267a70013b85efd .col-md-3.col-sm-4.col-xs-4,
  div#Component66754e85a8d1e00013723938 .col-md-3.col-sm-4.col-xs-4{
    margin: 0 1%;
    width: 23%;
}
div#Component665eb2aaa267a70013b85eee .col-md-6.col-sm-6.col-xs-6, 
  div#Component665eb2cb095eb00013a9e5d5 .col-md-6.col-sm-6.col-xs-6, 
  div#Component665eb35788c41e0013753c91 .col-md-6.col-sm-6.col-xs-6,
  div#Component66754d8ff956df001318f463 .col-md-6.col-sm-6.col-xs-6,
div#Component66754e24eb77b40013783ee3 .col-md-6.col-sm-6.col-xs-6,
div#Component66754ed7094fe70013e59230 .col-md-6.col-sm-6.col-xs-6{
    margin: 0 1%;
    width: 48%;
}
  
  .items-cont h6, .items-cont p {
  color: #fff;
  }
  
  .itopplus-search.zIndex-pos5search {
    display: block;
}
  
  .col-centered.hideForNewSearchtag {
    float: right;
}
  
  .Textmanager {
    display: block;
}
  
  .product-detail ul {
    padding-left: 5%;
}
  

}

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

div#imagesControl665e99a1095eb00013a9e1b4,
  div#Component665eb2aaa267a70013b85eee .thumbs,
  div#Component665eb2aaa267a70013b85eee .col-md-6.col-sm-6.col-xs-12,
  div#imagesControl665eb28c88c41e0013753c50,
  div#Component665eb28c88c41e0013753c50 .thumbs,
  div#Component665eb28c88c41e0013753c50 .col-md-6.col-sm-6.col-xs-12,
  div#imagesControl665eb2aaa267a70013b85eee,
  div#imagesControl665eb2cb095eb00013a9e5d5,
  div#Component665eb2cb095eb00013a9e5d5 .thumbs,
  div#Component665eb2cb095eb00013a9e5d5 .col-md-6.col-sm-6.col-xs-12,
  div#imagesControl665eb2eb095eb00013a9e5e5,
div#Component665eb2eb095eb00013a9e5e5 .col-md-12.col-sm-12.col-xs-12,
div#Component665eb2eb095eb00013a9e5e5 .thumbs,
  div#imagesControl665eb304a267a70013b85efd,
  div#Component665eb33b88c41e0013753c84 .col-md-12.col-sm-12.col-xs-12,
  div#Component665eb33b88c41e0013753c84 .thumbs,
  div#imagesControl665eb33b88c41e0013753c84,
  div#Component665eb35788c41e0013753c91 .col-md-6.col-sm-6.col-xs-12,
  div#Component665eb35788c41e0013753c91 .thumbs,
  div#imagesControl665eb35788c41e0013753c91,
  div#Component665eb28c88c41e0013753c50 .col-md-12.col-sm-12.col-xs-12,
  div#mainmenu665eb25ca267a70013b85ecc>div,
  div#mainmenu665eb271a267a70013b85ed6>div,
  div#Component665eb304a267a70013b85efd .thumbs,
  div#Component665eb304a267a70013b85efd .col-md-3.col-sm-4.col-xs-12,
  div#mainmenu665eb331a267a70013b85f19>div,
  div#Component66754d8ff956df001318f463 .thumbs,
div#Component66754e24eb77b40013783ee3 .thumbs,
div#Component66754e85a8d1e00013723938 .thumbs,
div#Component66754ed7094fe70013e59230 .thumbs,
  div#Component66754d8ff956df001318f463 .col-md-6.col-sm-6.col-xs-12,
div#Component66754e24eb77b40013783ee3 .col-md-6.col-sm-6.col-xs-12,
div#Component66754e85a8d1e00013723938 .col-md-3.col-sm-4.col-xs-12,
div#Component66754ed7094fe70013e59230 .col-md-6.col-sm-6.col-xs-12,
  div#Component66754d4fe5c9030013e5eff8 .thumbs,
div#Component66754e61e5c9030013e5f0da .thumbs,
div#Component66754ebca8d1e000137239a6 .thumbs,
  div#Component66754d4fe5c9030013e5eff8 .col-md-12.col-sm-12.col-xs-12,
div#Component66754e61e5c9030013e5f0da .col-md-12.col-sm-12.col-xs-12,
div#Component66754ebca8d1e000137239a6 .col-md-12.col-sm-12.col-xs-12,
  div#imagesControl66754d8ff956df001318f463,
div#mainmenu66754d3be5c9030013e5efed>div,
div#imagesControl66754e24eb77b40013783ee3,
div#mainmenu66754e19094fe70013e59214>div,
div#imagesControl66754e85a8d1e00013723938,
div#imagesControl66754ed7094fe70013e59230,
div#mainmenu66754eb2a8d1e0001372399d>div,
  div#itp-shopcart-detail{
    padding: 0 !important;
}
  
      h3 {
        font-size: 26px;
    }
  
      h4 {
        font-size: 24px;
    }
  
        h5 {
        font-size: 19px;
    }
  
          h6 {
        font-size: 18px;
    }
  
  .text-product h6 {
    bottom: 20px;
    text-align: center;
}
  
  div#Component665eb6df20090100133b067f .col-md-4.col-sm-4.col-xs-12, 
  div#Component665ebf82590a6a0013cee891 .col-md-4.col-sm-4.col-xs-12 {
    margin-bottom: 8%;
}
  
  .marquee-item {
    flex: 0 0 36vw;
  }
  
  br {
    display:none;  
  }
  
  div#Component665eb2aaa267a70013b85eee .col-md-6.col-sm-6.col-xs-12,
  div#Component665eb2cb095eb00013a9e5d5 .col-md-6.col-sm-6.col-xs-12,
  div#Component665eb304a267a70013b85efd .col-md-3.col-sm-4.col-xs-12,
  div#Component665eb35788c41e0013753c91 .col-md-6.col-sm-6.col-xs-12,
  div#Component66754d8ff956df001318f463 .col-md-6.col-sm-6.col-xs-12,
div#Component66754e24eb77b40013783ee3 .col-md-6.col-sm-6.col-xs-12,
div#Component66754e85a8d1e00013723938 .col-md-3.col-sm-4.col-xs-12,
div#Component66754ed7094fe70013e59230 .col-md-6.col-sm-6.col-xs-12{
    width: 46%;
    margin: 0 2%;
}
  
  div#form665eb8a0e092ac0013e62143 {
    padding: 0 !important;
}
  
div#Contentmanager .col-md-4.col-sm-4.col-xs-12{
    width: 100%;
    margin-bottom: 8%;
}
  
      div#Component665eb0a8095eb00013a9e570 .col-md-6.pull-left {
        width: 100%;
    }
  
  .w-50 {
    width: 100%;
    float: none;
    margin-top: 0;
}
  
  div#Component665eb0a8095eb00013a9e570 .col-md-12.text-justify {
    padding: 0 2%;
}
  
      .contact-page li {
        grid-template-columns: 32px auto;
        margin: 3% 0;
    }
  
   .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#Component665ee0eca267a70013b8674e .form-group.col-sm-offset-3.col-sm-6.col-md-offset-3.col-md-6 {
    padding: 0;
}

  .category-head, .menuVertical,
  div#Component665eb28c88c41e0013753c50,
  div#Component665eb2eb095eb00013a9e5e5,
  div#Component665eb33b88c41e0013753c84,
  div#Component66754d4fe5c9030013e5eff8,
div#Component66754e61e5c9030013e5f0da,
div#Component66754ebca8d1e000137239a6,
  div#contentnewmode66a8a1d86d84730013811c8a,
  div#contentnewmode66a8a1cf6d84730013811c72,
  div#Component66a8a1cf6d84730013811c75,
  div#Component66a8a1d86d84730013811c8d{
    display: none;
}
  
  .sect-product h3 {
    margin-bottom: 1rem;
}
  
  .logo-part {
    width: 50%;
  }
  
  .itopplus-search-image-flex-item {
    width: 100% !important;
  }
  
      .col-centered.hideForNewSearchtag {
        float: none;
    }
  
  .pre-product h6 {
    height: auto;
}
  
  div#Contentmanager .col-md-12.text-justify {
    padding: 0 2%;
}
}


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


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

    .navbar-header,
    #ItopplusMainSidebar>div {
        background: #000 !important;
    }

  .navbar-header a.visible-xs:not(a#languagemobile) {
        filter: brightness(0) invert(1);
    }

    #ItopplusMainSidebar a {
        color: #fff !important;
    }

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

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

    .navbar-header {
        display: flex;
        flex-direction: row-reverse;
        align-items: center;
        gap: 5px;
        height: 50px;
        width: 100%;
    }

    .navbar-header::before,
    .navbar-header::after {
        display: none;
    }

    #itpMenuSideBar {
        display: grid;
        place-items: center;
        border: none;
        margin: 0 !important;
        padding: 0 !important;
        aspect-ratio: 1;
        width: 40px;
    }

    #itpMenuSideBar .navbar-inline:first-child {
        display: flex;
        flex-direction: column;
        gap: 5px;
    }

    #itpMenuSideBar .navbar-inline:first-child>span {
        margin: 0 !important;
    }

    #itpMenuSideBar .navbar-inline:nth-child(2) {
        display: none !important;
    }

    #ItopplusMainSidebar li {
        border: none;
    }

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

    .navbar-header a.visible-xs {
        display: grid !important;
        place-items: center;
        place-content: center;
        aspect-ratio: 1;
        height: 35px !important;
        background-image: url();
        background-size: 22px;
        background-position: center;
        background-repeat: no-repeat;
    }

    #itpphonemobile {
        background-image: url(https://itp1.itopfile.com/ImageServer/z_itp_24092023yxze/0/0/telephone-callz-z85358287594.png) !important;
    }

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

    .old-image-icon-facebook {
        background-image: url(https://itp1.itopfile.com/ImageServer/z_itp_24092023yxze/0/0/fbz-z870717797999.png) !important;
    }

    .old-image-icon-line {
        background-image: url(https://itp1.itopfile.com/ImageServer/z_itp_24092023yxze/0/0/linez-z21670262898.webp) !important;
    }

    .old-image-icon-instragram {
        background-image: url(https://itp1.itopfile.com/ImageServer/z_itp_24092023yxze/0/0/igz-z1587384208209.webp) !important;
    }

    .old-image-icon-youtube {
        background-image: url(https://itp1.itopfile.com/ImageServer/z_itp_24092023yxze/0/0/ytz-z962652931262.webp) !important;
        background-size: 25px !important;
    }

    #languagemobile {
        order: 10;
    }

    .row-fluid {
        flex-wrap: unset !important
    }

    #language_member_bar {
        display: none
    }

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


}