/* liScroll styles */
.ticker{float:left;margin:1% 1% 0% 1%;width:98%;}
.ticker span{background:#d40e01;color:White;float:left;font-size:1em;padding: 0.4% 1%;font-weight:500;}
.tickercontainer { /* the outer div with the black border */
width: 87%;height: 28px;margin: 0;padding:0.4% 0%;border-top: 1px solid #DDDDDD;
  border-bottom: 1px solid #DDDDDD;
  border-right: 1px solid #DDDDDD;
overflow: hidden; 
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
}
ul.newsticker { /* that's your list */
position: relative;
left: 750px;
list-style-type: none;
margin: 0;
padding: 0;

}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;list-style-type:none;position:relative;
padding: 0;
}
ul.newsticker li:before{background:url(../Image/small_logo.png);position:absolute;content:'';width:18px;height:18px;}
ul.newsticker a {
white-space: nowrap;
padding-left: 20px;
color: black;
margin: 0 30px 0px 0px;
} 
ul.newsticker span {
margin: 0 10px 0 0;
} 
@media all and (max-width : 768px) 
{
	.tickercontainer{width:82%;height:22px;}
}
@media screen and (min-width: 100px) and (max-width: 600px)  
{
	.tickercontainer{border:1px solid #DDDDDD !important;}
	.ticker span{display:none !important;}
	.tickercontainer{width:100%;height:22px;}
}