.itopplus-background {

}
body,
html {
  overflow-x: hidden;
  font-family: "Prompt", sans-serif;
}

.head-social {
  display: flex;
  gap: 7px;
  justify-content: flex-end;
}

.head-social img {
  aspect-ratio: 1;
  width: 35px !important;
}

.itopplus-bg {
  background-image: url("https://itp1.itopfile.com/ImageServer/z_itp_23052022jy1f/1903/0/1z-z926815100287.webp");
}
.navbar-default .navbar-nav > li > a {
  color: #444;
  margin: 0 10px;
  padding: 8px 3px;
  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: #50b673;
  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: transparent;
}

@media screen and (max-width: 992px) {
  #controlBanner img {
    position: fixed;
    top: 2px;
    left: 10px;
    width: 70px !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 {
    display: grid;
    grid-template-columns: 20% auto;
    align-items: center;
  }

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

  .itopplus-banner {
    background: #fff;
    transition: 0.3s;
  }

  .itopplus-sticky {
    background: #fff !important;
  }

  #controlBanner {
    object-fit: contain;
    padding: 15px;
    width: clamp(160px, 15vw, 250px);
    margin: 0 auto;
  }

  #nav-menu {
    display: grid;
    justify-content: end;
    background: transparent;
    min-height: auto;
  }

  .itp-block {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: space-evenly;
    height: 100%;
  }

  .itopplus-search {
    color: #444;
    width: 50vw;
    text-align: right;
  }
}

.itopplus-search a {
  color: #000;
}

/*หน้าต้นแบบ*/
.ITPcookiebar {
  width: 100% !important;
}
.buttonExampleSite {
  margin: 1rem 6rem 1rem 1rem !important;
}
h3 a {
  color: #fff;
}
#contentnewmode62ffda8b02f6f500137c3b2f a {
  color: #fff;
}
#contentnewmode62ffda8b02f6f500137c3b2f a:hover,
h3 a:hover {
  color: #000;
}
.backToTop img {
  width: 85% !important;
}
.backToTop {
  bottom: 0px !important;
  right: -11px !important;
}
.shopcart {
  -webkit-border-radius: 50px 0px 0px 50px !important;
  width: 85px !important;
  height: 60px !important;
  background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_23052022jy1f/35/0/cartz-z300563511280.webp);
  background-color: #50b673;
  background-position: 35% 50%;
  right: 0%;
  top: 2%;
}
.header-icon1 {
  width: 10%;
}
div#InmyDiv1660935318701 p {
  font-size: 16px;
}
.pad-footer2 {
  padding: 2% 0 0 0;
}

/*HOME*/
.text-head0 {
  font-size: 4.5rem;
  font-weight: 500;
}
.text-head1 {
  font-size: 3rem;
  font-weight: 500;
}
.text-head3 {
  font-size: 2.5rem;
  font-weight: 500;
}
.text-head1EN {
  font-family: "DM Sans", sans-serif;
  color: #7d7d7d;
  font-size: 1.75rem;
}
.border1 {
  border: 2px solid #50b673;
  width: 8%;
  margin: 4% 0;
}
.text-sub1 {
  font-size: 1.7rem;
}
.btn-about {
  border: none;
  background: #50b673;
  color: #fff;
  padding: 10px 20px;
  font-size: 17px;
  margin: 5% 0;
  border: 1px solid #fff0;
}
.btn-about:hover {
  background: #ffff;
  color: #50b673;
  border: 1px solid #50b673;
}
.bg-home0 {
  background: #f9f9f9;
  padding: 14% 8% 6% 19%;
  position: relative;
  margin: 14% -64% 0 0%;
  position: relative;
  z-index: 99;
  box-shadow: 3px 7px 20px -10px #000000;
}
.border2 {
  border: 2px solid #50b673;
  width: 3%;
  margin: 1% auto;
}
.bg-home2 .text-sub1 a {
  color: #50b673;
}
.bg-home2 .text-sub1 a:hover {
  color: #000;
}

.img-correct1 {
  width: 75%;
}
.bg-quality0 {
  background: #f9f9f9;
  padding: 6% 5%;
  height: 205px;
}
.bg-home2 {
  background: #f9f9f9;
  padding: 11% 16%;
  margin: 20% 0 0 -18%;
  position: relative;
  z-index: 100;
  box-shadow: 3px 7px 20px -10px #000000;
}
.bg-about0 {
  background: #f9f9f9;
  padding: 3% 7%;
}
.bg-about2 {
  background: #50b673;
  color: #fff;
  padding: 3%;
}

.bg-gallery0 {
  background: #50b673;
  padding: 2%;
  color: #fff;
  outline: 1px solid #fff;
  outline-offset: -7px;
}
.bg-gallery0:hover {
  background: #ebebeb;
  outline: 1px solid #50b673;
  color: #50b673;
}

/*CONTACT*/
.bg-contact {
  background: #2f9251;
  color: #fff;
  padding: 4%;
}
#HtmlTool63025f9233402b00130f12c8 {
  margin-bottom: -7px;
}
.text-contact {
  font-size: 17px;
}
.pad-contact1 {
  padding-top: 5%;
}
.pad-contact2 {
  padding-top: 3%;
}

/*--SPACE---*/
.empty-space0 {
  padding: 1%;
}
.empty-space1 {
  padding: 3%;
}

/*How to order*/
.bg-order0 {
  background: #f9f9f9;
  padding: 5% 3%;
  height: 85px;
}
.hvr-grow {
  transform: perspective(1px) translateZ(0);
  transition-duration: 0.3s;
  transition-property: transform;
  width: 100%;
  margin-bottom: 0px;
  font-size: 16px;
  background-color: #fff;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 10%);
  border-radius: 30px;
}
.hvr-grow:hover,
.hvr-grow:focus,
.hvr-grow:active {
  transform: scale(1.03);
}
.padpay1 {
  padding-top: 2%;
}
.padpay2 {
  padding-top: 2%;
}
#autoordersystem6302483402f6f500137c5d2f {
  width: 50%;
  margin: 0 auto;
}
.itp-auto-order .AutoOrderPosition {
  left: 34%;
}
.bg-order0 .text-sub1 a {
  color: #50b673;
}

/*effect-default*/
.effect-default p {
  text-align: center;
  padding-top: 4%;
}
/*steve*/
figure.effect-steve {
  background: transparent;
}
figure.effect-steve:hover:before {
  opacity: 0;
}
figure.effect-steve h2 {
  display: none;
}
figure.effect-steve:hover p {
  opacity: 0;
}

/* EFFECT */
.ef1,
.ef3,
.ef4,
.ef5,
#background6300f80d02f6f500137c456a img {
  transition-duration: 0.3s;
  transition-property: transform;
  transition-timing-function: ease-out;
}
.ef2,
.ef3 {
  transition: 0.5s;
}
.ef1:hover {
  transform: translateY(-8px);
}
.ef2:hover,
#background6300f80d02f6f500137c456a img:hover {
  transform: scale(0.9, 0.9);
}
.ef3:hover {
  transform: scale(1.1, 1.1);
}
.ef4:hover {
  transform: translateX(10px);
}
.ef5:hover {
  transform: translateX(-10px);
}

/*Content manager8*/

#Contentmanager .post-time,
.Contentmanager .site .col-section .item.-micro a .caption .time {
  display: none;
}
.landingpagemanager .col-md-8.col-sm-8.col-xs-12 p .text-more {
  text-align: left;
}
.Contentmanager .site .col-section .item.-micro a .caption .title {
  text-align: center;
  font-size: 17px;
  color: #000;
  padding: 10% 5% 0;
  font-weight: 400;
  background: transparent;
  height: 90px;
}
article.col-md-6.item.-micro {
  width: 33.333333%;
}
.Contentmanager .site .col-section .item.-micro {
  padding: 10px;
}
.Contentmanager .site .col-section .item.-micro a .image {
  width: 100%;
  margin-bottom: 0px;
  box-shadow: 10px 10px 20px rgba(0, 0, 0, 15%);
}
.Contentmanager .site .col-section .item.-micro a .caption {
  width: 100%;
  background: transparent;
  padding-left: 0;
}
.Contentmanager .site .col-section .item.-micro:nth-child(odd) {
  border-right: none;
  border-bottom: none;
}
.Contentmanager .site .col-section .item.-micro:nth-child(even) {
  border-bottom: none;
}

.Contentmanager .site .col-section .item.-micro a .post {
  display: none;
}
.contenemanager-gallery .col-xs-12.col-md-3 {
  padding-left: 10px;
  padding-right: 10px;
  width: 50%;
}
.Contenemanager-gallery .col-xs-6.col-md-3 {
  padding-left: 10px;
  padding-right: 10px;
  width: 25%;
}
.Contentmanager .site .col-section .item.-micro a:hover .caption .title {
  color: #50b673;
}
.Contentmanager-thumbnail {
  border: 0px solid #ddd;
}
.Contentmanager-template2-1 a:hover {
  color: #085391;
}
#Contentmanager .fb_iframe_widget,
#Contentmanager .landingpagemanager,
#Contentmanager .page-header {
  display: none;
}
#Contentmanager .img-thumbnail,
#Contentmanager .thumbnail {
  box-shadow: none;
  border: none;
}
.Contentmanager #ContentmanagerTemplate63026d4e02f6f500137c6112 .site .col-section .item.-micro a .image {
  box-shadow: none;
}

/*Product*/
.Template-K-frame {
  padding: 10px;
}
.Template-K-frame:hover {
  box-shadow: none;
  cursor: pointer;
  background-color: #fff;
  border-radius: 30px;
}
.Template-K-button {
  background-color: #fff;
  border: 2px solid #116e3a;
  border-radius: 30px;
  color: #116e3a;
}
.Template-K-button:hover {
  background-color: #116e3a;
  color: #fff;
}
.Template-K-Icon {
  width: 14%;
  padding: 0 3px 0 0;
}
.Template-K-Name {
  font-size: 15px;
  height: 65px;
}
.Template-K-Name label {
  font-weight: 500;
  font-size: 15px;
}
.priceNoPromotion,
span.currencyNormalPage {
  font-weight: 500 !important;
  color: #000 !important;
  font-size: 18px !important;
}
.priceNoPromotion span,
.Template-K-Price,
.Template-K-Price label {
  color: #000;
  font-weight: 600;
  font-size: 19px;
  height: 50px;
}
.Template-K-pic {
  height: auto !important;
  padding: 0px;
}
.Template-K-button:hover img.Template-K-Icon,
.Template-K-buttonDetail:hover img.Template-K-Icon {
  filter: brightness(0) invert(1);
}

/*detailproduct*/
#FacebookComment {
  display: none;
}
.Template-K-Big {
  border: none;
}
.Template-K-CateName {
  font-size: 18px;
  color: #e85527;
}
.Template-K-CateName span {
  color: #000;
}
.Template-K-ProName {
  font-size: 19px;
  color: #126e3b;
}
.text-detailproduct {
  font-size: 18px;
}
.shopcartRelated-Default {
  font-size: 19px;
}
.Template-K-PriceNormal {
  color: #000;
}
.Template-K-smallpic {
  width: 20%;
  height: auto;
}

.shopcartID-Head-Default,
.shopcartID-Default,
.shopcartName-Head-Default,
.shopcartName-Default,
.shopcartlinePrice-Default,
.Template-K-Quantity,
.Template-K-Item,
.shopcart-share,
.shopcartAllDetail,
.Template-K-buttonDetail,
.shopcartSize-Default label,
.shopcartSize label {
  font-family: Prompt, sans-serif;
  border-bottom: solid 0px #ffffff;
  color: #000;
}
.shopcartName-Default,
.shopcartID-Default {
  color: #116e3a;
  font-weight: 500;
}
.shopcartDetail-Default,
.shopcartRelated-Default {
  text-align: left;
  font-family: Prompt, sans-serif;
  border-bottom: solid 0px #ffffff;
  font-size: 25px;
  width: 100% !important;
  color: #000;
  padding-left: 0 !important;
}
.Template-K-buttonDetail:hover {
  background-color: #116e3a;
  color: #fff !important;
}
.Template-K-button,
.Template-K-buttonDetail {
  background-color: #50b673;
  border: none;
  border-radius: 30px;
  color: #fefffe;
}
.Template-K-PricePromotion {
  background: radial-gradient(circle farthest-corner at center center, #50b673 15%, #50b673 80%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.shopcartlinePrice-Default .form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #fff;
  border: none;
  background-color: #50b673;
  background-image: none;
  border-radius: 30px !important;
}
.Checkout-font {
  color: #000;
}

.ui.steps .step .title {
  font-family: Prompt, sans-serif;
}
.btnCheckoutprevious {
  width: 30%;
  color: #fff;
  padding: 1% 1%;
  font-size: 17px;
  background-color: #1eba8c;
  border-radius: 30px;
  border: none;
}
.ui.steps .step.active .title {
  color: #000;
  font-weight: 400;
  padding-top: 3%;
}
.ui.steps .step.active {
  background: #1eba8c;
}
.btnCheckoutprevious:hover {
  background-color: #583212;
  border: none;
}
.ui.steps .step {
  padding: 1%;
}
.step1checkout {
  background-color: #583212;
  border: 5px solid #50b673;
  margin-top: 10%;
}
label.Headcheckout,
label.Bodycheckout {
  color: #000;
}

.text-detailP1 {
  font-size: 17px;
}

/*from Contact*/
.no-js #Component6302608102f6f500137c5f41 label {
  display: none !important;
}
.no-js #Component6302608102f6f500137c5f41 .col-md-6 {
  width: 100%;
  margin-left: auto;
  display: block;
  margin-right: auto;
  float: initial;
}
.no-js #Component6302608102f6f500137c5f41 .form-control {
  border: none;
  border-bottom: 1px solid #ccc;
  border-radius: 0px !important;
  -webkit-box-shadow: inset 0 0px 0px rgb(0 0 0 / 8%);
  box-shadow: inset 0 0px 0px rgb(0 0 0 / 8%);
  font-size: 14px !important;
  padding: 27px 0;
  font-weight: 400;
  background: transparent;
  color: #000 !important;
}
.no-js #Component6302608102f6f500137c5f41 .form-control:hover {
  border-bottom: 1px solid #252d65;
}
.no-js #Component6302608102f6f500137c5f41 .form-control:focus {
  background-color: transparent !important ;
  color: #000 !important;
}
.no-js #Component6302608102f6f500137c5f41 .btn {
  background-image: -webkit-linear-gradient(top, #2f9251 0, #2f9251 100%);
  background-image: -o-linear-gradient(top, #111f39 0, #111f39 100%);
  background-color: #2e9251 !important;
  color: #fff;
  text-shadow: none;
  background-repeat: repeat-x;
  border-color: #0000;
  border-radius: 50px;
  padding: 10px 30px;
  font-size: 14px;
  border: 0px solid transparent;
}
.no-js #Component6302608102f6f500137c5f41 .btn-default:active {
  background-color: #50baa4;
}
.no-js #Component6302608102f6f500137c5f41 .btn-default:hover,
.no-js #Component6302608102f6f500137c5f41 .btn-default:focus {
  background-position: 0px 0px;
  background-color: #50baa4;
  background-image: -webkit-linear-gradient(top, #50b673 0, #50b673 100%);
}
.no-js #Component6302608102f6f500137c5f41 span.label {
  font-size: 13px;
  font-weight: 400;
}

/*form payment*/
.no-js #Component6302548102f6f500137c5e3a .form-control {
  border: 1px solid #f1f1f1;
  border-radius: 0px !important;
  -webkit-box-shadow: inset 0 0px 0px rgb(0 0 0 / 8%);
  box-shadow: inset 0 0px 0px rgb(0 0 0 / 8%);
  font-size: 14px !important;
  padding: 0 2%;
  background: #dbdbdb;
  color: #000;
}
.no-js #Component6302548102f6f500137c5e3a ::placeholder {
  color: #000 !important;
  font-weight: 300;
}
.no-js #Component6302548102f6f500137c5e3a .form-control:focus {
  border-color: #d2af46;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075), 0 0 0px rgba(102, 175, 233, 0);
  color: #000 !important;
}
.no-js #Component6302548102f6f500137c5e3a {
  background-repeat: repeat-x;
  border-color: #000;
  border-radius: 10px;
  padding: 10px 30px;
  font-size: 14px;
  border: none;
  color: #000;
  background-color: #fff;
  box-shadow: 0 10px 20px -3px #50b673;
}
#Component6302548102f6f500137c5e3a .form-group span a {
  color: #fff;
}
#Component6302548102f6f500137c5e3a .input-group-addon {
  background-color: #dbdbdb;
  border: 1px solid #dbdbdb;
}
#Component6302548102f6f500137c5e3a .boarder-confirm-payment {
  border: none !important;
}

#Component6302548102f6f500137c5e3a .btn-default {
  background-image: linear-gradient(to bottom, #2f9251 0, #2e9351 100%);
  text-shadow: none;
  color: #fff;
  border: none;
  width: auto;
}
#Component6302548102f6f500137c5e3a .progress {
  background-image: linear-gradient(to bottom, #50b673 0, #50b673 100%);
}
#Component6302548102f6f500137c5e3a .btn-default:focus,
#Component6302548102f6f500137c5e3a .btn-default:hover {
  background-color: #50b673;
  background-position: 0 50px;
}

.itp_shopcartFilterHiding {
  display: block !important;
}
.shop-FilterHiding {
  color: #50b673;
  text-align: center;
  font-size: 3em;
  font-weight: 500;
  margin-top: 3%;
  margin-bottom: -2%;
}

/* search ตะกร้าหน้าแรก */

#background670e2c1a0709a8001a421786 .ui.search {
  display: none;
}
#background670e2c1a0709a8001a421786 .select_container_filterTemplate button {
  width: 100% !important;
  background-color: #50b673;
  border: solid 0px;
  color: white;
  font-size: 16px;
  padding: 5% 0%;
  border-radius: 10px;
  height: 48px;
}

#background670e2c1a0709a8001a421786 .inside_flex_select_typeB select {
  border-radius: 10px;
  padding: 5% 6%;
  height: 48px;
  font-size: 16px;
  border: 1px solid #ccc;
  background-color: #fafafa;
  color: #000000;
}
#background670e2c1a0709a8001a421786 .flex_typeB_Container {
  margin-left: -1%;
}

/* ปิด ตะกร้า ตัวเลข */
#background670e2c1a0709a8001a421786 .mainProductFilterContainer {
  display: none;
}
#background670e2c1a0709a8001a421786 ul.pagination {
  display: none;
}

/* search ตะกร้าหน้าข้างใน */

#background670e2d620709a8001a421d31 .ui.search {
  display: none;
}
#background670e2d620709a8001a421d31 .select_container_filterTemplate button {
  width: 100% !important;
  background-color: #50b673;
  border: solid 0px;
  color: white;
  font-size: 16px;
  padding: 5% 0%;
  border-radius: 10px;
  height: 48px;
}

#background670e2d620709a8001a421d31 .inside_flex_select_typeB select {
  border-radius: 10px;
  padding: 5% 6%;
  height: 48px;
  font-size: 16px;
  border: 1px solid #ccc;
  background-color: #fafafa;
  color: #000000;
}
#background670e2d620709a8001a421d31 .flex_typeB_Container {
  margin-left: -1%;
}

/*-------------เลขอัลบัม------------------*/
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 2;
  color: #fff;
  cursor: default;
  background-color: #50b673;
  border-color: #50b673;
}

.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #333;
  text-decoration: none;
  background-color: #eeeef0;
  border: 1px solid #eeeef0;
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  color: #50b673;
  background-color: #eeeef0;
  border-color: #eeeef0;
}

figure.effect-chico figcaption::before {
  z-index: 1;
  position: absolute;
  top: 30px;
  right: 30px;
  bottom: 30px;
  left: 30px;
  border: 1px solid #fff0;
  content: "";
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}

@media screen and (min-width: 1024px) {
  .navbar-default {
    background: transparent;
  }
}

@media screen and (min-width: 1366px) {
  .nav > li > a {
    padding: 10px 2px;
    font-size: 16px;
  }
  .dropdown-menu > li > a {
    font-size: 16px;
  }
}

@media screen and (min-width: 1900px) {
  p {
    font-size: 16px;
  }
  .nav > li > a {
    padding: 10px 9px;
    font-size: 16px;
  }
  .dropdown-menu > li > a {
    font-size: 18px;
  }
  .text-head1 {
    font-size: 3.5rem;
  }
  .text-head1EN {
    font-size: 2rem;
  }
  .text-head3 {
    font-size: 2.8rem;
  }
  .text-sub1 {
    font-size: 1.8rem;
  }
  .bg-home0 {
    padding: 15% 12% 10% 22%;
    margin: 12% -64% 0 0%;
  }
  .bg-quality0 {
    height: 225px;
  }
  .bg-home2 {
    padding: 15% 16%;
    margin: 20% 0 0 -18%;
  }
  .Contentmanager .site .col-section .item.-micro a .caption .title {
    font-size: 18px;
  }
  .bg-home2 .text-sub1 {
    font-size: 2.4rem;
  }
  .Template-K-Name label {
    font-size: 17px;
  }
  .priceNoPromotion span,
  .Template-K-Price,
  .Template-K-Price label {
    height: 70px;
  }
  .Template-K-Name {
    height: 90px;
  }
  .text-head0 {
    font-size: 6.5rem;
  }
  .text-head1 {
    font-size: 4rem;
  }
}

@media screen and (max-width: 1024px) {
  #contentnewmode62ffdc8433402b00130ef020 {
    margin-left: -43%;
  }
  .bg-home0 {
    padding: 12% 8% 6% 15%;
    margin: 11% -64% 0 0%;
  }
  .bg-quality0 {
    height: 240px;
  }
  .text-head1 {
    font-size: 2.7rem;
  }
  .text-head3 {
    font-size: 2.2rem;
  }
  .bg-home2 {
    margin: 14% 0 0 -25%;
  }
  .bg-order0 {
    height: 100px;
  }
}

@media screen and (max-width: 992px) {
  .pad-contact1 {
    padding-top: 3%;
  }
  .pad-contact2 {
    padding-top: 0%;
  }
  .bg-order0 {
    height: 120px;
  }
  .itp-auto-order .AutoOrderPosition {
    left: 15%;
  }
  #autoordersystem6302483402f6f500137c5d2f {
    width: 70%;
  }
  .bg-quality0 {
    height: 275px;
  }
  .text-head0 {
    font-size: 3.8rem;
  }
  .bg-home2 {
    margin: 5% 0 0 -45%;
  }
  .bg-home2 .text-head1 {
    font-size: 2.4rem;
  }
  .bg-home2 {
    margin: 8% 0 0 -43%;
  }
  .priceNoPromotion span,
  .Template-K-Price,
  .Template-K-Price label {
    height: 70px;
  }
  .Template-K-Name {
    height: 115px;
  }
  .Template-K-Icon {
    width: 20%;
  }
  .border2 {
    border: 2px solid #50b673;
    width: 5%;
  }
}

@media screen and (max-width: 480px) {
  .itopplus-bg {
    background-size: 145% auto;
  }
  #autoordersystem6302483402f6f500137c5d2f {
    width: 100%;
  }
  .shopcart {
    background-color: transparent;
    right: -3%;
    top: -1%;
  }
  #imagesControl63010e762a914800146e9035 {
    padding: 0px !important;
  }
  .bg-home0 {
    padding: 11% 6% 7% 6%;
    margin: 0;
  }
  .border2 {
    width: 10%;
    margin: 3% auto;
  }
  .bg-quality0 {
    height: auto;
  }
  .bg-home2 {
    margin: 0;
    padding: 8% 5%;
  }

  article.col-md-6.item.-micro {
    width: 50%;
  }
  .Contentmanager .col-md-12.text-justify {
    padding-left: 5px;
    padding-right: 5px;
  }
  #Contentmanager .text-sub1 {
    text-align: left;
  }
  .bg-order0 {
    height: auto;
  }
  .priceNoPromotion span,
  .Template-K-Price,
  .Template-K-Price label {
    height: 65px;
    font-size: 18px;
  }

  #background670e2c1a0709a8001a421786 .flex_typeB_Container {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 10px;
  }
  #background670e2c1a0709a8001a421786 .inside_flex_select_typeB {
    width: 100%;
  }
  #background670e2c1a0709a8001a421786 .inside_flex_select_typeB select {
    height: 55px;
  }
  #background670e2c1a0709a8001a421786 .select_container_filterTemplate button {
    padding: 5% 0%;
    height: inherit;
  }

  #background670e2d620709a8001a421d31 .flex_typeB_Container {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 10px;
  }
  #background670e2d620709a8001a421d31 .inside_flex_select_typeB {
    width: 100%;
  }
  #background670e2d620709a8001a421d31 .inside_flex_select_typeB select {
    height: 55px;
  }
  #background670e2d620709a8001a421d31 .select_container_filterTemplate button {
    padding: 5% 0%;
    height: inherit;
  }
}

.filterShopcartInside .card-header h5 button.collapsed {
    font-size: 1.6rem!important;
    color: #000000!important;
  	font-weight: 600!important;
}

.filterShopcartInside .container-check {
    font-size: 1.6rem!important;
    color: #000000!important;
  	font-weight: 600!important;
}