div.ticker{width:50%;}

.news{
  margin: 40px 0px;
  padding: 18px 20px 0px;
  width: 80px;
  text-align: center;
  border: #db3865; 1px solid;
  position: relative;
  overflow: hidden;
  background-color:#db3865;
  color: #ffffff;
  z-index: 1;
}

.ticker {
  margin: 40px 0px;
  padding: 2px 30px 30px;
  width: 600px;
  text-align: left;
  border: #ccc 1px solid;
  position: relative;
  overflow: hidden;
  background-color:#ffffff;
  z-index: 1;
}

.ticker ul {
  width: 80%;
  position: relative;
}

.ticker ul li {
  width: 100%;
  display: none;
}

@media (max-width:800px){

  .news{
    margin: 40px 0px 20px;
    padding: 15px 10px 0px;
    width: 60px;
    text-align: center;
    border: #db3865; 1px solid;
    position: relative;
    overflow: hidden;
    background-color:#db3865;
    color: #ffffff;
    z-index: 1;
}

.ticker ul {
  width: 90%;
  position: relative;
}

.ticker {
  margin: 40px 0px 20px;
  padding: 0px 30px 30px;
  width: 80%;
  text-align: left;
  border: #ccc 1px solid;
  position: relative;
  overflow: hidden;
  background-color:#ffffff;
  z-index: 1;
}


.ticker ul li {
  font-size: 0.88em;
}

}

@media (max-width:420px){

  .news{
    margin: 40px 0px 20px;
    padding: 25px 10px 0px;
    width: 60px;
    text-align: center;
    border: #db3865; 1px solid;
    position: relative;
    overflow: hidden;
    background-color:#db3865;
    color: #ffffff;
    z-index: 1;
}

.ticker ul {
  width: 90%;
  position: relative;
}

.ticker {
  margin: 40px 0px 20px;
  padding: -10px 0px 30px;
  width: 80%;
  text-align: left;
  border: #ccc 1px solid;
  position: relative;
  overflow: hidden;
  background-color:#ffffff;
  z-index: 1;
}


.ticker ul li {
  font-size: 0.88em;
}

}

@media (max-width:320px){

  .news{
    margin: 30px 0px 10px;
    padding: 25px 10px 0px;
    width: 60px;
    text-align: center;
    border: #db3865; 1px solid;
    position: relative;
    overflow: hidden;
    background-color:#db3865;
    color: #ffffff;
    z-index: 1;
}

.ticker ul {
  width: 90%;
  position: relative;
}

.ticker {
  margin: 30px 0px 10px;
  padding: -10px 10px 30px;
  width: 80%;
  text-align: left;
  border: #ccc 1px solid;
  position: relative;
  overflow: hidden;
  background-color:#ffffff;
  z-index: 1;
}


.ticker ul li {
  font-size: 0.82em;
}

}