.itopplus-background {

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

.navbar-default .navbar-nav > li > a {
  color: #181818;
  margin: 0 10px;
  padding: 5px 0px;
  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: #0060b2 !important;
  box-shadow: none;
  border-color: #0060b2;
  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: #fff;
    background: #0060b2;
}

@media screen and (max-width: 992px) {
  #controlBanner img {
    position: fixed;
    top: 10px;
    left: 10px;
    width: 45px !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, 12vw, 170px);
    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 {
    text-align: right;
    color: #444;
    width: fit-content;
  }
}

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

@media screen and (min-width: 1900px) {
  
      .no-js .container {
        width: 85vw;
    }
}

@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: 4.125em;
}

h2 {
    font-size: 3.2em;
}

h3 {
    font-size: 2.8em;
}

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

h5 {
    font-size: 2em;
}

h6 {
    font-size: 1.4em;
}

p, .Template-J-button, .pagination>li>a,
.text-article h5, .pre-article p, .join-work p,
div#formdisplay67bd66efac41820013cd724f .form-control,
.Checkout-font > div > table > thead > tr > td > b,
.Checkout-font > div > table > tbody > tr > td > div,
.Checkout-font > div > table > tbody > tr > td > label,
.Checkout-font > div > table > tbody > tr > td > span,
.button-attribute, .button-attribute-selected{
    font-size: 16px;
}

.footer h6, .Template-J-Name, .Template-J-Price, 
.text-article h6, .pre-article h6, .join-work h6,
.nav-template7 li>a strong, .blog-how li h6{
    font-size: 18px;
}

.text-category h5 {
    font-size: 20px;
}

.product-detail h5 {
    font-size: 22px;
}

.btn-more, div#formdisplay67bd66efac41820013cd724f button,
.boarder-confirm-payment label,div#Component67bc2aae9d2a2f00145dede6 .form-control, 
.boarder-confirm-payment .form-control, .shopcart-paymentpage,
.boarder-confirm-payment button, .btnCheckoutprevious,
div#shop_member_login button, div#Component67be81b226404e0013a36d03 button,
.Template-J-buttonDetail, .article-detail li::marker,
  .Checkout-font-panel > div > div > div.panel-body > div > div.table-responsive.table-responsive-mobile.col-md-12.col-xs-12 > table > thead > tr > td > label,
  .Checkout-font-panel > div > div > div.panel-body > div > div.table-responsive.table-responsive-mobile.col-md-12.col-xs-12 > table > tbody > tr > td > label,
  .Checkout-font-panel > div > div > div.panel-body > div > div.table-responsive.table-responsive-mobile.col-md-12.col-xs-12 > table > tbody > tr > td > div,
.Checkout-font-panel > div > div > div.panel-body > div > label,
.Checkout-font-panel > div > div > div.panel-body > div > div > label{
    font-size: 14px;
}

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

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

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

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


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

.head-tell, .head-mail {
    display: grid;
    grid-template-columns: 20px auto;
    text-align: left;
    gap: 7px;
    align-items: center;
}

.head-contact {
    background: #dee6ef;
    display: flex;
    gap: 20px;
    padding: 0.75rem 2rem;
    border-radius: 30px;
}

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

.footer h6, .sect-about h4, .sect-about h2,
.sect-product h3, .priceNoPromotion, .text-article h6,
.text-garuntee h6, .join-work h6, .form-register h4,
.form-work h5, .channel-buy h5, .head-how h5,
.blog-how h6, b, strong, label, .head-how h6,
.blog-bank h5,.product-detail h6, .product-detail h5,
.fw-semi, .contact-page h4, .contact-sub h6,
.form-contact h5, .ui.steps .step .title,
h3.managerHeader, .article-detail h6, .article-detail h5{
    font-weight: 600;
}

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

.footer ul {
    list-style: none;
    padding: 0;
    margin-top: 6%;
}

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

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

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

.footer a {
    color: #fff;
}

.head-contact a, .policy-pay a,
.boarder-confirm-payment .input-group .label a,
.contact-page a, .article-detail a{
    color: #444;
}

.head-contact a:hover, .priceNoPromotion, .text-article h6,
.policy-pay a:hover, .contact-page a:hover, .article-detail a:hover{
    color: #0a6daf;
}

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

.copy-right, .sect-product, .blog-product,
.form-register h4, .form-work h5, .channel-buy,
.head-how, .form-contact, h3.managerHeader{
    text-align: center;
}

.shopcart {
    background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_04002024e8xf/512/0/shopping-cartz-z948252516787.webp) !important;
    background-size: contain !important;
    background-size: 45% !important;
    width: 60px !important;
    height: 60px !important;
    border-radius: 50%;
    background-position: center;
    background-color: #0a6daf;
    top: 35px;
    right: 30px;
  transition: all 0.2s ease-out;
}

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

.CASS-A-middle-left, .CASS-A-middle-right,
.CASS-A-bottom, .CASS-A-top, figure.effect-jazz figcaption::after,
.boderedlayoutClient, .dropdown-menu,
.Template-J-Big img, .Template-J-smallpic {
    border: none;
}

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

.CASS-A-main .imgLightbox, .img-brand img,
div#background67bc3371e5b23e0013842694 figure,
div#background67bc475fe5b23e0013842a1b figure{
    border-radius: 20px;
    overflow: hidden;
}

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

.sect-about , .join-work{
    color: #272727;
}

.sect-about h2, .product-detail h5, .text-blue {
    color: #0e76bc;
}

.sect-product, .form-register h4, .channel-buy {
    color: #616161;
}

.sect-about p, .text-article h5, .product-detail p,
.article-detail p{
    line-height: 24px;
}

.sect-about h2, .sect-about p, .sect-product,
.text-article h5, .join-work ul{
    margin-bottom: 3%;
}

.sect-about {
    padding-right: 4%;
}

.logo-brand {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    width: 70%;
    align-items: center;
    gap: 40px;
    margin: 5% 0 7%;
}

.btn-more, div#formdisplay67bd66efac41820013cd724f button,
.boarder-confirm-payment button, .btnCheckoutprevious,
div#shop_member_login button, div#Component67be81b226404e0013a36d03 button,
.shopcart-paymentpage{
    width: fit-content;
    background: #0a6daf;
    padding: 1rem 2rem;
    color: #fff;
    border-radius: 30px;
    transition: all 0.2s ease-out;
}

.shopcart-paymentpage, .btn-policy .btn-more {
    margin: auto;
}

.img-logo-brand {
    width: 60%;
    margin: auto;
    margin-bottom: 5%;
}

.blog-product p {
    margin-bottom: 8%;
    color: #000;
}

#background67bc2aae9d2a2f00145dedd6 {
    width: 85%;
    margin: auto;
    background: #ecf0f5 !important;
    border-radius: 30px;
    padding: 3%;
}

/*******************cart*********************/

.shopcart-Cate a {
    color: #0a6daf;
}

.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: #232323;
}

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

.shopcartID-Default, .shopcartName-Default, .shopcartlinePrice-Default, .shopcartName-Head-Default, .shopcartID-Head-Default {
    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: "LINE Seed Sans TH" ,sans-serif;
}

.shopcartlinePrice-Default .Template-J-PricePromotion {
    font-size: 24px !important;
}

.shopcartDetail, .shopcartRelated {
    font-weight: 600;
    font-size: 20px !important;
    color: #232323;
}

.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: 150px;
}

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

.Template-J-buttonDetail {
    width: 25%;
    background-color: #0a6daf;
    border-radius: 30px;
    color: #fff;
    padding: 0.75rem;
    margin: 2% 0 !important;
  transition: all 0.2s ease-out;
}

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

.ui.steps .step.active {
    background: linear-gradient(to right, #0a6daf, #3eaaf3);
    color: #fff;
}

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

.step5checkout, .step1checkout {
    background: linear-gradient(to right, #0a6daf, #3eaaf3);
    border-color: #3eaaf3;
}

.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: #fff;
}

div#scrolltoshop .table-responsive tr, div#scrolltoshop .table-responsive tr:last-child>td, 
div#Component67bc2aae9d2a2f00145dede6 .table>tbody>tr>td,
#scrolltoshop67bc2aae9d2a2f00145dede6 > div:nth-child(1) > div:nth-child(2){
    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,
.boarder-confirm-payment .input-group .label{
    font-size: 12px;
}

div#Component67bc2aae9d2a2f00145dede6 .ui.segment {
    line-height: 48px;
    box-shadow: none;
    background: #f5f5f7;
    border-radius: 15px;
}

div#shop_member_login button {
    background-image: none;
    border: none;
}

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

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

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

.Template-J-button {
    background-color: #0a6daf;
    border-radius: 30px;
    color: #fff;
    padding: 0.75rem;
    width: 35%;
    position: absolute;
    right: 20px;
    bottom: 30px;
  transition: all 0.2s ease-out;
}

.Template-J-Icon {
    width: 23%;
}

.Template-J-frame{
    padding: 0 0 5%;
    transition: transform 0.2s ease-out;
    background: #fff;
  position: relative;
}

.Template-J-frame, .Template-J-Big img, .Template-J-smallpic>img,
div#Contentmanager .img-thumbnail, .Contenemanager-gallery .thumbnail>img,
div#Contentmanager .img-responsive,div#background67bc32a90bbc460013e72d97 .imgLightbox img{
    border-radius: 20px;
}
div#Contentmanager .img-responsive{
    width: 100%;
}

div#shopitemB-Detail {
    background: #f5f5f7;
    border-radius: 20px;
}

.Template-J-pic {
    border: none;
    height: auto !important;
   border-radius: 20px 20px 0 0;
}

.Template-J-Name label {
    font-weight: 500;
}

.Template-J-Price {
    font-weight: 600 !important;
}

.Template-J-Name {
    height: 64px;
    text-align: left !important;
    padding: 0 10px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 5%;
}

.Template-J-Price {
    height: 40px;
    text-align: left !important;
    padding: 0 10px !important;
}

.Template-J-Price label {
    color: #000 !important;
}

.text-category h5 {
    color: #000;
}

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

div#background67bc2aae9d2a2f00145dedd6 .pagination>li:nth-child(-n + 2), 
div#background67bc2aae9d2a2f00145dedd6 .pagination>li:last-child, 
div#background67bc2aae9d2a2f00145dedd6 .pagination>li:nth-child(n + 6),
.form-work span{
    display: none;
}

div#background67bc2aae9d2a2f00145dedd6 .pagination {
    display: block;
    margin: auto;
    width: fit-content;
}

.pagination>.active>a, .pagination>.active>a:focus, 
.pagination>.active>a:hover, .pagination>.active>span, 
.pagination>.active>span:focus, .pagination>.active>span:hover,
.pagination>li>a:focus, .pagination>li>a:hover, 
.pagination>li>span:focus, .pagination>li>span:hover{
    background-color: #7a7a7a;
    border-color: #7a7a7a;
      color: #fff;
}

.pagination>li>a, .pagination>li>span {
    margin: 5px;
    border: none;
    border-radius: 5px;
    background: #c5c5c5;
    color: #fff;
    font-weight: 600;
}

#background67bc32a90bbc460013e72d97 {
    margin-top: -170px;
}

figure.effect-jazz h2 {
    padding-top: 0;
    -webkit-transition: inherit;
    transition: inherit;
}

figure.effect-jazz h2, figure.effect-jazz p {
    -webkit-transform: inherit;
    transform: inherit;
}

div#background67bc3371e5b23e0013842694 figcaption,
div#background67bc475fe5b23e0013842a1b figcaption{
    position: relative;
    padding: 0;
    text-transform: none;
    text-align: left;
    color: #282828;
}

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

div#background67bc3371e5b23e0013842694 .imgLightbox,
div#background67bc475fe5b23e0013842a1b .imgLightbox,
div#Contentmanager .img-container{
    overflow: hidden;
}

div#background67bc3371e5b23e0013842694 .imgLightbox img,
div#background67bc475fe5b23e0013842a1b .imgLightbox img,
div#Contentmanager .img-container .img,
div#Contentmanager .img-container{
    border-radius: 20px 20px 0 0;
}

div#background67bc3371e5b23e0013842694 figure,
div#background67bc475fe5b23e0013842a1b figure{
    background: #fff;
}

.text-article {
    padding: 2% 4%;
}

.blog-garuntee {
    background: #0a6daf;
    display: grid;
    grid-template-columns: 17% auto;
    gap: 20px;
    padding: 5% 14%;
    color: #fff;
    align-items: center;
    border-radius: 15px;
  transition: all 0.2s ease-out;
}

.text-garuntee h6 {
    margin: 3% 0;
}

.blog-garuntee.blog-vision {
    padding: 5% 10%;
}

.text-category {
    padding: 0 7% 5%;
}

.text-category h5 {
    margin-bottom: 5%;
}

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

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

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

div#Contentmanager .col-md-4.col-sm-4.col-xs-12 {
    width: 100%;
    padding: 0 !important;
    background: #fff;
    border-radius: 20px;
}

.pre-article {
    text-align: left;
    padding: 3% 5% 6%;
    color: #000;
}

.pre-article p {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 5%;
}

.pre-article h6 {
    height: 51px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 26px;
    color: #0a6daf;
    font-weight: 600;
}

.nav-template7 li>a {
    width: 100%;
    background: #fff;
    padding: 1% 2%;
    border-radius: 10px;
    position: relative;
    text-align: left;
}

.nav-template7 li {
    border: none;
    padding: 0;
    margin-bottom: 1%;
      background: #fff;
    border-radius: 10px;
}

.nav-template7 li>a strong {
    font-weight: 600;
    color: #1075bd;
}

.nav-template7 li .fa-plus:before {
    content: "︾";
    position: absolute;
    right: 20px;
    top: 17px;
    font-size: 20px;
    color: #1075bd;
}

.join-work li {
    list-style: disc;
    margin-bottom: 0.5rem;
}

.nav-template7 li:hover {
    background: #fff;
    border-radius: 10px;
}

.join-work {
    padding-bottom: 3%;
}

.form-register h4, .head-how h5 {
    margin-bottom: 2%;
}

div#formdisplay67bd66efac41820013cd724f {
    border-radius: 20px;
    padding: 2%;
}

div#formdisplay67bd66efac41820013cd724f .form-control {
    box-shadow: none;
    border-radius: 0;
    border: none;
    border-bottom: 1px dashed #909090;
    margin-bottom: 2rem;
    width: 100% !important;
}

.form-work2 {
    color: rgb(85, 85, 85);
}

.form-work h5 {
    margin-top: 2%;
    color: #616161;
}

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

div#formdisplay67bd66efac41820013cd724f button,
.boarder-confirm-payment button, .btnCheckoutprevious,
div#shop_member_login button, div#Component67be81b226404e0013a36d03 button{
    text-shadow: none;
    border: none;
    padding: 0.75rem 2rem;
}

.policy-pay h5 {
    margin-top: 2%;
    margin-bottom: 2%;
    text-decoration: underline;
    color: #444;
    font-weight: 600;
}

.policy-pay li, .product-detail li {
    margin-bottom: 0.5rem;
}

.channel-buy img {
    width: 60% !important;
}

.blog-how ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    list-style: none;
    padding: 0;
    gap: 20px;
}

.blog-how li {
    width: 23%;
    padding: 2%;
    text-align: center;
    background: #ecf0f5;
    border-radius: 20px;
    transition: transform 0.2s ease-out;
}

.number-how {
    width: 40px;
    height: 40px;
    background: #f5f5f7;
    font-size: 18px;
    padding-top: 7%;
    border-radius: 50%;
    text-align: center;
    position: absolute;
    right: 0;
}

.icon-how {
    width: 50%;
    position: relative;
    margin: auto;
    margin-bottom: 8%;
}

.boarder-confirm-payment label {
    font-weight: 500;
    padding-right: 0;
}

.boarder-confirm-payment {
    border: none !important;
    background: #f5f5f7;
    padding: 1%;
    border-radius: 15px !important;
}

.notificationcart {
    bottom: 45%;
    right: 15%;
    width: 20px;
    height: 20px;
}

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

.boarder-confirm-payment .input-group .label,
.btnCheckoutprevious{
    font-weight: 400;
}

.blog-bank img {
    width: 25% !important;
    margin-bottom: 2%;
}

.blog-bank {
    background: #f5f5f7;
    border-radius: 15px;
    padding: 8%;
    text-align: center;
}

.blog-bank h5 {
    margin: 5% 0;
}

.head-how h6 {
    margin-bottom: 4%;
}

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

.mainProductFilterContainer .col-xs-12.col-sm-3 .Template-J-button {
    width: 40%;
    bottom: 20px;
}

.col-xs-12.col-sm-12.col-md-12.shopcartDetail-Default.shopcartDetail {
    width: 100% !important;
    border: none;
    background: #ecf0f5;
    border-radius: 8px;
}

.product-detail h6 {
    margin-top: 2rem;
}

.product-detail {
    padding: 2%;
}

.sect-product h3 {
    margin-top: 0;
}

.contact-page {
    padding-left: 7%;
}

.contact-page li {
    display: grid;
    grid-template-columns: 35px auto;
    align-items: center;
    gap: 10px;
    margin-bottom: 1rem;
    background: #ffffff8c;
    border-radius: 30px;
    padding: 0.2rem;
}

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

.contact-sub {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}

.contact-sub h6 {
    line-height: inherit;
}

.form-contact {
    width: 50%;
    margin: auto;
    background: #ecf0f5;
    padding: 3% 3% 1%;
    border-radius: 20px 20px 0 0;
}

div#Component67be81b226404e0013a36d03 {
    width: 50%;
    background: #ecf0f5;
    margin: auto;
    border-radius: 0 0 20px 20px;
    padding: 1% 2% 2%;
}

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

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

div#Component67be81b226404e0013a36d03 .form-control {
    box-shadow: none;
    border: none;
}

div#Component67be81b226404e0013a36d03 .form-control {
    border-radius: 10px;
}

.Shopcart-Related-Main .Template-J-frame {
    background: #f5f5f7;
}

.Shopcart-Related-Main .Template-J-Name {
    height: 55px;
}

div#shop_member_login .form-control {
    box-shadow: none;
    height: 40px;
    border-radius: 10px;
}

.head-tell:hover img, .head-mail:hover img {
    filter: brightness(0) saturate(100%) invert(23%) sepia(77%) saturate(2468%) hue-rotate(187deg) brightness(95%) contrast(92%);
}

.btn-more:hover, div#formdisplay67bd66efac41820013cd724f button:hover, 
.boarder-confirm-payment button:hover, .btnCheckoutprevious:hover, 
div#shop_member_login button:hover, div#Component67be81b226404e0013a36d03 button:hover, 
.shopcart-paymentpage:hover, .shopcart:hover, .Template-J-button:hover,
.Template-J-frame:hover .Template-J-button, div#background67bc3371e5b23e0013842694 figure:hover .btn-more,
.blog-garuntee:hover, div#background67bc475fe5b23e0013842a1b figure:hover .btn-more,
div#Contentmanager .col-md-4.col-sm-4.col-xs-12:hover .btn-more{
    background-color: #31a1ec;
}

.logo-brand img, .img-logo-brand img, .img-brand img,
.Template-J-innerPic img, .footer li img, .social-footer img,
.Template-J-pic img, div#Contentmanager .img-container .img,
.contact-page li img,  .itopplus-search-image-flex-item img{
    transition: transform 0.2s ease-out;
}

.logo-brand img:hover, .shopcart:hover,.btn-more:hover, div#formdisplay67bd66efac41820013cd724f button:hover, 
.boarder-confirm-payment button:hover, .btnCheckoutprevious:hover, 
div#shop_member_login button:hover, div#Component67be81b226404e0013a36d03 button:hover, 
.shopcart-paymentpage:hover, .blog-product:hover img, .Template-J-frame:hover .Template-J-innerPic img,
div#background67bc3371e5b23e0013842694 figure:hover .btn-more, .blog-garuntee:hover,
.footer li:hover img, .social-footer img:hover, div#background67bc475fe5b23e0013842a1b figure:hover .btn-more,
.Template-J-buttonDetail:hover, .Template-J-frame:hover .Template-J-pic img,
div#Contentmanager .col-md-4.col-sm-4.col-xs-12:hover .img,.blog-how li:hover,
div#Contentmanager .col-md-4.col-sm-4.col-xs-12:hover .btn-more,
.contact-page li:hover img, .itopplus-search-image-flex-item:hover img{
   transform: scale(1.05);
}

.blog-garuntee.blog-vision:hover  {
   transform: scale(1);
}

.Template-J-frame .Template-J-innerPic {
    border-radius: 20px 20px 0 0;
    overflow: hidden;
}

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

div#Contentmanager .img-thumbnail, div#Contentmanager .thumbnail {
    border: none;
    padding: 0;
    box-shadow: none;
    margin-bottom: 2%;
}

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

.article-detail h6 {
    margin-top: 3rem;
}

.article-detail p, .article-detail h6, .article-detail ul,
.article-detail ol, .article-detail h5{
    margin-bottom: 2rem;
}

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

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

h3.managerHeader {
    line-height: inherit;
}

div#Contentmanager .clearfix {
    margin: 0 !important;
}

.nav-template7 li:hover a {
    background: #f5f5f7;
}

.button-attribute,  .button-attribute-selected {
    border-radius: 30px !important;
}

.button-attribute:hover, .button-attribute-selected {
    border: 1px solid #0a6daf !important;
    background: #0a6daf !important;
    color: #fff !important;
}

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

#progresscontent {
    height: 8px;
  width: 50%;
}
div#searchResultLanding .panel {
    border: none;
    box-shadow: none;
}

div#itp-shopcart-detail {
    padding: 0 !important;
}

tr.search-filter {
    display: none;
}

.itopplus-search-image-flex-item {
    width: 100% !important;
    box-shadow: none !important;
    background-color: #ecf0f5 !important;
    border-radius: 20px !important;
    min-height: 465px !important;
    max-height: 465px !important;
    text-align: left !important;
    padding: 0 !important;
}

.itopplus-search-image-flex-container {
    display: grid !important;
    grid-template-columns: repeat(3,1fr)  !important;
    gap: 20px !important;
}

.itopplus-search-shopcart-image-position {
    width: 100% !important;
}

.itopplus-search-shopcart-id, p.search_text br {
    display: none !important;
}

p.search_text {
    padding: 0 5%;
}

p.search_text b {
    display: block;
    height: auto;
    font-size: 18px !important;
    font-weight: 400;
}

b.itopplus-search-shopcart-name {
    margin-bottom: 2%;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

b.itopplus-search-shopcart-price {
    color: #0a6daf;
}

.itopplus-search-image-flex-item:hover {
    background-color: #f5f5f7 !important;
}

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

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

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

.ITPlinkToCookiepage:hover {
    color:#0a6daf !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#cookie67be81b226404e0013a36d03 {
    padding: 2% 0 4%;
}

/*
.fancybox-opened {
    width: 30% !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%);
}

.fancybox-inner {
    width: 100% !important;
    height: auto !important;
}*/

#registerModalAcceptPolicyText1::after {
    content: "กรุณาเข้ายืนยันการสมัครสมาชิก ผ่าน E-mail ที่ใช้สมัคร";
    position: absolute;
    height: auto;
    left: 0;
    top: -38px;
    color: #e83e3e;
    font-size: 14px;
    width: 30vw;
    text-align: center;
}

#registerModalAcceptPolicyText1 {
    position: relative;
}

#scrolltoshop > div > div.col-xs-12.col-md-12.col-sm-12 > div:nth-child(3) > div > div > div:nth-child(2) > div.panel-body.Checkout-font-panel > div.col-xs-12.col-sm-12.col-md-12:last-child,
#scrolltoshop > div > div.col-xs-12.col-md-12.col-sm-12 > div:nth-child(3) > div > div > div.panel.panel-default.animated.fadeInDown > div.panel-body.Checkout-font-panel > div.col-xs-12.col-sm-12.col-md-12{
    display: none;
}

label#itp-example-dear {
    display: block !important;
}

.qr-promt img {
    width: 60% !important;
    margin-top: 3%;
}

.blog-bank hr {
    border-color: #0a6daf;
    width: 60px;
    border-width: 5px;
}

.step5checkout::after {
    content: " ";
    width: 250px;
    height: 300px;
    background-image: url(https://itp1.itopfile.com/ImageServer/z_itp_04002024e8xf/539/0/%E0%B8%9E%E0%B8%A3%E0%B9%89%E0%B8%AD%E0%B8%A1%E0%B9%80%E0%B8%9E%E0%B8%A2%E0%B9%8Cz-z1357203451594.webp);
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    left: -55px;
    top: 155px;
}

.step5checkout {
    position: relative;
    margin-bottom: 310px;
}
/*********************responsive********************/

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

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

}
  
  .navbar-default .navbar-nav>li>a {
    padding: 5px;  
  }

h1 {
    font-size: 4.625em;
}

h2 {
    font-size: 4em;
}

h3 {
    font-size: 3.2em;
}

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

h5 {
    font-size: 2.4em;
}

h6 {
    font-size: 1.8em;
}

p, .Template-J-button, .pagination>li>a,
.text-article h5, .pre-article p, .join-work p,
div#formdisplay67bd66efac41820013cd724f .form-control,
.Checkout-font > div > table > thead > tr > td > b,
.Checkout-font > div > table > tbody > tr > td > div,
.Checkout-font > div > table > tbody > tr > td > label,
.Checkout-font > div > table > tbody > tr > td > span,
  .button-attribute, .button-attribute-selected{
    font-size: 20px;
}

.footer h6, .Template-J-Name, .Template-J-Price, 
.text-article h6, .pre-article h6, .join-work h6,
.nav-template7 li>a strong, .blog-how li h6,
.number-how{
    font-size: 22px;
}

.text-category h5, .nav-template7 li .fa-plus:before {
    font-size: 24px;
}

.product-detail h5 {
    font-size: 26px;
}

.btn-more, div#formdisplay67bd66efac41820013cd724f button,
.boarder-confirm-payment label,div#Component67bc2aae9d2a2f00145dede6 .form-control, 
.boarder-confirm-payment .form-control, .shopcart-paymentpage,
.boarder-confirm-payment button, .btnCheckoutprevious,
div#shop_member_login button, div#Component67be81b226404e0013a36d03 button,
.Template-J-buttonDetail, .article-detail li::marker, .Bodycheckout,
  .Checkout-font-panel > div > div > div.panel-body > div > div.table-responsive.table-responsive-mobile.col-md-12.col-xs-12 > table > thead > tr > td > label,
  .Checkout-font-panel > div > div > div.panel-body > div > div.table-responsive.table-responsive-mobile.col-md-12.col-xs-12 > table > tbody > tr > td > label,
  .Checkout-font-panel > div > div > div.panel-body > div > div.table-responsive.table-responsive-mobile.col-md-12.col-xs-12 > table > tbody > tr > td > div,
  .Checkout-font-panel > div > div > div.panel-body > div > div > label, .Checkout-font-panel label{
    font-size: 18px;
}

.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 {
    font-size: 28px !important;
}

.shopcartlinePrice-Default .Template-J-PricePromotion {
    font-size: 28px !important;
}

.shopcartDetail, .shopcartRelated, label.Headcheckout {
    font-size: 24px !important;
}

.ui.steps .step .title,
.boarder-confirm-payment .input-group .label{
    font-size: 16px;
}
  
  div#Component67be81b226404e0013a36d03 .form-control {
      font-size: 16px !important;
  }
  
  .head-tell, .head-mail {
    grid-template-columns: 25px auto;
}
  
  .shopcart {
    width: 70px !important;
    height: 70px !important;
}
  
  .sect-about p, .text-article h5, .product-detail p, .article-detail p {
    line-height: 30px;
}
  
  .sect-about {
    padding-right: 13%;
}
  
  .img-logo-brand {
    width: 50%;
  }
  
  .Template-J-Icon {
    width: 21%;
}
  
  .Template-J-Name {
    height: 78px;
    margin-bottom: 3%;
  }
  
  .Template-J-button {
    bottom: 25px;
}
  
  .social-footer img {
    width: 45px !important;
}
  
  .Template-J-buttonDetail {
    width: 20%;
  }
  
  .Shopcart-Related-Main .Template-J-Name {
    height: 65px;
}
  
  .Template-J-smallpic {
    height: 215px;
}
  
  .PictureOverflow {
    max-height: 245px !important;
  }
  
  .product-detail {
    padding: 1%;
}
  
  .pre-article h6 {
        height: 70px;
        line-height: 34px;
}
  
  .icon-how {
    width: 45%;
  }
  
  .number-how {
    width: 50px;
    height: 50px;
}
  
  .nav-template7 li .fa-plus:before {
      top: 22px;
  }
  
  .form-work2 {
    margin-bottom: 1rem;
    font-size: 18px;
}
  
  div#formdisplay67bd66efac41820013cd724f input.form-control,
  div#Component67be81b226404e0013a36d03 input.form-control{
    height: 45px;
}
  
  .contact-page li {
    grid-template-columns: 45px auto;
}
  
  .contact-page {
    padding-top: 5%;
}
  
  .sect-about {
    padding-right: 5%;
  }
  
  p.search_text b {
    font-size: 20px !important;
}
  
  .itopplus-search-image-flex-item {
    min-height: 635px !important;
    max-height: 635px !important;
}
  
  .ITP-pdpa-template-titleFont {
    font-size: 26px !important;
  }
  
  .ITP-pdpa-template-contentFont {
    line-height: 34px;
    font-size: 20px !important;
}
}

@media screen and (max-width: 1366px) {
  
  .shopcart {
    right: 0;
}
}

@media screen and (max-width: 1200px) {
  
  .navbar-default .navbar-nav>li>a, .dropdown-menu>li>a {
    font-size: 14px;
    margin: 0 8px;
}
  
  
h1 {
    font-size: 4em;
}

h2 {
    font-size: 3.4em;
}

h3 {
    font-size: 2.6em;
}

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

h5 {
    font-size: 1.8em;
}

h6 {
    font-size: 1.4em;
}


.btn-more, div#formdisplay67bd66efac41820013cd724f button,
.boarder-confirm-payment label,div#Component67bc2aae9d2a2f00145dede6 .form-control, 
.boarder-confirm-payment .form-control, .shopcart-paymentpage,
.boarder-confirm-payment button, .btnCheckoutprevious,
div#shop_member_login button, div#Component67be81b226404e0013a36d03 button,
.Template-J-buttonDetail, .article-detail li::marker, .Bodycheckout,
  .Checkout-font-panel > div > div > div.panel-body > div > div.table-responsive.table-responsive-mobile.col-md-12.col-xs-12 > table > thead > tr > td > label,
  .Checkout-font-panel > div > div > div.panel-body > div > div.table-responsive.table-responsive-mobile.col-md-12.col-xs-12 > table > tbody > tr > td > label,
  .Checkout-font-panel > div > div > div.panel-body > div > div.table-responsive.table-responsive-mobile.col-md-12.col-xs-12 > table > tbody > tr > td > div,
  .Checkout-font-panel > div > div > div.panel-body > div > div > label, .Checkout-font-panel label,
  .head-tell p, .head-mail p{
    font-size: 14px;
}

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

.shopcartName-Default, .shopcartID-Default, .Template-J-PriceNormal,
  .shopcartlinePrice-Default .Template-J-PricePromotion{
    font-size: 22px !important;
}

.ui.steps .step .title,
.boarder-confirm-payment .input-group .label{
    font-size: 12px;
}
  
  .head-tell, .head-mail {
    grid-template-columns: 18px auto;
}
  
  .sect-about {
    padding-right: 2%;
    padding-top: 0;
  }
  
  .Template-J-button {
    width: 40%;
    bottom: 20px;
}
  
.blog-garuntee {
    padding: 5%;
    gap: 10px;
    grid-template-columns: 15% auto;
}
  
 br {
    display: none;
}
  
  .blog-product br {
    display: block;
}
  
  .Template-J-Name {
    font-size: 16px;
    height: 54px;
}
  
  .blog-garuntee.blog-vision {
    padding: 5% 8%;
}
  
  .mainProductFilterContainer .col-xs-12.col-sm-3 .Template-J-Name,
  .mainProductFilterContainer .col-xs-12.col-sm-3 .Template-J-Price{
    padding: 0 5px !important;
}
  
  .mainProductFilterContainer .col-xs-12.col-sm-3 .Template-J-button {
    width: 45%;
  }
  
  .PictureOverflow {
    max-height: 140px !important;
  }
  
  .Template-J-buttonDetail {
    width: 30%;
}
  
  .article-detail.pt-5 {
    padding-top: 0;
}
  
  .number-how {
    font-size: 16px;
    width: 35px;
    height: 35px;
}
  
  .itopplus-search-image-flex-item {
    min-height: 405px !important;
    max-height: 405px !important;
}
  
  #registerModalAcceptPolicyText1::after {
    width: 40vw;
}
  
  .Checkout-font br {
    display: block;
}
}

@media screen and (max-width: 900px) {
  
  div#contentnewmode67bc0d496c014d0013619496 {
    display: none;
}
  
h1 {
    font-size: 40px;
}

h2 {
    font-size: 36px;
}

h3 {
    font-size: 32px;
}

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

h5 {
    font-size: 24px;
}

h6 {
    font-size: 20px;
}

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

.shopcartName-Default, .shopcartID-Default, .Template-J-PriceNormal,
  .shopcartlinePrice-Default .Template-J-PricePromotion{
    font-size: 20px !important;
}

      .shopcart {
        right: 10px;
        top: 65px;
    }
  
  .sect-about h2, .sect-about p, .sect-product, .text-article h5 {
    margin-bottom: 5%;
}
  
  .logo-brand {
    width: 80%;
}
  
  .mainProductFilterContainer .col-xs-12.col-sm-4 {
    padding: 0 1%;
}
  
  .Template-J-Name, .Template-J-Price {
    padding: 0 5px !important;
}
  
 .Template-J-button {
        font-size: 14px;
        width: 45%;
        right: 10px;
    }
  
  #background67bc2aae9d2a2f00145dedd6 {
    width: 95%;
  }
  
  #background67bc32a90bbc460013e72d97 {
    margin-top: -105px;
}
  
  .text-garuntee h6 {
    font-size: 16px;
    margin: 5% 0;
}
  
      .blog-garuntee.blog-vision {
        padding: 5%;
        grid-template-columns: 16% auto;
    }
  
  .blog-garuntee.blog-vision p ,.button-attribute, 
  .button-attribute-selected{
    font-size: 14px;
}
  
  .text-category h5 {
    margin-bottom: 7%;
    font-size: 18px;
}
  
  .mainProductFilterContainer .col-xs-12.col-sm-3{
    width: 33.33%;
}
  
      .Template-J-buttonDetail {
        width: 20%;
    }
  
  .Shopcart-Related-Main .Template-J-Name {
    height: 47px;
}
  
  .mainProductFilterContainer,
  div#Contentmanager .col-md-12.text-justify{
    padding: 0 2%;
}
  
  .Template-J-smallpic {
    height: 200px;
}
  
      .PictureOverflow {
        max-height: 235px !important;
    }
  
  .Shopcart-Related-Main .Template-J-Name, .Shopcart-Related-Main .Template-J-Price {
    padding: 0 10px !important;
}
  
  div#Contentmanager .col-md-6.pull-left, div#Contentmanager .col-md-6.pull-right {
    width: 100%;
    float: none !important;
}
  
  .pe-3 {
    padding-left: 0;
}
  
  .article-detail h5 {
    margin-top: 2rem;
}
  
  .pre-article h6 {
    margin-top: 0;
        height: auto;
    line-height: inherit;
}
  
  .icon-how {
    width: 60%;
  }
  
  .number-how {
    right: -10px;
    top: 0;
}
  
  div#formdisplay67bd66efac41820013cd724f .col-md-6.col-sm-12 {
    width: 50%;
}

  .form-work2 {
    min-height: 20px;
}
  
  div#formdisplay67bd66efac41820013cd724f .col-md-4.col-sm-12 {
    width: 33.33%;
}
  
  .form-work h5 {
    margin-bottom: 3%;
}
  
  div#display25 .col-md-2.col-sm-12 {
    width: 30%;
}
  
  .contact-sub {
    grid-template-columns: repeat(1, 1fr);
}
  
  .product-detail {
    padding: 0 2%;
}
  
.article-detail h6 {
    margin-top: 0;
          line-height: inherit;
}
  
      .itopplus-search-image-flex-item {
        min-height: 355px !important;
        max-height: 355px !important;
    }
  
      #registerModalAcceptPolicyText1::after {
        width:fit-content;
    }
}

@media screen and (max-width: 480px) {
  
  div#imagesControl67bc0d05e5b23e00138417bc,
  div#imagesControl67bc224a9d2a2f00145de959,
  .CASS-A-main .thumbs, div#background67bc3371e5b23e0013842694 .thumbs,
  div#imagesControl67bc41a480f7ef00131707d8,
  div#imagesControl67bc475fe5b23e0013842a1b,
  div#imagesControl67bd9f007f1bf5001359d407{
    padding: 0 !important;
}
  
  div#Component67bc0d05e5b23e00138417bc .thumbs {
    margin: 0;
}
  
  .ProductCheckoutColor,
 .Checkout-font > div > table > tbody > tr:nth-child(1) > td:nth-child(3) > a{
    color: #444 !important;
}
  
      #respCheckout3 {
        font-size: 14px !important;
    }
  
  .button-increase-shop-cart, .button-minus-shop-cart {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 5px;
}
  
  .Checkout-font-panel .input-group {
    margin-bottom: 10px;
}
  
h1 {
    font-size: 36px;
}

h2 {
    font-size: 32px;
}

h3 {
    font-size: 28px;
}

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

h5 {
    font-size: 20px;
}

h6 {
    font-size: 18px;
}
  
      .logo-brand {
        width: 100%;
        gap: 20px;
        margin: 7% 0 10%;
    }
  
  .sect-about, .blog-product, .btn-policy {
    margin-bottom: 8%;
}
  
  .sect-about, .contact-page {
    padding: 0;
}
  
  .img-logo-brand {
    width: 55%;
  }
  
  
.logo-brand img:hover, .shopcart:hover,.btn-more:hover, div#formdisplay67bd66efac41820013cd724f button:hover, 
.boarder-confirm-payment button:hover, .btnCheckoutprevious:hover, 
div#shop_member_login button:hover, div#Component67be81b226404e0013a36d03 button:hover, 
.shopcart-paymentpage:hover, .blog-product:hover img, .Template-J-frame:hover .Template-J-innerPic img,
div#background67bc3371e5b23e0013842694 figure:hover .btn-more, .blog-garuntee:hover,
.footer li:hover img, .social-footer img:hover, div#background67bc475fe5b23e0013842a1b figure:hover .btn-more,
.Template-J-buttonDetail:hover, .Template-J-frame:hover .Template-J-pic img,
div#Contentmanager .col-md-4.col-sm-4.col-xs-12:hover .img,.blog-how li:hover,
div#Contentmanager .col-md-4.col-sm-4.col-xs-12:hover .btn-more,
.contact-page li:hover img{
   transform: scale(1);
}

    #background67bc2aae9d2a2f00145dedd6 {
        width: 90%;
        padding: 5%;
    }
  
  .Template-J-Name, .Template-J-Price {
        padding: 0 8px !important;
    }
  
      .Template-J-button {
        width: 38%;
        right: 12px;
    }
  
      #background67bc32a90bbc460013e72d97 {
        margin-top: -60px;
    }
  
  .mainProductFilterContainer .col-xs-12.col-sm-3 .Template-J-button {
        width: 38%;
        right: 15px;
    }
  
  .text-article {
    padding: 2% 4% 6%;
}
  
  .text-garuntee h6 {
    margin-top: 0;
}
  
      .mainProductFilterContainer .col-xs-12.col-sm-3 {
        width: 100%;
    }
  
      .mainProductFilterContainer .col-xs-12.col-sm-3 .Template-J-Name, .mainProductFilterContainer .col-xs-12.col-sm-3 .Template-J-Price {
        padding: 0 10px !important;
    }
  
  .Shopcart-Related-Main .col-xs-6.col-sm-12 {
    padding: 0 2%;
}
  
  .col-xs-12.col-sm-12.col-md-12.shopcartAllDetail {
    margin: 0 !important;
}
  
      .Template-J-buttonDetail {
        width: 38%;
    }
  
  .col-xs-12.col-sm-12.col-md-12.shopcartDetail-Default.shopcartDetail {
    padding: 2% !important;
}
  
      .Template-J-smallpic {
        height: auto;
    }
  
  #scrolltoshop67bc2aae9d2a2f00145dede6 > div:nth-child(1) > div:nth-child(4) {
    padding-top: 0 !important;
}
  
  .template1 {
    grid-template-columns: repeat(1, 1fr);
}
  
  .pre-article h6 {
    -webkit-line-clamp: unset;
}
  
  .channel-buy img {
    width: 80% !important;
}
  
      .icon-how {
        width: 100%;
        margin: 0;
    }
  
  .blog-how li {
    width: 100%;
    display: grid;
    grid-template-columns: 24% auto;
    text-align: left;
    gap: 20px;
    align-items: center;
}
  
  .blog-bank {
    margin-bottom: 5%;
}
  
  .boarder-confirm-payment .fileinput-button {
    margin-left: 10px;
    float: left;
    margin-right: 8px;
}
  
  .manage-form-confirm-payment {
    padding: 0 !important;
}
  
  .sect-product, .pt-5.head-how {
    padding-top: 10%;
}
  
  div#background67bd625b26404e0013a358c9 .nav-template7 li>a strong {
    width: 85%;
    display: inline-block;
}
  
  .nav-template7 li>a {
    padding: 2%;
}
  
  .nav-template7 li {
    margin-bottom: 3%;
}
  
  div#formdisplay67bd66efac41820013cd724f .col-md-6.col-sm-12,
  div#formdisplay67bd66efac41820013cd724f .col-md-4.col-sm-12{
        width: 100%;
        padding: 0;
    }
  
      .form-work2 {
        min-height: auto;
    }
  
      div#display25 .col-md-2.col-sm-12 {
        width: fit-content;
        float: left;
    }
  
  .form-contact, div#Component67be81b226404e0013a36d03 {
    width: 90%;
}
  
  .contact-page li {
    grid-template-columns: 40px auto;
}
  
  .form-contact {
    padding: 5% 3% 1%;
}
  
  div#shop_member_login .row.col-md-12.col-xs-12 {
    padding-right: 0;
}
  
  .itopplus-search-image-flex-container {
    grid-template-columns: repeat(1, 1fr) !important;
}
  
  .itopplus-search-image-flex-item {
        min-height: unset !important;
        max-height: unset !important;
        padding-bottom: 5% !important;
    }
  
  a#itpphonemobile {
    order: 1;
}
  
  a#itpsearchmobile {
    order: 0;
}
  
   .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;
}
  
  .head-how h5 {
    margin-bottom: 5%;
}
  
  div#cookie67be81b226404e0013a36d03 {
    padding: 2% 0 8%;
}
}