/* liScroll styles */


.tickercontainer { /* the outer div */

width: 100%; 
height: 100px; 
margin: 0; 
padding: 0; 
overflow: hidden;
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
padding-left: 10px;
padding-right: 10px;
top: 0px;
height: 28px;
overflow: hidden;

}
ul.newsticker { /* that's your list */
/*Transitions have been added in order set css3 transitions; and have linear easing. Changing these lines you might have unexpected results */
-webkit-transition: all 0s linear;
-moz-transition: all 0s linear;
-o-transition: all 0s linear;
transition: all 0s linear;
position: relative;

font: bold 28px;
list-style-type: none;
padding-left: 20px;
padding: 0;

}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding-right: 15px;

}
ul.newsticker a {
white-space: nowrap;
padding: 0;
font: bold 28px;
margin: 0 50px 0 0;
} 
ul.newsticker span {
margin: 0 10px 0 0;
} 
@media only screen and (max-width: 991px)
{
	.tickercontainer { /* the outer div */

width: 90%; 
height: 20px; 
margin: 0; 
padding: 0; float: right;
overflow: hidden;
}
	}
	@media only screen and (max-width: 400px)
{
	.tickercontainer { /* the outer div */

width: 85%;

}
	}
	@media only screen and (max-width: 325px)
{
	.tickercontainer { /* the outer div */

width: 80%;

}
	}