.newsscroll {
	height: auto;
	overflow: hidden;
	position: relative;
	max-width: 100%;
}

.marquee {
	/*font-size: 170%;*/
	overflow: hidden;
	white-space: nowrap;
	display: inline-block;
	position: relative;
	padding-top: 2px;
	animation: movement-smooth linear infinite;
	animation-duration: 20s;
}

.rtl .marquee {
	animation-name: rtlmovement-smooth;
}

@keyframes movement-smooth {
	from {
		transform: translateX(100vw);
	}
	to {
		transform: translateX(-100%);
	}
}

@keyframes rtlmovement-smooth {
	from {
		transform: translateX(-100vw);
	}
	to {
		transform: translateX(100%);
	}
}

.marquee:hover {
	animation-play-state: paused;
}
.youcolor {
	background: #ff0707;
}

@media (max-width: 599px) {
.marquee {	
	font-size: 110%;
}
.scrollinfo {
    font-size: 12px;
	padding-top: 3px;	
}
}
@media (min-width: 600px) {
.marquee {	
	font-size: 150%;
}
.scrollinfo {
    font-size: 14px;
	padding-top: 2.5px;	
}
}
.scrollinfo {
	float: left;
    font-weight: bold;
    margin-bottom: 0;	
	color: #fff;
    padding-right: 8px;
}