/*==================================================
=            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 (max-width: 980px) {
    .five9-frame {
        right: 15px;
        text-align: right
    }
}


@media (max-width : 480px) {

    .contact-us-tab .mobile .link {
        font-size: 14px;
    }

    .contact-us-tab a {
        font-size: 14px;
    }
}
@media (min-width : 767px) and (max-width : 768px)  {

    .contact-us-tab .mobile .link {
        font-size: 16px;
    }

    .contact-us-tab a {
        font-size: 18px;
    }
}
@media (min-width : 481px) and (max-width : 767px) {

    .contact-us-tab .mobile .link{
        font-size: 15px;
    }
    .contact-us-tab a {
        font-size: 16px;
    }

    .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;
    }

    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;
        font-weight: 700;
        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;
    }

}

@media screen and (min-width: 992px) {
    .is-table-row {
        display: table;
    }
    .is-table-row [class*="col-"] {
        float: none;
        display: table-cell;
        vertical-align: top;
    }
}

@media (min-width : 993px) {
     .payment-details  .card-expiry-date {
        clear:both;
    }
}

/* Large Devices, Wide Screens */

@media (min-width: 768px) and (max-width: 992px) {
    .contact-us-tab .mobile .link{
        font-size: 16px;
    }
    .contact-us-tab a {
        font-size: 18px;
    }

    .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;
    }

    .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;
        font-weight: 700;
        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;
        }

    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-buttons-right .button.green,
    .account-buttons-left .button.green{
        font-size:16px;
    }
   
    .col-xs-6.account-buttons-center .button.green {
        font-size:16px;
    }

    /*help center*/
    .categories-wrap .categories .col-sm-6:nth-child(odd) {
        clear:both;
    }
    .helpCenter-Pages .page-topic {
        border: 1px solid #939598;
        padding: 15px;
        min-height:260px;
    }
    .helpCenter-Pages .page-topic:nth-child(odd) {
        border-right:none;
    }
    .helpCenter-Pages .page-topic:first-child,
    .helpCenter-Pages .page-topic:nth-child(2) {
        border-bottom:none;
    }
    .categories-wrap .categories .col-sm-6:nth-child(odd) {
        clear:both;
    }
    .categories-wrap .categories .col-sm-6:nth-child(4) {
        clear:none;
    }

    .account-overview-heading {
        margin-right: 0;
    }
    .account-message {
        padding: 0 35px;
    }
    .payment-highlight-wrap {
        margin: 60px 0 0;
    }
    .payment-highlight-wrap .container-overview-wrap {
        padding: 0 35px 0 0;
    }
}

@media only screen and (min-width: 1024px) {
    .no-padding-desktop{padding: 0px}
    .delivery-block {
        position: relative;
        left: 10px;
    }
    .delivery-block .account-overview-heading {
        font-size: 17px;
    }
}

@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;
    }
	
	.recoveryTabs  .tab-table {
		margin:inherit;
		display: table;
		padding: 0;
		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;
    }
	
	.recoveryTabs  .tab-icon-wrapper {
		padding-right: 0;
		text-align: inherit;
		display: table-cell;
        vertical-align: middle;
        width: 45px;	
	}

	.recoveryTabs .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;
    }
    .homePage-Features .page-topic {
        height:400px;
    }
    .homePage-Features .page-topic h3
    {
        height: auto;
    }
}

@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;
    }

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

    .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;
        font-weight: 700;
        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;
        }

    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;
    }

    .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;
    }
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
    .questionContainer {
        margin-left: 5%;
    }
    .delivery-block .account-overview-heading {
        font-size: 14px;
    }

    .col-custom-1 {
        margin-left: 5%;
    }
    .col-custom-1-overview {
        margin-left: 5%;
        font-size:1.25em;
    }
    h1.col-custom-1 {
        font-size:2.063em;
    }
    .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;
    }

    .update-profile-modal .modal-dialog {
        width: auto;
    }

    .text-alerts-modal .modal-dialog {
        position: relative;
        width: auto;
    }

    .small-modal-dialog .modal-dialog {
      width: auto;
    }

    .small-modal-dialog .modal-dialog .content-wrapper {
      padding: 10px;
    }

    .tab-icon-wrapper {
        width: 33px;
    }
    .entitlementForm-banner .banner-heading {
        font-size: 2.0em; 
    }
    .payment-details .name-on-card {
        clear:both;
    }
	
	.payment-amount-div {
		margin-bottom:0;
    }

    .billingStatementModal ul.no-padding {
        padding:0 50px;
    }
    .billingStatementModal .align-right.model-close-btn {
        text-align: left;
    }
    .login-disable-popup .modal-dialog {
        width: auto;
        margin: 10px;
    }
}

@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;
    }

    .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: fixed;
        height: 100%;
        width: 100%;
    }
}

@media only screen and (max-width : 1024px) {
     .uni-accounts .hlKey-wrap .accordion-status.pull-right {
        float:left !important;
        clear:both;
        margin-bottom:10px;
    }
}

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

    .middle-button {
        margin: 11px;
    }

    .tab-show {
        display: block;
        visibility: visible;
    }
    .tab-no-padding {
        padding:0 !important;
    }
    .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;
    }
     .helpCenter-banner .banner-heading {
        font-size: 2.0em; 
    }
     .homePage-Features .page-topic {
        height:380px;
    }
    .homePage-Features .page-topic h3
    {
        height: auto;
    }
    .section-title a {
        margin: 10px auto;
        display: block;
        width: 190px;
        position: relative;
        height: 40px;
        line-height: 40px;
        padding: 0 15px;
    }
    .page-return {
        text-align: center;
    }

    .page-topics {
        padding:0 10px;
    }
    .page-heading {
        padding:0 10px;
    }
     .page-heading .section-title br {
        display:none;
    }
	
	.custom-banner-disaster {
		margin:30px 0 30px 320px;
	}
	.custom-banner-disaster p {
		font-size: 13px !important;
	}
	
}


/* Small Devices, Tablets */
@media only screen and (max-width : 767px) {
    .recovery-account-overview-button-sets button{
        display: block;
        width: 100%;
        margin-bottom: 10px;
    }
    
    .col-custom-1{
        font-size:2.063em;
    }

    .school-button
    {
        width: auto;
    }

    .loan-payment 
    {
        width: 90%;
        border: 0;
        table-layout: fixed;
        margin-left: 3%;
        font-weight: 500;
        font-size: 13px;
    }

    .paymentPlanDetails{
        font-size: 16px;
    }

    .generalprofile-main-container {
        margin-top: 10px;
    }

    .contact-us-tab .mobile .link{
        padding: 0;
    }

    /*Added by Safder jaffri*/
    .logo-container a.custom-institution-logo {
        margin: -8px 0 0 -15px;
    }
    .logo-container #SNHUlogo img {
        width: 55%;
    }
    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;
    }

    .nav-container {
        display: none;
    }

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

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

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

    h1 {
        font-size: 2.063em;
        line-height: 33px;
    }
    .receipt-print-title{
        font-size: 2em !important;
    }
    /* #main-banner switched to .main-banner-2 due to duplicating IDs on single page */
    .main-banner-2 .flexslider .slides > li {
        min-height: 158px;
    }
    .main-banner-2 .flexslider.school-homepage .slides > li {
        min-height: 158px;
        background-size: cover !important;
        background-repeat: no-repeat !important;
        background-position: center center !important;
    }
    .main-banner-2 .flexslider .slides > li .billingBanner {
        margin: 0 !important;
        float: none !important;
        width: auto !important;
        background-position: center center !important;
    }
    .main-banner-2 .flexslider .slides > li.billingBanner {
        background-position: 0 0 !important;
        background-size: cover !important;
        min-height: 72px;
    }

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

    a.xs-bttn {
        font-size: 10px;
        padding: 9px 17px;
    }
    /* #main-banner switched to .main-banner-2 due to duplicating IDs on single page */
    .main-banner-2 .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;
        padding:0;
    }

    #progressbar li {
        font-size: 13px;
        padding: 0 10px;
    }

    .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;
        font-weight: 700;
        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;
        font-weight: 700;
        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;
        background-size:cover;
        background-repeat: no-repeat;
        background-position: center left;
        background-color: transparent;
    }

    .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;
    }
	
	.banner-heading-wrap-custom {  
        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,
	.payment-history-heading {
        font-size: 16px;
    }

    .account-overview-accordion-header .account-overview-heading {
        font-size: 14px;
    }
    .account-overview-accordion-header .accordion-href {
        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;
        }
    
    .deliveryMethodWrap {
        text-align:center;
        margin-bottom:10%;
    }
    .deliveryMethodWrap .account-overview-heading {
        margin-right:0%;
    }

    .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, #confirmation, #splitCCOneTime, .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: 10px 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;
    }
	
	.recoveryTabs  .tab-icon-wrapper {
		display: inherit;
        text-align: center;
        width: 100%;
        margin-bottom: 10px;	
	}

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

    .tab-table {
        display: block;
        line-height: inherit;
    }
	
	.recoveryTabs  .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;
    }

    .container .jumbotron.entitlementForm-banner, 
    .container-fluid .jumbotron.entitlementForm-banner {
        height: 300px;
        display: flex;
    }

    .entitlementForm-banner .banner-contianer {
        width: 100%;
        height: 30%;
    }
    .entitlementForm-banner .banner-image {
        width: 100%;
        top: 30%;
        height: 70%;
    }
    .entitlementForm-banner .banner-image {
        background: #444041 url(images/img-download-pagebanner.png) no-repeat center top;
        background-size:cover;
    }

    .ConnectAnAccount.middle-elements,
    .SearchforHeartlandAccount.middle-elements {
        padding:20px 0px !important;
    }
    .topics-content .form-download-link {
        padding-bottom:20px;
        padding-top:20px;
        margin-bottom:20px;
        border-bottom:1px solid #ebebeb;
        text-align:center;
    }
    /*help center*/
    .jumbotron .h1, .jumbotron h1 {
        font-size: 50px;
    }
     /*body Area*/
   /* .tag-line { padding: 1em; font-size: 1.5em; }
    h2 {font-size: large;}
    .banner-link {
        font-size: 13px;
        white-space: nowrap;
    }*/

    .helpCenter-Pages .page-topic {
        border: 1px solid #939598;
        padding: 15px;
        min-height:260px;
    }
    .helpCenter-Pages .page-topic {
        border-bottom:none;
    }
    .helpCenter-Pages .page-topic:last-child {
        border-bottom:1px solid #939598;
    }
    .categories-wrap .categories h3 {
        font-size: inherit;
        margin-bottom: .5em;
    }
    .container .jumbotron.helpCenter-banner, 
    .container-fluid .jumbotron.helpCenter-banner {
        height: 300px;
        display: flex;
    }

    .helpCenter-banner .banner-contianer {
        width: 100%;
        height: 30%;
    }
    .helpCenter-banner .banner-image {
        width: 100%;
        top: 30%;
        height: 70%;
    }
    .section-title {
        font-size:2em;
        color:#58585a;
        text-align:center;
    }
     .page-topics h3,
     .page-topics .anchor-wrapper,
     .page-topics .anchor-title {
         font-size:1.0em;
     }
    .helpCenter-banner .banner-image {
        background: #444041 url(images/img-banner-helpCenter.jpg) no-repeat center top;
        background-size:cover;
    }
    .homePage-Features .page-topic {
        height:auto;
    }
    .homePage-Features .page-topic h3
    {
        height: auto;
    }
    .homePage-Features.inner-page .page-topic {
         height:auto;
    }
    .home-featured-section {
        background-color:#f3f3f4;
        padding:0 0;
    }

    .helpCenter-features-section {
        background-color:transparent;
        padding:0 0;
    }
    .categories-wrap {
        padding:25px 25px;
    }
    .page-topics {
        padding:0 10px;
    }
    .page-heading {
        padding:0 10px;
    }
	
	.custom-banner-container {
		display: table;
		min-height: 158px;
	}
		
	.custom-banner-disaster {
		margin:0;
		padding: 10px 10px 10px 200px;
		display: table-cell;
		vertical-align: middle;
	}
	
	.custom-banner-disaster p {
		font-size: 10px !important;
	}

	.plan-checkbox-right { 
		float: left; 
	}
	
	.plan-checkbox-right .checkbox-right { 
		float: left; 
	}
	
	.plan-checkbox-right .error { 
		clear: both;
		display: inline-block;
	}
	
    /*=========SNHU Mobile========*/
    .logo-container a.custom-institution-logo{
        margin: 0;
    }
    /* #main-banner switched to .main-banner-2 due to duplicating IDs on single page */
    .main-banner-2{
        height: 150px;
    }
    .snhu-banner > div.col-custom-2{
        padding-left: 15px;
        padding-top: 0;
        padding-right: 15px;
        position: relative;
    }
    .snhu-banner > div.col-custom-2 h1{
        font-size: 1.325em;
        line-height: 22px;
        position: absolute;
        bottom: 20px;
    }
    .logo-container a.custom-institution-logo img {
        height: 80% !important;
        width:55%;
    }
    .homePage-Features .flex-box {
        display: block;
    }
    .flex-box .clickable {
        padding: 50px 0;
        margin-bottom: 15px;
    }
    .tag-line.home-tag-line.col-centered {
        padding: 20px 15px;
    }
    .snhu-banner{
        padding:0;
    }
    .copyright {
        padding: 0px 0px 0px 25px;
    }    
    .footer-logo > img {
        width: 100px;
        position: absolute;
        right: 0;
        bottom: -10px;
    }  
    .school-banner-bg{
        background-size:cover;
        background-repeat:no-repeat;
        background-position:center left;
        background-color:transparent; 
    }
    .mob-no-margin {
        margin: 0;
    }
    .downloadForm-banner h1,
    .banner-slide h1{
        font-size: 1.063em;
    }
    /*=========SNHU Mobile========*/
	
	.account-overview-entitlement h3{
        font-size: 16px;
    }
    .account-overview-entitlement .box{
        margin-bottom: 30px;
    }
    .account-overview-entitlement .box .tips-container{
        display: block;
    }

    .ecsi-main-content {
        padding: 0;
    }
    .ecsi-main-content .title {
        display: block;
        color: #004680;
        font-size: 12px;
    }
    .ecsi-main-content a:first-child {
        border-top: 1px solid #2470B6; 
    }

    .footer-copyrights .footer-inner-container {
		padding: 5px 0;
    }

    .account-message,
    .tab,
    .general-profile-main-container .account-overview-sub-heading{
        display: none ;
    }
    .payment-highlight-wrap {
        margin: 0 0 0;
        position: relative;
    }
    .payment-highlight-wrap .container-overview-wrap {
        padding-right: 0;
        padding-top: 10px;
    }
    .payment-highlight-wrap .overview-info-title p {
        position: relative;
        font-size: 14px;
        bottom: 0;
        padding-left: 40px;
        font-family: "droid_sansregular", Arial, Helvetica, sans-serif;
    }
    .payment-highlight-wrap .overview-info-title div {
        padding-left: 40px;
        font-family: "droid_sansregular", Arial, Helvetica, sans-serif;
        font-size: 14px;
    }
    .payment-highlight-wrap .overview-info-title {
        text-align: left;
    }
    .no-padding-left-right h2 {
        margin-bottom: 5px;
        line-height: 19px;
        font-size: 14px !important;
    }
    .payment-highlight-wrap .overview-info-title {
        height: auto;
    }
    .no-padding-left-right {
        padding-right: 0;
        padding-left: 0;
    }
    .payment-highlight-wrap .ecsi-payment-btn-wrap {
        margin: 15px auto 15px;
        text-align: center;
        padding-left: 0;
    }
    .m-tabs {
        display: block;
    }
    .container-overview-info {
        padding: 0;
    }
    .container-overview-info .school-feature-description {
        font-size: 24px !important;
        font-weight: 700;
    }
    .container-overview-info .general-profile-main-container {
        margin: 10px auto 0;
    }
    .account-overview-heading-wrap {
        padding-left: 0;
    }
    .account-overview-heading {
        margin-right: 10%;
    }
    .account-overview-val-wrap {
        padding-right: 0;
    }
    .container-overview-info .general-profile-main-container .panel-group {
        margin: 0 auto;
        border-bottom: 1px solid #bfb9b9;
    }
    .container-overview-info .account-overview-accordion-header {
        background: transparent;
        position: relative;
        padding-top: 10px;
    }
    .container-overview-info .program-info-container .collapse.in,
    .container-overview-info .program-info-container .collapse.in + .container-overview-info .account-overview-accordion-header {
        background: #e7f3fd;
    }
    .align-left {
        text-align: left;
    }
    .account-overview-accordion-header .m-accordion-href {
        display: block;
        position: absolute;
        right: 20px;
        top: 5px;
        color: #53565a;
    }
    .account-overview-accordion-header .m-accordion-href .glyphicon-chevron-down {
        color: #53565a !important;
    }
    .program-info-container .accordion-header-bg {
        background: #e7f3fd;
    }
    .payment-highlight-wrap .pt10 {
        padding-top: 10px !important;
        display: inline-block;
	}
	.general-profile-main-container .program-info-container {
		margin: 25px auto 0;
    }
    .general-profile-main-container .update-application {
        display: inline-block;
        margin-left: 0;
    }

    .top-banner-wrapper {
        padding: 20px;
    }
}

@media only screen and (max-width : 768px) {
    .account-overview-entitlement .box .tooltip .tooltip-inner{
        width: 200px;
        max-width: 200px;
    }
    .contact-us-tab .mobile{
        display: block;
    }
    .contact-us-tab .pc{
        display: none;
    }
    .helpcenter-main-container-contact {
        padding: 0;
    }

     /*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*/
     .m-block{        display:block;    }
    .account-overview-basePage-PaymentHighlights {    font-size: x-large;    }
    .account-overview-basePage-PaymentHighlights-container a.green, 
    .account-overview-basePage-PaymentHighlights-container button.green{padding: 10px 15px; font-size: initial;}

    .history-grid-heading .history-val{font-size: inherit;}
    .payment-detail-panel .history-val {font-size: inherit;}
   
    .payment-details .name-on-card {
        clear:none;
    } 

    .tag-line hr.topHr {
        margin:30px 0 -15px
    }

    .box-csa {
        padding-bottom:20px;
    }
	
	.recovery-modal-window  .all-btn-same-width {
		min-width:240px;
	}
	
	.button-sets-rcs {
		padding-left:4%;
        padding-right:4%;
        text-align: center;
    }
    
    .button-group .button {
        margin: 8px;
    }
}

@media only screen and (max-width : 700px) {
	h3.balance-account-heading {
		font-size: 14px;
	}
	.recovery-modal-window .modal-dialog {
		width:450px;
	}
	
}


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

@media screen and (max-width: 579px) {
	h3.balance-account-heading {
		font-size: 15px;
	}
	
	h3.balance-account-heading br {
		display:none; 
	}
	.recovery-modal-window .modal-dialog {
		width:auto;
		margin:10px;
	}
	.recovery-modal-window .modal-dialog  #main-container {
		padding:0 20px;
	}
	
	.custom-banner-disaster {
		padding:10px 10px 0 175px;
	}
	
	.oneTime-btn-same-width {
		min-width:200px;
		padding:15px;
	}
}

@media screen and (max-width: 480px) {
    .help-center-card {
        min-height: auto !important;
    }
    
    .top-banner-wrapper .top-banner-title {
        font-size: 2em;
    }

    .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;
        font-weight: 700;
        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;
    }

    .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;
    }

    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;
        font-weight: 700;
        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, #confirmation, #splitCCOneTime,.form-container {
        width: 100%;
    }
	
	#reasons.width-auto, #mthd.width-auto, #review.width-auto, #confirmation.width-auto { 
		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.05em;
    }

    .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;
    }
	
	.recoveryTabs .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;
        box-sizing: content-box;
    }

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

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

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

    .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-padding{padding:0 !important;}
    .mob-no-paddingLR{padding-left:0 !important; padding-right:0 !important;}
    .mob-no-paddingL{padding-left:0 !important;}
    .mob-no-paddingR{padding-right:0 !important;}
    .mob-no-margin{margin:0 !important;}

    .pane-content {     display:block;    }   
    .pane-item {    border-width: 0 0 1px 0;}
    .pane-item:last-child {    border-width: 0;}
    .mob-space-bottom-x {
        margin-bottom: 10px;
    }

    .custom-select > a.dropdown-toggle {
        padding:7px 0;
    }
    .custom-select > a.dropdown-toggle > b {
        top:8px;
    }

    .entitlement-page .panel-heading h2 {
        font-size: 16px;
    }
    .modal-dialog .payment-details > .col-xs-6 {
        width:100%;
    }
	
	.recovery-modal-window  .all-btn-same-width {
		min-width:190px;
	}
	
	.custom-banner-disaster {
		padding:10px;
	}
	
	.disaster-alert p {
		font-size:14px;
	}
	
	.oneTime-btn-same-width {
		min-width:160px;
		padding:15px;
    }
    
    .billingZoomDiv.col-xs-6 {
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }

    .account-overview-entitlement h3{
        font-size: 12px;
    }
	
	.entitlement_form_btn {
		padding: 5px 10px !important;
		max-width: 150px !important;
	}

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

    .flexslider li{
       background-position: -210px 0px !important;
    }

    .flexslider li.billingBanner {        
        background-position: center center !important;
    }

}


@media screen and (min-width: 375px) and (max-width: 415px) {   
    .find-tax-form-box-center{
        padding: 5px 0;
    }
    
    .find-tax-form-text {
        font-size: 12px;
    }
    
    .find-tax-form-button {
        padding: 0 15px !important;
        font-size: 12px !important;
    }

    .find-tax-form-button-box {
        padding-left: 15px;
    }
}

@media screen and (min-width: 667px) and (max-width: 812px) {  
    .find-tax-form-box-center{
        padding: 15px 0;
    }
    
    .find-tax-form-text {
        font-size: 25px;
    }
    
    .find-tax-form-button {
        padding: 0 15px !important;
        font-size: 15px !important;
    } 
}

@media screen and (max-width: 360px) {
    
	.col-xs-6.payment-amt,
	.col-xs-6.payment-amount-box,
	.payment-amt .col-xs-6 {
		width:100%;
	}
}

@media screen and (max-width: 414px) {
	h3.balance-account-heading {
		font-size: 15px;
    }
    .billingStatementModal ul.no-padding {
        padding:0 10px;
    }
    .receipt-print-title{
        max-width: 320px;
    }
}

@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;
    }
	h3.balance-account-heading {
		font-size: 12px;
    }
    .receipt-print-title{
        max-width: 280px;
    }	
}

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

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

}

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

    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;
    }
}
@media screen and (min-width: 411px) {
    .logo-container a.custom-institution-logo {
        margin: -8px 0 0 -15px;
    }
    .logo-container #SNHUlogo img {
        width: 55%;
    }
}
@media screen and (min-width: 768px) {
    .logo-container a.custom-institution-logo {
        margin: -40px 0 0 -10px;
    }
    .logo-container #SNHUlogo img {
        width: auto;
        height: 100%;
    }

    .recovery-account-overview-button-sets {
        text-align: left;
    }
}

@media screen and (min-width: 1024px) {
    .logo-container a.custom-institution-logo {
        height: 120px;
        margin: -40px 0 0 0px;
    }
}

@media screen and (min-width: 1200px) {
    .recovery-account-overview-button-sets {
        text-align: right;
    }
}

@media (min-width : 411px) and (max-width : 767px) {
    /* #main-banner switched to .main-banner-2 due to duplicating IDs on single page */
    .main-banner-2 {
        height: 200px;
    }
    .homePage-Features .flex-box {
        display: block;
    }
    .homePage-Features .flex-box .clickable h3 {
        font-size: 18px;
    }
    .homePage-Features .flex-box .clickable {
        padding: 34px 0;
        margin-bottom: 10px;
    }
}

@media (min-width : 768px) and (max-width : 833px) {
    /* #main-banner switched to .main-banner-2 due to duplicating IDs on single page */
    .main-banner-2 h1 {
        font-size: 2.5em; 
    }
    .homePage-Features .flex-box .first .clickable,
    .homePage-Features .flex-box .last .clickable {
        padding: 95px 0;

    }
}


/* IE10 and IE11 specific styles go here */ 
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {  
	.checkbox-connect-account input[type='checkbox'].css-checkbox + label.css-label-medium {
        display:block;
    }
    .helpcenter-panel.bulleted-checklist li:before {
        margin-top: -26px;
        font-size:0.5em;
    }
    .customdropdown {
        background:none;
    }
    .form-group select.wrap-input {
        padding-right:12px;
    }
}