@media (max-width: 720px) {

body { font-family: Ubuntu !important; }
p { margin: 0; }

a { 
	cursor: pointer;
	color: #303036;
}

header#test {
	position: fixed;
	top: 0;
	left: 0;

	width: 100%;
	height: 73px;
	background: white;
	z-index: 2;
	border-bottom: 1px solid #EEECE9;
}

.mobMenuIcon {
	margin-left: 20px;
	margin-top: 25.2px;

	width: 28px;
	height: 23.2px;
}
.line {
	border: 1px solid #303036;
	border-radius: 1px;
}
.line2 {
	margin-top: 8.3px;
}

.searchIcon {
	position: absolute;
	left: 20.8%;
	top: 23px;

	width: 27px;
	height: 27px;
	background: url(images/icons/searchIcon.svg);
}

.logo {
	position: absolute;
	left: calc(50% - 32px);
	top: 7px;
	
	width: 64px;
	height: 53px;
	background: url(/images/logo.png);
}

.phoneIcon {
	position: absolute;
	left: 69.87%;
	top: 23px;

	width: 28px;
	height: 28px;
	background: url(images/icons/phoneIcon.svg);
}

.cartIcon {
	position: absolute;
	right: 7.2%;
	top: 23px;
	
	width: 28px;
	height: 29px;
	background: url(images/icons/cartIcon.svg);

}

#mobileMenu, #mobileMenuCatalogue {
	width: 100%;
	display: none;
	background: #F5F6FA;
	position: fixed;
	top: 0;
	left: 0;
	overflow: auto;
	height: 100vh;
}
#mobileMenu {
	z-index: 3;
}
#mobileMenuCatalogue { 
	z-index: 4;
}
.mobileMenuTitle {
	background: #303036;
	height: 57px;
	position: fixed;
	width: 100%;
}
.mobileMenuTitle h2 {
	color: #FFFFFF;
	padding: 12px 0 0 5.33%;
	margin: 0;
}
h2 {
	font-weight: bold;
	font-size: 26px;
	line-height: 32px;
}
.mobileMenuOptions {
	margin-top: 57px;
	padding: 15px 5.33% 0;
	border-bottom: 1px solid rgba(48, 48, 48, 0.5);
	font-size: 18px;
	line-height: 45px;

	/* or 250% */

	/* Black */
	color: #303036;
}
.closeMenuIcon {
	display: none;
	position: absolute;
	right: 20px;
	top: 18px;
	
	width: 21px;
	height: 21px;
	background: url(images/icons/closeMenuIcon.svg);
	z-index: 4;
}

.menuSeparator {
	margin: 15px 0;
	opacity: 0.5;

	/* text 50% */
	border: 1px solid rgba(48, 48, 48, 0.5);
}
.menuPhone {
	margin: 30px auto 30px;
	text-align: center;
	font-size: 23px;
	line-height: 37px;
}
.menuItemLevel1 {
	line-height: 28px;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-weight: bold;
	padding-top: 15px;
	display: block;
}
.menuItemLevel2 {
	font-size: 16px;
	line-height: 35px;
}
.menuItemLevel3 {
	margin-left: 20px;
	font-size: 16px;
	line-height: 35px;
}
.fixedPosition { position: fixed; }

#navMain { display: flex; }
.navMainButton {
	width: 25%;
	height: 68px;
	background-position: center 9px;
	background-repeat: no-repeat;
	position: relative;
}
.navMainButton p {
	font-size: 12px;
	line-height: 13px; 
	
	position: absolute; 
	bottom: 9px; 
	left: 0; 
	
	width: 100%; 
	text-align: center;
}
.link {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}



/* temporary mobile rules*/ 

#sp-header-wrapper { display: none; }


/* end of mobile css rules */ 
}








/* temporary rules for fixing v4.css mistakes */ 

@media (min-width: 720px) {
	#mobileMenuCatalogue, #mobileMenu, #navMain, .cartIcon {
		display: none;
	}
	
}

.text-row h2 {
	font-size: 14px;
	line-height: normal;
	display: inline;
	margin: 0px;
}