/* For small screens */
@media screen and (max-width: 390px) {
	html {
		font-size: 80%;
	}	
}

/* For very small screens */
@media screen and (max-width: 350px) {
	html {
		font-size: 70%;
	}	
}

/* For mini screens */
@media screen and (max-width: 300px) {
	html {
		font-size: 60%;
	}	
}


/*--------------------------------------------------------------
# Featured
--------------------------------------------------------------*/
.featured_container {
	top: initial;
	bottom: 2rem;
	width: initial;
}

.featured_container_hidden {
	left: 2rem;
	bottom: -100vh;
}

.featured_container_minimized {
	bottom: calc(-100vh + 10rem);
	left: 2rem;
}

.featured_minimize {
	right: 3.5rem;
	display: initial;
}


/*--------------------------------------------------------------
# Location Switcher
--------------------------------------------------------------*/
.location_switcher_list_item {
	height: 10rem;
}
/* For small screens */
@media screen and (max-width: 390px) {
	html {
		font-size: 80%;
	}	
}

/* For very small screens */
@media screen and (max-width: 350px) {
	html {
		font-size: 70%;
	}	
}

/* For mini screens */
@media screen and (max-width: 300px) {
	html {
		font-size: 60%;
	}	
}


/*--------------------------------------------------------------
# Featured
--------------------------------------------------------------*/
.featured_container {
	top: 2rem;
	width: initial;
	box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.5);
}

.featured_container_hidden {
	left: 2rem;
	top: 100vh;
}

.featured_container_minimized {
	top: calc(100vh - 15%);
	left: 2rem;
}

.featured_minimize {
	right: 3.5rem;
	display: initial;
}


/*--------------------------------------------------------------
# Location Switcher
--------------------------------------------------------------*/
.location_switcher_list_item {
	height: 10rem;
}

/*
	Disable heavy animation
*/
.location_switcher_list_item {
	transition: none;
}
Disable heavy animations on small screens
PERFORMANCE: Disable heavy animations on small screens
