@media only screen and (min-width : 320px) {
    /* Layouts */

    nav {
        height: auto;
        border-bottom: 2px solid #b71c1c;
        background: #01579B;
        
    }
    .nav-link {
        color: white;
        padding: 15px;
        margin: 10px;
        text-transform: uppercase;
    }
    .nav-link:hover{
        color: silver;
    }
    .active > .nav-link {
        border-bottom: #b71c1c 2px solid;
        font-weight: 500;
    }

    #pageContainer{
        margin-top: 55px;
        min-height: 85vh;
    }
    #site_logo {
        max-width: 50px;
        max-height: 50px;
        width: auto;
        height: auto;
    }
    #UnAuthSideLogo{
        
        max-height: 300px;
        max-width: 300px;
        width: auto;
        height: auto;
    }

    #UnAuthImgContainer {
        
        text-align: center;
    }
    #pageContainer  > .row{
        margin-top: 150px;
    }

    .labelFormat{
        /*padding-left: 15px;*/
        font-size: 10pt;
    }

    #AddressInformationSection, #PersonalInformationSection, #PreviousInformation, #SchoolInformationSection {
        display: none;
    }
    label.error{
        font-size: small;
        color: crimson;
    }
    
}

@media only screen and (min-width : 480px) {
}


@media only screen and (min-width : 768px) {

    
}


@media only screen and (min-width : 992px) {
    nav {
        height: 100px;
    }
    #pageContainer {
        margin-top: 100px;
    }
    #site_logo{
        max-width: 90px;
        max-height: 90px;
        width: auto;
        height: auto;
    }
    .smallPaddingRight{
        padding-right: 5px;
    }
    .smallPaddingLeft{
        padding-left: 5px;
    }

}


@media only screen and (min-width : 1200px) {
    
}

.validation-summary-valid ul {
    list-style-type: none;
    font-size: initial;
}

.trow-actions .btn-group {
    float: right !important;
}

.trow-actions a:hover {
    margin-right: 15px !important;
    margin-left: 15px !important;
}

.step-content .row {
    margin-top: 10px;
}