﻿

.mobilenewstitle {
padding:2px 4px;
font-size:15px;
}
.mobilenewsbody {
    padding: 2px 4px;
    font-size: 13px;
}
.mobilecontainerhead {
    width: 90%;
    margin: 0px auto;
}
.mobilecontainer {
    height: 100px;
}
.mobilenews {
    height: 100px;
    display: table;
}
.vertical-center {
    height: 100px;
    display: table-cell;
    vertical-align: middle;
}
.desktopNews {
    display: block;
}

.mobileNewsContainer {
    display: none;
}
@media only screen and (min-width : 320px) {
    img {
        width: 40%;
        height: 60%; /*Images should be bigger in small devices*/
        padding: 5px 0px;
        border-radius:10px;
    }
    .categoryh3 {
        font-size: 24px;
        font-weight: normal;
        padding-bottom: 6px;
        margin-bottom: 1px;
        text-transform: uppercase;
        color: #000000;
        border-bottom: 5px solid #000000;
    }
    .desktopNews {
        display: none;
    }

    .mobileNewsContainer {
        display: block;
    }
}

@media only screen and (min-width : 480px) {
    img {
        width: 30%;
        height: 55%;
        padding: 5px 0px;
        border-radius: 10px;
    }
    .categoryh3 {
        font-size: 24px;
        font-weight: normal;
        padding-bottom: 6px;
        margin-bottom: 1px;
        text-transform: uppercase;
        color: #000000;
        border-bottom: 5px solid #000000;
    }
    .desktopNews {
        display: none;
    }

    .mobileNewsContainer {
        display: block;
    }
}

@media only screen and (min-width : 600px) {
    img {
        width: 100%;
        height: 100%;
        padding: 5px 0px;
        border-radius: 0px;
    }

    .categoryh3 {
        font-size: 24px;
        font-weight: normal;
        padding-bottom: 6px;
        margin-bottom: 1px;
        text-transform: uppercase;
        color: #000000;
        border-bottom: 5px solid #000000;
    }

    .desktopNews {
        display: block;
    }

    .mobileNewsContainer {
        display: none;
    }
    .mobileimage {
        float: none;
        width :100%;
        border-radius:0px;
    }

}