.itopplus-background {

}
@font-face {
    font-family: "LINE Seed Sans TH";
    font-weight: normal;
    src: url("https://itp1.itopfile.com/ContentImage/z_itp_130820236l5w/fonts/LINESeedSansTH/LINESeedSansTH_Rg.otf") format("opentype");
}

@font-face {
    font-family: "LINE Seed Sans TH";
    font-weight: 100;
    src: url("https://itp1.itopfile.com/ContentImage/z_itp_130820236l5w/fonts/LINESeedSansTH/LINESeedSansTH_Th.otf") format("opentype");
}

@font-face {
    font-family: "LINE Seed Sans TH";
    font-weight: 600;
    src: url("https://itp1.itopfile.com/ContentImage/z_itp_130820236l5w/fonts/LINESeedSansTH/LINESeedSansTH_Bd.otf") format("opentype");
}

@font-face {
    font-family: "LINE Seed Sans TH";
    font-weight: 800;
    src: url("https://itp1.itopfile.com/ContentImage/z_itp_130820236l5w/fonts/LINESeedSansTH/LINESeedSansTH_XBd.otf") format("opentype");
}

@font-face {
    font-family: "LINE Seed Sans TH";
    font-weight: 900;
    src: url("https://itp1.itopfile.com/ContentImage/z_itp_130820236l5w/fonts/LINESeedSansTH/LINESeedSansTH_He.otf") format("opentype");
}

body,
html {
    overflow-x: hidden;
  	font-family: "LINE Seed Sans TH";

}

.itopplus-bg {
    background-image: url('https://itp1.itopfile.com/ImageServer/z_itp_290820230ov7/0/0/1z-z663129240597.webp');
}

/************Menu***************/
.navbar-default .navbar-nav>li>a {
    color: #000;
    margin: 0 5px;
    padding: 10px 10px;
}

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

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

.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
    color: #000;
    background: #e8e8e8;
}

/********Only Sidebar*********/
@media screen and (max-width : 992px) {
    
.navbar-default .navbar-toggle .icon-bar {
    background-color: #282828 !important;
    color: #282828 !important;
}

#controlMenu,
#controlMenu i,
#controlMenu li a {
    color: #282828 !important;
}

.navbar-default {
    background: #fff;
}

/*new logo nav*/
.navbar-header {
    display: flex;
    flex-direction: row-reverse;
    padding: 0 10px;
}

.itopplus-logo img {
    position: fixed;
    object-fit: contain;
    width: 85px !important;
    top: 5px;
    left: 15px;
}


}

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

.navbar-default {
    background: transparent;
}

#controlPosition {
    margin-top: 4%;
    text-align: right;
}

#controlBanner {
    object-fit: contain;
    padding: 15px;
    width: auto;
}

.itopplus-search {
    position: absolute;
    top: 0;
}
}

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

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

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

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


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

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

h1 {
    font-size: 4.125em;
}

h2 {
    font-size: 3.2em;
}

h3 {
    font-size: 2.6em;
}

h4 {
    font-size: 2.2em;
}

h5 {
    font-size: 1.8em;
}

h6 {
    font-size: 1.4em;
}

p ,.how-to li, .service-detail li, .promotion-detail li, .policy-pay li, .dropdown-menu>li>a, 
.shopcartID-Head-Default, .shopcartName-Head-Default, .product-detail li,.service-detail .table,
.Template-J-Name label, .Template-J-Price{
    font-size: 16px;
}

.footer p,.pre-service button,.pre-promotion p , .pre-promotion button,.Template-J-Des p, .copy-right p{
    font-size: 14px;
}

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

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

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

.pt-55 {
	padding-top: 60%;
}

.fw-medium {
	font-weight: 600;
}

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


.head-social {
    display: grid;
    grid-template-columns: 13% 13%;
    justify-content: end;
    gap: 10px;
}

.cont-footer {
    display: grid;
    grid-template-columns: 13% auto;
    margin-bottom: 5%;
    gap: 5px;
    align-items: center;
}

.qr-footer {
    width: 60%;
}

.logo-recycle {
    width: 10%;
    margin: 2% auto;
}

.head-text h2 ,.text-garbage {
    text-align: center;
}

.head-text h2, .text-garbage h2, .text-garbage h5, .sect-about h4, .sect-about h6, 
.name-cont h5, .shopcartID-Head-Default, .shopcartName-Head-Default ,h3.managerHeader,
.service-detail h5, .service-detail h6, .promotion-detail h5 ,.promotion-detail h6, .article-detail h6,
.Template-J-PriceNormal, div#Component652f7bcc9616e30013977b0a .Checkout-font-panel label, .head-text h4 {
    font-weight: 600;
}

div#InmyDiv1697800463792 img,
div#Component65326095bd7faa001261b625 .imgLightbox img,
div#Component65325f7dbd7faa001261b610 .imgLightbox img,
div#Component6532601f18997f00126924da .imgLightbox img,
div#Component6532606118997f00126924e6 .imgLightbox img{
    border-radius: 20px;
  border:1px solid #ccc;
}

.head-text h4 {
    margin-bottom: 1%;
}

div#Component652f7bcc9616e30013977b0a .Checkout-font label {
    font-weight: 500;
}

.text-green {
   color:#007e4a;
}

.text-garbage h2 {
    margin: 2% 0;
}

figure.effect-selena {
    background: transparent;
}

.sect-about h4 {
    line-height: 44px;
}

.sect-about {
    padding-top: 10%;
    padding-left: 2%;
}

.sect-about h6,.sect-about p {
    line-height: 28px;
}

.sect-about button , .manage-form-confirm-payment button, .btn-all button, div#Component65309f8b60bc5b0013871120 button, .Template-J-buttonDetail,
.btnCheckoutprevious, form#shop_member_login_form button, .shopcart-paymentpage, .fileinput-button, .confirm-payment button{
    background-color: #d7242b;
    border: none;
    color: #fff;
    padding: 0.7rem 2rem;
    border-radius: 30px;
    margin-top: 2%;
    transition: all 0.2s ease-out;
}

.Template-J-frame:hover {
    -moz-box-shadow: 0 0 8px rgb(0,0,0,0.1);
    -webkit-box-shadow: 0 0 8px rgb(0,0,0,0.1);
    box-shadow: 0 0 8px rgb(0,0,0,0.1);
}

.Template-J-frame {
   border-radius: 20px;
  padding: 5%;
}

.Template-J-Name label {
    font-weight: 600;
    text-align: left;
}

.Template-J-Name {
    text-align: left !important;
    height: auto;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.Template-J-Des {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: auto;
    color: #5f5f5f;
    text-align: left;
    margin-top:0;
}

.Template-J-button {
    background-color: #d7242b;
    border-radius: 30px;
    width: fit-content;
    margin: 8% 0 0;
    color: #fff;
    text-align: left;
    padding: 2%;
   transition: all 0.2s ease-out;
}

div#InmyDiv1697800463792 {
    width: 50%;
    float: left;
    margin: 0 2% 2% 0;
}

.Template-J-Icon {
    width: 25%;
    padding: 5%;
    background-color: #f7d941;
    border-radius: 50%;
    margin-right: 3%;
}

div#Component652f7c14bd7faa0012616b79 .Template-J-Des {
    -webkit-line-clamp: 3;
}

.shopcart {
    background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_290820230ov7/500/0/cartz-z1112926364005.webp);
    background-size: 30%;
    border-radius: 20px 0 0 20px;
    background-position: 50% 55%;
    height: 60px !important;
    top: 35px;
    background-color: #fff;
}

div#InmyDiv1697613365151 img {
    width: 60% !important;
    border-radius: 20px;
    box-shadow: 0 4px 8px rgb(0,0,0,0.1);
}

div#InmyDiv1697613039540 img {
    width: 55% !important;
    border-radius: 20px;
    box-shadow: 0 4px 8px rgb(0,0,0,0.1);
}

div#InmyDiv1697613365151 {
    position: relative;
    top: 25px;
    left: 195px;
}

div#InmyDiv1697613039540 {
    position: relative;
    top: -120px;
}

div#InmyDiv1697613167032 {
    position: absolute;
    top: 200px;
    width: 55%;
    right: -25px;
}


div#Component652f93b960bc5b00138700de .nav-pills>li>a,
div#Component652f93e260bc5b001387012d .nav-pills>li>a,
div#Component652f93fd60bc5b0013870147 .nav-pills>li>a,
div#Component652f940f60bc5b0013870168 .nav-pills>li>a,
div#Component652f942160bc5b00138701a1 .nav-pills>li>a,
div#Component652f943160bc5b00138701bc .nav-pills>li>a,
div#Component652f944460bc5b00138701e9 .nav-pills>li>a,
div#Component652f945660bc5b001387020f .nav-pills>li>a,
div#Component652f946760bc5b0013870221 .nav-pills>li>a,
div#Component652f977960bc5b00138702e3 .nav-pills>li>a,
div#Component652f97bdbd7faa001261738b .nav-pills>li>a,
div#Component652f97d19616e3001397809c .nav-pills>li>a,
div#Component652f97e3d094fa00137a6b58 .nav-pills>li>a,
div#Component652f97f3d094fa00137a6b69 .nav-pills>li>a{
    font-size: 16px;
    color: #000;
    border-left: 3px solid #ccc;
}

div#Component652f93b960bc5b00138700de .nav-pills>li>a:hover,
div#Component652f93e260bc5b001387012d .nav-pills>li>a:hover,
div#Component652f93fd60bc5b0013870147 .nav-pills>li>a:hover,
div#Component652f940f60bc5b0013870168 .nav-pills>li>a:hover,
div#Component652f942160bc5b00138701a1 .nav-pills>li>a:hover,
div#Component652f943160bc5b00138701bc .nav-pills>li>a:hover,
div#Component652f944460bc5b00138701e9 .nav-pills>li>a:hover,
div#Component652f945660bc5b001387020f .nav-pills>li>a:hover,
div#Component652f946760bc5b0013870221 .nav-pills>li>a:hover,
div#Component652f977960bc5b00138702e3 .nav-pills>li>a:hover,
div#Component652f97bdbd7faa001261738b .nav-pills>li>a:hover,
div#Component652f97d19616e3001397809c .nav-pills>li>a:hover,
div#Component652f97e3d094fa00137a6b58 .nav-pills>li>a:hover,
div#Component652f97f3d094fa00137a6b69 .nav-pills>li>a:hover{
      background-color: #f7d941;
  border-color:#d7242b;
}

.Text_seller2, div#Component652fad4bbd7faa001261789d .post, div#Component652fae0e12f05a0013f82112 .post {
    display: none;
}


div#Component652fad0e18997f001268e742 .col-md-4.col-sm-4.col-xs-12.padding-md.text-center:hover, div#Component652fad4bbd7faa001261789d article.col-md-6.item.-micro:hover ,
div#Component652fae0e12f05a0013f82112 article.col-md-6.item.-micro:hover ,
div#Component65326256bd7faa001261b63a .col-md-6.col-sm-6.col-xs-6:hover{
    box-shadow: 0 4px 8px rgb(0,0,0,0.1);
  transform: scale(0.95);
}

.head-social img, div#InmyDiv1697613365151 img,div#InmyDiv1697613039540 img,div#InmyDiv1697613167032 img,div#Component65326256bd7faa001261b63a .col-md-6.col-sm-6.col-xs-6{
    transition: transform 0.2s ease-out;
}

.head-social img:hover, div#InmyDiv1697613365151 img:hover,div#InmyDiv1697613039540 img:hover,div#InmyDiv1697613167032 img:hover{
    transform: scale(0.95);
}


div#Component652fad0e18997f001268e742 .col-md-4.col-sm-4.col-xs-12.padding-md.text-center {
    padding: 1% !important;
    border-radius: 20px;
    transition: transform 0.2s ease-out;
    width: 50%;
}

.pre-service {
    padding: 4% 2% 2%;
}

.pre-service h5 , .how-to li, .service-detail li, .promotion-detail li, .policy-pay li, .product-detail li{
    margin-bottom: 1%;
}

.pre-service button , .pre-promotion button, .pre-article button{
    background-color: #d7242b;
    border: 1px solid #d7242b;
    padding: 0.5rem 2rem;
    border-radius: 30px;
    color: #fff;
  transition: all 0.2s ease-out;
}

div#Component652fad0e18997f001268e742 .img-container .img,
div#Component652fae0e12f05a0013f82112 .img-container .img,
div#Component652f8328d094fa00137a674b .thumbnail>img,
div#Component652f8328d094fa00137a674b .img-responsive,
div#HtmlTool65309f7860bc5b001387110e iframe{
    border-radius: 20px;
}

.pre-service h5, .pre-article h6 {
    font-weight: 600;
    color: #282828;
}

div#Component652fad0e18997f001268e742 .col-md-4.col-sm-4.col-xs-12.padding-md.text-center:hover button , 
div#Component652fad4bbd7faa001261789d article.col-md-6.item.-micro:hover button,
div#Component652fae0e12f05a0013f82112 article.col-md-6.item.-micro:hover button{

    border-color: #000;
    background-color: transparent;
    color: #444;
}

div#Component652fad4bbd7faa001261789d .Contentmanager .site .col-section .item.-micro,
div#Component652fae0e12f05a0013f82112 .Contentmanager .site .col-section .item.-micro{
    border: none !important;
      transition: transform 0.2s ease-out;
   border-radius: 20px;
}


div#Component652fad4bbd7faa001261789d .Contentmanager .site .col-section .item.-micro a .image,
div#Component652fae0e12f05a0013f82112 .Contentmanager .site .col-section .item.-micro a .image{
    width: 50%;
    border-radius: 20px;
}

div#Component652fad4bbd7faa001261789d .Contentmanager .site .col-section .item.-micro a .caption,
div#Component652fae0e12f05a0013f82112 .Contentmanager .site .col-section .item.-micro a .caption{
    width: 48%;
}

div#Component652fad4bbd7faa001261789d .Contentmanager .site .col-section .item.-micro a .caption .title,
div#Component652fae0e12f05a0013f82112 .Contentmanager .site .col-section .item.-micro a .caption .title{
    font-size: 20px;
    font-weight: 600;
}

.maxHeight-main {
    max-height: 500px;
}

div#Component652fae0e12f05a0013f82112 strong {
    display: none;
}

.maxHeight-TP4 {
    min-height: 130px!important;
}

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

.nav-template li:hover {
    background-color: #fff;
}

div#Component652fba4a18997f001268eab3 .TabItpContentLandingPage7>ul {
    width: 100%;
}

div#Component652fba4a18997f001268eab3 .TabItpContentLandingPage7 ,
div#Component652fba4a18997f001268eab3 .TabItpContentLandingPage7>ul>li>a{
    background-color: transparent;
}

div#Component652fba4a18997f001268eab3 .tab-itp-background,
div#Component652fba4a18997f001268eab3 .TabItpContentLandingPage7{
    padding: 0;
}

.how-to , .how-to a, .policy-pay a, .contact-page a, .service-detail a{
   color: #282828;
}

.cont-footer a{
   color: #fff;
}

.how-to a:hover , .policy-pay a:hover, .contact-page a:hover, .Template-J-CateName a, .cont-footer a:hover, .Template-J-PriceNormal, .service-detail a:hover{
   color: #d7242b;
}

div#Component652fba4a18997f001268eab3 .TabItpContentLandingPage7>ul>li.active>a,
div#Component652fba4a18997f001268eab3 .TabItpContentLandingPage7>ul>li>a:hover {
    background-color: #d7242b!important;
    border-bottom: 8px solid #d7242b!important;
}

div#Component652fba4a18997f001268eab3 .TabItpContentLandingPage7>ul>li>a:hover  {
    border-bottom: 8px solid #444!important;
}

.post-time, .social-share , .fbcomments, .landingpagemanager{
    display: none;
}

div#Component652f8328d094fa00137a674b .img-thumbnail, div#Component652f8328d094fa00137a674b .thumbnail {
    box-shadow: none;
    border-color: #ebebeb;
    padding: 0;
    border-radius: 20px;
}

div#Component652f8328d094fa00137a674b .col-xs-12.col-md-3 {
    width: 33.33%;
    padding: 1% !important;
}

.logo-bank {
    width: 30%;
    margin: auto;
    margin-bottom: 3%;
}

.card-pay, div#Component65308fad9616e300139788a1 ,div#Component65309f8b60bc5b0013871120{
    background-color: #ffffffed;
    padding: 6%;
    border-radius: 20px;
}

.boarder-confirm-payment {
    border: none !important;
}

div#Component65308fad9616e300139788a1 {
    padding: 0;
    margin: 1.5%;
}

 div#Component65309f8b60bc5b0013871120{
    padding: 2% 0;
    margin: 1.5%;
}

.manage-form-confirm-payment label ,
div#Component65309f8b60bc5b0013871120 label,
.Template-J-Quantity,.Template-J-Item{
    font-weight: 400 !important;
}

div#Component65308fad9616e300139788a1 .col-xs-12.col-sm-2.col-md-2 {
    width: 30%;
}

.manage-form-confirm-payment button ,
div#Component65309f8b60bc5b0013871120 button,
.btnCheckoutprevious, form#shop_member_login_form button, .shopcart-paymentpage, .fileinput-button, .confirm-payment button{
    text-shadow: none;
    background-image: none;
}

div#Component652fba4a18997f001268eab3 .TabItpContentLandingPage7>.tab-content {
    height: 350px;
}

.head-how-to {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 2%;
}

.img-cart {
    width: 6%;
}

.policy-pay h5 {
    margin-top: 2%;
    margin-bottom: 2%;
    text-decoration: underline;
}

.name-cont {
    display: grid;
    grid-template-columns: 10% 50%;
    align-items: center;
    gap: 10px;
    justify-content: center;
}

.contact-page li {
    display: grid;
    grid-template-columns: 13% auto;
    gap: 20px;
    align-items: center;
    width: 30.33%;
    border: 1px solid #b7b7b7;
    padding: 1% 2%;
    border-radius: 5px;
}

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

div#Component65309f8b60bc5b0013871120 .form-group {
    margin-bottom: 20px;
}

.shopcart-share {
    display: none !important;
}

.shopcartID-Head-Default, .shopcartID-Default, .shopcartName-Head-Default, .shopcartName-Default, .Template-J-PriceNormal, .Template-J-Quantity, .Template-J-Item, .shopcartDetail,
.shopcartlinePrice-Default, .Template-J-buttonDetail{
    font-family: "LINE Seed Sans TH";
    border: none;
}

.ITPquantityUnit {
    text-align: center;
}

.shopcartDetail , .shopcartRelated{
    padding: 0 !important;
    font-size: 22px;
    font-weight: 600;
}

.ITPquantityWord {
    width: 15%;
}

div#Component652f7bcc9616e30013977b0a .Template-J-Icon {
    width: 30%;
    padding: 4%;
}

.shopcart-Detail-Detail {
    padding: 1% 2% !important;
    background-color: #f7f7f7;
}

.product-detail ul, .service-detail p, .service-detail ul, .promotion-detail p, .promotion-detail h6, .promotion-detail ul, .article-detail p{
    margin-bottom: 2%;
}

.service-detail ol li p , .service-detail h5, .promotion-detail h6, .article-detail h6{
    margin-top: 1%;
}

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

.Template-J-buttonDetail {
    text-align: left !important;
    width: fit-content;
}

.Template-J-Price {
    text-align: left !important;
}

.service-detail , .article-detail, .promotion-detail,.how-to{
    text-align: left;
}

.service-detail h6 {
    margin-bottom: 2%;
    margin-top: 3%;
}

.service-detail .table>thead>tr>th, .service-detail .table>tbody>tr>td {
    padding: 1% !important;
    font-weight: 400;
    border-bottom: none;
}

.sect-about button:hover, .manage-form-confirm-payment button:hover, 
.btn-all button:hover, div#Component65309f8b60bc5b0013871120 button:hover, .Template-J-buttonDetail:hover,
.btnCheckoutprevious:hover, form#shop_member_login_form button:hover, .shopcart-paymentpage:hover, .fileinput-button:hover, .confirm-payment button:hover{
    background-color: #f7d941;
    color: #000;
}

.Template-J-frame:hover .Template-J-button {
    background-color: #f7d941;
    color: #000;
}

div#Component652f898d9616e30013977dbb .pagination>li>a {
    color: #444;
}

.pagination>.active>a {
    background-color: #d7242b;
    border-color: #d7242b;
    color: #fff !important;
}

.ui.steps .step.active {
    background-color:  #d7242b;
    color: #fff;
}

.ui.steps .step {
    box-shadow: 0 0 0 1px #cd1715;
}

.ui.steps .step .title {
    margin-top: 10%;
    font-family: "LINE Seed Sans TH";
    font-size: 12px;
    font-weight: 400;
}

.ui.steps .step:after {
    border-color: #cd1715;
}

.ui.steps .step.active .title {
    color: #fff;
}

.step1checkout, .step5checkout {
    background-color: #cd1715;
    border-color: #ffbab9;
}

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

.step1checkout {
    margin: 0 auto;
}

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

form#shop_member_login_form {
    background-color: #f5f5f5;
    border-radius: 0;
    box-shadow: none;
    line-height: 40px;
}

div#itp-address-last-stepcheckout .row.col-xs-12.col-sm-12.col-md-12:nth-child(3), div#itp-detail-example {
    margin-top: 2% !important;
    border: none !important;
    background-color: #f1f1f1;
}

div#Component652f7bcc9616e30013977b0a thead>tr>td {
    background-color: #f1f1f1;
    border: none !important;
}

.Checkout-font-panel .img-thumbnail, .Checkout-font-panel .thumbnail {
    border: none;
    box-shadow: none;
}

.Checkout-font-panel .table>tbody>tr>td {
    border: none !important;
    padding: 1% !important;
}

div#Component652f898d9616e30013977dbb .Template-J-Name {
    height: 55px;
}

div#Component65308fad9616e300139788a1 .form-control,
div#mainmenu652f7bcc9616e30013977b0a .form-control{
    height: 40px;
}

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

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

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

.ITPlinkToCookiepage:hover {
    color: #d7242b !important;
}

.itpPDPALandingPage ,
.ITP-pdpa-template-contentFont{
    font-size: 16px !important;
    margin-bottom: 3% !important;
}

div#Component65309f8b60bc5b0013871120 .form-group.col-sm-offset-3.col-sm-6.col-md-offset-3.col-md-6 {
    width: 60% !important;
    margin-left: 25%;
}

div#Component6532606118997f00126924e6 .none-middle-mid div div div div:nth-child(3) {
    justify-content: center;
}

.pre-service {
    text-align: center;
}

.pre-service h5 {
    margin: 0;
}

div#Component65326256bd7faa001261b63a .imgLightbox img ,
div#Component65326256bd7faa001261b63a .col-md-6.col-sm-6.col-xs-6{
    border-radius: 20px;
}

  .pre-service h5 {
  		 font-size: 26px;
  }
/**************responsive*****************/

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

.navbar-default .navbar-nav>li>a {
    font-size: 20px;
}
  
  .pre-service h5 {
  		 font-size: 28px;
  }
  
  p, .how-to li, .service-detail li, .promotion-detail li, .policy-pay li, .dropdown-menu>li>a, .shopcartID-Head-Default, 
  .shopcartName-Head-Default, .product-detail li, .service-detail .table,.Template-J-Price,
  div#Component652f93b960bc5b00138700de .nav-pills>li>a, div#Component652f93e260bc5b001387012d .nav-pills>li>a, 
  div#Component652f93fd60bc5b0013870147 .nav-pills>li>a, div#Component652f940f60bc5b0013870168 .nav-pills>li>a, 
  div#Component652f942160bc5b00138701a1 .nav-pills>li>a, div#Component652f943160bc5b00138701bc .nav-pills>li>a, 
  div#Component652f944460bc5b00138701e9 .nav-pills>li>a, div#Component652f945660bc5b001387020f .nav-pills>li>a, 
  div#Component652f946760bc5b0013870221 .nav-pills>li>a, 
  div#Component652f977960bc5b00138702e3 .nav-pills>li>a, div#Component652f97bdbd7faa001261738b .nav-pills>li>a, 
  div#Component652f97d19616e3001397809c .nav-pills>li>a, div#Component652f97e3d094fa00137a6b58 .nav-pills>li>a,
  div#Component652f97f3d094fa00137a6b69 .nav-pills>li>a{
    font-size: 20px;
}
  
  div#Component652f7bcc9616e30013977b0a label {
    font-size: 18px;
  }
  
  .Template-J-Name label {
      font-size: 21px;
  }
  
  .shopcartID-Default, .shopcartName-Default {
    font-size: 24px;
}
  
  h2 {
    font-size: 3.6em;
}
  
  .footer p, .pre-service button, .pre-promotion p, .pre-promotion button, .Template-J-Des p,.Template-J-button,
  .sect-about button, .manage-form-confirm-payment button, .btn-all button, div#Component65309f8b60bc5b0013871120 button, 
  .Template-J-buttonDetail, .btnCheckoutprevious, form#shop_member_login_form button, .shopcart-paymentpage, .fileinput-button, 
  .confirm-payment button,  .copy-right p,.pre-article p,.pre-service button, .pre-promotion button, .pre-article button,
  .manage-form-confirm-payment label, div#Component65309f8b60bc5b0013871120 label{
    font-size: 16px ;
}
  
  div#Component652fba4a18997f001268eab3 .TabItpContentLandingPage7>.tab-content {
    height: 475px;
}
  
  .text-garbage h5 {
    margin: 2% 0 1%;
}
  
  h5 {
    font-size: 2.2em;
}
  
  h4 {
    font-size: 2.6em;
}
  
  h6 {
    font-size: 1.8em;
}
  
  .sect-about h4 {
    line-height: 50px;
}
  
  .sect-about h6, .sect-about p {
    line-height: 38px;
}
  
  .sect-about {
    padding-top: 7%;
}
 
  .Template-J-Icon {
    width: 30%;
  }
  
  .Template-J-button {
    padding: 2% 3%;
}
  
  .shopcartDetail, .shopcartRelated {
    font-size: 26px;
}
 
  
  h3.managerHeader {
    margin-bottom: -2%;
}
  
  .Template-J-Name {
    margin-bottom: 1%;
}
  
  div#Component652f898d9616e30013977dbb .Template-J-Name {
    height: 70px;
}
  
  .maxHeight-TP4 {
    min-height: 155px!important;
}
  
  .maxHeight-main {
    max-height: 599px;
}
  
  div#Component65309f8b60bc5b0013871120 input.form-control {
    height: 40px;
}
  
  div#contentnewmode65308fb89616e300139788af .pt-15 {
    padding-top: 35%;
}
}

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

.shopcart {
    top: 105px;
}
  
  .pre-article p {
    font-size: 14px;
}

  h2 {
    font-size: 2.8em;
}
  
 
}

@media screen and (max-width : 1200px) {
  
  .navbar-default .navbar-nav>li>a,.dropdown-menu>li>a {
    font-size: 14px;
}
  
  .navbar-default .navbar-nav>li>a {
    padding: 10px 8px;
  }
  
  .sect-about {
    padding-top: 7%;
  }
  
  h5 {
    font-size: 1.4em;
}
  
  p, .how-to li, .service-detail li, .promotion-detail li, .policy-pay li, .dropdown-menu>li>a, .shopcartID-Head-Default, .shopcartName-Head-Default, .product-detail li, .service-detail .table, .Template-J-Name label, .Template-J-Price {
    font-size: 15px;
}
  
  h4 {
    font-size: 1.8em;
}
  
  .sect-about h4 {
    line-height: 38px;
}
  
  h6 {
    font-size: 1.2em;
}
  
h3 {
    font-size: 2.2em;
}
  
  h3.managerHeader {
    margin-bottom: -2%;
}
  
    .pre-service h5 {
  		 font-size: 24px;
  }
}

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

.head-social {
    display: none;
}
  
  h2 {
    font-size: 2.4em;
}
  
  p, .how-to li, .service-detail li, .promotion-detail li, .policy-pay li, .dropdown-menu>li>a, 
  .shopcartID-Head-Default, .shopcartName-Head-Default, .product-detail li, .service-detail .table, .Template-J-Name label, .Template-J-Price{
    font-size: 16px;
}
  
  .sect-about {
    padding-top: 0;
}
  
  .sect-about br {
    display: none;
}
  
h6, div#Component652fad4bbd7faa001261789d .Contentmanager .site .col-section .item.-micro a .caption .title,
  div#Component652fae0e12f05a0013f82112 .Contentmanager .site .col-section .item.-micro a .caption .title {
    font-size: 18px;
}
  
  div#InmyDiv1697613365151 {
    left: 155px;
}
  
  div#InmyDiv1697613039540 {
    top: -55px;
}
  
  div#InmyDiv1697613167032 {
    top: 170px;
}
  
  div#Component652f898d9616e30013977dbb .Template-J-Name {
    height: auto;
}
  
  .pre-service h5 {
    margin-bottom: 5%;
}
  
 div#Component652fae0e12f05a0013f82112 .col-md-4.col-sm-4.col-xs-4.padding-col {
    width: 100%;
}
  
 .maxHeight-TP4 {
    min-height: 265px!important;
}
  
  .pre-article h6 {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
  
  .pre-article p {
    -webkit-line-clamp: 1;
}
  
  div#Component652fba4a18997f001268eab3 .TabItpContentLandingPage7>ul {
    display: flex;
}
  
  div#Component652fba4a18997f001268eab3 .TabItpContentLandingPage7>ul>li {
    width: 33%;
}
  
  .TabItpContentLandingPage7>ul>li>a>span {
    font-size: 16px !important;
}
  
 div#contentnewmode65308f63bd7faa0012617c2d .pt-5 {
    padding-top: 0;
}
  
  div#Component652fba4a18997f001268eab3 .TabItpContentLandingPage7>ul>li>a {
    padding: 6% 2%;
}
  
  .contact-page li {
    grid-template-columns: 10% auto;
    gap: 10px;
    width: 45%;
}
  
  .name-cont {
    grid-template-columns: 15% 70%;
}
  
  div#imagesControl652e4f3518997f001268cf42 {
    padding: 0 !important;
}
  
  .pre-service h5 {
  		 font-size: 22px;
  }
}

@media screen and (max-width : 480px) {
  
  
  h2 {
    font-size: 1.8em;
}
  
  h4 {
    font-size: 1.8em;
}
  
  div#Component652f7bcb9616e30013977afa .col-xs-12.col-sm-3 {
    width: 50%;
}
  
  .Template-J-pic {
    height: auto !important;
}
  
  div#Component652f7bcb9616e30013977afa .col-xs-12.col-sm-3 ,
  div#Component652f7c14bd7faa0012616b79 .col-xs-12.col-sm-3,
  div#Component652f898d9616e30013977dbb .col-xs-2.col-sm-4,
  div#Component652f93e160bc5b001387012b .col-xs-2.col-sm-4,
div#Component652f93fd60bc5b0013870145 .col-xs-2.col-sm-4,
div#Component652f940f60bc5b0013870166 .col-xs-2.col-sm-4,
div#Component652f942160bc5b001387019f .col-xs-2.col-sm-4,
div#Component652f943160bc5b00138701ba .col-xs-2.col-sm-4,
div#Component652f944460bc5b00138701e7 .col-xs-2.col-sm-4,
div#Component652f945660bc5b001387020d .col-xs-2.col-sm-4,
div#Component652f946760bc5b001387021f .col-xs-2.col-sm-4,
  div#Component652f97bdbd7faa001261738d .col-xs-12.col-sm-4,
div#Component652f978b60bc5b00138702f8 .col-xs-12.col-sm-4,
div#Component652f97d19616e3001397809e .col-xs-12.col-sm-4,
div#Component652f97e3d094fa00137a6b5a .col-xs-12.col-sm-4,
div#Component652f97f3d094fa00137a6b6b .col-xs-12.col-sm-4{
    width: 50%;
    padding-left: 3%;
    padding-right: 3%;
}
  
  .Template-J-Name {
    margin-bottom: 2%;
}
  
  .sect-about {
    padding-top: 0;
    padding-left: 0;
}
  
  div#InmyDiv1697613039540 {
    top: 0;
}
  
  div#Component652f93b960bc5b00138700de ul.nav-pills,
  div#Component652f93e260bc5b001387012d ul.nav-pills,
  div#Component652f93fd60bc5b0013870147 ul.nav-pills,
  div#Component652f940f60bc5b0013870168 ul.nav-pills,
  div#Component652f942160bc5b00138701a1 ul.nav-pills,
  div#Component652f943160bc5b00138701bc ul.nav-pills,
  div#Component652f944460bc5b00138701e9 ul.nav-pills,
  div#Component652f945660bc5b001387020f ul.nav-pills,
  div#Component652f946760bc5b0013870221 ul.nav-pills, 
  div#Component652f977960bc5b00138702e3 ul.nav-pills,
  div#Component652f97bdbd7faa001261738b ul.nav-pills,
  div#Component652f97d19616e3001397809c ul.nav-pills,
  div#Component652f97e3d094fa00137a6b58 ul.nav-pills,
  div#Component652f97f3d094fa00137a6b69 ul.nav-pills{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
  
  .pre-service h5 {
    margin-bottom: 6%;
    margin-top: 4%;
}
  
  div#Component652fad4bbd7faa001261789d .Contentmanager .site .col-section .item.-micro a .image,
  div#Component652fad4bbd7faa001261789d .Contentmanager .site .col-section .item.-micro a .caption,
  div#Component652fae0e12f05a0013f82112 .Contentmanager .site .col-section .item.-micro a .caption,
  div#Component652fae0e12f05a0013f82112 .Contentmanager .site .col-section .item.-micro a .image{
    width: 100%;
  }
  
  div#Component652fad4bbd7faa001261789d .Contentmanager .site .col-section .item.-micro a .caption,
  div#Component652fae0e12f05a0013f82112 .Contentmanager .site .col-section .item.-micro a .caption{
    margin-top: 4%;
  }
  
  div#Component652f8328d094fa00137a674b .col-md-12.text-justify {
    padding: 2% !important;
}
  
  h3 {
    font-size: 1.6em;
}
  
  .page-header {
    margin: 10px 0 0;
}
  .product-detail ul, .service-detail p, .service-detail ul, .promotion-detail p, .promotion-detail h6, .promotion-detail ul, .article-detail p {
    margin-bottom: 3%;
}
  
  div#Component652fae0e12f05a0013f82112 .nav-template li {
    margin-bottom: 3%;
}
  
   div#Component652fae0e12f05a0013f82112 .nav-template li:hover {
    text-decoration: none !important;
}
  
  div#Component652f8328d094fa00137a674b .col-xs-12.col-md-3 {
    width: 50%;
    padding: 1% !important;
}
  
  div#Component652fba4a18997f001268eab3 .TabItpContentLandingPage7>ul {
    display: block;
}
div#Component652fba4a18997f001268eab3 .TabItpContentLandingPage7>ul>li {
    width: 100%;
}
  
  .img-cart {
    width: 30%;
}
  
  .head-how-to {
    margin-bottom: 5%;
}
  
  div#Component652fba4a18997f001268eab3 .TabItpContentLandingPage7>.tab-content {
    height: 410px;
}
  
  div#Component65308fad9616e300139788a1 .col-xs-12.col-sm-2.col-md-2 {
    width: 50%;
}
  
  .name-cont {
    display: block;
    text-align: center;
}
  
  div#InmyDiv1697684296907 {
    width: 30%;
    margin: auto;
    margin-bottom: 4%;
}
  
  .contact-page li {
    width: 100%;
    padding: 3%;
}
  
  div#Component65308fad9616e300139788a1 .form-control,
div#mainmenu652f7bcc9616e30013977b0a .form-control{
    height: 38px;
}
  
  .ITPcookiebar {
    padding: 3%;
    display: flex !important;
}
  
  .ITPcookieLeftText {
    /* color: white; */
    float: unset !important;
    padding-left: 0 !important;
    padding-top: 0 !important;
}
  
  .ITPcookieButton {
    float: unset !important;
    padding-right: 0 !important;
    padding-top: 0 !important;
}
  
   .ITPcookieLeftText span {
    font-size: 14px;
}

 div#Component65309f8b60bc5b0013871120 .form-group.col-sm-offset-3.col-sm-6.col-md-offset-3.col-md-6 {
    width: 100% !important;
    margin-left: 0;
}
.shopcart {
    height: 40px !important;
}
  
  .service-detail h6 {
    margin-bottom: 4%;
}
 
  .service-detail ul, .service-detail ol {
    padding-left: 7%;
}
  
  .service-detail ol li p, .service-detail h5, .promotion-detail h6, .article-detail h6 {
    margin-top: 3%;
}
  
    .pre-service h5 {
  		 font-size: 20px;
  }
}
#Component65374c0f60bc5b00138763ab img{
    border-radius: 20px;
}