.news-slider {
/* Style the actual content */
}

.news-slider .text-content {
    position:absolute;
    top:0;
    left:0;
    right:0;
    background-color:rgba(255,255,255,0.9);
    padding:2%;
    width:30%;
    height:100%;
    z-index:999
}

.news-slider .video-content {
    position:absolute;
    top:0;
    left:0;
    right:0;
    background-color:rgba(255,255,255,0.9);
    padding:2%;
    float:left;
    width:30%;
    height:100%
}

.sliderHead {
    color:#5d7287;
    font-size:29px;
    font-family:sans-serif;
    line-height:normal;
    margin:10px 0;
    font-weight:bold;
    padding:0
}

.news-slider .text-content h2 {
    margin:0
}

.news-slider .text-content p {
    display:none;
    font-size:18px;
  
   
}

.news-slider .video-content p {
    display:none;
      font-size:18px;
}

.news-slider .text-content a.button-link 
{
     padding:.25em .5em;
    position:absolute;
    bottom:5em;
    right:1em
}

.news-slider .video-content a.button-link 
{
     padding:.25em .5em;
    position:absolute;
    bottom:5em;
    right:1em
}

.news-slider .text-content .read-more {
    float:right;
    position:absolute;
    bottom:5em;
    right:1em
}

.news-slider .image-content {
    line-height:0
}

.news-slider .image-content img {
    max-width:100%
}

.news-slider .news-pager {
    text-align:right;
    display:block;
    margin:.2em 0 0;
    padding:0;
    list-style:none
}

.news-slider .news-pager li {
    display:inline-block;
    padding:.6em;
    margin:0 0 0 1em
}

.news-slider .news-pager li.sy-active a {
    color:#31ace2
}

.news-slider .news-pager li a {
    font-weight:500;
    text-decoration:none;
    display:block;
    color:#222
}

@media only screen and (max-width: 1138px) {
.news-slider .text-content {
    font-size:1em
}

.news-slider .video-content {
    font-size:1em
}

.sliderHead {
    color:#5d7287;
    font-size:24px;
    font-family:sans-serif;
    line-height:normal;
    margin:10px 0;
    padding:0
}
}

@media only screen and (max-width: 1024px) {
.news-slider .text-content {
    font-size:1em
}

.news-slider .video-content {
    font-size:1em
}

.sliderHead {
    color:#5d7287;
    font-size:24px;
    font-family:sans-serif;
    line-height:normal;
    margin:10px 0;
    padding:0
}
}

@media only screen and (min-width: 960px) {
.news-slider .text-content {
    width:30%
}

.news-slider .video-content {
    width:30%
}
}

@media only screen and (max-width: 860px) {
.news-slider .text-content {
    font-size:1em
}

.news-slider .video-content {
    font-size:1em
}

.sliderHead {
    color:#5d7287;
    font-size:24px;
    font-family:sans-serif;
    line-height:normal;
    margin:10px 0;
    padding:0
}
}

@media only screen and (max-width: 792px) {
.news-slider .text-content {
    font-size:1em
}

.news-slider .video-content {
    font-size:1em
}

.sliderHead {
    color:#5d7287;
    font-size:24px;
    font-family:sans-serif;
    line-height:normal;
    margin:10px 0;
    padding:0
}
}

@media only screen and (max-width: 765px) {
.news-slider .text-content {
    font-size:1em
}

.news-slider .video-content {
    font-size:1em
}

.sliderHead {
    color:#5d7287;
    font-size:24px;
    font-family:sans-serif;
    line-height:normal;
    margin:10px 0;
    padding:0
}
}
@media only screen and (min-width: 840px) {
.news-slider .text-content p {
    display:block
}
    .news-slider .video-content p {
    display:block
}
}

@media only screen and (min-width: 769px) {
.news-slider .text-content {
    width:35%
}




}

@media only screen and (min-width: 481px) and (max-width: 768px) {
.news-slider .text-content {
    font-size:1em
}

.news-slider .video-content {
    font-size:1em
}

.sliderHead {
    color:#5d7287;
    font-size:18px;
    font-family:sans-serif;
    line-height:normal;
    margin:10px 0;
    padding:0
}
}

@media only screen and (min-width: 321px) and (max-width: 480px) {
.news-slider .text-content {
    font-size:1em
}

.news-slider .video-content {
    font-size:1em
}

.sliderHead {
    color:#5d7287;
    font-size:13px;
    font-family:sans-serif;
    padding:0
}
}

@media only screen and (max-width: 320px) {
.news-slider .text-content {
    font-size:1em
}

.news-slider .video-content {
    font-size:1em
}

.sliderHead {
    color:#5d7287;
    font-size:13px;
    font-family:sans-serif;
    padding:0
}
}