.pi_tweet_scroll{
    position: relative;
}

.tweets-list-container{
    width: 100%;
    overflow: hidden;
}

.tweet-list {
    position: relative;
    list-style-type: none;
    padding: 0;
}

.tweet-list li {
    padding-bottom: 10px;
}

/* Twitter logo before tweet */

.tweet-list.twitter-logo li {
    background: url('../img/tweet.png') no-repeat;
    padding-left: 40px;
    background-position-y: 5px;
}

.tweet-list.twitter-logo li.profile-image{
    background: none;
}

.tweet-list li.profile-image{
    padding-left: 60px;
    min-height: 60px;
}

.tweet-list .hash,
.tweet-list .hash a{
    font-style: italic;
}

/* Arrows */

.ts-vertical-arrows{
    width: 100%;
    height: 100px;
    display: block;
    cursor: pointer;
    z-index: 100000;
    background-size: 20%;
    background-repeat: no-repeat;
    background-position: center center;
}

.ts-horizontal-arrows{
    width: 100px;
    height: 100px;
    display: block;
    cursor: pointer;
    z-index: 100000;
    position: absolute;
    background-size: 50%;
    background-repeat: no-repeat;
    top: 50%;
    margin-top: -50px;
}

/* white arrows */

.ts-top-arrow.white{
    background-image: url("../img/arrow-white-top.png");
}

.ts-bottom-arrow.white{
    background-image: url("../img/arrow-white-bottom.png");
}

.ts-left-arrow.white{
    background-image: url("../img/arrow-white-left.png");
    left: -100px;
    background-position: right center;
}

.ts-right-arrow.white{
    background-image: url("../img/arrow-white-right.png");
    right: -100px;
    background-position: left center;
}

/* black arrows */

.ts-top-arrow.black{
    background-image: url("../img/arrow-black-top.png");
}

.ts-bottom-arrow.black{
    background-image: url("../img/arrow-black-bottom.png");
}

.ts-left-arrow.black{
    background-image: url("../img/arrow-black-left.png");
    left: -100px;
    background-position: right center;
}

.ts-right-arrow.black{
    background-image: url("../img/arrow-black-right.png");
    right: -100px;
    background-position: left center;
}

/* arrows position on mobile */

@media only screen and (max-width: 1400px) and (min-width: 0){
.pi_tweet_scroll{
  padding-left: 50px;
  padding-right: 50px;
}

.pi_tweet_scroll .ts-left-arrow{
  left: -30px;
}

.pi_tweet_scroll .ts-right-arrow{
  right: -30px;
}
}

@media only screen and (max-width: 479px) and (min-width: 0px){
.tweet-list.twitter-logo li{
padding-left: 0 !important;
padding-top: 50px;
background-position: center top !important;
word-wrap: break-word;
}
}