.cart-box{padding: 0 10px 10px;}
.sticky-bottom-cart {z-index:7;}
.sticky-bottom-cart .cart-box {padding:0;}
.product-right-box .cart-box {padding:0;}






/******************* Start: add_recently-purchase.php *****************/
.bestseller-toast{
	width: 300px;
	background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 5px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.15);
	padding: 8px;
    transition: right 0.5s ease-in-out, opacity 0.5s ease-in-out, visibility 0s 0.5s;
}
.btn-close{color:#ff9944;opacity:1;top:-6px!important;right:0!important;font-size:20px;}
.btn-close:hover{color:#FF8303;}
.bestseller-toast .toast-image {
    width: 55px;
    height: 75px;
    object-fit: cover;
    margin-right: 12px;
    border: 1px solid #eee;
    border-radius: 4px;
    flex-shrink: 0;
    display: block;
}

.bestseller-toast .toast-text-details {
    flex-grow: 1;
    font-size: 14px;
    line-height: 1.4;
}

.bestseller-toast .toast-product-link {
    font-weight: 600;
    color: #FE6E00;
    text-decoration: none;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 3.2em;
}
.bestseller-toast .toast-product-link:hover {
    color: #FD5602;
}

.bestseller-toast .toast-time-ago {
    font-size: 14px;
    color: #6c757d;
    display: block;
    margin-top:0;
}

.bestseller-toast [data-notify="title"] {
    display: inline-block;
    margin-bottom: 5px;
    font-size: 13px;
    font-weight: 600;
    color:#FD5602;
}

.bestseller-toast [data-notify="message"] {
    padding: 0;
    margin: 0;
    display: block;
}

@media (max-width: 577px) {
	.bestseller-toast {width:calc(100% - 24px);right:12px!important;transition: top 1s ease-in-out, opacity 0.5s ease-in-out, visibility 0s 0.5s;}
	#mySpan h1{border-radius:3px;}
	#mySpan h2{margin-right:10px;margin-left:10px;}
}
/******************* End  : add_recently-purchase.php *****************/







/*** fry to cart start ***/
.wrapper{
  position: relative;
  width: 1130px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.wrapper .cart-nav{
  position: fixed;
  right: calc(50% - 45px);
  bottom: 20px;
  width: 90px;
  background: #fff;
  padding: 8px 10px 8px 16px;
  border-radius: 50px;
  display: block;
  cursor: pointer;
  z-index:8;
  box-shadow: 2px 2px 8px 1px rgba(0,0,0,0.2);
  border: 1px solid #FF8303;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.stickyCart .wrapper .cart-nav{
	bottom: 96px;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.basic-product .cart-info {
    position: absolute;
    top: 0;
	height:420px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    right: calc(50% - 17.5px);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.basic-product .cart-info i{
	color: #222;
    font-size: 20px;
    background: #ffffffcc;
    width: 36px;
    height: 36px;
    text-align: center;
    line-height: 35px;
    border-radius: 50px;
    font-weight: bold;
    border: 1px solid #ff9944;
}
.modal .cart-info{display:none;}
.cart-nav .icon{
  color: #FF8303;
  float:left;
}
.cart-nav .icon i{
  font-size:22px;
  line-height:22px;
}
.cart-nav .item-count{
  font-size: 15px;
  font-weight:bold;
  height: 23px;
  width: 23px;
  color: #FF8303;
  background: #FEDEBE;
  text-align: center;
  line-height: 20px;
  border: 1px solid #FF8303;
  border-radius: 50%;
  float:right;
}
.card{margin-bottom:0px;}
.wrapper .card img{
  width: 100%;
  border-radius: 3px;
  transition: all 0.3s ease;
}

.wrapper .card .content{
  transition: all 0.3s ease;
}

.card .content .row,
.content .buttons{
  display: flex;
  justify-content: space-between;
}
.content .row .details span{
  font-size: 22px;
  font-weight: 500;
}
.content .row .details p{
  color: #333;
  font-size: 17px;
  font-weight: 400;
}
.content .row .price{
  color: #ff7979;
  font-size: 25px;
  font-weight: 600;
}
/*** fry to cart end ***/






/*** product tab as filter start ***/
.tabs {
  text-align: left;
  position: relative;
}

.content-t .item {
  opacity: 0;
  visibility: hidden;
  transition: all 1s;
  position: absolute;
  width:100%;
}

#tab-1:checked ~ section #content-1,
#tab-2:checked ~ section #content-2, 
#tab-3:checked ~ section #content-3, 
#tab-4:checked ~ section #content-4, 
#tab-5:checked ~ section #content-5, 
#tab-6:checked ~ section #content-6 {
  opacity: 1;
  visibility: visible;
  transition: all 1s;
  position: unset;
}
.tabs input.hidden{display:none!important;}
.tabs input + label {
  transition: all 1s;
  padding: 5pt 10pt;
  cursor: pointer;
}
section.content-t{padding:0;text-align:center;}
.content-t {
  display: block;
  z-index: 2;
  position: relative;
  margin-bottom:50px;
}

.container .card {
  margin: 0 auto;
  z-index: 4 ;
  position: relative;
}
.sticky-bottom-cart .container .card{display:inline-block;width:100%;}
.sticky-bottom-cart .container .product-title{
	font-size:18px;
	/*float:left; - มีปัญหาซ้อนบรรทัด ***/
	width:fit-content;
	line-height: 1.3;
	min-width: 200px;
	text-overflow: ellipsis; 
    white-space: nowrap; 
    overflow:hidden;
	max-width: calc(100% - 300px);
	margin-top: 10px;
	letter-spacing: 0;
}
.sticky-bottom-cart .container .product-add{
	float: right;
    position: relative;
    top: -30px;
    border-left: 1px solid #ff9944;
    height: 70px;
    margin-bottom: -30px;
    padding:8px 10px 0 20px;
}
.sticky-bottom-cart .t-product-box-type{width:calc(100% - 320px);float: left;}
.sticky-bottom-cart .img-package{
	margin:0;
	overflow:hidden;
	border-radius:5px;
	display:block;
	float: left;
	margin-right:10px;
	height: 75px;
	width:65px;
}

.filter-tab{
	/*margin-right:10px;*/
}

.filter-tab label{
	padding: 3px 10px;
    margin-bottom: 0;
	margin-left:5px;
    font-size: 15px;
    font-weight: bold;
	text-transform: uppercase;
	border-radius:4px;
	border: 1px solid #FF9944;
	transition: color 0.3s ease, font-weight 0.3s ease;
}
.filter-tab label.active {
    color: #000;
	background:#ff9944;
    font-weight: bold; 
    border: 1px solid #FF9944;
}
/*** product tab as filter end ***/



/*** modal control start ***/
.modal-body{padding: 0 !important;}
.modal-content{overflow:hidden;border-radius:8px!important;}
.modal-cover{overflow:hidden;border-radius:6px 0 0 6px;}
.modal-cover img{
	width: 100%;
	max-width: 482px;border: 0;
}
.modal-cover img.covercover{
	/*** ภาพขยาย แลกกับปกแบบเก่าที่เป็นภาพแนวนอน   ***/
	/*** เปลี่ยนปกให้เป็นขนาดมาตรฐาน จะทำให้เว็บสวยงาม ***/ 
	/*object-fit: cover;
    min-height: 524px;*/
}
.modal-title a h3{font-weight:bold;color: #222;letter-spacing: 0;}
.modal-radio-section label{
	width: 100%;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 8px;
    margin-bottom: 10px;
    background: #f3f4f6;
	font-weight:bold;
	font-size:16px;
}
.modal-radio-section label input{
	float: left;
    margin-right: 5px;
    margin-top: 6px;
    width: 18px;
    height: 18px;
}
.modal-radio-section label .label_order_type span.label_order_price-f{
    width: max-content;
    background: #ff9944;
    border-radius: 4px;
    padding: 4px 8px;
    font-weight: bold;
    color: #fff;
	position: absolute;
    right: 5px;
    margin-top: -4px;
}
.modal-body .product-add button{
	width: 100%;
    color: #fff;
	background: #000;
    border-radius: 4px;
}
.modal-body .wrap-modal-slider{display:flex;}
/*.modal-body .wrap-modal-slider .box{flex:1;}*/
.modal-body .modal-option{
	position: absolute;
    bottom: 15px;
    width: calc(50% - 30px);
}
.modal-body .cart-box{padding:15px;}
.modal-body .modal-alert{color:red;font-weight:bold;display:block;}
.modal-body .modal-code{display:block;}
.modal-body .modal-quality{display:block;}
.modal-body .modal-language{display:block;}
.modal-body .modal-description{margin-top:8px;color: #444;}
.modal-body .radio-section{padding:5px 0 0;background:#fff;}
.modal-body .modal-description-gradient{
	height:20px;
	background:#fff;
	 -webkit-mask-image: -webkit-gradient(linear, left top, 
    left bottom, from(rgba(0,0,0,0.1)), to(rgba(0,0,0,1)));
}
.modal-scroll-warp{
	border-radius: 6px;
	padding:10px 2px 10px 10px;
	overflow:hidden;
	border:1px solid #ccc;
	background:#f3f4f6;
}
.modal-body .modal-scroll{
	overflow-y: scroll;
	overflow-x: hidden;
	height:200px;
}
/*** modal control end ***/


/*** infinite load grid start ***/
/*.basic-product{padding:0 15px 30px;}*/
.movie-item .cart-warp{
	background: #f3f4f6;
    border: 1px solid #ccc;
    padding: 10px;
    border-radius: 5px;
}
/*** infinite load grid end ***/


/*** loader start ***/

/* HTML: <div class="loader"></div> */
.loader {
  width: 50px;
  aspect-ratio: 1;
  display: grid;
  border: 5px solid #0000;
  border-radius: 50%;
  border-color: #ff9944 #0000;
  animation: l16 1s infinite linear;
}
.loader::before,
.loader::after {    
  content: "";
  grid-area: 1/1;
  margin: 2px;
  border: inherit;
  border-radius: 50%;
}
.loader::before {
  border-color: #FE6E00 #0000;
  animation: inherit; 
  animation-duration: .5s;
  animation-direction: reverse;
}
.loader::after {
  margin: 8px;
}
@keyframes l16 { 
  100%{transform: rotate(1turn)}
}

.loader-txt {
  width: fit-content;
  font-weight: bold;
  font-family: monospace;
  font-size: 30px;
  margin-left: 10px;
  clip-path: inset(0 3ch 0 0);
  animation: l4 1s steps(4) infinite;
}
.loader-txt:before {
  content:"Loading..."
}
@keyframes l4 {to{clip-path: inset(0 -1ch 0 0)}}
/*** loader end ***/









.sarabun-regular {
  font-family: "Sarabun", serif;
  font-weight: 400;
  font-style: normal;
}

.sarabun-medium {
  font-family: "Sarabun", serif;
  font-weight: 500;
  font-style: normal;
}

.sarabun-semibold {
  font-family: "Sarabun", serif;
  font-weight: 600;
  font-style: normal;
}

.sarabun-bold {
  font-family: "Sarabun", serif;
  font-weight: 700;
  font-style: normal;
}

.sarabun-extrabold {
  font-family: "Sarabun", serif;
  font-weight: 800;
  font-style: normal;
}



body{}
/*** Color ***/
.t-red{color: #dd0011}
.t-green{color: #00a900}
/*** Display Function ***/
.mobile-480{display: none}
.mobile-1199{display: none!important}

/*** home.php ***/
.btn-load-more {
    /*margin: 0 !important;*/
    border-radius: 5px;
    padding: 10px 10px !important;
}


/*** Body Fix ***/
section {/*overflow: hidden; sticky on page not working*/}
section.first-child {padding-top:20px;}
/*.col-lg-6 {flex: 0 0 auto;width: 50%;}*/
a{color:#222;}
.free-container a{color:#fff;}
a:hover,a:focus{text-decoration:unset;}
h2.accordion-header{margin-top:10px;}

/*** Left Menu ***/
.leftmenu .accordion-item:first-child h2{margin-top:0;}

/*** Header ***/
header{
	position: fixed;
	width: 100%;
	height: 60px;
	top: 0;
	z-index: 9;
	box-shadow: 4px 4px 5px 2px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 4px 4px 5px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 4px 4px 5px 2px rgba(0, 0, 0, 0.1);
	-webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
header.sticky  {
    height: 45px; height: 55px;
	width:100%;
	top: 0;
	box-shadow: 4px 4px 5px 2px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 4px 4px 5px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 4px 4px 5px 2px rgba(0, 0, 0, 0.1);
	-webkit-animation: unset;
    animation:unset;
}




.logo-container{}
.sticky .logo-container{width: 80px;}

.top-header {background-color: #000;}
.main-menu .brand-logo img{height: auto;}
.main-menu .brand-logo{padding-block: unset;}


		.main-menu{
			height:60px;
			-webkit-transition: 0.3s ease-in-out;
			transition: 0.3s ease-in-out;
		}
.sticky .main-menu{/*height:45px;*/}
		.main-menu .menu-left{width:380px;margin-right:12px;-webkit-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out;}
.sticky .main-menu .menu-left{width:340px;margin-top:-2px;}
.main-menu .menu-mid {width:100%;}
.main-menu .menu-right{justify-content:flex-end;margin-left:12px;}
.menu-right .font-size{display:inline-flex;}

.pixelstrap .link-section .mycart .according-menu:before{display:none!important}
.btn-solid.btn-nav {padding: 0 8px;text-transform: capitalize;border-radius: 4px;height: 39px;} 
.nav-r {
    margin-left: 9px;
    height: 40px;
    width: 40px;
    padding: 0 !important;
    border-radius: 4px !important;
	color: #ff9944;
    top: 0;
    border: 2px solid #ff9944;
	font-size: 25px;
	-webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.btn-outline:hover, .btn-outline:focus{background:#ff9944;}
.sticky .nav-r{
	height: 36px;
    width: 36px;
	top: -2px;
	-webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.marketplace-sidebar.sidenav.fixed-sidebar{
	left: 0;
	border-radius:6px;
	border: 1px solid #ccc;
	width:100%;
	overflow:hidden;
}

.top-menu {background: #ff9944;}
.mega-box {width: 333px;}
.mega-box .link-section .menu-title {}
.sidenav nav .col{padding-bottom:8px;}
.mega-box.top-menu .link-section ul{padding-Left:15px;}
.pixelstrap .top-menu .link-section ul {margin-top:12px;}

.mega-box.top-menu .link-section ul li{
	color:#fff;
	display:list-item!important;
	font-size: 16px; 
    letter-spacing: 0.2px;
	padding: 3px 0;
	font-weight:600;
}

.mega-box.top-menu .link-section ul li a{
	color:#fff;
	padding:0!important;
	margin-top: 8px;
	font-size: 16px !important;
}
.mega-box.top-menu .link-section ul li:first-child a {margin-top: 0;}
.mega-box.top-menu .link-section ul li:last-child a {margin-bottom: 16px;}
.mega-box.top-menu .link-section ul li a:focus{padding:0}
.mega-box.top-menu .link-section i{ 
	font-size:22px;
	color: #fff;
}
.pixelstrap .link-section ul{
	-webkit-box-shadow:unset;
    box-shadow:unset;
	width:unset!important;
	background: unset;
	margin-top: 15px;
}
.pixelstrap a.mycart{
	padding: 0!important;
    background: #000;
    border-radius: 4px;
	text-align:center;
	width: 95%;
	animation: heartbeat 1.2s infinite;
}
.pixelstrap a.mycart:hover{background:#222;}
.pixelstrap a.mycart:hover h5{color:#ff9944!important;-webkit-transition: 0.5s ease;transition: 0.5s ease;}
.pixelstrap a.mycart:hover h5 i{color:#ff9944;-webkit-transition: 0.5s ease;transition: 0.5s ease;}
.pixelstrap a.mycart h5{padding:5px;margin-bottom:0;}

.pixelstrap .mega-box.top-menu .link-section h5::before{
	/*background-color:#fff;*/
	display:none;
}

.mega-box.top-menu .link-section .menu-title {
    margin-top: 10px;
}

.mega-box.top-menu .link-section .menu-title h5{
	color:#fff;
	font-weight: 700;
	line-height: 32px;
}

.mega-box.right-menu .link-section .menu-title h5{
	font-weight: 700;
	font-size: 16px;
	line-height: 32px;
    margin-bottom: 5px;
}

.mega-box.right-menu .link-section .menu-content a{
	color:#444;
	font-weight:400;
	padding:0 0 0 25px;
	padding:0; /*fix slide down menu*/
	display:inline-block;
	
}

.mega-box.right-menu .link-section .menu-content a:hover{
	color: #ff9944;
}

.mega-box .link-section {
    margin-top: 15px;
	margin-left: 10px;
}

.mega-box .link-section
.menu-content {
    margin-bottom: 5px; 
	/*display: block !important;*/
}
.link-section ul li{
	display:list-item!important;
	font-size: 16px; 
    font-weight: 400;
    letter-spacing: 0.2px;
	padding: 2px 0;
	font-weight:600;
}
.pixelstrap .link-section ul li a {
    padding-left: 0px;
    font-size: 15px;
    position: relative;
    z-index: 0;
    cursor: pointer;
    letter-spacing: unset;
    font-weight: 400;
    margin: 12px 0px 0px;
    transition: 0.3s ease-in-out;
}
.menutext-first{padding-right:3px;float:left;}
.menutext-last{padding-left:3px;float:right;}
.sm-horizontal .mega-menu li a { padding: 0px; }

.pixelstrap ul a, .pixelstrap ul a:hover, .pixelstrap ul a:focus, .pixelstrap ul a:active {
    color: rgb(233, 121, 58);
    font-size: 14px;
    text-shadow: none;
    background: rgba(0, 0, 0, 0);
}








.pixelstrap .sm-nowrap > li > a, .pixelstrap .sm-nowrap > li > :not(ul) a {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}











/*** Header - Search ***/
		.inputsearch {
			background:none;
			width: 100%;
			height:30px;
			border:0;
			}
.sticky .inputsearch {/*height:27px;*/}
.input-btn i{font-size:24px;}
.text-search {
	float: left;
	width: calc(100% - 35px); 
	height: 30px;
	margin-top:3px;
}
.sticky .text-search {margin-top:0;/*height: 27px;*/}
				.auto-search {
					border: 1px solid #ff9944;
					padding: 1px 0 1px 10px;
					border-radius: 4px;
					height:40px;
					-webkit-transition: 0.3s ease-in-out;
					transition: 0.3s ease-in-out; margin-top:1px;
				}
header.sticky 	.auto-search {/*height:31px;*/margin-top:-4px;height:36px;}
.autocompletecontainter        {} 
.autocomplete{width:100%!important;margin-top: 15px;background: #d1d5db;border-radius: 4px;padding: 12px;overflow: hidden;}
.autocomplete div {padding: 5px 0px;}

.autocomplete-w1{background:unset;width:100%;}

#searchsubmit{
	font-size: 18px;
	color: #9f9f9f;
	background:none;
	border:0;
	margin:4px 0 -10px 0;-webkit-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out;
}
.sticky #searchsubmit{
	margin-top:2px;
}
#searchsubmit i{line-height:27px;}

/*** Header - Search - Autocomplete ***/
.autocompletecontainter        {left:calc(50% - 374px)!important;width:802px;} 
.autocompletecontainter.sticky {left: calc(50% - 428px) !important;width: 856px;}



/*** Header - Button ***/
.add_to_cart{left:0;width:100%!important;}
.cart_bottom{display:flex;}




/*** Header -> Button -> Category ***/
/* 2025-02-26 - Nav Dev


.navbar{display: none!important}
.main-menu .menu-left .navbar{display: none;}
#main-menu{display: none;}
 

*/
.sidenav { 
	width: 100%; 
	top: -150vh; 
	left: calc((100% - 1140px) / 2); 
	height: auto;
	-webkit-transition: all 0.8s ease-in-out;
	transition: all 0.8s ease-in-out;
	display: inline-flex;
	/*display: none;*/
	visibility:hidden;
}
.sidenav.open-side { 
	left: calc((100% - 1140px) / 2); 
	top: 50px;
	-webkit-transition: all 0.8s ease-in-out;
	transition: all 0.8s ease-in-out;
	/*display: inline-flex;*/
	visibility:visible;
}
.sidenav nav {height:auto;border-radius: 6px;}
.sidenav .sidebar-back {
    display: block;
    background: #ff9944;
    position: absolute;
    z-index: 9;
    color: #fff;
    padding: 5px 30px 5px 10px;
    padding: 5px 10px;/* fix slide menu */
    border-radius: 4px;
    right: 10px;
    top: 10px;
    font-size: 15px;
	margin:0;
}
.main-menu .menu-left .navbar .sidebar-back i {
    color: #fff;
    float: right;
    position: absolute;
    top: 6px;
    font-size: 22px;
}
.menu-right .navbar i.ri-menu-fill{
	font-size: 30px;
    line-height: 39px;
    border: 1px solid #ff9944;
    border-radius: 4px;
    height: 39px;
    width: 39px;
    color: #ff9944;
	-webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.sticky .menu-right .navbar i.ri-menu-fill {
    height: 36px;
    /*width: 32px;*/margin-top:-2px;
}
.menu-right .navbar i.ri-menu-fill:before{
	position: absolute;
    width: 37px;
    text-align: center;
	-webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.sticky .menu-right .navbar i.ri-menu-fill:before{
	/*width: 30px;
    line-height: 30px;*/margin-top:-1px;
}
.menu-right .navbar.category{
	background:#ff9944;
	/*border:1px solid #ff9944;*/
	padding:0 4px 0 12px;
	height: 40px;
	width:115px;
	margin: 1px 0 0 0;
	min-height:unset;
    border-radius: 4px;
	-webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

.sticky .menu-right .navbar.category{height:36px;margin-top:-3px;}
.menu-right .navbar.category .d-sm-block{color:#fff;}



	












/*** Nav ***/
.pixelstrap a, .pixelstrap a:hover, .pixelstrap a:active{padding-right: 25px;}
.navbar a {color: #666;}
.collection-collapse-block.open {/*padding-bottom: 80px;*/}
.main-menu .menu-left .navbar i.ri-checkbox-blank-fill {color: #f9f9f9;}
.main-menu .menu-left .navbar .collection-collapse-block .collection-accordion .accordion-item .accordion-header .accordion-button{background: none;}
.sidenav nav>.pixelstrap>li>.has-submenu, .sidenav nav>.pixelstrap>li>a{padding: 4px 23px;font-size: 24px;font-weight: 500; justify-content: unset;letter-spacing: 1px;font-family: 'DBHelvethaicaX55Regular', sans-serif;}
.top-header .header-contact {height: 32px; overflow: hidden;}
.sm-horizontal{box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}
.p-4 {padding: 1rem !important;}

.owl-item .col-xl-3 {width: 100%;}
.owl-dots{display: none;}
.owl-theme .owl-nav {
    margin-top: 10px;
    position: absolute;
    display: block;
    width: 100%;
    top: 27%;
}
.owl-item .t-product-box-sub{margin-top: 0}
.owl-carousel .owl-nav button.owl-next {
    position: absolute!important;
    right: -35px;
}
.owl-carousel .owl-nav button.owl-prev {
    position: absolute!important;
    left: -35px;
}
#custom-cards.container {
    padding: 0;
}
@media (max-width: 577px){
	#main-menu{display: block;}
	.sticky .logo-container{width: 0;overflow: hidden;margin:0;}
	.searchbox.mx-4 {margin-left: 0 !important;margin-right:10px!important;}
	.px-4 {padding-right: 1rem !important;padding-left: 1rem !important;}
	
	.owl-item .t-product-box {margin: 0;}
	.owl-carousel .owl-nav button.owl-next {right: -17px;border-radius: 4px 0 0 4px!important;margin:0;}
	.owl-carousel .owl-nav button.owl-prev {left: -17px;border-radius: 0 4px 4px 0!important;margin:0;}
	
}


.breadcrumb-anchor a {border-radius: 5px;background:#ff9944;border-color:#ff9944;}
.home_filter{border:none;background:#ff9944;}

/* Slide */

.breadcrumb-section {padding: 120px 0 0px 0;margin-bottom: 30px;text-align:center;background: none;}
#home .breadcrumb-section {padding-top: 100px;margin-bottom: 50px;/*overflow:hidden*/}
.breadcrumb-section .container img {border-radius: 8px;box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.3);border: 1px solid #ff9944;}
.top-panel-adv{transition: all 0.8s ease-in;}
.top-panel-adv.hide {display:block;margin-top:-1000px;transition: all 0.8s ease-in;;}
.slide-btn-close {
   
}
.slide-btn-close i {
    float: right;
    position: relative;
    bottom: -29px;
    right: 10px;
    background: #fff;
    line-height: 27px;
    border-radius: 50px;
    width: 25px;
    height: 25px;
    font-size: 24px;
}



/*** Top Banner Wrapper ***/
.top-banner-wrapper{text-align:center;}
#p_orders-detail .top-banner-wrapper{text-align:left;padding:0!important;}
#p_notifypay .top-banner-wrapper{margin-bottom:0;}
.top-banner-wrapper h3{
	font-size: 28px;
    font-weight: bold;
    color: #333;
}
.top-banner-wrapper img{margin:auto;/* border-radius: 5px; - mycart conflict */}
.coveroverflow img{width:100%}
#p_howbuy .top-banner-wrapper img{width: 675px;}
#p_paypal .top-banner-wrapper img{width: 675px;border-radius: 5px;}
.top-banner-wrapper .text-bank-notice{
	line-height:1.3;
	padding:15px 0 30px;
	display:block;
	border-bottom: 1px dotted #888;
	color: #ff0000;
    font-size: 16px;
    font-weight: bold;
	border-bottom: 0;
    padding-bottom: 0;
}
.top-banner-wrapper .text-paypal-box{border-radius: 4px;border:1px solid #1e4a88;padding-bottom:12px;    margin-top: 60px;text-align: center;}
#p_paypal .text-paypal-box{padding-bottom:0;margin-top:15px;}
.top-banner-wrapper .text-paypal-box img{padding-top:30px;} 
.top-banner-wrapper .text-paypal{background:#1e4a88;color:#fff;font-size:22px;padding: 7px 0;border-radius: 4px;margin: -24px auto;display: block;width: 675px; } 
.top-banner-wrapper .text-howbuy-box{text-align: left;margin: 32px 0 0;} 
.top-banner-wrapper .text-howbuy-box-bank{text-align: left;margin: 12px 0 0;} 
.top-banner-wrapper .text-howbuy-box h3{font-size:20px;margin-bottom: 10px;line-height: 1.6;}
.top-banner-wrapper .text-howbuy-box img{float:left;margin-left:-25px;} 
.top-banner-wrapper .text-howbuy-box-bank img{float:left;margin-left:-25px;} 
.top-banner-wrapper .text-howbuy-box li{padding-left:25px;}
.top-banner-wrapper .text-howbuy-box .row{margin:0;}
.top-banner-wrapper .text-howbuy-box-bank .row{margin:0;}
.top-banner-wrapper .text-howbuy-box i{
	margin-left: -25px;
    float: left; 
    font-size: 20px;
    margin-top: -4px;
}
.top-banner-wrapper .text-paypal a{color:#fff;}

/*** Home - Product Slider ***/
.anchor_target{padding-top:80px;margin-top:-80px;}
.home_more{padding: 0.7rem 1rem !important;} 
.home_moremore {width: 100%;display: block;text-align: center;margin-top: 36px;}
.top-panel-adv {background: none; padding: 22px 0 0 0;;}
.slider-btn-close{
	position: absolute;
    top: 10px;
    right: 10px;
}
#slide .container{position:relative;display:inline-block;}
.top-panel-adv .close-btn{
	display: block;
    border-radius: 50px;
    overflow: hidden;
    float: right;
    margin-right: 10px;
    width: fit-content;
    /*border: 2px solid #fff;*/
	color: #ff9944;
    font-size: 20px;
    margin-top: -6px;
}
.top-panel-adv .close-btn svg{
	background: #ff9944;
    width: 20px;
    height: 20px;
    border-radius: 50px;
    padding: 2px;
    color: #fff;
}

/*** Home - Product Slider - 20250227 ***/
.slick-prev:before, .slick-next:before {font-family:'remixicon';opacity:1;}
.slick-product-wrapper-grid .slick-prev:before{content:"\ea64";}
.slick-product-wrapper-grid .slick-next:before{content:"\ea6e";}
.slick-product-wrapper-grid .slick-prev, 
.slick-product-wrapper-grid .slick-next{
	/*width: 30px;
    height: 100px;
    background: #000;*/
	z-index:1;
	width: 24px;
    height: 72px;
    border: 1px solid #ff9944;
    border-radius: 4px;
	background:#ff9944;
}
#home .product-slider .container{text-align:center;}
/*#home .product-slider .container a{margin-top: 36px;border-radius:5px;margin-right:0!important;}*/
#home .product-slider .container .product-title a{color:#222;}

/*** Home - Product Slider - 20250228 - Grid ***/
	.slick-slide.col-xl-3.col-6 {width: calc(1140px / 4) !important;}
	.slick-slide.col-xl-4.col-6 {width: calc(1140px / 3) !important;}
	.slick-slide.col-lg-3.col-6 {width: calc(1140px / 2) !important;}
	.slick-slide.col-sm-12.col-6 {width: calc(1140px / 1) !important;}
	/*.basic-product {padding: 0 12px 0;}*/
#bestseller .basic-product {padding: 24px 12px 0;}
#bestseller-3-grid .basic-product {padding: 0 12px 24px;}
	
.modal .btn-close{z-index:9;right:5px;opacity:1;padding-top:8px;}
.modal .btn-close i{
	font-size: 22px;
    background: #ff9944;
	color: #fff;
    border-radius: 50px;
    padding: 0px;
}
.modal-body .wrap-modal-slider .box-details {padding: 15px 15px 0;min-height: 524px;}

.slick-slide.col-xl-4.col-6,
.slick-slide.col-lg-3.col-6,
.slick-slide.col-xl-3.col-6,
.slick-slide.col-sm-12.col-6,
.basic-product .product-add,
.basic-product .radio-item-f [type="radio"]:checked ~ div .label_order_price-f,
.basic-product .label_order_price-f{
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
 
.slick-product-wrapper-grid .slick-slide {overflow:hidden;}
.slick-product-wrapper-grid .basic-product {
    background: #f3f4f6;
    border: 1px solid #ccc;
    border-radius: 8px;
    overflow: hidden;
}

.slick-product-wrapper-grid 			.slick-slide img {width:100%}
#bestseller img, .modal-img img {width:100%}

.slick-product-wrapper-grid.list-view 	.slick-slide img {width:236px}

.slick-product-wrapper-grid				.basic-product .brand-w-color	{display:block;}

.list-view .t-product-box-type{width:calc(100% - 260px);display: inline-block;}

.breadcrumb-anchor {margin-bottom: 1rem;}



.basic-product .product-title{
	text-align: center;
    font-weight: bold;
    margin: 12px 0 0 0;
    /*height: 55px;
    white-space: unset;*/
    line-height: normal;
	
	letter-spacing:0;
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    @supports (-webkit-line-clamp: 2) {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: initial;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
	}
}
.slick-slide.col-lg-3.col-6 .product-title{text-align:left;}



.product-wrapper-grid.list-view .basic-product .overflow-hidden{/*gap:unset;*/}
.list-view .basic-product .product-title{
	text-align: left;
	float: left;
    width: calc(100% - 260px);
    width: auto;
	height: auto;
}
.basic-product .product-title h4{}

				.basic-product .img-wrapper{border-radius:4px;background: none;}
.list-view		.basic-product .img-wrapper{display:inline-block;float:left;margin-right:10px;}
.slick-slide.col-lg-3.col-6 .img-wrapper{
	float: left;
    margin-right: 10px;
    width: 210px;
}

.t-product-box-code{
	color: #fff;
	display: inline-block;
	font-weight:600;
	margin-top:-32px;
	margin-left: -6px;
	float:left;
    width:100%;
	font-size: 15px;
}
.labelc {
	float:left;
	margin-left:4px;
	border-radius:3px;
	padding:0 4px;
	border:1px solid;
}
.bg-4k{background:red;border-color:red;}
.bg-bd{background:blue;border-color:blue;}
.bg-bk{background:#000;border-color:#000;color:#ff9944;}
.bg-dd{background:#ff9944;border-color:#000;color:#000;}

.list-view-code{display:none}
.list-view .list-view-code{display:inline-block}
.x-layout-view .list-view-code{display: inline-block; margin: -3px 0;}


.basic-product .product-detail {margin-top: 10px;}
.list-view .basic-product .product-detail {margin-top: 0;}
.slick-slide.col-lg-3.col-6 .product-detail {margin-top: 0;}


.t-product-box-type {border-top: 0;}
.basic-product .radio-section{padding:0}
.basic-product label{width:100%}

				.basic-product .product-add {text-align:center;margin-top:12px;position: relative;display: flex;}
#product-single .basic-product.detail-left .product-add {min-height:42px;}
.list-view	.basic-product .product-add {float:left;min-width:250px;}
.slick-slide.col-lg-3.col-6 .basic-product .product-add {float:left;width:100%; max-width:294px;}

/*.basic-product .product-add:hover{background:#333;} - 2025-05-13*/
.basic-product .product-add button{color:#fff;width: 100%;border-radius:4px;background:#000;border:0;}
.basic-product input {
	margin-right: 3px !important;
	position: absolute;
    z-index: 5;
    margin-top: 10px;
    margin-left: 8px;
}
#product-single .basic-product.detail-left input[type="radio"]{
	margin-top: 14px;
    margin-left: 10px;
    width: 22px;
    height: 22px;
}
#product-single .basic-product.detail-left input[type=submit]{
	margin-top:0;margin-left:0;
	padding: 10px 5px;
    color: #fff;
    letter-spacing: 0.05em;
    font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
    border: 2px solid var(--theme-color);
    background-image: linear-gradient(30deg, var(--theme-color) 50%, transparent 50%);
    background-size: 850px;
    background-repeat: no-repeat;
    background-position: 0;
    -webkit-transition: background 300ms ease-in-out;
    transition: background 300ms ease-in-out;
    width: 100%;
	font-weight: bold;
	border-radius: 4px;
}
.buy-related .label-free {
	color: green;
	font-size: 16px;
	font-weight:bold;
	padding: 3px 12px;
	border-radius: 3px;
	border: 1px solid green;
	width:calc(100% - 0px);
	max-width: 180px;
	display: grid;
	text-align: center;
}
.buy-related input{
	background:#ff9944;margin-right:6px;border-radius:5px;
	padding: 13px 29px;
	color: #fff;
	letter-spacing: 0.05em;
    font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
	border: 2px solid var(--theme-color);
	line-height: 20px;
    text-transform: capitalize;
	font-weight: 600;
}
.basic-product .label_order_type {
    display: block;
    padding: 4px 0px 4px 24px;
    background: #fafafa;
    border: 1px solid #ccc;
    border-radius: 4px;
    cursor: pointer;
    white-space: nowrap;
    position: relative;
    transition: 0.4s ease-in-out 0s;
	font-size: 15px;
}
.basic-product .radio-item-f [type="radio"]:checked ~ div{
    border: 1px solid #ff9944;
}
.basic-product .label_order_price-f {
    float: right;
    position: absolute;
    width: max-content;
	background: #ff9944;
    border-radius: 3px;
	font-weight:bold;
	color: #fff;
	right: 4px;
    padding: 0 4px;
}
#product-single .basic-product .label_order_price-f {right:4px;padding:0 4px;}
#product-single .basic-product.detail-left .label_order_price-f {
    right: 6px;
    padding: 4px 8px;
    top: 6px;
}
.basic-product .radio-item-f [type="radio"]:checked ~ div .label_order_price-f{color:#000}


.collection-product-wrapper .product-top-filter .product-filter-content .collection-grid-view{
	margin-bottom:8px;
}
.collection-product-wrapper .product-top-filter .product-filter-content .collection-grid-view ul li, .collection-product-wrapper .product-top-filter .popup-filter .collection-grid-view ul li {
    border: 1px solid #ff9944;
    border-radius: 4px;
}

section.product-slider .product-filter-content{
	border-bottom: 2px solid #ff9944;
    margin-bottom: 15px;
}
section.product-slider .product-filter-content .category-title{
	position: absolute;
    margin-bottom: 23px;
    bottom: 0;
}
section.product-slider .product-filter-content h2{
	color:#ff9944;
	margin:0;
}

/*** Left Menu ***/
.t-menuleft a{color: #666;}
.t-menuleft i{/*color: #fff;border: 1px solid #dee2e6*/}
.collection-collapse-block .collection-accordion .accordion-item .accordion-body{max-height: none;background:none;}

/*** notice box ***/
.notice-box{background: #f9f9f9;font-family: 'DBHelvethaicaX55Regular', sans-serif;}
.notice-boxg{padding: 60px 20px 20px 20px;text-align: center;}
.notice-box-headline{font-size: 42px;font-weight: 600;line-height: 1;}
.notice-box-subline{font-size: 32px;font-weight: 600;}
.notice-box-bottomline{font-weight: 500;line-height: 1;font-size: 21px;}
.t-label-wownow {margin: -20px 0 0 30px;position:absolute;}

/*** Filter ***/
.collection-product-wrapper .product-top-filter .product-filter-content .collection-grid-view ul li:last-child {display: inherit;}
#bestseller {display:block;margin-top:120px;margin-bottom:70px;}
#bestseller h2{float:left;margin-bottom: 0!important;}
.collection-product-wrapper .product-top-filter{float: right;/*width: auto;*/padding: 0;border: 0;background: none;margin: 0 0 0 0;z-index: 8;} 







/*** Product List Start ***/

	/*** 2025-03-31 Start ***/
	.basic-product.moremore form {padding:0;border:1px solid #ccc;border-radius:8px;background:#f3f4f6;overflow:hidden;}

	.product-pagination{margin:30px auto 0;padding:0;gap: 8px;}
	.product-pagination .numtxt{
		background: #ff9944;
		padding: 5px 10px;
		border-radius: 4px;
		border:1px solid #ff9944;
	}
	.product-pagination a {
		padding: 5px 10px;
		border-radius: 4px;
		border:1px solid #ff9944;
	}
	.product-pagination a:hover{background: #ff9944;}
	/*** 2025-03-31 End   ***/




.basic-product.theme-product-1{background: #f3f4f6;margin: 0;border-color:#ccc;border-radius:5px;}
.t-product-box{text-align: center}
.t-product-box img {width: 100%;}
.product-wrapper-grid.moremore img {width: 100%;}
.product-wrapper-grid.list-view img{width:180px;float:left;margin-right:12px;}
.product-wrapper-grid.list-view .t-product-box-add{width: 120px;text-align: center;float: left;}

.t-product-box .box-prodL4kA50 img,
.t-product-box .box-prodLbdA25 img,
.t-product-box .box-prodLbdA50 img
{aspect-ratio: unset;}
.t-product-box-title{margin-top: 15px;height: 48px; overflow: hidden;}
.product-wrapper-grid.list-view .t-product-box-title{height: auto;}

.t-product-box-title h4{font-size: 18px;font-weight: 600;line-height:1.3;}
.t-product-box-title a{
    line-height: 1.2;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    text-transform: capitalize;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 20px;
    color: #222;
    font-weight: 500;
    display: block;
}
.t-product-box-add {/*background: #000;*/border-radius: 3px} 
.t-product-box-add button{min-height:42px}
.t-product-box-type {padding:0 0 0;margin-top: 8px;}
.t-product-box-type select{height: 32px;border-radius: 4px;border: 1px solid #ccc;font-weight: 500;text-align: center;}

.t-product-box-sub{border: 1px solid #eee;border-radius: 4px;padding: 18px 0;margin-top: -15px;background: #fff;}



.section-product{height: 100px;padding: 0}
	.section-product.t-hc-y{margin-top: 54px}
	.product-wrapper-grid .head-cate{
		width: calc(100% - 24px);
		padding: 24px 0;
		text-align: center;
		margin: 0 12px;
		background: #000;
		display: block;
		position: absolute;}
.product-wrapper-grid .head-cate.t-hc-y{background: #fcdb01;}

/*** Product List End ***/






/*** More More ***/
.basic-product.theme-product-1 .product-detail>div{border:0;padding-bottom:0;}
.basic-product.theme-product-1 .brand-w-color{display:block;margin-bottom:0;}



/*** Add to cart animation start ***/
@keyframes xAxis {
  100% {
    /*transform: translateX(calc(50vw - 105px));*/
  }
}
@keyframes yAxis {
  100% {
    transform: translateY(calc(-50vh + 75px));
  }
}
@keyframes shakeCart {
  25% {
    transform: translateY(6px);
  }
  50% {
    transform: translateY(-4px);
  }
  75% {
    transform: translateY(2px);
  }
  100% {
    transform: translateY(0);
  }
}



/*** Add to cart animation end ***/


/*** catalog.php ***/
#p_catalog .product-wrapper-grid.list-view img{background:#000;border-radius:4px;}


/*** notifypay.php ***/
#p_notifypay .theme-breadcrumb{text-align:center;}
#p_notifypay hr{width: 360px;margin: 15px auto;}
#p_notifypay .notice{width:90%;max-width: 780px;display: block;margin:8px auto 0;}



/*** notifypay.php - Table ***/
  .table {
    display: table;
    margin: 0 auto 0;
    border-collapse: separate;
  }
  
  .table_row {
    display: table-row;
  }


 
  .table_row > .table_small > .table_cell:nth-child(odd) {
    /*background: #bdbdbd;*/
    /*color: #e5e5e5;*/
    padding-top: 32px;
    padding-bottom: 10px;
  }
   #p_profile .table_row > .table_small > .table_cell:nth-child(odd){padding-top:16px;}
   #p_register .table_row > .table_small > .table_cell:nth-child(odd){padding-top:16px;}
   
  .table_row > .table_small > .table_cell {
    padding-top: 15px;
    padding-bottom: 15px;
    /*color: #5b5b5b;*/
    border-bottom: #ddd 1px solid;
  }
  
  .table_row > .table_small.submit > .table_cell {
	  border:none;
	  padding-bottom:0;
  }
  
  .table_row > .table_small:first-child > .table_cell {
    /*border-left: #ccc 1px solid;*/
  }
  
  .table_row > .table_small:last-child > .table_cell {
    /*border-right: #ccc 1px solid;*/
  }
  
  .table_row:last-child > .table_small:last-child > .table_cell:last-child {
    border-bottom-right-radius: 5px;
  }
  
  .table_row:last-child > .table_small:first-child > .table_cell:last-child {
    border-bottom-left-radius: 5px;
  }
  
  .table_row:nth-child(2n+3) {
    /*background: #e9e9e9;*/
  }


    .table {
      display: block;
	  text-align:left;
	  border-radius: 4px;
    }
    .table_row:nth-child(2n+3) {
      background: none;
    }
    .theader {
      display: none;
    }
    .table_row > .table_small > .table_cell:nth-child(odd) {
      display: table-cell;
      width: 25%;
	  text-align: right;
    vertical-align: top;
    font-size: 16px;
    color: #000;
    }
    .table_cell {
      display: table-cell;
    }
    .table_row {
      display: table;
      width: 100%;
      border-collapse: separate;
    }
    .table_small {
      display: table-row;
    }
    .table_row > .table_small:first-child > .table_cell:last-child {
      /*border-left: none;*/
    }
    .table_row > .table_small > .table_cell:first-child {
      /*border-left: #ccc 1px solid;*/
    }
    .table_row > .table_small:first-child > .table_cell:first-child {
      border-top-left-radius: 5px;
      /*border-top: #ccc 1px solid;*/
    }
    .table_row > .table_small:first-child > .table_cell:last-child {
      border-top-right-radius: 5px;
      /*border-top: #ccc 1px solid;*/
    }
    .table_row > .table_small:last-child > .table_cell:first-child {
      border-right: none;
    }
    .table_row > .table_small > .table_cell:last-child {
      /*border-right: #ccc 1px solid;*/
    }
    .table_row > .table_small:last-child > .table_cell:first-child {
      border-bottom-left-radius: 5px;
    }
    .table_row > .table_small:last-child > .table_cell:last-child {
      border-bottom-right-radius: 5px;
    }

.table>:not(caption)>*>*{border:none;}
#p_signin .top-banner-wrapper .table_cell p{margin:8px 0 8px 2px;}







/*** notifypay.php - Date&Time Picker ***/
.textbox-important{    color: #fff; background: #ff0000; padding: 2px 6px 3px; border-radius: 4px;}
.form-control{float:left;margin-top:12px;border-radius: 4px;}
.form-control.time{width:150px;}
.form-control.colon{width:25px;border:none;padding:none;margin:none;}
.form-control.datepicker,
.form-control.orderid,
.form-control.amount,
.form-control.name,
.form-control.tel,
.form-control.mail,
.form-control.comments,
#p_notifypay .btn.btn-danger
{width:325px;}

.form-control.orderid{text-transform:uppercase;}

.top-banner-wrapper .table_cell p{display:inline-block;margin:8px 0 8px 0px;}
.top-banner-wrapper .table_cell .text-howbuy-box-bank input {float: left;margin-top: 5px;}
.top-banner-wrapper .table_cell .text-howbuy-box input {float: left;margin-top: 5px;}
.top-banner-wrapper .table_cell .text-howbuy-box-bank img {margin: 0px 8px;}
.top-banner-wrapper .table_cell .text-howbuy-box img {margin: 0px 8px;}
.top-banner-wrapper .table_cell .text-howbuy-box-bank li {padding: 8px 0 8px 12px;}
.top-banner-wrapper .table_cell .text-howbuy-box li {padding: 8px 0 8px 12px;}

.table_row.submit{text-align:center;}

/*** delivery_status_main.php ***/
#p_howbuy .noticebox{width: 780px;display: block;margin:8px auto 0;text-align:center;}



/*** contact.php ***/
#p_contact .notice{width:90%;max-width: 780px;display: block;margin:8px auto 0;text-align:center;letter-spacing:1px;}
#p_contact .verticalbar{padding:0 10px;}
#p_contact .top-banner-wrapper .text-bank-notice{text-align:left;}
#p_contact .top-banner-wrapper .text-paypal {background: #dc3545;margin: -24px 0 0 0;padding-left: 12px;    width: fit-content;padding-right: 12px;}
#p_contact .top-banner-wrapper .text-paypal-box {border: 1px solid #dc3545;text-align:left;background:#dc354520;padding: 0 20px;}
#p_contact .top-banner-wrapper .text-paypal-box h3{margin-top: 10px;color:#dc3545;}

#p_contact .top-banner-wrapper .text-paypal.line {background: #06C755;}
#p_contact .top-banner-wrapper .text-paypal-box.line {border: 1px solid #06C755;background:#06C75520}
#p_contact .top-banner-wrapper .text-paypal-box.line h3{color:#06C755;} 

#p_contact .top-banner-wrapper .text-paypal.paypal {background: #1e4a88;}
#p_contact .top-banner-wrapper .text-paypal-box.paypal {border: 1px solid #1e4a88;background:#1e4a8820;}
#p_contact .top-banner-wrapper .text-paypal-box.paypal h3{color:#1e4a88;} 

#p_contact .top-banner-wrapper .text-paypal.intime {background: #000;}
#p_contact .top-banner-wrapper .text-paypal-box.intime {border: 1px solid #000;background:#00000020;}
#p_contact .top-banner-wrapper .text-paypal-box.intime h3{color:#000;} 

#p_contact .top-banner-wrapper {background: #f9f9f9;border-radius: 5px;padding: 0 20px 20px;border: 1px solid #eee;} 






.collection-filter-block{
	border: 1px solid #ccc;
    background-color: #f3f4f6;
    border-radius: 5px;
}
.collection-collapse-block .collection-accordion .accordion-item .accordion-header .accordion-button {
    background: none;
}
/*** howbuy.php ***/
#p_howbuy section,
#p_catalog section{padding-top:0;}
#p_howbuy .container{}
#p_howbuy section .product-page-details.product-form-box,
#p_orders-detail .top-banner-wrapper,
#p_notifypay .top-banner-wrapper,
#p_paypal .top-banner-wrapper,
#p_register .top-banner-wrapper,
#p_profile .top-banner-wrapper,
#p_contact .top-banner-wrapper,
#p_catalog section .product-page-details.product-form-box{
	padding: 45px 36px 20px;
    border-radius: 5px;
	overflow:hidden;
	border: 1px solid #ccc;
	box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.3);
	width:100%;
}
#p_howbuy .collection-collapse-block .collection-accordion .accordion-item .accordion-body {/*max-height: 160px;*/}
#p_notifypay .top-banner-wrappe{margin-bottom:50px;}
#p_contact .top-banner-wrapper{padding-top:0;padding-bottom:40px;margin-bottom:0;}
#p_register .top-banner-wrapper{width:100%;margin-bottom: 0;}
#p_register .product-page-details.product-form-box{border:0;}
#p_register .table_row > .table_small.submit > .table_cell > input {background:#ff9944;color:#fff;font-weight:bold;}






/*** signin.php ***/
/*#p_signin .breadcrumb-section{background:#f3f4f6}*/

#p_howbuy .inputbox,
#p_signin .inputbox{
	width: 320px;
	display: block;
	margin: 18px auto 18px;
	letter-spacing: 2px;
	padding: 12px 20px 20px;
	border-radius: 5px;
    background: #f0f0f0;
    box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.3);
    border: 1px solid #ff9944;}

#p_signin .inputbox .headline{text-align:center;margin-bottom:5px;}
#p_signin .inputbox .email{}
#p_signin .inputbox .email input,
#p_register .table input,
#p_signin .table input{
	display: block;
    width: 100%;
	max-width:325px;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-body-color);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--bs-body-bg);
    background-clip: padding-box;
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: 4px;
    transition: border-color .15sease-in-out, box-shadow .15sease-in-out;
}
#p_signin .inputbox .email label.error {
    width: 100%;
    text-align: center;
    color: #d72828;
    margin: 10px 0 0 0;
	background: #d7282822;
	border-radius:4px;
	padding: 6px 0;
}
#p_signin .inputbox .submit{}


#p_howbuy .inputbox input.btn,
#p_signin .inputbox .submit input{
	color: #fff;
    background-color: #d72828;
    border-color: #ac2424;
	width: 100%;
    margin-top: 10px;
	padding: 12px 0;
    border-radius: 4px;
	font-size: 18px;
}
#p_signin .inputbox .submit input:hover{
    border-color: var(--bs-btn-hover-border-color);
	-webkit-transition: 0.3sease-in-out;
    transition: 0.3sease-in-out;
}
#p_signin .table .submit{}
#p_signin .table .submit input{
	display: block;
    width: 100%;
    max-width: 325px;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #dc3545;
    background-clip: padding-box;
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: 4px;
    transition: border-color .15sease -in-out, box-shadow .15sease -in-out;
}


#p_signin .btn-submit{width: 100%;margin-top: 10px;}

#p_signin .notice-alert {color: #d72828;}


#p_signin .notice{width:90%;max-width: 780px;display: block;margin:8px auto 0;text-align:center;letter-spacing:2px;}

#p_signin .notice hr{max-width: 320px;margin:15px auto;border: 1px dotted;}

#p_signin .verticalbar{padding:0 10px;}
#p_signin .top-banner-wrapper .text-bank-notice{text-align:left;}
#p_signin .top-banner-wrapper .text-paypal {background: #dc3545;margin: -24px 0 0 20px;}
#p_signin .top-banner-wrapper .text-paypal-box {border: 1px solid #dc3545;text-align:left;background: #fff;}
#p_signin .top-banner-wrapper .text-paypal-box h3{margin-left:20px;margin-top: 10px;color:#dc3545;} 

#p_signin .top-banner-wrapper .text-paypal.line {background: #06C755;}
#p_signin .top-banner-wrapper .text-paypal-box.line {border: 1px solid #06C755;}
#p_signin .top-banner-wrapper .text-paypal-box.line h3{color:#06C755;} 

#p_signin .top-banner-wrapper .text-paypal.paypal {background: #1e4a88;}
#p_signin .top-banner-wrapper .text-paypal-box.paypal {border: 1px solid #1e4a88;}
#p_signin .top-banner-wrapper .text-paypal-box.paypal h3{color:#1e4a88;} 

#p_signin .top-banner-wrapper .text-paypal.intime {background: #000;}
#p_signin .top-banner-wrapper .text-paypal-box.intime {border: 1px solid #000;}
#p_signin .top-banner-wrapper .text-paypal-box.intime h3{color:#000;} 

#p_signin .top-banner-wrapper {/*background: #f3f4f6;border-radius: 5px;padding: 0 20px 20px;border: 1px solid #eee;*/} 



/*** myorders.php start ***/
#p_myorders .breadcrumb{margin-bottom:8px;}
#p_myorders .notice{margin-bottom:15px;display:block;}
#p_myorders .notice a,
#p_myorders .pagination a,
#p_myorders a.cart-moreoder{color:#FE6E00;}
#p_myorders .totalrecords{text-align:right;}

#p_myorders .pagination{}
#p_myorders .top-banner-wrapper{margin-bottom:50px;}
/*** myorders.php end ***/

#p_orders-detail .notice a{color:#FE6E00;}
/*** mycart.php #top .mycart ***/
#mySpan h1 {
    background:green;
    font-size: 24px;
    padding: 30px 20px;
    border-radius: 5px;
	margin: 0 10px 5px;
}
#mySpan h1 font{color:#fff!important}
#mySpan h2 font{color:#b92822!important}
#mySpan h2 {font-size:18px;}
#mySpan h2:first-child {margin-top:20px;}
#mySpan h2:first-child font{color:green!important;}


.skipfree {
    padding: 18px 15px 15px;
    display: block;
    background: #ff9944;
    border-radius: 5px;
    margin-top: 20px;
}

.skipfree h4{
	color: #222;
    font-weight: bold;
    font-size: 18px;
}
.product-loop-alert-mobile{display:none;}







/*** floating cart ***/
.cart-floting{
	width:100%;
	text-align: center;
	position: fixed;
	bottom: 20px;
    z-index: 9;
}
.cart-floting i{margin-right: 6px;}
.cart-floting .cart-floting-container{
    background: #fff;
    height: 30px;
    box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.3);
    border-radius: 50px;
    border: 1px solid #ff9944;
    padding: 3px 4px 3px 12px;
    font-size: 18px;
    line-height: 20px;
    font-weight: bold;
    color: #ff9944;
	width: fit-content;
    margin: 0 auto;
}
.cart-floting .counter{
	float: right;
    background: #ff9944;
    padding: 1px 8px;
    border-radius: 50px;
	color: #fff;
    font-size: 14px;
    font-weight: bold;
}






















.post-registered{}
.post-registered:hover{}
.post-ems:hover{}

.post-radio [type="radio"] ~ label{
	border-radius: 5px;
    padding: 6px;
	box-shadow: 2px 2px 5px 2px rgba(0,0,0,0.15);
	text-align:left;
	width:100%;
	border: 4px solid #fff;
	background: #fff; 
}
.post-radio [type="radio"]:checked ~ label{
	border: 4px solid #ff9900;
}
.post-ems img,
.post-registered img{
	width:170px;
	border-radius: 3px;
	float: left;
}
.post-radio [type="radio"] {
    display: none;
}
.post-ems img{
background: #ddd;
    padding: 5px;
}
.post-registered img {
    padding: 7px 0;
    background: #b92821;
}
.post-sub{
	margin-left:10px;
	float:left;
}
.post-cost {
    color: #ff0000;
    margin-top: 50px;
}
.post-sub-head{
	font-size:16px;
}
.post-sub-free{
	background: #008000;
    color: #fff;
    padding: 1px 5px;
    border-radius: 4px;
}
.top-banner-wrapper.shipment{
	background: #f3f4f6;
    padding: 10px 0 10px;
    margin: 0;
	/*border-radius:8px;
	border: 1px solid #ccc; - mycart.php conflict 2025/05/23 */
}
.top-banner-wrapper.wrapper-submit{
	border-radius:5px;
	border: 1px solid #ff9944;
}
.top-banner-wrapper.moreoder{
	margin: 0;
	overflow:hidden;
	/*background: #b92821;*/
	background: #ffdada;
	color:#fff;
	padding: 12px;
	letter-spacing: 1px;
	color: #b92821;
}
.top-banner-wrapper.shipment h3{
	font-size: 28px;
    margin-bottom: 18px;
    font-family: 'Sarabun';
    font-weight: 700;
	color:#333;
}
.total-price{
	font-size:36px;
	font-family: 'Sarabun';
	font-weight: 900;
}
.total-price-label{
	font-size: 18px;
    font-family: 'Sarabun';
    font-weight: 700;
    line-height: 1;
}
.total-price-td{
	text-align:right;
}

.moreorder-td {
    padding: 0;
    /*border: 2px solid #b92821!important;*/
}

.moreorder-smalllot{color: #b92822; font-weight: 800; font-size: 18px;}
.moreorder-shippingdiscount{color: #b92822; font-weight: 800;}
.moreorder-freeorder{color: #b92822; font-weight: 800;}
.moreorder-freeorder span{text-decoration:underline;}

.btn-coupon{
	border: 1px solid;
    border-radius: 4px;
    background: #ddd;
	margin-top: -5px;
    margin-left: 5px;
	width: 115px;
}
.btn-coupon:hover{
	border: 1px solid;
    background: #ccc;
}
.textbox-coupon{
	border: 1px solid;
    border-radius: 4px;
	padding-left:10px;
    height: 34px; 
	width: calc(100% - 165px);
}
.coupon-textbox{
	text-align:left;
	margin-top: -3px;
}

.btn-submit-boss{
	margin-top: 21px;
	text-align:right;
}
.btn-submit-boss button{
	background: #b92822;
    color: #fff;
    padding: 12px 24px;
    border-radius: 4px;
    font-size: 18px;
    display: block;
    text-align: center;
    margin-top: -12px;
    width: 100%;
}
.btn-submit-boss button,
.btn-submit-boss input{
	border-radius:4px;
}

/*** mycart.php - shipment ***/
.product-loop-alert-desk h4 {
	color: #fff;
	margin: 4px 0;
}
	
.shipment-td{padding:0;}
#shipment-bg{
	-webkit-transition: background-color .3s linear;
    -moz-transition: background-color .3s linear;
    -o-transition: background-color .3s linear;
    -ms-transition: background-color .3s linear;
    transition: background-color .3s linear;
	transition-delay: 2s;
}

#shipment-bg.blink{
	animation: blink 1.8s infinite 2s;
	/*animation-duration: 5s;*/
}
#shipment-anchor{
	padding-top: 100px;
    margin-top: -100px;
}

#shipment-h3-color{}
#shipment-h3-front{}
#shipment-h3-last{}


.text-shipment a{
	background: #b92822;
    color: #fff;
    padding: 12px 24px;
    border-radius: 4px;
    font-size: 18px;
    display: block;
    text-align: center;
	margin-top: -20px;
}

.btn-cart-top{padding-bottom:45px;}
.btn-cart-top button{border-radius:4px}
.btn-cart-top-left{float:left}
.btn-cart-top-middle{float:right}
.btn-cart-top-right {float: right;margin-right: 10px;}



@keyframes blink {
  from { 
	background-color: #f3f4f6;
  }
  to {
	  background-color: #ffdada; 
	}
}



.animate-spin {
  animation: spin 1s linear infinite;
  display: inline-block;
  line-height: normal;
}

@keyframes spin { 
  from {
    transform: rotate(0deg); 
  }
  to {
    transform: rotate(360deg);
  }
}


.cart-moreorder-td{
	font-size: 20px;
    padding: 42px 0;
}
.cart-moreoder{
	text-decoration:underline;
	Color:#b92822;
}



.free-container{
	border-radius:8px;
	background:#f3f4f6;
	padding:20px;
	text-align:center;
	margin-bottom:20px;
	border: 1px solid #ccc;
}

.free-container h4{
	font-weight:600;
}
.free-container hr{
	margin:12px 0;
}

.free-container button{
	background: green;
    padding: 8px 16px;
    border-radius: 4px;
	margin:8px 0;
	color: #fff;
    font-weight: bold;
	border: 0;
	min-width: 300px;
}





 
/* Footer */
footer {position: unset;margin-bottom:0!important;margin-top:50px;color:#fff;}
footer .col {border-left: 1px solid #38352f;}
footer .footer-categories .col:first-child{border:0}
footer .darken-layout .sub-title h4 {color: #ff9944;font-size: 18px;text-align:left}

footer .section-b-space{padding-bottom:50px;}
.section-b-space{padding-bottom:30px;padding-top:30px;}
.footer-theme .footer-logo img{height: 90px; margin: -20px 0 0 -10px;}
.footer-theme .footer-logo img{display: block;margin: auto;}
.footer-theme .footer-logo{text-align: center;font-weight: 600;padding-top: 42px;margin-bottom: 5px;}
.footer-theme .footer-logo a{color: #eee;}

.footer-theme .sub-title1{margin-bottom: 25px;margin-top: -20px;}
.footer-theme .sub-title p{line-height: 1.5;margin-top: 12px;}
.footer-theme .contact-list {/*margin-bottom: 10px;*/margin-left: 18px;}
	
.t-bt1{padding:0 5px!important;}
.t-bt2{padding:0 5px!important;}
footer .footer-title{margin-bottom:10px;font-size:18px;letter-spacing: 1px;font-weight: bold;text-transform: uppercase;}
.footer-theme .footer-title.last{border: 0;}
.footer-content button {color: #fff!important;font-size:15px;}
.footer-content button i{position: relative;top: 2px;font-size: 18px;margin-left:10px;}
.footer-theme .sub-title li{padding-top: 8px;}
footer .contact-list {margin-top:5px}
.footer .sub-title .contact-list i{top:12px}

footer .payment-card-bottom a{color:#fff;}
footer .payment-card-bottom i{margin-left:15px;margin-right: 5px;}
.footer-theme .col{margin-bottom:30px;}
.bg-img-gym.overlay-cls{background-color:#212121;}




/*** products.php ***/
.page-head{float: left; margin-left: 10px;}
.container.products{height: 50px; margin-top: 40px;display:table;}
.product-pagination .pagination{gap:5px;}

/*** detail.php ***/
#product-single .basic-product.detail-left .label_order_type{padding:10px 10px 10px 40px;font-size:18px;}
.product-page-details .main-title{letter-spacing:0;}


/*** Test New Style ***/
.collection-collapse-block.open{border-radius:8px;}
.sticky-details{top:75px;}
.collection-collapse-block .collection-accordion .accordion-item .accordion-header .accordion-button{font-size:18px;}
.collection-collapse-block .collection-accordion .accordion-item .accordion-body .collection-listing li .form-check{font-size:16px;}
.leftmenu li .form-check a:before {
    position: absolute;
    content: "";
	margin-top: 28px;
	margin-left: 18px;
    height: 2px;
    width: 0;
    background-color: var(--theme-color);
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease;
}
.leftmenu li .form-check:hover a:before {
    width: calc(100% - 68px);
    height: 2px;
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease;
}

















.sticky-bottom-cart .container{
	background: #fff;
    border: 1px solid #ff9944;
    border-radius: 8px;
    padding: 10px;
	box-shadow: 1px 1px 3px 3px rgba(0, 0, 0, 0.15);
}
.sticky-bottom-cart .tap-top{
	border-radius: 4px;
    position: relative;
    float: right;
    bottom: 0;
    right: 0; 
}
.desTxt{
	width: 100%;
    text-align: left;
	padding: 0;
}
.desTxt ul {
    background: #fafafa;
    padding: 10px;
}
.desTxt li {
    display: block;
	padding: 8px;
}
.sticky-bottom-cart .cart-content{
	box-shadow: 2px 2px 15px 0px rgba(0, 0, 0, 0.2);
    border: 1px solid #ff9944;
    border-radius: 5px; 
}
.sticky-bottom-cart select { 
    height: 32px;
    border: 1px solid #999;
    border-radius: 4px;
	color:#222; 
}
.sticky-bottom-cart .btn-solid {
	background: #ff9944;
    border-radius: 5px;
    font-size: 20px;
    padding: 15px 10px;

}
.sticky-bottom-cart input{
	background:#ff9944;margin-right:6px;border-radius:5px;
	padding: 13px 29px;
	color: #fff;
	letter-spacing: 0.05em;
    font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
	border: 2px solid var(--theme-color);
	line-height: 20px;
    text-transform: capitalize;
	font-weight: 600;
	
}
.sticky-bottom-cart input.payforfree{
    max-width: 170px;
    letter-spacing: 0;
    white-space: break-spaces;
    padding: 0px 25px;
    height: 49px;
}
#product-single section.product-warper{padding-top:100px;}
 
.sticky-bottom-cart .product-image .content h5{margin-bottom:8px;}

.buy-related {
	width:100%;
	margin: 12px 0 0;
    width: 100%;
    background: #fff;
    padding: 20px 15px 15px;
    border-radius: 5px;
    border: 1px solid #ff9944;
	border-radius: 5px;
    background: #fff;
}
.buy-related .card {display:block;}
.buy-related h4{
	margin: 0;
    font-size: 20px;
    font-weight: bold;
    color: #ec8951;
	line-height: inherit;
    letter-spacing: 0;
} 
.buy-related .product-title a{letter-spacing:0;} 
/*.buy-related .product-box:nth-child(2) form{border:0;}*/
.buy-related form{
	margin-top: 10px;
    border-top: 1px dotted #bbb;
    padding: 10px 0 0;
} 
.buy-related .img-wrapper{float:left;overflow:hidden;width:100%;}
/*.buy-related img.related{width:105px;height:135px;object-fit:cover;} */
.buy-related img.related{width:105px;height:auto;} 
.buy-related .basic-product{padding:0;margin:0;}
.detail-left.basic-product.o-option{border:1px solid #ff9944;border-radius:5px;padding:5px 15px 15px;margin-bottom:20px;background:#fff;width:100%;}
.buy-related .basic-product .product-title{
	text-align: left;
    font-size: 15px;
    max-height: 45px;
    margin: 0;
    height: auto;
	letter-spacing:0;
	
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    @supports (-webkit-line-clamp: 2) {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: initial;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
    }
}
.buy-related .product-code{text-align:left;}
.buy-related .product-type{text-align:left;}
.buy-related .basic-product .product-add{float: left;margin-top:7px;width:calc(100% - 120px);max-width:180px;position:relative;text-align:left;}
.buy-related .basic-product .product-add button{padding:6px 0px;}
.buy-related .basic-product .product-add input{padding:6px 6px;}
.buy-related .t-product-box-type {width:calc(100% - 120px);color:#222;float:left;}
.buy-related .t-product-box-type select{width:100%;color:#222;max-width:180px;}

.title-timer {
	width:100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.title-timer .title {
    font-size:    calc(16px + (24 - 16) * ((100vw - 320px) / (1920 - 320)));
}
.title-timer .timer{
	text-align: center!important;
    width: 100%;
    border-radius: 5px;
	margin-bottom: 30px!important;
}
.timer span .padding-l{
	right:-50%; 
}
#product-single .border-product{width:100%}
#product-single .border-product .product-box{padding:10px}
#product-single .border-product .basic-product{
	padding: 0;
    background: #f0f0f0;
    border-radius: 4px;
    border: 1px solid #ccc;
	display: inline-block;
}
#product-single .border-product form{padding:0}
#product-single .border-product h2{font-size:22px;text-align:left;color: #ff9944;}
#product-single .border-product a{color: #ff9944;}
#product-single .border-product .category-title{float:left}
#product-single .border-product .collection-grid-view{float:right}
#product-single .border-product .product-filter-content{border-bottom:1px solid #ff9944; display: inline-block;}
#product-single .border-product .basic-product .img-wrapper{width:145px;float:left;margin-right:10px;border-radius: 4px 0 0 4px;}
#product-single .border-product .basic-product .img-wrapper img{width:100%;}
/*#product-single .basic-product .product-title{text-align:left;margin-bottom:0;margin: 5px 0;height: 50px;}*/
#product-single .basic-product.theme-product-1 .product-detail>div{padding: 10px 0 0 0;}
#product-single .basic-product .product-title a{line-height:1.4;color:#333;}
#product-single .border-product .basic-product .product-code {
    background: #000;
    color: #fff;
    padding: 5px 10px;
    border-radius: 4px;
    font-weight: 600;
    float: left;
    font-size: 12px;
}
#product-single .border-product .basic-product .product-type select {
    height: 30px;
    border-radius: 4px;
    border: 1px solid #ccc;
    font-weight: 500;
    text-align: center;
    float: left;
	margin: 8px 0;
    width: calc(100% - 165px);
	
}
#product-single .border-product .basic-product .product-add {
    text-align: center;
    float: left;
    width: calc(100% - 165px);
}

#product-single .basic-product .product-add button{
	
}
.product-page-details .product-buttons .btn{
	background: #ff9944;
	width:100%;
}

#product-single .main-container {
    background: #f0f0f0;
    border-radius: 6px;
    padding: 20px;
    box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.3);
    margin: 0 auto 50px;
	border: 1px solid #ff9944;
}
#product-single .title1 .title-inner1{margin-bottom:0;}
#product-single  .label_order_price{font-weight:bold;}
#product-single .breadcrumb-section{
	padding: 110px 0 0;
    margin-bottom: 0;
}

.breadcrumb-section h2{font-weight: 800;line-height: inherit;}
#product-single .img-cover-block{border-radius:5px;overflow:hidden;}
#product-single .img-cover-element{border-radius:5px 5px 0 0;overflow:hidden;}
#product-single .img-cover-element-nhead{border-radius:5px;overflow:hidden;}
#product-single .img-cover-element-whead{border-radius:0 0 5px 5px;overflow:hidden;}

#product-single .zoomContainer {border-radius: 5px; overflow: hidden;}
#product-single .img-cover-alert{
	border: 2px solid #ff9944;
    border-radius: 5px;
    margin-bottom: 5px;
}
.product-page-details.product-form-box{padding:0;border:0;position:unset;}


/*** test selection ***/

a {
	text-decoration: none;
}
ul {
	list-style-type: none;
}

.desTxt section{padding: 0}



.radio-section {
	display: flex;
	align-items: center;
	justify-content: center;
}
.owl-item .radio-section {
	display: block;
	text-align: left;
	padding: 8px 8px 0;
}
.radio-section{display: block;text-align: left; padding: 8px 8px 0;letter-spacing:0;}

.radio-item [type="radio"] {
	display: none;
}
.radio-item + .radio-item {
	margin-top: 15px;
}
.radio-item label {
	display: block;
	padding: 20px 110px 20px 60px;
	background: #fafafa;
	border: 1px solid #ccc;
	border-radius: 8px;
	cursor: pointer;
	font-size: 18px;
	font-weight: 400;
	min-width: 250px;
	white-space: nowrap;
	position: relative;
	transition: 0.4s ease-in-out 0s;
}
.radio-item label:after,
.radio-item label:before {
	content: "";
	position: absolute;
	border-radius: 50%;
}
.radio-item label:after {
	height: 19px;
	width: 19px;
	border: 2px solid #ff9944;
	left: 19px;
	top: calc(50% - 12px);
}
.radio-item label:before {
	background: #ff9944;
	height: 20px;
	width: 20px;
	left: 19px;
	top: calc(50% - 12px);
	transform: scale(5);
	opacity: 0;
	visibility: hidden;
	transition: 0.4s ease-in-out 0s;
}
.radio-item [type="radio"]:checked ~ label {
	border-color: #ff9944;
}
.radio-item [type="radio"]:checked ~ label::before {
	opacity: 1;
	visibility: visible;
	transform: scale(1);
}

/*
.border-product-bundle .t-product-box{display: none;}
.border-product-bundle .t-product-box:nth-child(1),
.border-product-bundle .t-product-box:nth-child(2),
.border-product-bundle .t-product-box:nth-child(3){
    display: flex;
}
*/
.border-product-bundle .t-product-box .box-prodL{width: 90px;margin-right: 10px;}
.border-product-bundle .t-product-box img{aspect-ratio: unset;}

.border-product-bundle .t-product-box .box-prodL.t-product-box-title{width: calc(100% - 100px);margin: 0;}
.border-product-bundle .t-product-box .box-prodL.code-color1 {width: unset;display: none;}
.border-product-bundle .t-product-box .box-prodL.t-product-box-add {width: 150px;}
.border-product-bundle .t-product-box .t-product-box-type.box-prodL {width: calc(100% - 120px);text-align: left;padding-bottom: 5px;margin-top: 5px;}
span.label_order_price {
    background: #ff9944;
    padding: 6px 12px;
    border-radius: 4px;
    float: right;
    right: 8px;
    position: absolute;
    top: calc(50% - 19px);
    height: 38px;
}
.desTxt.code-color.txtBold {
    background: #000;
    padding: 5px 10px;
    border-radius: 4px;
    width: fit-content;
    color: #fff;
	margin-bottom: 15px;
}
.desTxt.code-color.txtBold .code-color1 {color: #ff9944;}
.product-page-details .shipping-info{display: block;padding-right: 20px;}
.product-page-details .shipping-info > li {/* padding-left:16px */}
.product-page-details .shipping-info > li > li{margin-left:-16px}
.product-page-details .product-summary{padding:0 20px}
.product-page-details .bordered-box{margin-top: 0;margin-bottom: 30px;display: inline-block;}







.owl-item input{margin-right: 3px!important;}
.owl-item label{width: 100%;}
.owl-item .label_order_price-f{float: right;position: absolute;width: max-content;right:2px;}

.product-wrapper-grid input{margin-right: 3px!important;}
.product-wrapper-grid label{width: 100%;}
/*.product-wrapper-grid .label_order_price-f{float: right;position: absolute;width: max-content;right:2px;}*/






/*** BR Control***/
.br-control-minwidth-1200{}
.br-control-minwidth-992{}
.br-control-minwidth-768{}
.br-control-minwidth-578{}



	#product-single .title1.timer .title-inner1{font-size:22px;}
	#product-single .title1.timer .title-inner1 {margin-bottom:12px;}

#p_contact .product-page-details.product-form-box,
#p_notifypay .product-page-details.product-form-box
{border:0;}

/*** hide on ipad portrait start ***/
@media only screen and (min-height: 1194px) and (orientation: portrait){
	.buy-related{display:none;}
}
/*** hide on ipad portrait end ***/

/*** keyframe start ***/
@keyframes heartbeat {
  0% 	{transform: scale( 1.02 );}
  20%	{transform: scale( 1 );}
  40%	{transform: scale( 1.02 );}
  60%	{transform: scale( 1 );}
  80%	{transform: scale( 1.02 );}
  100%	{transform: scale( 1.02 );}
}
/*** keyframe end ***/


@media (min-width: 1430px) {
	
	.sidenav,			
    .sidenav.open-side 	{left:calc(50% - 700px);}
	.autocompletecontainter        {left:calc(50% - 490px)!important;width:1050px;}
	.autocompletecontainter.sticky {width:1108px;left: calc(50% - 551px)!important;}
	
	
}




@media (max-width: 1199px) {
    .mobile-1199{display: block!important;}
	.mobile-1199 i.ri-checkbox-blank-fill:before {color: #ddd;}
	.t-product-box.col-xl-4.col-grid-box {flex: 0 0 auto;width: 50%;}
	.mobile-1199-hide{display: none}
	.add_to_cart.top .cart-inner, .add_to_cart.bottom .cart-inner{height:auto;} 
	.add_to_cart.top, .add_to_cart.bottom{height:auto;left:0;top:-500px;}
	.toggle-nav {display: none;}
	
	/*** mycart.php -> shipment ***/
	.post-ems img, .post-registered img {width: 100%;}
	
	/*** detail.php ***/
	.product-page-details .shipping-info{padding:0;}
	.product-page-details .product-summary{padding:0;}
	
	.product-page-details .product-buttons .btn,
	.product-page-details .product-buttons .btn-animation i {font-size: 24px;}
	
	#product-single .basic-product.detail-left .label_order_type{font-size:16px;}
	#product-single .basic-product.detail-left input {margin-top: 12px;}
	
	.buy-related 							{padding: 20px 10px 10px;}
	.buy-related .label-free 				{width:calc(100% - 120px);}
	/*.buy-related .basic-product .product-add{width:calc(100% - 120px);}*/
	
	.collection-collapse-block.open {padding:10px;}
	.accordion-button{padding:8px 0;}
	
	
	/*** howbuy.php ***/
	#p_howbuy .top-banner-wrapper img{width:600px;}
	#p_paypal .top-banner-wrapper img{width:600px;}
	#p_howbuy .top-banner-wrapper .text-paypal,
	#p_paypal .top-banner-wrapper .text-paypal{width: 600px;font-size: 18px;margin-top: -21px;}
	
	
	
	
	
	/*** menu ***/
	nav .container{width:960px;padding:0;}
	.sidenav{left: calc((100% - 960px) / 2);}
	.sidenav.open-side{left: calc((100% - 960px) / 2);}
	.mega-box {width: 20%;padding: 0 12px;}
	
	/*.mega-box .pixelstrap ul a:before{display:none;}*/
	
	.pixelstrap li a{line-height:normal!important;}
	
	
	.pixelstrap li:last-child{margin-bottom:0;}
	.mega-box.top-menu .link-section .menu-title h5::before,
	.mega-box.right-menu .link-section .menu-title h5::before {
		content: "";
		position: absolute;
		bottom: -10px;
		width: 36px;
		height: 2px;
		background-color: #ff9944;
		left: 0;
	}
	
	
	
	.mega-box.top-menu .link-section .menu-title h5::before {background-color: #fff;}
	.mega-box.top-menu .link-section .menu-title {margin-top: 0;}
	.mega-box.top-menu .link-section .menu-title h5{font-size: 16px;margin-bottom: 6px;padding-top: 4px;width: 100%;}
	.mega-box.top-menu .link-section ul {padding-Left: 8px;}
	.mega-box.right-menu .link-section .menu-title h5{/*margin-bottom: 24px;*/}
	.mega-box.right-menu .link-section .menu-content a{margin: 10px 0 0;}
	.mega-box.right-menu .link-section .menu-content a::before{display:none;}
	
	.pixelstrap .link-section{margin-left: 5px;}
	.pixelstrap .link-section .menu-title .according-menu:before{display:none;}
	.pixelstrap .link-section .menu-content a{margin-left:0;}
	.pixelstrap .right-menu .link-section{margin-top:7px;}
	
	.mega-box {width: 33.33333%;}
	.menu-bottomleft {padding-left: 20px;}
	.menu-top{
		/*background: #fff4e9;*/
		border-bottom: 1px solid #ff9944;
	}
	
	
	/*** home.php ***/
	.slick-product-wrapper-grid .slick-slide {/*width: 320px !important;*/}
	
	
	

}


@media (max-width: 991px) {
	
	.autocompletecontainter {left: calc(50% - 294px) !important; width: 632px;}
	.autocompletecontainter.sticky {left: calc(50% - 345px) !important;width: 682px;}
	
    .top-header .header-contact {display: block;}
	.mobile-991-hide{display: none}
	.collection-product-wrapper .product-top-filter .product-filter-content>div {
        width: initial;
	}
	
	/*** Modal ***/
	.modal.fade .modal-dialog{max-width:90%;}
	
	/*** mycart.php ***/
	
	
	
	/*** mycart.php -> shipment ***/
	.post-ems img, .post-registered img {width: 100px;}
	.post-registered img {padding: 13px 05px;}
	.post-ems img {padding: 11px 05px;}
	
	/*** detail.php ***/
	.sticky-bottom-cart .product-image{width:calc(100% - 160px);}
	.sticky-bottom-cart .product-image .content {width: calc(100% - 100px);}
	.sticky-bottom-cart .product-image .content h5{
		overflow: hidden;
		text-overflow: ellipsis;
		white-space:nowrap;
		overflow:hidden; 
	}
	.sticky-bottom-cart .cart-content .btn-solid{font-size:20px}
	.sticky-bottom-cart .container .product-title{max-width:calc(100% - 300px);}
	
	.product-right-box.product-form-box {margin-bottom:0;}
	.buy-related h4{Font-size:18px}
	
	
	
	/*** howbuy.php ***/
	#p_howbuy .top-banner-wrapper img {width: 360px;}
	#p_paypal .top-banner-wrapper img {width: 360px;}
	#p_paypal .top-banner-wrapper .text-paypal{width: 360px;font-size: 16px;}
	#p_howbuy .top-banner-wrapper .text-paypal {
        width: 360px;
        font-size: 16px;
        margin-top: -32px;
    }
	.top-banner-wrapper .text-bank-notice{Font-size:12px;}
	.product-page-details {margin-top: 0;}
	
	/*** /delivery_status_main.php ***/
	#p_howbuy .noticebox {width: 680px;}
	
	
	
	/*** menu ***/
	.sidenav{left: calc((100% - 720px) / 2);}
	.sidenav.open-side{left: calc((100% - 720px) / 2);}
	.mega-box.top-menu .link-section ul li{padding:0;}
	
	
	
	
	
	/*** catalog.php ***/
	    .collection-collapse-block.open {background-color: unset;}
		#p_howbuy section .product-page-details.product-form-box, #p_catalog section .product-page-details.product-form-box { padding: 25px;}
	
	
	/*** notifypay.php ***/
	#p_notifypay .top-banner-wrapper{padding: 0px 12px 12px;}
	.table_row > .table_small > .table_cell:nth-child(odd){width: 35%;}
	.form-control.datepicker, .form-control.orderid, .form-control.amount, .form-control.name, .form-control.tel, .form-control.mail, .form-control.comments, #p_notifypay .btn.btn-danger{width:100%}
	.form-control.time{width:calc((100% - 25px) / 2);}
	
	/*** contact.php ***/
	p_contact .top-banner-wrapper h3{letter-spacing:0;font-size:20px;}
	#p_contact .top-banner-wrapper .text-paypal-box h3{font-size:20px;letter-spacing: 0;}
	
	#p_register .top-banner-wrapper {padding: 20px 20px 20px;}
	
	
	
	
}
	



@media (max-width: 767px) {
	
	.autocompletecontainter {left: calc(50% - 194px) !important;width: 411px;}
	.autocompletecontainter.sticky {left: calc(50% - 236px) !important;width: 454px;}
	
	
	

	.toggle-nav {display: block;}
	.mobile-577-hide{display: none}
	.logo-container {margin-right: 10px;}
	.searchbox {margin-right: 10px;}
	.toggle-nav i{font-size: 30px;border: 1px solid;border-radius: 4px;padding: 3px;}
	.footer-theme .sub-title .contact-list i {top:0;margin-right: 5px;}
	
	/*** menu ***/
	.sidenav{left: calc((100% - 540px) / 2);}
	.sidenav.open-side{left: calc((100% - 540px) / 2);}
	
	/*** mycart.php - shipment ***/
	.product-loop-alert-desk h4 {
		text-align: center;
		font-size: 13px;
	}
	    
	
	/*.sticky-bottom-cart .product-image {width: 100%;}*/
	.sticky-bottom-cart .product-image .content{width: 100%;}
	.sticky-bottom-cart select{text-align:center;}
	.sticky-bottom-cart .container .product-title{max-width: calc(100% - 270px);}
	.sticky-bottom-cart .btn-solid{font-size: 16px;padding: 15px 8px;}
	
	
	#p_contact .top-banner-wrapper {padding: 0 20px 20px;}
	#home .breadcrumb-section {padding-top: 85px;}
	
	    table td.cover {
        float: left;
        width: 120px;
        border: 0;
        background: none;
    }
	    table td.list {
        float: left;
        width: calc(100% - 120px);
        border: 0;
        background: none;
    }
	
	.cart-moreorder-td{text-align:center;}
	
	
	/*** footer ***/
	.darken-layout .footer-title, .dark-layout .footer-title{border:0;text-align:center;}
	footer .contact-list li i{margin-right:5px;}
	footer .contact-list .t-bt1,
	footer .contact-list .t-bt2{width:210px;margin-left: calc(50% - 105px);text-align:left;}
	
}


@media (max-width: 991px) and (max-height: 740px) {
	.sidenav.open-side{height:300px;/*left:calc((100% - 552px) / 2);*/top:12px;}
	.sidenav.open-side .font-size{padding-right:5px;overflow:visible;border-radius:6px;}
	#sub-menu{overflow-y:scroll;overflow-x:hidden;border-radius:6px;}
	.sidenav .sidebar-back{right:8px}
	.pixelstrap .top-menu .link-section ul {margin-top:13px;}
	.mega-box.top-menu .link-section ul li a{font-size:14px!important;margin-top:10px;}
	.pixelstrap .link-section ul li a{font-size:14px}
	
	.bestseller-toast{/*top:12px!important;right:calc((100% - 568px) / 2)!important;*/}
	
}
@media (max-width: 767px) and (max-height: 740px) {
	
}




@media (max-width: 577px){
	
		#home .breadcrumb-section{margin-bottom:10px;min-height:120px;}
	
		.sidenav { width:90%;left:5%;}
		
		.sidenav.open-side {left:12px;top:68px;overflow:visible;width: calc(100vw - 24px);height: calc(100vh - 180px);}
		.sidenav nav {padding: 12px;overflow:visible;border-radius: 6px;}
		.sidenav.open-side #sub-menu{overflow-y: scroll;overflow-x: hidden;border-radius: 6px;}
		.mega-box.top-menu .link-section ul li:last-child a {margin-bottom: 0;}
		/*
		.sidenav.open-side {
			left: 12px;
			top: 68px;
			width: calc(100vw - 24px);
			height: calc(100vh - 180px);
			overflow-y: scroll;
			overflow-x: hidden;
			border-radius: 6px;
		}
		
		.sidenav nav {
			padding: 12px;
			overflow:visible;
			border-radius: 6px;
			height: fit-content;
		}
		*/
		
		.sidenav nav .container{padding:0;width:100%;}
		.sidenav nav .container .top-menu{border-radius:4px;}
		.sidenav nav .menu-content-active ul{padding: 0px 10px 5px;;}
		.sidenav nav .menu-content-active ul li  {border-bottom: 1px dotted #fff;padding: 3px 10px;}
		.sidenav nav .menu-content-active ul li:last-child{border:0;margin-bottom:0;}
		.sidenav nav .menu-content-active ul li a{margin:6px 0px 6px;}
		.sidenav nav .sidebar-back{
			margin-top: -30px;
			background: #fff;
			color: #ff9944;
			margin-right: 0;
			padding: 4px 5px 12px 10px;
			top: 0;
			right: 0;
			border-radius: 6px 6px 0 0;
			border: 0;
		}
		.sidenav nav .menu-title .according-menu:before{right:0!important;top:10px;}
		.sidenav nav .menu-title.active .according-menu:before{right:0!important;}
		.sidenav nav .menu-title {padding:0 8px 0 12px;} 
		.menu-right .navbar.category{
			background: unset;
			width: unset;
			height: unset;
			padding: unset;
			border-radius: unset;
		}
		.sticky .menu-right .navbar.category{	height: unset;}
		.pixelstrap .link-section .menu-content a::before{
			left: 0;
			top: 55%;
			height: 2px;
		}
		.pixelstrap a.mycart{width:100%}
		
		.mega-box.top-menu .link-section .menu-title{padding:0;}
		.mega-box.top-menu .link-section ul {padding-Left: 10px;}
		.mega-box.top-menu .link-section .menu-title h5{margin-bottom:8px;}
		
		/*** Stick Header ***/
				.brand-logo{position:unset;}
		.sticky .brand-logo{/*width: 0;*/overflow: hidden;margin:0;}
		.main-menu .menu-left{margin-right:10px}
		
		/*** Menu ***/
		.mega-box{width:100%;}
		.mega-box.top-menu .link-section ul li:first-child a {margin-top: 16px;}
		.pixelstrap .link-section ul{padding-left:12px;margin-top:0;}
		
		.pixelstrap .link-section .menu-title .according-menu:before{display:block;}
		.menu-top{background:none;border:0;}
		.menu-bottomleft {padding-left:12px;}
		
		#p_howbuy section,
		#p_catalog section{padding-top:30px;}
		#p_howbuy section.radio-section,
		#p_catalog section.radio-section{padding-top:0;}

	
	.brand-logo{
		left: 0;
		margin-right: 0;
		-webkit-transform: unset;
        transform: unset;
		-webkit-transition: 0.3s ease-in-out;
		transition: 0.3s ease-in-out;
	}
	.sticky .brand-logo {
		-webkit-transition: 0.3s ease-in-out;
		transition: 0.3s ease-in-out;
	}
	.sticky-bottom-cart input.payforfree{
		max-width:unset;
		margin-top: 10px;
        margin-bottom: 10px;
	}
	
	.autocompletecontainter        , 
	.autocompletecontainter.sticky {
		        left: 28px !important;
        width: calc(100% - 32px);
        position: fixed !important;
        top: 48px !important;
	}
	
	.top-panel-adv{
		display:block;
		padding: 10px 0 0;
		width: calc(100% - 24px);
		margin:auto;
	}
	.collection-product-wrapper .product-top-filter .product-filter-content .collection-grid-view {
		margin-bottom: 0;
	}
	
	.modal.fade .modal-dialog {
        max-width: 100%;
    }
	
	
	/*.breadcrumb-section {padding: 100px 0 0 0;}*/
	.main-menu .brand-logo img {height: 68px;}
	.t-product-box.col-xl-4.col-grid-box {width:90%;}
	.t-product-box img {aspect-ratio:unset;}
	.mobile-1199-hide{display: block}
	.mobile-991-hide{display: block}
	.mobile-480{display: block}
	.mobile-768{display: none}
	
	.space-x-4 > :not([hidden]) ~ :not([hidden]){margin-left:10px!important;}
	.home_filter{padding: 0.4rem 0.7rem !important;}
	
	
	

	
	.anchor_target {padding-top: 100px;margin-top: -90px;}
	.anchor_target h2 {margin-bottom: 0 !important;margin-left: 7px;}
	.home_moremore{margin-top: 30px;margin-bottom: 30px;}
	
	/*** Header V2 ***/
	.header-style-5 .main-menu .brand-logo img {
			height: auto;
			width:140px;							width:180px;
			-webkit-transition: 0.3s ease-in-out;
			transition: 0.3s ease-in-out;
		}
	.sticky .main-menu .brand-logo img{
		width: 0;
		margin-left: -50vw;
	}
	.mega-box .link-section{margin-left:0;}

	.header-style-5 .main-menu .menu-right{margin-left: 12px;}
	.header-style-5 .main-menu .menu-left{width:310px;width:440px}
	.sticky .main-menu .menu-left {width:0;margin:0;	}
	.header-style-5 .marketplace-sidebar.sidenav.fixed-sidebar{top:60px;} 

	.breadcrumb-section h2{font-size: 25px;}
	.top-panel-adv .close-btn{margin-right:0;}
	.top-panel-adv .close-btn i:before{background:#fff;border-radius:50px;color:#ff9944;}
	
	.modal-body .modal-option{width:100%;}
	.modal-title {text-align: center;}
	
	.modal-body .wrap-modal-slider {display: block;}
	.theme-modal-2 .modal-content{width: calc(100% - 8px);margin:42px auto 165px;}
	
	.modal-backdrop {height: 120vh;}
	
	.modal-option.cart-option {
		position: relative;
		margin: 0 auto;
	}
	.modal-body .modal-alert {
		/*
		background: red;
		color: #FFF;
		border-radius: 4px;
		text-align:center;
		padding: 5px 10px;
		margin: 0 auto;
		*/
	}
	/*.modal-body .modal-alert{margin-top:10px;}
	.modal-body .modal-alert,
	.modal-body .modal-code,
	.modal-body .modal-quality,
	.modal-body .modal-language
	{margin-left: 15px;}*/
	
	.modal-cover img.covercover{
		/*** ภาพขยาย แลกกับปกแบบเก่าที่เป็นภาพแนวนอน   ***/
		/*** เปลี่ยนปกให้เป็นขนาดมาตรฐาน จะทำให้เว็บสวยงาม ***/ 
		min-height: auto;
	}
	.modal-body .wrap-modal-slider .box-details{min-height:auto}
	
	
	/*** footer ***/
	footer .footer-title{text-align:center;}
	footer .contact-list{font-size:16px;}
	.footer-subcontent {font-size: 16px;}
	
	
	
	
	.container.c-categories{
		width: 82%;
    background: #000;
    border-radius: 5px;
    margin-bottom: 30px;
    overflow: hidden;
	}
	#product-single .container.c-categories{
		margin-bottom: 150px;
	}
	
	.section-b-space {
    padding-bottom: 10px;
    padding-top: 5px;
	}
	footer .col {border-left:0;}
	.footer-content{margin-bottom:10px;border-bottom:1px dotted #333;padding-bottom:10px;}
	.footer-content.last{margin-bottom:5px;border:0;}
	.sub-footer .payment-card-bottom{display:none;}
	.footer-theme .sub-title h4 {
        font-size: 15px !important;
		width:100%
    }
	.footer-content button i{float:right}


	/*** detail.php ***/
	#product-single .breadcrumb-section{padding: 90px 0 0;}
	#product-single .main-container {width: 93%;padding: 0;}
	#product-single .img-cover-alert {display: none;}
	#product-single .img-cover-element-whead{border-radius:0;}
	.desTxt.code-color.txtBold{margin: 0 auto 15px;}
	.product-page-details .bordered-box{padding:0 20px;border:0;}
	.product-page-details.product-form-box{padding:0 10px 10px;margin:0;}
	.buy-related{background:none;padding:0;border:0;}
	.buy-related h4{font-size:17px;}
	
	.product-page-details .radio-item label {padding: 14px 110px 14px 35px;font-size: 14px;border-radius: 8px;}
	.radio-item label:before,
	.radio-item label:after {left: 10px;top: calc(50% - 10px);}
	#product-single .label_order_price{
		top: calc(50% - 16px);
		height: 32px;
	}
	.radio-container{margin-top:0;}
	.sticky-bottom-cart .add-btn .btn {padding: 5px 12px;}
	.sticky-bottom-cart .container .product-title{width: calc(100% - 77px);overflow: hidden;max-width:100%;margin-top:10px;}
	.sticky-bottom-cart .t-product-box-type{margin-top:8px;width:calc(100% - 77px);}
	.sticky-bottom-cart .container {width: calc(100% - 24px);}
	.sticky-bottom-cart .btn-solid {margin:10px 0 10px;width:100%;font-size:18px;padding:10px 15px;}
	.sticky-bottom-cart .container .product-add {width:100%;top:0;margin-bottom: 0;padding: 0;border: 0;height: auto;}
	.sticky-bottom-cart select {margin: 0;width: calc(100% - 0px);}
	
	#bestseller-3-grid .basic-product {padding: 0 6px 12px;}
	
	
    #product-single .collection-content { padding: 0 18px;    }
    .mycart .collection-content { padding-right:calc(var(--bs-gutter-x) * .5);    padding-left: calc(var(--bs-gutter-x) * .5);    }
	.sticky-bottom-cart .container{padding-bottom:0;}
	.basic-product .product-add button {
		padding: 2px;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
		}
	.sticky-bottom-cart input {
		margin: 10px 0 10px;
		width: 100%;
		font-size: 18px;
		padding: 10px 15px;
	}
	

	

	/*** mycart.php ***/
	.btn-cart-top button{padding:5px;font-size: 12px;}
	
	table td.cover{float:left;width:120px;border:0;background: none;}
	table td.list{float:left;width:calc(100% - 120px);border: 0;background: none;}
	table td.remove img {margin-right: 0;background: none;}
	table tr th:first-child, table tr td:first-child {border-left:0}
	table tr th:last-child, table tr td:last-child {border-right:0}

	table td.quantity,
	table td.price,
	table td.amount,
	table td.remove {
		font-size: 15px;
		float:left;
		width:96%;
		margin-left:2%;
	}
	
	.productwrapper-tr{display:inline-table;background:#f3f4f6;padding: 5px;border-radius: 7px;margin: 0 0 20px;}
	.productwrapper-tr.product-loop-alert{border-color:#b92821;border-radius:5px!important;}
	.top-banner-wrapper.moreoder{}
	.tr-moreorder{padding:0;}
	.product-loop-alert-mobile{display:block;text-align:center;border-radius: 4px; margin: 7px; border: 1px solid #b92821 !important;background:#b92821;border-radius:5px!important;}
	.product-loop-alert-mobile h4{line-height:1.4;color:#fff;font-size: 20px;}
	.product-loop-alert-desk{display:none;}

	/*** shipment ***/
	#shipment-anchor{float:left;width:1%;padding-top: 100px;margin-top: -100px;}
	#shipment-bg{float:left;width:100%;background:none; padding: 15px 5px 5px 5px; border-radius:0;}
	
	.shipment-tr{border-bottom: 0;display:inline-table;width:100%;border-radius: 5px 5px 0 0;}
	.shipment-container{padding:0 5px;;}
	.shipment-row{display:block;}
	.shipment-col {margin-top: 5px;}
	.post-ems img{padding: 10px 05px;}
	.post-registered img{padding: 10px 05px;}
	#shipment-h3-color{font-size:18px;}
	.text-shipment a{margin-top:0;}

	/*** total price***/
	.tr-sum_price{float:left;width:100%;border-radius: 0 0 5px 5px;}
	.total-price-td {width: 50%;padding-top:18px;float: left;border:0;}
	.total-price{float:right;margin-top:-5px;}

	/*** submit ***/
	.wrapper-submit{box-shadow: 1px 1px 3px 3px rgba(0, 0, 0, 0.15);}
	.col-coupon{margin-bottom:15px;}
	.col-submit{flex:none;}
	.textbox-coupon{float:left;width: calc(100% - 120px);}
	.btn-coupon{margin-top:0;float:left;}
	.btn-submit-boss{float:left;width:100%;margin-top:0;}
	.btn-submit-boss button{width:100%;padding:15px;font-size:18px;}
	
	/*** detail.php start ***/
	
	#product-single {}
	.product-page-details .shipping-info {padding: 0 10px 0 20px;}
	.product-page-details .product-summary{padding: 0 10px 0 20px;}
	#product-single .title1 .title-inner1 {margin-bottom: 10px;}
	.timer p > span {font-size:36px;}

	.title-timer .timer{
		border-radius: 0;
		border-left: 0;
		border-right: 0;
	}

	.sticky-bottom-cart .add-btn .btn {padding:8px 0;font-size:15px;margin-right:0;width:100%;}
	.sticky-bottom-cart .add-btn .btn i{position:relative;left:2px;display:block;margin-bottom:8px;font-size: 22px;}
	.stickyCart .wrapper .cart-nav {right:calc(50% - 45px);bottom:150px;box-shadow:unset;}
	.sticky-bottom-cart .cart-content{width:100%;margin:auto;}
	.sticky-bottom-cart .product-image .content{margin:0 8px 0 0;text-align:center;width:calc(100% - 18px);}
	.sticky-bottom-cart .product-image .content h5 {margin-bottom:7px;margin-top:3px;}
	.sticky-bottom-cart .product-image{padding:0;}
	.sticky-bottom-cart .add-btn{padding:0;}
	.sticky-bottom-cart .product-image img{margin-right:8px;border-radius:4px;}
	
	
	/*** detail.php end ***/
	.detail-left.basic-product.o-option{
		border: 0;
		border-radius: 5px;
		padding: 0;
		margin-bottom: 20px;
		background: none;
	}
	.detail-left.basic-product.o-option .cart-box{padding:0;}
	.title-timer .timer{margin-bottom: 10px !important;}
	.product-page-details .main-title{padding:0 5px;}
	.timer p span {margin: 0 5px;}
	.product-form-box .timer span > span {width:100%;margin:7px 0;}
	
	/*** /delivery_status_main.php ***/
	#p_howbuy .noticebox {width: 100%;margin-top: 20px;}
	#p_howbuy .inputbox{width:90%;}
	#p_howbuy .delivery.signinbox{
		background: #f3f4f6;
		margin: 12px 6px 0;
		border-radius: 6px;
		padding: 2px 10px 20px;
		box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.3);
		border: 1px solid #ff9944;
	}
	#p_howbuy .delivery.signinbox .inputbox{
		box-shadow: unset;
		border: 1px solid #ccc;
		background: #fff;
	}
	#p_howbuy .breadcrumb-section,
	#p_catalog .breadcrumb-section
	{margin-bottom:0;}
	
	
	/*** home.php ***/
	nav .container{width:100%;}
	
	.basic-product label{margin-bottom:4px;}
	.basic-product .cart-info{height:250px;}
	.basic-product .label_order_type{padding-Left:22px;}
	.basic-product .label_order_price-f, #product-single .basic-product .label_order_price-f{right:2px;}
	
	.radio-section{font-size:12px;}
	.basic-product input{margin-top: 6px;margin-left:5px;}
	
	#bestseller .basic-product {padding: 12px 6px 0;}
	#bestseller .container {padding:0 18px;}
	/*#bestseller .basic-product.moremore form {padding:6px;}*/
	/*#bestseller .img-package {border-radius:0;}*/
	#bestseller {margin-top:70px;}
	.product-m .slick-list {
		margin-left: -6px;
		margin-right: -6px;
	}
	.cart-box {padding:0 8px 8px;}
	.sticky-bottom-cart .cart-box {padding:0;}
	.t-product-box-code{font-size:11px;margin-top:-22px;margin-left:-8px;}
	.basic-product .product-title{margin: 8px 0 0 0;}
	.basic-product .label_order_type{font-size: 12px;}
	.basic-product .product-add{margin-top:6px;}
	
	.slick-product-wrapper-grid .slick-slide{/*padding:0;*/} 
	.row{/*margin:0;*/} /*** หน้า home ต้องใช้ row:mar***/
	.slick-product-wrapper-grid .slick-prev{Left:-12px;border-radius: 0 8px 8px 0;}
	.slick-product-wrapper-grid .slick-next{right:-12px;border-radius: 8px 0 0 8px;}
	/*.slick-product-wrapper-grid .basic-product{padding:calc(6px + (10 - 6) * ((100vw - 320px) / (1920 - 320)));}
								.basic-product{padding:calc(6px + (10 - 6) * ((100vw - 320px) / (1920 - 320)));}
			 #bestseller-3-grid .basic-product{padding:calc(6px + (10 - 6) * ((100vw - 320px) / (1920 - 320)));}*/
	.product-m .slick-slide > div {margin: 0 6px;}
	/*.basic-product.moremore form {padding:6px;}*/
	
	/*** howbuy.php ***/
	#p_howbuy .container{padding:0 5%;}
	#p_howbuy .top-banner-wrapper{width:100%;}
	#p_paypal .top-banner-wrapper img{width:90%}
	#p_howbuy .top-banner-wrapper img{width:90%}
	#p_paypal .top-banner-wrapper .text-paypal{width:90%;margin-top:-31px;}
	#p_howbuy .top-banner-wrapper .text-paypal{width:90%;}
	.table_small{display:block;}
	.table_row > .table_small > .table_cell:nth-child(odd){
		width: 100%;
        float: left;
        text-align: left;
        border: 0;
        padding: 15px 10px 10px;
	}
	.table_row > .table_small > .table_cell:last-child{
		width: 100%;
		float: left;
		padding-top: 0;
	}
	.form-control.datepicker, .form-control.orderid, .form-control.amount, .form-control.name, .form-control.tel, .form-control.mail, .form-control.comments, #p_notifypay .btn.btn-danger{
		margin-top: 0;
	}
	
	/*** catalog.php ***/
	#p_howbuy section .product-page-details.product-form-box, #p_catalog section .product-page-details.product-form-box{padding:25px 20px 20px;}
	.product-wrapper-grid.list-view .basic-product .img-wrapper.catalog {width: 120px;}
	#p_catalog .container{padding:0 5%;}
	
	
	/*** contact.php ***/
	#p_contact .verticalbar.h577px{display:none;}
	#p_contact .top-banner-wrapper .text-paypal{Font-size:21px;}
	
	/*** breadcrumb ***/
	.verticalbar.h577px{display:none}
	
	
	/*** myprofile ***/
	#p_profile .collection-content{width:calc(100% - 20px);margin:auto;}
	#p_profile .top-banner-wrapper{padding:20px;}
	#p_profile .table_row > .table_small:first-child {padding-top:0;}
	#p_profile .table input{width:100%;min-height:36px;padding:0 10px;border-radius:4px;}
	#p_profile .table select{width:100%;min-height:36px;padding:0 10px;border-radius:4px;}
	#p_profile .table textarea{width:100%;border-radius:4px;}
	#p_profile .table input[type="submit"] {background:#ff9944;border:0;font-weight:bold;font-size:18px;height:45px;}
	#p_profile .table label{margin:0;}
	
	/*** infinite load ***/
	.loader-txt{Font-size:24px;}
	.loader {width:40px;}
	
	/*** footer ***/
	.footer-theme .col{margin-bottom:0;}
	footer .section-b-space {padding-bottom:10px;padding-top:15px;}
	    .footer-theme .sub-title h4 {margin-bottom:0px;}
	
	.slider-btn-close{top:5px;right:5px;}
	.product-filter-content{padding:0!important}
	.product-filter-content h2{margin-top:6px;}
	.breadcrumb-anchor {display:inline-flex;align-items:center;width:calc(100% - 24px);gap:5px;margin-bottom: 0;}
	.breadcrumb-anchor a{margin-right:5px!important;width: calc(25% - 4px);padding:5px 0px!important;}
	
	
}

@media (max-width: 480px){
	/*** Display Function ***/
	.main-menu .menu-left .navbar{display: inline-block;}
	.notice-box{
		margin-top: 20px;
    	border: 1px solid #ddd;
    	border-radius: 5px;
    	box-shadow: 4px 4px 5px 2px rgba(0, 0, 0, 0.14);
    	-webkit-box-shadow: 4px 4px 5px 2px rgba(0, 0, 0, 0.14);
    	-moz-box-shadow: 4px 4px 5px 2px rgba(0, 0, 0, 0.14);
	}
	.notice-box-headline {font-size: 30px;}
	.notice-box-subline  {font-size: 30px;margin-top: -8px;}
	.notice-box-bottomline {font-size: 24px;}
	
	.section-product{height: 100px}
	.section-product.t-hc-y{margin-top: 54px}
	.product-wrapper-grid .head-cate{
		width: 100%;
		padding: 24px 0;
		text-align: center;
		margin: 0 -12px;
		background: #000;
		display: block;
		position: absolute;}

	.product-wrapper-grid .head-cate img {width: 92%;}
	.t-product-box{}
	.owl-item .t-product-box{width: 100%}
	
	.footer-theme .footer-logo{text-align: center;font-weight: 600;padding-top: 24px;margin-bottom: 5px;}
	.footer-theme .footer-logo a{color: #eee;}
	.footer-theme .footer-logo img{display: block;margin: auto;}
	.footer-theme .sub-title1{margin-bottom: 25px;margin-top: -16px;}
	.footer-theme .sub-title p{text-align: center;line-height: 1.5;}
	.footer-theme .contact-list {margin-bottom: 10px; text-align: center;}
	.footer-theme .t-bt2{margin-left: -7px;}
	.footer-theme .footer-title.last{border: 0;}
	
	
	/*** detail.php ***/
	.product-wrapper-grid .label_order_price-f {right: 3px;}
	.sticky-bottom-cart .product-image{display:flex;}
	.sticky-bottom-cart .product-image .content {margin: 0 8px 0 0;text-align: center;}
	.sticky-bottom-cart select {margin: 0;width: calc(100% - 0px);height: 34px;}
	
	/*** home.php ***/
	/*.product-m .slick-slide>div {margin: 0 3px;}*/
	
	
	
	
	

}

@media (max-width: 420px){
	.header-style-5 .main-menu .menu-left{width: 540px;}
	        .sticky .main-menu .menu-left {width: 0;   }
	.btn-cart-top button {Font-size:12px;}
}