/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/


/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */

/* Extra Small Devices, Phones */
@media all and (-ms-high-contrast: none), (-ms-high     -contrast: active) {
    /* IE10+ CSS styles go here */
    sup, sub {
        font-size: 18px;
    }

    .customdropdown {
        background-position: right 33px top 25px;
    }
}


@media (min-width : 481px) and (max-width : 767px) {
    
    .school-feature-set-main-heading {
        margin-top: 50px;
        margin-bottom: 10px;
        font-size: 1.5em;
        line-height: 1em;
        padding: 20px 20px;
        width: 100%;
    }

    .banner-school-home {
        background: #000;
        background-image: url(images/silhouettes/banner-school-home.png);
        background-repeat: repeat-x !important;
        width: 100%;
    }

    .contact-info-container h2 {
        font-size: 1em !important;
    }

    .billing-val {
        font-size: 0.8em;
        letter-spacing: -0.05em;
    }

    .billing-value {
        padding-left: 8px !important;
    }

    .billing {
        font-size: 1em !important;
        padding: 10px 0px;
    }

    .billing {
        font-size: 1.3em !important;
    }

    .billing-grid-header {
        font-size: 0.8em;
    }

    .billing-heading-sub {
        font-size: 0.8em;
    }

    .billing-heading {
        font-size: 0.8em;
    }

    .overview h2 {
        font-size: 1em;
    }

    .form-group .wrap-input {
        /*background: #fff;*/
    }

    .alert-danger-background {
        background-color: #F0DDDC !important;
    }

    .alert-success-background {
        background-color: #E2EDD9 !important;
    }

    .customdropdown {
        letter-spacing: -0.03em;
    }

    .document-val {
        font-size: 0.8em;
    }

    .document-anchor {
        font-size: 0.8em;
    }

    .billing-title {
        font-size: 0.775em;
    }

    .doc h2 {
        font-size: 1em !important;
        padding: 0px 15px;
    }

    .document-title {
        font-size: 0.775em;
    }

    .history h2 {
        font-size: 1em;
        padding: 10px 15px;
    }

    .history-title {
        font-size: 0.775em;
    }

    .paymentDetails td {
        font-size: 0.7em;
    }

    .paymentDetails th {
        font-size: 0.7em;
        font-weight: bold;
    }

    .uni-accounts .alert-danger .fa-stack {
        background: #ffffff !important;
        border-radius: 100% !important;
        border: 2px solid #a94442;
        color: #a94442 !important;
    }

        .uni-accounts .alert-danger .fa-stack .fa-inverse {
            color: #a94442;
            line-height: 1.7em;
        }

    .uni-accounts .alert-danger {
        background-color: transparent !important;
        margin-top: 5px;
    }

    .school-left-uni {
        border-top: solid #334721 5px;
        background-size: cover;
        margin-bottom: 15px;
    }

    .school-right-uni {
        background: transparent !important;
        min-height: 120px;
        border-top: solid #B02221 5px;
        margin-bottom: 15px;
    }

    .mB15 {
        margin-bottom: 15px;
    }

    a.accordion-href {
        cursor: pointer;
        outline: none;
    }

    .modal-bg {
        background: rgba(0, 0, 0, 0.5);
    }

    .paddingLR10 {
        padding-left: 10px;
        padding-right: 10px;
    }

    .uni-accounts .alert-success {
        background-color: transparent;
    }

    .uni-accounts .alert-info {
        background-color: transparent;
    }


    .tabbular {
        width: 20%;
        min-height: 69px;
        color: #8C9296 !important;
        font-size: 1em;
        text-align: center;
        z-index: 200;
        position: relative;
        cursor: pointer;
        border-bottom: solid #6C6C6E 3px;
        border-right: solid #6C6C6E 3px;
    }

        .tabbular a {
            min-height: 69px;
            color: #8C9296;
            background-color: #DBDBDB;
            border-radius: 0px !important;
            margin-right: 0px !important;
            letter-spacing: -0.04em;
            line-height: 1.35em !important;
            padding: 10px 8px !important;
        }

    .tabbular-container .active a::after {
        position: absolute;
        top: 104%;
        left: 50%;
        margin-left: -10px;
        width: 0;
        height: 0;
        border: solid transparent;
        border-width: 10px;
        border-top-color: #6C6C6E;
        content: '';
        pointer-events: none;
    }

    .tabbular-container .active a::after {
        color: #000000;
    }

    .tabbular-container .nav-tabs {
        border-bottom: 0px solid #ddd;
    }

    .tabbular-container {
        width: 100% !important;
        padding-bottom: 40px;
        border-bottom: 0px;
    }

        .tabbular-container .tab-content {
            padding: 20px 0 10px 5px;
            overflow: hidden;
        }


    p.left-uni-add {
        padding-top: 0px;
    }

    p.left-uni-name {
        padding-bottom: 0px;
    }

    .uni-accounts-collapse .panel-heading {
        height: 40px;
    }

    .contact-info-content {
        margin: 0px 0px;
        padding: 5px 0px;
    }

    .padding0 {
        padding: 0px !important;
    }

    .resetSecurityQuestions .bottomHeading {
        margin-top:0px;
    }
}

/* Small Devices, Tablets */
@media (min-width : 768px) {

    .m-searcharea {
        display: none;
    }

}


/* Large Devices, Wide Screens */

@media (min-width: 768px) and (max-width: 992px) {

    .middle-elements.no-padding-left {
        padding-left: 0;
        padding-right: 25px;
    }

    .middle-elements.no-padding-right {
        padding-right: 0;
        padding-left: 25px;
    }

    .footer-links ul li {
        line-height: 1.2em;
        margin-bottom: 10px;
    }

    .navbar-default .navbar-nav > li > a {
        font-size: 0.95em;
    }

    .banner-school-home {
        background-image: url(images/silhouettes/banner-school-home.png);
        background-repeat: repeat-x !important;
        width: 100% !important;
    }

    .alert-danger-background {
        background-color: #F0DDDC !important;
    }

    .alert-success-background {
        background-color: #E2EDD9 !important;
    }

    .document-val {
        font-size: 0.8em;
    }

    .document-anchor {
        font-size: 0.8em;
    }

    .billing-title {
        font-size: 0.775em;
    }

    .doc h2 {
        padding: 0px 15px;
    }

    .document-title {
        font-size: 0.775em;
    }

    .history h2 {
        padding: 10px 15px;
    }

    .history-title {
        font-size: 0.775em;
    }

    .billing-val {
        font-size: 0.8em;
    }

    .billing-value {
        padding-left: 5px !important;
    }

    .billing-heading-sub {
        padding-left: 9px;
    }

    .billing-grid-header {
        padding-left: 9px;
    }

    .total {
        padding-left: 9px;
    }


    .paymentDetails td {
        font-size: 0.8em;
    }

    .paymentDetails th {
        font-size: 0.8em;
        font-weight: bold;
    }

    .uni-accounts .alert-danger .fa-stack {
        background: #ffffff !important;
        border-radius: 100% !important;
        border: 2px solid #a94442;
        color: #a94442 !important;
    }

        .uni-accounts .alert-danger .fa-stack .fa-inverse {
            color: #a94442;
            line-height: 1.7em;
        }

    .uni-accounts .alert-danger {
        background-color: transparent !important;
        margin-top: 5px;
    }

    .school-left-uni {
        border-top: solid #334721 5px;
        background-size: cover;
        margin-bottom: 15px;
    }

    .school-right-uni {
        background: transparent !important;
        min-height: 120px;
        border-top: solid #B02221 5px;
        margin-bottom: 15px;
    }

    .conn-plus {
        background: url(images/plus-sign.png);
        background-repeat: no-repeat;
        height: 72px;
        width: 100%;
        background-position: center;
        background-color: #F7F6F7;
        border: 3px solid #e5e5e5;
    }

    .mB15 {
        margin-bottom: 15px;
    }

    .mB79 {
        margin-bottom: 79px;
    }

    .container-home {
        padding-left: 75px !important;
        padding-right: 75px !important;
    }

    a.accordion-href {
        cursor: pointer;
        outline: none;
    }

    .modal-bg {
        background: rgba(0, 0, 0, 0.5);
    }

    .paddingLR10 {
        padding-left: 10px;
        padding-right: 10px;
    }

    .uni-accounts .alert-success {
        background-color: transparent;
    }

    .uni-accounts .alert-info {
        background-color: transparent;
    }

    .school-feature-set-content-heading {
        margin-top: 10px;
    }

    .school-banner-bg {
        margin-bottom: 20px;
    }

    .tabbular {
        width: 20%;
        min-height: 50px;
        color: #8C9296 !important;
        font-size: 0.9em;
        text-align: center;
        z-index: 200;
        position: relative;
        cursor: pointer;
        border-bottom: solid #6C6C6E 3px;
        border-right: solid #6C6C6E 3px;
    }

        .tabbular a {
            min-height: 54px;
            color: #8C9296;
            background-color: #DBDBDB;
            border-radius: 0px !important;
            margin-right: 0px !important;
            padding: 5px 30px !important;
            font-size: 0.9em;
        }

    .account-overview-accordion-header .accordion-href {
        font-size: 2em;
        display: inline-block;
    }

    p.left-uni-add {
        padding-top: 0px;
    }

    p.left-uni-name {
        padding-bottom: 0px;
    }

    .uni-accounts-collapse .panel-heading {
        height: 40px;
    }

    .contact-info-content {
        margin: 0px 0px;
        padding: 5px 0px;
    }

    .padding0 {
        padding: 0px !important;
    }
    
}

@media only screen and (min-width: 1024px) {
    .no-padding-desktop{padding: 0px}
}

@media only screen and (max-width : 1200px) {
    .fr {
        float: right;
    }

    .top-nav-menu > li:nth-child(2) {
        padding-left: 0px;
    }

    .top-nav-menu {
        padding-right: 0px;
    }

        .top-nav-menu > li > a {
            padding: 20px 13px !important;
        }


    /*   .top-nav-menu > li > .dropdown-menu {
            padding-right: 55px;
        }
*/
    .feature-headings .col-md-2, .feature-headings col-sm-2 {
        width: 24.66%;
    }

    .uni-accounts .alert-danger .fa-stack {
        background: #ffffff !important;
        border-radius: 100% !important;
        border: 2px solid #a94442;
        color: #a94442 !important;
        margin-top: -2px;
    }



    .tabbular-container .active a {
        outline: none;
    }

    a.accordion-href {
        cursor: pointer;
        outline: none;
    }

    .modal-bg {
        background: rgba(0, 0, 0, 0.5);
    }

    .paddingLR10 {
        padding-left: 10px;
        padding-right: 10px;
    }

    .uni-accounts .alert-success {
        background-color: transparent;
    }

    .uni-accounts .alert-info {
        background-color: transparent;
    }

    .tab-content {
        padding: 0px;
    }

    .container {
        width: 100%;
    }

    .tab-table {
        display: table;
        vertical-align: middle;
        text-align: center;
        line-height: 2.2em;
    }

    .tab-icon-wrapper {
        display: table-cell;
        vertical-align: middle;
        width: 45px;
    }

    .tab-icon-heading {
        display: table-cell;
        text-align: left;
        margin-left: 10px;
        line-height: 20px;
        vertical-align: middle;
    }

    .tabbular-5col a {
        min-height: 80px;
    }

    .splashScreen .row {
        margin-left: 0px;
        margin-right: 0px;
    }

    .splashScreen h2 {
        font-size: 34px;
        line-height: 34px;
        margin-top: 10px;
    }

    .splashScreen h3 {
        font-size: 18px;
        line-height: 27px;
    }

    .circularG {
        width: 25px;
        height: 25px;
    }

    #circularG_1 {
        left: 10px;
        top: 56px;
    }

    #circularG_2 {
        left: 30px;
        top: 18px;
    }

    #circularG_3 {
        left: 70px;
        top: 0;
    }

    #circularG_4 {
        right: 45px;
        top: 18px;
    }

    #circularG_5 {
        right: 25px;
        top: 56px;
    }

    #circularG_6 {
        bottom: 60px;
        right: 45px;
    }

    #circularG_7 {
        bottom: 40px;
        left: 70px;
    }

    #circularG_8 {
        bottom: 60px;
        left: 30px;
    }
}

@media (min-width: 993px) and (max-width: 1024px) {

    .banner-school-home {
        background-image: url(images/silhouettes/banner-school-home.png);
        background-repeat: repeat-x !important;
        width: 100% !important;
    }

    .form-group .wrap-input {
        /*background: #fff;*/
    }

    .alert-danger-background {
        background-color: #F0DDDC !important;
    }

    .alert-success-background {
        background-color: #E2EDD9 !important;
    }

    .paymentDetails td {
        font-size: 0.9em;
    }

    .paymentDetails th {
        font-size: 0.9em;
        font-weight: bold;
    }

    .doc h2 {
        padding: 0px 15px;
    }

    .history h2 {
        padding: 20px 15px;
        margin-bottom: 10px;
    }

    .uni-accounts .alert-danger .fa-stack {
        background: #ffffff !important;
        border-radius: 100% !important;
        border: 2px solid #a94442;
        color: #a94442 !important;
    }

        .uni-accounts .alert-danger .fa-stack .fa-inverse {
            color: #a94442;
            line-height: 1.7em;
        }

    .uni-accounts .alert-danger {
        background-color: transparent !important;
        margin-top: 5px;
    }

    .school-left-uni {
        border-top: solid #334721 5px;
        background-size: cover;
        margin-bottom: 15px;
    }

    .school-right-uni {
        background: transparent !important;
        min-height: 120px;
        border-top: solid #B02221 5px;
        margin-bottom: 15px;
    }

    .mB15 {
        margin-bottom: 15px;
    }

    .container-home {
        padding-left: 50px !important;
        padding-right: 50px !important;
    }

    .mB79 {
        margin-bottom: 79px;
    }

    .clear {
        clear: both;
    }


    .account-overview-sub-heading a::after {
        border-width: 0px;
    }

    .tabbular-container .active a {
        outline: none;
    }

    a.accordion-href {
        cursor: pointer;
        outline: none;
    }

    .modal-bg {
        background: rgba(0, 0, 0, 0.5);
    }

    .paddingLR10 {
        padding-left: 10px;
        padding-right: 10px;
    }

    .mB35 {
        margin-bottom: 35px;
    }

    .mT35 {
        margin-top: 35px;
    }

    .uni-accounts .alert-success {
        background-color: transparent;
    }

    .uni-accounts .alert-info {
        background-color: transparent !important;
    }

    .tabbular {
        width: 20%;
        color: #8C9296;
        font-size: 0.85em;
        text-align: center;
        z-index: 200;
        position: relative;
        cursor: pointer;
        border-bottom: solid #6C6C6E 3px;
        border-right: solid #6C6C6E 3px;
        height: 54px;
    }

        .tabbular a {
            min-height: 52px;
            color: #8C9296;
            background-color: #DBDBDB;
            border-radius: 0px !important;
            margin-right: 0px !important;
            padding: 5px 30px !important;
            font-size: 0.9em;
        }


    .account-overview-accordion-header .accordion-href {
        font-size: 2em;
        display: inline-block;
    }

    p.left-uni-add {
        padding-top: 0px;
    }

    p.left-uni-name {
        padding-bottom: 0px;
    }

    .uni-accounts-collapse .panel-heading {
        height: 40px;
    }

    .contact-info-content {
        margin: 0px 0px;
        padding: 5px 0px;
    }

    .padding0 {
        padding: 0px !important;
    }
}

@media (min-width: 993px) and (max-width: 1310px) {


    .banner-school-home {
        background-image: url(images/silhouettes/banner-school-home.png);
        background-repeat: repeat-x !important;
        width: 100% !important;
    }

    .middle-elements {
        padding: 0px 40px;
    }

    .paymentDetails td {
        font-size: 0.9em;
    }

    .paymentDetails th {
        font-size: 0.9em;
        font-weight: bold;
    }

    .doc h2 {
        padding: 0px 15px;
    }

    .history h2 {
        padding: 20px 15px;
        margin-bottom: 10px;
    }

    .uni-accounts .alert-danger .fa-stack {
        background: #ffffff !important;
        border-radius: 100% !important;
        border: 2px solid #a94442;
        color: #a94442 !important;
    }

        .uni-accounts .alert-danger .fa-stack .fa-inverse {
            color: #a94442;
            line-height: 1.7em;
        }

    .uni-accounts .alert-danger {
        background-color: transparent !important;
    }

    .mB15 {
        margin-bottom: 15px;
    }

    .mB79 {
        margin-bottom: 79px;
    }

    .tabbular-container .active a {
        outline: none;
    }

    a.accordion-href {
        cursor: pointer;
        outline: none;
    }

    .modal-bg {
        background: rgba(0, 0, 0, 0.5);
    }

    .paddingLR10 {
        padding-left: 10px;
        padding-right: 10px;
    }

    .billing-val {
        font-size: 1.150em;
    }


    .uni-accounts .alert-success {
        background-color: transparent;
    }

    .uni-accounts .alert-info {
        background-color: transparent;
    }
}

@media (min-width: 993px) and (max-width: 1200px) {
}


/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
    .questionContainer {
        margin-left: 5%;
    }

    .col-custom-1 {
        margin-left: 5%;
    }

    .container-overview2 {
        padding-left: 5%;
        padding-right: 5%;
    }

    .modal-dialog {
        width: auto;
        margin: 10px;
        position: relative;
    }

    .change-password-modal .modal-dialog {
        width: auto;
        margin: 10px;
        position: relative;
    }

    .tab-icon-wrapper {
        width: 33px;
    }
}

@media (min-width : 769px) and (max-width : 992px) {
    .signinContainer {
        margin-right: 3%;
    }

    #logo img.logo-desktop {
        display: none;
    }

    #logo img.logo-tab {
        display: block;
    }

    #logo img.logo-mobile {
        display: none;
    }
}

@media (min-width : 769px) and (max-width : 1200px) {

    .top-nav-menu > li:nth-child(2) {
        padding-left: 30px;
    }

    .top-nav-menu {
        padding-right: 50px;
    }
}


@media only screen and (max-width : 1200px) {
    .fr {
        float: right;
    }

    .top-nav-menu > li:nth-child(2) {
        padding-left: 0px;
    }

    .top-nav-menu {
        padding-right: 0px;
    }

        .top-nav-menu > li > a {
            padding: 20px 13px !important;
        }

    /*
        .top-nav-menu > li > .dropdown-menu {
            padding-right: 55px;
        }
*/
    .feature-headings .col-md-2, .feature-headings col-sm-2 {
        width: 24.66%;
    }

    .uni-accounts .alert-danger .fa-stack {
        background: #ffffff !important;
        border-radius: 100% !important;
        border: 2px solid #a94442;
        color: #a94442 !important;
        margin-top: -2px;
    }

        .uni-accounts .alert-danger .fa-stack .fa-inverse {
            color: #a94442;
            line-height: 1.7em;
        }

    .uni-accounts .alert-danger {
        background-color: transparent !important;
    }

    .mB79 {
        margin-bottom: 76px;
    }

    .uni-accounts .alert-success {
        background-color: transparent;
    }

    .uni-accounts .alert-info {
        background-color: transparent;
    }

    .helpcenter-main-container {
        padding: 0px 15px;
    }

    .fieldset-wrap {
        padding-left: 15px;
        padding-right: 15px;
    }

    .school-middle-gap .col-md-4, .school-middle-gap .col-sm-4, .school-middle-gap .col-xs-4 {
        padding-left: 8px;
        padding-right: 8px;
    }

    .school-feature-sets-container h2 {
        font-size: 24px;
    }

    .fa-1x {
        font-size: 1.2em;
        line-height: 1.8em;
    }

    .generalprofile-main-container {
        padding-left: 0px;
        padding-right: 0px;
    }

    .splashScreen {
        position: absolute;
        height: 100%;
        width: 100%;
    }
}


/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {

    .questionContainer {
        margin-left: 5%;
    }

    .middle-button {
        margin: 11px;
    }

    .tab-show {
        display: block;
        visibility: visible;
    }

    .banner-schools-home-title h2 {
        margin-left: 5%;
        font-size: 22px;
    }

    .banner-schools-home a {
        margin-left: 5%;
        font-size: 12px;
    }

    .school-feature-set-heading {
        font-size: 24px;
    }

    .school-feature-set-body {
        font-size: 12px;
    }

    .banner-schools-home {
        min-height: 135px;
    }
    .tab-no-padding{padding:0;}
}


/* Small Devices, Tablets */
@media only screen and (max-width : 767px) {
    /*Added by Safder jaffri*/
    ul.centerUl li.centerUl_li {
    display: block;
    width: 100%;
    padding: 15px;
    vertical-align: top;
    margin: 15px 0;
    }
    .navbar-collapse .m-searcharea {
        display: block;
        width: 100%;
        padding: 20px !important;
        z-index: 1;
    }

    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        border: none;
    }

    h2.school-feature-set-content-heading {
        font-size: 20px;
    }

    .list-inline {
        list-style: none;
    }

        .list-inline li {
            display: block;
            padding: 20px 35px;
        }

            .list-inline li a {
                color: #fff;
            }

    .header-cap-top .searcharea {
        display: none;
    }


    .header-cap-content {
        border-right: none;
        font-size: 0.625em;
    }

        .header-cap-content .nochange-fontsize {
            font-size: 1.5em;
        }

    .accordion-username {
        font-size: 0.688em;
        height: 40px;
        line-height: 40px;
    }

    .accordion-control {
        height: 40px;
        line-height: 40px;
        padding: 0 10px;
    }

    .header-cap-content {
        margin-right: 0px;
        padding-right: 0px;
    }

    .panel-default .accordion-heading {
        height: 40px;
    }


    .questionContainer {
        margin-right: 160px;
    }

    .footer-logo {
        display: none;
    }

    .header-cap-content {
        background: none;
        font-size: 10px;
    }

    .accordion-body {
        font-size: 10px;
    }

    .accordion-Default {
        min-width: 150px;
    }

    .logged-in .fa {
        font-size: 16px;
    }

    #logo img.logo-desktop {
        display: none;
    }

    #logo img.logo-desktop {
        display: none;
    }

    #logo img.logo-tab {
        display: none;
    }

    #logo img.logo-mobile {
        display: block;
    }

    #mobile-menu-container {
        display: inherit;
    }

    .nav-container {
        display: none;
    }

    .header-cap-top {
        margin-bottom: 12px;
        min-height: 46px;
    }

    #main_navigation .logo-container {
        float: left;
        min-height: 50px;
        position: relative;
    }

    .feature-headings .col-xs-12 {
        width: 100%;
    }

    h1 {
        font-size: 2.063em;
        line-height: 33px;
    }

    #main-banner .flexslider .slides > li {
        min-height: 158px;
    }

    .banner-slide {
        margin-top: 16px;
        margin-bottom: 16px;
    }

    a.xs-bttn {
        font-size: 10px;
        padding: 9px 17px;
    }

    #main-banner .flexslider .slides > li p {
        font-size: 10px;
    }

    .tag-line {
        font-size: 18px;
    }

    h2 {
        font-size: 22px;
        line-height: 28px;
        margin-bottom: 25px;
    }

    .tag-line.col-centered {
        padding: 20px 15px;
    }

    .payment-tag-line {
        font-size: 18px;
    }

    .print-tag-line {
        font-size: 18px;
        padding: 30px 15px 10px;
    }

    .home-p1 {
        padding-top: 30px;
    }

    .feature-headings .col-lg-2 {
        margin-bottom: 30px;
    }

    .get-started-wrapper {
        padding: 0 0 40px;
    }

    .home-p2 {
        padding-top: 48px;
    }

    .get-started-wrapper a.register {
        margin-top: 12px;
    }

    .separator {
        border-left: none;
    }

    .separator {
        border-top: 2px solid #dbdbdb;
    }

    form.middle-elements {
        padding: 0px 40px;
    }

    .middle-elements.no-padding-right, .middle-elements.no-padding-left {
        padding-right: 0px;
        padding-left: 0px;
    }

    .signin-form h3 {
        margin-bottom: 0px;
    }


    .middle-elements.m-separator, .middle-elements.m-separator {
        padding-top: 30px;
        margin-top: 30px;
    }

    .button {
        padding: 12px 30px;
    }


    #progressbar {
        margin-bottom: 25px;
        margin-top: 10px;
    }

        #progressbar li {
            font-size: 14px;
        }

    .signup-agreement {
        font-size: 14px;
    }


    .institutions-p1 {
        font-size: 18px;
    }

    .font-large-x {
        font-size: 18px;
    }

    .middle {
        margin-top: 0px;
    }

    .institutions-anchor {
        font-size: 16px;
    }

    .banner-sub-heading {
        display: block;
        font-size: 16px;
    }

    .tabbular {
        width: 150px;
        min-height: 69px;
        color: #8C9296 !important;
        font-size: 1.125em;
        text-align: center;
        z-index: 200;
        position: relative;
        cursor: pointer;
        border-bottom: solid #6C6C6E 3px;
        border-right: solid #6C6C6E 3px;
    }

    .tabbular {
        width: 20%;
        min-height: 64px;
        color: #8C9296 !important;
        font-size: 1em;
        text-align: center;
        z-index: 200;
        position: relative;
        cursor: pointer;
        border-bottom: solid #6C6C6E 3px;
        border-right: solid #6C6C6E 3px;
    }

        .tabbular a {
            min-height: 64px;
            color: #8C9296;
            background-color: #DBDBDB;
            border-radius: 0px !important;
            margin-right: 0px !important;
            letter-spacing: -0.04em;
            line-height: 1.35em !important;
            padding: 10px 8px !important;
        }

    .tabbular-container .active a::after {
        position: absolute;
        top: 104%;
        left: 50%;
        margin-left: -10px;
        width: 0;
        height: 0;
        border: solid transparent;
        border-width: 10px;
        border-top-color: #6C6C6E;
        content: '';
        pointer-events: none;
    }

    .tabbular-container .active a::after {
        color: #000000;
    }

    .tabbular-container .nav-tabs {
        border-bottom: 0px solid #ddd;
    }

    .tabbular-container {
        width: 100% !important;
        padding-bottom: 40px;
        border-bottom: 0px;
    }

        .tabbular-container .tab-content {
            padding: 20px 0 10px 5px;
            overflow: hidden;
        }

    .m-hide {
        display: none;
    }

    .generalprofile-main-container h3.m-no-space {
        margin: 0px;
    }

    .tabbular-3col {
        font-size: 16px;
    }

    .tabbular-4col {
        font-size: 16px;
    }

    .nav-tabs > .tabbular-3col > a {
        line-height: normal;
    }

    .nav .tabbular-3col a {
        padding: 17px 5px;
    }

    .tabbular-5col {
        font-size: 16px;
    }

    .nav-tabs > .tabbular-5col > a {
        line-height: 12px;
    }

    .nav .tabbular-5col a {
        padding: 17px 3px;
    }

    .m-show {
        display: block;
        visibility: visible;
    }

    .profileGeneralInfo-button {
        padding: 12px 20px;
        min-width: 90px;
    }

    .form-group label {
        font-size: 12px;
    }

    .m-middle, .m-middle .text-right {
        text-align: center;
    }

    .institute-name {
        text-align: center;
        margin-bottom: 20px;
    }

    .institute-features {
        padding: 5px 0px;
    }

    .profileConnectedAccounts-HeartlandKey {
        margin-left: 20px;
    }

    .home-heading.connectedAccount-heading {
        float: left;
    }

    .accountacocunt-wrapper .format-text {
        text-align: left;
    }


    .extra-space-m {
        clear: both;
        margin-bottom: 10px;
    }

    .button.no-margin {
        margin-bottom: 0px;
        margin-left: 0px;
        margin-right: 0px;
    }

    .helpcenter-button {
        padding: 12px 20px;
        margin-top: 12px;
    }

    .helpcenter-wrap p {
        padding: .75em 0 0;
    }

    .footer-links ul {
        padding: 0px;
    }

    .helpcenter-main-container h2 {
        margin-bottom: 5px;
        margin-top: 20px;
    }

    .helpcenter-main-container .button {
        margin-top: 12px;
    }

    h5 {
        font-size: 1.063em;
    }

    .inner-page-banner {
        height: 80px;
    }

    .product-image {
        padding-bottom: 0px;
    }

    #progressbar li:before {
        font-size: 16px;
    }

    .banner-helpcenter-search h4 {
        font-size: 18px;
    }

    .account-overview-basePage-PaymentHighlights {
        font-size: 22px;
    }

    .account-overview-basePage-subhighlights {
        font-size: 10px;
    }

    .account-overview-basePage-PaymentHighlights-separators {
        border-right: 2px solid #D1D1D1;
        margin-right: 1.15%;
        width: 32.5%;
    }

    .account-overview-basePage-PaymentHighlights-noseparators {
        width: 32.5%;
    }

    .banner-heading-wrap {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .alert-information .alert-messages {
        padding: 5px 10px;
        font-size: 14px;
    }

    .alert-danger.alert-dangerous {
        font-size: 14px;
    }

    .alert-success.alert-successful {
        font-size: 14px;
    }

    .container-overview2 .col-xs-12.text-right {
        text-align: center;
        margin-top: 20px;
    }

    .account-overview-basePage-main-container {
        margin: 20px 0px;
    }

    .account-overview-heading {
        font-size: 18px;
    }

    .account-overview-accordion-header .account-overview-heading {
        font-size: 14px;
    }

    .account-details .row {
        margin-left: 0px;
        margin-right: 0px;
    }

        .account-details .row .col-md-1, .account-details .row .col-md-2, .account-details .row .col-md-3, .account-details .row .col-md-4, .account-details .row .col-md-5,
        .account-details .row .col-sm-1, .account-details .row .col-sm-2, .account-details .row .col-sm-3, .account-details .row .col-sm-4, .account-details .row .col-sm-5,
        .account-details .row .col-xs-1, .account-details .row .col-xs-2, .account-details .row .col-xs-3, .account-details .row .col-xs-4, .account-details .row .col-xs-5,
        .account-details .row .col-md-12 {
            padding-left: 0px;
            padding-right: 0px;
        }


    .profileLabel, .profileConnectedAccounts-HeartlandKey {
        font-size: 14px;
    }

    .account-details .row.profileConnectedAccounts-HeartlandKey {
        margin-left: 35px;
    }


    .school-single-tile:nth-child(2n+1) .no-padding-leftright {
        padding-left: 15px;
    }

    .school-single-tile:nth-child(2n) .no-padding-leftright {
        padding-right: 15px;
    }

    .mT25.nPtab {
        padding-right: 15px;
        padding-left: 15px;
    }

    .connect-acc-left {
        padding-left: 15px;
        padding-right: 15px;
    }

    .connect-acc-right {
        padding-left: 15px;
        padding-right: 15px;
    }

    .col-xs-12.padding0 {
        padding-left: 15px;
        padding-right: 15px;
    }

    .banner-schools-home {
        margin: 40px 15px;
    }

    .alert-caption {
        margin-left: 5px;
        margin-right: 5px;
    }

    .contact-info-container p.contact-info-content {
        font-size: 14px;
    }

    .contact-info-container span.contact-info-content {
        font-size: 14px;
    }

    .history-val {
        font-size: 14px;
    }

    .history-anchor {
        font-size: 12px;
    }

    .document-heading {
        font-size: 12px;
    }

    .school-feature-set-container h2 {
        font-size: 20px;
    }

    .fa-1x {
        font-size: 1em;
        line-height: 1.8em;
    }

    .school-feature-set-container {
        margin-top: 20px;
        min-height:inherit;
    }

    .banner-school-home-title h2 {
        margin-left: 5%;
    }

    .banner-school-home-buttons {
        margin-left: 5%;
    }

    .banner-school-home-button {
        margin-left: 0px;
        width: auto;
    }

    #msform, #mthd, #review, .form-container {
        width: 80%;
    }

    .payment-val {
        font-size: 14px;
    }

    ol.number {
        font-size: 12px;
    }

    .payment-amt-val {
        font-size: 14px;
    }

    .payment-amt {
        font-size: 12px;
    }

    .m-float-right {
        float: right;
    }

    .amnt-pay {
        width: 60%;
    }

    .invoice-container h4 {
        font-size: 18px;
    }

    .invoice-content .hello {
        padding: 20px 0;
    }

    .program-overview-row {
        margin: 0px;
    }

    .programe-overview .panel-body {
        padding: 0px;
    }

    .cleft {
        clear: left;
    }

    .cright {
        clear: right;
    }

    .school-single-tile {
        padding-bottom: 10px;
    }

    sup, sub {
        font-size: 12px;
    }

    .accordion-content {
        font-size: 14px;
    }

    .alert-caption {
        font-size: 14px;
    }

    .account-overview-val {
        font-size: 14px;
    }

    .tab-icon-wrapper {
        display: inherit;
        text-align: center;
        width: 100%;
        margin-bottom: 10px;
    }

    .tab-icon-heading {
        display: inherit;
        margin-left: 0px;
        text-align: center;
        line-height: normal;
    }

    .tab-table {
        display: block;
        line-height: inherit;
    }

    .nav .tabbular-5col a {
        padding: 17px 10px;
        min-height: 110px;
    }

    .container-overview {
        padding-left: 15px;
        padding-right: 15px;
    }

    .nav-tabs > li.tabbular-4col > a {
        height: 86px;
    }

    .mpadding0 {
        padding: 0px;
    }

    .mBmargin10 {
        margin-bottom: 10px;
    }

    .col-xxs-12{
        width:50px;
        margin-top:10px;
    }

    .col-xs-2, .col-xs-3{
        width:25%;
    }

    .m-text-center{
        margin-top: 20px;
        text-align: center;
    }

    .m-text-left{
        text-align:left;
    }

    .refund-multi-col{
        margin-bottom:20px;
        border-bottom:2px solid #d1d1d1;
        text-align:left;
    }

    .m-block{
        display:block;
    }

    .block-align {
        align-self:auto;
    }

    .m-flex-align-reset {
        align-self:initial;
        
    }

    .multi-col-row {
        padding:15px 0px;
    }

    .banner-link {
        font-size: 13px;
        white-space: nowrap;
    }

}

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

     /*text-alignment for small devices*/
    .tab-align-left{text-align:left}
    .tab-align-right{text-align:right}
    .tab-align-center{text-align:center}
    .tab-align-justify{text-align:justify}
    /*text-alignment for small devices*/
    
    .padding-xs-15 {
         padding-left: 15px !important; 
        padding-right: 15px !important;
    }
    .resolution-report-btn > li{
        display: inline-block;
        padding-top: 5px;
        padding-right: 5px;
        padding-left: 5px;
    }
    .from-to-date{
        text-align: left;
    }
    #resolutionReportModal{
        padding-left: 15px;
        padding-right: 15px;
    }
    .viewDetails-list{
        margin-top: 0px;
    }
}


/*------------------------------------------------------*/
/*Portrait Phones
/*------------------------------------------------------*/


@media screen and (max-width: 480px) {

    .home-heading {
        font-size: 1.1em;
    }

    .accordion-href {
        font-size: 0.8em;
    }

    .banner-school-home {
        width: 100%;
        background-size: cover;
    }

    .account-overview-basePage-PaymentHighlights-container .alert-info.alert-information {
        font-size: 1em;
    }

    .alert-information .fa-undo {
        margin-right: 5px;
    }

    .alert-danger-background {
        background-color: #F0DDDC !important;
    }

    .alert-success-background {
        background-color: #E2EDD9 !important;
    }

    .account-overview-basePage-main-container h2 {
        font-size: 1.2em !important;
    }

    .banner-school-feature-set {
        height: 80px;
    }

    .school-feature-set-main-heading {
        margin-top: 50px;
        margin-bottom: 10px;
        font-size: 1.4em;
        line-height: 1em;
        padding: 0px 20px;
        width: 100%;
    }

    .contact-info-container h2 {
        font-size: 0.9em !important;
        margin-bottom: 10px;
    }

    .billing-val {
        font-size: 0.7em;
        letter-spacing: -0.05em;
    }

    .billing {
        font-size: 0.9em !important;
        padding: 20px 0px;
        margin-bottom: 0px;
    }

    .h2.billing {
        margin-bottom: 10px;
    }

    .billing-grid-header {
        font-size: 0.7em;
    }

    .billing-heading-sub {
        font-size: 0.7em;
    }

    .billing-heading {
        font-size: 0.5em;
    }

    .document-val {
        font-size: 0.7em;
    }

    .document-anchor {
        font-size: 0.7em;
    }

    .wrap-label {
        position: absolute;
        top: 5px;
        color: #C53B33;
    }

    .billing-title {
        font-size: 0.575em;
    }

    .doc h2 {
        font-size: 0.9em !important;
        padding: 0px 15px;
        margin-bottom: 10px;
    }

    .document-title {
        font-size: 0.575em;
    }

    .history h2 {
        font-size: 0.9em;
        padding: 20px 15px;
        margin-bottom: 10px;
    }

    .history-title {
        font-size: 0.575em;
    }

    .overview h2 {
        font-size: 0.9em;
        margin-bottom: 10px;
    }

    .account-overview-bottom-line .panel-body {
        font-size: 0.7em;
        padding: 15px 0px;
    }

    .total {
        padding-left: 5px !important;
    }

    .view-statement {
        padding-left: 9px !important;
    }

    .totalpaid {
        padding-left: 5px !important;
    }

    .billing-value {
        padding-left: 2px !important;
    }

    .paymentDetails td {
        font-size: 0.7em;
    }

    .paymentDetails th {
        font-size: 0.7em;
        font-weight: bold;
    }

    .account-overview-bottom-line .panel-group {
        margin-bottom: 0px;
    }

    .tabbular {
        width: 20%;
        min-height: 50px;
        color: #8C9296 !important;
        font-size: 0.9em;
        text-align: center;
        z-index: 200;
        position: relative;
        cursor: pointer;
        border-bottom: solid #6C6C6E 3px;
        border-right: solid #6C6C6E 3px;
    }

        .tabbular a {
            min-height: 54px;
            color: #8C9296;
            background-color: #DBDBDB;
            border-radius: 0px !important;
            margin-right: 0px !important;
            padding: 5px 3px !important;
            font-size: 0.62em;
        }

    .paymentAccordion .panel {
        margin-bottom: 0px;
    }

    .tabbular-container .active a::after {
        position: absolute;
        top: 102%;
        left: 50%;
        margin-left: -9px;
        width: 0px;
        height: 0px;
        border-style: solid;
        border-color: #6C6C6E transparent transparent;
        border-width: 10px;
        content: "";
    }

    .tabbular-container .nav-tabs > li.active > a, .tabbular-container .nav-tabs > li.active > a:focus, .tabbular-container .nav-tabs > li.active > a:hover {
        color: #555555 !important;
    }

    .tabbular-container .tab-content {
        padding: 10px 0 10px 5px;
        overflow: hidden;
    }

    .tabbular-container .nav-tabs {
        border-bottom: 0px solid #ddd;
    }

    .tabbular-container {
        width: 100% !important;
        padding-bottom: 20px;
        border-bottom: 0px;
    }

    .uni-accounts .alert-danger .fa-stack {
        background: #ffffff !important;
        border-radius: 100% !important;
        border: 2px solid #a94442;
        color: #a94442 !important;
    }

    .uni-accounts .alert-danger {
        background-color: transparent !important;
    }

    .school-left-uni {
        border-top: solid #334721 5px;
        background-size: cover;
        margin-bottom: 15px;
    }

    .school-right-uni {
        background: transparent !important;
        min-height: 120px;
        border-top: solid #B02221 5px;
        margin-bottom: 15px;
    }

    .mB15 {
        margin-bottom: 15px;
    }

    .flex-caption {
        padding: 35px 60px 35px 30px !important;
    }

    .uni-accounts .alert-danger .fa-stack .fa-inverse {
        color: #a94442;
        line-height: 1.7em;
    }

    .paddingLR0-xs {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .customdropdown {
        padding: 6px 7px;
    }
    label+.customdropdown {
        padding:6px 12px;
    }

    a.accordion-href {
        cursor: pointer;
        outline: none;
    }

    .modal-bg {
        background: rgba(0, 0, 0, 0.5);
    }

    .paddingLR10 {
        padding-left: 10px;
        padding-right: 10px;
    }

    .banner-School {
        min-height: 100px;
    }

    .main-title {
        margin-top: 25px;
        font-size: 1.2em;
    }

    .uni-accounts .alert-success {
        background-color: transparent;
    }

    .uni-accounts .alert-info {
        background-color: transparent;
    }

    form.middle-elements {
        padding: 20px 0px !important;
    }

    .tabbular {
        width: 20%;
        min-height: 50px;
        color: #8C9296 !important;
        font-size: 1em;
        text-align: center;
        z-index: 200;
        position: relative;
        cursor: pointer;
        border-bottom: solid #6C6C6E 3px;
        border-right: solid #6C6C6E 3px;
    }

        .tabbular a {
            min-height: 50px;
            color: #8C9296;
            background-color: #DBDBDB;
            border-radius: 0px !important;
            margin-right: 0px !important;
            letter-spacing: -0.04em;
            line-height: 1.35em !important;
            padding: 10px 6px !important;
        }

    .tabbular-container .active a::after {
        position: absolute;
        top: 104%;
        left: 50%;
        margin-left: -10px;
        width: 0;
        height: 0;
        border: solid transparent;
        border-width: 10px;
        border-top-color: #6C6C6E;
        content: '';
        pointer-events: none;
    }

    .tabbular-container .active a::after {
        color: #000000;
    }

    .tabbular-container .nav-tabs {
        border-bottom: 0px solid #ddd;
    }

    .tabbular-container {
        width: 100% !important;
        padding-bottom: 40px;
        border-bottom: 0px;
    }

        .tabbular-container .tab-content {
            padding: 20px 0 10px 5px;
            overflow: hidden;
        }

    .contactInfoform p {
        font-size: 12px;
    }

    p.left-uni-add {
        padding-top: 0px;
    }

    p.left-uni-name {
        padding-bottom: 0px;
    }

    .uni-accounts-collapse .panel-heading {
        height: 40px;
    }

    .contact-info-content {
        margin: 0px 0px;
        padding: 5px 0px;
    }

    .padding0 {
        padding: 0px !important;
    }

    .account-overview-basePage-PaymentHighlights-container {
        padding-left: 15px;
        padding-right: 15px;
    }

    .account-overview-sub-heading {
        font-size: 14px;
    }

    .programe-overview .prog-label {
        font-size: 12px;
        margin-bottom: 5px;
    }

    .middle-button {
        margin: 8px;
    }

    .school-middle-gap .col-md-4, .school-middle-gap .col-sm-4, .school-middle-gap .col-xs-4 {
        padding-left: 5px;
        padding-right: 5px;
    }

    .button {
        padding: 12px 25px;
    }

    #msform, #mthd, #review, .form-container {
        width: 100%;
    }

    .amnt-pay {
        width: 70%;
    }

    .invoice-container h4 {
        font-size: 14px;
    }

    .receipt-extra-padding {
        padding-left: 15px;
        padding-right: 15px;
    }

    .cover-container {
        padding: 0px;
        margin: 0px;
    }

    .invoice-header {
        border-radius: 0px;
        margin-bottom: 0px;
    }

    .invoice-content .invoice-footer .invoice-footer-inner {
        padding: 10px 15px;
    }

    .uni-accounts .school-hicon {
        padding: 0px;
    }


    .bullet-list {
        padding-left: 20px;
    }

    .school-feature-set-body {
        font-size: 11px;
    }

    .school-feature-set-container h2 {
        font-size: 16px;
    }

    body, div, p {
        font-size: 14px;
    }

    .button {
        font-size: 14px;
    }

    h1 {
        font-size: 1.75em;
    }

    .account-overview-val {
        font-size: 12px;
    }

    .tabbular-5col {
        font-size: 11px;
    }

    .nav .tabbular-5col a {
        min-height: 91px;
        padding: 15px 3px;
    }

    .tab-icon-heading {
        font-size: 10px;
        line-height: normal;
    }

    .tabbular-3col {
        font-size: 11px;
    }

    .tabbular-4col {
        font-size: 11px;
    }

    .nav-tabs > li.tabbular-4col > a {
        height: 71px;
    }

    .history-val {
        font-size: 12px;
    }

    .contact-info-container {
        display: block;
    }

    .checkbox-connect-account label span {
        font-size: 13px;
    }

    .generalprofile-main-form .account-contact-details .col-xs-2, .generalprofile-main-form .account-email-details .col-xs-2, .generalprofile-main-form .account-address-details .col-xs-2 {
        width: 25%;
    }

    .generalprofile-main-form .account-contact-details .col-xs-8, .generalprofile-main-form .account-email-details .col-xs-8, .generalprofile-main-form .account-address-details .col-xs-8 {
        width: 48%;
    }

    .account-overview-bottom-line .col-sm-2.history-anchor {
        padding: 0px;
    }

    .account-overview-bottom-line .col-xs-4.history-grid-heading {
        padding-left: 7px;
        padding-right: 7px;
            
    }

    .col-xxs-5 {
        width: 38%;
    }

    .col-xxs-3{
        width:25%; 
    }

    .col-xxs-12{
        width:50px;
    }
    .resetSecurityQuestions .bottomHeading {
        margin-top:0;
    }
    .disbursed-amount {
        font-size: 1em;
    }
    /*text-alignment for small devices*/
    .mob-align-left{text-align:left}
    .mob-align-right{text-align:right}
    .mob-align-center{text-align:center}
    .mob-align-justify{text-align:justify}
    /*text-alignment for small devices*/
    .mob-no-margin{margin: 0}
    .mob-no-padding{padding:0;}
    .mob-marginLR{margin:0 15px}
    /*recoverySelect Styling*/
    .panel-list-item.fixedBottom {
       
        bottom: 10px;
      
    }
    .highlight-panel-grey, .highlight-panel-red{ border-right:none;}

    
}
@media screen and (max-width: 375px) and (min-width: 340px) {
   

    .flexslider li{
       background-position: -210px 0px !important;
    }
    .payment-method-checkboxes input.css-checkbox[type="radio"] + label.css-label.wider{    display: inline-block;}
    .g-recaptcha{ transform:scale(0.9);-webkit-transform:scale(0.9);transform-origin:0 0;-webkit-transform-origin:0 0;    }
}
@media screen and (max-width: 340px) {
    h2.account-overview-basePage-PaymentHighlights>sup {
        position: absolute;
    }

    h2.account-overview-basePage-PaymentHighlights > span {
        padding-left: 12px;
    }
    .mob-no-padding{padding:0;}

    .flexslider li{
       background-position: -230px 0px !important;
    }
    .payment-method-checkboxes input.css-checkbox[type="radio"] + label.css-label.wider{    display: inline-block;}
    .g-recaptcha{ transform:scale(0.77);-webkit-transform:scale(0.77);transform-origin:0 0;-webkit-transform-origin:0 0;    }
}

@media screen and (max-width: 300px) {

    .thirdparty-wrapper{
        word-break:break-all;
    } 

}

@media screen and (max-width: 280px) {

    #mobile_navigation {
        width: 190px;
    }

    body.expanded {
        margin-left: -190px;
    }

    .upgrade-headings .browser-details .heading {
        font-size: 19px;
    }

    .upgrade-headings img {
        width: 55px;
        height: auto;
    }

    .browser-details {
        margin-left: 65px;
        padding-top: 0px;
    }

  
}