/*FOR SCREENS LESS THAN 1950px WIDE*/
@media screen and (max-width: 1950px) {

    
}
/*FOR SCREENS LESS THAN 1920px WIDE*/
@media screen and (max-width: 1920px) {

    
}
/*FOR SCREENS LESS THAN 1615px WIDE*/
@media screen and (max-width: 1615px) {
    .app p{
        height: 150px;
    }
}



/*FOR SCREENS LESS THAN 1280px WIDE*/
@media screen and (max-width: 1265px) {
    .category{
        width: 45%;
        height: 300px;
        display:block;
    }

    .app{
        width: 35%;
        display:block;
    }
    .app img{
        margin: auto;
    }
    .app p{
        height: 80px;
    }
    #scorecardContainer{
        width: 80%;
        margin: 50px auto 0px;
    }

}

/*FOR SCREENS LESS THAN 1024px WIDE*/
@media screen and (max-width: 1026px) {

    .logo{
        clear: both;
        margin: auto;
    }
    nav{
        margin-left:0px;
        float: left;
    }
    nav ul li{
        margin-left:0;
    }
    #rotatingBanner{
        width: 100%;
        overflow:hidden;
    }
    /* Home Page Responsive */
    #row1 .category{
        width: 45%;
        height: 300px;
    }
    .app{
        width: 45%;
    }
    #scorecard{
        margin-bottom: 60px;
    }
    #scorecard #image{
        display: block;
        width: 100%;
    }
    #scorecard .description{
        display:block;
        width: 100%;
    }

    .app .app__hovereffect img{
        width: 100%;
    }
    .application-overview{
        margin-bottom: 0;
    }
    .application-overview a{
        width: 45%;
    }
    #scorecardContainer{
        height: 800px;
    }
    #video{
        width: 100%;
        margin-bottom: 30px
    }
}
/*FOR SCREENS LESS THAN 891px WIDE*/
@media screen and (max-width: 891px) {
    header{
        height: 200px;
        text-align: center;
    }
    .logo{
        margin-left: 20px;
    }
}
/*FOR SCREENS LESS THAN 835px WIDE*/
@media screen and (max-width: 835px) {
    .app{
        width: 70%;
        clear:both;
        margin-left: 15%;
        text-align:center;
        margin-bottom: 50px;
        border: solid 10px;
    }

}

/*FOR SCREENS LESS THAN 767px WIDE*/
@media screen and (max-width: 767px) {
    .app{
        width: 80%;
        margin-left: 10%;
    }
    #back-top{
        display: none;
    }

}

/*FOR SCREENS LESS THAN 612px WIDE*/
@media screen and (max-width: 629px) {
    nav{
        margin-left: 20px;
    }
    nav li{
        display: inline-block;
        font-size: 16pt;
        padding: 10px 10px;
        margin-top: 10px;
    }
    .accessibility{
        display: none;
    }
    #scorecardContainer{
        margin-bottom: 0;
    }
    .app{
        width: 80%;
        margin-left: 10%;
    }
    .newsflash-horiz li,
    .featured img {
        width: 32rem;
    }

}

/*FOR SCREENS LESS THAN 586px WIDE*/
@media screen and (max-width: 586px) {
    header{
        height: 350px;
    }
    .logo{
        width: 96%;
    }
    nav{
        width: 100%;
        margin-left:0px;
    }
    nav li{
        display: block;
    }
    .category{
        margin-bottom: 40px;
    }

}

/*FOR SCREENS LESS THAN 516px WIDE*/
@media screen and (max-width: 516px) {
    #row1{
        width: 100%;
    }
    #row1 .category{
        clear: both;
        width: 100%;
        height: 280px;
    }
    .app{
        width: 100%;
        margin-left: 0;
    }
    #scorecardContainer{
        margin-bottom: 0px;
        height: 720px;
    }


}
/*FOR SCREENS LESS THAN 420px WIDE*/
@media screen and (max-width: 420px) {
    .app img{
        margin-bottom:0;
    }
    .app h3{
        margin-top: -10px;
    }
    .app p{
        margin-bottom: 80px;
    }
}