/* liScroll styles */

.breaking_news{clear: both;
position: relative;
height: 34px;}
.the_ticker{}
.btn_title{    background-image: url('https://1.bp.blogspot.com/-UDTM_aRGRNc/WTOd_B88D0I/AAAAAAAARbg/T7HDFIFdZ4EmaFUt1bd-XjwdwqNW9SEHgCLcB/s1600/breaking%2B%25281%2529.gif');
    /* color: #000; */
    float: left;
    font-size: 0px;
    height: 34px;
    /* padding: 7px 5px;
    position: relative; */
    /* text-align: center; */
    width: 185px;
    z-index: 111;
    /* display: none; */
    background-color: #000000;}
.btn_title:after{border-left: 11px solid #ed3237;
    border-style: solid;
    /* border-width: 16px 1px 18px 19px; */
    content: "";
    height: 0;
    left: 100%;
    margin-top: -17px;
    position: absolute;
    top: 50%;
    width: 0;
    z-index: 1;
    display: none;
}

.news_ticker{    /* background: none repeat scroll 0 0 #fff; */
    /* border: 1px solid #ddd; */
    height: 34px;
    line-height: 37px;
    list-style: outside none outside-none;
    overflow: hidden;
    position: relative;
    z-index: 1;
    background-color: #ed3237;}


.tickercontainer { /* the outer div with the black border */
height: 38px;
margin: 0;
overflow: hidden;
padding: 0;
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
overflow: hidden;
position: relative;
height: 38px;margin-top: -3px;
}
ul.newsticker { /* that's your list */
list-style-type: none;
margin: 0;
padding: 0;
position: relative;

}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0;
}
ul.newsticker a {
color: #ffffff;
padding: 0;
white-space: nowrap;
font-weight: bold;
font-size: 18px;
} 
ul.newsticker a:hover{color:#ffff00;text-decoration:none;}
ul.newsticker span {
color: #ffffff;
margin: 0 10px;font-size: 18px;
} 
/*responsive css */
@media only screen and (max-width: 767px) { 
.btn_title span{display:none}
.btn_title{padding:0px;width: 5px;}
}

/* Wide Mobile Layout: 480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) { 
.btn_title span{display:none}
.btn_title{padding:0px;width: 5px;}
}