.ltr .cosmos-header #current_sunspot {
	top: 11px; 
	right: 140px;
	text-decoration:none;
	clip-path: circle(50px at center);
	position:absolute;
	display: none;
	z-index: 10;
}

.rtl .cosmos-header #current_sunspot  {
	top: 11px; 
	left: 140px;
	text-decoration:none;
	clip-path: circle(50px at center);
	position:absolute;
	display: none;
	z-index: 10;
}

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

.cosmos-header #cosmos-sunspots {
	height: 118px; 
	width:118px;
}

img{
	color: white;
}

@media only screen and (max-width: 900px), only screen and (max-device-width: 900px) {
	.ltr .cosmos-header #current_sunspot {
		top: 15px; 
		right: 100px;
		clip-path: circle(31px at center);
	}
	.rtl .cosmos-header #current_sunspot {
		top: 15px; 
		left: 100px;
		clip-path: circle(31px at center);
	}
	.cosmos-header #cosmos-sunspots {
		height: 71px !important; 
		width:71px !important;
	}
}

@media only screen and (max-width: 600px), only screen and (max-device-width: 600px) {
	.ltr .cosmos-header #current_sunspot {
		top: 6px; 
		right: 60px;
		clip-path: circle(21px at center);
	}
	.rtl .cosmos-header #current_sunspot {
		top: 6px; 
		left: 60px;
		clip-path: circle(21px at center);
	}
	.cosmos-header #cosmos-sunspots {
		height: 47px !important; 
		width: 47px !important;
	}
}