.ltr .cosmos-header #moon {
	top: 20px; 
	right: 30px;
	position: absolute;
	display: none;
	z-index: 2;
}

.rtl .cosmos-header #moon {
	top: 20px; 
	left: 30px;
	position: absolute;
	display: none;
	z-index: 2;
}

.hasjs .cosmos-header #moon {
	display: block
}

@media only screen and (max-width: 900px), only screen and (max-device-width: 900px) {
	.cosmos-header #phase {
		height: 60px !important; 
		width:60px !important;
	}
}

@media only screen and (max-width: 600px), only screen and (max-device-width: 600px) {
	.ltr .cosmos-header #moon {
	top: 8px; 
	right: 10px;
	}
	.rtl .cosmos-header #moon {
	top: 8px; 
	left: 10px;
	}
	.ltr .cosmos-header #phase {
		height: 42px !important; 
		width:42px !important;
	}
}