@media only screen and (max-device-width : 360px) {
	.logo-spa {right: 0px !important; width: 180px !important; height: 29px !important; left: auto !important}
}

@media only screen and (max-device-width : 360px) and (orientation: landscape) {
	.menu-container {visibility: visible !important;}
	.menu-container-small {visibility: hidden !important;}
}

@media only screen and (max-device-width : 360px) and (orientation: portrait) {
	.menu-container {visibility: hidden !important;}
	.menu-container-small {visibility: visible !important; left: 45px !important;}
}

/* iPhone 6, 7, & 8 in portrait */
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) {
	.logo-spa {right: 0px !important; width: 180px !important; height: 29px !important; left: auto !important}	
}

@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation: landscape) {
	.menu-container {visibility: visible !important;}
	.menu-container-small {visibility: hidden !important;}
}

@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation: portrait) {
	.menu-container {visibility: hidden !important;}
	.menu-container-small {visibility: visible !important; left: 45px !important;}
}

/* iPhone 6, 7, & 8 plus in portrait */
@media only screen 
and (min-device-width : 414px) and (max-device-width : 736px) {
	.logo-spa {right: 0px !important; width: 180px !important; height: 29px !important; left: auto !important}
}

/* iPhone X */
@media only screen 
and (min-device-width : 375px) and (max-device-width : 812px) {
	.logo-spa {right: 0px !important; width: 180px !important; height: 29px !important; left: auto !important}
}

/* iPhone 5 only */
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation: landscape) {
	.menu-container {left: 15px !important;}
}