/*
 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) {
    /****/
    /** Sets the margin for the content div. AJM **/

    .enclose {
        margin: auto;
    }
    /** Hides the sticky header. AJM **/

    .sticky-header {
        display: none
    }
    /** resizes the logo in the header. AJM **/

    .logo {
        width: 150px
    }
    /** Sets the font size for the apply now/request info button in the header. AJM **/

    .applynow,
    .main-navi > li > a {
        font-size: 14px
    }
    /** Sets the font size for H1 tags in the 50/50 modules. AJM **/

    .color-blocks h1 {
        font-size: 32px
    }
    /** Sets the font size for H3 tags in the 50/50 modules. AJM **/

    .color-blocks h3 {
        font-size: 32px
    }
    /** Sets the font size for H4 tags in the 50/50 modules. AJM **/

    .color-blocks h4 {
        font-size: 24px
    }
    /** Sets the font size for p tags in the 50/50 modules. AJM **/

    .color-blocks p {
        font-size: 18px
    }
    /** Sets the font size for p tags with the ex class in the 50/50 modules. AJM **/

    .color-blocks p.ex {
        line-height: 25px;
        min-height: 125px
    }
    /** Sets the left margin for the navigation arrows in the home page slider. AJM **/

    .herographic.slick-slider .slick-prev,
    .herographic.slick-slider .slick-next {
        margin-left: 0!important
    }
    /** Sets the left position for the previous navigation arrow in the home page slider. AJM **/

    .herographic.slick-slider .slick-prev {
        left: 10px
    }
    /** Sets the left position for the next navigation arrow in the home page slider. AJM **/

    .herographic.slick-slider .slick-next {
        right: 10px;
        left: inherit
    }
    /** Sets the position of the back to top link in the sticky navigation. AJM **/

    .scrolltop {
        top: 40%;
        position: fixed
    }
    /** Sets the font size for the H1 tags in the degree pages. AJM **/

    .school_banner .banner_txt h1 {
        font-size: 46px
    }
    /** sets the padding in the your laptop module in the our advantage page. AJM **/

    .mac-section {
        background-size: 50%
    }
    /** sets the font size for the H1 tags in the your laptop module in the our advantage page. AJM **/

    .mac-section h1 {
        font-size: 44px
    }
    /** sets the font size for the H2 tags in the your laptop module in the our advantage page. AJM **/

    .mac-section h2 {
        font-size: 18px
    }
    /** sets the padding for infographics. AJM **/

    .infographic {
        padding: 40px 10px
    }
    /** Sets the margin for the blue 60/40 module. AJM **/

    .highlight-bg .enclose {
        margin: 0
    }
    /** Sets the padding for the left modult in the blue 60/40 module. AJM **/

    .highlight-con.left,
    .highlight-con.right {
        padding: 40px 25px
    }
    /** Sets the style for H1 tags in the blue 60/40 module. AJM **/

    .highlight-con h1 {
        font-size: 30px;
        line-height: 38px
    }
    /** Sets the style for H3 tags in the blue 60/40 module. AJM **/

    .highlight-con h3 {
        font-size: 30px;
        line-height: 38px
    }
    /** Sets the font size in the blue 60/40 module. AJM **/

    .highlight-con {
        font-size: 14px
    }
    /** Sets the width of the icons in the employers and partners section. AJM **/

    #portfolio-filter li {
        width: inherit
    }
    /** Sets the padding and background color for the icons in the employers and partners section. AJM **/

    #portfolio-filter li a {
        padding: 0 10px;
        background: #eee
    }
    /** Sets the margin for the list like the degree listing on the associates page. AJM **/

    .split-group-a ul.group-b li span em {
        margin: 10px 3px 0
    }
    /** sets the font size for the red box text. AJM **/

    .redbox .box {
        font-size: 36px
    }
    /** Sets the font size for the Why choose and accreditation sections in the degree pages. AJM **/

    .benefits .left ul li {
        font-size: 18px
    }
    /** sets the margin for the left section in the Why choose and accreditation sections in the degree pages. AJM **/

    .benefits .left {
        padding-left: 20px
    }
    /** Sets the line height for the blue 'Explore our Schools' section in the school of pages. AJM **/

    .ind-partners > div.schools ul li a {
        line-height: 41px
    }
    /** sets the padding for the progress bar in the scholarship assessment. AJM **/

    .assmnt .gform_wrapper .gf_progressbar_wrapper {
        padding: 0 20px;
    }
    /** sets the padding for the footer area in the scholarship assessment. AJM **/

    .assmnt .gform_wrapper .gform_page_footer {
        padding-left: 20px;
        padding-right: 20px
    }
    /** Sets the position of the degree page hero text. AJM **/

    .post-inner-page {
        left: 20px !important;
    }
    /** Positions the excerpt and buton on the degree cards. AJM **/

    .degree-button,
    .degree-excerpt {
        width: 315px;
        float: right;
    }
    /****/
}
@media (max-width: 1366px) {
    /****/
    /** Styles the blue box with the 'next start date' text. AJM **/

    .program-header li {
        color: #fff;
        display: inline-block;
        font-size: 14px;
        font-weight: 300;
        padding: 0 18px;
        text-align: center;
        vertical-align: top;
    }
    /** Sets the font size for the lower text in the blue box with the 'next start date' text. AJM **/

    .program-header li span {
        font-family: "Montserrat", sans-serif;
        font-size: 24px;
    }
    /****/
}
@media (max-width: 1080px) {
    /** Styles the excerpt and button on the degree cards. AJM **/

    .degree-button,
    .degree-excerpt {
        width: 315px;
        float: right;
    }
}
@media (max-width: 1024px) {
    /** Hide Interactive Buttons **/

    .header-interactive {
        display: none;
    }
    /** Styles the excerpt and button on the degree card. AJM **/

    .degree-button,
    .degree-excerpt {
        width: 315px;
        float: left;
    }
    /** hides the header in lieu of the hamburger menu. AJM  **/

    .header {
        display: none;
    }
    /** Sets the padding of the herographics. AJM **/

    .herographic {
        padding-top: 40px;
    }
    /** Sets the padding for the 'I AM ' module in the home page. AJM **/

    .iam-mod .g-start .title {
        font-size: 36px !important;
    }
    /** Sets the width of the 'Getting Started with Stevens-Henager College' text in the I AM Module **/

    .g-start .in:first-child {
        width: 100% !important;
    }
    /** Sets the padding for the H3 and H5 headers for the page intro sections. **/

    .page-intro h3,
    .page-intro h5 {
        padding: 0;
    }
    /** Sets the H5 tag in the explore cards. an example are the cards on /tuition-financial-aid **/

    .explore-con h5 {
        font-size: 42px;
    }
    /** .slider-top, .slider-middle,.slider-bottom does not appear to be used anymore. **/

    .slider-top,
    .slider-middle,
    .slider-bottom {
        font-size: 24px;
        line-height: 22px;
    }
    /** Sets the padding for the upper text in the slider box. **/

    .slider_cont .s_box1 {
        padding: 5px 20px !important;
    }
    /** Hides the sticky nav. **/

    .sticky-header {
        display: none !important;
    }
    /** sets the min height for the div containing the dropdown boxes in the job form  **/

    .job-form {
        min-height: 100px;
    }
    /** sets the width for the div containing the dropdown boxes in the job form  **/

    .job-form input[type="submit"] {
        width: 200px;
    }
    /** Sets the padding for the p tag in the intro section in the international page.**/

    .page-intro-international p {
        padding: 0;
    }
    /** Sets the padding for the h3 tag in the intro section in the international page.**/

    .page-intro-international h3 {
        padding: 0;
    }
    /** displays the menu bar **/

    #wprmenu_bar {
        display: block !important;
    }
    /** positions the header **/

    .header {
        position: relative;
        top: inherit
    }
    /** sets the style for the phone number and request info button in the Sticky navigation header. **/

    .top-sticky {
        display: block;
        z-index: 40;
        background-color: #fccc4b;
        border-bottom: 1px solid #ffffff;
        box-sizing: border-box;
    }
    /** sets the color for the phone number link in the Sticky navigation header. **/

    .top-sticky a {
        color: #ffffff;
    }
    /** positions the menu in the mobile view **/

    .slicknav_menu {
        top: 40px !important;
    }
    /** Sets the height of the logo in the mobile header. **/

    .slicknav_brand {
        height: 70px !important;
    }
    /** Hides the top bar with the student login and phone number **/

    .m-hide {
        display: none
    }
    /** sets the width and margin for the logo. in the header **/

    .logo {
        width: auto;
        margin: 20px
    }
    /** Hides the dropdown menu. **/

    #menu-navigation {
        display: none
    }
    /** sets the height of the p tag in the 50/50 color blocks modules. **/

    .color-blocks p.ex {
        min-height: 150px
    }
    /** THis does nto appear to be used. **/

    .pre-footer input {
        width: 150px
    }
    /** f-box is the div that contains the link lists in the footer. **/
    /** sets the list item width to 50% **/

    .f-box .in {
        width: 50%
    }
    /** sets the clear to both in the f-box div. **/

    .f-box .in.first {
        clear: both
    }
    /** footer-nav is the navigation below the footer and footnotes. **/

    .footer-nav {
        width: 100%;
        margin-bottom: 20px;
        text-align: center
    }
    /** sets the float and display of the links in the footer nav **/

    .footer-nav li {
        float: none;
        display: inline-block
    }
    /** Sets the width and float of footer elements. **/

    .footer .right {
        width: 100%;
        text-align: center;
        float: none
    }
    /** Sets the text align for the copyright text in the footer.  **/

    .copyright,
    .copy-label {
        text-align: center
    }
    /** scrolltop is the div in the sticky nav that takes you to the top of the page. **/

    .scrolltop {
        width: 50px;
        height: 50px;
        text-indent: -9999px;
        background-position: center;
        padding: 0
    }
    /** Positions the content box in the home page slider. **/

    .slider_cont {
        left: 120px;
        margin-left: 0
    }
    /** .cta-detailed input[type="submit"] Does not appear to be used. **/

    .cta-detailed input[type="submit"] {
        font-size: 18px
    }
    /** .explore-list styles the blue buttons in the header. see /our-schools. **/
    /** styles the links in the explore-list **/

    .explore-list li a {
        font-size: 14px;
        line-height: 20px;
        padding: 10px
    }
    /** sets the width and margin for the explore list items **/

    .explore-list li {
        width: auto;
        margin: 10px
    }
    /** Mao box is the box in the locations page that contains the map. **/
    /** Styles the div with the map. **/

    .map-box .con {
        padding: 25px;
        position: relative;
        right: 0;
        width: 100%;
        z-index: 10
    }
    /** Styles the H3 tag in the map-box div. **/

    .map-box .con h3 {
        font-size: 18px
    }
    /** Styles the paragraph in the map-box div **/

    .map-box .con p {
        font-size: 14px
    }
    /** .b-list li a does nto appear to be used. **/

    .b-list li a {
        font-size: 14px;
        line-height: 35px;
        padding: 0 25px
    }
    /****************************************************************************/
    /** .sch_sec6 is the explore more section at the bottom of the pages.      **/
    /** An example is the 'Explore More of Tuition & Aid' module at the        **/
    /** bottom of the /tuition-financial-aid/scholarships page. AJM            **/
    /****************************************************************************/
    /** Sets the font size for the links in the outlines links. **/

    .sch_sec6 .list1 li a {
        font-size: 14px;
        line-height: 46px
    }
    /** Sets the font size for the links in the lower link.s **/

    .sch_sec6 .list2 li a {
        font-size: 14px
    }
    /** Removes the padding from the lower form; **/

    .get-started {
        padding: 0
    }
    /** Sets the font size for the titles in the lower form. **/

    .g-start .title {
        font-size: 28px
    }
    /** Sets the font size for the H! headers in the lower form. **/

    .c-start h1 {
        font-size: 38px
    }
    /** sets the margin for the routing tiles an example is on the /tuition-financial-aid page. **/

    #explore-page.enclose {
        margin: 0
    }
    /*****************************************************************************/
    /** .flex-table is the 'Fast, Flexible, and Convenient' box on the          **/
    /** /about-us/shc-advantage page. AJM                                       **/
    /*****************************************************************************/

    .flex-table > div {
        padding: 35px
    }
    /** .mac-section is the 'get a laptop section in the our advantage page. **/
    /** sets the background and font size for the module. **/

    .mac-section {
        background-size: contain;
        font-size: 14px
    }
    /** sets the background and font size for the text section on the right **/

    .mac-section .in {
        background: rgba(255, 255, 255, 0.6);
        width: 100%
    }
    /** sets the font size for H1 tags for the text section on the right **/

    .mac-section h1 {
        font-size: 36px
    }
    /** sets the font size for H3 tags for the text section on the right **/

    .mac-section h3 {
        font-size: 36px
    }
    /** .student-sec is the section in the /about-us/our-college page with the quote from Eric. **/
    /** sets the font size for the module. **/

    .student-sec {
        font-size: 24px
    }
    /** sets the padding for the section with the quote. **/

    .student-sec .in {
        padding: 60px 0
    }
    /** sets the font size for the H1 tag in the left side intro section in the /about-us/our-college page. **/

    .tools-left h1 {
        font-size: 36px
    }
    /** sets the font size for the H3 tag in the left side intro section in the /about-us/our-college page. **/

    .tools-left h3 {
        font-size: 36px
    }
    /** Sets the font size for the infographic module. **/

    .infographic {
        font-size: 14px
    }
    /** Sets the font size for the H2 tags in the infographic section. **/

    .infographic h2 {
        font-size: 18px
    }
    /** Sets the font size for the H1 tags in the infographic section. **/

    .infographic h1 {
        font-size: 28px;
        margin-bottom: 15px
    }
    /** Sets the font size for the H5 tags in the infographic section. **/

    .infographic h5 {
        font-size: 28px;
        margin-bottom: 15px
    }
    /** Sets the font size for the H3 tags in the infographic image section. **/

    .infographic-image h3 {
        font-size: 20px
    }
    /** Sets the width of the blue 60/40 sections **/

    .highlight-con,
    .highlight-img {
        width: 100% !important;
    }
    /** sets the padding for the checklist section on the /tuition-financial-aid/fafsa page. **/

    .checklist-module {
        padding: 40px 20px
    }
    /** sets teh padding for the internal div in the checklist section on the /tuition-financial-aid/fafsa page. **/

    .checklist-module .enclose {
        padding: 0;
        margin: 0
    }
    /** .vc-row is a style from the visual composer plugin **/

    .vc_row {
        margin-left: 0!important;
        margin-right: 0!important
    }
    /** .vc_col is a style from the visual composer plugin **/

    .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
    }
    /** Sets the font size for list links in the 'I AM' slider on the home page. **/

    .iam-slider li a {
        font-size: 14px
    }
    /** Sets the font size for p tag in the 'I AM' slider on the home page. **/

    .iam-slider .iam p {
        font-size: 36px
    }
    /** split-group-a creates a standard 50/50 module like the 'schools of study' and 'bright futures' section on the home page.  **/
    /** hides the first list. **/

    .split-group-a ul.group-b li:first-child {
        display: none
    }
    /** sets the width to 100% **/

    .split-group-a ul.group-b li a {
        width: 100%
    }
    /** sets the width of a span in the split group to 50% **/

    .split-group-a ul.group-b li span {
        width: 50%;
        margin: 0
    }
    /** Makes the list width 50%; **/

    .split-group-a ul.half li {
        width: 100%
    }
    /**  sets the font size in a redbox module   **/

    .redbox .box {
        font-size: 18px;
        margin-right: 15px;
    }
    /** sets the styles for the content portion of the redbox module. **/

    .redbox .box-con {
        width: 60%;
        padding: 0 60px 0;
        font-size: 18px;
        color: #013245
    }
    /** sets the style for the H2 tag in the content portion of the redbox module. **/

    .redbox .box-con h2 {
        color: #a61d30;
        font-size: 30px;
        margin-bottom: 20px
    }
    /** sets the style for a link in the content portion of the redbox module. **/

    .redbox .box-con a {
        display: inline-block;
        color: #fff;
        line-height: 50px;
        padding: 0 30px;
        background: #013245;
        margin-top: 40px
    }
    /** sets the width of the 'why choose' section in the degree pages.  **/

    .benefits .left,
    .benefits .right {
        width: 100%
    }
    /** Sets the width of the degree cards on the school of pages. **/

    .schools-degrees li {
        width: 100%;
        padding-right: 0;
        min-height: inherit
    }
    /** Sets the width of the Red and Blue 50/50 section in the bottom of the school of pages. **/

    .ind-partners > div {
        width: 100%
    }
    /** sets the padding for the scholarship form. **/

    .scholar-form {
        padding: 40px 0;
    }
    /** sets the padding for the scholarship form. **/

    .scholar-form .enclose {
        margin: 0;
    }
    /** sets the styels for the scholarship form. **/

    .scholar-form .gform_wrapper,
    .scholar-form .gform_confirmation_wrapper {
        margin: 0;
        padding: 40px 20px;
        font-size: 18px;
    }
    /** sets the font-size and margin for the H1 tags in the scholarship form. **/

    .scholar-form .gform_wrapper h1,
    .scholar-form .gform_confirmation_wrapper h1 {
        font-size: 24px;
        margin-bottom: 35px;
    }
    /** Sets the padding for I AM slider in the home page. **/

    .iam-slider {
        padding: 60px 0px;
    }
    /** spot-left is the vertical slider on the left side of the faculty module in the degree pages. **/

    .spot-left {
        display: none;
    }
    /** spot-right is the faculty member image and text in the faculty module in the degree pages. **/

    .spot-right {
        width: 100%;
    }
    /** .course-submit does not appear to be used anymore. **/

    .course-submit {
        font-size: 18px;
    }
    /** .course-more does not appear to be used anymore. **/

    .course-more {
        font-size: 18px;
        line-height: 44px;
    }
    /** positions the privacy seal on the form. **/

    .privacySeal {
        float: right;
        position: relative;
        right: 5px;
        bottom: 100px;
    }
    /** Sets the font size on the interactive lists. **/

    .unnumbered .responsive-tabs__list li {
        font-size: 20px
    }
    /** positions the testimonial credit on the international page. It does not appear to be used. **/

    .international-testimonial .testimonial-credit {
        float: right;
        font-size: 16px;
        margin-top: 25px;
        position: relative;
        right: -100px;
        text-align: center;
        width: 450px;
        padding: 0 50px;
    }
    /** sets the padding for the H3 tag in the page intro. **/

    .page-intro h3 {
        padding: 0;
    }
    /** sets the width of the highlight image in the international page. It does not appear to be used. **/

    .page-template-page-international .highlight-img {
        width: 100%;
    }
    /** sets the width of the highlight content in the international page. It does not appear to be used. **/

    .page-template-page-international .highlight-con {
        width: 100%;
    }
    /** styles the excerpt container in the  **/

    .excerpt-container {
        display: block;
        width: 360px;
        float: left;
    }
    /****/
}
@media (max-width: 1000px) {
    /****/

    .desktop_overview {
        display: none;
    }
    .mobile_overview {
        display: block;
    }
    /* .popmake-overlay {
        display: none!important;
    }
    .popmake {
        display: none!important;
    } */
    #menu-navigation {
        display: none
    }
    .header {
        position: relative;
        top: inherit
    }
}
@media (max-width: 980px) {
    .checkbox-group {
        display: none !important;
    }
    .checkbox-dropdown {
        display: block !important;
    }
    #gform_fields_12,
    #gform_fields_13,
    #gform_fields_15 {
        width: 100%;
    }
    .top-start .gform_wrapper .gform_fields > li.app-50 {
        width: 100%;
    }
    .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 {
        width: 100%;
        padding: 0 25px;
        transform: none;
        position: relative;
    }
    /* commented out with SASS form styles. PSB 12-20-2017 */
    /* This class does not appear to be used anymore */
    /*
    #gform_wrapper_12 .gform_button,
    #gform_wrapper_13 .gform_button,
    #gform_wrapper_15 .gform_button,
    #gform_wrapper_16 .gform_button,
    {
        top: 0;
        right: 0;
        margin: auto;
        position: relative;
    }
*/

    .g-start-disclaimer {
        padding: 0 0 50px 0;
        position: relative;
        top: 70px;
    }
    .g-start-disclaimer p {
        padding-top: 50px;
    }
    #menu-item-5634 {
        display: block;
    }
    .job-form input[type="submit"] {
        left: 0;
        transform: translateX(0);
        width: 175px;
    }
    .prelim-disclaimer {
        width: 50% !important;
    }
}
/* end @media (max-width: 980px) */

@media (max-width: 800px) {
    .job-form {
        min-height: 275px;
    }
    .job-form input[type="submit"] {
        left: 0;
        transform: translateX(0);
        width: 95%;
    }
    select {
        width: 500px;
    }
}
@media (max-width: 768px) {
    .get-started .gform_wrapper .gform_page_footer input,
    .get-started .gform_wrapper .gform_footer input,
    .get-started .gform_confirmation_wrapper a {
        left: 0;
        width: 100%;
        padding: 0 25px;
    }
    #gform_wrapper_13 .g-start-disclaimer {
        position: relative;
        top: 100px;
    }
    .top-start .g-start-disclaimer {
        position: relative;
        top: 70px;
    }
    #gform_wrapper_16 .top-start .gform_wrapper .gform_page_footer input {
        top: 550px;
        width: 100%;
    }
    /** preliminary scholarship **/

    .gform_wrapper .gform_fields > li.app-100-prelim {
        padding: 20px 0 !important;
    }
    .gform_fields li.f-field input,
    .gform_wrapper .gform_fields > li.app-50-prelim input,
    .gform_wrapper .gform_fields > li.app-100-prelim input,
    .gform_wrapper .gform_fields > li .ginput_container input,
    .gform_wrapper .gform_fields > li .ginput_container select,
    .gform_wrapper .gform_fields > li.select-prelim select {
        padding: 10px 0 !important;
    }
    .prelim-form_wrapper .top_label li.gfield.gf_middle_third,
    .prelim-form_wrapper .top_label li.gfield.gf_right_third {
        margin-left: 0 !important;
    }
    .checkbox-dropdown {
        display: block;
    }
    .prelim-form_wrapper .top_label li.gfield.gf_left_half {
        width: 100%;
    }
    #gform_wrapper_14,
    .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;
    }
    /** end prelimilary scholarship **/

    .sticky-header {
        display: none !important;
    }
    .job-form {
        min-height: 275px;
    }
    .job-form input[type="submit"] {
        left: 0;
        transform: translateX(0);
        width: 95%;
    }
    select {
        width: 500px;
    }
    .page-intro-international h2 {
        color: #013245;
        font-size: 16px !important;
        margin-bottom: 30px;
        padding: 0;
    }
    .page-intro-international p {
        padding: 0;
    }
    .page-intro-international h3 {
        padding: 0;
    }
    .mar-b-70 {
        margin-bottom: 40px
    }
    .mar-r-b-70 {
        margin-bottom: 40px
    }
    .white-box,
    .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% !important;
    }
    .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 h3 {
        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 h5 {
        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 h3 {
        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
    }
    /*.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 {
        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;
    }
    .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: 0px 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;
    }
}
@media (max-width: 640px) {
    #gform_wrapper_16 .top-start .gform_wrapper .gform_page_footer input {
        top: 600px;
        width: 100%;
    }
    .program-banner {
        max-height: 650px;
        min-height: 650px!important
    }
    .sticky-header {
        display: none !important;
    }
    .job-form {
        min-height: 275px;
    }
    .job-form input[type="submit"] {
        left: 0;
        transform: translateX(0);
        width: 95%;
    }
    select {
        width: 500px;
    }
    .page-intro-international h2 {
        color: #013245;
        font-size: 16px !important;
        margin-bottom: 30px;
        padding: 0;
    }
    .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
    }
    .page-intro-international p {
        padding: 0;
    }
    .page-intro-international h3 {
        padding: 0;
    }
    /** START: Fixes for form button styles **/

    .top-start .apply-disclaimer,
    .pre-footer .apply-disclaimer {
        position: relative;
        top: 0;
    }
    .get-started .apply-disclaimer {
        position: relative;
        top: 0px;
        clear: both;
    }
}
@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 **/
    /** Fix to herographic height **/

    .herographic .item {
        min-height: 450px
    }
    /**preliminary scholarship **/
    /** end preliminary scholarship **/

    .sticky-header {
        display: none !important;
    }
    .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;
    }
    #gform_wrapper_16 .top-start .gform_wrapper .gform_page_footer input {
        top: 710px;
        width: 100%;
    }
    /** START: Fixes for form button styles **/

    .gform_footer {
        position: relative;
    }
    /** 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;
    }
}
@media (max-width: 320px) {
    .video-section a {
        margin-bottom: 25px;
    }
}