@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-ExtraBold.ttf') format('truetype');
    font-weight: 700;
}
@font-face {
	font-family: 'Roboto';
	src: url('../fonts/Roboto-Regular.ttf') format('truetype');
	font-weight: 400;f
}
@font-face {
	font-family: 'Roboto';
	src: url('../fonts/Roboto-Bold.ttf') format('truetype');
	font-weight: 700;
}
@font-face {
	font-family: 'emporium-icons';
	src: url('../icons/emporium-icons.woff') format('woff'), url('../icons/emporium-icons.svg#emporium-icons') format('svg');
	font-weight: normal;
	font-style: normal;
}


:root {
	--black: #000000;
	--white: #ffffff;
	--font-color: #161616;
	--font-family: Roboto;
	--icon-family: emporium-icons;
	--title-font: Montserrat;

	--primery-blue: #006F9E;
	--primery-dark-blue: #004A69;
	--primery-medium-blue: #80B7CF;
	--primery-light-blue: #CCE2EC;
	--primery-extralight-blue: #F3F8FA;

	--secondary-mint: #89FFDF;
	--secondary-medium-mint: #C4FFEF;
	--secondary-light-mint: #E1FFF7;

	--tertiary-yellow: #FDD692;
	--tertiary-medium-yellow: #FEEBC8;
	--tertiary-light-yellow: #FFF5E3;

	--success-dark: #398613;
	--success-light: #96BD83;
	--caution-dark: #F1C21B;
	--caution-light: #F2DB87;
	--error-dark: #DB3700;
	--error-light: #E7957A;
	--information-dark: #00A1E6;
	--information-light: #7ACAED;

	--gray1: #F5F5F5;
	--gray2: #EFF0F1;
	--gray3: #DDE0E2;
	--gray4: #849095;
	--gray5: #5E696E;
	--gray6: #232729;
}

* {
	margin: 0;
	padding: 0;
	outline: none;
	text-decoration: none;
	box-sizing: border-box;
}
body {
	max-width: 100%;
	overflow-x: hidden;
	font-family: var(--font-family), sans-serif;
	color: var(--font-color);
}

h1, h2, h3, h4, h5, h6 {
	font-family: var(--title-font),sans-serif;
	line-height: 120%;
	letter-spacing: 0;
	color: var(--font-color);
}
ol, ul {
	list-style: none;
}
img{
	width:100%;
	height:100%;
	opacity:0.99;
}
button,
a{
	transition: 0.3s all;
}

.custom-modal {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 100%;
	height: 100%;
	display: none;
	z-index: 99999;
	align-items: center;
	background-color: #849095ab;
}
 
.custom-modal .custom-modal-content {
	background-color: #fff;
	padding: 20px;
	border-radius: 20px;
	max-width: 850px;
	width: calc(100% - 25%);
	max-height: calc(100vh - 40%);
	height: 100%;
	position: relative;
	z-index: 2;
	margin: auto;
}
.custom-modal .custom-modal-close-btn {
    position: absolute;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--primery-blue);
    color: var(--white);
    border-radius: 50%;
    border: 0;
    cursor: pointer;
    font-size: 0;
    transition: all 0.3s ease;
}
.custom-modal .custom-modal-close-btn:hover {
	background-color: var(--secondary-mint);
	color: var(--primery-blue);
}
.custom-modal .custom-modal-close-btn:active {
	background-color: var(--primery-dark-blue) !important;
	color: var(--white) !important;
}
.custom-modal .custom-modal-close-btn::after {
    content: "z";
    font-family: var(--icon-family);
    font-size: 16px;
    font-weight: 700;
}

.login-page .page-title h1,
.registration-page .page-title h1,
.registration-result-page .page-title h1 {
	line-height: 120%;
	font-weight: 800;
	color: var(--primery-dark-blue);
}

.primary-btn:disabled,
.primary-left-icon-btn:disabled,
.primary-right-icon-btn:disabled,
.icon-btn:disabled {
	background-color: var(--gray3);
	cursor: not-allowed;
}
.primary-btn:disabled:hover,
.primary-btn:disabled:active,
.primary-left-icon-btn:disabled:hover,
.primary-left-icon-btn:disabled:active,
.primary-right-icon-btn:disabled:hover,
.primary-right-icon-btn:disabled:active,
.icon-btn:disabled:hover,
.icon-btn:disabled:active{
	background-color: var(--gray3) !important;
	color: var(--white) !important;
}

.secondary-btn:disabled,
.secondary-left-icon-btn:disabled,
.secondary-right-icon-btn:disabled,
.icon-border-btn:disabled,
.text-pill-btn:disabled,
.text-with-icon-pill-btn:disabled {
	background-color: var(--white);
	border-color: var(--gray3);
	color: var(--gray3);
	cursor: not-allowed;
}
.secondary-btn:disabled:hover,
.secondary-btn:disabled:active,
.secondary-left-icon-btn:disabled:hover,
.secondary-left-icon-btn:disabled:active,
.secondary-right-icon-btn:disabled:hover,
.secondary-right-icon-btn:disabled:active,
.icon-border-btn:disabled:hover,
.icon-border-btn:disabled:hover:before,
.icon-border-btn:disabled:active,
.text-pill-btn:disabled:hover,
.text-pill-btn:disabled:active,
.text-with-icon-pill-btn:disabled:hover,
.text-with-icon-pill-btn:disabled:active{
	background-color: var(--white) !important;
	border-color: var(--gray3) !important;
	color: var(--gray3) !important;
}

.link-btn:disabled,
.link-left-icon-btn:disabled,
.link-right-icon-btn:disabled {
	color: var(--gray3);
	cursor: not-allowed;
}
.link-btn:disabled:hover,
.link-btn:disabled:active,
.link-left-icon-btn:disabled:hover,
.link-left-icon-btn:disabled:active,
.link-right-icon-btn:disabled:hover,
.link-right-icon-btn:disabled:active{
	color: var(--gray3) !important;
}

.link-underline-btn:disabled,
.link-left-icon-underline-btn:disabled,
.link-right-icon-underline-btn:disabled {
	color: var(--gray3) !important;
	border-color: var(--gray3);
	cursor: not-allowed;
}
.link-underline-btn:disabled:before,
.link-left-icon-underline-btn:disabled:before,
.link-left-icon-underline-btn:disabled:hover:before,
.link-right-icon-underline-btn:disabled:hover:before,
.link-right-icon-underline-btn:disabled:before{
	background-color: var(--gray3);
}
.link-left-icon-underline-btn:disabled:after,
.link-right-icon-underline-btn:disabled:after{
	color: var(--gray3);
}
.link-underline-btn:disabled:hover,
.link-underline-btn:disabled:active,
.link-left-icon-underline-btn:disabled:hover,
.link-left-icon-underline-btn:disabled:active,
.link-right-icon-underline-btn:disabled:hover,
.link-right-icon-underline-btn:disabled:active{
	border-color: var(--gray3) !important;
	color: var(--gray3) !important;
}
.icon-without-border-btn:disabled:before,
.icon-without-border-btn:disabled:hover:before {
	color: var(--gray3);
	cursor: not-allowed;
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="date"],
input[type="number"],
input[type="datetime-local"],
textarea,
select {
	width: 100%;
	height: 36px;
	border: 1px solid #e7e7e7;
	border-radius: 20px;
	padding: 9px 12px;
	vertical-align: middle;
	font-size: 14px;
	line-height: 18px;
	color: var(--gray4);
	font-family: 'Roboto', sans-serif;
	appearance: none;
	letter-spacing: 0.5px;
}

select {
	padding: 9px 40px 9px 12px;
}

input[type="text"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder,
input[type="email"]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: var(--gray4);
}

textarea ~ .field-validation-valid,
textarea ~ .field-validation-error{
    top: 33px;
}

input[type="date"]::-webkit-calendar-picker-indicator {
	visibility: hidden;
}

.inputs .date-icon ~ input {
	padding: 9px 40px 9px 12px;
}

.inputs .date-icon ~ input ~ .field-validation-valid,
.inputs input[type="date"] ~ .field-validation-valid,
.inputs .date-icon ~ input ~ .field-validation-error,
.inputs input[type="date"] ~ .field-validation-error{
	right: 45px;
}

.inputs .input-selectgroup ~ .field-validation-valid,
.inputs .input-selectgroup ~ .field-validation-error,
.inputs select ~ .field-validation-valid,
.inputs select ~ .field-validation-error {
	right: 40px;
}

.primary-btn:active,
.primary-left-icon-btn:active,
.primary-right-icon-btn:active,
.icon-btn:active {
	background-color: var(--primery-dark-blue) !important;
	color: var(--white) !important;
}
.secondary-btn:active,
.secondary-left-icon-btn:active,
.secondary-right-icon-btn:active,
.icon-border-btn:active,
.text-pill-btn:active,
.text-with-icon-pill-btn:active {
	border: 2px solid var(--primery-dark-blue) !important;
	color: var(--primery-dark-blue) !important;
	background-color: transparent !important;
}
.link-btn:active,
.link-right-icon-btn:active,
.link-left-icon-btn:active {
	color: var(--primery-dark-blue) !important;
}
.link-underline-btn:active,
.link-right-icon-underline-btn:active,
.link-left-icon-underline-btn:active{
	color: var(--primery-dark-blue) !important;
}
/*Group CSS*/
.primary-btn,
.primary-left-icon-btn,
.primary-right-icon-btn,
.text-with-icon-pill-btn,
.secondary-btn,
.secondary-left-icon-btn,
.secondary-right-icon-btn,
.link-btn,
.link-right-icon-btn,
.link-left-icon-btn,
.link-underline-btn,
.link-right-icon-underline-btn,
.link-left-icon-underline-btn,
.icon-border-btn,
.icon-btn,
.icon-without-border-btn {
	display: inline-flex;
	align-items: center;
}
.primary-btn,
.primary-left-icon-btn,
.primary-right-icon-btn,
.link-underline-btn::before,
.link-right-icon-underline-btn::before,
.link-left-icon-underline-btn::before,
.icon-btn,
.link-underline-btn::before,
.link-right-icon-underline-btn::before,
.link-left-icon-underline-btn::before,
.icon-btn {
	background-color: var(--primery-blue);
}
.primary-btn,
.primary-left-icon-btn,
.primary-right-icon-btn {
	border: 0;
}
.primary-btn {
	justify-content: center;
}
.primary-btn,
.primary-left-icon-btn,
.primary-right-icon-btn {
	color: var(--white);
}
.primary-btn,
.primary-left-icon-btn,
.primary-right-icon-btn,
.text-pill-btn,
.text-with-icon-pill-btn,
.secondary-btn,
.secondary-left-icon-btn,
.secondary-right-icon-btn {
	font-weight: 700;
}
.primary-btn,
.primary-left-icon-btn,
.primary-right-icon-btn,
.secondary-btn,
.secondary-left-icon-btn,
.secondary-right-icon-btn,
.link-btn,
.link-right-icon-btn,
.link-left-icon-btn,
.link-underline-btn,
.link-right-icon-underline-btn,
.link-left-icon-underline-btn,
.icon-border-btn,
.icon-btn,
.icon-without-border-btn {
	border-radius: 20px;
}
.primary-btn:hover,
.primary-left-icon-btn:hover,
.primary-right-icon-btn:hover,
.text-pill-btn:hover,
.text-with-icon-pill-btn:hover,
.secondary-left-icon-btn:hover,
.secondary-right-icon-btn:hover,
.icon-border-btn:hover,
.icon-btn:hover {
	background-color: var(--secondary-mint);
}
.primary-btn:hover,
.primary-left-icon-btn:hover,
.primary-right-icon-btn:hover,
.text-pill-btn:hover,
.text-pill-btn,
.text-with-icon-pill-btn,
.text-with-icon-pill-btn:hover,
.secondary-btn,
.secondary-left-icon-btn,
.secondary-left-icon-btn:hover,
.secondary-right-icon-btn:hover,
.secondary-right-icon-btn,
.link-btn,
.link-right-icon-btn,
.link-left-icon-btn,
.link-underline-btn,
.link-right-icon-underline-btn,
.link-left-icon-underline-btn,
.icon-without-border-btn::before {
	color: var(--primery-blue);
}
.secondary-btn:hover{
	color: var(--primery-dark-blue);
}
.primary-left-icon-btn,
.primary-right-icon-btn,
.secondary-left-icon-btn,
.secondary-right-icon-btn,
.link-btn,
.link-right-icon-btn,
.link-left-icon-btn,
.link-underline-btn,
.link-right-icon-underline-btn,
.link-left-icon-underline-btn {
	gap: 0 8px;
}
.primary-left-icon-btn::before,
.primary-right-icon-btn::before,
.secondary-left-icon-btn::before,
.secondary-right-icon-btn::before,
.secondary-right-icon-btn::before {
	display: block;
}
.primary-right-icon-btn {
	flex-direction: row-reverse;
}
.secondary-btn,
.secondary-left-icon-btn,
.secondary-right-icon-btn {
	background-color: var(--white);
	border: 2px solid var(--primery-blue);
}
.text-pill-btn,
.text-with-icon-pill-btn {
	border: 2px solid var(--primery-blue);
}
.secondary-left-icon-btn:hover,
.secondary-right-icon-btn:hover,
.text-pill-btn:hover,
.text-with-icon-pill-btn:hover,
.icon-border-btn:hover {
	border: 2px solid var(--secondary-mint);
}
.secondary-right-icon-btn {
	flex-direction: row-reverse;
}

/**/
.text-pill-btn {
	padding: 3px 10px;
	display: inline-flex;
	background: transparent;
	font-size: 12px;
	border-radius: 56px;
	text-transform: capitalize;
}
.text-with-icon-pill-btn {
	padding: 3px 10px;
	background: transparent;
	font-size: 12px;
	border-radius: 56px;
	display:flex;
	gap:0 4px;
	flex-direction:row-reverse;
}
.text-with-icon-pill-btn::before {
	font-size:12px;
	width: 12px;
	height: 12px;
	display: block;
}
.link-btn,
.link-right-icon-btn,
.link-left-icon-btn,
.link-underline-btn,
.link-right-icon-underline-btn,
.link-left-icon-underline-btn,
.icon-border-btn {
	width: auto;
	border: none;
	position: relative;
	background-color: transparent;
	justify-content: center;
}
.link-btn:hover,
.link-right-icon-btn:hover,
.link-left-icon-btn:hover,
.link-underline-btn:hover,
.link-underline-btn:hover::before,
.link-right-icon-underline-btn:hover,
.link-right-icon-underline-btn::after,
.link-left-icon-underline-btn:hover,
.icon-border-btn:hover::before,
.icon-btn:hover {
	color: var(--primery-dark-blue);
}
.link-right-icon-btn::after,
.link-left-icon-btn::after,
.link-left-icon-underline-btn::after,
.icon-border-btn::before,
.icon-btn::before,
.icon-without-border-btn::before {
	font-family: var(--icon-family);
}
.link-underline-btn::before,
.link-right-icon-underline-btn::before,
.link-left-icon-underline-btn::before{
	content: "";
	width: 100%;
	height: 2px;
	display: block;
	position: absolute;
	bottom: 3px;
}
.link-right-icon-underline-btn::after,
.link-left-icon-underline-btn::after,
.icon-border-btn::before,
.icon-btn::before {
	font-size: 20px;
}
.link-right-icon-underline-btn:hover::before,
.link-left-icon-underline-btn:hover::before {
	background-color: var(--primery-dark-blue);
}
.link-left-icon-underline-btn {
	flex-direction: row-reverse;
}
.icon-border-btn {
	border: 2px solid var(--primery-blue);
	font-size: 0;
}
.icon-btn,
.icon-without-border-btn {
	justify-content: center;
	border: none;
	font-size: 0;
	color: var(--white);
	position: relative;
}
.icon-without-border-btn:hover::before {
	color: var(--primery-dark-blue);
}
.icon-without-border-btn {
	background-color: transparent;
}
input[type="checkbox"]:disabled + label:before {
	border-color: var(--gray3);
	cursor: not-allowed;
}
input[type="checkbox"]:disabled:checked + label:before {
	opacity: 0.5;
	cursor: not-allowed;
}

/* product box */
.item-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 20px 0;
}

.item-box {
    width: calc(100% / 4);
    display: flex;
    flex-direction: column;
    position: relative;
}

.item-box .picture {
    margin-bottom: 16px;
    border-radius: 16px;
	overflow: hidden;
	background-color: var(--gray1);
}

.item-box .picture a {
    display: block;
    padding-top: 100%;
    position: relative;
}

.item-box .picture a img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.item-box .btn-wrapper button:before {
	transition: all .1s ease;
	text-transform: none;
	font-weight: normal;
	font-size: 18px;
}
.item-box .btn-wrapper .add-to-wishlist-button:before {
	content: "c";
}
.item-box .details {
    text-align: start;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.vendor-item .title a,
.manufacturer-item .title a,
.category-grid .item-box .title a,
.item-box .details .product-title {
	font-weight: 800;
	color: var(--primery-blue);
	margin-bottom: 4px;
	line-height: 120%;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all;
	max-width: 100%;
}
.vendor-item .title a,
.manufacturer-item .title a,
.category-grid .item-box .title a{
	text-align: center;
}

.item-box .details .prices {	
	margin-top: auto;
    font-weight: 700;
    color: var(--gray6);
    line-height: 130%;
	margin-bottom: 4px;
}
.item-box .details .auction-duration{
	margin-top: auto;
}

.item-box .details .description {
	display: none;
}

.item-box .details .sku {
    font-weight: 400;
    color: var(--gray6);
    margin-bottom: 4px;
    line-height: 130%;
}

.item-box .details .base-price-pangv{
    font-weight: 400;
    color: var(--gray6);
    margin-bottom: 4px;
    line-height: 130%;
}

.item-box .details .buttons {
	text-align: start;
}

.item-box .product-rating-box {
    height: 25px;
    display: flex;
    align-items: center;
}

.item-box .product-rating-box .rating {
    background: url("../img/outline-star.svg") center center;
    background-size: 18px;
    width: 90px;
    height: 18px;
    overflow: hidden;
    position: relative;
}

.item-box .product-rating-box .rating div {
    position: absolute;
    left: 0;
    background: url("../img/fill-star.svg") center center;
    background-size: 18px;
    height: 18px;
    overflow: hidden;
    background-position: left;
}

.item-grid.slick-slider::after {
	content: "";
	display: block;
	clear: both;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	background: #ffffff;
	z-index: 1;
}
.item-grid.slick-slider::before {
	content: "";
	display: block;
	clear: both;
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	background: #fff;
	z-index: 1;
}

/* Slick arrow */
.slick-arrow {
	display: inline-flex;
	justify-content: center;
	border: none;
	font-size: 0;
	color: var(--white);
	position: relative;
	align-items: center;
	background-color: var(--primery-blue);
	border-radius: 20px;
	width: 40px;
	height: 30px;
	position:absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	z-index: 11;
}
.slick-arrow:hover {
	background-color: var(--secondary-mint);
	color: var(--primery-blue);
}
.slick-arrow:active {
	background-color: var(--primery-dark-blue) !important;
	color: var(--white) !important;
}
.slick-arrow.slick-disabled {
	background-color: var(--gray3);
	cursor: not-allowed;
}
.slick-arrow.slick-disabled:hover,
.slick-arrow.slick-disabled:active {
	background-color: var(--gray3) !important;
	color: var(--white) !important;
}
.slick-prev::before {
	font-family: var(--icon-family);
	content: "k";
	font-size: 15px;
}
.slick-next::before {
	font-family: var(--icon-family);
	content: "j";
	font-size: 15px;
}
.slick-prev {
	left: 0px;
}
.slick-next {
	right: 0px;
}
.item-box .picture{
	position: relative;
}
.item-box .btn-wrapper button {
	width: 40px;
	height: 40px;
	background-color: #fff;
	border-radius: 50%;
	margin-left: 5px;
	padding: 0 5%;
	vertical-align: middle;
	border: 0;
	text-overflow: ellipsis;
	overflow: hidden;
	font-size: 0;
}
.item-box .btn-wrapper .add-to-compare-list-button:before {
	content: "b";
	color: var(--primery-blue);
}
.item-box  .quick-view-button a {
	padding-top: 0;
}
.recently-viewed-products.product-grid .item-box .picture a:after {
	display: none;
}
@media (max-width: 1024px) {
	.item-box .btn-wrapper {
		display: none !important;
	}
	.item-box .picture a img {
		padding: 18px;
		border-radius: 34px;
	}
	.login-page .page-title h1,
	.registration-page .page-title h1,
	.registration-result-page .page-title h1 {
		font-size: 26px;
		text-align: center;
	}
	.item-grid.slick-slider{
		margin: 0 -10px;
	}
	.custom-modal .custom-modal-content{
		width: calc(100% - 10%);
	}
	.custom-modal .custom-modal-close-btn {
		top: -50px;
		right: 0;
	}
}
@media (max-width: 991px) {
	/* primary Button */
	.primary-btn {
		min-height: 30px;
		padding: 5px 12px;
		font-size: 14px;
	}

	/* primary left side icon btn */
	/* primary right side icon btn */
	.primary-left-icon-btn,
	.primary-right-icon-btn {
		padding: 7px 12px;
		font-size: 14px;
		min-height: 30px;
	}
	.primary-left-icon-btn::before,
	.primary-right-icon-btn::before {
		width: 16px;
		height: 16px;
	}

	/* Secondary Button */
	.secondary-btn {
		min-height: 30px;
		padding: 5px 12px;
		font-size: 14px;
	}
	/* Secondary left side icon btn */
	.secondary-left-icon-btn,
	.secondary-right-icon-btn {
		padding: 5px 12px;
		font-size: 14px;
		min-height: 30px;
	}
	.secondary-left-icon-btn::before,
	.secondary-right-icon-btn::before {
		width: 16px;
		height: 16px;
	}

	/* Secondary right side icon btn */
	.secondary-right-icon-btn {
		flex-direction: row-reverse;
	}
	
	/* link btn */
	.link-btn {
		min-height: 30px;
		padding: 5px 0;
	}

	/* right icon under line btn */
	.link-right-icon-btn {
		min-height: 30px;
		padding: 5px 0;
	}
	.link-right-icon-btn::after {
		font-size: 20px;
	}

	/* left icon under line btn */
	.link-left-icon-btn {
		min-height: 30px;
		flex-direction: row-reverse;
		padding: 5px 0;
	}
	.link-left-icon-btn::after {
		font-size: 20px;
	}

	/* underline link btn */
	.link-underline-btn {
		min-height: 30px;
		padding: 2px 0 8px 0;
	}

	/* right icon under line btn */
	.link-right-icon-underline-btn,
	.link-left-icon-underline-btn {
		min-height: 30px;
		padding: 2px 0 8px 0;
	}

	/* border icon btn */
	.icon-border-btn,
	.icon-btn,
	.icon-without-border-btn {
		width: 40px;
		height: 30px;
	}

	/* withour border btn */
	
	.icon-without-border-btn::before {
		font-size: 16px;
	}
	
}
@media (max-width: 767px) {
	h1 {
		font-size: 28px;
	}

	h2 {
		font-size: 24px;
	}

	h3 {
		font-size: 24px;
	}

	h4 {
		font-size: 20px;
	}

	h5 {
		font-size: 18px;
	}

	h6 {
		font-size: 16px;
	}
	.item-grid.slick-slider::before {
		width: 10px;
	}
	.item-grid.slick-slider::after {
		width: 10px;
	}
}
@media (max-width: 575px) {
	.vendor-item .title a,
	.manufacturer-item .title a,
	.category-grid .item-box .title a,
	.item-box .details .product-title {
		font-size: 16px;
	}
	.item-box .details .prices {
		font-size: 14px;
	}
	.item-box .details .sku {
		font-size: 12px;
	}
	.item-box .details .base-price-pangv {
		font-size: 12px;
	}
	.item-box .details .buttons {
		padding-top: 10px;
	}
	.item-grid {
		gap: 20px 0;
	}
	.item-box {
		padding: 0 10px;
	}	
}
@media (min-width: 576px) {
	.vendor-item .title a,
	.manufacturer-item .title a,
	.category-grid .item-box .title a,
	.item-box .details .product-title {
		font-size: 18px;
	}
	.item-box .details .prices {
		font-size: 16px;
	}
	.item-box .details .sku {
		font-size: 14px;
	}
	.item-box .details .base-price-pangv {
		font-size: 14px;
	}
	.item-box .details .buttons {
		padding-top: 16px;
	}
	.item-grid {
		gap: 32px 0;
	}
	.item-box {
		padding: 0 16px;
	}
}
@media (min-width: 768px) {
	h1 {
		font-size: 45px;
	}

	h2 {
		font-size: 32px;
	}

	h3 {
		font-size: 24px;
	}

	h4 {
		font-size: 20px;
	}

	h5 {
		font-size: 18px;
	}

	h6 {
		font-size: 16px;
	}
	.product-list .item-box .picture {
		position: relative;
		backface-visibility: hidden;
	}
	.item-box .btn-wrapper {
		position: absolute;
		display: block;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%,-50%);
		-ms-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
		opacity: 0;
		min-width: 134px;
		pointer-events: none;
		transition: opacity .2s ease;
	}
	.item-box .product-item:hover .btn-wrapper {
		opacity: 1;
		pointer-events: auto;
	}
	.item-grid.slick-slider::after {
		width: 16px;
	}
	.item-grid.slick-slider::before {
		width: 16px;
	}
}
@media (min-width: 992px){
	/* primary Button */
	.primary-btn {
		min-height: 37px;
		padding: 0 20px;
		font-size: 16px;
	}

	/* primary left side icon btn */
	/* primary right side icon btn */
	.primary-left-icon-btn,
	.primary-right-icon-btn {
		padding: 0 20px;
		font-size: 16px;
		min-height: 37px;
	}
	.primary-left-icon-btn::before,
	.primary-right-icon-btn::before {
		width: 20px;
		height: 20px;
	}

	/* Secondary Button */
	.secondary-btn {
		min-height: 37px;
		padding: 0 20px;
		font-size: 16px;
	}

	/* Secondary left side icon btn */
	.secondary-left-icon-btn,
	.secondary-right-icon-btn {
		padding: 0 20px;
		font-size: 16px;
		min-height: 37px;
	}
	.secondary-left-icon-btn::before,
	.secondary-right-icon-btn::before {
		width: 20px;
		height: 20px;
	}

	/* Secondary right side icon btn */
	.secondary-right-icon-btn {
		flex-direction: row-reverse;
	}

	/* link btn */
	.link-btn {
		min-height: 37px;
	}
	/* right icon link btn */
	.link-right-icon-btn {
		min-height: 37px;
	}
	.link-right-icon-btn::after {
		font-size: 20px;
	}

	/* left icon link btn */
	.link-left-icon-btn {
		min-height: 37px;
	}
	.link-left-icon-btn::after {
		font-size: 20px;
	}

	/* underline link btn */
	.link-underline-btn {
		min-height: 37px;
	}

	/* right icon under line btn */
	.link-right-icon-underline-btn,
	.link-left-icon-underline-btn {
		min-height: 37px;
		padding: 8px 0;
	}
	
	/* border icon btn */
	.icon-border-btn,
	.icon-btn,
	.icon-without-border-btn {
		width: 52px;
		height: 37px;
	}

	/* withour border btn */
	.icon-without-border-btn::before {
		font-size: 20px;
	}
}
@media (min-width: 1025px) {
	.center-2 .product-list .item-box {
		position: relative;
		width: 100%;
		margin: 0 0 15px !important;
		text-align: left;
		border: 1px solid #eee;
		background-color: #fff;
		border-radius: 3px;
		overflow: hidden;
	}

	.center-2 .product-list .item-box .picture {
		z-index: 1;
		overflow: hidden;
		background-color: #fff;
		margin: 0 0 5px;
		border-radius: 2px 2px 0 0;
	}
	.center-2 .product-list .item-box .picture {
		float: left;
		width: 260px;
		margin-bottom: 0;
		overflow: visible;
	}
	.center-2 .product-list .item-box .details {
		margin: 0 30% 0 290px;
		padding: 30px 0 0;
		max-height: 190px;
		overflow: hidden;
	}
	.product-list .item-box .product-title {
		height: auto;
		font-size: 18px;
		font-weight: bold;
		padding: 0;
	}
	.product-list .item-box .description {
		display: block;
		height: auto;
		max-height: 81px;
		margin: 0;
		line-height: 20px;
		font-size: 15px;
		color: #8c8c8c;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
		word-break: break-all;
	}
	.center-2 .product-list .item-box .add-info {
		position: absolute;
		right: 0;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		width: 30%;
		padding: 0 20px;
		text-align: center;
	}
	.center-2 .product-list .item-box .btn-wrapper button:before {
		font-size: 19px;
	}
	.product-grid .item-box .picture a:after {
		content: "";
		position: absolute;
		display: block;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		margin: auto;
		background-color: #444;
		opacity: 0;
		transition: all .1s ease;
	}
	.product-list .item-box .btn-wrapper {
		left: 100%;
		top: auto;
		bottom: 30px;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
		opacity: 1;
		width: 200px;
		padding-left: 30px;
	}
	.product-grid .item-box .product-item:hover .picture a:after {
		opacity: .4;
	}
	.product-list .quick-view-button a {
		background-color: #f2f2f2;
		width: 45px;
		height: 45px;
		line-height: 45px;
		border-radius: 3px;
	}
	.product-list .quick-view-button a:before {
		font-size: 19px;
	}
	.center-2 .product-list .item-box .btn-wrapper button {
		line-height: 45px;
		border-radius: 3px;
		background-color: #f2f2f2;
		width: 45px;
		height: 45px;
	}
	.center-2 .product-list .item-box .btn-wrapper button:before {
		font-size: 19px;
	}
	.item-box .picture a img {
		padding: 40px;
		border-radius: 56px;
	}
	.login-page .page-title h1,
	.registration-page .page-title h1,
	.registration-result-page .page-title h1 {
		font-size: 45px;
	}
	.item-grid.slick-slider {
		margin: 0 -16px;
	}
	.custom-modal .custom-modal-content{
		width: 100%;
	}
	.custom-modal .custom-modal-close-btn {
		top: -40px;
		right: -40px;
	}
}
@media (min-width: 1281px) {
	.center-2 .product-list .item-box .details {
		margin: 0 25% 0 290px;
	}
	.center-2 .product-list .item-box .add-info {
		width: 25%;
	}
}