@media (min-width : 768px) and (max-width: 991px) {
    .navbar-inverse .navbar-brand {
        /* background: url("../img/miniicon.jpg") left center no-repeat;
        background-size: 85%;
        overflow:hidden;
        width: 80px; */
        font-family: "Myriad Pro", "Myriad Web", "Tahoma", "Helvetica", "Arial", sans-serif;
        font-size: 0px;
        width: 2px;
    }

    .newsbox{
        width: 650px;
        margin: 0 auto !important;
        margin-top: 65px !important;
        margin-bottom: 25px !important;
    }

    .newsbox-img-container{
        float:left;
        margin: -50px 20px 0 -60px;
        border-radius: 20px;
        padding: 8px;
    }

    .img-newsbox{
        width:100px;
        border-radius: 15px;
        background-color: white;
        padding: 5px;
    }

    .newsbox-title{
        margin: -15px -20px 0 0;
        padding: 10px 0 20px 0;
        border-top-right-radius: 20px;
    }

    .newsbox-title > h2{
        margin: 10px 0 0 0;
        font-size: 22px;
    }

    .newsbox-title > h3{
        margin: 15px 0 0 0px;
        font-size: 18px;
    }

    .newsbox-content{
        padding: 0 15px 15px 15px;
        margin: 10px 15px 15px 15px;
    }

    .mainbox{
        padding: 15px 20px 10px 20px;
        border-radius: 20px;
        margin: 35px 0 25px 35px;
    }

    .mainbox-title > h2{
        margin: 0 0 0 15px;
        font-size: 18px;
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap;
        max-width: 195px;
    }

    .mainbox-title > h3{
        margin: 5px 0 0 15px;
        font-size: 16px;
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap;
        max-width: 195px;
    }

    .mainbox-img-container{
        float:left;
        margin: -50px 0 0 -50px;
        border-radius: 20px;
        padding: 8px;
    }

    .img-mainbox{
        width:85px;
        border-radius: 15px;
        background-color: white;
        padding: 5px;
    }

    .mainbox-title{
        float:left;
    }

    .mainbox-content{
        margin: 10px 0 5px 0;
        height: 158px;
        font-size: 14px;
        overflow: hidden;
    }

    .mainbox-content > p{
        margin-bottom: 19px;
    }

    .alertbox{
        padding: 15px 20px 10px 20px;
        border-radius: 20px;
        margin: 35px 0 25px 35px;
    }

    .alertbox > div > h2{
        margin: 0 0 0 15px;
        font-size: 26px;
    }

    .alertbox > div > h3{
        margin: 5px 0 0 15px;
        font-size: 20px;
    }

    .alertbox-img-container{
        float:left;
        margin: -50px 15px 15px -50px;
        border-radius: 20px;
        padding: 8px;
    }

    .img-alertbox{
        width: 150px;
        border-radius: 15px;
        background-color: white;
        padding: 5px;
    }

    .alertbox-content{
        margin: 15px 15px 0 15px;
    }

    .gallery_container{
        width: 660px;
    }

    .gallery_album{
        width: 200px;
    }

    .gallery_album > p {
        width: 160px;
    }

    .gallery_album_cover{
        width: 150px;
        max-height: 200px;
    }

    .pages{
        width: 650px;
        margin: 0 auto;
    }

    .pages_content{
        margin: 5px 20px 0 20px;
    }

    .news-image-container{
        width: 85px;
    }

    .news-image{
        width: 75px;
    }

    .news-title-container{
        width: 320px;
    }

    .news-title{
        margin: 0;
        font-size: 14px;
    }

    ol.indicator{
        display: none !important;
    }
}