.itopplus-background {

}
body {
    overflow-x: hidden;
}

.itopplus-bg2 {
    background-image: url('https://itp1.itopfile.com/ImageServer/z_itp_20062023v9rl/0/0/2z-z331743423206.webp');
}

.navbar-default .navbar-nav>li>a {
    color: #000;
    margin: 0 15px;
    padding: 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: 0px 3px 0px 0px #5fccf5;
    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: #fff;
    background: #5fccf5;
}

.navbar-nav>li>.dropdown-menu {
    border: none;
    border-radius: 20px;
}

.dropdown-menu>li>a {
    padding: 6px 20px;
    border-radius: 20px;
}


@media screen and (min-width: 1024px) {
    #controlBanner {
        object-fit: contain;
        padding: 15px;
        width: 80%;
        min-width: auto;
        margin: 0 auto;
    }

    #nav-menu {
        text-align: center;
        background-color: transparent;
    }

    .itopplus-banner {
        background: #fff;
    }
  
    .itopplus-sticky-nav-bar-inside {
    width: 80vw !important;
    display: grid;
    grid-template-columns: 25% 75% 0 0;
    align-items: center;
  }

  #itopplus-nav-bar-sticky {
    text-align: right;
    float: right;
  }

  .itopplus-sticky-nav-bar-inside::before,
  .itopplus-sticky-nav-bar-inside::after {
    display: none;
  }

  .itopplus-sticky-nav-bar-inside .nav>li {
    display: -webkit-inline-box;
  }

  .itopplus-menu-logo {
    height: 120px !important;
    padding: 15px;
  }


}



@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.8em;
}

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

h5 {
    font-size: 2em;
}

h6 {
    font-size: 1.4em;
}

p, .Template-J-Price, .priceNoPromotion,
.Template-J-CateName, .Template-J-ProName,
.button-attribute-selected, .button-attribute,
.Template-J-buttonDetail,
.Template-H-buttonDetail{
    font-size: 16px;
}

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

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

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

.icon-about h6, .Template-J-Name {
    font-size: 18px;
}

.btn-more , .boarder-confirm-payment button,
.btn-view, .btnCheckoutprevious, div#shop_member_login button,
.shopcart-paymentpage,div#Component668ce2e91a77690013fa5661 button{
    font-size: 14px;
}

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


.name-company {
    text-align: center;
    border-bottom: 1px solid #7886aa;
    padding-bottom: 1%;
}

.social-footer {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 10px;
    width: 70%;
}

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

.footer a {
    color: #fff;
}

.footer a:hover , .btn-more:hover{
    color: #5fccf5;
}

.shopcart {
    background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_20062023v9rl/200/0/Ellipse-2z-z1467622556468.webp);
    background-size: contain;
    border-radius: 0;
    top: 105px;
    right: 20px;
    background-position: 50%;
    width: 50px !important;
    height: 50px !important;
    background-color: transparent;
}

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

.img-bear {
    position: absolute;
    width: 100%;
    padding-left: 5%;
    top: 0;
}

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

.sect-product, .shopcartName-Default {
    margin-bottom: 3%;
}

.sect-about h1 {
    font-size: 4.7em;
    margin-bottom: 1rem;
}

.sect-about h1, .sect-about h4 {
    color: #2c4b9b;
    font-weight: 600;
    font-family: "Poppins", sans-serif;
}

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

.fw-semi , h3.managerHeader, .news-detail h6, 
.items-channel h6, .text-how h6, .form-pay h6, .form-pay h5,
.contact-page h5, .contact-page h6, .cont-form h4{
    font-weight: 600;
}

.fw-bold {
    font-weight: 700;
}

.sect-about {
    padding-right: 20%;
    padding-top: 5%;
    padding-left: 5%;
}

.icon-about h6, .sect-product h6, .page-head h6,
.pre-news h6, .news-detail h6, .items-channel p,
.contact-page h6, .cont-form h4{
    line-height: 26px;
    color: #000;
}

.icon-about, .sect-product, .channel-pay,
.items-channel, .bank-card, .form-pay{
    text-align: center;
}

.icon-about img {
    width: 80% !important;
}

.sect-product h3, .sect-news h3, .page-head h3,
.Template-J-Price, .priceNoPromotion{
    font-family: "Poppins", sans-serif;
    color: #2c4b9b;
    font-weight: 600;
}

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

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

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

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

div#Component668b8aeb99e6950013608041 figcaption {
    padding: 0;
    position: absolute;
    bottom: 0;
    height: 100%;
    width: 100%;
}

.text-product h6 {
    font-size: 28px;
}

.text-product h5 {
    font-size: 44px;
}

.text-product {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    padding-top: 75%;
    color: #fff;
}

.cate-name01 h5 {
    font-family: "Montserrat", sans-serif;
    font-weight: 300;
}

.cate-name02 h6, .contact-page h5 {
    color: #1e4097;
}

.cate-name02 h5 {
    font-family: "Kanit", sans-serif;
    background: #153589;
    background: linear-gradient(to top, #153589 0%, #0777E1 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 300;
}

.cate-name03 h6 , .form-pay h6, .form-pay h5{
    color: #1641b0;
}

.cate-name03 h5 {
    font-weight: 400;
    font-family: "Barlow Semi Condensed", sans-serif;
    color: #1641b0;
}

.sect-slogan h5 {
    font-family: "Noto Sans JP", sans-serif;
    color: #2c4b9b;
    text-align: center;
    font-weight: 600;
}

.text-together h4, .channel-pay h5 {
    margin: 0;
    color: #2c4b9b;
    font-weight: 600;
}

.text-blue , .items-channel h6{
    color: #2c4b9b;
}

.text-together {
    display: flex;
    align-items: end;
    gap: 10px;
    justify-content: center;
  margin-bottom: 1%;
}

.img-cool {
    width: 9%;
}

.img-region {
    width: 7%;
    margin: auto;
    margin-top: 1%;
}

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

.btn-more {
    width: fit-content;
    color: #000;
    text-decoration: underline;
    padding: 0.5rem;
}

.sect-news {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin-bottom: 1%;
}

.page-head {
    background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_20062023v9rl/1423/0/banner-pagez-z164830599931.webp);
    background-repeat: no-repeat;
    text-align: center;
    padding: 3% 0 2%;
    background-size: cover;
    background-position: center;
}

.page-head h3 {
    text-shadow: 1px 1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, 
      -1px -1px 0 #fff, 0px 1px 0 #fff, 0px -1px 0 #fff, -1px 0px 0 #fff, 
      1px 0px 0 #fff, 2px 2px 0 #fff, -2px 2px 0 #fff, 2px -2px 0 #fff, 
      -2px -2px 0 #fff, 0px 2px 0 #fff, 0px -2px 0 #fff, -2px 0px 0 #fff,
      2px 0px 0 #fff, 1px 2px 0 #fff, -1px 2px 0 #fff, 1px -2px 0 #fff,
      -1px -2px 0 #fff, 2px 1px 0 #fff, -2px 1px 0 #fff, 2px -1px 0 #fff, -2px -1px 0 #fff;
}

div#Component668b9eb215b7f000131659ba .pagination,
.Text_seller2{
    display: none;
}

div#Contentmanager .col-md-4.col-sm-4.col-xs-12 {
    width: 23%;
    margin: 1%;
    padding: 0 !important;
  transition: transform 0.2s ease-out;
}

    .Contentmanager .template1 .template-panel {
        padding-bottom: 80%;
    }

div#Contentmanager .img, .button-attribute-selected, .button-attribute {
    border-radius: 20px !important;
}

.pre-news {
    text-align: left;
    padding: 5%;
    width: 90%;
    margin: auto;
    position: relative;
    top: -30px;
    background: #fff;
    border-bottom: 3px solid #5fccf5;
}

.pre-news .btn-more, .promotionPrice {
    color: #818181;
}

.shopcart-Cate a {
    color: #0777E1 ;
}

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

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

.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,
.Template-J-Name, .button-attribute-selected, .button-attribute, .product-detail, h3.managerHeader,
.Template-H-PricePromotion, .Template-H-buttonDetail, .Template-H-Quantity, .Template-H-Item{
    font-family: 'Poppins','Noto Sans Thai',sans-serif;
}

.shopcartlinePrice-Default .Template-J-PricePromotion ,
.Template-H-PricePromotion{
    background-color: #f5f5f5;
    padding: 1% 5%;
    border-radius: 30px;
    font-weight: 600;
      color: #0777E1 ;
}

.shopcartDetail, .shopcartRelated {
    font-weight: 700;
    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;
}

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

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

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

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

.Template-J-buttonDetail, .Template-H-buttonDetail {
    width: 30%;
  background: #2c4b9b;
    border-radius: 30px;
    color: #fff;
}

.Template-J-buttonDetail:hover, .Template-H-buttonDetail:hover {
    background: #5fccf5;
}

.ui.steps .step.active {
    background:linear-gradient(to right, #153589 0%, #0777E1 100%);
    color: #fff;
}

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

.step5checkout, .step1checkout {
    background:linear-gradient(to right, #153589 0%, #0777E1 100%);
    border-color: #5fccf5;
}

.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#Component6554a2fbb4651e0012f328ff .table>tbody>tr>td ,.Template-H-Big,
div#searchResultLanding .panel{
    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 a,
.ui.segment a{
    font-size: 12px;
}

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

.Template-J-button {
    background-color: #efb33f;
    border-radius: 30px;
    color: #fff;
    padding: 0.75rem;
    width: 65%;
}

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

.Template-J-frame, .Template-H-frame{
    padding: 5%;
    transition: transform 0.2s ease-out;
}
.Template-J-pic,
.Template-J-frame,.Template-H-frame,
.Template-J-Big img, .Template-J-smallpic,
.Template-H-Big img, .Template-H-smallpic,
.Template-H-pic,
div#Component668b9eb315b7f000131659c5 .thumbnail>img{
    border-radius: 20px;
}

div#Component668b8aeb99e6950013608041 figure,
div#Component668cd1c0ee6a0c0013b7b6b6 img,
div#Component668cd1c0ee6a0c0013b7b6b6 figure{
    border-radius: 30px;
}

.Template-J-pic, .Template-H-pic {
    height: auto !important;
}

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

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

.Template-J-Name {
    height: 45px;
}

.Template-J-Price {
    height: 50px;
}

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

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

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

#itopplus-nav-bar-sticky .itopplus-sidebar-menu-parent,
div#scrolltoshop668ba97cd6caac0013c0d2ee>div>div:nth-child(2){
    border: none !important;
}

span.promotionPrice, .normalPrice, h3.managerHeader {
    color: #2c4b9b !important;
}


.button-attribute-selected , .button-attribute:hover{
    color: #fff !important;
    border-color: #5fccf5 !important;
    background: #5fccf5 !important;
}

.button-attribute {
    border-color: #818181 !important;
}

.shopcartDetail-Default.shopcartDetail,
.shopcartRelated-Default.shopcartRelated{
    width: 100% !important;
    border: none;
    background: #f5f5f5;
    border-radius: 15px;
}

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

.product-detail ul {
    list-style: none;
    padding-left: 3%;
    margin-bottom: 3%;
}

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

.product-detail p {
    margin-bottom: 2rem;
}

.product-detail h6 {
    font-weight: 600;
    color: #000;
}

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

.shopcart-share , div#Component668ce2e91a77690013fa5661 .col-xs-12.col-sm-3.col-md-3{
    display: none !important;
}

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

div#Component668b9eb315b7f000131659c5 .col-md-12.text-justify ,
div#Component668b9eb315b7f000131659c5 .col-xs-6.col-md-3,
.mainProductFilterContainer .col-xs-6.col-sm-3,
.Shopcart-Related-Main .col-xs-6.col-sm-12,
.Shopcart-Related-Main .col-xs-6.col-sm-3{
    padding: 0 1% !important;
}

h3.managerHeader {
    margin-bottom: -5px;
}

div#Component668b9eb315b7f000131659c5 .img-thumbnail,
div#Component668b9eb315b7f000131659c5 .thumbnail {
    padding: 0;
    border: none;
    box-shadow: none;
}

.items-channel img {
    width: 85% !important;
}

.how-to-pay li img {
    width: 65% !important;
    margin-bottom: -10px;
}

.how-to-pay li {
    width: 23%;
    color: #000;
    position: relative;
    padding: 2% 1%;
    background: #ffffffa8;
    border-radius: 20px;
}

.how-to-pay ul {
    list-style: none;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    width: 80%;
    margin: auto;
    text-align: center;
    justify-content: center;
    gap: 25px;
}

.number {
    width: 40px;
    height: 40px;
    background: #bfecfd;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    padding: 3%;
    border-radius: 30px;
    position: absolute;
    right: 65px;
    top: 25px;
    color: #000;
    z-index: 2;
}

.bank-card img {
    width: 20% !important;
    margin-top: 4%;
    margin-bottom: 2%;
}

.boarder-confirm-payment, .bank-card {
    border: none !important;
    background: #f1fbff;
    padding: 2% 0;
    border-radius: 10px;
}

.bank-card hr {
    border-color: #b1b1b1;
}

.bank-card {
    padding: 5% 7%;
    color: #000;
}

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

.boarder-confirm-payment button, .shopcart-paymentpage ,
div#Component668ce2e91a77690013fa5661 button{
    background-image: none;
    text-shadow: none;
    border: none;
    border-radius: 30px;
    padding: 0.5rem 2rem;
    background: #153589;
    color: #fff;
}

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

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

.boarder-confirm-payment .form-control,
div#scrolltoshop .form-control,
div#shop_member_login .form-control{
    box-shadow: none;
    border-radius: 20px;
    border-color: #ddd;
  font-size: 14px !important;
}

.btn-view, .btnCheckoutprevious, div#shop_member_login button {
    text-shadow: none;
    border: none;
    border-radius: 30px;
    padding: 0.75rem 2rem;
    background:  #153589;
    color: #fff;
    width: fit-content;
    margin: 6% auto;
}

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

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

.policy-pay a, .input-group a, .ui.segment a,
.contact-page a, .items-channel a{
    color: #444;
}

.policy-pay a:hover, .contact-page a:hover,
.items-channel a:hover{
    color: #153589;
}

div#shop_member_login button {
    margin: 0.5rem;
}

div#Component668ba97cd6caac0013c0d2ee .ui.segment {
    background: #f5f5f7;
    border: none !important;
    box-shadow: none;
    line-height: 46px;
}

div#shop_member_login .form-control {
    height: 40px;
}

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

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

.contact-page h5 {
    font-size: 24px;
}

.cont-form {
    width: 50%;
    margin: auto;
    text-align: center;
    background: #ffffff9c;
    padding: 3% 0 2%;
}

div#Component668ce2e91a77690013fa5661 {
    background: #ffffff9c;
    width: 50%;
    margin: auto;
    padding: 0 3% 3%;
}

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

div#Component668ce2e91a77690013fa5661 input::placeholder, 
div#Component668ce2e91a77690013fa5661 textarea::placeholder,
div#Contentmanager .col-md-4.col-sm-4.col-xs-12:hover .btn-more{
    color: #000;
}

div#Component668ce2e91a77690013fa5661 .form-control {
    box-shadow: none;
    border-radius: 0;
    height: 40px;
    border: none;
    border-bottom: 1px solid #000;
    background: transparent;
    color: #000 !important;
    margin-bottom: 1rem;
}

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

.icon-about img:hover , div#Component668b8aeb99e6950013608041 figure:hover img,
div#Contentmanager .col-md-4.col-sm-4.col-xs-12:hover, .social-footer img:hover,
.Template-J-frame:hover, .items-channel:hover img, .how-to-pay li:hover img,
.contact-page li:hover img, .Template-H-frame:hover{
    transform: scale(1.05);
}

.icon-about img, div#Component668b8aeb99e6950013608041 .imgLightbox img,
.social-footer img, .items-channel img, .how-to-pay li img,
.contact-page li img{
    transition: transform 0.2s ease-out;
}

div#Component668b8aeb99e6950013608041 .imgLightbox {
    overflow: hidden;
}

div#Contentmanager .col-md-4.col-sm-4.col-xs-12:hover .pre-news {
    border-color: #153589;
}

.btn-view:hover, .btnCheckoutprevious:hover, div#shop_member_login button:hover,
.boarder-confirm-payment button:hover, .shopcart-paymentpage:hover,
div#Component668ce2e91a77690013fa5661 button:hover{
    background-color: #5fccf5;
    color: #fff;
}

.pre-news h6 {
    height: 52px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

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

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

.itopplus-search-image-flex-item {
    width: 23.33% !important;
    box-shadow: none !important;
}

.itopplus-search-shopcart-image-position {
    width: 200px !important;
    border-radius: 20px;
}

.itopplus-search-shopcart-id {
    display: none;
}

.Template-H-pic {
    padding: 0;
    border: none;
}

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

.ITPcookiebar {
  width: 100% !important;
   background-color: #5fccf542 !important;
    color: #000;
}

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

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

.ITPlinkToCookiepage:hover {
    color: #1b3e8d !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;
}
/*************************responsive*********************************/

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

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

h1 {
    font-size: 4.725em;
}

h2 {
    font-size: 3.6em;
}

h3 {
    font-size: 3.4em;
}

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

h5 {
    font-size: 2.4em;
}

h6 {
    font-size: 1.8em;
}

p, .Template-J-Price, .priceNoPromotion,
.Template-J-CateName, .Template-J-ProName,
.button-attribute-selected, .button-attribute,
.Template-J-buttonDetail, .number, .Template-H-buttonDetail{
    font-size: 20px;
}

.icon-about h6, .Template-J-Name {
    font-size: 22px;
}

.btn-more , .boarder-confirm-payment button,
.btn-view, .btnCheckoutprevious, div#shop_member_login button,
.shopcart-paymentpage,div#Component668ce2e91a77690013fa5661 button,
  .dropdown-menu>li>a{
    font-size: 18px;
}

.sect-about h1 {
    font-size: 5em;
}

.text-product h6 {
    font-size: 36px;
}

.text-product h5 {
    font-size: 58px;
}

.shopcartName-Head-Default, .shopcartID-Head-Default, .shopcartSize-Default,
  .Template-J-Quantity, .Template-J-Item,.Template-H-Item, .Template-H-Quantity,
  div#scrolltoshop table b{
    font-size: 20px !important;
}

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

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

.ui.steps .step .title , .boarder-confirm-payment .input-group a,
.ui.segment a, .Bodycheckout{
    font-size: 16px;
}

.boarder-confirm-payment .form-control,
div#scrolltoshop .form-control,
div#shop_member_login .form-control,
  .boarder-confirm-payment .control-label span,
  div#scrolltoshop .table>tbody>tr>td,
  .Checkout-font-panel label,
  .itp-setting-address,.itp-require-invoice,
  div#scrolltoshop div{
  font-size: 18px !important;
}

.contact-page h5 {
    font-size: 32px;
}
  
  .sect-about p , .icon-about h6, .sect-product h6, 
  .page-head h6, .pre-news h6, .news-detail h6, 
  .items-channel p, .contact-page h6, .cont-form h4{
    line-height: 32px;
}
  
  .sect-about {
    padding-right: 28%;
    padding-top: 8%;
  }
  
  .icon-about img {
    width: 75% !important;
}
  
  .Template-J-Name {
    height: 47px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
  
  .Template-J-Icon {
    width: 15%;
}
  
  .pre-news h6 {
    height: 62px;
  }
  
  .items-channel img {
    width: 75% !important;
}
  
  .number {
    width: 50px;
    height: 50px;
    right: 100px;
    top: 40px;
}
  
  .contact-page li {
    grid-template-columns: 50px auto;
}
  
  div#Component668ce2e91a77690013fa5661 .form-control {
    font-size: 16px !important;
    height: 45px;
    margin-bottom: 1.5rem;
}
  
  .notificationcart {
    width: 25px;
    height: 25px;
    font-size: 16px;
}
  
  .shopcart {
    width: 60px !important;
    height: 60px !important;
    top: 135px;
}
  
  .Template-J-smallpic {
    height: 155px;
}
  
  .PictureOverflow {
    max-height: 195px !important;
  }
  
  .Template-J-smallpic img {
    object-fit: cover;
    height: 155px;
}
  
  .ITP-pdpa-template-titleFont {
    font-size: 24px !important;
  }
  
  .ITP-pdpa-template-contentFont {
    line-height: 34px;
    font-size: 18px !important;
}
}

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

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

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

.sect-about {
    padding-right: 11%;
    padding-top: 5%;
    padding-left: 0;
}
  
  .icon-about h6, .Template-J-Name {
    font-size: 16px;
}
  
  .icon-about h6, .sect-product h6, .page-head h6, .pre-news h6,
  .news-detail h6, .items-channel p, .contact-page h6, .cont-form h4 {
    line-height: inherit;
  }
  
  .text-product h5 {
    font-size: 38px;
}
  
  .text-product h6 {
    font-size: 24px;
}
  
  .navbar-default .navbar-nav>li>a {
    margin: 0 8px;
}
  
  .Template-J-Name {
    margin-bottom: 4%;
}
  
  h4, h3.managerHeader {
    font-size: 2.2em;
}
  
  .how-to-pay li {
    width: 22%;
  }
  
  .shopcart {
    top: 90px;
}
}

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

.sect-about h1 {
    font-size: 3.5em;
  }
  
      h4, h3.managerHeader {
        font-size: 2em;
    }
  
  div#mainmenu668b89531a77690013fa3c5a .col-md-3.col-sm-6.col-xs-12 {
    width: 25%;
}
  
  .icon-about br {
    display: none;
}
  
  .text-product {
    padding-top: 65%;
}
  
      .text-product h5 {
        font-size: 34px;
    }
  
      .text-product h6 {
        font-size: 20px;
    }
  
  .img-cool, .img-region {
    width: 11%;
}
  
  div#mainmenu668b81cde3d07b0013cc6e5c .col-md-4.col-sm-4.col-xs-12,
  div#mainmenu668b95191a77690013fa400a .col-md-4.col-sm-4.col-xs-12{
    width: 100%;
    text-align: center;
}
  
      .sect-about {
        padding-right: 0;
  }
  
  .img-bear {
    top: 55px;
}
  
  .Template-J-Icon {
    width: 15%;
}
  
  div#mainmenu668cb02f99e6950013609390 .col-sm-5fix.col-xs-12 {
    width: 20%;
    float: left;
}
  
  .how-to-pay ul {
    width: 100%;
}
  
  .how-to-pay li img {
    width: 85% !important;
    margin-bottom: 0;
}
  
  .number {
    width: 35px;
    height: 35px;
    right: 35px;
}
  
  .btn-view {
    padding: 0.75rem 1rem;
}
  
  .itopplus-search-image-flex-item {
    width: 31.33% !important;
  }
}

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

div#imagesControl668b8084d6caac0013c0c7c1,
  div#mainmenu668b86171a77690013fa3bcf>div,
  div#mainmenu668b85d9e3d07b0013cc6fc2>div,
  div#contentnewmode668b896d1a77690013fa3c86,
div#contentnewmode668b89711a77690013fa3c8f,
div#contentnewmode668b89751a77690013fa3c98,
div#contentnewmode668b897c1a77690013fa3ca9,
  div#Component668b8aeb99e6950013608041 .thumbs,
  div#Component668b8aeb99e6950013608041 .col-md-4.col-sm-4.col-xs-12,
  div#mainmenu668b9eb215b7f000131659ba>div,
  div#mainmenu668ba16d15b7f00013165bd6>div,
  div#mainmenu668ba01d15b7f00013165b23>div,
  div#contentnewmode668cb04c99e69500136093c1,
div#contentnewmode668cb05199e69500136093cb,
div#contentnewmode668cb05515b7f0001316741f,
div#contentnewmode668cb05a99e69500136093e2,
div#contentnewmode668cb05ee3d07b0013cc8492,
  div#mainmenu668cb8d699e69500136095a8>div,
  div#contentnewmode668cb92315b7f000131675a2,
  div#imagesControl668cd1c0ee6a0c0013b7b6b6,
  div#contentnewmode668ce06ee3d07b0013cc8ae3{
    padding: 0 !important;
}
  
  .img-bear {
    position: static;
  }
  
      h3{
        font-size: 26px;
    }
  
      h4, h3.managerHeader {
        font-size: 24px;
    }
  
        h5{
        font-size:20px;
    }
  
          h6{
        font-size:18px;
    }
  
  .icon-about {
    display: grid;
    grid-template-columns: 40% auto;
    text-align: left;
    align-items: center;
}
  
  .icon-about img {
    width: 100% !important;
}
  
      div#mainmenu668b89531a77690013fa3c5a .col-md-3.col-sm-6.col-xs-12 {
        width: 100%;
    }
  
      .text-product {
        padding-top: 0;
        bottom: 45px;
        height: auto;
        text-transform: uppercase;
    }
  
  .text-together {
    flex-wrap: wrap;
}
  
      .img-cool, .img-region {
        width: 20%;
    }
  
  .sect-news h3 {
    font-size: 24px;
}
  
  div#Contentmanager .col-md-4.col-sm-4.col-xs-12 {
    width: 46%;
    margin: 2%;
}
  
  .pt-5.sect-news {
    padding-top: 10%;
}
  
  .item.Template-J-frame, .item.Template-H-frame {
    margin-bottom: 0;
}
  
  .Template-J-buttonDetail, .Template-H-buttonDetail {
    width: 60%;
  }
  
  .shopcartAllDetail , .Shopcart-Related-Main .col-xs-12.col-sm-12.col-md-12{
    margin: 0 !important;
}
  
  .button-attribute, .button-attribute-selected {
    min-width: 8rem!important;
    margin-right: 0;
}
  div#scrolltoshop668ba97cd6caac0013c0d2ee .col-xs-12.col-md-6 {
    padding:0 2% !important;
}
  
  .Template-J-smallpic {
    height: 80px;
}
  
  .Template-J-smallpic img {
    object-fit: cover;
    height: 80px;
}
  
      div#mainmenu668cb02f99e6950013609390 .col-sm-5fix.col-xs-12,
  .cont-form, div#Component668ce2e91a77690013fa5661{
        width: 100%;
  }
  
  .items-channel img {
    width: 100% !important;
}
  
  .items-channel {
    display: grid;
    grid-template-columns: 30% auto;
    align-items: center;
    text-align: left;
     gap: 10px;
}
  
      .how-to-pay li {
        width: 47%;
    }
  
  .how-to-pay ul {
    gap: 15px;
    justify-content: start;
}
  
  .number {
    right: 20px;
}
  
  .fileinput-button {
    margin-left: 4%;
}
  
  div#mainmenu668cd1b7ee6a0c0013b7b6ad .none-middle-mid .none-middle-mid {
    display: block;
}
  
div#mainmenu668cd1b7ee6a0c0013b7b6ad .none-middle-mid {
    display: flex;
    flex-wrap: wrap-reverse;
}

  .contact-page h5 {
    font-size: 20px;
}
  
  br,div#contentnewmode668ce2bae3d07b0013cc8bd0 {
    display: none;
}
  
  .ProductCheckoutColor {
    color: #000 !important;
}
  
  #respCheckout2 button {
    background: transparent;
    border: 1px solid #ddd;
    border-radius: 10px;
}
  
  .search_text br {
    display: none !important;
}
  
  .search_text {
    margin-top: 5%;
}
  
      .itopplus-search-image-flex-item {
        width: 100% !important;
        height: auto !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;
}

}



.unknown {
    position: fixed;
    bottom: 6% !important;
}


.unknown_prf .btn-main,
.unknown_prf:hover .btn-main {
    margin-bottom: 0 !important;
}




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

    .navbar-header,
    #ItopplusMainSidebar>div {
        background: #fff !important;
    }

    .navbar-header a.visible-xs {
        filter: contrast(0.3);
    }

    #ItopplusMainSidebar a {
        color: #444 !important;
    }

    .navbar-toggle .icon-bar {
        background-color: #444 !important;
    }

    #nav-menu {
        position: fixed;
        width: 100%;
        top: 0;
        left: 0;
        z-index: 9999;
    }

    .navbar-header {
        display: flex;
        flex-direction: row-reverse;
        align-items: center;
        gap: 5px;
        height: 50px;
        box-shadow: 0 0 3px #ccc;
              width: 100%;
    }

    .navbar-header::before,
    .navbar-header::after {
        display: none;
    }

    #itpMenuSideBar {
        display: grid;
        place-items: center;
        border: none;
        margin: 0 !important;
        padding: 0 !important;
        aspect-ratio: 1;
        width: 40px;
    }

    #itpMenuSideBar .navbar-inline:first-child {
        display: flex;
        flex-direction: column;
        gap: 5px;
    }

    #itpMenuSideBar .navbar-inline:first-child>span {
        margin: 0 !important;
    }

    #itpMenuSideBar .navbar-inline:nth-child(2) {
        display: none !important;
    }

    #ItopplusMainSidebar li {
        border: none;
    }

    .navbar-header a:not(a.visible-xs),
    .navbar-header a.visible-xs i {
        display: none !important;
    }

    .navbar-header a.visible-xs {
        display: grid !important;
        place-items: center;
        place-content: center;
        aspect-ratio: 1;
        height: 35px !important;
        background-image: url();
        background-size: 22px;
        background-position: center;
        background-repeat: no-repeat;
    }

    #itpphonemobile {
        background-image: url(https://itp1.itopfile.com/ImageServer/z_itp_24092023yxze/0/0/telephone-callz-z85358287594.png) !important;
    }

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

    .old-image-icon-facebook {
        background-image: url(https://itp1.itopfile.com/ImageServer/z_itp_24092023yxze/0/0/fbz-z870717797999.png) !important;
    }

    .old-image-icon-line {
        background-image: url(https://itp1.itopfile.com/ImageServer/z_itp_24092023yxze/0/0/linez-z21670262898.webp) !important;
    }

    .old-image-icon-instragram {
        background-image: url(https://itp1.itopfile.com/ImageServer/z_itp_24092023yxze/0/0/igz-z1587384208209.webp) !important;
    }

    .old-image-icon-youtube {
        background-image: url(https://itp1.itopfile.com/ImageServer/z_itp_24092023yxze/0/0/ytz-z962652931262.webp) !important;
        background-size: 25px !important;
    }

    #languagemobile {
        order: 10;
    }

    .row-fluid {
        flex-wrap: unset !important
    }

    #language_member_bar {
        display: none
    }

    #main-navbar-collapse {
        display: none !important;
    }


}