.itopplus-background {

}
body {
    overflow-x: hidden;
}

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

.itopplus-bg2 {
    background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_22092024645i/1423/0/bg-promotionz-z125542668430.webp);
    background-position: center;
    background-size: cover;
}

.itopplus-bg3 {
    background-image: url('https://itp1.itopfile.com/ImageServer/z_itp_22092024645i/0/0/3z-z399317944873.webp');
  background-size: cover;
}

.itopplus-footer {
    background-image: linear-gradient(to right,#dac061 0,#fff48d 51%,#a77622 100%);
    color: #331c04;
}

.navbar-default .navbar-nav>li>a {
    color: #ca002a;
    margin: 0 10px;
    padding: 8px;
}

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

.dropdown-menu>li>a {
    color: #000 !important;
    padding: 5px 20px;
}

.no-js .dropdown-menu>li>a:focus,
.no-js .dropdown-menu>li>a:hover {
    color: #fff!important;
    background: #ca002a;
}

div#controlBanner img {
    filter: drop-shadow(0 2px 4px rgb(0, 0, 0, 0.5));
}
@media screen and (max-width: 992px) {

    #controlBanner img {
        position: fixed;
        top: 5px;
        left: 10px;
        width: 45px !important;
        z-index: 10000;
    }

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

    #itpMenuSideBar span {
        background-color: #fff !important;
    }

    #controlMenu * {
        color: #fff !important;
        border: none;
    }


}

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

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

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

    .itp-block {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

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

    #controlBanner {
        object-fit: contain;
        padding: 15px;
        width: 50%;
        min-width: 120px;
        margin: 0 auto;
    }

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


}



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

h2 , h3.managerHeader{
    font-size: 3.2em;
}

h3 {
    font-size: 2.8em;
}

h4 {
    font-size: 2.4em;
}

h5 {
    font-size: 2em;
}

h6 {
    font-size: 1.4em;
}

p , .Template-J-ProName,.Template-J-CateName{
    font-size: 16px;
}

.btn-more, .pre-service p,
div#Component671b1ea0802a9b001344489b button,
div#Component671ef430802a9b0013446666 button,
.btnCheckoutprevious,.Template-J-buttonDetail, 
.Template-J-button, div#scrolltoshop label,
.Checkout-font .table>thead>tr>td,
.Checkout-font .table>tbody>tr>td div, 
.Checkout-font .table>tbody>tr>td span, 
.Checkout-font .table>tbody>tr>td label,
div#shop_member_login button, .shopcart-paymentpage,
.dropdown-menu>li>a{
    font-size: 14px;
}

.text-big {
    font-size: 34px;
}

.sect-promotion h6, .head-page h6, .text-big02{
    font-size: 22px;
}

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

.text-special p, .Template-J-Name, .Template-J-Price,
.pre-service h6{
    font-size: 18px;
}

.cate-product h5 {
    font-size: 28px;
}

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

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

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

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


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

.carousel-control {
    display: none;
}

.carousel-indicators.hidden {
    display: block !important;
    visibility: visible !important;
}

.carousel-indicators li {
    width: 12px !important;
    height: 12px !important;
    background-color: #ffffff !important;
    border-color: #fff;
    margin: 0 3px !important;
}

.carousel-indicators .active {
    width: 40px !important;
    height: 12px !important;
    background-color: #fff !important;
    border-color: #fff;
}

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

.footer li {
    display: grid;
    grid-template-columns: 8% auto;
    gap: 10px;
    margin-bottom: 6%;
    align-items: baseline;
}

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

.footer h6 , .blog-slogan h6, .card-promotion h4,
.text-big, .sect-promotion h6, .sect-perfume h6,
.ticket h6, .sect-special h5, .sect-special h3,
.blog-special p , .fw-semi, .art-detail h6,
.form-contact h5, .Checkout-font-panel label{
    font-weight: 600;
}

.text-big .text-red,.text-special .text-red,
.text-big02, .contact-page h4{
    font-weight: 700;
}

.ticket h3 {
    font-weight: 800;
}

.footer h6 {
    margin-bottom: 2rem;
}

.footer li p, .icon-line h6, .btn-facebook p,
.menu-footer p, .blog-slogan h1, .blog-slogan h3,
.sect-search p,.btn-promotion p,.card-payment02 h6,
div#Component6719ce13628132001367cd00 .thumbs{
    margin: 0;
}

.btn-line img {
    border-radius: 10px;
}

.btn-line {
    display: grid;
    grid-template-columns: 35% auto;
    background: #01ba03;
    padding: 2%;
    border-radius: 15px;
    gap: 10px;
    align-items: center;
    width: 90%;
    margin-bottom: 8%;
  font-family: "Tenor Sans", "Noto Sans Thai", sans-serif;
}

.icon-line {
    display: grid;
    grid-template-columns: 18% auto;
    gap: 5px;
    align-items: center;
    text-transform: uppercase;
    margin-bottom: 5%;
}

.btn-line p {
    background: #fff;
    padding: 2%;
    text-align: center;
    border-radius: 30px;
}

.icon-line h6, .sect-perfume {
    color: #fff;
}

.btn-facebook {
    display: grid;
    grid-template-columns: 25% auto;
    align-items: center;
    background: #fff;
    width: 60%;
    justify-content: center;
    padding: 2%;
    border-radius: 10px;
    gap: 10px;
  transition: all 0.2s ease-out;
  font-family: "Tenor Sans", "Noto Sans Thai", sans-serif;
  color: #000;
}

.menu-footer {
    display: flex;
    align-items: center;
    gap: 10px;
}

.sub-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 3%;
    padding-top: 2%;
    border-top: 1px solid #331c04;
}

.menu-footer a, .footer a, .btn-facebook a,
.cate-product h5{
    color: #331c04;
}

.shopcart {
    background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_22092024645i/500/0/bg-cartz-z343067258009.webp) !important;
    background-size: 100% !important;
    border-radius: 10px 0 0 10px !important;
    background-position: center !important;
    width: 70px !important;
    height: 55px !important;
    background-color: transparent !important;
    top: 45px !important;
    z-index: 9999 !important;
}

.notificationcart {
    bottom: 50% !important;
    right: 10% !important;
    width: 20px !important;
    height: 20px!important;
    background-color: #ec1c24!important;
    display: block !important;
}  

div#Component6719b9e5628132001367c8df,
div#Component6719ffcd697cd80013a5db46{
    width: 85%;
    margin: auto;
    padding-right: 5%;
}

.sect-about h1 {
    font-family: "Tenor Sans", sans-serif;
    text-transform: uppercase;
    background: #BC9723;
    background: linear-gradient(to right, #BC9723 0%, #CDB65A 50%, #9C790C 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 0;
}

.text-merg h6 {
    color: #ca002a;
    font-weight: 600;
      margin: 0;
}

.text-merg {
    display: grid;
    grid-template-columns: 40% 30%;
    gap: 20px;
    align-items: center;
}

.sect-about hr {
    border-color: #9c790c;
    width: 75%;
    margin: 4% 0 5%;
}

.sect-about p {
    margin-bottom: 4%;
}

.sect-about {
    padding-top: 12%;
}

.btn-more {
    width: fit-content;
    background: #ca002a;
    padding: 0.75rem 2rem;
    border-radius: 30px;
    color: #fff;
    transition: all 0.2s ease-out;
}

.text-promotion h1, .text-promotion h2 {
    margin: 0;
    background: #BC9723;
    background: linear-gradient(to right, #a77622 0%, #fff48d 50%, #bd8a32 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
    text-align: center;
    transform: rotate(358deg);
}

.text-promotion h1 {
    font-size: 5em;
    line-height: 80px;
}

.text-promotion h2 {
    font-size: 4.4em;
    line-height: 94px;
}

.tags-slogan {
    position: relative;
}

.blog-slogan {
    position: absolute;
    right: 30px;
    top: 0;
    background: linear-gradient(0deg, #e5cda2, #fff);
    padding: 2%;
    text-align: center;
    border-radius: 0 0 120px 120px;
    box-shadow: 0px 2px 10px rgb(255 233 193 / 96%);
}

.blog-slogan h6 {
    line-height: 28px;
    margin-bottom: 20%;
    margin-top: 0;
}

.blog-slogan h1 {
    line-height: 86px;
}

.blog-slogan h3, .blog-slogan h1 {
    background: #E29E33;
    background: linear-gradient(to bottom, #E29E33 0%, #7D3E05 75%, #7D3E05 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
}

.blog-slogan h6 {
    color: #462707;
}

.card-promotion {
    width: fit-content;
    background: linear-gradient(90deg, transparent, #ffffffcf, #ffffff, #ffffff, #ffffff, #ffffffcf, transparent);
    padding: 1% 5%;
    text-align: center;
    margin: auto;
    transform: rotate(358deg);
    margin-bottom: 3%;
    margin-top: 1%;
  transition: transform 0.2s ease-out;
}

.card-promotion h4, .card-promotion h5 {
    font-style: italic;
}

.card-promotion h4, .text-red, .sect-special h3,
.text-big02, .policy-pay a:hover, .contact-page a:hover,
.footer a:hover, .menu-footer a:hover{
    color: #c80000;
}

.text-hora h6 {
    font-weight: 700;
    line-height: 26px;
    background: #A77622;
    background: linear-gradient(to right, #A77622 0%, #FFF48D 20%, #FFF48D 50%, #BD8A32 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-align: center;
}

.icon-hora {
    width: 40%;
    margin: auto;
    margin-bottom: 8%;
}

div#mainmenu6719c66f05d23900138f8184 {
    width: 90%;
    margin: auto;
}

.sect-promotion {
    padding: 6% 4%;
    background: #fff;
    text-align: center;
    border-radius: 30px;
    margin-top: -65px;
}

.sect-promotion h2, .how-to-order h4{
    background: #DE0000;
    background: linear-gradient(to bottom, #DE0000 0%, #A40000 86%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-transform: uppercase;
    font-family: "Tenor Sans", sans-serif;
    margin-bottom: 3%;
}

.sect-promotion h6, .sect-special h5 , .how-to-order h6,
.blog-howto h6, .form-contact h5{
    color: #734b21;
}

.btn-promotion p {
    color: #fff;
}

.btn-promotion {
    width: 27%;
    margin: auto;
    display: grid;
    grid-template-columns: 22% auto;
    gap: 10px;
    text-align: left;
    background: linear-gradient(to bottom, #DE0000 0%, #A40000 86%);
    padding: 1%;
    border-radius: 50px;
    margin-top: 4%;
}

.sect-search p, .card-promotion h5, .policy-pay a,
.contact-page a{
    color: #000;
}

.sect-search {
    background: #fff;
    color: #000;
    display: grid;
    grid-template-columns: auto 10%;
    align-items: center;
    width: 85%;
    padding: 1% 6%;
    border-radius: 30px;
    margin-top: 2%;
}

figure.effect-jazz figcaption::after,.dropdown-menu,
.boderedlayoutClient, figure.effect-oscar figcaption::before{
    border: none;
}

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

div#Component6719cd47563cfb0013ad927a figure,
div#Component6719cd47563cfb0013ad927a .imgLightbox img,
div#Component671a0c97697cd80013a5dc4e figure,
div#Component671a0c97697cd80013a5dc4e .imgLightbox img,
div#Component671a1a1105d23900138f8e7d figure,
div#Component671a1a1105d23900138f8e7d .imgLightbox img,
div#Component671a28a2563cfb0013ada1b5 figure,
div#Component671a28a2563cfb0013ada1b5 .imgLightbox img,
div#Component671a28a2563cfb0013ada1bd figure,
div#Component671a28a2563cfb0013ada1bd .imgLightbox img,
div#Component671b18a5dfca78001307feb0 figure,
div#Component671b18a5dfca78001307feb0 .imgLightbox img,
div#Component6719ffcd697cd80013a5db46 .imgLightbox img{
    border-radius: 30px;
}

div#mainmenu6719cdfad452f200133d6429 {
    background: linear-gradient(0deg, #990000, #db0000);
    color: #fff;
    border-radius: 30px;
}

div#Component6719ce13628132001367cd00 .imgLightbox img,
div#Component6719ce13628132001367cd00 figure{
    border-radius: 0 30px 30px 0;
}

.sect-perfume h1 {
    background: #FFDDA7;
    background: linear-gradient(to bottom, #FFDDA7 0%, #C19963 75%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-transform: uppercase;
    font-family: "Tenor Sans", sans-serif;
    margin-bottom: 0;
}

.sect-perfume {
    text-align: center;
    padding: 6% 20% 0;
}

.sect-perfume hr {
    border-color: #b9b9b9;
    margin: 5% 0 7%;
}

.ticket h6, .ticket h3 {
    margin: 2% 0;
    color: #1a1919;
}

.ticket {
    background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_22092024645i/894/0/VectorSmartObjectz-z1359756783346.webp);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    padding: 3% 0;
    width: 60%;
    margin: 3% auto;
}

.sect-special {
    display: flex;
    align-items: baseline;
    gap: 10px;
    justify-content: center;
    margin-bottom: 2%;
}

.blog-special {
    display: grid;
    grid-template-columns: 19% auto;
    align-items: center;
    gap: 15px;
    padding: 5% 7%;
}

.border-bottom {
    border-bottom: 1px solid #dcdcdc;
}

.border-right {
    border-right: 1px solid #dcdcdc;
}

.sect-product, .product-head, .equipment-page, .how-to-order {
    text-align: center;
}

.sect-product h6 , .equipment-page h6{
    line-height: 28px;
    font-weight: 400;
}

.sect-product h1 {
    text-transform: uppercase;
    font-family: "Tenor Sans", sans-serif;
    margin-bottom: 2%;
}

.sect-product {
    margin-bottom: 5%;
}

.shopcart-Cate a {
    color: #734b21;
}

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

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

.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: 'Noto Sans Thai',sans-serif;
}

.shopcartlinePrice-Default .Template-J-PricePromotion {
    background-color: #f5f5f5;
    padding: 1% 5%;
    border-radius: 30px;
}

.shopcartDetail, .shopcartRelated {
    font-weight: 700;
    font-size: 20px !important;
    color: #232323;
    width: 100% !important;
    border: none !important;
    background: #f5f5f7;
    border-radius: 10px;
}

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

.Template-J-Big img, .Template-J-smallpic {
    border: 1px solid #ddd;
  border-radius: 30px;
}

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

.Template-J-smallpic {
    height: 135px;
}

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

.ui.steps .step.active {
    background: #9C790C ;
    color: #fff;
}

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

.step5checkout, .step1checkout {
    background:linear-gradient(to right, #BC9723 0%, #CDB65A 50%, #9C790C 100%);
    border-color: #CDB65A;
}

.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#Component6719f94605d23900138f8932 .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#Component6719f94605d23900138f8932 .ui.segment {
    line-height: 40px;
    box-shadow: none;
    border: none;
    background: #f6f6f6;
}

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

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

div#Component6719f94605d23900138f8932 .input-group .form-control,
.manage-form-confirm-payment .input-group .form-control{
    height: 40px;
    border-radius: 30px 0 0 30px !important;
}

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

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

.Template-J-frame {
    padding: 0;
    transition: transform 0.2s ease-out;
    background: #fff;
    position: relative;
    box-shadow: 0 4px 8px rgb(0, 0, 0, 0.1);
    border-radius: 20px;
}

.Template-J-pic{
    border-radius: 20px 20px 0 0;
}

.Template-J-pic {
    border-bottom: 1px solid #ddd;
    height: auto !important;
}

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

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

.Template-J-Name {
    height: 35px;
    text-align: left !important;
    margin-bottom: 0;
    padding: 0 3%;
    line-height: 28px;
}

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

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

.mainProductFilterContainer .col-xs-6.col-sm-3 {
    padding: 0 1%;
}

.Template-J-Des {
    height: 50px;
    text-align: left;
    color: #000;
    margin-top: 0;
    margin-bottom: 2%;
    line-height: 24px;
}

.Template-J-Price {
    height: 50px;
    text-transform: uppercase;
    text-align: left !important;
    padding: 0 3% !important;
}

.Template-J-button, .Template-J-buttonDetail {
    background: linear-gradient(0deg, #7d3e05, #e29e33);
    border-radius: 30px;
    color: #fff;
    padding: 0.5rem;
    width: 35%;
    position: absolute;
    right: 18px;
    bottom: 18px;
}

.pre-product {
    padding: 0 5%;
}

.head-page h2 {
    background: #FFDDA7;
    background: linear-gradient(to bottom, #FFDDA7 0%, #C19963 75%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-transform: uppercase;
    font-family: "Tenor Sans","Noto Sans Thai", sans-serif;
    line-height: 74px;
    margin-bottom: 0;
    font-weight: 600;
}

.head-page {
    text-align: center;
    background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_22092024645i/1423/0/banner-pagez-z1407724197627.webp);
    color: #fff;
    padding: 3% 0 2.5%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.page-about {
    padding-top: 2%;
}

.mysteryy-page p {
    margin-bottom: 5%;
    line-height: 26px;
}

.mysteryy-page {
    padding: 8% 5% 0 7%;
}

.mysteryy-page h3, .art-detail h5 {
    font-family: "Tenor Sans","Noto Sans Thai", sans-serif;
    text-transform: uppercase;
    background: #BC9723;
    background: linear-gradient(to right, #BC9723 0%, #CDB65A 50%, #9C790C 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 3%;
}

.product-head h2 {
    margin-bottom: 1%;
}

.product-head h5, .product-head h2  {
    background: #BC9723;
    background: linear-gradient(to right, #a77622 0%, #fff48d 50%, #bd8a32 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
    text-align: center;
    margin-bottom: 1%;
    font-family: "Tenor Sans","Noto Sans Thai", sans-serif;
    text-transform: uppercase;
}

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

figure.effect-oscar h2 {
    margin: 0;
    -webkit-transition: inherit;
    transition: inherit;
    -webkit-transform: inherit;
    transform: inherit;
}

div#Component671a1a1105d23900138f8e7d figcaption,
div#Component671a28a2563cfb0013ada1bd figcaption{
    padding: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    background: transparent;
}

.cate-product {
    background: linear-gradient(to top, #a77622 0%, #ffd88dd4 58%, #ffe88dd4 70%, #bd8a3200 100%);
    padding: 3%;
    bottom: 0;
    position: absolute;
    width: 100%;
    border-radius: 0 0 30px 30px;
    background: linear-gradient(0deg, #fff, #ffffffe8, #ffffffcc, #ffffff03);
    padding-top: 8%;
}

figure.effect-oscar:hover h2 {
    -webkit-transform: inherit;
    transform: inherit;
}

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

.cate-product h5 {
    background: #DE0000;
    background: linear-gradient(to bottom, #DE0000 0%, #A40000 86%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: 50px;
    font-weight: 600;
}

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

.pre-service h6 {
    margin-bottom: 3%;
    line-height: 26px;
    color: #000;
    margin-top: 0;
    padding-left: 1%;
}

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

div#Contentmanager .col-md-4.col-sm-4.col-xs-12 .img {
    border-radius: 20px 20px 0 0;
}

div#Contentmanager .col-md-4.col-sm-4.col-xs-12 {
    padding: 0 !important;
    margin: 1%;
    width: 31.33%;
    background: #fff;
    box-shadow: 0 4px 8px rgb(0, 0, 0, 0.1);
    border-radius: 20px;
  margin-bottom: 3%;
}

.head-page.page-contant {
    height: 140px;
}

h3.managerHeader {
    position: absolute;
    top: -115px;
    width: 100%;
    text-align: center;
    background: #FFDDA7;
    background: linear-gradient(to bottom, #FFDDA7 0%, #C19963 75%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-transform: uppercase;
    font-family: "Tenor Sans", "Noto Sans Thai", sans-serif;
    line-height: 64px;
    margin-bottom: 0;
    font-weight: 600;
}

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

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

.equipment-page {
    margin-bottom: 3%;
}

div#Component671b0ae6db59c50014cb27d2 .imgLightbox img {
    box-shadow: 0px 2px 10px rgb(0, 0, 0, 0.1);
    border-radius: 20px;
}

div#Component671b0ae6db59c50014cb27d2 figure {
    overflow: visible;
}

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

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

.art-detail p {
    margin-bottom: 2rem;
    line-height: 26px;
    text-indent: 40px;
}

.art-detail li p {
    margin-bottom: 1rem;
    text-indent: 0;
}

.art-detail {
    margin-top: 2%;
}

div#Contentmanager .img-thumbnail, div#Contentmanager .thumbnail {
    padding: 0;
    border: none;
}

div#Contentmanager .img-thumbnail,
div#Contentmanager .thumbnail>img{
    border-radius: 20px;
}

.art-detail ul {
    margin-bottom: 2rem;
}

.art-detail h5 {
    font-weight: 600;
    line-height: 44px;
}

.art-detail h6 {
    line-height: 26px;
}

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

.how-to-order h6 {
    margin-bottom: 1.5rem;
}

.blog-howto li h6 {
    font-weight: 700;
    background: #BC9723;
    background: linear-gradient(to right, #BC9723 0%, #CDB65A 50%, #9C790C 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.blog-howto li {
    display: flex;
    align-items: baseline;
    gap: 7px;
    font-family: "Tenor Sans", "Noto Sans Thai", sans-serif;
}

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

.blog-howto {
    padding-left: 6%;
    padding-top: 3%;
}

.card-payment h6, .card-payment02 h5 {
    text-align: center;
    font-weight: 600;
      color: #000;
}

.blog-payment h5, .blog-payment h6 {
    margin-bottom: 3%;
}
.blog-payment {
    text-align: center;
    color: #000;
}

.card-payment {
    padding: 5%;
    background: #fff;
    border-radius: 30px;
    font-family: "Tenor Sans", "Noto Sans Thai", sans-serif;
}

.blog-payment img {
    width: 20% !important;
    margin: 2% 0;
}

.card-payment02 {
    background: #fff;
    border-radius: 30px 30px 0 0;
    padding: 5% 0 1%;
}

.boarder-confirm-payment {
    border: none !important;
    border-radius:0 0 30px 30px !important;
    background: #fff;
    padding: 1% 3%;
    color: #000;
}

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

div#Component671b1ea0802a9b001344489b button,
div#Component671ef430802a9b0013446666 button,
.btnCheckoutprevious, div#shop_member_login button{
    background-image: none;
    text-shadow: none;
    border: none;
    border-radius: 30px;
    padding: 0.75rem 2rem;
    background: #ca002a;
    color: #fff;
}

.shopcart-paymentpage {
    width: fit-content;
    margin: auto;
    background-image: none;
    text-shadow: none;
    border: none;
    border-radius: 30px;
    padding: 0.75rem 2rem;
    background: #ca002a;
    color: #fff;
}

.card-payment .btn-more {
    margin: auto;
    margin-top: 5%;
}

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

.policy-pay li {
    margin-bottom: 1%;
}

.contact-page li {
    display: grid;
    grid-template-columns: 38px auto;
    gap: 10px;
    align-items: center;
    margin-bottom: 2%;
}

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

.contact-page h4 {
    background: #FFDDA7;
    background: linear-gradient(to bottom, #FFDDA7 0%, #C19963 85%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-transform: uppercase;
    font-weight: 600;
}

.form-contact {
    text-align: center;
    padding: 3% 1%;
}

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

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

div#Component671ef430802a9b0013446666 {
    width: 80%;
    margin: auto;
}

div#Component671ef430802a9b0013446666 input::placeholder, 
div#Component671ef430802a9b0013446666 textarea::placeholder {
    color: #000;
}

div#Component671ef430802a9b0013446666 .form-control {
    box-shadow: none;
    border-radius: 10px;
    background: #f4f4f4;
    border: none;
    color: #000 !important;
}

.contact-page {
    padding-left: 9%;
    border-left: -moz-linear-gradient(top, #555555, #111111);
    border-image: linear-gradient(to bottom, #ffdda738 0%, #C19963 50%, #ffdda724) 1;
    border-radius: 5px;
    border-width: 1px;
    border-style: solid;
    border-top: 0;
    border-bottom: 0;
    border-right: 0;
}

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

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

.Template-J-buttonDetail {
    position: static;
    width: 20%;
    margin: 2% 0 !important;
}

.Template-J-buttonDetail .Template-J-Icon {
    width: 27%;
}

.product-detail {
    padding: 1% 3%;
}

.product-detail h6 {
    margin-top: 2%;
    font-weight: 600;
    color: #462707;
}

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

.blog-special img , .icon-hora img, .btn-promotion,
.Template-J-frame, .btn-line, 
div#Component671a1a1105d23900138f8e7d figure img,
div#Component671a28a2563cfb0013ada1bd figure img,
div#Contentmanager .col-md-4.col-sm-4.col-xs-12,
.contact-page li img, .ticket{
   transition: transform 0.2s ease-out;
}

.blog-special:hover img , .blog-hora:hover .icon-hora img,
.card-promotion:hover, .btn-promotion:hover, .Template-J-frame:hover,
.btn-line:hover, div#Component671a1a1105d23900138f8e7d figure:hover img,
div#Component671a28a2563cfb0013ada1bd figure:hover img,
div#Contentmanager .col-md-4.col-sm-4.col-xs-12:hover,
.contact-page li:hover img, .ticket:hover{
   transform: scale(1.05);
}

.btn-more:hover, .Template-J-frame:hover .Template-J-button,
.Template-J-buttonDetail:hover,div#Component671b1ea0802a9b001344489b button:hover, 
div#Component671ef430802a9b0013446666 button:hover, .shopcart-paymentpage:hover,
.btnCheckoutprevious:hover, div#shop_member_login button:hover,
div#Contentmanager .col-md-4.col-sm-4.col-xs-12:hover .btn-more{
    background:#c69645;
}

.btn-facebook:hover img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(93%) saturate(0%) hue-rotate(215deg) brightness(105%) contrast(109%);
}

.btn-facebook:hover {
    background: #1877f2;
    color: #fff;
    transform: scale(1.05);
}

div#Component671a1a1105d23900138f8e7d figure:hover .cate-product,
div#Component671a28a2563cfb0013ada1bd figure:hover .cate-product{
    background: linear-gradient(to top, #c69645 0%, #ffd88dd4 58%, #ffe88dd4 70%, #bd8a3200 100%);
}

.blog-howto li:hover h6 {
    background: #DE0000;
    background: linear-gradient(to bottom, #DE0000 0%, #A40000 86%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.iconstep5checkout label {
    font-size: 80px !important;
}

.dropdown-menu, .dropdown-menu>li>a, .navbar-nav>li>.dropdown-menu,
.dropdown-submenu>.dropdown-menu{
    border-radius: 10px;
}

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

.btnCheckoutprevious {
    width: fit-content;
}

.ITPcookiebar {
  width: 100% !important;
     background-color: #8d8d8da1 !important;
    color: #ffffff;
}

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

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

.ITPlinkToCookiepage:hover {
    color: #c80000 !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#cookie671ef430802a9b0013446666 {
    padding: 3% 0;
}
/********************responsive*******************/

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


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

h1 {
    font-size: 4.6em;
}

h2 , h3.managerHeader{
    font-size: 3.6em;
}

h3 {
    font-size: 3.2em;
}

h4 {
    font-size: 2.8em;
}

h5 {
    font-size: 2.4em;
}

h6 {
    font-size: 1.8em;
}

p , .Template-J-ProName,.Template-J-CateName{
    font-size: 20px;
}

.btn-more, .pre-service p,
div#Component671b1ea0802a9b001344489b button,
div#Component671ef430802a9b0013446666 button,
.btnCheckoutprevious,.Template-J-buttonDetail, 
.Template-J-button, div#scrolltoshop label,
.Checkout-font .table>thead>tr>td,
.Checkout-font .table>tbody>tr>td div, 
.Checkout-font .table>tbody>tr>td span, 
.Checkout-font .table>tbody>tr>td label,
div#shop_member_login button, .shopcart-paymentpage,
.dropdown-menu>li>a, div#scrolltoshop div{
    font-size: 18px;
}

.text-big {
    font-size: 40px;
}

.sect-promotion h6, .head-page h6, .text-big02{
    font-size: 26px;
}

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

.text-special p, .Template-J-Name, .Template-J-Price,
.pre-service h6{
    font-size: 24px;
}

.cate-product h5 {
    font-size: 32px;
}

.text-promotion h1 {
    font-size: 5.4em;
    line-height: 80px;
}

.text-promotion h2 {
    font-size: 4.8em;
    line-height: 94px;
}

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

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

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

.ui.steps .step .title,
  div#Component671ef430802a9b0013446666 .form-control,
  .manage-form-confirm-payment .form-control,
  div#Component6719f94605d23900138f8932 .form-control{
    font-size: 16px !important;
}
  
  .text-merg {
    grid-template-columns: 37% 30%;
}
  
  .sect-about p , .text-hora h6, .mysteryy-page p,
  .art-detail p, .art-detail h6, .art-detail p{
    line-height: 32px;
}
  
  .icon-hora {
    width: 35%;
  }
  
  .sect-promotion h2 {
    margin-bottom: 2%;
}
  
  .blog-special {
    gap: 20px;
}
  
  .sect-product h6 {
    line-height: 34px;
}
  
  .equipment-page h6 {
    line-height: 38px;
}
  
  .Template-J-Name {
    height: 40px;
    line-height: 32px;
     margin-bottom: 1%;
}
  
  .Template-J-Des {
    height: 55px;
    line-height: 28px;
}
  
  .Template-J-Icon {
    width: 25%;
}
  
  .Template-J-Price {
    height: 60px;
  }
  
  .footer li {
    grid-template-columns: 7% auto;
}
  
  .btn-facebook {
    width: 50%;
}
  
  .head-page.page-contant {
    height: 170px;
}
  
  h3.managerHeader {
    top: -130px;
}
  
  .Template-J-buttonDetail .Template-J-Icon {
    width: 25%;
}
  
  .pre-service h6 {
    margin-bottom: 1%;
  }
  
  .blog-howto {
    padding-top: 8%;
}
  
  div#Component671ef430802a9b0013446666 input.form-control {
    height: 40px;
}
  
  .btn-line {
    grid-template-columns: 30% auto;
    width: 75%;
}
  
  .PictureOverflow {
    max-height: 235px !important;
  }
  
  .Template-J-smallpic {
    height: 190px;
}
  
  .art-detail li p {
    margin-bottom: 1%;
  }
  
  .ITP-pdpa-template-contentFont {
    line-height: 34px;
    font-size: 18px !important;
}
  
  .ITP-pdpa-template-titleFont {
    font-size: 24px !important;
  }
  
  .blog-slogan h1 {
    line-height: 115px;
}
  
  .blog-slogan h6 {
    line-height: 36px;
  }
}

@media screen and (max-width : 1366px) {
  .art-detail h6 {
    margin-top: 0;
}
  
  .art-detail h5 {
    margin-bottom: 0;
}
  
  .Template-J-Des {
    height: 48px;
    margin-bottom: 4%;
}
  
  .navbar-default .navbar-nav>li>a {
    padding: 8px 5px;
}
  
  .shopcart {
    width: 60px !important;
    height: 50px !important;
    top: 30px !important;
}
}

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

.navbar-default .navbar-nav>li>a {
    font-size: 14px;
    padding: 8px 2px;
}
  
  .text-merg {
    grid-template-columns: 45% 40%;
    gap: 10px;
}
  
  h1 {
    font-size: 3.6em;
}
  
  div#Component6719b9e5628132001367c8df, div#Component6719ffcd697cd80013a5db46 {
    width: 95%;
  }
  
.text-promotion h1 {
    font-size: 4em;
    line-height: 66px;
}
  
  .text-promotion h2 {
    font-size: 3.4em;
    line-height: 74px;
}
  
  .btn-promotion {
    width: 33%;
  }
  
  .sect-perfume {
    padding: 3% 15% 0;
}
  
  div#Component6719ce13628132001367cd00 .imgLightbox img {
    height: 400px;
    object-fit: cover;
}
  
  h3 {
    font-size: 2.6em;
}
  
  h6 {
    font-size: 18px;
}
  
  h4 {
    font-size: 2.2em;
}
  
  .itopplus-bg {
    background-size: cover;
}
  
  .text-special p {
    font-size: 14px;
}
  
  .sect-product h6, .equipment-page h6 {
    line-height: inherit;
  }
  
  .pre-product p {
    font-size: 14px;
}
  
  .Template-J-Des {
    line-height: inherit;
    height: 40px;
    margin-bottom: 5%;
}
  
  .btn-line {
    width: 100%;
    grid-template-columns: 30% auto;
}
  
  .btn-facebook {
    width: 70%;
}
  
  h2, h3.managerHeader {
    font-size: 3em;
}
  
  .mysteryy-page {
    padding: 2% 5% 0 7%;
}
  
  .cate-product h5 {
    font-size: 24px;
}
  
  .Template-J-smallpic {
    height: 105px;
}
  
.Template-J-Big img, .Template-J-smallpic {
    border-radius: 20px;
}
  
  .pre-service h6 {
    margin-bottom: 1%;
  }
  
  .blog-howto {
    padding-top: 0;
}
  
  h3.managerHeader {
    font-size: 2.8em;
}
}

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

.menu-footer, br {
    display: none;
}
  
  .copy-right {
    text-align: center;
}
  
  .sub-footer {
    display: block;
    margin-top: 0;
    padding-top: 2%;
    border-top: none;
}
  
  .shopcart {
    top: 60px !important;
}
  
  .sect-about {
    padding-top: 0;
}
  
      h1 {
        font-size: 40px;
    }
  
      h2, h3.managerHeader {
        font-size: 38px;
    }
  
      h3 {
        font-size: 32px;
    }
  
        h4 {
        font-size: 28px;
    }
  
          h5 {
        font-size: 24px;
    }
  
      .text-merg {
        grid-template-columns: 43% 45%;
  }
  
  .text-merg br {
    display: block;
}
  
  .sect-about h1 {
    margin-bottom: 1%;
}
  
  .blog-slogan {
    width: 20%;
    right: 0;
}
  
      .text-promotion h2 {
        font-size: 3em;
        line-height: 64px;
    }
  
      .text-promotion h1 {
        font-size: 3.8em;
        line-height: 58px;
    }
  
  div#mainmenu6719c66f05d23900138f8184 .col-sm-5fix.col-xs-12 {
    width: 20%;
    float: left;
}
  
  .icon-hora {
    width: 50%;
    margin-bottom: 10%;
}
  
  .text-hora h6 {
    line-height: inherit;
    font-size: 16px;
}
  
  .blog-slogan h1 {
    line-height: 60px;
}
  
  .blog-slogan h6, .art-detail h5 {
    line-height: inherit;
  }
  
      .btn-promotion {
        width: 40%;
    }
  
  div#Contentmanager .col-md-6.pull-left, div#Contentmanager .col-md-6.pull-right {
    width: 50%;
}
  
  .art-detail.pt-5.pe-3 {
    padding-top: 0;
    margin-top: 0;
    padding-left: 0;
}
  
      .art-detail h5 {
        margin-bottom: 1%;
    }
  
  .blog-special {
    height: 85px;
}
  
  .Template-J-Price {
    font-size: 16px;
}
  
  .Template-J-Icon {
    width: 35%;
}
  
  .Template-J-button {
    width: 40%;
     right: 10px;
}

      .mysteryy-page {
        padding: 2% 0% 0 3%;
    }
  
  div#scrolltoshop6719f94605d23900138f8932 .col-xs-12.col-md-6 {
    width: 50%;
}
  
      .Template-J-smallpic {
        height: 80px;
    }
  
  .Template-J-buttonDetail {
    width: 35%;
}
  
  .head-page.page-contant {
    height: 110px;
}
  
  h3.managerHeader {
    top: -125px;
}
}

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

div#imagesControl6719acb5d452f200133d5ef0 {
    padding: 0 !important;
    margin-bottom: -5px;
}
  
  div#imagesControl6719b9e5628132001367c8df,
  .pt-5.tags-slogan,
  div#Component6719cd47563cfb0013ad927a .col-md-6.col-sm-6.col-xs-6,
  div#imagesControl6719cd47563cfb0013ad927a,
  div#imagesControl6719ce13628132001367cd00,
  div#mainmenu6719cdfad452f200133d6429>div,
  div#mainmenu6719d224563cfb0013ad93bf>div,
  div#mainmenu6719d22b563cfb0013ad93cd>div,
  div#imagesControl6719ffcd697cd80013a5db46,
  div#Component671a1a1105d23900138f8e7d .thumbs,
  div#Component671a1a1105d23900138f8e7d .col-md-6.col-sm-6.col-xs-12,
  div#Component671a28a2563cfb0013ada1bd .thumbs,
  div#Component671a28a2563cfb0013ada1bd .col-md-6.col-sm-6.col-xs-12,
  div#imagesControl671b18a5dfca78001307feb0,
  div#contentnewmode671b1a440069d50013424ba1{
    padding: 0 !important;
}
  
  .sect-about {
    padding-top: 3%;
}
  
      h1 {
        font-size: 36px;
    }
  
      h2 {
        font-size: 32px;
    }
  
        h3 {
        font-size: 28px;
    }
  
      h4, .head-page h2 {
        font-size: 24px;
    }
  
      .text-merg {
        grid-template-columns: 46% auto;
        gap: 0;
    }
  
  .text-merg h6 {
    font-size: 16px;
}
  
  .sect-about p {
    margin-bottom: 6%;
}
  
      .text-promotion h1 {
        font-size: 2.6em;
        line-height: 44px;
    }
  
      .text-promotion h2 {
        font-size: 2em;
        line-height: 42px;
    }
  
  .blog-slogan h6 {
    margin-bottom: 2%;
}
  
      .blog-slogan {
        width: 100%;
        position: static;
        border-radius: 0 0 70px 70px;
        margin-bottom: 5%;
        padding: 5%;
    }
  
  .text-big {
    font-size: 26px;
}
  
  .card-promotion {
    padding: 4% 5%;
}
  
  
      h5 {
        font-size: 20px;
    }
  
      div#mainmenu6719c66f05d23900138f8184 .col-sm-5fix.col-xs-12 {
        width: 100%;
        float: none;
    }
  
      .icon-hora {
        width: 100%;
        margin-bottom: 0;
    }
  
  .blog-hora {
    display: grid;
    grid-template-columns: 20% auto;
    gap: 15px;
    align-items: center;
    margin-bottom: 2%;
}
  
  .text-hora h6 {
    text-align: left;
    margin: 0;
}
  
  .sect-promotion {
    margin-top: -40px;
}
  
  .sect-promotion h6, .head-page h6, .text-big02 {
    font-size: 18px;
}
  
  .sect-promotion h2, .sect-promotion h6,
  div#Component671a1a1105d23900138f8e7d .col-md-6.col-sm-6.col-xs-12,
  div#Component671a28a2563cfb0013ada1bd .col-md-6.col-sm-6.col-xs-12{
    margin-bottom: 5%;
}
  
      .btn-promotion {
        width: 100%;
        margin-top: 8%;
    }
  
  div#Component6719cd47563cfb0013ad927a figure, 
  div#Component6719cd47563cfb0013ad927a .imgLightbox img, 
  div#Component671a0c97697cd80013a5dc4e figure, 
  div#Component671a0c97697cd80013a5dc4e .imgLightbox img, 
  div#Component671a1a1105d23900138f8e7d figure, 
  div#Component671a1a1105d23900138f8e7d .imgLightbox img, 
  div#Component671a28a2563cfb0013ada1b5 figure,
  div#Component671a28a2563cfb0013ada1b5 .imgLightbox img, 
  div#Component671a28a2563cfb0013ada1bd figure, 
  div#Component671a28a2563cfb0013ada1bd .imgLightbox img, 
  div#Component671b18a5dfca78001307feb0 figure, 
  div#Component671b18a5dfca78001307feb0 .imgLightbox img {
    border-radius: 23px;
}
  
      .sect-perfume {
        padding: 5%;
    }
  
      div#Component6719ce13628132001367cd00 .imgLightbox img {
        height: auto;
        object-fit: cover;
        border-radius: 0 0 30px 30px;
    }
  
  .sect-special {
    flex-wrap: wrap;
    gap: 0;
}
  
  .sect-special h3 , div#Component671a1a1105d23900138f8e7d .thumbs,
  div#Component671a28a2563cfb0013ada1bd .thumbs{
    margin-bottom: 0;
}
  
      .blog-special {
        height: auto;
        border-bottom: 1px solid #dcdcdc !important;
    }
  
  .border-right {
    border-right: none;
}
  
  .border-bottom {
    border-bottom: none;
}
  
      .text-special p, .equipment-page h6 {
        font-size: 16px;
    }
  
  .text-special br {
    display: block;
}
  
  .mainProductFilterContainer .col-xs-6.col-sm-3,
  .Shopcart-Related-Main .col-xs-6.col-sm-12{
    padding: 0 2%;
}
  
  .Template-J-button {
    position: static;
    width: 55%;
    margin-bottom: 8%;
    margin-left: 4%;
}
  
  .Template-J-Price {
    height: 30px;
  }
  
  .head-page h2 {
    line-height: 44px;
}
  
  .mysteryy-page {
    padding: 0;
}
  
  div#Component671a1a1105d23900138f8e7d figure,
  div#Component671a28a2563cfb0013ada1bd figure{
    overflow: hidden;
    border-radius: 30px;
}

      .cate-product h5 {
        font-size: 20px;
        text-align: center;
    }
  
      div#scrolltoshop6719f94605d23900138f8932 .col-xs-12.col-md-6,
  div#Component671ef430802a9b0013446666{
        width: 100%;
        padding: 0;
    }
  
  .col-xs-12.col-sm-12.col-md-12.shopcartAllDetail,
  .Shopcart-Related-Main>.col-xs-12.col-sm-12.col-md-12{
    margin: 0 !important;
    margin-bottom: 3% !important;
}
  
  .shopcartDetail, .shopcartRelated {
    padding: 3% !important;
}
  
  .product-detail {
    padding: 5% 3%;
}
  
  .Template-J-Name {
    height: 29px;
    margin-bottom: 2%;
}
  
  .head-page {
    padding: 3% 0;
}
  
  div#Contentmanager .col-md-4.col-sm-4.col-xs-12 {
    width: 100%;
    margin-bottom: 8%;
}
  
      .head-page.page-contant {
        height: 70px;
    }
  
 h3.managerHeader {
        font-size: 30px;
    }
  
      h3.managerHeader {
        top: -90px;
    }
  
  div#Contentmanager .col-md-12.text-justify {
    padding: 0 2%;
}
  
      .social-share {
        top: 0;
    }
  
  .blog-howto , .contact-page{
    padding: 0;
}
  
  div#mainmenu671b1ea0802a9b001344489b>div {
    padding-top: 0 !important;
}
  
  
  div#mainmenu671b2084bb077500138a706f .none-middle-mid {
    display: flex;
    flex-wrap: wrap-reverse;
}
  
div#mainmenu671b2084bb077500138a706f .none-middle-mid .none-middle-mid,
  div#scrolltoshop br{
    display: block;
}
  
  .contact-page {
    padding-left: 0;
    margin-bottom: 10%;
    border-left: 0;
}
  
  #respCheckout3 {
    font-size: 14px !important;
}
  
  .ProductCheckoutColor {
    color: #000 !important;
}
  
   .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;
}

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