/*//////////////////////////////////////////////////////////////////////////////////*//*//////////////////////////////////////////////////////////////////////////////////*/
/*                                                                                                                                                                        */
/*                                                                                                                                                                        */
/*                                                                             Dashboard Home                                               
/*                                                                                                                                                                        */
/*                                                                                                                                                                        */
/*//////////////////////////////////////////////////////////////////////////////////*//*//////////////////////////////////////////////////////////////////////////////////*/
/* Mobile 568px */
@media screen and (min-width: 568px) and (max-width: 767px) {
    .ig-icon{
        left:70px !important;
    }
    
}
@media screen and (max-width: 767px) {
        
body::-webkit-scrollbar {
    display: none;
}

body{
    font-size: 14px;
}
/*//////////////////////////////////////////////////////////////////////////////////*//*//////////////////////////////////////////////////////////////////////////////////*/
/*                                                                                                                                                                        */
/*                                                                                                                                                                        */
/*                                                                             Login Page                                                
/*                                                                                                                                                                        */
/*                                                                                                                                                                        */
/*//////////////////////////////////////////////////////////////////////////////////*//*//////////////////////////////////////////////////////////////////////////////////*/

div .iappcreation-login-content{
    width: 100%;
}
p.iappcreation-signup-signin-link{
    display:inline;
}

/*//////////////////////////////////////////////////////////////////////////////////*//*//////////////////////////////////////////////////////////////////////////////////*/
/*                                                                                                                                                                        */
/*                                                                                                                                                                        */
/*                                                                            Registration Page                                               
/*                                                                                                                                                                        */
/*                                                                                                                                                                        */
/*//////////////////////////////////////////////////////////////////////////////////*//*//////////////////////////////////////////////////////////////////////////////////*/
div .iappcreation-registration-content{
    width: 100%;
}

/*//////////////////////////////////////////////////////////////////////////////////*//*//////////////////////////////////////////////////////////////////////////////////*/
/*                                                                                                                                                                        */
/*                                                                                                                                                                        */
/*                                                                              Footer                                               
/*                                                                                                                                                                        */
/*                                                                                                                                                                        */
/*//////////////////////////////////////////////////////////////////////////////////*//*//////////////////////////////////////////////////////////////////////////////////*/
div.iappcreation-footer{
    display:none;
}
.iappcreation-footer-mobile{
    font-weight: 100 !important;
}
.footer-mobile-4-columns{
    display:flex;
    justify-content: space-around;
    margin:20px 0px;
    font-size:12px;
}
.footer-mobile-4-columns a{
    font-weight: 100;
}
.footer-mobile-4-columns .row{
    width: 25%;
    text-align: center;
    line-height: 1.3;
    display: block;
}
.footer-mobile-4-columns .footer-text{
    line-height: 1.3;
}
.footer-mobile-4-columns .row.last-row{
    /* margin-right:0px; */
}
.footer-mobile-4-columns p{
    margin-top:0px !important;
    margin-bottom:0px !important;
}
    
.iappcreation-footer-mobile .icon{
    display:inline !important;
    margin-top:5px !important;
}
/*//////////////////////////////////////////////////////////////////////////////////*//*//////////////////////////////////////////////////////////////////////////////////*/
/*                                                                                                                                                                        */
/*                                                                                                                                                                        */
/*                                                                              Header                                             
/*                                                                                                                                                                        */
/*                                                                                                                                                                        */
/*//////////////////////////////////////////////////////////////////////////////////*//*//////////////////////////////////////////////////////////////////////////////////*/
.header-text-group{
       display:none!important;
}
.site-header .custom-logo-link img, .site-header .site-logo-anchor img, .site-header .site-logo-link img{
    max-width: 140px !important;
}
.site-header{
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}
#masthead.site-header{
    position:fixed;
    width:100%;
}

.site-content{
    margin-top:60px;
}

.woocommerce-checkout .site-content,
.woocommerce-cart .site-content{
    margin-top:100px;
}

body.home .site-content{
    margin-top: 64px;
}
nav button.menu-toggle{
    background-color:#e796a1!important;
}

/* Nav Menu ชิดซ้าย */
.iappcreation-header button.menu-toggle{
    position: absolute;
    left: -9px;
    top: 22px !important;
}
.iappcreation-header .site-branding{
    position: absolute;
    left: 41px;       
    width: fit-content;
}
.iappcreation-header .site-branding img{
    width: 34vw;  
}


/* ตัว Awesome Font */
button.menu-toggle:after{
    margin-top: 3px !important;
}
button.menu-toggle span:before{
    margin-top:1.5px !important;
}
button.menu-toggle span:before, button.menu-toggle:after, button.menu-toggle:before{
    width: 23px !important;
}
/* ทำให้เป็น ตัว X พอดี */
.toggled button.menu-toggle:after, .toggled button.menu-toggle:before{
    margin-top: 3px;
}
/* End Awesome Font */

/* End Nav Menu */

/* Search Widgets */
.site-search-mobile .widget_product_search form input[type="search"]{
    border-radius: 40px !important;
    background-color: rgba(255, 255, 255, 0.2);
    color:white!important;
}
.site-search-mobile .widget_product_search form input[type="search"]::placeholder{
    opacity: 0.6!important;
}
.site-search-mobile form.woocommerce-product-search{
    margin-bottom:0px !important;
    margin-top: 20px;
}
.site-search-mobile{
    display:none;
}
/* End Search Widgets */

/* Cart Widgets ตัวนับกลมๆ*/
.iappcreation-header .footer-cart-contents .count{
width: 2em;
height: 2em;
line-height: 2.2;
box-sizing: content-box;
font-size: .55em;
position: absolute;
border-radius: 100%;
border: 1px solid;
text-align: center;
background-color:rgb(255,86,101);
color:white;
right: -6px;
top: 9px;
font-family: 'SukhumvitTHBold';
}

.iappcreation-header .iappcreation-cart-content{
    float: right !important;
    position: absolute;
    right: 49px;
    top: 9px;
}


/* All Icon */
.iappcreation-header .icon{
    float: right;
    margin-top: 15px !important;
    margin-right: 10px;
    width:28px ;
}
/* Account Icon */
.iappcreation-header .iappcreation-account-icon,.iappcreation-header .dashboard-profile-information-image-header{
    width: 24px !important;
    height: 24px !important;
    margin-top: 17px!important;
    margin-right: -10px !important;
    margin-left: 5px;
    border-radius: 100% !important;
}
/* Facebook Acount Icon */
.iappcreation-header .facebook-img-icon{
    width:24px;
}




.link-account-icon{
    float: none;
    display: inline;
    position: relative;
}

/* ทำให้ Nav เมนูตอนขยายลงมา ไม่ติดขอบ Header จนเกินไป */
.main-navigation.toggled .handheld-navigation, .main-navigation.toggled .menu>ul:not(.nav-menu), .main-navigation.toggled ul[aria-expanded=true]{
    padding-top: 10px;
}
.iappcreation-header .main-navigation ul li a{
    line-height: 1.4vh;
}

/*//////////////////////////////////////////////////////////////////////////////////*//*//////////////////////////////////////////////////////////////////////////////////*/
/*                                                                                                                                                                        */
/*                                                                                                                                                                        */
/*                                                                              Public CSS                                                
/*                                                                                                                                                                        */
/*                                                                                                                                                                        */
/*//////////////////////////////////////////////////////////////////////////////////*//*//////////////////////////////////////////////////////////////////////////////////*/
    /* ปุ่ม ทั้งหมด */
input[type="button"], input[type="reset"], input[type="submit"], .button, .added_to_cart, .widget a.button, .site-header-cart .widget_shopping_cart a.button {
    padding: 5px 10px !important;  /* ทำพังต้องแก้ให้เป็นแค่ ปุ่มในหน้านั้นๆ เท่านั้น*/
}
/* แก้ปุ่มใน Message พัง */
.woocommerce-message .button{
    padding: 0 !important;
    padding-left: 1em !important;
}

/* ชื่อ Products */
ul.products li.product h2{
    font-size: 0.8rem !important;
    font-weight: 400 !important;
    margin-bottom: 0.5407911001em !important;
}
/* รูป Products ตรง Ul Li */
ul.products li.product img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail.wp-post-image{
    margin-bottom: 10px !important;
}
/* Font Price  */
ul.products li.product .price{
    font-size: 12px;
    margin-bottom : 0 !important;
}
/* Margin ปุ่ม Add to cart ให้ห่างจาก Pack ล่าง */
ul.products li.product .button{
margin-bottom: 1.536em !important;
}
/* Remove SideBar On mobile */
div#secondary.widget-area{
    display:none!important;
}
hr{
    margin:0 0 8px!important;
}
    /* Scroll to top */
.scroll-top-button span:after{
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: '\f102';
    font-size: 37px;
    position: relative;
    bottom: 8px;
    left: 10px;
    color: white;
    transition:bottom 0.2s ease;
 }
 .scroll-top-button{
    position: fixed;
    z-index: 3000;
    width: 45px;
    height: 45px;
    bottom:20px;
    left:8px;
    background-color: rgb(231,170,181);
    opacity:1;
    border-radius: 10px;
    transition:bottom 0.2s ease;
 }
 .scroll-top-button:active{
    cursor:pointer;
    opacity:0.9;
 }
 .scroll-top-button:active span:after{
    bottom: 14px;
 }
    /*End  Scroll to top */


  /* แก้ active ใน Message เป็นสีชมพู */
  .woocommerce-message .button:active{
    background-color: transparent !important;
    border-color : transparent !important;
    border-left-color: rgba(255,255,255,.25)!important;
  }
  .button.alt:active {
    background-color: rgba(230, 150, 162, 0.9) !important;
    color: white !important;
    border-color: rgba(230, 150, 162, 0.8) !important;
  }


/*//////////////////////////////////////////////////////////////////////////////////*//*//////////////////////////////////////////////////////////////////////////////////*/
/*                                                                                                                                                                        */
/*                                                                                                                                                                        */
/*                                                                          Related products 3 Columns                                            
/*                                                                                                                                                                        */
/*                                                                                                                                                                        */
/*//////////////////////////////////////////////////////////////////////////////////*//*//////////////////////////////////////////////////////////////////////////////////*/
section.related.products ul.products li.product{ 
    width: 33% !important;
    float:left !important;
    clear:none;
}
section.related.products ul.products li.product.first{
    clear: both;
}
section.related.products ul.products li.product img{
    width: 80%;
}
section.related.products ul.products li.product img{
    width: 80%;
}
section.related.products ul.products li.product .woocommerce-loop-product__link{
    min-height: 162px;
}

/* Header ให้ขนาดเท่าหน้า Home */
section.related.products  h2{
    font-size: 1.2em !important;
    font-weight: 500 !important;
    margin-bottom: 15px !important;
    margin-top: 10px !important;
}
section.related.products ul.products li.product{
    margin-bottom: 0 !important;
}

/*//////////////////////////////////////////////////////////////////////////////////*//*//////////////////////////////////////////////////////////////////////////////////*/
/*                                                                                                                                                                        */
/*                                                                                                                                                                        */
/*                                                                          All products 3 Columns                                            
/*                                                                                                                                                                        */
/*                                                                                                                                                                        */
/*//////////////////////////////////////////////////////////////////////////////////*//*//////////////////////////////////////////////////////////////////////////////////*/
.page-id-5965 ul.products li.product{ 
    width: 33% !important;
    float:left !important;
    clear:both;
    margin-bottom: 3.235801vw !important;
}
.page-id-5965 ul.products li.product:nth-child(2n){ 
    clear:none;
}
.page-id-5965 ul.products li.product:nth-child(3n){ 
    clear:none;
}
.page-id-5965 ul.products li.product:nth-child(4n){ 
    clear:both;
}
.page-id-5965 ul.products li.product:nth-child(5n){ 
    clear:none;
}
.page-id-5965 ul.products li.product:nth-child(6n){ 
    clear:none;
}
.page-id-5965 ul.products li.product:nth-child(7n){ 
    clear:both;
}
.page-id-5965 ul.products li.product:nth-child(8n){ 
    clear:none;
}
.page-id-5965 ul.products li.product:nth-child(9n){ 
    clear:none;
}
.page-id-5965 ul.products li.product:nth-child(10n){ 
    clear:both;
}
.page-id-5965 ul.products li.product:nth-child(11n){ 
    clear:none;
}
.page-id-5965 ul.products li.product:nth-child(12n){ 
    clear:none;
}
.page-id-5965 ul.products li.product img{ 
    width:80% !important;
}
.page-id-5965 ul.products li.product .woocommerce-LoopProduct-link{
    min-height: 162px;
}
/*///////////////////////////////// End All products 3 Columns /////////////////////////////////*/


/*//////////////////////////////////////////////////////////////////////////////////*//*//////////////////////////////////////////////////////////////////////////////////*/
/*                                                                                                                                                                        */
/*                                                                                                                                                                        */
/*                                                                       Shop And Cat 3 Columns Icon                                           
/*                                                                                                                                                                        */
/*                                                                                                                                                                        */
/*//////////////////////////////////////////////////////////////////////////////////*//*//////////////////////////////////////////////////////////////////////////////////*/

/* ----------- For 3 columns --------------- */
/* .post-type-archive ul.products li.product , .tax-product_cat ul.products li.product{
    width: 33% !important;
    margin-bottom: 3.235801vw !important;
    clear:both!important;
    float: left;
    padding: 0 2.5px;
}

.post-type-archive ul.products li.product, 
.tax-product_cat ul.products li.product{
    clear:none!important;
}

.post-type-archive ul.products li.product:nth-child(3n + 1) , 
.tax-product_cat ul.products li.product:nth-child(3n + 1){
    clear:both!important;
    padding-left: 0px;
    padding-right: 5px;
}

.post-type-archive ul.products li.product:nth-child(3n) , 
.tax-product_cat ul.products li.product:nth-child(3n){
    padding-left: 5px;
    padding-right: 0px;
}

.post-type-archive ul.products li.product, 
.tax-product_cat ul.products li.product{
    clear:none!important;
}

.post-type-archive ul.products li.product img , .tax-product_cat ul.products li.product img{
    width: 80%;
} */
/* ----------- /For 3 columns --------------- */

.add_to_cart_button{
    font-size: 12px;
}

/* ----------- For 2 columns --------------- */
.post-type-archive ul.products li.product,
.tax-product_cat ul.products li.product{
    width: 50% !important;
    margin-bottom: 3.235801vw !important;
    clear:none!important;
    float: left;
}

.post-type-archive ul.products li.product:nth-child(2n + 1) , 
.tax-product_cat ul.products li.product:nth-child(2n + 1){
    clear:both!important;
    padding-left: 0px;
    padding-right: 15px;
}

.post-type-archive ul.products li.product:nth-child(2n) , 
.tax-product_cat ul.products li.product:nth-child(2n){
    padding-left: 15px;
    padding-right: 0px;
}

.post-type-archive ul.products li.product img , 
.tax-product_cat ul.products li.product img{
    width: 100%;
    max-width: 200px;
}

.post-type-archive ul.products li.product h2,
.tax-product_cat ul.products li.product h2{
    font-size: 15px !important;
}

.post-type-archive ul.products li.product .price,
.tax-product_cat ul.products li.product .price{
    font-size: 14px;
}

.post-type-archive ul.products li.product .add_to_cart_button,
.tax-product_cat ul.products li.product .add_to_cart_button{
    width: 100px;
    font-size: 14px;
}
/* ----------- /For 2 columns --------------- */



ul.products.columns-3 li.product{
    padding-left: 2.5px;
    padding-right: 2.5px;
}

ul.products.columns-3 li.product:nth-child(3n + 1){
    padding-left: 0px;
    padding-right: 5px;
}


ul.products.columns-3 li.product:nth-child(3n){
    padding-left: 5px;
    padding-right: 0px;
}



/*/*Side Menu  promotion icon*/
.main-navigation ul li:nth-child(10n) a:after{
    font-family: "iappcreation_font";
    content: "\e801";
    display: inline-block;
    font-size: 25px;
    color: white;
    margin-left: 10px;
    -webkit-animation: rotating 0.5s linear infinite;
	-moz-animation: rotating 0.5s linear infinite;
	-ms-animation: rotating 0.5s linear infinite;
	-o-animation: rotating 0.5s linear infinite;
	animation: rotating 0.5s linear infinite;
}



    hr.store-hr{
        margin-left: -42px !important;
        width: 110vw !important;
    }

    
    .hidden-desktop{
        display: block;
    }

    .hide-mobile{
        display: none !important;
    }

    .hide-desktop{
        display: block !important;
    }

    .hide-table-desktop{
        display: table !important;
    }

    .site-footer .iappcreation-footer-mobile a {
        text-decoration: none;
    }

    .round-checkbox{
        font-size:14px;
    }

    .custom-radio-button label{
        font-size:14px;
    }


    table.iappcreation-cart-product-table .product-name{
        font-size: 14px !important;
    }
    
    table.iappcreation-cart-product-table .product-type,
    table.iappcreation-cart-product-table .product-variations{
        font-size: 12px;
    }
    
    table.iappcreation-cart-product-table .amount,
    table.iappcreation-cart-product-table .free-amount{
        font-size: 14px;
    }

    ul.products li.product .price bdi{
        font-family: 'SukhumvitTHBold' !important;
    }

    ul.products li.product .attachment-woocommerce_thumbnail{
        margin-bottom: 11px !important;
    }

    ul.products li.product .price,
    ul.products li.product .woocommerce-loop-product__title,
    ul.products li.product .star-rating{
        margin-bottom: 6px !important;
    }

    .on-sale-badge{
        position: absolute;
        top: -7px;
        right: 3px;
        width: 30px;
    }

    input[type='button']:active,
    button:active,
    a.button:active{
        opacity: 0.5;
    }

    .dashboard-profile-information {
        width: 100%;
        margin-bottom: 50px;
    }
    
    .dashboard-profile-information-image {
        width: 90px;
        height: 90px;
        margin-top: 40px;
    }

    .dashboard-profile-information-remove-icon{
        display: none;
    }

    .dashboard-profile-information-camera-icon{
        left: 67px;
    }

}


@media screen and (max-width: 720px){
    body{
        padding-bottom: 0px !important;
    }
}