#tweetwrap{
    height: 100%;
    width: 100%;
    overflow: hidden;
    position: relative;
}
.tweets{
    box-sizing: content-box;
    xposition: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: -17px;
    width: 100%;
    height: 100%;
    padding: 0;
    padding-right: 17px;
    display:block;
    height:auto;
    float:left;
    overflow:hidden;
    margin: 0;
}

#mCSB_1_scrollbar_vertical{
    top: 80px;
}
.tweetmore{
    padding: 80px 0;
    float: left;
    width: 100%;
    display: block;
    background: #3b6cb4;
    color: #759bd4;
    text-align: center;
}
.tweetmore:hover{color:#759bd4;}
.tweetmore .fa{
    font-size:40px;
}
.tweetmore span{
    display: inline-block;
    *display:inline;
    *zoom:1;
    padding: 5px 12px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    border:1px solid #759bd4;
    color:#e1ebfb;
    max-width:80%;
}


.tweets::-webkit-scrollbar {
    width: 0px;  /* remove scrollbar space */
    background: transparent;  /* optional: just make scrollbar invisible */
}
/* optional: show position indicator in red */
.tweets::-webkit-scrollbar-thumb {
    background: #FF0000;
}
#tweetfade{
    position: absolute;
    bottom: 0;
    left:0;
    width:100%;
    display:block;
    height:80px;
    background: url('../img/fadeover.png') repeat-x;
}

.mCSB_inside>.mCSB_container{margin: 0;}
.mCSB_scrollTools{z-index: 200;}
.mCS-dark.mCSB_scrollTools .mCSB_draggerRail{background: transparent;}
.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color: rgba(0,0,0,.5);}
.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color: rgba(0,0,0,.75);}

h3.tweetheader{
    float:left;
    background:#e8e1d2;
	font-weight: 600;
    width:100%;
    padding: 25px;
    position: absolute;
    top:0;
    left:0;
    z-index: 100;
    line-height:31px;
    height:80px;
	text-transform:uppercase;
}
.tweetbox{
    width:100%;
    display:block;
    float:left;
    height:auto;
    background:#eeeeee;
}
.tweet{
    float:left;
    display:block;
    padding: 15px 20px;
    width:100%;
    font-size: 14px;
    line-height:20px;
    margin: 0 0 3px 0;
    color:#555555;
    position:relative;
    xbackground:#e6e7e9;
}
.tweet video,
.tweet img{
    max-width:100%;
    margin: 0;
    height:auto;
}
.media:first-child{margin: 10px 0;}
.media{
    float:left;
    display:block;
    width:100%;
    margin: 10px 0;
}
.tweet video::-internal-media-controls-download-button {display:none;}
.tweet video::-webkit-media-controls-enclosure {overflow:hidden;}
.tweet video::-webkit-media-controls-panel {width: calc(100% + 30px);}
.tweet a{
    color:#3b6db6;
    text-decoration: none;
}
.tweet a.hashtag{
    color:#3b6db6;
}
.tweet .tweetdate{
    float:left;
    display:block;
    margin: 0 0 0 0;
    font-size:11px;
    color:#333333;
}
.tweetheader{
    float:left;
    width:100%;
    display:block;
    margin: 0 0 10px 0;
}
a.tweethandle{
    color:#000000;
}
a.tweetusername{
    font-size:16px;
    font-weight:bold;
    color:#000000;
}
a.tweethandle:hover,
a.tweetusername:hover{
    color:#3b6db6;
}

.tweet .avi{
    margin: 0 10px 0 0;
    float:left;
}
.tweet .action_panel{
    float:left;
    width:100%;
    font-size: 14px;
    display:none;
    margin: 8px 0 0 0;
    padding: 8px 0 0 0;
    border-top:1px dashed #d2d2d2;
}
.tweet .action_panel a{
    color:#3b6db6;
    float:left;
    width:auto;
    margin: 0 20px 0 0;
    padding: 0 20px 0 0;
    display:block;
}
.tweet .action_panel a:hover{
    color:#ff6c00;
}
.tweet .action_panel a span{
    margin: 0 0 0 7px;
    position: absolute;
}
.cf{clear:both;}

.image{
    width:50%;
    height:120px;
    float:left;
    display:block;
    overflow: hidden;
    position: relative;
    border:1px solid #e6e7e9;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.imagesuper{
    width:100%;
}

.retweeted{
    float: left;
    width: 100%;
    margin: 0 0 10px 0;
    font-size: 12px;
    color:#000000;
}


@media (max-width: 1199px) {
    a.tweetusername{font-size:13px;}
    .tweetdate{font-size:12px;}

}

@media (max-width: 767px) {

    .image{
        width:50%;
        height:120px;
    }

    #tweetfade{display:none;}
    .tweets{
        box-sizing: border-box;
        position: relative;
        top: 0;
        bottom: 0;
        left: 0;
        right: -17px;
        width: 100%;
        height: 100%;
        padding: 0 70px 0 0;
        display:block;
        height:auto;
        float:left;
        overflow:hidden;
        margin: 0;
        background: #3b6db6;
    }
    .tweetbox{
        padding: 83px 3px 3px 3px;
    }

    /*.tweet .tweet{
        font-size:14px;
    }
    .tweet .avi{
        position: relative;
        top:0;
        right:0;
        display: block;
        margin: 0 0 15px 0;
    }*/
}