header .logo img {
	/*height: 35px;*/
	float: left;
	padding: calc(var(--header-height) - 48px) 0
}

header .logo {
	height: var(--header-height);
	float: left;
}

.icons {
	display: flex;
	align-items: center;
	gap: 20px;
	float: right;
	padding-top: 5px;
	height: var(--header-height);
	box-sizing: border-box;

	& .search-holder {
		font-size: 23px;
		cursor: pointer;
	}
}

.icon {
	width: 24px;
	height: 24px;
	cursor: pointer;
	fill: #333;
}

.icon-large {
	font-size: 48px;
	color: #333;
	margin-bottom: 16px;
}

.overlay {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.4);
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.3s ease;
	z-index: 1000;
}

.overlay.show {
	opacity: 1;
	visibility: visible;
}

.submenu-nav {
	position: fixed;
	top: 0px;
	right: -100%;
	/*width: calc(100% - 40px);*/
	width: 100%;
	background: #fff;
	box-shadow: -2px 0 5px rgba(0, 0, 0, 0.1);
	transition: right 0.3s ease;
	/*z-index: 1002;*/
	padding: 50px 20px 10px 20px;

	&>.close-menu-holder-main {
		position: absolute;
		cursor: pointer;
		right: 10px;
		top: 10px;
		/*z-index: 10;*/
	}

	&>.submenu-container {
		border-bottom: solid 1px rgba(217, 217, 217, 1);
		margin-left: 15px;
		margin-right: 15px;
		display: flex;
		justify-content: space-between;
		align-items: center;
		width: auto;
		padding: 10px 0px 10px 0px;

		&:nth-child(6),
		&:nth-child(7) {
			border-bottom: none;
		}

		&:nth-child(7) {
			padding-top: 20px;
			padding-bottom: 20px;
		}

		&>.submenu-painting-artworks,
		&>.submenu-artists,
		&>.submenu-events,
		&>.submenu-guides {
			a {
				color: #000;
				font-weight: 500;
				text-decoration: none;
				text-transform: uppercase;
				font-size: 0.9rem;
				cursor: pointer;
			}
		}

		&>.submenu-location {
			width: 100%;
			bottom: 0px;

			& .flag {
				display: inline-block;
				position: absolute;
				width: 18px;
				height: 18px;
				background-image: url(/images/flags.webp);
				background-size: 288px 288px;
				margin-right: 8px;
				border-radius: 50%;
			}

			&>.lang-cur {
				font-size: 0.9rem;
				padding-left: 27px;
			}
		}
	}

	&>#login-section-btn {
		margin-top: 20px;
		gap: 8px;
		font-size: 0.9rem;

		&>.icon-user {
			flex-shrink: 0;
		}

		&>#d_signin_mobile,
		&>#d_fname_mobile {
			flex-grow: 1;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
		}

		&>.icon-arrow-nav {
			flex-shrink: 0;
			margin-left: auto;
		}

		&>#d_fname_mobile {
			display: none;
		}

		&>.logged-in #d_signin_mobile {
			display: none;
		}

		&>.logged-in #d_fname_mobile {
			display: block;
		}
	}

}

.submenu-nav.open {
	right: 0;
}

.icon-arrow-nav {
	width: 15px;
	height: 14px;
	background: no-repeat center/contain url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="15.014" height="13.839" viewBox="0 0 15.014 13.839"><path d="M13.714,7.5l6,6-6,6m6-6H6" transform="translate(-5.35 -6.581)" fill="none" stroke="%23000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.3"/></svg>');
}

.icon-arrow-left {
	width: 15.014px;
	height: 13.838px;
	background: no-repeat center / contain url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15.014 13.838"><path d="M12,7.5l-6,6,6,6m-6-6H19.714" transform="translate(-5.35 -6.581)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.3"/></svg>');
	display: inline-block;
	color: #000;
}

.icon-user {
	display: inline-block;
	width: 18px;
	height: 16.9px;
	background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='16.9' viewBox='0 0 14 16.9'><g transform='translate(-1252 -68)'><g transform='translate(1255 68)' fill='none' stroke='%23000' stroke-width='1'><circle cx='4' cy='4' r='4' stroke='none'/><circle cx='4' cy='4' r='3.5' fill='none'/></g><g transform='translate(1252 75)' fill='none'><path d='M7,0a7,7,0,0,1,7,7c0,3.866-14,3.866-14,0A7,7,0,0,1,7,0Z' stroke='none'/><path d='M7 1C3.6916 1 1 3.6916 1 7c0 .8984 2.4641 1.8995 6 1.8995S13 7.8984 13 7C13 3.6916 10.3084 1 7 1m0-1C10.866 0 14 3.134 14 7c0 3.866-14 3.866-14 0C0 3.134 3.134 0 7 0Z' stroke='none' fill='%23000'/></g></g></svg>") no-repeat center;
	background-size: contain;
}

.menu-holder-painting-artworks,
.menu-holder-events,
.menu-holder-guides,
.menu-holder-account,
.menu-holder-loccur {
	position: fixed;
	top: 0px;
	right: -100%;
	width: calc(100% - 40px);
	/* height: 100%; */
	background: #fff;
	transition: right 0.3s ease;
	z-index: 1002;
	padding: 50px 20px 10px 20px;
	background-color: rgba(255, 255, 255, 1);
	font-size: 0.9rem;
	font-weight: 500;
	text-transform: uppercase;
	color: #000;
	list-style: none;

	&>.close-menu-holder-painting-artworks,
	&>.close-menu-holder-events,
	&>.close-menu-holder-guides,
	&>.close-menu-holder-account,
	&>.close-menu-holder-loccur {
		position: absolute;
		cursor: pointer;
		right: 10px;
		top: 10px;
		z-index: 10;
	}

	&>.submenu-holder-title {
		display: flex;
		justify-content: space-between;
		align-items: center;
		font-weight: 500;
		width: calc(100% - 30px);
		border-bottom: solid 1px rgba(217, 217, 217, 1);
		padding: 10px 0;
		margin-left: 15px;
		margin-right: 15px;
	}

	& .submenu-holder-title-category {
		padding: 15px 0 10px 0;
		margin-left: 15px;
		font-weight: 700;
		margin-right: 15px;
		width: 100%;
	}

	& .submenu-holder-title-item {
		margin-left: 15px;
		padding: 7px 0;
		margin-right: 15px;
		list-style: none;
		& a {
			font-weight: 500;
			color: #000;
			text-decoration: none;
		}
	}

	& .submenu-holder-title-all {
		padding: 10px 0;
		margin-left: 15px;
		border-bottom: 1px #000 solid;
		margin-right: 15px;

		& a {
			font-size: 0.7rem;
			padding-left: 15px;
			color: #000;
			text-decoration: none;
			font-weight: 600;
		}
	}
}

.menu-holder-events .submenu-holder-title,
.menu-holder-guides .submenu-holder-title {
	margin-bottom: 10px;
}

.menu-holder-events .submenu-holder-title-all,
.menu-holder-guides .submenu-holder-title-all {
	border: none;
}

.mm_mobile_all,
.mm_mobile_all_main {
	position: relative;
}

.mm_mobile_all_main::before {
	left: -15px;
}

.mm_mobile_all::before,
.mm_mobile_all_main::before {
	content: "";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 9px;
	height: 9px;
	background-color: black;
	border-radius: 50%;
}


.menu-holder-search.active,
.menu-holder-main.active,
.menu-holder-painting-artworks.active,
.menu-holder-events.active,
.menu-holder-guides.active,
.menu-holder-account.active,
.menu-holder-loccur.active,
.nav-wrapper-mobile.active {
	right: 0;
	display: block;
}

.art-currency .dropdown .dropdown-selected {
	display: flex;
	align-items: center;
}

.art-currency .dropdown-selected {
	width: 100% !important;
	display: flex;
	align-items: center;
	padding: 3px;
	border: 1px solid #000;
	border-radius: 15px;
	cursor: pointer;
	font-size: 12px;
	background-color: white;
	text-transform: uppercase;
	box-sizing: border-box;
	height: 25px;
	width: 177px;
	height: 32px !important;
}

.art-currency .dropdown {
	position: relative;
	margin-bottom: 15px;
}

.art-currency .menu-title {
	margin: 0 0 5px;
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	font-weight: 600;
	color: #000;
}

.art-currency .menu-title {
	margin: 0 0 5px;
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	font-weight: 600;
	color: #000;
}

.art-currency .language-selected,
.art-currency .currency-selected {
	display: flex;
	align-items: center;
	padding: 5px 10px;
	border: 1px solid #000;
	border-radius: 15px;
	cursor: pointer;
	font-size: 12px;
	background-color: white;
	text-transform: capitalize;
	box-sizing: border-box;
	height: 25px;
	width: 100%;
}

.art-currency .language-list,
.art-currency .currency-list {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	max-height: 130px;
	overflow-y: auto;
	background-color: white;
	border: 1px solid #000;
	border-radius: 10px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	margin-top: 5px;
	display: none;
	z-index: 1000;
	padding: 6px 0;
}

.art-currency .menu-title {
	margin: 0 0 5px;
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	font-weight: 600;
	color: #000;
}

.art-currency .language-dropdown .language-selected,
.art-currency .language-dropdown .currency-selected,
.art-currency .currency-dropdown .language-selected,
.art-currency .currency-dropdown .currency-selected {
	display: flex;
	align-items: center;
}

.art-currency .language-selected,
.art-currency .currency-selected {
	display: flex;
	align-items: center;
	padding: 5px 10px;
	border: 1px solid #000;
	border-radius: 15px;
	cursor: pointer;
	font-size: 12px;
	background-color: white;
	text-transform: capitalize;
	box-sizing: border-box;
	height: 32px;
	width: 100%;
}

.art-currency .dropdown-list {
	position: absolute;
	top: 100%;
	left: 0;
	max-height: 130px;
	overflow-y: auto;
	overflow-x: hidden;
	background-color: white;
	border: 1px solid #000;
	border-radius: 10px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	margin-top: 5px;
	display: none;
	z-index: 1000;
	padding: 10px 15px;
    width: calc(100% - 40px);
	& .dropdown-item{
		padding:7px 0px;
	}
}

.art-currency .language-dropdown,
.art-currency .currency-dropdown {
	position: relative;
	width: 100%;
}

.art-currency .language-dropdown,
.art-currency .currency-dropdown {
	margin-bottom: 15px;
}

art-currency .language-list,
.art-currency .currency-list {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	max-height: 130px;
	overflow-y: auto;
	background-color: white;
	border: 1px solid #000;
	border-radius: 10px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	margin-top: 5px;
	display: none;
	z-index: 1000;
	padding: 6px 0;
}

/********************************************************************************************************************/

.nav-wrapper-mobile{
	position:absolute;
}
.items-cart-holder{
	position:relative;
}
.items-cart-holder .bi-cart3{
	font-size: 1.4rem;
	color: #000;
}
.items-cart-holder span {
  font-size: 10px;
  color: #FFF;
  background: #000;
  display: block;
  position: absolute;
  text-align: center;
  aspect-ratio: 1 / 1;
  text-align: center;
  padding: 1.5px 0.5px 0px 0px;
  border-radius: 50%;
  top: -9px;
  right: -12px;
  width: 15px;
  overflow:hidden;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
}
.icons .user-likeboxcounter{
	padding-top:2px;
}
.menu-holder-search{
	top: 0;
	right: -100%;
	width: 100%;
	background-color: white;
	transition: right 0.3s ease;
	z-index: 2000;
	position: fixed;
	height: 100%;
	overflow-y: auto; 
    -webkit-overflow-scrolling: touch;
	& .close-menu-holder-search{
		position: absolute;
		cursor: pointer;
		right: 10px;
		top: 10px;
	}
	& .menu-content-category6{
		display: flex;
		justify-content: space-between;
		max-width: 1254px;
		margin: 0 auto;
		flex-direction: column;
		padding: 60px 20px 20px 20px;
		width: calc(100% - 40px);
		& .search-holder{
			width: 100%;
			& input{
				width: calc(100% - 20px);
				margin: 0;
				font-family: "Montserrat", Arial, Helvetica, sans-serif;
				outline: none;
				background: none;
				font-size: 11px;
				border: solid 1px rgba(26,26,26,1);
				border-radius: 15px;
				padding: 7px;
				text-transform: uppercase;
			}
		}
		& .menu-block-search{
			width: 100% !important;
			border-left: none;
			padding: 5px 0;
			& .mm_title {
			  font-size: 14px;
			  font-weight: 700;
			  padding: 20px 0px 10px 0px;
			  float: left;
			}
			& .menu-grid-search{
				grid-template-columns: repeat(3, 1fr);
				gap: 12px;
				display: grid;
				padding: 0;
				margin: 0;
				float: left;
				& .menu-grid-search__item{
					text-align: left;
					padding: 0;
					margin: 0;
					& img {
					  width: 100%;
					  height: 110px;
					  object-fit: cover;
					  display: block;
					  margin: 0 auto;
					  padding-bottom: 5px;
					  max-width: 100% !important;
				      max-height: 100% !important;
					  border:none;
					}
					& .mm_content_search{
						padding: 3px 0px 0px 0px;
						font-size: 11px;
						font-weight: 600;
						margin:0;
					}
				}
			}
			& .mm_all-search{
				text-align: center;
				margin-top: 5px;
				position: relative;
				padding-left: 12px;
				font-size: 12px;
				font-weight: 700;
				padding: 10px 0px;
				text-transform: uppercase;
				float:left;
				& a{
					color:#000;
					text-decoration:none;
					padding-left: 15px;
				}
			}
			& .mm_all::before {
			  content: "";
			  position: absolute;
			  left: 0;
			  top: 50%;
			  transform: translateY(-50%);
			  width: 9px;
			  height: 9px;
			  background-color: black;
			  border-radius: 50%;
			}

		}
	}
}
.search-box {
  position: relative;
  width: 100%;
  margin-bottom:10px;
}

.search-box input {
  width: 100%;
  padding: 8px 35px 8px 12px; 
  box-sizing: border-box;
  border-radius: 20px;
  border: 1px solid #000;
  width: 100%;
}

.search-box img {
  position: absolute;
  right: 10px;       
  top: 50%;
  transform: translateY(-50%);
  width: 18px;        
  height: 18px;
  cursor: pointer;
  opacity: 0.7;
}

.menu-list .menu-item .menu-link{font-family:'Montserrat', sans-serif;font-size:14px;font-weight:400;color:#000;line-height:18px;text-decoration:none;display:inline-block;padding:5px 10px;transition:background 0.3s;width:100%;position:relative;padding-left:21px} 
.menu-list .menu-item .menu-link::before{content:"";display:inline-block;position:absolute;left:0;width:14px;height:14px;background-size:contain;background-repeat:no-repeat;top:50%;transform:translateY(-50%)}
.menu-list .menu-item .menu-link.menu-my-order::before{background-image:url("/../../images/icons/Myprders.svg")}
.menu-list .menu-item .menu-link.menu-my-favorites::before{background-image:url("/../../images/icons/MyFavorites.svg")}
.menu-list .menu-item .menu-link.menu-my-information::before{background-image:url("/../../images/icons/MyInfo.svg")}
.menu-list .menu-item .menu-link.menu-my-help-center::before{background-image:url("/../../images/icons/HelpCenter.svg")}
.logout-section{text-align:left;margin-top:20px}
.logout-section 
#logout-link{font-family:'Montserrat', sans-serif;font-size:10px;font-weight:600;color:#000;text-decoration:underline;cursor:pointer}

.currency-item, .language-item{
	margin-left:10px;
}
.menu-holder-painting-artworks{
	& ul{
		& li{
			list-style:none;
		}
	}
}