/*
 Theme Name:   CEHE Base
 Description:  This is the main CEHE Base theme that all brands share.
 Author:       CEHE Webteam
 Author URI:   http://www.cc-sd.edu
 Template:     independence
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
*/
@media (max-width: 1368px) {
    /****/
    
    .enclose {
        margin: auto;
    }
    .sticky-header {
        display: none
    }
    .logo {
        width: 150px
    }
    .applynow,
    .main-navi > li > a {
        font-size: 14px
    }
    .color-blocks h1 {
        font-size: 32px
    }
    .color-blocks h4 {
        font-size: 24px
    }
    .color-blocks p {
        font-size: 18px
    }
    .color-blocks p.ex {
        line-height: 25px;
        min-height: 125px
    }
    .herographic.slick-slider .slick-prev,
    .herographic.slick-slider .slick-next {
        margin-left: 0!important
    }
    .herographic.slick-slider .slick-prev {
        left: 10px
    }
    .herographic.slick-slider .slick-next {
        right: 10px;
        left: inherit
    }
    .scrolltop {
        top: 40%;
        position: fixed
    }
    .school_banner .banner_txt h1 {
        font-size: 46px
    }
    .mac-section {
        background-size: 50%
    }
    .mac-section h1 {
        font-size: 44px
    }
    .mac-section h2 {
        font-size: 18px
    }
    .infographic {
        padding: 40px 10px
    }
    .highlight-bg .enclose {
        margin: 0
    }
    .highlight-con.left{ /*reomve .highlight-con.right SD 4-17-2018 */
        padding: 40px 25px
    }
    .highlight-con h1 {
        font-size: 30px;
        line-height: 38px
    }
    .highlight-con h3 {
        font-size: 30px;
        line-height: 38px
    }
    .highlight-con {
        font-size: 14px
    }
    #portfolio-filter li {
        width: inherit
    }
    #portfolio-filter li a {
        padding: 0 10px;
        background: #eee
    }
    .split-group-a ul.group-b li span em {
        margin: 10px 3px 0
    }
    .redbox .box {
        font-size: 36px
    }
    .cat-linker .txt {
        float: none
    }
    .benefits .left ul li {
        font-size: 18px
    }
    .benefits.enclose {
        margin: 0
    }
    .benefits .left {
        padding-left: 20px
    }
    .ind-partners > div.schools ul li a {
        line-height: 41px
    }
    .assmnt .gform_wrapper .gf_progressbar_wrapper {
        padding: 0 20px;
    }
    .assmnt .gform_wrapper .gform_page_footer {
        padding-left: 20px;
        padding-right: 20px
    }
    .post-inner-page {
        left: 20px !important;
    }
    .degree-button,
    .degree-excerpt {
        width: 315px;
        float: right;
    }
    /****/
}
@media (max-width: 1366px) {
    /****/
    
    .program-header li {
        color: #fff;
        display: inline-block;
        font-size: 14px;
        font-weight: 300;
        padding: 0 18px;
        text-align: center;
        vertical-align: top;
    }
    .program-header li span {
        font-family: "Montserrat", sans-serif;
        font-size: 24px;
    }
    /****/
}
@media (max-width: 1080px) {
    /** Joint styles for the disclaimer**/
    
    .top-start .g-start-disclaimer,
    .get-started .g-start-disclaimer {
        position: relative;
        top: -10px;
        margin-bottom: 20px;
    }
    .g-start-disclaimer {
        top: 80px;
    }
    .privacySeal {
        float: right;
        position: relative;
        right: 120px;
        bottom: 105px;
    }
    .popform_wrapper .popform_page_footer input,
    .popform_wrapper .popform_footer input,
    .popform_confirmation_wrapper a {
        display: inline-block;
        margin: 0 20px;
        font-size: 18px;
        color: #fff;
        border: 0;
        background: #a61d30;
        line-height: 60px;
        width: 200px;
        text-align: center;
        -webkit-appearance: none;
        -webkit-border-radius: 0;
        float: right;
        position: relative;
        bottom: 275px;
        right: 25px;
    }
    .degree-button,
    .degree-excerpt {
        width: 315px;
        float: right;
    }
}
@media (max-width: 1024px) {
    /** Hide Interactive Buttons **/
    
    .program-banner {
        max-height: 500px;
        min-height: 500px!important
    }
    .banner_txt.program-page {
        top: 50%;
    }
    .header-interactive {
        display: none;
    }
    /** Joint styles for the disclaimer**/
    
    .top-start .g-start-disclaimer,
    .get-started .g-start-disclaimer {
        top: 0px;
    }
    .degree-button,
    .degree-excerpt {
        width: 315px;
        float: left;
    }
    .header {
        display: none;
    }
    .herographic {
        padding-top: 40px;
    }
    .iam-mod .g-start .title {
        font-size: 36px !important;
    }
    .g-start .in:first-child {
        width: 100% !important;
    }
    .slider_cont .s_box1 {
        padding: 10px !important;
    }
    .page-intro h3,
    .page-intro h5 {
        padding: 0;
    }
    .explore-con h5 {
        font-size: 42px;
    }
    .slider_cont .s_box1 h5 {
        font-size: 24px;
    }
    /* ITT Slider styling */
    
    .slider_cont0 {
        width: auto;
    }
    .slider_cont0 .s_box0 h5 {
        font-size: 1em;
        font-weight: bold;
    }
    .slider_cont0 .s_box0 h2 {
        font-size: 2.4em;
    }
    .slider_cont0 .s_box0 h5 .welcome-text {
        display: block;
        font-size: 2.4em;
        margin: 24px 0 16px 0;
    }
    .slider_cont0 .s_box0 p {
        margin: 24px auto;
        font-size: 14px;
        width: 80%;
    }
    .sticky-header {
        visibility: hidden !important;
    }
    #wprmenu_bar {
        display: block !important;
    }
    .header {
        position: relative;
        top: inherit
    }
    .top-sticky {
        display: block;
        z-index: 40;
        background-color: #fccc4b;
        border-bottom: 1px solid #ffffff;
        box-sizing: border-box;
    }
    .top-sticky a {
        color: #ffffff;
    }
    .m-hide {
        display: none
    }
    .logo {
        width: auto;
        margin: 20px
    }
    #menu-navigation {
        display: none
    }
    .color-blocks p.ex {
        min-height: 150px
    }
    .pre-footer input {
        width: 150px
    }
    .f-box .in {
        width: 50%
    }
    .f-box .in.first {
        clear: both
    }
    .footer-nav {
        width: 100%;
        margin-bottom: 20px;
        text-align: center
    }
    .footer-nav li {
        float: none;
        display: inline-block
    }
    .footer .right {
        width: 100%;
        text-align: center;
        float: none
    }
    .copyright,
    .copy-label {
        text-align: center
    }
    .scrolltop {
        width: 50px;
        height: 50px;
        text-indent: -9999px;
        background-position: center;
        padding: 0
    }
    .slider_cont {
        left: 120px;
        margin-left: 0
    }
    .cta-detailed input[type="submit"] {
        font-size: 18px
    }
    .explore-list li a {
        font-size: 14px;
        line-height: 20px;
        padding: 10px
    }
    .explore-list li {
        width: auto;
        margin: 10px
    }
    .map-box .con {
        padding: 25px;
        position: relative;
        right: 0;
        width: 100%;
        z-index: 10
    }
    .map-box .con h3 {
        font-size: 18px
    }
    .map-box .con p {
        font-size: 14px
    }
    .b-list li a {
        font-size: 14px;
        line-height: 35px;
        padding: 0 25px
    }
    .sch_sec6 .list1 li a {
        font-size: 14px;
        line-height: 46px
    }
    .sch_sec6 .list2 li a {
        font-size: 14px
    }
    .get-started {
        padding: 0
    }
    .g-start .title {
        font-size: 28px
    }
    .c-start h1 {
        font-size: 38px
    }
    #explore-page.enclose {
        margin: 0
    }
    .flex-table > div {
        padding: 35px
    }
    .mac-section {
        background-size: contain;
        font-size: 14px
    }
    .mac-section .in {
        background: rgba(255, 255, 255, 0.6);
        width: 100%
    }
    .mac-section h1 {
        font-size: 36px
    }
    .student-sec {
        font-size: 24px
    }
    .student-sec .in {
        padding: 60px 0
    }
    .tools-left h1 {
        font-size: 36px
    }
    .infographic {
        font-size: 14px
    }
    .infographic h2 {
        font-size: 18px
    }
    .infographic h1 {
        font-size: 28px;
        margin-bottom: 15px
    }
    .infographic-image h3 {
        font-size: 20px
    }
    .highlight-con,
    .highlight-img {
        width: 100% !important;
    }
    .checklist-module {
        padding: 40px 20px
    }
    .checklist-module .enclose {
        padding: 0;
        margin: 0
    }
    .vc_row {
        margin-left: 0!important;
        margin-right: 0!important
    }
    .vc_col-xs-1,
    .vc_col-sm-1,
    .vc_col-md-1,
    .vc_col-lg-1,
    .vc_col-xs-2,
    .vc_col-sm-2,
    .vc_col-md-2,
    .vc_col-lg-2,
    .vc_col-xs-3,
    .vc_col-sm-3,
    .vc_col-md-3,
    .vc_col-lg-3,
    .vc_col-xs-4,
    .vc_col-sm-4,
    .vc_col-md-4,
    .vc_col-lg-4,
    .vc_col-xs-5,
    .vc_col-sm-5,
    .vc_col-md-5,
    .vc_col-lg-5,
    .vc_col-xs-6,
    .vc_col-sm-6,
    .vc_col-md-6,
    .vc_col-lg-6,
    .vc_col-xs-7,
    .vc_col-sm-7,
    .vc_col-md-7,
    .vc_col-lg-7,
    .vc_col-xs-8,
    .vc_col-sm-8,
    .vc_col-md-8,
    .vc_col-lg-8,
    .vc_col-xs-9,
    .vc_col-sm-9,
    .vc_col-md-9,
    .vc_col-lg-9,
    .vc_col-xs-10,
    .vc_col-sm-10,
    .vc_col-md-10,
    .vc_col-lg-10,
    .vc_col-xs-11,
    .vc_col-sm-11,
    .vc_col-md-11,
    .vc_col-lg-11,
    .vc_col-xs-12,
    .vc_col-sm-12,
    .vc_col-md-12,
    .vc_col-lg-12 {
        padding-left: 0!important;
        padding-right: 0!important
    }
    .iam-slider li a {
        font-size: 14px
    }
    .iam-slider .iam p {
        font-size: 36px
    }
    .split-group-a ul.group-b li:first-child {
        display: none
    }
    .split-group-a ul.group-b li a {
        width: 100%
    }
    .split-group-a ul.group-b li span {
        width: 50%;
        margin: 0
    }
    .split-group-a ul.half li {
        width: 100%
    }
    .redbox .box {
        font-size: 18px
    }
    .redbox .box {
        font-size: 18px;
        margin-right: 15px;
    }
    .redbox .box-con {
        width: 60%;
        padding: 0 60px 0;
        font-size: 18px;
        color: #013245
    }
    .redbox .box-con h2 {
        color: #a61d30;
        font-size: 30px;
        margin-bottom: 20px
    }
    .redbox .box-con a {
        display: inline-block;
        color: #fff;
        line-height: 50px;
        padding: 0 30px;
        background: #013245;
        margin-top: 40px
    }
    .benefits .left,
    .benefits .right {
        width: 100%
    }
    .schools-degrees li {
        width: 100%;
        padding-right: 0;
        min-height: inherit
    }
    .ind-partners > div {
        width: 100%
    }
    .scholar-form {
        padding: 40px 0;
    }
    .scholar-form .enclose {
        margin: 0;
    }
    .scholar-form .gform_wrapper,
    .scholar-form .gform_confirmation_wrapper {
        margin: 0;
        padding: 40px 20px;
        font-size: 18px;
    }
    .scholar-form .gform_wrapper h1,
    .scholar-form .gform_confirmation_wrapper h1 {
        font-size: 24px;
        margin-bottom: 35px;
    }
    .iam-slider {
        padding: 60px 0px;
    }
    .spot-left {
        display: none;
    }
    .spot-right {
        width: 100%;
    }
    .course-submit {
        font-size: 18px;
    }
    .course-more {
        font-size: 18px;
        line-height: 44px;
    }
    .unnumbered .responsive-tabs__list li {
        font-size: 20px
    }
    .excerpt-container {
        display: block;
        width: 360px;
        float: left;
    }
    /****/
}
@media (max-width: 1000px) {
    .mobile_overview {
        display: block;
    }
    .desktop_overview {
        display: none;
    }
    .popmake-overlay {
        display: none!important;
    }
    .popmake {
        display: none!important;
    }
    #menu-navigation {
        display: none
    }
    .header {
        position: relative;
        top: inherit
    }
}
@media (max-width: 980px) {
    /****/
    /** preliminary scholarship **/
    
    .prelim-form_wrapper .top_label li.gfield.gf_left_half {
        width: 100%;
    }
    #gform_wrapper_11,
    .prelim-form {
        width: 100% !important;
    }
    .prelim-form_wrapper .top_label li.gfield.gf_left_half,
    .prelim-form_wrapper .top_label li.gfield.gf_right_half {
        margin: 0 0 0.5em;
        width: 100% !important;
    }
    .prelim-form_wrapper .top_label li.gfield.gf_left_third,
    .prelim-form_wrapper .top_label li.gfield.gf_middle_third,
    .prelim-form_wrapper .top_label li.gfield.gf_right_third {
        display: inline-block;
        vertical-align: top;
        width: 100% !important;
    }
    .prelim-disclaimer {
        width: 50% !important;
        padding-top: 25px !important;
        left: 0 !important;
        top: 0 !important;
    }
    #gform_wrapper_10 .gform_button,
    .gform_fields input[type="submit"] {
        margin: 0;
    }
    /* commented out with SASS form styles. PSB 11-20-2017 */
    /*
    .gform_button,
    .gform_fields input[type="submit"] {
        width: 150px;
    }
*/
    
    .prelim-disclaimer {
        padding-top: 25px;
    }
    .checkbox-group {
        display: none !important;
    }
    .checkbox-dropdown {
        display: block !important;
    }
    /** end prelimilary scholarship **/
    
    #menu-item-5634 {
        display: block;
    }
    .prelim-form_wrapper .top_label li.gfield.gf_left_half,
    .prelim-form_wrapper .top_label li.gfield.gf_right_half {
        display: block;
        vertical-align: top;
    }
    .prelim-form_wrapper .top_label li.gfield.gf_right_half {
        margin: 0 0 0.5em;
    }
    .prelim-form_wrapper .top_label li.gfield.gf_left_third,
    .prelim-form_wrapper .top_label li.gfield.gf_middle_third,
    .prelim-form_wrapper .top_label li.gfield.gf_right_third {
        display: block;
        vertical-align: top;
    }
    .prelim-form_wrapper .top_label li.gfield.gf_middle_third,
    .prelim-form_wrapper .top_label li.gfield.gf_right_third {
        margin-bottom: 0;
        margin-left: 0 !important;
    }
    .gform_wrapper .gform_fields > li.app-100-prelim {
        margin: 0;
        padding: 10px 0;
        width: 100%;
    }
    .prelim-form_wrapper .top_label li.gfield.gf_right_half {
        margin: 0;
        width: 100%;
    }
    .prelim-form_wrapper .top_label li.gfield.gf_left_half input.medium,
    .prelim-form_wrapper .top_label li.gfield.gf_left_half input.large,
    .prelim-form_wrapper .top_label li.gfield.gf_left_half select.medium,
    .prelim-form_wrapper .top_label li.gfield.gf_left_half select.large,
    .prelim-form_wrapper {
        width: 100%;
    }
    .prelim-form {
        margin-left: 0;
        width: 100% !important;
    }
    .prelim-form_wrapper .top_label li.gfield.gf_left_half {
        margin: 0 0 0.5em;
        width: 100%;
    }
    .prelim-form_wrapper .top_label li.gfield.gf_right_half {
        margin: 0 0 0.5em;
        width: 100%;
    }
    .prelim-form_wrapper .top_label li.gfield.gf_left_third,
    .prelim-form_wrapper .top_label li.gfield.gf_middle_third,
    .prelim-form_wrapper .top_label li.gfield.gf_right_third {
        width: 100%;
    }
    .prelim-form_wrapper .top_label li.gfield.gf_left_half input.medium,
    .prelim-form_wrapper .top_label li.gfield.gf_left_half input.large,
    .prelim-form_wrapper .top_label li.gfield.gf_left_half select.medium,
    .prelim-form_wrapper .top_label li.gfield.gf_left_half select.large,
    .prelim-form_wrapper .top_label li.gfield.gf_right_half input.medium,
    .prelim-form_wrapper .top_label li.gfield.gf_right_half input.large,
    .prelim-form_wrapper .top_label li.gfield.gf_right_half select.medium,
    .prelim-form_wrapper .top_label li.gfield.gf_right_half select.large {
        width: 100%;
    }
    .prelim-form_wrapper .top_label li.gfield.gf_left_third input.medium,
    .prelim-form_wrapper .top_label li.gfield.gf_left_third input.large,
    .prelim-form_wrapper .top_label li.gfield.gf_left_third select.medium,
    .prelim-form_wrapper .top_label li.gfield.gf_left_third select.large,
    .prelim-form_wrapper .top_label li.gfield.gf_middle_third input.medium,
    .prelim-form_wrapper .top_label li.gfield.gf_middle_third input.large,
    .prelim-form_wrapper .top_label li.gfield.gf_middle_third select.medium,
    .prelim-form_wrapper .top_label li.gfield.gf_middle_third select.large,
    .prelim-form_wrapper .top_label li.gfield.gf_right_third input.medium,
    .prelim-form_wrapper .top_label li.gfield.gf_right_third input.large,
    .prelim-form_wrapper .top_label li.gfield.gf_right_third select.medium,
    .prelim-form_wrapper .top_label li.gfield.gf_right_third select.large {
        width: 100%;
    }
    #gform_wrapper_11 {
        width: 100%;
    }
    .checkbox-group {
        display: none !important;
    }
    .checkbox-dropdown {
        display: block;
    }
    #gform_fields_13,
    #gform_fields_14,
    #gform_fields_15 {
        width: 100%;
    }
    #gform_wrapper_10 .gform_button,
    .gform_fields input[type="submit"] {
        height: 30px;
    }
    .top-start .gform_wrapper .gform_fields > li.app-50 {
        width: 100%;
    }
    /* commented out with SASS form styles. PSB 11-20-2017 */
    /*
    .top-start .gform_wrapper .gform_page_footer input,
    .top-start .gform_wrapper .gform_footer input,
    .top-start .gform_confirmation_wrapper a {
        left: 0;
        width: 100%;
        padding: 0 25px;
        position: relative;
      	transform: none;
        /*float: left;*/
    /*top: -80px;*/
    /*
} */
    
    .get-started .gform_wrapper .gform_fields > li.app-50 {
        width: 100%;
    }
    .get-started .gform_wrapper .gform_page_footer input,
    .get-started .gform_wrapper .gform_footer input,
    .get-started .gform_confirmation_wrapper a {
        top: 0;
        left: 0;
        width: 100%;
        position: relative;
        transform: none;
    }
    .top-start {
        background: #013245;
        position: relative
    }
}
@media (max-width: 768px) {
    /****/
    
    #gform_fields_16 .g-start-disclaimer {
        width: 100%;
    }
    #gform_fields_16 .privacy-text {
        color: #ffffff;
        font-size: 14px;
        padding-top: 10px;
    }
    .mar-b-70 {
        margin-bottom: 40px
    }
    .mar-r-b-70 {
        margin-bottom: 40px
    }
    /*.white-box,*/ /*SD 4-17-2018 */
    .geay-box,
    .three-box-section {
        padding: 40px 0
    }
    .footer-widget {
        padding: 25px 0
    }
    .f-box,
    .footer-nav {
        display: none
    }
    .breadcrumbs {
        display: none
    }
    .split-group-a .box {
        width: 100%
    }
    .split-group-a h1 {
        font-size: 22px;
        margin-bottom: 20px
    }
    .split-group-a h1 strong,
    .split-group-a .excerpt,
    .split-group-a .explore a {
        font-size: 14px
    }
    .split-group-a .excerpt {
        line-height: 20px
    }
    .split-group-a ul li a {
        font-size: 18px
    }
    .split-group-a ul li {
        padding-bottom: 15px
    }
    .color-blocks {
        width: 100%;
        padding: 45px 0
    }
    .color-blocks p.ex {
        min-height: inherit
    }
    .color-blocks .in {
        padding: 0 30px
    }
    .color-blocks h1 {
        font-size: 28px
    }
    .color-blocks p {
        font-size: 16px;
        margin-top: 30px
    }
    .three-box-section .in {
        padding: 20px 0
    }
    .three-box-section .in h2 {
        font-size: 18px
    }
    .three-box-section .in p {
        font-size: 14px;
        line-height: 20px
    }
    .herographic .item {
        min-height: 400px
    }
    .herographic .slick-dots {
        bottom: 5px
    }
    .slider_cont {
        max-width: 280px;
        width: 100%;
        text-align: center;
        position: absolute;
        left: 50%;
        bottom: 10px;
        margin-left: -140px
    }
    .slider_cont .s_box1 {
        padding: 10px 40px
    }
    .slider_cont .s_box1 h3,
    .slider_cont .s_box1 h2 {
        font-size: 18px;
        line-height: 25px
    }
    .slider_cont .s_box1 h1 {
        font-size: 28px;
        line-height: 25px
    }
    .slider_cont .s_box2 {
        font-size: 14px;
        padding: 20px 15px
    }
    .slider_cont .s_box2 a {
        line-height: 35px;
        font-size: 15px
    }
    .testi-container {
        max-width: 260px
    }
    .testi-list li img {
        width: 120px;
        height: 120px;
        margin-top: 0
    }
    .testi-con-holder {
        border: 0;
        padding: 0 0 30px;
        margin: -80px 0 0;
        font-size: 24px
    }
    .testi-con-holder .item {
        background: #dde1eb;
        border: 1px solid #013245;
        border-radius: 10px;
        padding: 100px 25px 50px;
        color: #013245
    }
    .g-start {
        padding-top: 30px;
        border-bottom: 1px solid #013245;
        padding-bottom: 0px;
        margin: 0 20px
    }
    .iam-mod .g-start {
        border-bottom: 0
    }
    .g-start .in {
        width: 100%
    }
    .g-start .in:first-child {
        border-right: 0
    }
    .g-start .in:first-child::before {
        background: none
    }
    .g-start .title {
        font-size: 22px;
        line-height: 30px
    }
    .iam-mod .g-start .title {
        font-size: 22px;
        line-height: 30px;
        font-family: 'Neuton', serif;
        font-weight: 200
    }
    .c-start {
        padding: 15px 0 0
    }
    .c-start h1 {
        font-size: 36px
    }
    .c-start h1 a {
        margin: 4px 0 0 10px
    }
    .side-doc {
        left: -260px!important
    }
    .mobile-f-widget {
        display: block
    }
    .sch_sec6 {
        padding: 50px 15px
    }
    .sch_sec6 .list1 {
        margin-left: 0
    }
    .sch_sec6 .list1 li {
        float: none;
        margin: 0!important;
        width: 100%
    }
    .sch_sec6 .list1 li a {
        font-size: 16px;
        line-height: 40px;
        border: 0
    }
    .sch_sec6 .list2 li {
        border: 0;
        margin: 10px 0
    }
    .sch_sec6 .list2 li a {
        font-size: 16px
    }
    .getinfo_form input,
    .getinfo_form input[type="submit"] {
        width: 100%;
        margin: 10px 0 0
    }
    .three-box-section .in {
        width: 100%;
        margin: 5px 0
    }
    .three-box-section .con h1 {
        font-size: 24px
    }
    .three-box-section .con h2 {
        font-size: 18px
    }
    .three-box-section .con p {
        font-size: 14px
    }
    .three-box-section .btns a {
        display: block;
        width: inherit;
        margin: 5px 0
    }
    .video-section {
        padding-top: 110px;
        font-size: 18px
    }
    .video-section h1 {
        font-size: 28px
    }
    .video-section a {
        font-size: 18px
    }
    .two-box-section .t1 {
        font-size: 22px
    }
    .two-box-section h1 {
        font-size: 30px
    }
    .two-box-section .t2,
    .two-box-section .t3 a {
        font-size: 16px
    }
    #explore-page {
        padding: 25px 0 0
    }
    .explore-con {
        padding: 70px 20px;
        margin-bottom: 25px
    }
    .explore-con h1 {
        font-size: 35px;
        margin-bottom: 20px
    }
    .explore-con p {
        width: 100%;
        line-height: 22px;
        font-size: 15px
    }
    .explore-con a {
        font-size: 14px;
        margin-top: 20px
    }
    .explore-con {
        min-height: inherit
    }
    .explore-con h2 {
        font-size: 17px
    }
    .school-list-box {
        width: 100%
    }
    .school_list {
        padding: 35px 25px
    }
    .school_list h3 {
        font-size: 18px
    }
    .explore-list {
        display: none
    }
    .banner_txt.explore-page {
        top: 50%
    }
    .school_banner {
        min-height: 400px
    }
    .page-intro {
        padding: 50px 0
    }
    .page-intro h1 {
        font-size: 24px;
        line-height: 30px;
        padding: 0
    }
    .page-intro h2 {
        margin-bottom: 30px;
        font-size: 20px;
        padding: 0
    }
    .page-intro p {
        padding: 0;
        font-size: 14px
    }
    .pre-footer h1 {
        font-size: 36px
    }
    .pre-footer p {
        display: block
    }
    .pre-footer input,
    .pre-footer input[type="submit"] {
        width: 100%;
        margin-bottom: 10px
    }
    .f-box .in {
        width: 100%
    }
    .school_banner .banner_txt h1 {
        font-size: 30px
    }
    .school_banner .banner_txt h2 {
        font-size: 24px
    }
    .flex-table {
        display: block;
        padding: 20px 0
    }
    .flex-table > div {
        display: block;
        padding: 10px 20px;
        width: 100%
    }
    .flex-table > div strong {
        font-size: 24px
    }
    .blog-item {
        width: 47%
    }
    .herographic.slick-slider .slick-prev,
    .herographic.slick-slider .slick-next {
        display: none!important
    }
    .cta-detailed .left,
    .cta-detailed .right,
    .cta-detailed p {
        width: 100%
    }
    .cta-detailed p {
        padding: 5px 0
    }
    .cta-detailed input[type="submit"] {
        height: 40px;
        margin: 5px 0;
        font-size: 16px
    }
    .mac-section .in {
        padding: 35px 20px
    }
    .student-sec .enclose {
        margin: 0
    }
    .student-sec .in {
        width: 100%;
        padding: 40px 20px;
        background: rgba(1, 50, 69, 0.6);
        margin-top: 260px
    }
    .student-sec a {
        display: none
    }
    .student-sec em {
        margin: 20px 0 0
    }
    .student-sec:before {
        background: none
    }
    .employers {
        padding: 50px 0
    }
    .employers h1 {
        font-size: 28px
    }
    .employers a {
        width: 48%
    }
    .tools-module {
        padding: 45px 10px 10px
    }
    .tools-module .enclose {
        margin: 0
    }
    .tools-left {
        width: 100%;
        padding-right: 0;
        font-size: 14px
    }
    .tools-right {
        width: 100%;
        padding: 25px 10px 10px;
        font-size: 18px;
        margin-top: 15px
    }
    .tools-left h1 {
        font-size: 28px;
        margin-bottom: 15px;
        margin-top: 0
    }
    .tools-left h5 {
        font-size: 20px;
        margin-bottom: 20px
    }
    .tools-right h2 {
        font-size: 18px;
        margin-bottom: 15px;
        padding: 0
    }
    .tools-right p {
        padding: 0
    }
    .tools-right ul {
        padding: 0;
        margin-bottom: 10px
    }
    .tools-right ul li {
        margin-left: 22px;
        padding-left: 0;
        line-height: 22px
    }
    .tools-right a {
        font-size: 18px
    }
    .highlight-con h1 {
        font-size: 24px;
        line-height: 30px
    }
    .highlight-con p a {
        display: block;
        margin-bottom: 10px;
        text-align: center
    }
    .checklist-module h1 {
        font-size: 24px;
        margin-bottom: 20px
    }
    .checklist-module {
        font-size: 16px
    }
    .checklist li {
        padding-left: 40px;
        font-size: 18px
    }
    .responsive-tabs__list {
        display: none
    }
    /* SD 4-16-2017 */
    /*.responsive-tabs .responsive-tabs__heading {
        display: block
    }
    .interactive-selector .responsive-tabs__panel {
        width: 94%;
        float: none;
        margin: -60px 5px 30px 17px;
        border: 2px solid #a61d30;
        padding: 75px 15px 30px;
        font-size: 14px
    }
    .interactive-selector .responsive-tabs .responsive-tabs__heading {
        font-family: 'Montserrat', sans-serif;
        font-size: 16px;
        color: #a61d30;
        cursor: pointer;
        margin-top: 5px;
        position: relative;
        padding: 10px 0 0 50px;
        height: 60px;
        line-height: 25px;
        overflow: hidden
    }*/
    /*.interactive-selector .responsive-tabs .responsive-tabs__heading span {
        font-weight: 400;
        color: #fff;
        background: #a61d30;
        width: 35px;
        height: 35px;
        line-height: 35px;
        text-align: center;
        font-size: 16px;
        border-radius: 50%;
        font-family: 'Muli', sans-serif;
        display: inline-block;
        position: absolute;
        left: 0;
        top: 50%;
        margin-top: -17px
    }*/
    #portfolio-filter li {
        width: 100%
    }
    #portfolio-list li {
        width: 33.33%
    }
    .iam-mod .enclose {
        margin: 0
    }
    .iam-slider {
        padding: 20px 0 40px 15px
    }
    .iam-slider .iam {
        text-align: left
    }
    .iam-slider .iam p {
        font-size: 28px;
        margin-left: -15px;
        background: #A61D30;
        color: #fff;
        border: 0;
        line-height: 40px;
        padding: 0 20px;
        margin-bottom: 10px
    }
    .iam-slider .iam,
    .iam-slider ul {
        width: 100%
    }
    .iam-slider li {
        width: 100%;
        margin: 0 0 10px
    }
    .iam-slider li a {
        line-height: 20px
    }
    .iam-slider .iam .in:first-child {
        border-right: 0
    }
    .iam-slider .iam .in:first-child::before {
        background: none
    }
    .header-interactive {
        margin: 0 20px;
        min-height: 460px
    }
    .header-interactive a.next,
    .header-interactive a.post {
        width: 100%;
        margin: 1% 0;
        height: 50px;
        font-size: 14px;
        line-height: 40px;
        padding: 5px
    }
    .header-interactive .title {
        font-size: 18px
    }
    .header-interactive a span {
        line-height: 20px
    }
    .explore-con {
        background-position: right center
    }
    .program-header ul {
        font-size: 0
    }
    .program-header li {
        padding: 0;
        width: 100%;
        text-align: right;
        font-size: 14px;
        margin: 8px 0;
        line-height: 35px
    }
    .program-header li span {
        width: 50%;
        float: right;
        text-align: left;
        font-size: 30px;
        padding-left: 15px;
        line-height: 35px
    }
    .program-header li br {
        display: none
    }
    .program-header li:nth-child(4),
    .program-header li:nth-child(5) {
        width: 50%;
        margin: 0
    }
    .program-header li a {
        margin: 0!important;
        display: block;
        text-align: center
    }
    .post-inner-page {
        padding: 100px 0 0 !important;
        position: relative !important;
        bottom: inherit !important;
        margin-left: 0px !important;
        left: 0px !important;
    }
    .post-inner-page.enclose {
        margin: 0
    }
    .program-header {
        padding: 0;
        margin-top: 80px
    }
    /*.redbox { // SD 4-17-2018
        padding: 40px 0
    }*/
    .redbox .box,
    .redbox .box-con {
        width: 100%;
        display: block;
        padding: 15px
    }
    .redbox .box p {
        display: block;
        height: auto;
        padding: 25px 5px;
        font-size: 36px
    }
    .redbox .box-con h2 {
        font-size: 24px
    }
    .redbox .box-con {
        font-size: 14px
    }
    .split-group-a ul.list.half li {
        width: 100%
    }
    .cat-linker.enclose {
        margin: 0
    }
    .benefits .left h1 {
        font-size: 24px;
        margin-bottom: 30px
    }
    .benefits .left {
        font-size: 16px;
        padding: 40px 20px
    }
    .benefits .left ul li {
        width: 100%;
        line-height: 35px
    }
    .benefits .left ul li span {
        width: 35px;
        height: 35px;
        line-height: 35px
    }
    .benefits .right h2 {
        font-size: 20px
    }
    .benefits .right {
        font-size: 16px;
        padding: 40px 20px
    }
    .map-box .maps {
        width: 100%;
        position: relative;
        left: 0;
        top: 0;
        margin-bottom: 20px
    }
    .map-box .maps li.txt {
        display: none
    }
    .map-box .maps > li {
        position: relative;
        background: #f4f4f4;
        font-size: 14px;
        color: #1f1e1e;
        border-bottom: 2px solid #a61d30;
        line-height: 38px;
        text-align: left;
        cursor: pointer;
        padding: 0 15px
    }
    .map-box .maps > li > ul {
        position: absolute;
        background: #fff;
        width: 100%;
        left: 0;
        display: none
    }
    .map-box .maps > li:hover > ul {
        display: block
    }
    .map-box .maps > li > ul a {
        display: block;
        font-size: 14px;
        line-height: 40px
    }
    .map-box iframe {
        height: 300px
    }
    .b50 {
        width: 100%
    }
    .standard.tablepress table,
    .standard.tablepress thead,
    .standard.tablepress th,
    .standard.tablepress tbody,
    .standard.tablepress tr,
    .standard.tablepress td {
        display: block;
    }
    .standard.tablepress thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    .standard.tablepress tr {
        background: #fff;
        margin-bottom: 40px;
    }
    .standard.tablepress td {
        width: 100% !important;
        padding-left: 40%;
        padding-top: 10px;
        padding-right: 10px;
        padding-bottom: 10px;
        font-size: 14px;
        font-family: 'Montserrat', sans-serif;
        position: relative;
        min-height: 140px;
        min-height: 140px;
    }
    .standard.tablepress td:before {
        width: 38%;
        height: 100%;
        background: #dde1eb;
        position: absolute;
        left: 0;
        top: 0;
        padding: 10px;
    }
    .standard.tablepress td:first-child {
        padding-left: 10px;
        text-align: center;
        font-size: 18px;
    }
    .standard.tablepress td:first-child a,
    .standard.tablepress td:first-child br {
        display: none;
    }
    /*.standard.tablepress td:nth-of-type(1):before { content: "Student  Aid Program"; }*/
    
    .standard.tablepress td:nth-of-type(2):before {
        content: "Type of Aid";
    }
    .standard.tablepress td:nth-of-type(3):before {
        content: "Program Details";
    }
    .standard.tablepress td:nth-of-type(4):before {
        content: "Annual Maximum Award Limits";
    }
    .scholar-form .gform_wrapper .gform_fields > li.app-50,
    .scholar-form .gform_wrapper .gform_fields > li.app-50-l,
    .scholar-form .gform_wrapper .gform_fields > li.app-50-r,
    .scholar-form .gform_wrapper .gform_fields > li.app-100 {
        width: 100%;
        padding: 20px 0 0;
    }
    .scholar-form .gform_wrapper .gform_page_footer,
    .scholar-form .gform_wrapper .gform_footer {
        padding-top: 40px;
    }
    .scholar-form .gform_confirmation_wrapper a {
        margin-top: 40px;
    }
    .spot-img,
    .spot-con {
        width: 100%;
    }
    .spotlight .title,
    .spot-con h2 {
        font-size: 18px;
    }
    .spot-con {
        padding: 20px;
    }
    .course-left {
        float: none;
        margin: auto auto 20px auto;
        width: 75%;
    }
    .course-right {
        float: none;
        width: 100%;
    }
    .unnumbered h2.title {
        font-size: 24px;
    }
    .unnumbered h3 {
        font-size: 24px;
        margin: 30px 0
    }
    /*.unnumbered .responsive-tabs__panel {  //move to _interactive_unnumbered_list.scss fix mobile divice SD 6/6/2018
        width: 100%;
        padding: 18px;
        border: 2px solid #a61d30;
        font-size: 16px;
        margin-bottom: 30px;
    }*/
    .unnumbered .responsive-tabs .responsive-tabs__heading {
        font-size: 18px;
        color: #a61d30;
        margin-bottom: 30px;
        text-align: center;
        font-family: 'Montserrat', sans-serif;
    }
    .unnumbered .responsive-tabs .responsive-tabs__heading.responsive-tabs__heading--active {
        margin-bottom: 0;
        background: #a61d30;
        color: #fff;
        padding: 10px 20px;
    }
    .g-start .in.c-start {
        display: none
    }
    .s-day {
        padding: 40px 30px 0;
        color: #fff;
        font-size: 24px;
        font-weight: 300;
        display: block;
    }
    .s-day h1 {
        font-weight: 700;
        font-family: 'Montserrat', sans-serif;
        font-size: 40px;
    }
    .iam-slider .s-box {
        width: 100%;
        min-height: 200px;
    }
    .iam-slider .iam a.back {
        top: 30px
    }
    .assmnt .gfield > label,
    .assmnt .gfield > div.ginput_container {
        width: 100%;
        padding: 8px 0;
    }
    .spot-right .slick-prev,
    .spot-right .slick-next {
        position: absolute;
        top: 0;
        width: 40px;
        height: 40px;
        background-image: url(images/slider-arrows.png);
        border: 0;
        background-color: transparent;
        background-repeat: no-repeat;
        top: 34%;
        text-indent: -9999px;
    }
    .spot-right .slick-prev {
        background-position: left center;
        left: 0;
    }
    .spot-right .slick-next {
        background-position: right center;
        right: 0;
    }
    /* commented out with SASS form styles. PSB 11-20-2017 */
    /*
  	#gform_wrapper_16 .top-start .g-start-disclaimer, 
  	#gform_wrapper_16 .get-started .g-start-disclaimer,
  	#gform_wrapper_16 .g-start-disclaimer {
    	top: 0px;  
  	}
*/
    /** Button fixes for home page upper form **/
    
    .top-start .gform_wrapper .gform_page_footer input,
    .top-start .gform_wrapper .gform_footer input,
    .top-start .gform_confirmation_wrapper a {
        top: 0;
    }
}
@media (max-width: 640px) {
    /****/
    
    .footer-nav li {
        display: block;
        border: 0;
        padding: 0;
        margin: 3px 0;
        text-align: center
    }
    .map-box .maps a {
        font-size: 9px
    }
    .blog-con {
        margin-left: 0
    }
    .blog-item {
        width: 100%;
        margin: 0 0 3%
    }
    #portfolio-list li {
        width: 100%
    }
    #portfolio-list li .con .in .box1,
    #portfolio-list li .con .in .box2 {
        width: 100%;
        padding: 0
    }
    .slider_cont .s_box2,
    .slider_cont .s_box2 {
        padding: 15px
    }
    .post-inner-page {
        padding: 110px 0 0 !important;
        position: relative !important;
        bottom: inherit !important;
        margin-left: 0px !important;
        left: 0px !important;
    }
    .post-inner-page h2 {
        font-size: 18px;
        padding: 0 28px
    }
    .post-inner-page h1 {
        font-size: 36px !important;
        padding: 0 28px;
        line-height: 42px;
    }
    .program-header li {
        font-size: 12px
    }
    .program-header li span {
        font-size: 18px
    }
    .program-header li a {
        font-size: 18px
    }
    .cat-linker .txt {
        font-size: 22px;
        line-height: 30px;
        text-align: center
    }
    .cat-linker .browse,
    .cat-linker .pdf {
        float: none;
        padding: 10px 20px
    }
    .cat-linker a {
        font-size: 18px;
        line-height: 50px;
        text-align: center;
        margin: 0
    }
    .schools-degrees li img {
        display: none
    }
    .ind-partners > div h1 {
        font-size: 36px
    }
    .ind-partners > div h3 {
        font-size: 28px
    }
    .ind-partners > div.schools ul li {
        width: 100%;
        border-bottom: 2px solid #fff;
        padding: 0
    }
    .ind-partners > div.schools ul li a {
        border: 0;
        font-size: 18px;
        line-height: 60px;
        padding: 0
    }
    .assmnt .f-field.gfield > div.ginput_container {
        width: 85%
    }
    .tabs_cont {
        width: 100%;
        overflow-x: scroll;
    }
    .tabs_cont table {
        width: 500px;
    }
    .course-catalogue {
        padding: 40px 0px;
    }
    .header-interactive a span {
        white-space: inherit
    }
    .header-interactive a.next,
    .header-interactive a.post {
        height: auto
    }
}
@media (max-width: 360px) {
    /** Fix to the scholarship assesment title **/
    
    .page-template-page-scholarships-assmnt-php .banner_txt {
        top: 35%;
    }
    /** Fix to the scholarship assesment title **/
    
    .banner-bottom {
        color: #fff;
        font-size: 48px;
        font-weight: 400;
        line-height: 48px;
        margin-bottom: 10px;
    }
    /**preliminary scholarship **/
    
    .prelim-disclaimer {
        width: 100% !important;
        left: 0 !important;
        top: 0 !important;
    }
    /** end preliminary scholarship **/
    
    .job-form {
        min-height: 275px;
    }
    .job-form input[type="submit"] {
        left: 0;
        transform: translateX(0);
        width: 95%;
    }
    select {
        width: 300px;
    }
    .post-inner-page h1 {
        font-size: 36px !important;
        padding: 0 28px;
        line-height: 42px;
    }
    .post-inner-page-lower {
        font-size: 36px;
    }
    .banner-top {
        letter-spacing: 0.05em;
    }
    /** Apply Now / Request Info Form **/
    
    .scholar-form .gform_wrapper .gform_page_footer input,
    .scholar-form .gform_wrapper .gform_footer input,
    .scholar-form .gform_confirmation_wrapper a {
        width: 100%;
        margin: 0;
    }
    #gform_wrapper_9 .button {
        top: -20px;
    }
    .top-start #gform_wrapper_13 .g-start-disclaimer,
    .top-start #gform_wrapper_15 .g-start-disclaimer,
    .get-started #gform_wrapper_14 .g-start-disclaimer {
        top: 90px;
    }
}
@media (max-width: 320px) {
    .excerpt-container {
        display: block;
        width: 320px;
        float: left;
    }
    .video-section a {
        margin-bottom: 25px;
    }
}