.itopplus-background {

}
body {
  overflow-x: hidden;
  color: #54321a;
  font-family: "IBM Plex Sans Thai", sans-serif;
}

.itopplus-bg {
  background-image: url('http://itp1.itopfile.com/ImageServer/z_itp_26072024rcfk/0/0/bg-aboutz-z1192134853235.png');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
}

.itopplus-bg2 {
  background-image: url(https://itp1.itopfile.com/ImageServer/z_itp_26072024rcfk/0/0/2z-z85760467326.jpg);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: top;
}

.itopplus-bg3 {
  background-image: url(https://itp1.itopfile.com/ImageServer/z_itp_26072024rcfk/0/0/3z-z1406170700067.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
}

.itopplus-bg4 {
  background-color: #b01f24;
  color: #fff;
}

.itopplus-bg5 {
  background-color: #e0c478;
  color: #fff;
}

.itopplus-bg6 {
  background-color: #f1efec;
}

.navbar-default .navbar-nav > li > a {
  color: #54321a;
  margin: 0;
  padding: 8px 15px;
  border-radius: 0;
}

.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: #54321a !important;
  box-shadow: none;
  border-color: transparent;
  background: transparent;
  background-color: transparent;
}

.no-js .dropdown-menu > li > a {
  color: #54321a;
}

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

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

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

  #controlMenu *:not(a span) {
    color: #444 !important;
    border: none;
  }

  .navbar-header button span {
    background-color: #444 !important;
  }

  .navbar-header a::before {
    background-size: 33px;
    background-position: center;
  }

  .navbar-header a::after {
    background: transparent;
  }

  #itpphonemobile::before {
    background-image: url(https://itp1.itopfile.com/ImageServer/z_itp_09062024wnrm/0/0/telz-z77323662137.png) !important;
  }

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

  .old-image-icon-facebook::before {
    background-image: url(https://itp1.itopfile.com/ImageServer/z_itp_09062024wnrm/0/0/facebookz-z1318628404704.png) !important;
  }

  .old-image-icon-line::before {
    background-image: url(https://itp1.itopfile.com/ImageServer/z_itp_09062024wnrm/0/0/linez-z1655517020729.png) !important;
  }

  .old-image-icon-instragram::before {
    background-image: url(https://itp1.itopfile.com/ImageServer/z_itp_09062024wnrm/0/0/instagramz-z1066049211157.png) !important;
  }

  .old-image-icon-youtube::before {
    background-image: url(https://itp1.itopfile.com/ImageServer/z_itp_09062024wnrm/0/0/youtubez-z1416596488876.png) !important;
  }

  .new-image-icon-twitter::before {
    background-image: url(https://itp1.itopfile.com/ImageServer/z_itp_24092023yxze/0/0/cf-twitterz-z1322532545693.png) !important;
  }
}

@media screen and (min-width: 1024px) {
  .no-js .itopplus-banner {
    position: sticky;
    top: 0;
    z-index: 110;
  }

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

    }

  .itopplus-sticky {
    background: #fff !important;
  }
  
  .itopplus-logo {
    position: relative;
            padding: 4vw 0;
}

  .itopplus-banner > .container {
    display: grid;
    grid-template-columns: 9% auto;
    align-items: center;
  }

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

    #controlBanner {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        object-fit: contain;
        padding: 0;
        width: clamp(100px, 80%, 20vw);
        margin: auto;
        display: grid;
        place-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) {
}


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

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

h1 {
    font-size: 4em;
}

h2 {
    font-size: 3.2em;
}

h3 {
    font-size: 2.8em;
}

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

h5 {
    font-size: 2em;
}

h6 {
    font-size: 1.6em;
}

p, .pre-blog p, .Template-J-Price, .Template-J-Name,
.Template-J-buttonDetail, .Template-J-ProName, 
.Template-J-CateName, .Checkout-font table > tbody > tr > td > div,
.Checkout-font table > tbody > tr > td > div,
.Checkout-font table > tbody > tr > td > label,
.Checkout-font table > tbody > tr > td > span,
.Checkout-font > div > table > thead > tr > td,
.number-step {
    font-size: 16px;
}

.blog-bank h6, .blog-contact h6 {
    font-size: 18px;
}

.btn-more, .boarder-confirm-payment button,
.btnCheckoutprevious, div#background6881a9ffd808df0013fa5677 button {
    font-size: 15px;
}

.text-contact p {
    font-size: 14px;
}

.blog-step h6 {
    font-size: 20px;
}

.Headcheckout {
    font-size: 20px !important;
}

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

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

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

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

.copy-right {
    text-align: right;
    margin-top: 3%;
}

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

.social-footer {
    display: flex;
    gap: 10px;
}

.qr-line {
    width: 50%;
    margin: auto;
}

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

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

.footer h6, .head-pay h5, .contact-page h4,
.blog-detail h5 {
    margin-bottom: 1rem;
}

p {
    line-height: 26px;
}

.footer p, .pre-blog p {
    margin: 0;
}

.shopcart {
    background-image: url('http://itp1.itopfile.com/ImageServer/z_itp_26072024rcfk/0/0/ic-cartz-z1288286501431.png') !important;
    background-size: 50% !important;
    background-position: center !important;
    width: 55px !important;
    height: 55px !important;
    background-color: #e0c478 !important;
    border-radius: 50% !important;
    top: 25px !important;
    right: 10px !important;
    z-index: 1001 !important;
    transition: transform 0.2s ease-out;
}

.notificationcart {
    width: 20px !important;
    height: 20px !important;
    right: 10% !important;
    bottom: 40% !important;
}

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

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

.sect-about {
    color: #a1496b;
    padding-top: 8%;
    padding-left: 8%;
    padding-bottom: 19%;
}

.sect-about h6 {
    font-family: "Noto Sans JP", sans-serif;
}

.sect-about h4 {
    margin-bottom: 1rem;
}

.text-japan img {
    width: 45px !important;
}

.text-japan {
    display: flex;
    align-items: center;
    gap: 10px;
}

.line-design {
    width: 40%;
    margin: 2% 0 4%;
}

.btn-more {
    width: fit-content;
    background: #e0c478;
    color: #54321a;
    padding: 1rem 2rem;
    border-radius: 30px;
    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;
}

.h1, .h2, .h3, .h4, .h5, h1, h2, h3, h4, h5,
.fw-semi, .shopcart-Detail-Detail h6,
span#contactUsAcceptPolicyText2 {
    font-weight: 600;
}

div#background687f659100067f0013ff4036 .col-md-6.col-sm-6.col-xs-12:nth-child(2),
.img-package{
    overflow: hidden;
}

.img-drink {
    margin-bottom: -30px;
}

.sect-about02 h2 {
    padding-top: 2%;
}

.sect-about02 {
    padding-left: 5%;
}

.sect-about02, .contact-page a, .head-pay, .blog-how-shop a,
.template1 .col-md-4.col-sm-4.col-xs-12:hover .pre-blog{
    color: #54321a;
}

.head-product, .sect-recomend, .head-blog, .head-page-blog,
.head-page-how, .head-page-product, .managerHeader, .contact-page {
    text-align: center;
}

.head-product img, .head-page-product img {
    width: 200px !important;
    margin-top: 0.5rem;
    margin-bottom: 2rem;
}

.sect-slogan p {
    background: #9d8940;
    color: #fff;
    width: fit-content;
    padding: 0.5rem 2rem;
    border-radius: 30px;
    margin-bottom: 2rem;
}

.sect-slogan h1 {
    color: #fff;
    line-height: 72px;
}

.sect-slogan h1, .sect-recomend h6, .sect-recomend h4 {
    font-weight: 400;
}

.sect-slogan {
    padding-top: 70%;
    padding-bottom: 10%;
    padding-left: 6%;
}

.sect-recomend {
    padding: 3% 0;
}

.sect-recomend h4 {
    margin-bottom: 0.5rem;
}

.head-blog {
    padding: 1% 0;
}

.Text_seller2, .post-time, .landingpagemanager, .shopcartID,
.Template-J-button span, div#background68804b29d808df0013fa44da .pagination,
.ui.rating {
    display: none;
}

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

.pre-blog img {
    width: 35px !important;
}

.template1 {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 50px 25px;
}

.template1 .col-md-4.col-sm-4.col-xs-12 {
    width: 100%;
    padding: 0 !important;
    background: #fff;
}

.pre-blog {
    display: flex;
    align-items: center;
    padding: 4%;
    justify-content: space-between;
    color: #616161;
    text-align: left;
}

    .Contentmanager .template1 .template-panel {
        padding-bottom: 77%;
      overflow: hidden;
    }

.head-page-blog img {
    height: 30px;
    width: 8% !important;
    margin-top: 0.5rem;
    margin-bottom: 2rem;
}

.head-page-how img {
    height: 32px;
    width: 23% !important;
    margin-top: 0.5rem;
    margin-bottom: 2rem;
}

.head-page-product img {
    height: 32px;
}

.head-page-product, .head-page-blog, .head-page-how {
    padding: 2% 0 1%;
}

div#background688057b6ac24160013b77a9c .template1 .col-md-4.col-sm-4.col-xs-12 {
    background: #f1efec;
}

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

.blog-how-shop a:hover {
    color: #000;
}

/****************e-commerce*************/

.shopcart-Cate a, .Template-J-PriceNormal strike .hidePriceText::after {
    color: #616161;
}

.shopcartName-Head-Default, .shopcartID-Head-Default, .shopcartSize-Default,
.Template-J-Item, .Template-J-Quantity, .shopcartSize-Default label{
    font-weight: 400;
    font-size: 16px !important;
    color: #000;
}

.shopcartName-Default, .shopcartID-Default, .Template-J-PriceNormal {
    font-size: 24px !important;
    font-weight: 400 !important;
    color:  #616161;
}

.shopcartID-Default, .shopcartName-Default, .shopcartlinePrice-Default, .shopcartName-Head-Default, 
.shopcartID-Head-Default, .Template-J-Big img, .Template-J-smallpic {
    border: none;
}

.shopcartID-Head-Default, .shopcartID-Default, .shopcartName-Head-Default, .shopcartName-Default, 
.shopcartSize-Default, .Template-J-PricePromotion, .shopcartlinePrice-Default, .Template-J-Quantity, 
.Template-J-Item, .Template-J-buttonDetail, .shopcartDetail, .shopcartRelated, .ui.steps .step .title {
    font-family: "IBM Plex Sans Thai" ,sans-serif;
}

.shopcartDetail, .shopcartRelated {
    font-weight: 600;
    font-size: 24px !important;
    color: #616161;
    width: 100% !important;
    position: relative;
    padding: 1.5% 0 !important;
}

.col-xs-4.col-sm-3.col-md-3.ITPquantityWord, .col-xs-4.col-sm-2.col-md-2.ITPquantityUnit {
    width: fit-content;
}

.col-xs-4.col-sm-3.col-md-3.ITPquantityWord {
    margin-right: 2%;
}

.Template-J-smallpic {
    height: 140px;
    border: 1px solid #ddd;
}

.PictureOverflow {
    max-height: 170px !important;
    width: 100%;
    padding-top: 2%;
}

.Template-J-buttonDetail {
    width: 30%;
}

.Template-J-buttonDetail:hover {
    background: #e0c478;
}

.ui.steps .step.active {
    background: #e0c478;
    color: #5b4f25;
}

.ui.steps .step.active:after {
    background-color: #e0c478;
}

.step5checkout, .step1checkout {
    background: #5b4f25;
    border-color: #bcbcbc;
}

.ui.steps .step:first-child {
    border-radius: 30px 0 0 30px;
}

.ui.steps .step:last-child {
    border-radius: 0 30px 30px 0;
}

.step1checkout {
    margin: 0 auto;
}

.ui.steps .step {
    line-height: 22px;
}

.ui.steps .step.active .title, .btn-call a {
    color: #5b4f25;
}

div#scrolltoshop .table-responsive tr, div#scrolltoshop .table-responsive tr:last-child>td, 
div#background68805b796814a90013572425 .table>tbody>tr>td {
    border: none !important;
}

div#scrolltoshop .table-responsive {
    background-color: #fff;
    padding: 2%;
    border-radius: 30px;
    width: 100%;
}

div#scrolltoshop .table-responsive tr:last-child, div#scrolltoshop .table-responsive thead>tr {
    background-color: #f7f7f7;
}

.ui.steps .step .title {
    font-size: 12px;
}

div#background68805b796814a90013572425 .ui.segment {
    line-height: 36px;
}

div#background68805b796814a90013572425 .input-group-addon,
.boarder-confirm-payment .input-group-addon{
    border-radius: 0 30px 30px 0;
    background-color: #f5f5f5;
}

div#background68805b796814a90013572425 .input-group .form-control,
.boarder-confirm-payment .input-group .form-control{
    height: 40px;
    border-radius: 30px 0 0 30px !important;
    box-shadow: none;
}

div#background68805b796814a90013572425 .col-xs-9.col-sm-9.col-md-10 {
    padding-top: 0 !important;
}

.Template-J-buttonDetail {
    background-color: #e0c478;
    border-radius: 30px;
    color: #54321a;
    padding: 1rem 2rem;
    text-transform: uppercase;
    width: fit-content;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 2% !important;
    margin-bottom: 2% !important;
    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;
}

.Template-J-frame{
    border: 1px solid #5b4f25;
    padding: 5px;
    border-radius: 20px;
    position: relative;
    transition-duration: 0.3s;
}

.Template-J-Name label,.priceNoPromotion,
.Template-J-Price, .Template-J-PricePromotion,
.Template-J-Price label, .Template-J-Price span {
    font-weight: 400 !important;
}

.Template-J-Name {
    height: 40px;
    color: #616161;
}

.Template-J-Price {
    height: 40px;
    color: #616161;
    margin-bottom: 10px;
}

.Template-J-Price span, .Template-J-PricePromotion,
.text-big, .Template-J-Price.priceRelateBShow label {
    color: #dc000c !important;
}

strike.promotionPrice span, .promotionPrice strike,
.Template-J-Price.priceRelateBShow .promotionPrice strike label{
    color: #616161 !important;
}

.Template-J-frame:hover .Template-J-pic,
.Template-J-frame:hover {
    box-shadow: none;
}

.mainProductFilterContainer .col-xs-12.col-sm-3,
.Shopcart-Related-Main .col-xs-12.col-sm-3{
    padding: 0 1%;
}

.Template-J-innerPic img, .img-package img, .Template-J-Big img,
.Template-J-smallpic, .Template-J-pic, .img-package {
    border-radius: 20px;
    transition: transform 0.2s ease-out;
}

.mainProductFilterContainer {
    display: flex;
    justify-content: center;
      flex-wrap: wrap;
}

.Template-J-Price, .Template-J-Name {
    text-align: left !important;
    padding-left: 5px;
}

.Template-J-Name .Template-J-Name {
    height: auto;
}

.Template-J-Icon, div#Contentmanager .thumbnail>img {
    width: 100%;
    padding: 0 !important;
}

.Template-J-button {
    width: 50px !important;
    height: 50px;
    padding: 12px;
    padding-top: 14px;
    border-radius: 50%;
    position: absolute;
    right: 10px;
    bottom: 10px;
    background-color: #e0c478;
    color: #fff;
    transition-duration: 0.3s;
}

.head-product {
    margin-bottom: 2%;
}

.Template-J-buttonDetail img {
    width: 25px;
}

div#background68805b796814a90013572425 .form-control,
.boarder-confirm-payment .form-control{
    box-shadow: none;
    border-radius: 30px;
    height: 40px;
}

.blog-how-shop {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 25px;
    text-align: center;
}

.icon-how-shop {
    width: 40%;
    margin: auto;
    margin-bottom: 5%;
}

.items-how-shop {
    background: #f1efec;
    padding: 6%;
    border-radius: 25px;
}

.head-how {
    text-align: center;
    padding-top: 10%;
}

.blog-step {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
}

.items-step {
    width: 23%;
    margin: 1%;
    background: #ffffffe3;
    padding: 2% 1%;
    border-radius: 25px;
}

.icon-step {
    width: 40%;
    margin: auto;
    margin-bottom: 5%;
    position: relative;
}

.number-step {
    width: 35px;
    height: 35px;
    background: #54321a;
    text-align: center;
    color: #fff;
    padding-top: 7%;
    border-radius: 50%;
    position: absolute;
    right: -10px;
}

.blog-bank {
    display: grid;
    grid-template-columns: 24% auto;
    gap: 20px;
    align-items: center;
    background: #ffffff99;
    padding: 3%;
    border-radius: 15px;
    margin-top: 5%;
}

.blog-bank h5 {
    margin: 0;
}

.boarder-confirm-payment {
    border: none !important;
    color: #54321a;
    background: #ffffff99;
    padding: 1%;
    border-radius: 20px !important;
}

.boarder-confirm-payment .col-xs-12.col-sm-2.col-md-2 {
    width: fit-content;
}

.boarder-confirm-payment button, .btnCheckoutprevious,
.shopcart-paymentpage, div#background6881a9ffd808df0013fa5677 button {
    background-image: none;
    width: fit-content;
    background: #e0c478;
    color: #54321a;
    padding: 1rem 2rem;
    border-radius: 30px;
    text-shadow: none;
    border: none !important;
    font-weight: 400;
    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;
}

.btnCheckoutprevious {
    margin-left: 5px !important;
}

.shopcart-paymentpage {
    margin: auto;
}

.blog-package {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 25px;
    margin-top: 2%;
}

.items-package {
    display: grid;
    grid-template-columns: 25% auto;
    padding: 10px;
    background: #fff;
    border-radius: 20px;
    gap: 25px;
    align-items: center;
}

.check-page .items-package {
    background: #f1efec;
}

.boarder-confirm-payment .col-xs-12.col-sm-3.col-md-3 {
    padding-right: 0;
}

.boarder-confirm-payment .label a {
    color: #444;
    font-size: 12px;
}

.text-clime, .about-page p, .about-more p,
.shopcart-Detail-Detail h6, .blog-detail ul {
    margin-bottom: 2rem;
}

.sect-clime {
    padding-left: 8%;
    padding-top: 2%;
}

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

.CASS-A-middle-right, .CASS-A-middle-left,
.CASS-A-bottom, .CASS-A-top, .dropdown-menu,
.CASS-B-border {
    border: none;
}

.CASS-B-border {
    background: transparent;
}

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

.about-page h5, .blog-detail h6 {
    margin-bottom: 1rem;
}

 .shopcart-Detail-Detail p, .blog-detail p, .about-two p {
    margin-bottom: 1.5rem;
}

.about-page {
    padding-left: 8%;
    padding-top: 8%;
}

.about-two {
    padding-right: 8%;
    padding-top: 12%;
}

.line-left::before {
    content: " ";
    width: 28px;
    height: 2px;
    background: #adadad;
    position: absolute;
    left: 0;
    top: 10px;
}

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

.CASS-A-main .grid {
    margin: 0 !important;
    width: 100%;
}

.about-two hr {
    border-color: #d5c6bd;
    position: relative;
    overflow: visible;
}

.about-two hr::before {
    content: " ";
    width: 100px;
    height: 4px;
    position: absolute;
    background: #e0c478;
    top: -2px;
    left: 0;
    z-index: 2;
    border-radius: 3px;
}

/*.CASS-A-main figure {
    border-radius: 20px;
    overflow: hidden;
}*/

#scrolltoshop68805b796814a90013572425 > div:nth-child(1) > div:nth-child(2) {
    border: none !important;
}

.shopcartDetail-Default.shopcartDetail::before {
    content: " ";
    width: 100px;
    height: 4px;
    position: absolute;
    background: #e0c478;
    bottom: -2px;
    left: 0;
    z-index: 2;
    border-radius: 3px;
}

.shopcart-Detail-Detail h6 {
    margin-top: 1rem;
}

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

div#Contentmanager .col-md-6.pull-left, div#Contentmanager .col-md-6.pull-right {
    width: 40%;
    padding: 0;
}

.Textmanager {
    text-align: left;
    display: flow-root;
}

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

.ps-8 {
    padding-right: 8%;
}

div#Contentmanager .img-thumbnail, div#Contentmanager .thumbnail {
    padding: 0;
    box-shadow: none;
    border: none;
    background: transparent;
    overflow: hidden;
    border-radius: 0;
}

.blog-detail li p {
    margin-bottom: 0.5rem;
}

.Contenemanager-gallery .col-xs-6.col-md-3 {
    padding: 0 1%;
    width: 33.33%;
}

.pass-blog {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0 25px;
}

.pass-blog li p {
    margin-left: 5px;
}

.pass-blog li::marker {
    content: "🍎";
}

div#Contentmanager .col-md-offset-2 {
    margin: 0;
    width: 100%;
    padding: 0;
}

.blog-contact {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 25px;
    margin: 3% 0;
}

.items-contact {
    background: #f1efec;
    display: grid;
    grid-template-columns: 13% auto;
    text-align: left;
    padding: 3% 5%;
    border-radius: 20px;
    gap: 15px;
    align-items: center;
    transition-duration: 0.3s;
}

.img-form {
    width: 80%;
    margin: 15% auto;
}

.form-page {
    text-align: center;
    background: #ffffffe3;
    margin-top: 25%;
    padding: 5% 3% 1%;
}

div#background6881a9ffd808df0013fa5677 {
    background: #ffffffe3;
    padding: 1% 5% 5%;
    margin-bottom: 10% !important;
}

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

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

div#background6881a9ffd808df0013fa5677 .form-control {
    box-shadow: none;
    height: 40px;
    border-radius: 0;
    border: none;
    border-bottom: 1px solid #b2b2b2;
    background: transparent;
}

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

.iframe-maps {
    margin-bottom: -6px;
}

.footer a, .btn-more:hover, .Template-J-buttonDetail:hover, .boarder-confirm-payment button:hover,
.btnCheckoutprevious:hover, .shopcart-paymentpage:hover, div#background6881a9ffd808df0013fa5677 button:hover,
.sect-recomend a {
    color: #fff;
}

.footer a:hover, .sect-recomend a:hover {
    color: #e0c478;
}

.shopcart:hover, .Template-J-frame:hover .Template-J-innerPic img,
.template1 .col-md-4.col-sm-4.col-xs-12:hover .img, .items-package:hover img,
.template1 .col-md-4.col-sm-4.col-xs-12:hover .ic-arr img,
.social-footer img:hover, .qr-line img:hover, .items-contact:hover img,
.Template-J-frame:hover .Template-J-pic img, .items-step:hover .icon-step,
div#Contentmanager .thumbnail>img:hover, .items-how-shop:hover img{
   transform: scale(1.05);
}

.btn-more:hover::before, .Template-J-buttonDetail:hover::before, .boarder-confirm-payment button:hover::before,
.btnCheckoutprevious:hover::before, .shopcart-paymentpage:hover::before, div#background6881a9ffd808df0013fa5677 button:hover::before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

.btn-more::before, .Template-J-buttonDetail::before, .boarder-confirm-payment button::before,
.btnCheckoutprevious::before, .shopcart-paymentpage::before, div#background6881a9ffd808df0013fa5677 button::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #a1496b;
    -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;
}

.Template-J-button:hover, .Template-J-frame:hover .Template-J-button{
    background: #5b4f25;
}

.Template-J-button:hover img, .Template-J-frame:hover .Template-J-button img{
   filter: brightness(0) saturate(100%) invert(79%) sepia(51%) saturate(304%) hue-rotate(2deg) brightness(89%) contrast(100%);
}

.Template-J-frame:hover {
    background: #f1efec;
}

.img-container .img, .ic-arr img, .qr-line img,
.social-footer img, .Template-J-pic img, .icon-step,
div#Contentmanager .thumbnail>img, .icon-how-shop img,
.icon-contact img {
   transition: transform 0.2s ease-out;
}

.Template-J-buttonDetail:hover img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(11%) saturate(1000%) hue-rotate(158deg) brightness(110%) contrast(100%);
}

.items-contact:hover {
    background: #f5f5f7;
    color: #a1496b;
}

.shopcartID-Head-Default.shopcartID {
    padding-bottom: 0 !important;
}

#scrolltoshop68805b796814a90013572425 > div.row.margin.Shopcart-Related-Main > div.col-xs-12.col-sm-12.col-md-12 {
    margin: 0 !important;
    padding-bottom: 0 !important;
}

.Template-J-Price.priceRelateBShow {
    padding-left: 5px !important;
}

.margin.Shopcart-Related-Main .Template-J-Name {
    margin-top: 5% !important;
}

label#message-line2 {
    margin-bottom: 5%;
    display: inline-block !important;
}

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

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

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

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

.ITPcheckboxAuthen {
    margin-bottom: 4%;
    margin-top: 2%;
}

.pagination>li>a, .pagination>li>span {
    color: #9e906a !important;
    border-color: transparent !important;
}

.pagination>.active>a, .pagination>.active>a:focus, 
.pagination>.active>a:hover, .pagination>.active>span, 
.pagination>.active>span:focus, .pagination>.active>span:hover {
    background-color: #9e906a !important;
    border-color: transparent !important;
    color: #fff !important;
    border-radius: 10px;
}

.shopcartName-Head-Default.shopcartName {
    margin-top: 5%;
}

.hidePriceText::after {
    content: "บาท";
    color: #dc000c;
    position: absolute;
    left: 0;
}

.hidePriceText {
    position: relative;
    color: #fff;
}


.frame-howto {
    width: fit-content;
    font-weight: 600;
    margin: auto;
    margin-top: 1rem;
    margin-bottom: 1rem;
    color: #dc000c;
    text-decoration: underline;
}

.exam-email {
    border: 1px solid #ddd;
    margin-top: 2%;
    border-radius: 30px;
    overflow: hidden;
}

.button-attribute-selected {
    background: #e0c478 !important;
    color: #54321a !important;
    font-size: 16px !important;
    border-color: #e0c478 !important;
    border-radius: 30px !important;
}

.button-attribute:hover {
     color: #54321a !important;
    border: 1px solid #e0c478 !important;
    background: #e0c478 !important;
}

.button-attribute {
    border-radius: 30px !important;
    font-size: 16px !important;
}

.policy-page ol {
    list-style: none;
}

.policy-page h5, .policy-page p {
    margin-bottom: 1.5rem;
}

.policy-page li p, .policy-page li, .policy-page h6 {
    margin-bottom: 1rem;
}

.policy-page ul {
    margin-bottom: 2rem;
}

.policy-page h6 {
    margin-top: 2rem;
}

#itpPaymentCheckoutPagePC > div:nth-child(1) > div > div.panel-body > div:nth-child(1) > div > label {
    font-size: 16px !important;
    font-weight: 400;
}

.itp-checkout-payment-pc-Mode .panel-default,
#itpPaymentCheckoutPagePC .panel-default{
    border-color: transparent;
    box-shadow: none !important;
}

.itp-checkout-payment-pc-Mode .panel-heading,
#itpPaymentCheckoutPagePC .panel-heading{
    background: #f5f5f7;
    border: none;
    border-radius: 10px;
    min-height: 43px;
}
/**************responsive**************/


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

h1 {
    font-size: 4.4em;
}

h2 {
    font-size: 3.6em;
}

h3 {
    font-size: 3.2em;
}

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

h5 {
    font-size: 2.4em;
}

h6 {
    font-size: 2em;
}

p, .pre-blog p, .Template-J-Price, .Template-J-Name,
.Template-J-buttonDetail, .Template-J-ProName, 
.Template-J-CateName, .Checkout-font table > tbody > tr > td > div,
.Checkout-font table > tbody > tr > td > div,
.Checkout-font table > tbody > tr > td > label,
.Checkout-font table > tbody > tr > td > span,
.Checkout-font > div > table > thead > tr > td,
.number-step, .blog-detail li::marker {
    font-size: 20px;
}

.blog-bank h6, .blog-contact h6 {
    font-size: 22px;
}

.btn-more, .boarder-confirm-payment button, .text-contact p,
.btnCheckoutprevious, div#background6881a9ffd808df0013fa5677 button {
    font-size: 18px;
}

.blog-step h6 {
    font-size: 24px;
}

.Headcheckout {
    font-size: 24px !important;
}

.shopcartName-Head-Default, .shopcartID-Head-Default, .shopcartSize-Default,
.Template-J-Item, .Template-J-Quantity, .shopcartSize-Default label {
    font-size: 20px !important;
}

.shopcartName-Default, .shopcartID-Default, .Template-J-PriceNormal,
.shopcartDetail, .shopcartRelated {
    font-size: 28px !important;
}

.ui.steps .step .title, .boarder-confirm-payment .label a {
    font-size: 16px;
}
  
  div#background68805b796814a90013572425 .form-control, 
  .boarder-confirm-payment .form-control,
  div#background6881a9ffd808df0013fa5677 .form-control{
    font-size: 16px !important;
}
  
  .shopcart {
    top: 45px !important;
    right: 25px !important;
    width: 60px !important;
    height: 60px !important;
}
  
  .Template-J-Name {
    height: 50px;
  }
  
  .Template-J-Price {
    height: 55px;
  }
  
  .Template-J-button {
    width: 55px !important;
    height: 55px;
    right: 13px;
    bottom: 13px;
}
  
  div#background687f6c4739e9c0001304705f {
    width: 95%;
    margin: auto;
}
  
  .sect-slogan {
    padding-bottom: 12%;
    padding-top: 73%;
}
  
  .sect-slogan h1 {
    line-height: 82px;
}
  
  .pre-blog img {
    width: 40px !important;
}
  
p {
    line-height: 30px;
}
  
  .social-footer img {
    width: 45px !important;
}
  
  .shopcartID-Head-Default.shopcartID {
    margin-top: 10%;
}
  
  .Template-J-smallpic {
    height: 205px;
  }
  
  .PictureOverflow {
    max-height: 230px !important;
  }
  
  .blog-detail li p {
    margin-bottom: 0.75rem;
}
  
  .sect-clime {
    padding-top: 8%;
}
  
  .items-contact {
    grid-template-columns: 11% auto;
}
  
  div#background6881a9ffd808df0013fa5677 .form-control,
  div#background68805b796814a90013572425 .input-group .form-control, 
  .boarder-confirm-payment .input-group .form-control,
  div#background68805b796814a90013572425 .form-control, 
  .boarder-confirm-payment .form-control{
    height: 45px;
}
  
  div#background6881a9ffd808df0013fa5677 .form-control {
    margin-bottom: 1rem;
}
  
  .ITP-pdpa-template-titleFont {
    font-size: 24px !important;
  }
  
  .ITP-pdpa-template-contentFont {
    line-height: 32px;
    font-size: 18px !important;
}
  
  .blog-detail h6 {
    margin-bottom: 2rem;
}
}

@media screen and (max-width: 1366px) {
  
  .sect-about {
    padding-bottom: 14%;
}
  
  h2 {
    font-size: 3em;
}
  
  h4, .managerHeader {
    font-size: 2.2em;
}
  
  .img-drink {
    margin-bottom: -30px;
}
  
  .sect-slogan {
    padding-left: 2%;
    padding-top: 65%;
    padding-bottom: 15%;
}
  
  .sect-slogan h1 {
    line-height: 66px;
}
  
  h6 {
    font-size: 1.5em;
}
  
  .footer p {
    font-size: 14px;
    line-height: inherit;
}
  
  .blog-detail.pt-8 {
    padding-top: 5%;
}
  
  .about-two {
    padding-top: 0;
}
  
  .img-form {
    width: 90%;
    margin: 10% auto;
    margin-top: 20%;
}
  
  .text-contact p {
    font-size: 12px;
}
}

@media screen and (max-width: 1200px) {
  
  ul#itopplus-nav-bar {
    padding-right: 8%;
}
  
  .shopcart {
    width: 50px !important;
    height: 50px !important;
    top: 20px !important;
}
  
h1 {
    font-size: 3.6em;
}

h2 {
    font-size: 2.8em;
}

h3 {
    font-size: 2.4em;
}

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

h5 {
    font-size: 1.8em;
}

h6 {
    font-size: 1.4em;
}
  
  .sect-about {
    padding-top: 5%;
}
  
  .sect-about02 {
    padding-left: 0;
}

  .img-drink {
        margin-bottom: -25px;
    }
  
  .Template-J-Price, .Template-J-Name {
    padding-left: 2px;
}
  
      .sect-slogan {
        padding-left: 0;
        padding-top: 65%;
        padding-bottom: 15%;
    }
  
  .head-product img, .head-page-product img {
    width: 160px !important;
  }
  
  .sect-recomend h6 {
    font-size: 18px;
}
  
  .Template-J-smallpic {
    height: 105px;
  }
  
  .items-contact {
    grid-template-columns: 12% auto;
    gap: 15px;
    padding: 4% 5%;
}
  
.items-contact p {
    font-size: 14px;
}
  
  .blog-contact {
    grid-template-columns: repeat(2, 1fr);
}
  
  .navbar-default .navbar-nav > li > a {
    padding: 8px 10px;
    margin: 0 1px;
}
  
  .navbar-default .navbar-nav>li>a, .dropdown-menu>li>a {
    font-size: 14px;
}
}

@media screen and (max-width: 900px) {
  
      .shopcart {
        width: 55px !important;
        height: 55px !important;
        top: 60px !important;
    }
  
h1 {
    font-size: 34px;
}

h2 {
    font-size: 30px;
}

h3 {
    font-size: 26px;
}

h4, .managerHeader {
    font-size: 24px;
}

h5 {
    font-size: 20px;
}

h6 {
    font-size: 18px;
}
  
      .sect-about {
        padding-top: 2%;
        padding-left: 4%;
        padding-bottom: 0;
    }
  
      .img-drink {
        margin-bottom: -20px;
    }
  
  div#contentnewmode687e0e2d39e9c000130454e7 .pt-5 {
    padding-top: 3%;
}

      .head-product img, .head-page-product img {
        width: 140px !important;
    }
  
  .Template-J-Name {
    height: 55px;
  }
  
  .Template-J-button {
    width: 45px !important;
    height: 45px;
}
  
      .sect-slogan {
        padding-left: 0;
        padding-top: 55%;
        padding-bottom: 0;
    }
  
      .sect-slogan h1 {
        line-height: inherit;
    }
  
      .sect-recomend h6 {
        font-size: 16px;
    }
  
  div#background687f5a9d41d4e30013976538 .col-md-3.col-sm-6.col-xs-12 {
    width: 25%;
}
  
  br, p.text-pc {
    display:none;
  }
  
  .sect-slogan h1 br, .Template-J-Price br {
    display: block;
}
  
  .pre-blog img {
    width: 30px !important;
}
  
  div#scrolltoshop68805b796814a90013572425 .col-xs-12.col-md-6 {
    width: 50%;
    padding: 0;
}
  
  .shopcartName-Default, .shopcartID-Default, .Template-J-PriceNormal {
    font-size: 20px !important;
    padding: 1% 0;
}
  
  .Template-J-PricePromotion {
    font-size: 24px !important;
}
  
      .Template-J-smallpic {
        height: 95px;
    }
  
  .head-page-blog img {
    height: 22px;
  }
  
  .head-page-product img {
    height: 28px;
}
  
  .number-step {
    width: 30px;
    height: 30px;
    font-size: 14px;
  }
  
  .blog-step h6 {
    font-size: 17px;
    margin-bottom: 2%;
}
  
  .blog-step p {
    font-size: 15px;
}
  
  p {
    line-height: inherit;
}
  
  .icon-step {
    width: 50%;
  }
  
  .boarder-confirm-payment .col-xs-12.col-sm-3.col-md-3 {
    padding-left: 0;
}
  
  .boarder-confirm-payment .col-xs-3.col-sm-2.col-md-2 {
    width: 30%;
}
  
  .sect-clime {
    padding-left: 4%;
    padding-top: 0;
}
  
  .blog-contact {
    gap: 15px;
    grid-template-columns: repeat(2, 1fr);
}
  
  .items-contact {
    padding: 4% 2%;
    grid-template-columns: 12% auto;
}
  
  div#scrolltoshop .col-xs-12.col-sm-11.col-md-11 {
    width: 100%;
}
  
  div#background6881d55f6a38f60013221444 {
    display: none;
}
  
  .ITPcheckboxAuthen {
    text-align: left;
    margin-bottom: 6%;
}
  
  .social-footer img {
    width: 27px !important;
}
  
  .social-footer {
    flex-wrap: wrap;
}
}

@media screen and (max-width: 480px) {
  
  div#background6881d55f6a38f60013221444 {
    display: block;
}
  
  div#imagesControl687f59f7e6aa8c0013443365,
  div#imagesControl6881d55f6a38f60013221444,
  .blog-detail, .manage-form-confirm-payment,
  div#mainmenu6881a9ffd808df0013fa5677>div{
    padding: 0 !important;
}
  
  ul#slider6881d55f6a38f60013221444 {
    margin-bottom: -6px;
}
  
.sect-about, .sect-slogan, .sect-clime,
  .about-page, .about-two {
    padding: 0;
}
  
      h4, .managerHeader {
        font-size: 22px;
    }
  
  .itopplus-bg2 {
    background-size: cover;
}
  
div#mainmenu687f60ae00067f0013ff3f45 .none-middle-mid .none-middle-mid,
div#mainmenu687f6c39222e380013df5f06 .none-middle-mid .none-middle-mid,
div#mainmenu6881a9cb6a38f60013220cac .CASS-B-middle-mid .none-middle-mid{
    display: block;
}
  
div#mainmenu687f60ae00067f0013ff3f45 .none-middle-mid,
  div#mainmenu687f6c39222e380013df5f06 .none-middle-mid{
    display: flex;
    flex-wrap: wrap-reverse;
    gap: 20px;
}
  
    div#mainmenu687f6c39222e380013df5f06 .none-middle-mid{
    gap: 0;
}
  
  div#mainmenu6881a9cb6a38f60013220cac .CASS-B-middle-mid{
    display: flex;
    flex-wrap: wrap-reverse;
}
  
  .itopplus-bg {
    background-position: left;
}
  
  .itopplus-bg2 {
    background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_26072024rcfk/0/0/bg-mobile02z-z1461814555295.png);
}
  
  .CASS-A-border, .iframe-maps {
    margin: -10px;
}
  
  .sect-about02, .sect-slogan, .about-two {
    margin-bottom: 10%;
}
  
  div#mainmenu687f659100067f0013ff4036>div {
    padding-bottom: 0 !important;
}
  
      .img-drink {
        width: 90%;
        margin: auto;
        margin-bottom: -15px;
    }
  
  .btn-more, .boarder-confirm-payment button, .btnCheckoutprevious, 
  div#background6881a9ffd808df0013fa5677 button {
    font-size: 13px;
}
  
  .sect-about, .sect-about02, .sect-slogan,
  .copy-right {
    text-align: center;
}
  
  .text-japan {
    justify-content: center;
    margin-bottom: 1rem;
}
  
  .text-japan img {
    width: 40px !important;
}
  
  .sect-about h4 {
    margin-bottom: 0.5rem;
}
  
  .line-design {
    margin: 5% auto;
}
  
  .btn-more {
    margin: auto;
}
  
      h2 {
        font-size: 26px;
    }
  
  .pt-8.head-product {
    padding-top: 12%;
}
  
  .mainProductFilterContainer {
    flex-wrap: wrap;
}
  
  .mainProductFilterContainer .col-xs-12.col-sm-3{
    padding: 0 5%;
}
  
      .Template-J-Name {
        height: 37px;
        line-height: 24px;
    }
  
  .sect-slogan p {
    margin: auto;
    margin-bottom: 5%;
}
  
  .itopplus-bg3 {
    background-position: 10% top;
}
  
      h1 {
        font-size: 26px;
    }
  
  div#background687f6c4739e9c0001304705f {
    width: 90%;
    margin: auto;
}
  
  .sect-recomend h4 {
    font-size: 20px;
}
  
      .sect-recomend h6 {
        font-size: 13px;
    }
  
  .sect-recomend {
    padding: 6% 0;
}
  
  .template1 {
    grid-template-columns: repeat(1, 1fr);
}
  
      div#background687f5a9d41d4e30013976538 .col-md-3.col-sm-6.col-xs-12 {
        width: 100%;
        text-align: center;
    }
  
  .pe-20 {
    padding-left: 0;
}
  
  .footer h6 br {
    display: block;
}
  
  .footer p {
    padding: 0 3%;
   margin: 2% 0;
}
  
  .qr-line {
    width: 30%;
  }
  
  .social-footer {
    justify-content: center;
}
  
  .social-footer img {
    width: 30px !important;
}
  
  .copy-right p {
    font-size: 12px;
}
  
  .ProductCheckoutColor {
    color: #54321a !important;
}
  
      #respCheckout3, .shopcartID-checkout-Default {
        font-size: 14px !important;
    }
  
  .button-increase-shop-cart, .button-minus-shop-cart {
    background: #e0c478;
    border: none;
    border-radius: 5px;
}
  
  #scrolltoshop > div > div.col-xs-12.col-md-12.col-sm-12 > div.col-md-12.col-xs-12.col-sm-12.Checkout-font > div > table > tbody > tr:nth-child(1) > td:nth-child(3) > a > span {
    color: #444;
}
  
  .Checkout-font-panel .input-group {
    margin-bottom: 10px;
}
  
  .shopcart-paymentpage {
    margin: 6% auto;
}
  
  .Checkout-font br {
    display: block;
}
  
  div#scrolltoshop68805b796814a90013572425 .col-xs-12.col-md-6 {
    width: 100%;
}
  
      .Template-J-smallpic {
        height: auto;
        border: none;
        border-radius: 0;
    }
  
  .Template-J-smallpic img {
    border-radius: 10px;
}
  
  #scrolltoshop68805b796814a90013572425 > div:nth-child(1) > div:nth-child(4) {
    padding-top: 0 !important;
}
  
  div#background68805b796814a90013572425 .form-control, .boarder-confirm-payment .form-control {
    height: 35px;
}
  
  #scrolltoshop68805b796814a90013572425 > div:nth-child(1) > div.col-xs-12.col-sm-12.col-md-12.shopcartAllDetail {
    margin: 0 !important;
}
  
  .col-xs-12.col-sm-12.col-md-12.shopcart-Detail-Detail {
    padding: 0;
    margin-top: 6% !important;
    margin-right: 0 !important;
}
  
  .shopcartDetail, .shopcartRelated {
    font-size: 20px !important;
    padding: 3% 0 !important;
}
  
  .Shopcart-Related-Main .col-xs-6.col-sm-12 {
    padding: 0 2%;
}
  
  .head-product img, .head-page-product img {
        width: 100px !important;
    }
  
      .head-page-product img {
        height: 20px;
    }
  
  .head-page-blog img {
        height: 18px;
        width: 20% !important;
    }
  
  div#Contentmanager .col-md-12.text-justify {
    padding: 0 2%;
}
  
  div#Contentmanager .col-md-6.pull-left, div#Contentmanager .col-md-6.pull-right {
    width: 100%;
    padding: 0;
    float: none !important;
}
  
      .social-share {
        display: none;
    }
  
  .pass-blog {
    grid-template-columns: repeat(1, 1fr);
    gap: 5px;
}
  
  .Contenemanager-gallery .col-xs-6.col-md-3 {
    width: 50%;
    padding: 0 3%;
}
  
  .head-page-how img {
    height: 22px;
    width: 30% !important;
  }
  
  .blog-how-shop {
    grid-template-columns: repeat(1, 1fr);
}
  
  .icon-how-shop, .icon-step {
    width: 100%;
    margin: 0;
}
  
  .items-how-shop {
    display: grid;
    grid-template-columns: 27% auto;
    text-align: left;
    align-items: center;
    gap: 18px;
    padding: 4%;
}
  
  .items-step {
    width: 100%;
    display: grid;
    grid-template-columns: 24% auto;
    text-align: left;
    align-items: center;
    gap: 18px;
    padding: 3%;
}
  
  .head-how {
    padding-top: 20%;
}
  
  .blog-step {
    gap: 10px;
}
  
  .blog-bank, .items-package {
    gap: 15px;
}
  
  .blog-bank h6, .blog-contact h6 {
    font-size: 15px;
}
  
      .boarder-confirm-payment .col-xs-12.col-sm-3.col-md-3 {
        padding-left: 7%;
    }
  
  #Upload > div:nth-child(6) > div.col-xs-12.col-sm-6.col-md-6 {
    padding: 0 10% !important;
}
  
  .blog-package {
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
    margin-top: 5%;
}
  
  .items-package .btn-more {
    margin-left: 0;
}
  
  .text-package p {
    font-size: 13px;
    margin-top: 1%;
}
  
  .items-package {
    padding: 15px 10px;
}
  
  .head-pay.pt-5 {
    padding-top: 10%;
}
  
  .head-page-how h6 {
    font-size: 14px;
}
  
  .blog-contact {
    margin: 10% 0 0;
    grid-template-columns: repeat(1, 1fr);
}
  
      .items-contact {
        padding: 3% 2%;
        grid-template-columns: 11% auto;
    }
  
      .img-form {
        width: 100%;
        margin: 0;
        margin-top: 20%;
  }
  
  .form-page {
      margin-top: 10%;
}
  
  .ITPcookiebar {
    padding: 3% 2%;
    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: 12px;
}

}

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