/*
Version: 1.0.1
*/


/*** Root ***/
:root {
	--background-gray: #F6F6F6;
	--main-gray: #C1C1C1;
	--hover-gray: #363636;
	--main-black: #000;
	--main-red: #F00;
	--main-green: #00A725;
	--main-orange: #F09E00;
}

/* width */
*::-webkit-scrollbar {
	width: 7px !important;
}

/* Track */
*::-webkit-scrollbar-track {
	background: var(--main-gray) !important; 
}

/* Handle */
*::-webkit-scrollbar-thumb {
	border-radius: 4px !important;
	background: #000 !important;
}

/* Handle on hover */
/* *::-webkit-scrollbar-thumb:hover {
	background: #555; 
} */

body {
	background-color: var(--background-gray);
	
	color: var(--main-black);
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

body *:not(.fa):not(.fas):not(.far):not(.fal):not(.vjs-icon-placeholder) {
	
}

body.noscroll,
body.body--noscroll {
	overflow: hidden !important;
}

.fa,
.far,
.fal,
.fas {
	font-family: "Font Awesome 5 Free", "Font Awesome 5 Free Brands";
}

#main {
	background-color: var(--background-gray);
	min-height: -moz-calc(100vh - 197px);
	min-height: -webkit-calc(100vh - 197px);
	min-height: -o-calc(100vh - 197px);
	min-height: calc(100vh - 197px);
}

.admin-bar #main {
	min-height: -moz-calc(100vh - 311px);
	min-height: -webkit-calc(100vh - 311px);
	min-height: -o-calc(100vh - 311px);
	min-height: calc(100vh - 311px);
}

#wpadminbar {
	position: fixed !important;
}

.main_container {
	padding: 0 0 40px 0;
	margin: 0 auto;
	max-width: -moz-calc(100% - 20px);
	max-width: -webkit-calc(100% - 20px);
	max-width: -o-calc(100% - 20px);
	max-width: calc(100% - 20px);
}

.admin-bar .modal {
	top: 46px;
}

@media screen and (min-width: 376px) {
	.admin-bar #main {
		min-height: -moz-calc(100vh - 276px);
		min-height: -webkit-calc(100vh - 276px);
		min-height: -o-calc(100vh - 276px);
		min-height: calc(100vh - 276px);
	}
}

@media screen and (min-width: 650px) {
	.admin-bar #main {
		min-height: -moz-calc(100vh - 243px);
		min-height: -webkit-calc(100vh - 243px);
		min-height: -o-calc(100vh - 243px);
		min-height: calc(100vh - 243px);
	}
}

@media screen and (min-width: 783px) {
	.admin-bar #main {
		min-height: -moz-calc(100vh - 229px);
		min-height: -webkit-calc(100vh - 229px);
		min-height: -o-calc(100vh - 229px);
		min-height: calc(100vh - 229px);
	}

	.admin-bar .modal {
		top: 32px;
	}
}

.loggedNotChecked .loggedInItem,
.loggedNotChecked .loggedOutItem {
	display: none !important;
}

.loggedOut .loggedInItem {
	display: none !important;
}

.loggedIn .loggedOutItem {
	display: none !important;
}


/*** Typography ***/
@font-face {
	
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('/wp-content/themes/mymedi/fonts/TTNormsProRegular.woff2') format('woff2');
}

@font-face {
	
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('/wp-content/themes/mymedi/fonts/TTNormsProMedium.woff2') format('woff2');
}

@font-face {
	
	font-style: italic;
	font-weight: medium;
	font-display: auto;
	src: url('/wp-content/themes/mymedi/fonts/TTNormsProMediumItalic.woff2') format('woff2');
}

@font-face {
	font-family: 'Font Awesome 5 Free Brands';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url(https://use.fontawesome.com/releases/v5.13.0/webfonts/fa-brands-400.eot);
	src: url(https://use.fontawesome.com/releases/v5.13.0/webfonts/fa-brands-400.eot?#iefix) format('embedded-opentype'), url(https://use.fontawesome.com/releases/v5.13.0/webfonts/fa-brands-400.woff2) format('woff2'), url(https://use.fontawesome.com/releases/v5.13.0/webfonts/fa-brands-400.woff) format('woff'), url(https://use.fontawesome.com/releases/v5.13.0/webfonts/fa-brands-400.ttf) format('truetype'), url(https://use.fontawesome.com/releases/v5.13.0/webfonts/ffa-brands-400.svg#fontawesome) format('svg');
}

.ta_right {
	text-align: right !important;
}

.ta_center {
	text-align: center !important;
}

.ta_left {
	text-align: left !important;
}

.tt_uppercase {
	text-transform: uppercase !important;
}

.td_underline {
	text-decoration: underline !important;
}

.td_underline_offset_3 {
	text-underline-offset: 3px;
}

.fw_100 {
	font-weight: 100 !important;
}

.fw_400 {
	font-weight: 400 !important;
}

.fw_500 {
	font-weight: 500 !important;
}

.fw_600 {
	font-weight: 600 !important;
}

.fw_700 {
	font-weight: 700 !important;
}

.lh_1 {
	line-height: 1;
}

.lh_13 {
	line-height: 1.3;
}


/*** Displays ***/
.w_auto {
	width: auto !important;
}

.w_100 {
	width: 100% !important;
}

.mw_100 {
	min-width: 100% !important;
}

.mw_unset {
	min-width: unset !important;
}

.d_flex {
	display: flex !important;
}

.d_iflex {
	display: inline-flex !important;
}

.fd_row {
	flex-direction: row !important;
}

.fd_column {
	flex-direction: column !important;
}

.jc_spacebetween {
	justify-content: space-between !important;
}

.jc_spacearround {
	justify-content: space-around !important;
}

.jc_spaceevenly {
	justify-content: space-evenly !important;
}

.jc_center {
	justify-content: center !important;
}

.jc_start {
	justify-content: start !important;
}

.jc_end {
	justify-content: end !important;
}

.ai_center {
	align-items: center !important;
}

.ai_start {
	align-items: start !important;
}

.ai_fstart {
	align-items: flex-start !important;
}

.ai_end {
	align-items: end !important;
}

.ai_fend {
	align-items: flex-end !important;
}

.fg_1 {
	flex-grow: 1 !important;
}

.fs_1 {
	flex-shrink: 1 !important;
}

.p_0 {
	padding: 0 !important;
}

.m_0 {
	margin: 0 !important;
}


/*** Buttons ***/
.bt.hoverbutton {
	position: relative;
	width: 100%;
	height: 40px;
	flex-shrink: 0;
	border-radius: 28px;
	background: var(--main-black);
    border: 1px solid var(--main-black);
    color: #fff;
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	line-height: 88.305%;
	text-align: center;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	transition-duration: .15s;
    transition-property: all;
	user-select: none;
	cursor: pointer;
}

.bt.hoverbutton.reversed {
	border-radiuss: 28px;
	backgroundd: white;
    borderr: 1px solid var(--main-black);
    colorr: var(--main-black);
}

.bt.hoverbutton:active {
    transform: scale(0.97);
}

.bt.hoverbutton.big {
	height: 50px;
}

.bt.hoverbutton.big.with_icon svg {
	position: absolute;
	right: 13px;
}

.bt.hoverbutton.big.with_icon svg,
.bt.hoverbutton.big.with_icon svg path {
	transition-duration: .3s;
    transition-property: all;
}

.bt.hoverbutton.big.with_icon:hover svg path {
	fill: var(--main-black);
}

@media screen and (max-width: 500px) {
	.bt.hoverbutton.big.big_md {
		height: 40px;
	}
}

.bt.hoverbutton span {
    color: #fff;
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	line-height: 88.305%;
	text-align: center;
	transition-duration: .3s;
    transition-property: all;
	user-select: none;
	z-index: 1;
}

.bt.hoverbutton.reversed span {
    color: var(--main-black);
}

.bt.hoverbutton:before {
    content: "";
    display: block;
    position: absolute;
    background: #fff;
    width: 0;
    height: 100%;
    top: 0;
    left: 0;
    transition: all .3s ease-in-out;
	border-radius: 28px;
}

.bt.hoverbutton.reversed:before {
    background: var(--main-black);
}

.bt.hoverbutton:hover span {
	colorr: var(--main-black);
}

.bt.hoverbutton.reversed:hover span {
	color: #fff;
}

.bt.hoverbutton:hover:before {
    widthh: 100%;
    topp: 0;
    leftt: 0;
}

.bt.hoverbutton:hover {
    box-shadoww: 0 0 2px 0 rgb(19 26 31/12%), 0 2px 4px 0 rgb(19 26 31/22%);
	colorr: var(--main-black);
}

.bt.hoverbutton.reversed:hover {
    box-shadow: 0 0 2px 0 rgb(19 26 31/12%), 0 2px 4px 0 rgb(19 26 31/22%);
	color: #fff;
}

.bt.hoverbutton.disableAdd {
	color: var(--main-black);
	cursor: not-allowed;
	box-shadow: none !important;
	transform: scale(1) !important;
}

.bt.hoverbutton.disableAdd span {
	color: var(--main-black);
}

.bt.hoverbutton.disableAdd:before {
	width: 100%;
    top: 0;
    left: 0;
}


/*** Inputs ***/
html body input {
    box-shadow: none;
    outline: none;
    width: auto;
    border: none;
    margin: 0;
    padding: 0;
}

.input_group {
	display: flex;
	flex-direction: column;
	justify-content: start;
	align-items: flex-start;
	gap: 7px;
	align-self: stretch;
}

.input_group.centered {
	justify-content: center;
}

.input_group label {
	color: var(--main-black);
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	display: block;
	width: 100%;
	padding: 0;
    margin: 0;
}

.input_group.requiredGroup label:after {
	content: "*";
	color: red;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}

.input_group .form_input {
	height: 40px;
	flex-shrink: 0;
	width: 100%;
	border-radius: 5px;
	border: 1px solid var(--main-gray);
	background: white;
	outline: 0 !important;
}

.input_group textarea.form_input {
	min-height: 40px;
	height: auto;
}

.input_group.centered label,
.input_group.centered .form_input {
	text-align: center;
}

input[type=checkbox].my_checkbox {
	height: 30px;
	width: 30px;
	accent-color: var(--background-gray);
	color: var(--background-gray);
	cursor: pointer;
	-moz-appearance:none;
	-webkit-appearance:none;
	-o-appearance:none;
}

input[type=checkbox].my_checkbox:after {
	display: inline-block;
    background-color: white;
    content: "";
    width: 30px;
    height: 30px;
    border-radius: 5px;
    border: 1px solid var(--main-gray);
	cursor: pointer;
}

input[type=checkbox].my_checkbox:checked:after {
	display: inline-block;
    background-color: var(--background-gray);
    content: "";
    background-image: url(/wp-content/themes/mymedi/images/icons/hatziyiannakis-checked-checkbox.svg);
    width: 30px;
    height: 30px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center center;
	border-radius: 0;
    border: none;
}

input[type=checkbox].my_checkbox + label {
	color: var(--main-black);
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	margin: 0;
	padding: 0;
	cursor: pointer;
	user-select: none;
}

input[type=radio].my_radio {
	height: 30px;
	width: 30px;
	accent-color: var(--background-gray);
	color: var(--background-gray);
	cursor: pointer;
	-moz-appearance:none;
	-webkit-appearance:none;
	-o-appearance:none;
}

input[type=radio].my_radio:after {
	display: inline-block;
    background-color: white;
    content: "";
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 1px solid var(--main-gray);
	cursor: pointer;
}

input[type=radio].my_radio:checked:after {
	display: inline-block;
    background-color: var(--background-gray);
    content: "";
    background-image: url(/wp-content/themes/mymedi/images/icons/hatziyiannakis-checked-radio.svg);
    width: 30px;
    height: 30px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center center;
	border-radius: 50%;
    border: none;
}

input[type=radio].my_radio + label {
	color: var(--main-black);
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	margin: 0;
	padding: 0;
	cursor: pointer;
	user-select: none;
}

input[type="radio"]+label {
	display: block;
	-webkit-transition-property: border-color;
	transition-property: border-color;
	padding: 0 0 0 30px;
	margin-bottom: 0px;
	color: var(--main-black);
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	cursor: pointer;
}

.radio_wrapper {
	position: relative;
}

input[type="checkbox"]+label:before,
input[type="radio"]+label:before {
	position: absolute;
	top: 0;
	content: "";
	left: 0;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	cursor: pointer;
}

input[type="radio"]+label:before {
	background-image: url('/wp-content/themes/mymedi/images/radio.svg');
	background-size: 20px 20px;
	background-position: center center;
	background-repeat: no-repeat;
}

.redBorder [type="radio"]+label:before {
	background-image: url('/wp-content/themes/mymedi/images/radio_error.svg');
}

input[type="radio"]:checked+label:before {
	background-image: url('/wp-content/themes/mymedi/images/radio_checked.svg');
}

input[type="radio"]+label:before {
	top: 0;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
	left: 0px;
}


/*** Header / Footer ***/
.header_sides {
	gap: 5px;
	min-height: 1px;
}

.header_sides.left_header_side,
.left_header_side_mobile {
	position: absolute;
	left: 0;
}

.left_header_side_mobile svg {
	width: 15px;
}

.header_sides.right_header_side {
	position: absolute;
	right: 0;
	max-width: 320px;
}

.header_sides span {
	font-size: 12px;
	position: relative;
	top: 1px;
}

.menu_right_buttons {
	gap: 0px;
}

.menu_right_buttons .buttonPart {
	position: relative;
	display: flex;
	height: 20px;
	align-items: center;
	justify-content: center;
}

.sticky-wrapper.is-sticky .logo img,
.sticky-wrapper.is-sticky .logo-header img {
    width: auto !important;
}

.menu_right_buttons .buttonPart.languageButtonPart,
.menu_right_buttons .buttonPart.viewmodeButtonPart {
	display: none;
}

.menu_right_buttons .buttonPart:not(:first-child) {
	padding-left: 15px;
}

.menu_right_buttons .buttonPart:not(:last-child) {
	padding-right: 15px;
}

.menu_right_buttons .buttonPart.threeButtonsPart {
	padding-right: 0;
}

.menu_right_buttons .buttonGroup {
	gap: 15px;
}

.menu_right_buttons .buttonPart:not(:last-child):after {
	display: block;
	width: 1px;
	height: 20px;
	background: var(--main-gray);
	content: "";
	position: absolute;
	right: 0;
	top: 0;
}

.menu_right_buttons .buttonPart.threeButtonsPart:after {
	display: none;
}

.languages-container {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 85px;
	background-color: white;
	padding: 15px;
	margin-top: 10px;
	border-radius: 4px;
	box-shadow: 0px 7px 17px rgb(84 84 84 / 40%);
	transition: opacity 0.3s ease-in-out 0.2s, top 0.1s ease-out 0.6s;
	position: absolute;
	display: none;
	right: -5px;
	bottom: -65px;
	z-index: 1;
}

.viewmode-container {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100px;
	background-color: white;
	padding: 15px;
	margin-top: 10px;
	border-radius: 4px;
	box-shadow: 0px 7px 17px rgb(84 84 84 / 40%);
	transition: opacity 0.3s ease-in-out 0.2s, top 0.1s ease-out 0.6s;
	position: absolute;
	display: none;
	right: -5px;
	bottom: -65px;
}

.sidebarFooter .languages-container,
.sidebarFooter .viewmode-container {
	position: unset;
	display: flex;
	box-shadow: none;
	background: transparent;
	padding: 0;
	width: auto;
	gap: 10px;
	border-radius: 0;
	margin-top: 0;
}

.languages-container.open,
.viewmode-container.open {
	display: flex;
}

.language_option,
.viewmode_option {
	font-size: 16px !important;
}

.sidebarFooter .language_option,
.sidebarFooter .viewmode_option {
	color: var(--main-black);
	text-align: center;
	font-size: 14px !important;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	text-transform: uppercase;
}

.language_option.selected,
.viewmode_option.selected {
	font-weight: 700;
}

.loggedOut .menu_right_buttons .buttonPart.languageButtonPart:after {
	content: none;
}

@media screen and (max-width: 919px) {
	.upperHeader .header_sides {
		display: none !important;
	}
}

@media screen and (max-width: 768px) {
	.header_sides.left_header_side {
		display: none !important;
	}

	.sidebarFooter .header_sides.left_header_side {
		display: inline-flex !important;
		justify-content: center;
		width: 100%;
		position: relative;
	}

	#left-sidebar .product-categories-2,
	#group-icon-header .product-categories-2 {
		margin-bottom: 0;
	}

	.logoutButtonPart {
		display: none !important;
	}

	.menu_right_buttons .buttonPart.languageButtonPart:after {
		content: none;
	}
}

@media screen and (min-width: 769px) {
	.menu_right_buttons .buttonPart.languageButtonPart,
	.menu_right_buttons .buttonPart.viewmodeButtonPart {
		display: flex;
	}

	.menu_right_buttons .buttonPart.threeButtonsPart {
		padding-right: 15px;
	}

	.menu_right_buttons .buttonPart.threeButtonsPart:after {
		display: block;
	}

	.menu_right_buttons .buttonPart:not(:first-child) {
		padding-left: 10px;
	}

	.menu_right_buttons .buttonPart:not(:last-child) {
		padding-right: 10px;
	}

	.menu_right_buttons .buttonGroup {
		gap: 10px;
	}
}

.cartBarWrapper {
	gap: 7px;
}

.menuSearchWrapper {
	position: relative;
}

.menuSearch {
	width: 0;
	height: 40px;
	flex-shrink: 0;
	border-radius: 5px;
	border: solid var(--main-gray);
	border-width: 0px;
	background: white;
	padding: 0;
	padding-top: 2px;
	margin: 0;
	position: absolute;
	right: -moz-calc(100% - 10px);
	right: -webkit-calc(100% - 10px);
	right: -o-calc(100% - 10px);
	right: calc(100% + 10px);
	top: -12px;
	transition: width 0.3s ease-in-out;
	color: var(--main-black);
	text-align: center;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 100.305%;
	letter-spacing: 0.35px;
}

.menuSearch.open {
	width: 310px;
	border-width: 1px;
}

.menuSearch::placeholder {
	color: var(--main-black);
	font-size: 14px;
	text-align: center;
	font-style: normal;
	font-weight: 400;
	line-height: 100.305%;
	letter-spacing: 0.35px;
	opacity: 1;
}

.menuSearch::-ms-input-placeholder {
	color: var(--main-black);
	font-size: 14px;
	text-align: center;
	font-style: normal;
	font-weight: 400;
	letter-spacing: 0.35px;
}

.languageWrapper {
	gap: 5px;
}

.header_sides span.cartPrice {
	text-align: right;
	font-size: 12px;
	font-style: normal;
	font-weight: 500;
	line-height: 1;
	text-transform: uppercase;
}

.cartCounterWrapper {
	width: 12px;
	height: 12px;
	flex-shrink: 0;
	background: #D9D9D9;
	position: absolute;
	border-radius: 50%;
	top: -1px;
	right: 0;
}

.cartCounter:not(.cartTitleCounter) {
	color: var(--main-black);
	text-align: center;
	font-size: 11px !important;
	font-style: normal;
	font-weight: 500;
	line-height: 93.3%;
	text-transform: uppercase;
	transition: color 0.2s;
}

.header_sides span.languageLbl,
.header_sides span.viewmodeLbl {
	font-size: 12px;
	font-style: normal;
	font-weight: 500;
	line-height: 1;
	text-transform: uppercase;
}

.hover_grow {
	transition: transform 0.2s;
}

.hover_grow:hover {
	transform: scale(1.2);
}

.menu_right_buttons .cartBarWrapper .menu_icon {
	padding-right: 7px;
}

.menu_right_buttons .cartBarWrapper.hovered {
	transform: scale(1.2);
}

.menu_right_buttons .cartBarWrapper.hovered .cartCounter {
	color: red !important;
}

.menu_right_buttons .menu_icon {
	position: relative;
}

.menu_right_buttons .menu_icon .cart {
	width: 17px;
	flex-shrink: 0;
}

.menu_right_buttons .menu_icon .person {
	width: 16px;
	flex-shrink: 0;
}

.menu_right_buttons .menu_icon .heart {
	width: 18px;
	flex-shrink: 0;
}

.menu_right_buttons .menu_icon .search {
	width: 16px;
	flex-shrink: 0;
}

.menu_right_buttons .menu_icon .lang {
	width: 11px;
	flex-shrink: 0;
}


/*** Sidecart ***/
body.minicart-open #minicart-backdrop {
	transform: translateY(0);
}

body.minicart-open .modal-backdrop {
	display: none;
}

@media screen and (max-width: 639px) {
	body.minicart-open .snackbar-pos.top-right {
		bottom: 0 !important;
		top: auto !important;
	}
}

#modalSideCart,
#modalorderdetails {
	width: 100%;
	right: 0;
    left: unset;
	display: block !important;
	opacity: 1 !important;
	transform: translateX(100%);
    transition: transform .6s ease !important;
	max-width: 100%;
}

#modalSideCart.show,
#modalorderdetails.show {
	transform: translateX(0);
}

#modalSideCart .modal-dialog,
#modalorderdetails .modal-dialog {
	width: 100%;
	right: 0;
    left: unset;
	max-width: 100%;
}

.cartTitleWrapper {
	padding: 10px 0 10px 0;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

.cartTitle {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	gap: 10px;
}

.cartTitle > span {
	color: var(--main-black);
	text-align: center;
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-transform: uppercase;
}

.cartTitleCounter {
	width: 33px;
	height: 33px;
	background: var(--main-black);
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	color: white;
	text-align: center;
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	text-transform: uppercase;
	border-radius: 50%;
}

#sidecart {
	padding: 10px 12px !important;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.sideCartInner {
	padding: 0 5px 0 12px !important;
    margin-left: -12px;
    margin-right: -12px;
    display: flex;
    flex-direction: column;
    gap: 10px;
	overflow: auto;
}

.cartErrorMessage {
	display: none;
	color: var(--main-red);
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	gap: 20px;
	width: 100%;
	font-size: 14px;
    font-weight: 500;
	border-radius: 10px;
    border: 1px solid var(--main-gray);
    background: #FFF;
    padding: 10px;
}

.cartErrorMessage svg path {
	stroke: var(--main-red);
}

#sidecart.APIerror .cartErrorMessage,
#cartInner.APIerror .cartErrorMessage {
	display: flex;
}

.sideCartRow {
	position: relative;
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
	flex-direction: row;
    align-items: center;
    gap: 0;
    height: 137px;
    height: auto;
    border-radius: 10px;
    border: 1px solid var(--main-gray);
    background: #FFF;
}

.sideCartRow p.quantity {
	margin: 0 !important;
    display: flex;
    flex-direction: row;
    width: 77px;
    height: 35px;
    flex-shrink: 0;
    border-radius: 5px;
    border: 1px solid var(--main-gray);
    background: white;
    position: relative;
	justify-content: center;
    align-items: center;
}

.sideCartRow p.quantity span {
	display: inline-flex;
}

.sideCartRow .quantity_label {
	position: absolute;
	top: -20px;
	font-size: 12px;
	width: 100%;
	left: 0;
	right: 0;
	text-align: center;
	font-weight: 600;
	color: #55add9;
	display: none !important;
}

.sideCartRow .changeQuantityButton:first-of-type {
	position: absolute;
    left: 9px;
    top: 12.5px;
    bottom: 12.5px;
    width: 10px;
    height: 10px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
	padding: 0;
	margin: 0;
}

.sideCartRow .changeQuantityButton:last-of-type {
	position: absolute;
    right: 9px;
    top: 12.5px;
    bottom: 12.5px;
    width: 10px;
    height: 10px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
	padding: 0;
	margin: 0;
}

.sideCartRow .cartQuantityInput {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 0;
	box-sizing: border-box;
	box-shadow: none;
	border: none;
	max-width: 100%;
	width: 30px;
	height: 16px;
	text-align: center;
	padding: 0;
	margin: 0;
	-moz-appearance: textfield;
	color: var(--main-black);
	background-color: transparent;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 100.305%;
	letter-spacing: 0.4px;
}

.sideCartRow .bold-text {
	font-weight: bold !important;
}

.sideCartRow .sideCartProductImage {
	width: 106px;
    height: 110px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
	border-radius: 10px;
}

.sideCartRow .sideCartProductImage a {
	width: 106px;
    height: 110px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
	border-radius: 10px;
}

.sideCartRow .sideCartProductImage a img {
	border-radius: 10px;
}

.sideCartRow .sideCartProductDetails {
	padding: 20px 19px 21px 10px;
	width: 100%;
    height: 100%;
    flex-grow: 1;
	display: flex;
}

.sideCartRow .product-body {
	flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
	gap: 10px;
}

.sideCartRow .product_prices {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	flex-grow: 1;
	width: 100%;
}

.sideCartRow .minicartTrash:hover {
	color: red !important;
}

.sideCartRow .changeQuantityButton:hover {
	color: #c0c2c5;
	background-color: white;
}

.sideCartRow .product-body * {
	color: #4b4c4d;
}

.product_info {
	display: flex;
	flex-direction: column;
	width: 100%;
	gap: 5px;
}

.product_info .Description {
	color: var(--main-black);
	font-size: 15px;
	font-style: normal;
	font-weight: 700;
	line-height: 18px;
	text-decoration-line: underline;
	display: block;
}

.product_info .product_code {
	color: var(--main-black);
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 17px;
	display: block;
}

.product_prices .Price {
	color: var(--main-black);
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	line-height: 100.305%;
	letter-spacing: 0.35px;
	display: flex;
	gap: 4px;
	justify-content: center;
    align-items: center;
}

#sidecart.APIerror .Price {
	opacity: 0 !important;
}

.product_prices .Price .discount_price {
	color: #8C8C8C;
	font-size: 12px;
	font-style: normal;
	font-weight: 500;
	line-height: 100.305%;
	letter-spacing: 0.3px;
	text-decoration-line: line-through;
}

.sideCartTotalsWrapper {
	display: flex;
    flex-direction: column;
    gap: 5px;
	padding: 10px 0;
	position: relative;
}

#sidecart.APIerror .sideCartTotalsWrapper .totals_row > div:last-child,
.cart-sidebar.APIerror .sideCartTotalsWrapper .totals_row > div:last-child {
	opacity: 0 !important;
}

.sideCartTotalsWrapper .loaderWrapper,
#modalorderdetails .loaderWrapper {
	position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.totals_row {
	display: flex;
	flex-direction: row;
	width: 100%;
	justify-content: space-between;
	align-items: centers;
}

.totals_row .lbl {
	color: var(--main-black);
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.totals_row.grandTotal .lbl {
	color: var(--main-black);
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}

.totals_row.grandTotal .lblBig {
	color: var(--main-black);
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

#modalSideCart .icofont-close {
	color: #4b4c4d !important;
}

#sidecart .inactiveLink {
	pointer-events: none;
	cursor: default;
}

.sideCartRow .product-body .quantity.fa.myfa .changeQuantityButton .fas {
	color: #fff;
}

.sideCartRow .product-body .quantity.fa.myfa .changeQuantityButton:hover .fas {
	color: #c0c2c5;
}

.px-width-box-shadow.only-mycart {
	display: none;
}

#modalSideCart .modal-footer {
	border-top: none;
	padding: 20px;
}

#modalSideCart .modal-footer .NavLink.GoToBasketSide {
	width: 100%;
}

#modalSideCart .modal-footer .NavLink.GoToBasketSide:hover>a.hide-small-viewport {
	color: #fff !important;
}

#modalSideCart .modal-title:hover {
	cursor: pointer;
}

#modalSideCart .modal-title {
	font-size: 16px;
	
}

#modalSideCart .minicart-product-cont.hide {
	display: none;
}

#modalSideCart .sideCartRow>i {
	transform: rotate(-90deg);
}

#modalSideCart .sideCartRow.hide>i {
	transform: rotate(90deg);
}

#modalSideCart .sideCartRow.mybaskettile:hover {
	cursor: pointer;
}

#modalSideCart .sideCartRow.sideCartRow.mybaskettile .num_prod {
	display: inline-block;
	width: 26px;
	height: 26px;
	background-color: #287ba7;
	text-align: center;
	color: #fff;
	border-radius: 50%;
	font-size: 14px;
}

.removeCartItemWrapper {
	position: absolute;
	top: 10px;
	right: 10px;
	cursor: pointer;
}

.removeCartItemWrapper svg {
	width: 11px;
	height: 11px;
	transition: transform 0.2s ease;
}

.removeCartItemWrapper svg > * {
	transition: stroke 0.2s ease;
}

.removeCartItemWrapper:hover svg > * {
	stroke: red;
}

.removeCartItemWrapper:hover svg {
	transform: scale(1.2);
}

@media screen and (min-width: 501px) {
	#modalSideCart {
		width: 379px;
	}
	
	#modalSideCart .modal-dialog {
		width: 379px;
	}

	#sidecart {
		padding: 10px 20px 10px 15px !important;
	}

	.sideCartInner {
		padding: 0 15px 0 15px !important;
		margin-left: -15px;
		margin-right: -20px;
	}

	.sideCartRow {
		height: 138px;
		height: auto;
	}

	.sideCartRow .sideCartProductImage {
		width: 123px;
		height: 127px;
	}
	
	.sideCartRow .sideCartProductImage a {
		width: 123px;
		height: 127px;
	}

	.sideCartRow .sideCartProductDetails {
		padding: 11.5px 21px 12.5px 10px;
		width: 100%;
		height: 100%;
		flex-grow: 1;
		display: flex;
	}
}

@media screen and (min-width: 769px) {
	#modalSideCart {
		width: 481px;
	}
	
	#modalSideCart .modal-dialog {
		width: 481px;
	}

	#modalorderdetails {
		width: 635px;
	}
	
	#modalorderdetails .modal-dialog {
		width: 635px;
	}

	#sidecart {
		padding: 10px 20px !important;
	}

	.sideCartInner {
		padding: 0 15px 0 20px !important;
		margin-left: -20px;
		margin-right: -20px;
	}

	.cartErrorMessage {
		gap: 25px;
		font-size: 15px;
	}

	.sideCartRow {
		height: 131px;
		height: auto;
	}

	.sideCartRow .sideCartProductImage {
		width: 123px;
		height: 127px;
	}
	
	.sideCartRow .sideCartProductImage a {
		width: 123px;
		height: 127px;
	}

	.sideCartRow .sideCartProductDetails {
		padding: 16.5px 21px 16.5px 10px;
		width: 100%;
		height: 100%;
		flex-grow: 1;
		display: flex;
	}
}

@media screen and (min-width: 1024px) {
	#modalorderdetails {
		width: 798px;
	}
	
	#modalorderdetails .modal-dialog {
		width: 798px;
	}
}


/*** My Cart ***/
section.cart {
	padding: 0 10px;
}

.cart-content > .cf {
	display: flex;
	flex-direction: column;
	gap: 30px;
	align-items: center;
	position: relative;
}

.cart-section {
	width: 100%;
}

#cartInner {
	display: flex;
	flex-direction: column;
	width: 100%;
	gap: 15px;
	flex-wrap: wrap;
}

.cart .page-title-wrap {
	display: block;
	width: 100%;
	text-align: center;
	padding: 15px 0;
}

.cart .page-title-wrap .page-title {
	color: var(--main-black);
	text-align: center;
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
}

.cart-sidebar {
	width: 100%;
	max-width: 100%;
	flex-grow: 1;
	display: flex;
    flex-direction: column;
    gap: 15px;
}

.package {
	border: 1px solid #E5E5E5;
	background: #fff;
	padding: 0;
	margin: 0;
	border-radius: 20px;
	display: flex;
	width: 370px;
	max-width: 100%;
	height: auto;
	padding-bottom: 15px;
	flex-direction: column;
	align-items: center;
	gap: 10px;
}

.cart_remove_btn {
	width: 27px;
	height: 27px;
	border: solid 1px var(--main-gray);
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
    top: 20px;
    right: 20px;
	cursor: pointer;
}

.cart_remove_btn svg {
	width: 11px;
	height: 11px;
	transition: transform 0.2s ease;
}

.cart_remove_btn svg > * {
    transition: stroke 0.2s ease;
}

.cart_remove_btn:hover svg {
    transform: scale(1.2);
}

.cart_remove_btn:hover svg > * {
    stroke: red;
}

.v_separator {
	width: 1px;
	height: 100%;
	background: var(--main-gray);
	display: block;
}

.package .v_separator {
	width: 370px;
	height: 1px;
	display: none;
}

.line-item {
	position: relative;
}

.line-item .product-image {
	display: block;
	width: 140px;
	height: 140px;
	max-height: 140px;
    max-width: 140px;
}

.product_titles {
	display: flex;
    flex-direction: column;
	gap: 10px;
	width: 100%;
	padding: 0 15px;
}

.product_titles a.loading-tile {
	color: var(--main-black);
	font-size: 15px;
	text-align: center;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-decoration-line: underline;
	margin: 0;
	padding: 0;
}

.product_titles .ProductCodes {
	display: flex;
	flex-direction: column;
}

.ProductCodes .ProductCode,
.ProductCodes .ProductOptions {
	color: var(--main-black);
	text-align: center;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.package .quantityWrapper {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	padding: 0 10px;
	width: auto;
	max-width: 100%;
}

.package .packagequantitylabel {
	width: 170px;
	height: 17px;
	color: var(--main-black);
	text-align: center;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	display: inline-block;
}

.package p.quantity {
	width: 170px;
	height: 36px;
	border-radius: 5px;
	border: 1px solid var(--main-gray);
	background: white;
	position: relative;
	margin: 0;
	display: flex;
	align-items: center;
    justify-content: center;
}

.package .changeQuantityButton:first-of-type {
	position: absolute;
	left: 13px;
	top: 13px;
	bottom: 13px;
	width: 10px;
	height: 10px;
	cursor: pointer;
	display: flex;
    justify-content: center;
    align-items: center;
}

.package .changeQuantityButton:last-of-type {
	position: absolute;
	right: 13px;
	top: 13px;
	bottom: 13px;
	width: 10px;
	height: 10px;
	cursor: pointer;
	display: flex;
    justify-content: center;
    align-items: center;
}

.package .cartQuantityInput {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 0;
	box-sizing: border-box;
	box-shadow: none;
	border: none;
	max-width: 100%;
	width: 87px;
	height: 14px;
	text-align: center;
	padding: 0;
	margin: 0;
	-moz-appearance: textfield;
	color: var(--main-black);
	background-color: transparent;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 100.305%;
	letter-spacing: 0.35px;
}
		
.itemPricesWrapper {
	display: flex;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
	flex-wrap: wrap;
}

#cartInner.APIerror .itemPricesWrapper .price_part > span:last-child {
	opacity: 0 !important;
}

.package .price_part {
	display: flex;
    width: calc(50% - 5px);
    flex-direction: column;
    align-items: center;
    gap: 3px;
    margin: 0;
    padding: 0;
}

.package .price_part > span:first-child {
	color: var(--main-black);
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.package .price_part > span:last-child {
	color: var(--main-black);
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}

.package .price_part.totalprice > span:last-child {
	font-weight: 700;
}

.cart-option-header {
	margin: 0;
	padding: 0;
}

.cart-option-header h2 {
	color: var(--main-black);
	width: 100%;
	text-align: center;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
}

.sidebar_buttons {
	display: inline-flex;
	align-items: center;
	gap: 28px;
	max-height: 50px;
}

.sidebar_buttons .bt.hoverbutton {
	width: auto;
	flex-grow: 1;
	flex-shrink: 1;
}

.sidebar_buttons .customHover_refresh svg {
    width: 27px;
    height: 27px;
}

.discount_code_container {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 10px;
}

.input_discount_code {
	display: flex;
	width: 380px;
	width: auto;
	flex-grow: 1;
	padding: 12px 15px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	border-radius: 5px;
	border: 1px solid var(--main-gray);
	background: white;
	color: var(--main-black);
	text-align: center;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 100.305%;
	letter-spacing: 0.35px;
	height: 38px;
}

.button_discount_checkmark {
	cursor: pointer;
	flex-shrink: 0;
}

@media screen and (min-width: 501px) {
	section.cart {
		padding: 0 20px;
	}

	.cart-section {
		width: 100%;
	}

	.cart-sidebar {
		width: 728px;
		flex-grow: unset;
	}

	.cart .page-title-wrap {
		padding: 13px 0 17px 0;
	}

	#cartInner {
		width: 100%;
		gap: 12px;
	}

	.package {
		width: 358px;
		height: auto;
		padding-bottom: 15px;
	}
	
	.package .v_separator {
		height: 358px;
	}

	.package .quantityWrapper {
		width: auto;
	}

	.package .packagequantitylabel {
		width: 163px;
		height: 17px;
	}

	.package p.quantity {
		width: 164px;
	}

	.package .cartQuantityInput {
		width: 84px;
		height: 14px;
		font-size: 14px;
	}
	
	.sidebar_buttons {
		justify-content: space-between;
		flex-grow: 1;
	}
	
	.sidebar_buttons .bt.hoverbutton {
		width: 483px;
		max-width: 483px;
	}
}

@media only screen and (max-width: 649px) {
	.package {
		width: auto;
		height: auto;
		flex-grow: 1;
	}
}

@media only screen and (min-width: 650px) and (max-width: 1365px) {
	#cartInner:not(.orderHistoryCart) {
		gap: 10px;
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		margin: 0 auto;
		max-width: 732px;
	}
}

@media screen and (min-width: 769px) {
	section.cart {
		padding: 0 20px;
	}

	#cartInner {
		gap: 10px;
	}

	.cart-sidebar {
		width: 732px;
		flex-grow: unset;
	}

	.cart .page-title-wrap {
		padding: 15px 0 13px 0;
	}

	.package {
		width: 363px;
		height: auto;
		padding-bottom: 15px;
	}
	
	.package .v_separator {
		width: 363px;
		height: 1px;
	}

	.package .quantityWrapper {
		width: auto;
	}

	.package .packagequantitylabel {
		width: 166px;
	}

	.package p.quantity {
		width: 166px;
	}

	.package .cartQuantityInput {
		width: 85px;
		height: 14px;
		font-size: 14px;
	}

	.itemPricesWrapper {
		flex-wrap: wrap;
	}
	
	.sidebar_buttons {
		justify-content: space-between;
		flex-grow: 1;
	}
	
	.sidebar_buttons .bt.hoverbutton {
		width: 486px;
		max-width: 486px;
	}
}

@media screen and (min-width: 1366px) {
	section.cart {
		padding: 0 20px;
	}

	.cart-section {
		width: 924px;
	}

	#cartInner {
		gap: 10px;
	}

	.cart .page-title-wrap {
		padding: 15px 0 20px 0;
	}

	.cart-content > .cf {
		flex-direction: row;
		gap: 10px;
		align-items: start;
	}

	.cart-sidebar {
		padding-top: 25px;
		width: auto;
    	flex-grow: 1;
	}

	.package {
		width: 100%;
		height: 162px;
		border: none;
		border-radius: 10px;
		align-items: center;
		flex-direction: row;
		gap: 0;
		padding-bottom: 0;
	}
	
	.package .v_separator {
		width: 1px;
		min-width: 1px;
		height: 147px;
		transform: unset;
		margin: 0 10px;
		background: var(--main-gray);
		display: block;
	}

	.line-item .product-image {
		display: block;
		width: 114px;
		height: 114px;
		max-height: 114px;
    	max-width: 114px;
		margin-right: 20px;
	}

	.product_titles {
		gap: 10px;
		width: 254px;
		align-items: flex-start;
		min-width: 254px;
		padding: 0;
	}

	.product_titles a.loading-tile {
		text-align: left;
	}

	.ProductCodes .ProductCode .value {
		font-weight: 500;
	}

	.ProductCodes .ProductOptions {
		display: none;
	}

	.package .quantityWrapper {
		flex-direction: column;
		gap: 10px;
		padding: 0;
		width: 112px
	}

	.package .packagequantitylabel {
		width: 112px;
	}

	.package p.quantity {
		width: 112px;
		height: 40px;
	}

	.package .changeQuantityButton:first-of-type {
		left: 15px;
		top: 15px;
		bottom: 15px;
	}
	
	.package .changeQuantityButton:last-of-type {
		right: 15px;
		top: 15px;
		bottom: 15px;
	}

	.package .cartQuantityInput {
		width: 58px;
		height: 16px;
		font-size: 16px;
		line-height: 100.305%;
		letter-spacing: 0.4px;
	}

	.itemPricesWrapper {
		width: 390px;
		align-items: flex-start;
		align-content: flex-start;
		gap: 15px 10px;
		flex-wrap: wrap;
		min-width: 390px;
	}

	.package .price_part {
		display: flex;
		width: 117px;
		flex-direction: column;
		align-items: flex-start;
		gap: 5px;
		margin: 0;
		padding: 0;
	}

	.sidebar_buttons {
		justify-content: unset;
		gap: 28px;
	}
	
	.sidebar_buttons .bt.hoverbutton {
		flex-shrink: 1;
		flex-grow: 1;
		width: auto;
	}
}

@media screen and (min-width: 1600px) {
	section.cart {
		padding: 0 20px;
	}

	.cart-section {
		margin-bottom: 0;
		width: 1220px;
	}

	#cartInner {
		gap: 10px;
		margin-bottom: 0;
		display: flex;
		flex-direction: column;
	}

	.cart .page-title-wrap {
		padding: 15px 0 17px 0;
	}

	.cart-content > .cf {
		gap: 25px;
	}

	.cart-sidebar {
		width: auto;
		flex-grow: 1;
		display: flex;
		flex-direction: column;
		gap: 15px;
		padding-top: 20px;
	}
	
	.cart .page-title-wrap .page-title {
		color: var(--main-black);
		text-align: center;
		font-size: 20px;
		font-style: normal;
		font-weight: 700;
		line-height: normal;
		text-transform: uppercase;
	}
	
	.package .v_separator {
		width: 1px;
		min-width: 1px;
		height: 100%;
		margin: 0 12px;
		background: var(--main-gray);
	}

	.line-item .product-image {
		display: block;
		width: 147px;
		height: 147px;
		max-height: 147px;
    	max-width: 147px;
		margin-right: 9px;
	}

	.product_titles {
		gap: 10px;
		width: 280px;
		min-width: 280px;
		align-items: flex-start;
	}

	.package .quantityWrapper {
		width: 133px;
	}

	.package .packagequantitylabel {
		width: 133px;
	}

	.package p.quantity {
		width: 133px;
	}

	.package .cartQuantityInput {
		width: 69px;
	}

	.itemPricesWrapper {
		width: auto;
		display: inline-flex;
		justify-content: center;
		align-items: center;
		gap: 10px;
		flex-wrap: nowrap;
		padding-left: 15px;
		padding-right: 5px;
	}
}

@media screen and (min-width: 1680px) {
	.cart-section {
		width: 1300px;
	}

	.product_titles {
		width: 305px;
		min-width: 305px;
	}
}

@media screen and (min-width: 1790px) {
	.cart-section {
		width: 1405px;
	}
}


/*** Checkout ***/
.checkout-container {
	margin: 0 auto;
	width: 100%;
	padding-bottom: 40px;
}

.checkout-container .breadcrumb-title-wrapper.breadcrumb-v1 {
	border-bottom: solid 1px var(--main-gray);
	margin-bottom: 15px;
}

section.checkout {
    padding: 0 10px;
}

.checkout-sidebar {
	width: 100%;
	max-width: 100%;
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	gap: 15px;
}

.checkout-main {
	width: 100%;
	max-width: 100%;
}

.checkout-option-header h2 {
    width: 100%;
    margin: 0;
    padding: 0;
    color: var(--main-black);
	text-align: center;
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-transform: uppercase;
}

.checkout .page-title-wrap {
	width: 100%;
}

.checkout .page-title-wrap h1 {
	color: var(--main-black);
	text-align: center;
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
}

.pricesdPart {
	display: flex;
	flex-direction: column;
	gap: 15px;
}

.confirmationWrapper {
	gap: 8px;
}

.confirmationWrapper p {
	text-align: center;
	margin: 0;
	padding: 0;
	color: var(--main-black);
	text-align: center;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}

.notesWrapper {
	gap: 8px;
}

#order_comment {
	height: 193px;
	flex-shrink: 0;
	border-radius: 5px;
	border: 1px solid var(--main-gray);
	background: white;
	resize: none;
	padding: 10px 15px;
}

.payment-main {
	display: flex;
	flex-direction: column;
	gap: 20px;
	margin-top: 0;
}

.dropdownrow {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-grow: 1;
    gap: 20px;
	width: 100%;
	flex-direction: column;
}

.dropdownrow .input_group {
	width: 100%;
}

.radio_section {
	display: flex;
	flex-direction: column;
	gap: 20px;
	justify-content: center;
}

.radio_options {
	display: flex;
	flex-direction: column;
	gap: 15px;
	align-items: center;
	justify-content: center;
	position: relative;
}

.radio_options .loaderWrapper {
	position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.creditCardsWrapper {
	display: flex;
	flex-direction: row;
	gap: 12px;
	align-items: center;
	justify-content: center;
}

.bank_account_table.desktop {
	width: 100%;
	height: 114px;
	flex-shrink: 0;
	border-radius: 10px;
	border: 1px solid var(--main-gray);
	display: none;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.bank_account_table.mobile {
	width: 100%;
	flex-shrink: 0;
	border-radius: 10px;
	border: none;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.bank_account_table_row {
	width: 100%;
	height: 58px;
	flex-grow: 1;
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 0 15px;
}

.bank_account_table_row.labels_row {
	color: var(--main-black);
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	line-height: 100.305%;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

.bank_account_table_row.values_row {
	color: var(--main-black);
	background: white;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 100.305%;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

.bank_account_table.desktop .bank_account_table_row > div:first-child {
	width: 85px;
	flex-shrink: 0;
}

.bank_account_table.desktop .bank_account_table_row > div:nth-child(2) {
	width: 180px;
	flex-shrink: 0;
}

.bank_account_table.desktop .bank_account_table_row > div:nth-child(3) {
	width: 235px;
	flex-shrink: 0;
}

.bankName {
	height: 49px;
    display: flex;
    flex-direction: row;
    justify-content: center;
	width: 100%;
    flex-grow: 1;
    flex-shrink: 0;
    align-items: center;
	border-radius: 10px 10px 0px 0px;
	border-top: 1px solid var(--main-gray);
	border-right: 1px solid var(--main-gray);
	border-left: 1px solid var(--main-gray);
	background: var(--background-gray);
	color: var(--main-black);
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

.bank_account_table_column {
	display: flex;
	padding: 15px 10px;
	flex-direction: column;
	align-items: flex-start;
	gap: 15px;
	align-self: stretch;
	border-radius: 0px 0px 10px 10px;
	border-right: 1px solid var(--main-gray);
	border-bottom: 1px solid var(--main-gray);
	border-left: 1px solid var(--main-gray);
	background: white;
}

.bank_column_row {
	display: flex;
	flex-grow: 1;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	width: 100%;
}

.bank_column_row span:first-child {
	color: var(--main-black);
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.bank_column_row span:nth-child(2) {
	color: var(--main-black);
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}

.notesLbl {
	color: var(--main-black);
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

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

@media screen and (min-width: 501px) {
	.checkout-sidebar {
		width: 728px;
		flex-grow: unset;
	}
}

@media screen and (min-width: 650px) {
	section.checkout {
		padding: 0 20px;
	}

	.bank_account_table.desktop {
		display: flex;
	}

	.bank_account_table.mobile {
		display: none;
	}
}

@media screen and (min-width: 769px) {
	.checkout-sidebar {
		width: auto;
		flex-grow: 1;
		display: flex;
		flex-direction: column;
		gap: 25px;
	}

	.checkout-main {
		width: 924px;
	}
}

@media screen and (min-width: 936px) {
	.bank_account_table_row {
		padding: 0 28px;
	}

	.bank_account_table.desktop .bank_account_table_row > div:first-child {
		width: 130px;
	}
	
	.bank_account_table.desktop .bank_account_table_row > div:nth-child(2) {
		width: 316px;
	}
	
	.bank_account_table.desktop .bank_account_table_row > div:nth-child(3) {
		width: 314px;
	}
}

@media screen and (min-width: 1366px) {
	.checkout-container {
		margin: 0 auto;
		max-width: 1555px;
	}

	.payment-main {
		margin-top: 15px;
	}

	.checkout-container .cart-content > .cf {
		gap: 20px;
	}

	.checkout-main {
		width: 924px;
		min-width: 924px;
	}

	.dropdownrow {
		flex-direction: row;
	}

	.dropdownrow .input_group {
		width: 462px;
	}
}

@media screen and (min-width: 1600px) {
	.checkout-container {
		max-width: 1555px;
	}

	.checkout-main {
		width: 1093px;
		min-width: 1093px;
	}
}


/*** General ***/
.separator {
	height: 1px;
	min-height: 1px;
	background: var(--main-gray);
	width: 100%;
	display: block;
}

.separator.padded {
	margin: 0 10px;
}

.product .separator {
	background: #E5E5E5;
}

.redBorder {
	border-color: red !important;
}

h1 {
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: 102.305%;
	text-transform: uppercase;
	color: var(--main-black);
	margin: 20px 0;
}

.main_container > h1.pageTitle {
	text-align: center;
}

.main_container > h2,
.main_container > h3,
.main_container > h4 {
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: 100.305%; /* 24.073px */
	text-transform: uppercase;
	color: var(--main-black);
	margin: 30px 0 20px 0;
}

.main_container > p {
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	color: var(--main-black);
	margin-top: 0;
	margin-bottom: 0;
}

.main_container > p + p,
.main_container > p + ul,
.main_container > p + ol,
.main_container > ul + p,
.main_container > ul + ul,
.main_container > ul + ol,
.main_container > ol + p,
.main_container > ol + ul,
.main_container > ol + ol {
	margin-top: 20px;
	margin-bottom: 0;
}

.main_container > ol,
.main_container > ul {
	margin: 0;
	color: var(--main-black);
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

.main_container > ol li > ul,
.main_container > ol li > ol,
.main_container > ul li > ul,
.main_container > ul li > ol {
	margin-left: 25px;
}

.main_container > ol li,
.main_container > ul li {
	color: var(--main-black);
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	padding-top: 3px;
}

.table_no_margin table {
	margin-bottom: 0 !important;
}

.main_container > figure.wp-block-table table thead {
	border: 0;
    background-color: black;
    color: white;
}

.OnlyButton-Container {
	margin-top: 20px;
	display: inline-flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	gap: 9px;
	align-self: stretch;
}

.OnlyButton-Container span {
	color: var(--main-black) !important;
	text-align: right;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 88.305%;
	text-transform: uppercase;
	position: relative;
}

.OnlyButton-Container span:after {
	content: "";
	position: absolute;
	bottom: -5px;
	left: 0;
	width: 100%;
	border-top: 1px solid;
	border-color: var(--main-gray);
	transform-origin: center left;
	transform: scale(0, 1);
	-o-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out !important;
}

.OnlyButton-Container:hover span:after {
	transform: scale(1, 1);
}

.OnlyButton-Container svg {
	width: 31px;
	height: 31px;
}

@media screen and (min-width: 501px) {
	.main_container {
		padding: 0 0 41px 0;
		max-width: -moz-calc(100% - 42px);
		max-width: -webkit-calc(100% - 42px);
		max-width: -o-calc(100% - 42px);
		max-width: calc(100% - 42px);
	}

	.separator.padded {
		margin: 0 20px;
	}

	.main_container > h2,
	.main_container > h3,
	.main_container > h4 {
		font-size: 24px;
	}
}

@media screen and (min-width: 769px) {
	.main_container {
		max-width: 930px;
		padding: 0 0 40px 0;
	}

	h1 {
		font-size: 40px;
		font-style: normal;
		font-weight: 700;
		line-height: 100%;
		text-transform: uppercase;
		color: var(--main-black);
		margin: 40px 0;
	}

	.main_container > h2,
	.main_container > h3,
	.main_container > h4 {
		font-size: 24px;
	}
}

.link_with_icon {
	gap: 5px;
	min-height: 1px;
}

.link_with_icon span {
	position: relative;
	top: 1px;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}

.customHover_newUser svg {
	width: 24px;
	transition: transform 0.3s ease-in-out;
}

.customHover_refresh svg {
	width: 20px;
	transition: transform 0.3s ease-in-out;
}

.link_with_icon.customHover_newUser:hover svg {
	transform: scale(-1, 1);
}

.link_with_icon.customHover_refresh:hover svg {
	transform: rotate(180deg);
}

.hoverUnderline,
.hoverUnderlineSmall {
	position: relative;
	text-decoration: none;
	color: black !important;
}

.hoverUnderline:hover:after,
.hoverUnderlineSmall:hover:after {
	transform: scale(1, 1);
}

.hoverUnderline:after {
	content: "";
	position: absolute;
	bottom: -5px;
	left: 0;
	width: 100%;
	border-top: 1px solid;
	transform-origin: center left;
	transform: scale(0, 1);
	-o-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out !important;
}

.hoverUnderlineSmall:after {
	content: "";
	position: absolute;
	bottom: 1px;
	left: 0;
	width: 100%;
	border-top: 1px solid;
	transform-origin: center left;
	transform: scale(0, 1);
	-o-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out !important;
}

.hoverUnderline.grayLine:after,
.hoverUnderlineSmall.grayLine:after {
	border-color: var(--main-gray);
}

.hoverUnderline.blackLine:after,
.hoverUnderlineSmall.blackLine:after {
	border-color: var(--main-black);
}

.hoverIcon {
	cursor: pointer;
}

.iconButton {
	display: flex;
	justify-content: center;
	align-items: center;
}

.iconButton .icon,
.iconButton .icon circle,
.iconButton .icon path {
	transition: fill,stroke 0.2s ease-in-out;
}

/* .hoverIcon:hover .icon circle {
	stroke: var(--hover-gray);
}

.hoverIcon:hover .icon path {
	stroke: var(--main-gray);
} */

.hoverIcon > span:after {
	content: "";
	position: absolute;
	bottom: -5px;
	left: 0;
	width: 100%;
	border-top: 1px solid;
	border-color: var(--main-gray);
	transform-origin: center left;
	transform: scale(0, 1);
	-o-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out !important;
}

.hoverIcon:hover > span:after {
	transform: scale(1, 1);
}

.iconButton.round {
	width: 28px;
	height: 28px;
	border-radius: 50%;
}

.iconButton.square {
	width: 30px;
	height: 30px;
	border-radius: 5px;
}

.headersbar {
	margin-top: 15px;
	margin-bottom: 15px;
	flex-direction: column;
	gap: 15px;
}

.items_headers {
	display: flex;
	width: 100%;
	height: auto;
	padding: 0;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	gap: 7px;
}

.itemsHeader {
	color: var(--main-black);
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-transform: uppercase;
}

.itemsHeaderCounter {
	color: var(--main-black);
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.headersbar .menuSearchWrapper {
	display: flex;
	gap: 10px;
	width: 100%;
}

.headersbar .menu_icon {
    position: relative;
	width: 16px;
	height: 40px;
}

.headersbar .menu_icon .search {
    width: 16px;
	height: 16px;
    flex-shrink: 0;
	cursor: pointer;
	transition: transform 0.2s ease;
	position: absolute;
	top: 12px;
	bottom: 12px;
}

.headersbar .menu_icon .clear {
    width: 13px;
	height: 13px;
    flex-shrink: 0;
	cursor: pointer;
	transition: transform 0.2s ease;
	transform: translateX(-35px);
	position: absolute;
	top: 14px;
	bottom: 14px;
}

.headersbar .menu_icon svg.clear > * {
    transition: stroke 0.2s ease;
}

.headersbar .menu_icon:hover svg.clear > * {
    stroke: red;
}

.headersbar .menu_icon.notempty {
	z-index: 2;
}

.headersbar .menu_icon.notempty .search {
	/* transform: translateX(-35px); */
}

.headersbar .menu_icon.notempty .clear {
	/* transform: translateX(0); */
}

#headersSearch {
	width: 0;
	height: 40px;
	flex-shrink: 0;
	border-radius: 5px;
	border: solid var(--main-gray);
	border-width: 0px;
	background: white;
	padding: 0;
	padding-top: 2px;
	margin: 0;
	transition: width 0.3s ease-in-out;
	color: var(--main-black);
	text-align: center;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 100.305%;
	letter-spacing: 0.35px;
	z-index: 1;
}

#headersSearch.open {
	width: -moz-calc(100% - 26px);
	width: -webkit-calc(100% - 26px);
	width: -o-calc(100% - 26px);
	width: calc(100% - 26px);
	border-width: 1px;
}

#headersSearch::placeholder {
	color: var(--main-black);
	font-size: 14px;
	text-align: center;
	font-style: normal;
	font-weight: 400;
	line-height: 100.305%;
	letter-spacing: 0.35px;
	opacity: 1;
}

#headersSearch::-ms-input-placeholder {
	color: var(--main-black);
	font-size: 14px;
	text-align: center;
	font-style: normal;
	font-weight: 400;
	letter-spacing: 0.35px;
}

#products_grid {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
	gap: 10px;
    position: relative;
}

.responsive-button-show-filter.NavLink {
	display: none;
	flex-wrap: wrap;
	align-content: center;
	justify-content: center;
	border-radius: 50%;
	width: 50px;
	height: 50px;
	padding: 0;
	position: fixed;
	bottom: 5%;
	right: 3%;
	z-index: 999;
	webkit-appearance: none;
	appearance: none;
}

#main-content.products-main-content {
	width: 100%;
}

#main-content.product-main-content {
	width: 100%;
}

.products_section {
	display: flex;
	flex-direction: row;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 40px;
	gap: 0;
}

.product_section {
	display: flex;
	flex-direction: column;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 23px;
	gap: 0;
}

.product-container {
	max-width: 100%;
	margin: 0;
}

.single_product_wrapper {
	border-radius: 0;
    border: none;
    background: #FFF;
    display: flex;
    width: 100%;
    padding: 0;
    flex-direction: column;
    align-items: center;
    gap: 10px;
	padding: 0;
}

#left-sidebar {
	top: 0px;
	bottom: 0px;
	left: 0px;
	width: 350px;
	transform: translateX(-100%);
	transition: transform .6s ease !important;
	background: var(--background-gray);
	display: block;
	margin-top: 0;
	margin-left: 0;
	position: fixed;
	padding: 0;
	z-index: 9999;
	overflow: auto;
	padding-left: 15px;
	padding-right: 15px;
}

.admin-bar #left-sidebar {
	top: 45px !important;
	/* max-height: -webkit-calc(100vh - 45px) !important;
	max-height: calc(100vh - 45px) !important; */
}

#left-sidebar.has_search .menucatTitle .td_underline {
	text-decoration: none !important;
}

#left-sidebar-backdrop,
#mobile-menu-backdrop,
#minicart-backdrop,
#orderdetails-backdrop {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.60);
	z-index: 999;
	transform: translateY(-100%);
    transition: transform .6s ease !important;
}

body.orderdetails-open #orderdetails-backdrop {
	transform: translateY(0);
}

.sidebarHeader {
	display: none;
	flex-direction: row;
    justify-content: space-between;
    align-items: start;
    margin: 30px 0;
    min-height: 35px;
	position: relative;
}

.sidebarFooter {
	display: none;
	padding: 40px 0 25px 0;
}

.sidebarFooter .sidebarMenu {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	gap: 17px;
}

.sidebarFooter .sidebarMenu a {
	color: var(--main-black) !important;
	text-align: center;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	text-transform: uppercase;
}

.sidebarFooter .sidebarMenu a:first-child {
	display: none;
}

#left-sidebar .companyname,
.sidebarHeader .companyname {
	color: var(--main-black);
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	padding-right: 75px;
}

#left-sidebar .namesurname {
	color: var(--main-black);
	font-size: 14px;
	font-style: normal;
	line-height: normal;
}

#left-sidebar .sidebarCloser,
#group-icon-header .sidebarCloser {
	color: var(--main-black);
	text-align: right;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	display: flex;
	gap: 10px;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	position: absolute;
    right: 0;
    top: 0;
}

#left-sidebar .sidebarCloser svg,
#group-icon-header .sidebarCloser svg {
	width: 15px;
	height: 15px;
}

.modal-content {
	padding: 20px 0;
	background: var(--background-gray);
}

.modal-header { 
	padding: 0 20px;
	border-bottom: none;
    background: var(--background-gray);
}

.modal-header .hoverIcon span {
	font-size: 16px;
    font-style: normal;
    line-height: normal;
}

.modal-header .hoverIcon_2 {
	cursor: pointer;
	gap: 10px;
}

.modal-header .hoverIcon_2 span {
	font-size: 14px;
    font-style: normal;
	font-weight: 500;
	line-height: normal;
	text-align: right;
}

.modal-body {
	padding: 20px 20px 70px 20px;
    background: var(--background-gray);
}

@media screen and (max-width: 768px) {
	body.sidebar-open #left-sidebar-backdrop {
		transform: translateY(0);
	}

	body.mobilemenu-open #mobile-menu-backdrop {
		transform: translateY(0);
	}

	.sidebarHeader {
		display: flex;
	}

	.sidebarFooter {
		display: flex;
		flex-direction: column;
		gap: 40px;
	}

	.responsive-button-show-filter.NavLink {
		display: flex;
	}
}

#left-sidebar.show-filters {
	transform: translateX(0);
}

#left-sidebar .widget-container .widget-title-wrapper,
#left-sidebar .widget-container .ts-product-categories-wrapper {
	display: block !important;
}

.product.product-wrapper {
	border-radius: 20px;
	border: 1px solid #E5E5E5;
	background: #FFF;
	display: flex;
	width: 100%;
	padding: 0px 0px 10px 0px;
	flex-direction: column;
	align-items: center;
	gap: 7px;
	position: relative;
}

#main_product .product.product-wrapper {
	display: flex;
	flex-direction: column;
	gap: 10px;
	position: relative;
	max-width: 100%;
	padding: 0 10px 15px 10px;
}

.add_to_favoirite {
	position: absolute;
	top: 15px;
	right: 11px;
	cursor: pointer;
}

.add_to_favoirite svg {
	width: 24px;
	height: 19px;
}

.product .cls-1-heart {
	fill: var(--main-gray);
}

.product.favored .cls-1-heart {
	fill: var(--main-black);
}

#main-content.product-main-content .woocommerce.main-products .product-wrapper .thumbnail-wrapper {
	width: 100%;
	display: flex;
    justify-content: center;
    align-items: center;
}

.product figure {
    position: relative;
    z-index: 1;
    overflow: hidden;
    width: 100px;
    height: 100px;
    margin: 0;
	display: flex;
	flex-direction: row;
    align-items: center;
    justify-content: center;
	user-select: none;
}

#main_product .product figure {
    width: 140px;
	height: 140px;
}

.product-name,
.product-name a {
	margin: 0;
	padding: 0;
	display: block;
	color: var(--main-black) !important;
	text-align: center;
	width: 100%;
	font-size: 15px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-decoration: underline;
	user-select: none;
}

.single_product_image_details_wrapper {
	display: flex;
	flex-direction: column;
	gap: 10px;
	max-width: 100%;
	align-items: center;
}

#main_product .product .codes-wrapper {
	height: auto;
	gap: 3px;
}

.single_product_details.mobile {
	gap: 10px;
	justify-content: center;
	display: flex;
	flex-direction: column;
}

.single_product_details.desktop {
	padding-right: 0px;
	flex-direction: column;
	align-items: flex-start;
	gap: 10px;
	align-self: stretch;
	display: none;
}

#main_product .product-name,
#main_product .product-name a,
#main_product .product .heading-product-code {
	text-decoration: none;
}

#main_product .product-name,
#main_product .product-name a {
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-transform: uppercase;
}

#main_product .product .heading-product-code {
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.single_product_code {
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}

.heading-title.product-name {
	padding: 0 10px;
	heightt: 100%;
}

.single_product_details.mobile .heading-title.product-name {
	padding: 0;
	height: auto;
}

.product .codes-wrapper {
	align-self: stretch;
	text-align: center;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	height: 31px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
	user-select: none;
}

.product .heading-product-code {
	margin: 0;
	color: var(--main-black);
	text-align: center;
}

.desktop_code_lbl {
	display: none;
}

.product .dropdowns-wrapper {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	gap: 7px;
	align-self: stretch;
	padding: 0 10px;
	height: auto;
	flex-grow: 1;
}

.product-main-content .product.product-wrapper[data-dropdowns="0"] .dropdowns-wrapper,
.product-main-content .product.product-wrapper[data-dropdowns="0"] .dropdowns-wrapper + .separator {
    /* display: none; */
}

.product .prices-wrapper {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	gap: 10px;
	align-self: stretch;
	padding: 0 10px;
}

.price_part,
.total_prices {
	display: flex;
	flex-direction: column;
	width: 100%;
	justify-content: center;
    align-items: center;
	gap: 3px;
}

.packageunitpricelabel,
.packageweightpricelabel,
.packagetotalpricelabel,
.packagequantitylabel,
.packagediscount1label,
.packagediscount2label {
	color: var(--main-black);
	text-align: center;
	font-size: 11px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	letter-spacing: -0.33px;
	user-select: none;
	padding: 0;
	margin: 0;
}

.packagequantitylabel {
	display: none;
}

.packageunitprice,
.packageweightprice,
.packagediscount1,
.packagediscount2 {
	color: var(--main-black);
	font-size: 11px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	text-wrap: nowrap;
}

.hasoffer,
.hasofferprice,
.cstm_drop_label span.hasoffer,
.cstm_drop_label span.hasofferprice {
	color: #8C8C8C;
	text-align: center;
	font-size: 12px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	text-decoration-line: line-through;
	padding-right: 3px;
}

.product .quantity-wrapper {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	gap: 10px;
	align-self: stretch;
	padding: 0 10px;
}

.addToCart-wrapper {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	width: 100%;
	padding: 0 10px;
	margin: 0;
}

.product_discounts_container {
	display: flex;
	flex-direction: column;
	gap: 5px;
	position: absolute;
	top: 9px;
	left: 9px;
}

.product_discounts_wrapper {
	display: flex;
	flex-direction: row;
	gap: 8px;
}

.product_discounts_wrapper:first-child {
	order: 2;
}

.code_list_pill,
.discount_pill,
.customer_discount_pill {
	display: flex;
	height: 22px;
	padding: 3px 8px 1px 8px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	flex-shrink: 0;
	border-radius: 24px;
	z-index: 3;
	text-align: center;
	font-style: italic;
	font-weight: 500;
	user-select: none;
}

.code_list_pill {
	background: #E5E5E5;
	color: var(--main-black) !important;
	line-height: 128.8%;
	letter-spacing: -0.36px;
	font-size: 12px;
	height: auto;
	width: 83px;
	padding: 2px 0px;
}

.discount_pill {
	background: var(--main-red);
	color: white;
	line-height: 0%;
	letter-spacing: -0.42px;
	width: auto;
	font-size: 14px;
}

.customer_discount_pill {
	background: var(--main-black);
	color: white;
	line-height: 0%;
	letter-spacing: -0.42px;
	width: auto;
	font-size: 14px;
}

.errorMessage {
	color: var(--main-red);
	display: none;
}

.haveCredError .errorMessage {
	display: inline-block;
}

.quantitySection {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	width: 100%;
}

.quantityContainer {
	width: 105.604px;
	height: 36px;
	flex-shrink: 0;
	border-radius: 5px;
	border: 1px solid var(--main-gray);
	background: #FFF;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}

.productquantityinput {
	text-align: center;
    padding: 0px;
    margin: 0 40px;
    background: transparent;
    width: 100%;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 100.305%;
	letter-spacing: 0.35px;
}

#main_product .productquantityinput {
    margin: 0 25px;
}

.changeQuantityButton:first-of-type {
	position: absolute;
	left: 9px;
	top: 13px;
	bottom: 13px;
	width: 10px;
	height: 10px;
	cursor: pointer;
	display: flex;
    justify-content: center;
    align-items: center;
}

.changeQuantityButton:last-of-type {
	position: absolute;
	right: 9px;
	top: 13px;
	bottom: 13px;
	width: 10px;
	height: 10px;
	cursor: pointer;
	display: flex;
    justify-content: center;
    align-items: center;
}

.packagetotalprice {
	color: var(--main-black);
	text-align: center;
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	user-select: none;
}

#main_product .product .prices-wrapper {
	flex-wrap: wrap;
}

#main_product .total_prices {
	width: 100%;
	gap: 3px;
}

#main_product .price_part {
	width: calc(50% - 15px);
	gap: 3px;
}

#main_product .packageunitprice,
#main_product .packagetotalprice,
#main_product .packageweightprice,
#main_product .packagediscount1,
#main_product .packagediscount2,
#main_product .packageunitpricelabel,
#main_product .packagetotalpricelabel,
#main_product .packageweightpricelabel,
#main_product .packagediscount1label,
#main_product .packagediscount2label {
    font-size: 14px;
}

#main_product .product .quantity-wrapper {
	justify-content: space-between;
	padding: 0;
}

#main_product .quantitySection {
	width: 100%;
	flex-direction: row;
	gap: 10px;
	justify-content: center;
}

#main_product .packagequantitylabel {
	width: auto;
	height: 17px;
	padding: 0;
	text-align: center;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	display: flex;
	flex-direction: row;
}

#main_product .quantityContainer {
	height: 36px;
	width: 93px;
}

#main_product .changeQuantityButton:first-of-type {
	left: 9px;
	top: 13px;
	bottom: 13px;
}

#main_product .changeQuantityButton:last-of-type {
	right: 9px;
	top: 13px;
	bottom: 13px;
}

.dropdown_placeholder {
	width: 100%;
	height: 30;
	opacity: 0;
	display: none;
}

.cstm_drop_container {
	position: relative;
	width: 100%;
}

.cstm_drop_container.disabled .cstm_drop_label {
	cursor: not-allowed;
}

.cstm_drop_label {
	cursor: pointer;
	position: relative;
	width: 100%;
	height: 30px;
	flex-shrink: 0;
	border-radius: 5px;
	border: 1px solid var(--main-gray);
	background: #FFF;
	display: flex;
    justify-content: center;
    align-items: center;
	padding-right: 23px;
}

#main_product .cstm_drop_label {
	height: 36px;
}

.cstm_drop_label.big {
	height: 40px;
}

.redBorder .cstm_drop_label {
	border-color: red !important;
}

.cstm_drop_label span {
	user-select: none;
	color: var(--main-black);
	text-align: center;
	font-size: 13px;
	font-style: normal;
	font-weight: 400;
	line-height: 100.305%;
	letter-spacing: 0.325px;
}

.cstm_drop_label:after {
	display: inline-block;
	position: absolute;
	right: 8px;
	top: 12px;
    content: "";
    background-image: url(/wp-content/themes/mymedi/images/icons/hatziyiannakis-dropdown-10x17.svg);
    width: 10px;
    height: 7px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 0;
    border: none;
}

.cstm_drop_container.open .cstm_drop_label:after {
	-webkit-transform: rotateX(180deg);
	transform: rotateX(180deg);
}

.dropdown-wrapper {
	position: absolute;
	background: white;
	border: solid 1px;
	z-index: 999;
	display:none;
	padding: 0;
	margin-top: -1px;
	flex-direction: column;
	align-items: flex-start;
	gap: 0;
	border-radius: 6px;
	border: 1px solid var(--main-gray);
	background: #FFF;
	min-width: 100%;
}

.cstm_drop_container.open .dropdown-wrapper {
	display: inline-flex;
}

.cstm_option {
	color: var(--main-black);
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	cursor: pointer;
	user-select: none;
	/* transition: transform 0.15s ease-in-out; */
	transition: background 0.15s ease-in-out;
	backface-visibility: hidden;
    -webkit-font-smoothing: subpixel-antialiased;
	width: 100%;
	padding: 5px 10px;
}

.cstm_option.cstm_option_header {
	font-weight: 600;
	cursor: default;
}

.searchbox .cstm_option:not(.cstm_option_header) {
	padding-left: 15px;
}

.cstm_option:first-child {
	padding-top: 10px;
}

.cstm_option:last-child {
	padding-bottom: 10px;
}

.cstm_option span {
	backface-visibility: hidden;
    -webkit-font-smoothing: subpixel-antialiased;
}

.cstm_option:not(.cstm_option_header):hover {
	/* transform: scale(1.04); */
	background: #ebebeb;
}

.cstm_option .boldprice {
	color: var(--main-black);
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}

.cstm_option.disabledOption:not(.cstm_option_header),
.cstm_option.disabledOption * {
	cursor: not-allowed;
	pointer-events: none;
	color: #8C8C8C !important;
}

.account-container {
	max-width: 100%;
}

@media screen and (min-width: 301px) {
	#products_grid {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}

	.quantityContainer {
		width: 150.862px;
	}
}

@media screen and (min-width: 501px) {
	#products_grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.quantityContainer {
		width: 90.517px;
	}

	.productquantityinput {
		margin: 0 20px;
	}

	#main_product .productquantityinput {
		margin: 0 25px;
	}

	.product .dropdowns-wrapper {
		height: 67px;
		height: auto;
	}
}

@media screen and (min-width: 650px) {
	.products_section {
		padding-left: 20px;
		padding-right: 20px;
		gap: 0;
	}

	.product_section {
		display: flex;
		flex-direction: column;
		padding-left: 20px;
		padding-right: 20px;
		gap: 0;
	}
	
	.product-container {
		max-width: 100%;
		margin: 0;
	}

	.headersbar {
		margin-top: 12px;
		margin-bottom: 12px;
		flex-direction: row;
		gap: 0;
	}
	
	.items_headers {
		width: 299px;
		padding: 10px 0px 8px 0px;
		justify-content: start;
	}
	
	.itemsHeader {
		color: var(--main-black);
		font-size: 16px;
		font-style: normal;
		font-weight: 700;
		line-height: normal;
		text-transform: uppercase;
	}

	.headersbar .menuSearchWrapper {
		display: flex;
		gap: 10px;
		width: 100%;
		justify-content: end;
	}

	#headersSearch.open {
		max-width: 333px;
	}

	#products_grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.product.product-wrapper {
		gap: 10px;
	}

	.single_product_image_details_wrapper {
		display: flex;
		flex-direction: row;
		gap: 10px;
		max-width: 100%;
	}

	#main_product .product.product-wrapper {
		gap: 0;
		width: 726px;
		height: 553px;
		flex-shrink: 0;
		padding: 0;
	}

	#main_product .product_discounts_container {
		display: flex;
		flex-direction: column;
		gap: 5px;
		position: absolute;
		top: 13px;
		left: 14px;
	}

	#main_product .add_to_favoirite {
		top: 13px;
		right: unset;
		left: 200px;
		z-index: 2;
	}

	.product figure {
		width: 140px;
		height: 140px;
	}

	#main_product .product figure {
		width: 234px;
		height: 241px;
		flex-shrink: 0;
	}

	.single_product_wrapper {
		gap: 15px;
		padding: 0 17px;
	}

	.single_product_details.mobile {
		display: flex;
		width: 458px;
		padding: 0px 10px;
		flex-direction: column;
		align-items: flex-start;
		gap: 10px;
	}

	.single_product_details.desktop {
		display: none;
	}

	#main_product .product-name,
	#main_product .product-name a,
	#main_product .product .heading-product-code {
		text-align: left;
		padding: 0;
	}

	#main_product .product .dropdowns-wrapper {
		padding: 0;
		flex-direction: row;
		gap: 10px;
	}

	#main_product .product .dropdowns-wrapper .cstm_drop_container {
		width: 50%;
	}

	.product .codes-wrapper {
		font-size: 14px;
		height: 39px;
	}

	.productquantityinput {
		margin: 0 23px;
	}

	#main_product .productquantityinput {
		margin: 0 35px;
	}
	
	.packageunitpricelabel,
	.packageweightpricelabel,
	.packagetotalpricelabel,
	.packagequantitylabel,
	.packagediscount1label,
	.packagediscount2label {
		font-size: 14px;
		letter-spacing: -0.42px;
	}
	
	.packageunitprice,
	.packageweightprice,
	.packagediscount1,
	.packagediscount2 {
		font-size: 14px;
	}

	.cstm_drop_label span {
		font-size: 14px;
		letter-spacing: 0.35px;
	}

	.code_list_pill {
		width: auto;
		height: 30px;
	}

	.code_list_pill,
	.discount_pill,
	.customer_discount_pill {
		height: 30px;
		padding: 7px 12px 5px 12px;
	}

	.product_discounts_wrapper:first-child {
		order: 0;
	}

	.bt.hoverbutton,
	.bt.hoverbutton span {
		font-size: 16px;
	}

	.product .dropdowns-wrapper {
		gap: 10px;
		height: 82px;
		height: auto;
	}
	
	.dropdown_placeholder {
		height: 36px;
		opacity: 0;
	}

	.cstm_drop_label {
		height: 36px;
	}

	#main_product .cstm_drop_label {
		height: 40px;
	}

	.cstm_drop_label:after {
		top: 15px;
	}

	#main_product .product .prices-wrapper {
		padding: 0;
		flex-wrap: nowrap;
	}

	.quantityContainer {
		width: 103.5px;
	}

	#main_product .price_part,
	#main_product .total_prices {
		width: 100%;
		gap: 5px;
		width: 146px;
	}

	#main_product .product .quantity-wrapper {
		justify-content: space-between;
		padding: 0;
	}

	#main_product .quantitySection {
		width: 146px;
		flex-direction: column;
		gap: 10px;
	}

	#main_product .packagequantitylabel {
		width: 146px;
		height: 17px;
		padding: 0;
		text-align: center;
		font-size: 14px;
		font-style: normal;
		font-weight: 400;
		line-height: normal;
		justify-content: center;
	}

	#main_product .quantityContainer {
		height: 40px;
		width: 146px;
	}

	#main_product .changeQuantityButton:first-of-type {
		left: 15px;
		top: 15px;
		bottom: 15px;
	}

	#main_product .changeQuantityButton:last-of-type {
		right: 15px;
		top: 15px;
		bottom: 15px;
	}

	#main_product .addToCart-wrapper {
		padding: 0;
	}
}

@media screen and (min-width: 769px) {
	.products_section {
		padding-left: 20px;
		padding-right: 20px;
		gap: 10px;
	}

	.headersbar {
		margin-top: 15px;
		margin-bottom: 15px;
	}

	.items_headers {
		width: 319px;
		height: 37px;
		flex-shrink: 1;
	}
	
	.itemsHeader {
		color: var(--main-black);
		font-size: 16px;
		font-style: normal;
		font-weight: 700;
		line-height: normal;
		text-transform: uppercase;
	}

	.headersbar .menuSearchWrapper {
		display: flex;
		gap: 10px;
		width: 100%;
	}

	#headersSearch.open {
		width: 290px;
		max-width: unset;
	}

	#products_grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	#main_product .add_to_favoirite {
		top: 13px;
		right: 14px;
		left: unset;
	}

	#left-sidebar {
		top: unset;
		bottom: unset;
		left: unset;
		width: 259px;
		height: auto;
		transform: unset;
		position: unset;
		padding: 0;
		z-index: unset;
		overflow: auto;
		overflow-x: hidden;
		padding-left: 0;
    	padding-right: 0;
	}

	.product_section #left-sidebar {
		width: 230px;
	}

	#main-content.products-main-content {
		width: -moz-calc(100% - 259px);
		width: -webkit-calc(100% - 259px);
		width: -o-calc(100% - 259px);
		width: calc(100% - 259px);
	}

	.quantityContainer {
		width: 104.5px;
	}

	.product_section {
		display: flex;
		flex-direction: row;
		padding-left: 20px;
		padding-right: 20px;
		padding-bottom: 23px;
		gap: 10px;
		max-width: 966px;
    	margin: 0 auto;
	}

	#main-content.product-main-content {
		width: calc(100% - 240px);
		/* min-width: 935px; */
	}

	#main_product .product figure {
		width: 140px;
    	height: 230px;
	}

	#main_product .code_list_pill,
	#main_product .discount_pill,
	#main_product .customer_discount_pill {
		height: 22px;
		padding: 3px 8px 1px 8px;
	}
}


/* panos custom breakpoints */
@media screen and (min-width: 820px) {
	#headersSearch.open {
		width: 335px;
		max-width: unset;
	}
}

@media screen and (min-width: 1024px) {
	#products_grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	/* #left-sidebar .widget-container .ts-product-categories-wrapper {
		overflow: hidden;
	} */
}
/* panos custom breakpoints */


@media screen and (min-width: 1366px) {
	.items_headers {
		width: 400px;
		min-width: 400px;
	}
	
	.itemsHeader {
		color: var(--main-black);
		font-size: 16px;
		font-style: normal;
		font-weight: 700;
		line-height: normal;
		text-transform: uppercase;
	}

	.headersbar .menuSearchWrapper {
		display: flex;
		gap: 10px;
		width: 100%;
	}

	#headersSearch.open {
		width: 335px;
		max-width: unset;
	}

	#products_grid {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

	#left-sidebar {
		width: 277px;
	}

	#main-content.products-main-content {
		width: -moz-calc(100% - 277px);
		width: -webkit-calc(100% - 277px);
		width: -o-calc(100% - 277px);
		width: calc(100% - 277px);
	}

	.quantityContainer {
		width: 114px;
	}

	.account-container {
		max-width: 1565px;
		margin: 0 auto;
	}
}

@media screen and (min-width: 1600px) {
	.product_section {
		display: flex;
		flex-direction: row;
		padding-left: 0;
		padding-right: 0;
		gap: 10px;
	}
	
	.product-container {
		max-width: 1250px;
		margin: 0 auto;
	}

	#products_grid {
		grid-template-columns: repeat(5, minmax(0, 1fr));
	}

	.favorites #products_grid {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}


	#left-sidebar {
		width: 325px;
	}

	.product_section #left-sidebar {
		width: auto;
		flex-grow: 1;
	}

	#main-content.products-main-content {
		width: -moz-calc(100% - 325px);
		width: -webkit-calc(100% - 325px);
		width: -o-calc(100% - 325px);
		width: calc(100% - 325px);
	}

	#main-content.product-main-content {
		width: 935px;
		min-width: 935px;
	}

	.quantityContainer {
		width: 80.51px;
	}

	.packagequantitylabel {
		display: inline-block;
	}

	.desktop_code_lbl {
		display: inline-block;
	}

	.single_product_wrapper {
		width: 607px;
		padding: 0;
		gap: 10px;
	}

	#main_product .add_to_favoirite {
		top: 12px;
		right: unset;
		left: 270px;
	}

	#main_product .product.product-wrapper {
		flex-direction: row;
		gap: 10px;
		padding: 0;
		padding-right: 13px;
		width: 934px;
		height: 446px;
		flex-shrink: 0;
	}

	#main_product .code_list_pill,
	#main_product .discount_pill,
	#main_product .customer_discount_pill {
		height: 30px;
		padding: 7px 12px 5px 12px;
	}

	#main_product .product figure {
		width: 303px;
		height: 312px;
		flex-shrink: 0;
	}

	.single_product_details.mobile {
		display: none;
	}

	.single_product_details.desktop {
		display: flex;
		padding-right: 0px;
		padding-left: 0px;
		flex-direction: column;
		align-items: flex-start;
		gap: 10px;
		align-self: stretch;
		width: 100%;
	}

	#main_product .product .dropdowns-wrapper .cstm_drop_container {
		width: 50%;
	}

	#main_product .price_part,
	#main_product .total_prices {
		width: 100%;
		gap: 5px;
		width: 146px;
	}

	#main_product .product .quantity-wrapper {
		justify-content: space-between;
		padding: 0;
	}

	#main_product .quantitySection {
		width: 146px;
		flex-direction: column;
		gap: 10px;
	}

	#main_product .packagequantitylabel {
		width: 146px;
		height: 17px;
		padding: 0;
		text-align: center;
		font-size: 14px;
		font-style: normal;
		font-weight: 400;
		line-height: normal;
	}

	#main_product .quantityContainer {
		height: 40px;
		width: 146px;
	}

	#main_product .changeQuantityButton:first-of-type {
		left: 15px;
		top: 15px;
		bottom: 15px;
	}

	#main_product .changeQuantityButton:last-of-type {
		right: 15px;
		top: 15px;
		bottom: 15px;
	}
}


/*** Register ***/
.register_container {
	padding: 0;
	max-width: 932px;
	margin: 0 auto;
	padding: 0 20px;
}

.register_inner {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 25px;
}

.register_container .headerWrapper {
	padding-top: 22px;
	max-width: 618px;
	margin: 0 auto;
}

.headerWrapper {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.registerform-title {
	color: var(--main-black);
	text-align: center;
	font-style: normal;
	font-weight: 700;
	line-height: 100%;
	text-transform: uppercase;
	margin-bottom: 0;
}

h2.registerform-title {
	font-size: 25px;
}

.pagedescription {
	color: var(--main-black);
	text-align: center;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.form_group {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.form_group_title_wrapper {
	display: flex;
	flex-direction: column;
	gap: 20px;
	max-width: 330px;
	justify-content: center;
	margin: 0 auto;
}

.form_group_title {
	text-align: center;
	color: var(--main-black);
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: 100.305%;
	text-transform: uppercase;
	margin: 0;
}

.form_group_subtitle {
	color: var(--main-black);
	text-align: center;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.form_group_row {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.form_group_row .input_group {
	width: 100%;
}

.register_footer_wrapper {
	text-align: center;
	max-width: 618px;
	margin: 0 auto;
	padding-top: 25px;
	padding-bottom: 35px;
}

.register_footer_inner {
	color: var(--main-black);
	text-align: center;
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

.register_button_wrapper {
	display: flex;
	flex-direction: column;
	gap: 20px;
	align-items: center;
	margin-bottom: 25px;
	justify-content: center;
}

.register_button_wrapper button {
	max-width: 460px;
}

.register_button_wrapper label {
	color: var(--main-black);
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.register_button_wrapper a {
	color: var(--main-black) !important;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

.terms_wrapper {
	gap: 14px;
	justify-content: center; 
}

@media screen and (min-width: 769px) {
	.register_inner {
		gap: 40px;
	}

	h2.registerform-title {
		font-size: 29px;
	}

	.form_group_row {
		flex-direction: row;
		gap: 10px;
	}

	.register_button_wrapper {
		flex-direction: row;
		gap: 25px;
		margin-bottom: 40px;
	}

	.terms_wrapper {
		justify-content: start; 
	}
}

@media screen and (min-width: 1366px) {
	h2.registerform-title {
		font-size: 32px;
	}
}

@media screen and (min-width: 1600px) {
	h2.registerform-title {
		font-size: 40px;
	}
}
.minimum_order_message{
	font-size: 0.8rem;
	color: #0d6efd !important;
	font-weight: bold;
}
#main-container .breadcrumb-title-wrapper.breadcrumb-v1 {
    padding-top: 18px;
    padding-bottom: 18px;
}
.breadcrumb-title-wrapper .breadcrumb-content {
    max-width: 1270px;
    width: 100%;
	margin: auto;
}
.breadcrumb-title-wrapper .breadcrumb-title {
    width: 100%;
}
.breadcrumbs-container {
    display: inline-flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    gap: 10px;
    flex-wrap: wrap;
}


.list-container > .separator{
	margin-top: 0;
}
.products-main-content > .separator{
	margin-top: 0;
}