﻿.container {
    min-width: 320px;
}


@media only screen and (max-width: 320px) {


    .sliderdiv {
        margin: 12px 0 20px 0px;
    }

    .sliderpic {
        width: 300px;
        height: 200px;
    }

    .slidertransdiv {
        width: 300px;
        height: 60px;
    }
    .subtitlebullet, .subtitle {
        visibility: hidden;
        height: 0px;
    }
}


@media only screen and (min-width: 320px) {


    .sliderdiv {
        margin: 12px 0 20px 0px;
    }

    .sliderpic {
        width: 340px;
        height: 220px;
    }

    .slidertransdiv {
        width: 340px;
        height: 60px;
    }

    .title {
        font-size: 15px;
        line-height: 16px;
    }

    .redlinelatestnews {
        border-bottom: 3px solid #d51529;
        height: 20px;
        width: 46%;
        float: right;
        margin-top: 5px;
    }

    .redlinespreports {
        border-bottom: 3px solid #d51529;
        height: 20px;
        width: 35%;
        float: right;
        margin-top: 5px;
    }

    .redlinefeatures {
        border-bottom: 3px solid #d51529;
        height: 20px;
        width: 58%;
        float: right;
        margin-top: 5px;
    }

    .redlineinterviews {
        border-bottom: 3px solid #d51529;
        height: 20px;
        width: 50%;
        float: right;
        margin-top: 5px;
    }

    .subtitlebullet, .subtitle {
        visibility: hidden;
        height: 0px;
    }
}




@media only screen and (min-width: 360px) {
    .sliderdiv {
        margin: 12px 0 25px 0px;
    }

    .sliderpic {
        width: 350px;
        height: 225px;
    }

    .slidertransdiv {
        width: 350px;
        height: 60px;
    }

    .title {
        font-size: 15px;
        line-height: 15px;
    }

    .redlinelatestnews {
        border-bottom: 3px solid #d51529;
        height: 20px;
        width: 46%;
        float: right;
        margin-top: 5px;
    }

    .redlinespreports {
        border-bottom: 3px solid #d51529;
        height: 20px;
        width: 35%;
        float: right;
        margin-top: 5px;
    }

    .redlinefeatures {
        border-bottom: 3px solid #d51529;
        height: 20px;
        width: 58%;
        float: right;
        margin-top: 5px;
    }

    .redlineinterviews {
        border-bottom: 3px solid #d51529;
        height: 20px;
        width: 50%;
        float: right;
        margin-top: 5px;
    }

    .subtitlebullet, .subtitle {
        visibility: hidden;
        height: 0px;
    }
}


@media only screen and (min-width: 375px) {

    .sliderdiv {
        margin: 12px 0 25px 0px;
    }

    .sliderpic {
        width: 350px;
        height: 235px;
    }

    .slidertransdiv {
        width: 350px;
        height: 60px;
    }

    .title {
        font-size: 16px;
        line-height: 16px;
    }

    .redlinelatestnews {
        border-bottom: 3px solid #d51529;
        height: 20px;
        width: 54%;
        float: right;
        margin-top: 5px;
    }

    .redlinespreports {
        border-bottom: 3px solid #d51529;
        height: 20px;
        width: 44%;
        float: right;
        margin-top: 5px;
    }

    .redlinefeatures {
        border-bottom: 3px solid #d51529;
        height: 20px;
        width: 64%;
        float: right;
        margin-top: 5px;
    }

    .redlineinterviews {
        border-bottom: 3px solid #d51529;
        height: 20px;
        width: 57%;
        float: right;
        margin-top: 5px;
    }

    .subtitlebullet, .subtitle {
        visibility: hidden;
        height: 0px;
    }
}



@media only screen and (min-width: 414px) {

    .sliderdiv {
        margin: 12px 0 25px 0px;
    }

    .sliderpic {
        width: 550px;
        height: 300px;
    }

    .slidertransdiv {
        width: 550px;
        height: 60px;
    }

    .title {
        font-size: 18px;
        line-height: 18px;
    }

    .redlinelatestnews {
        border-bottom: 3px solid #d51529;
        height: 20px;
        width: 54%;
        float: right;
        margin-top: 5px;
    }

    .redlinespreports {
        border-bottom: 3px solid #d51529;
        height: 20px;
        width: 44%;
        float: right;
        margin-top: 5px;
    }

    .redlinefeatures {
        border-bottom: 3px solid #d51529;
        height: 20px;
        width: 64%;
        float: right;
        margin-top: 5px;
    }

    .redlineinterviews {
        border-bottom: 3px solid #d51529;
        height: 20px;
        width: 57%;
        float: right;
        margin-top: 5px;
    }

    .subtitlebullet, .subtitle {
        visibility: hidden;
        height: 0px;
    }
}


@media only screen and (min-width: 568px) { /*iphone 5 hori */
    .sliderpic {
        width: 650px;
        height: 325px;
    }

    .slidertransdiv {
        width: 650px;
        height: 60px;
    }
}

@media only screen and (min-width: 667px) { /*iphone 6 hori*/
    .sliderpic {
        width: 700px;
        height: 380px;
    }

    .slidertransdiv {
        width: 700px;
        height: 60px;
    }

    .sliderdiv {
        margin: 12px 0 30px 0px;
    }
}

@media only screen and (min-width: 736px) { /* iphone 6+ hori */
    .sliderpic {
        width: 720px;
        height: 400px;
    }

    .slidertransdiv {
        width: 700px;
        height: 80px;
    }
}



@media only screen and (min-width: 768px) {
    .sliderdiv {
        margin: 12px 0 25px 0px;
    }

    .sliderpic {
        width: 750px;
        height: 479px;
    }

    .slidertransdiv {
        width: 730px;
        height: 80px;
    }

    .title {
        font-size: 26px;
        line-height: 25px;
    }

    .redlinelatestnews {
        border-bottom: 3px solid #d51529;
        height: 20px;
        width: 75%;
        float: right;
        margin-top: 0px;
    }

    .redlinespreports {
        border-bottom: 3px solid #d51529;
        height: 20px;
        width: 70%;
        float: right;
        margin-top: 0px;
    }

    .redlinefeatures {
        border-bottom: 3px solid #d51529;
        height: 20px;
        width: 81%;
        float: right;
        margin-top: 0px;
    }

    .redlineinterviews {
        border-bottom: 3px solid #d51529;
        height: 20px;
        width: 77%;
        float: right;
        margin-top: 0px;
    }

    /*.digitalrow {
        visibility: hidden;
        height: 0px;
    }*/

    .subtitlebullet, .subtitle {
        visibility: visible;
        height: 0px;
    }

    .packagemob {
   display:none;
    }
}

@media only screen and (min-width: 990px) {
    .sliderdiv {
        margin: 12px 0 0 0px;
    }

    .sliderpic {
        width: 750px;
        height: 479px;
    }

    .slidertransdiv {
        width: 670px;
        height: 100px;
    }
}

@media only screen and (min-width: 1024px) {
    .sliderdiv {
        margin: 12px 0 0 -47px;
    }

    .sliderpic {
        width: 750px;
        height: 479px;
    }

    .slidertransdiv {
        width: 680px;
        height: 100px;
    }
}


@media only screen and (min-width: 1050px) {
    .sliderdiv {
        width: 640px;
        margin: 12px 0 0 -47px;
    }

    .sliderpic {
        width: 640px;
        height: 479px;
    }

    .slidertransdiv {
        width: 640px;
        height: 100px;
    }

    .title {
        font-size: 25px;
        line-height: 25px;
    }

    .redlinelatestnews {
        border-bottom: 3px solid #d51529;
        height: 20px;
        width: 84%;
        float: right;
        margin-top: 0px;
    }

    .redlinespreports {
        border-bottom: 3px solid #d51529;
        height: 20px;
        width: 81%;
        float: right;
        margin-top: 0px;
    }

    .redlinefeatures {
        border-bottom: 3px solid #d51529;
        height: 20px;
        width: 88%;
        float: right;
        margin-top: 0px;
    }

    .redlineinterviews {
        border-bottom: 3px solid #d51529;
        height: 20px;
        width: 86%;
        float: right;
        margin-top: 0px;
    }

    .digitalrow {
        visibility: visible;
    }

    .subtitlebullet, .subtitle {
        visibility: visible;
        height: 0px;
    }
}

@media only screen and (min-width: 1198px) {
    .sliderdiv {
        width: 780px;
        margin: 12px 0 0 -47px;
    }

    .sliderpic {
        width: 780px;
        height: 479px;
    }

    .slidertransdiv {
        width: 780px;
        height: 100px;
    }
}





@media only screen and (max-width: 990px) {
    .homebox {
        float: left;
    }

    .homebox, .boximage {
        width: 250px;
    }

    .ucr {
        margin-top: 20px;
    }
}



@media only screen and (max-width: 500px) {
    .homebox {
        float: none;
    }

    .homebox, .boximage {
        width: 100%;
    }
}

@media only screen and (max-width: 768px) {
    .packagetable {
    display:none;
    }
}


.line {
    position: relative;
    display: table;
}

    .line:after {
        content: "";
        position: absolute;
        top: 50%;
        width: 100%;
        height: 3px;
        background-color: #d51529;
    }

.h1 {
    position: relative;
    font-size: 30px;
    z-index: 1;
    overflow: hidden;
    text-align: left;
    margin-left: 11px;
    margin-right: 11px;
    color: #D51529;
}
    /*#h1:before,*/

    .h1:after {
        position: absolute;
        top: 51%;
        overflow: hidden;
        width: 100%;
        height: 3px;
        content: '\a0';
        background-color: #D51529;
    }

    .h1:before {
        margin-left: -50%;
        text-align: right;
    }
