.entry-content{
	width: -webkit-fill-available;
}
.bs-button{
	font-size: .9rem;
}
#wbs select {
	border: 1px solid silver;
	width: -webkit-fill-available;
    padding: 8px;
    border-radius: 5px;
}
.prev-page, .next-page, .last-page {
	font-size: .8rem;
	border: 1px solid silver;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	text-decoration: none;
	box-shadow: none;
	margin: 1px;
	border-radius: 5px;
}
.tablenav-pages{
	text-align: right;
	padding-bottom: 9px;
	width: initial;
}
.tablenav-paging-text{
	font-size: .9rem;
}
.col-right{
	padding-right: 0px;
}
/*
.product-thumbnail img{
	max-width: 50px;
}*/
.wbs-table-set{
	margin-top: 5px;
	margin-bottom: 0px;
	table-layout: fixed;
	border-collapse: collapse;
}
.wbs-table-set-edge{
	margin-top: 5px;
	margin-bottom: 0px;
	table-layout: unset;
	border-collapse: collapse;
}
#wbs-table:focus{
	outline: none;
}
#wbs-table > thead > tr{
	line-height: 0;
}
#wbs-table > tbody > tr{
	line-height: 18px;
}
#wbs-table th > a, td > a {
	text-decoration: none !important;
	box-shadow: none !important;
}
#wbs-table thead th{
	/*padding-left: 4px;
	padding-right: 4px;*/
	padding-left: 6px;
	vertical-align: top;
	text-align: left;
}
#wbs-table tbody td {
	padding: 6px;
	vertical-align: top;
	text-align: left;
}

#wbs-table tr:nth-child(even) {
	background-color: #f2f2f2;
}
#wbs-table .td-total{
	padding-right: 6px;
}
#wbs-table .td-cart{
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 10px;
}
.wbs-cart-add{
	padding-left: 3px;
	padding-top: 7px;
}
.wbs-qty-td{
	text-align: center !important;
}
.wbs-qty-box{
	width:auto; 
	display:inherit; 
	min-height:24px;
	margin-bottom: 5px;
}
.wbs-btn-qty-add{
	margin-left:3px;
}
.wbs-btn-qty{
	font-size: large;
}
.wbs-btn-add-cart{
	padding:5px;
	text-align: center;
	display: inline-block;
	transition-duration: 0.4s;
}
.wbs-qty-input{
	display: inline;
}
.wbs-input-qty{
	background-color: transparent !important;
	font-size: 14px;
	margin: 2px;
	width: 50% !important;
	padding-left: 0px;
}
.div-table {
	margin-top:20px;
}

.wbs-head{
	width: 100%;
	margin: 0 auto;
	/*padding-bottom: 35px;*/
}
.wbs-col-25{
	width: 20%;
	display: inline-block;
	order: 1;
}
.wbs-col-20{
	width: 20%;
	display: inline-block;
	order: 2;
}
.wbs-col-25-r{
	width: 27%;
	float: right;
	order: 3;
}
.wbs-col-33{
	width: 33%;
	display: inline-block;
}
.wbs-col-50{
	width: 32%;
	display: inline-flex;
	text-align:right;
	flex-direction: row-reverse;
}
.wbs-col-70{
	width: 71%;
	display: flex;
	text-align: right;
	float: right;
	flex-direction: row-reverse;
	margin-bottom: 5px;
}
.wbs-input, .wbs-input-total {
	background-color: transparent !important;
	font-size: 14px;
	width: -webkit-fill-available;
	min-width: 62px;
	padding-left: 0px !important;
}
.wbs-search{
	float: right !important;
	width: -webkit-fill-available !important;
	margin-left: 0px !important;
}
.wbs-div-cart{
	position: fixed;
	z-index: 99;
	top: 400px;
	left: 100px;
}
.wbs-cart-box{
	position: absolute;
	top:40px;
	left: 100px;
}
.wbs-frm-category{
	margin-bottom: 0px;
}
.wbs-th-check{
	width: 28px;
}
.wbs-th-image{
	width: 60px;
}
.wbs-th-name{
	width: 22%;
}
#wbs-table .wbs-th-price{
	width: 20%;
	text-align: center;
}
#wbs-table .wbs-th-qty{
	width: 15%;
	text-align: center;
}
#wbs-table .wbs-th-total{
	width: 11%;
	text-align: center;
}
.wbs-th-cart{
	width: 4%;
}
.wbs-th-desc{
	width: 25%;
}
.wbs-left{
	text-align: left !important;
}
.wbs-center{
	text-align: center;
}
.wbs-center > span{
	display: inline-block;
	text-align: center;
}
.wbs-center > s{
	display: block;
	text-align: center;
}
.wbs-right{
	text-align: right;
}
.wbs-sale-badge{
	font-size: .9rem;
	border: 1px solid gray;
	border-radius: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
	width: 85%;
	font-weight: 600;
	display: block;
    margin: auto;
	margin-top: 5px;
}
.wbs-add-cart{
	text-align:right;
	margin-bottom: 5px;
	margin-top: 5px;
}
.wbs-sku{
	font-size: 12px;
}
#qty-add{
	width: 125px;
}

.product-thumbnail img{
	margin-top: 4px;
}

.wbs-thumb{
	display: block;
	transition: transform .2s;
}
.wbs-thumb:hover{
	transform: scale(2.0);
}

.wbs-product-bold{
	font-weight: 600;
	display: block;
}

.wbs-tooltip {
	position: relative;
	display: inline-block;
}

.wbs-tooltip .wbs-tooltiptext {
	visibility: hidden;
	width: 120px;
	background-color: gray;
	color: #fff;
	text-align: center;
	padding: 5px 0;
	border-radius: 6px;

	position: absolute;
	z-index: 1;
}

.wbs-tooltip{
	width: 30px;
	text-align: right;
}

.wbs-tooltip:hover .wbs-tooltiptext {
	visibility: visible;
}
.wbs-collapse{
	visibility:collapse;
}
.wbs-hide-column{
	visibility:collapse;
	width:0px;
}
.wbs-nyp{
	font-size: small;
	display: block !important;
}
.wbs-nyp-min{
	font-size: small;
}
.wbs-nyp-price-input{
	width: 50% !important;
	background-color: white !important;
    padding: 2px !important;
}
.wbs-variation-select{
	width: 98%;
    border-radius: 5px;
    padding: 2px;
	margin: 2px;
	font-size: .9rem;
}
.wbs-saving{
	display: none;
}
.wbs-saving-show{
	display: block;
	text-align: right;
}
.wbs-cart-saving{
	font-size: 20px;
	height: 36px;
}
.wbs-radio{
	margin-left: 5px;
	margin-top: 4px;
}
.wbs-radio-div{
	text-align: center;
	background-color: lightgray;
	border-radius: 5px;
	font-size: .85rem;
}
form {
	margin-bottom: 8px;
}

.wbs-btn-search-radio{
	background-color: transparent;
    border: 1px solid silver;
    padding-left: 14px;
    padding-right: 14px;
    padding-top: 3px;
    padding-bottom: 3px;
	margin-left: 6px;
	border-radius: 8px;
}

div.wbs_search_box {
	box-sizing: border-box;
	/*border: 1px solid gray;*/
}
div.wbs_search_box input[type=search] {
	float: left;
	width: 80%;
}

div.wbs_search_box button {
	float: left;
	width: 20%;
	padding: 10px;
	border-left: none; /* Prevent double borders */
	cursor: pointer;
}
div.wbs_search_box button:hover {
	background: inherit;
}

div.wbs_search_box::after {
	content: "";
	clear: both;
	display: table;
}

.wbs-range-paging {
	margin-bottom: 10px;
    margin-top: 10px;
	display: grid;
    grid-template-columns: 1fr auto; /* Range takes full width, pagination auto width */
    align-items: end; /* Aligns both to the bottom */
}

.wbs-range {
	width: 50%;
}
.div-paging {
	width: 50%;
	display: inline;
	align-self: center;
}

.wbs-slider {
	-webkit-appearance: none;
	width: 56% !important;
	height: 12px;
	border-radius: 5px;
	background: #d3d3d3;
	outline: none;
	opacity: 0.7;
	-webkit-transition: .2s;
	transition: opacity .2s;
  }
  
  .wbs-slider:hover {
	opacity: 1;
  }
  
  .wbs-slider:focus {
	  outline: none;
  }
  
  .wbs-slider::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	width: 25px;
	height: 25px;
	border-radius: 50%;
	background: currentColor;
	cursor: pointer;
  }
  
  .wbs-slider::-moz-range-thumb {
	width: 25px;
	height: 25px;
	border-radius: 50%;
	background: currentColor;
	cursor: pointer;
  }

  .wbs-range-input {
	width: 18%;
	border-radius:5px;
	height:30px; 
	margin-bottom:5px;
  }
  .wbs-min-max{
	width: 38px;
	display:inline-block;
  }
  .wbs-select{
	margin-top:2px;
  }
  .wbs-select-variation{
	font-size: initial;
    font-variant-caps: all-petite-caps;
    letter-spacing: 1.2px;
	display: flex;
	justify-content: center;  
  }
  .wbs-qty-span{
	  display:flex;
	  float: right;
	  flex-direction: row;
	  align-content: center;
	  justify-content: space-between;
	  align-items: center;
	  flex-wrap: wrap;
	  min-width: -webkit-fill-available;
      margin-right: 5px;
      margin-left: 5px;
  }
  .wbs-i-block{
	display: inline-block;
  }


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

	.wbs-qty-span{
		margin-left: 40%;
	}

	.wbs-range-paging{
		display: grid;
		text-align: center;
	}
	.wbs-range {
		width: 100%;
	}
	.div-paging{
		width: 100%;
		margin-top: 10px;
	}
	.wbs-range-input {
		width: 25%;
	}

	.wbs-col-25{
		width: 100%;
		float: right;
		margin-bottom: 5px;
	}
	.wbs-col-20{
		width: 100%;
	}
	.wbs-col-25-r{
		width: 100%;
    	margin-top: 6px;
	}
	
	.wbs-col-50{
		/*flex-direction: unset;*/
		width: 100%;
	}
	.wbs.col-70{
		width: 100%;
	}
	
	#qty-add {
		width: 251px;
	}

	.wbs-btn-qty-add{
		width: inherit;
	}

	.wbs-frm-category{
		margin-bottom: inherit;
	}
	
	.wbs-qty-td{
		text-align: right !important;
	}
	
	.wbs-input, .wbs-input-total{
		width: 50%;
	}
	
	.wbs-input-total{
		margin-right: 21px;
	}
	
	
	.wbs-center{
		text-align:right;
	}

	.wbs-center > s{
		width: 30%;
		display: contents !important;
		text-align: inherit;
	}
	
	.wbs-center > span{
		width: 40%;
	}

	/* Basic styling for input fields in the table */
    #wbs-table input[type="number"] {
        padding: 0.5em;
        font-size: 1em;
        width: 100%; /* Make input fields expand to the full width for easier tapping */
        box-sizing: border-box; /* Ensure padding does not exceed the width */
    }

    /* General table styling for mobile */
    #wbs-table {
        border: 0;
        width: 100%; /* Ensure the table takes the full width on mobile */
    }

    /* Hide the table headers for mobile view */
    #wbs-table thead {
        border: none;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }

    /* Make each row a block to stack items */
    #wbs-table tr {
        border-bottom: 2px solid #ddd;
        display: block;
        margin-bottom: 1em; /* Add more spacing between rows for clarity */
        background-color: #f9f9f9; /* Light background for better separation */
        border-radius: 5px; /* Add rounded corners to make it more touch-friendly */
        padding: 10px; /* Add padding inside each row */
    }

    /* Make each cell display as a block */
    #wbs-table td {
        display: block;
        font-size: 0.9em; /* Slightly increase the font size for better readability */
        text-align: left; /* Align text to the left for better UX on mobile */
        padding: 0.5em; /* Add padding to make cells more touch-friendly */
        border-bottom: 1px solid #e0e0e0; /* Light border for separation */
    }

    /* Style the image inside table cells */
    #wbs-table td img {
        display: inline-block;
        max-width: 100%; /* Ensure images are responsive */
        height: auto; /* Maintain aspect ratio of images */
    }

    /* Specific styling for the last cell in each row */
    #wbs-table td:last-child {
        border-bottom: none; /* Remove the bottom border for the last cell */
        padding-bottom: 0; /* Remove extra padding at the bottom */
    }

    /* Style the label before each cell content */
    #wbs-table td::before {
        content: attr(data-label);
        float: left;
        font-weight: bold;
        font-size: 0.85em; /* Slightly smaller label font size */
        color: #333; /* Darker color for the label for better readability */
        margin-right: 10px; /* Space between label and value */
    }

    /* Hide the ::before content if the td is empty */
    #wbs-table td:empty::before {
        content: none; /* Remove the ::before content when the cell is empty */
    }

    /* Additional styling for the cart-related cells */
    #wbs-table .td-cart {
        /*padding-right: 15px;*/
        text-align: right;
    }

    /* Hide the footer on mobile */
    #wbs-table .wbs-foot {
        visibility: hidden;
        padding: 0;
    }


	/* TABLE OLD
	#wbs-table input[type="number"]{
		padding-left: 0.4em;
		padding-right: 0.4em;
	}

	#wbs-table {
		border: 0;
	}

	#wbs-table thead {
		border: none;
		clip: rect(0 0 0 0);
		height: 1px;
		margin: -1px;
		overflow: hidden;
		padding: 0;
		position: absolute;
		width: 1px;
	}

	#wbs-table tr {
		border-bottom: 3px solid #ddd;
		display: block;
		margin-bottom: .625em;
	}

	
	#wbs-table td {
		border-bottom: 1px solid #ddd;
		display: block;
		font-size: .8em;
		text-align: right;
		padding-left: 6px !important;
	}
	
	#wbs-table td img {
		display: inline;
	}
	
	#wbs-table .td-cart{
		padding-right: 20px;
		text-align: right;
	}
	
	#wbs-table .wbs-foot{
		visibility: hidden;
		padding: 0px;
	}

	#wbs-table td::before {
		content: attr(data-label);
		float: left;
		font-weight: bold;
	}

	#wbs-table td:last-child {
		border-bottom: 0;
	}
	*/
	/* END TABLE */



	#wbs div form > select {
		border: 1px solid gray;
		/*padding: 2px;*/
		border-radius: 4px;
		width: -webkit-fill-available;
	}
	
	.product-thumbnail img {
		max-width: 150px;
	}

	.wbs-thumb:hover{
		transform: scale(1.0);
	}
	
	.wbs-btn-add-cart i {
		font-size: large;
		background-color: #eeeeee;
		border: none;
		color: inherit;
		padding: 15px 32px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
	}
	
	.wbs-nyp{
		flex-direction: inherit;
	}
}

/* Additional adjustments specifically for screens smaller than 480px */
@media (max-width: 480px) {
    #wbs-table td {
        font-size: 1em; /* Increase font size slightly for smaller screens */
        padding: 0.75em; /* Increase padding for better touch target size */
    }
}