/*  12.0 ===== Medias/Responsive =====   */
    /*
 * Does the same thing as <meta name="viewport" content="width=device-width">,
 * but in the future W3C standard way. -ms- prefix is required for IE10+ to
 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
 * the meta tag. See https://core.trac.wordpress.org/ticket/25888.
 */
    
    @-ms-viewport {
        width: device-width;
    }
    
    @viewport {
        width: device-width;
    }
    /* All Tablet Portrait size smaller than standard 1399 (devices and browsers) */
    
    @media only screen and (max-width: 1399px) {
        .mission-tab-menu li.resp-tab-item.hor_1.resp-tab-active,
        .mission-tab-menu li.resp-tab-item.hor_1:hover,
        .mission-tab-menu li.resp-tab-item.hor_1 {
            padding: 27px 40px !important;
        }
        .mission-item-text p {
            margin-bottom: 20px;
        }
        .mission-item-text h3 {
            margin-bottom: 20px;
        }
        .news-section .container {
            width: 1200px;
            max-width: 100%;
        }
    }
    /* All Tablet Portrait size smaller than standard 1199 (devices and browsers) */
    
    @media only screen and (max-width: 1199px) {
        .news-announcements-posts-wrapper .post {
            width: 47%;
            width: calc(50% - 20px);
            width: -webkit-calc(50% - 20px);
        }
        .topbar-menu li {
            margin: 0 8px;
        }
        .main-navigation ul>li>a {
            font-size: 16px;
            padding: 27px 10px 26px;
        }
        .main-navigation ul>li.menu-contact-btn>a {
            margin: 20px 0 0 10px;
            padding: 5px 25px;
        }
        .site-branding::before {
            border-bottom: 152px solid rgba(0, 0, 0, 0);
        }
        .hero-banner .hero-banner-title {
            font-size: 55px;
            margin-bottom: 15px;
        }
        .hero-banner .read-more-btn {
            font-size: 20px;
            padding: 15px 23px 11px;
        }
        .logo-slider .owl-stage {
            margin: 0;
        }
        .entry-header.heading .entry-title {
            font-size: 35px;
        }
        .mission-text .entry-header.heading {
            margin-bottom: 10px;
        }
        .resp-tabs-list.hor_1.mission-tab-menu {
            width: 355px;
        }
        .mission-tab-menu li.resp-tab-item.hor_1,
        .mission-tab-menu li.resp-tab-item.hor_1.resp-tab-active,
        .mission-tab-menu li.resp-tab-item.hor_1:hover {
            padding: 20px 25px !important;
        }
        .mission-icon {
            width: 60px;
        }
        .mission-tab-menu li h3 {
            font-size: 24px;
            width: 79%;
            width: calc(100% - 60px);
            width: -webkit-calc(100% - 60px);
        }
        .mission-item-text p {
            font-size: 16px;
        }
        .mission-item-content.resp-tab-content.hor_1.resp-tab-content-active {
            padding: 15px 25px;
        }
        .mission-item-text h3 {
            font-size: 32px;
        }
        .news-section .post .entry-title,
        .featured-section .post .entry-title {
            font-size: 20px;
        }
        .resp-tabs-container.hor_1.mission-tab-content {
            width: 505px;
        }
        .promotional-bar-section {
            padding: 70px 0 80px;
        }
        .promotional-bar-section .entry-header.heading .entry-title {
            font-size: 45px;
        }
        .promotional-bar-section .read-more-btn {
            font-size: 24px;
            padding: 8px 50px 8px;
        }
        .error-404 .entry-content p {
            font-size: 28px;
        }
        .no-sidebar-template .staff-item-wrapper .col-sm-3 {
            width: 33.3333%;
        }
        .no-sidebar-template .staff-item-wrapper .col-sm-3:nth-child(4n+1) {
            clear: none;
        }
        .no-sidebar-template .staff-item-wrapper .col-sm-3:nth-child(3n+1) {
            clear: both;
        }
        .page-title-wrap {
            padding: 85px 0 67px;
        }
        .page-title-wrap .hero-banner-title {
            font-size: 50px;
            color: #fff;
        }
        .videoWrapper {
            height: 560px;
        }
        /*@media screen and (-webkit-min-device-pixel-ratio:0) {
    
.main-navigation ul>li>a {
padding: 29px 11px 24px;
}
.hero-banner .read-more-btn {
        padding: 12px 23px 14px;
    }
.promotional-bar-section .read-more-btn {
        padding: 10px 50px 6px;
    }
.star-ratings {
    width: 155px;
}*/
        @media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) {
            @media {
                .main-navigation ul>li>a {
                    padding: 29px 11px 24px;
                }
                .hero-banner .read-more-btn {
                    padding: 12px 23px 14px;
                }
                .promotional-bar-section .read-more-btn {
                    padding: 10px 50px 6px;
                }
                .star-ratings {
                    width: 155px;
                }
            }
        }
        @media not all and (min-resolution:.001dpcm) {
            @supports (-webkit-appearance: none) {
                .main-navigation ul>li>a {
                    padding: 29px 11px 24px;
                }
                .hero-banner .read-more-btn {
                    padding: 12px 23px 14px;
                }
                .promotional-bar-section .read-more-btn {
                    padding: 10px 50px 6px;
                }
                .star-ratings {
                    width: 155px;
                }
            }
        }
        .main-navigation ul li.menu-item-has-children>a::after {
            left: 8px;
        }
        .site-title a svg {
            margin-top: -2px;
        }
        .as-enrollment-faqs .vc_toggle_title>h4 {
            font-size: 18px;
        }
        .feature:nth-child(1) .side-image-of-feature::before {
            bottom: -182px;
            height: 227px;
        }
        .feature:nth-child(3) .side-image-of-feature::before {
            height: 260px;
            top: -192px;
        }
        .descriptions h3 {
            font-size: 35px;
        }
        .school-tab-wrapper .resp-tabs-list li h3 {
            font-size: 22px;
        }
        .school-item-text h3 {
            font-size: 35px;
        }
        /* newly added page responsive styling */
        .text-wrapper .heading-portion {
            font-size: 16px;
        }
        .lists-portion ul li {
            font-size: 15px;
        }
    }
    
    .information-section-content .entry-title {
        font-size: 46px;
    }
    
    .information-section-content .down-title .entry-title {
        font-size: 28px;
    }
    
    .information-section-content p {
        font-size: 21px;
    }
    
    .information-section .entry-content a {
        font-size: 26px;
    }

    .attached-banner-logo .hero-banner-title {
    padding: 160px 20px 106px 0px;
    width: calc(100% - 340px);
    }

    .attached-banner-logo .banner-logo {
        width: 340px;
    }
    
    
}
@media (min-width: 1024px) {
    #mm-header-menu {
        display: none !important;
    }
    
    .mm-page__blocker.mm-slideout {
        display: none;
    }
    
    .mm-wrapper_opening .mm-menu_offcanvas.mm-menu_opened~.mm-slideout {
        -webkit-transform: translate(0px, 0);
        -ms-transform: translate(0px, 0);
        transform: translate(0px, 0);
        -webkit-transform: translate3d(0px, 0, 0);
        transform: translate3d(0px, 0, 0);
    }
    
    .feature:nth-child(2n) .side-image-of-feature {
        background-size: 496px;
    }
    
    .school-item-content {
        padding-top: 25px;
    }
    
    .school-item-text {
        padding-right: 20px;
        padding-top: 5px;
    }
}

/* All Tablet Portrait size smaller than standard 1023 (devices and browsers) */
@media only screen and (max-width: 1023px) {
    .external-link-icon::before {
        font-size: 12px;
        right: 2px;
        height: 10px;
    }
    
    .school-item-content {
        padding-top: 25px;
    }
    
    .school-item-text {
        padding-right: 20px;
        padding-top: 5px;
    }
    
    #header-menu {
        display: none !important;
    }
    
    .mean-container .mean-bar {
        width: 50px;
    }
    
    .topbar .inline-social-icon {
        margin-right: 70px;
        width: 100%;
        margin-top: 0;
        text-align: center;
    }
    
    .mean-container .mean-nav {
        float: none;
        width: 99%;
        position: absolute;
        right: 0;
        top: 48px;
    }
    
    .mean-container a.meanmenu-reveal {
        padding: 18px 15px 11px;
    }
    
    .hero-banner .hero-banner-title {
        font-size: 40px;
    }
    
    .logo-item {
        padding: 0 20px;
    }
    
    .news-section {
        padding: 50px 0 30px;
    }
    
    .news-section .post {
        margin-bottom: 20px;
    }
    
    .mission-information {
        padding: 40px 0 40px;
    }
    
    .mission-text {
        padding-left: 0;
    }
    
    .mission-information p {
        font-size: 18px;
    }
    
    .entry-header.heading .entry-title {
        font-size: 28px;
    }
    
    .resp-tabs-list.hor_1.mission-tab-menu {
        width: 100%;
        float: none;
    }
    
    .resp-tabs-container.hor_1.mission-tab-content {
        width: 100%;
        clear: both;
        float: none;
    }
    
    .mission-item-content.resp-tab-content.hor_1.resp-tab-content-active {
        position: static;
        display: block !important;
        background: #202228;
        padding: 25px 25px 15px;
    }
    
    .mission-tab-menu li.resp-tab-item.hor_1 {
        display: inline-block;
        float: left;
        padding: 10px 15px !important;
        width: 33.333%;
    }
    
    .mission-tab-menu li.resp-tab-item.hor_1,
    .mission-tab-menu li.resp-tab-item.hor_1.resp-tab-active,
    .mission-tab-menu li.resp-tab-item.hor_1:hover {
        padding: 10px 15px !important;
    }
    
    .featured-section {
        padding: 40px 0 15px;
    }
    
    .featured-section .col-sm-4 {
        flex-basis: 0;
        -webkit-flex-basis: 0;
        flex-grow: 0;
        -webkit-flex-grow: 0;
        min-width: 44%;
        min-width: calc(50% - 42px);
        min-width: -webkit-calc(50% - 42px);
    }
    
    .featured-section .col-sm-4:nth-child(3n+1) {
        clear: none
    }
    
    .featured-section .col-sm-4:nth-child(2n+1) {
        clear: both
    }
    
    .mission-icon {
        width: 50px;
    }
    
    .mission-tab-menu li h3 {
        font-size: 20px;
        width: 76%;
        width: calc(100% - 50px);
        width: -webkit-calc(100% - 50px);
    }
    
    .mission-item-text h3 {
        font-size: 28px;
    }
    
    .promotional-bar-section {
        padding: 50px 0 50px;
    }
    
    .promotional-bar-section .entry-header.heading .entry-title {
        font-size: 30px;
    }
    
    .promotional-bar-section .read-more-btn {
        font-size: 20px;
        padding: 6px 40px 6px;
    }
    
    .site-footer .copy-right,
    .site-footer .bottom-footer-menu li a {
        font-size: 14px;
    }
    
    .bottom-footer-menu li {
        margin: 0;
    }
    
    .site-generator {
        padding: 20px 0 16px;
    }
    
    .footer-widget-area h2,
    .site-footer span.footer-title {
        font-size: 24px;
    }
    
    .footer-widget-area {
        padding: 60px 0 35px;
    }
    
    .topbar.mean-container {
        display: block;
        padding: 4px 0px 60px 44px;
    }
    
    #hamburger {
        position: absolute;
        right: 15px;
        z-index: 999;
        top: 76px;
    }
    
    .site-branding {
        padding: 13px 10px 10px;
        width: 240px;
    }
    
    .site-branding::before {
        border-bottom: 135px solid rgba(0, 0, 0, 0);
        border-left: 46px solid #fff;
        right: -45px;
    }
    
    .hamburger-inner,
    .hamburger-inner::after,
    .hamburger-inner::before {
        background-color: #fff;
    }
    
    #hamburger {
        display: block;
    }
    
    .widget ul li a {
        font-size: 16px;
    }
    
    .widget {
        padding: 0 20px 15px;
    }
    
    .widget-title {
        margin: 0 -20px 15px;
        padding: 15px 20px;
    }
    
    h2 {
        font-size: 28px;
        margin-bottom: 15px;
    }
    
    .career-item-detail h3 {
        font-size: 22px;
        margin-bottom: 10px;
    }
    
    .career-item-detail {
        padding: 20px 15px 25px 20px;
    }
    
    .career-item-detail span {
        font-size: 16px;
    }
    
    .entry-header.heading p {
        font-size: 16px;
    }
    
    .testimonial-item {
        padding: 20px 20px;
    }
    
    .author-name {
        font-size: 14px;
    }
    
    .widget-slider .entry-title a,
    .widget-slider .entry-title {
        font-size: 18px;
    }
    
    .site-header {
        margin-bottom: 40px;
    }
    
    .home .site-header {
        margin-bottom: 0px;
    }
    
    .testimonial-section {
        padding: 23px 0 50px;
    }
    
    .error-404 .entry-content p {
        font-size: 22px;
    }
    
    .news-section .post .entry-title,
    .featured-section .post .entry-title {
        font-size: 18px;
    }
    
    .read-more-btn {
        padding: 8px 18px 10px;
    }
    
    .mission-information p {
        font-size: 17px;
        line-height: 1.6;
    }
    
    .mean-container .mean-nav ul li {
        margin: 0;
    }
    
    .hgroup-wrap {
        position: static;
    }
    
    .site-header {
        padding-top: 51px;
    }
    
    .topbar-icon-menu {
        margin-right: 70px;
        width: 100%;
        margin-top: 0;
        text-align: center;
    }
    
    .hgroup-wrap {
        position: absolute;
    }
    
    .topbar-icon-menu ul {
        max-width: 420px;
        margin: 0 auto;
    }
    
    .hgroup-wrap::before {
        height: 50%;
    }
    
    .sticky-header .topbar-icon-menu {
        width: 100%;
        padding-right: 70px;
    }
    
    .sticky-header #hamburger {
        position: fixed;
        z-index: 99999;
        top: 60px;
    }
    
    #masthead {
        position: relative;
    }
    
    .mean-container .mean-nav {
        z-index: 999;
    }
    
    .mean-container .mean-nav ul li a:hover {
        background: #E87D5B;
    }
    
    .site-branding {
        top: 0;
    }
    
    .mm-listitem::after {
        left: 0px;
    }
    
    .mm-navbar__title {
        text-transform: uppercase;
        color: #fff !important;
        font-size: 18px;
    }
    
    .staff-item-wrapper div[class*="col-sm"] {
        width: 50%;
    }
    
    .staff-item-wrapper div[class*="col-sm"]:nth-child(2n+1) {
        clear: both
    }
    
    .staff-item-wrapper div[class*="col-sm"]:nth-child(4n+1),
    .staff-item-wrapper .col-sm-3:nth-child(4n+1) {
        clear: none
    }
    
    .staff-item-wrapper .col-sm-3:nth-child(3n+1) {
        clear: none;
    }
    
    .no-sidebar-template .staff-item-wrapper .col-sm-3 {
        width: 50%;
    }
    
    .no-sidebar-template .staff-item-wrapper .col-sm-3:nth-child(2n+1) {
        clear: both;
    }
    
    .no-sidebar-template .staff-item-wrapper .col-sm-3:nth-child(3n+1) {
        clear: none;
    }
    
    .page-title-wrap {
        padding: 70px 0 52px;
    }
    
    .page-title-wrap .hero-banner-title {
        font-size: 40px;
    }
    
    .videoWrapper {
        height: 430px;
    }
    /*@media screen and (-webkit-min-device-pixel-ratio:0) {
    .read-more-btn {
        padding: 10px 18px 8px;
    }
    .promotional-bar-section .read-more-btn {
        padding: 8px 40px 4px;
    }
}*/
    
    @media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) {
        @media {
            .read-more-btn {
                padding: 10px 18px 8px;
            }
            .promotional-bar-section .read-more-btn {
                padding: 8px 40px 4px;
            }
        }
    }
    
    @media not all and (min-resolution:.001dpcm) {
        @supports (-webkit-appearance: none) {
            .read-more-btn {
                padding: 10px 18px 8px;
            }
            .promotional-bar-section .read-more-btn {
                padding: 8px 40px 4px;
            }
        }
    }
    
    .mm-wrapper_opened .mb-menu-logo {
        display: block;
        position: absolute;
        left: -290px;
        top: 10px;
        z-index: 999;
        max-width: 100px;
    }
    
    .mm-listitem>a,
    .mm-listitem>span {
        color: #fff !important;
    }
    
    html.mm-wrapper_opened {
        margin-top: 0 !important;
        transition: all 0.5s ease 0s
    }
    
    html {
        transition: all 0.5s ease 0s
    }
    
    .mm-menu_theme-dark .mm-counter {
        color: #fff;
    }
    
    .mm-menu_theme-dark .mm-listview .mm-btn_next::after {
        border-color: #fff;
    }
    
    .site-title a svg {
        margin-top: 2px;
    }
    
    .as-faq-application-process ul li {
        font-size: 18px;
        margin-bottom: 20px;
    }
    
    .as-enrollment-faqs>div {
        padding-top: 10px !important;
    }
    
    .as-enrollment-faqs .vc_toggle_title {
        padding-top: 19px;
        padding-left: 20px !important;
        padding-right: 10px;
    }
    
    .as-enrollment-faqs .vc_toggle_content {
        padding-left: 20px !important;
        padding-right: 10px;
    }
    
    .as-button {
        width: 50% !important;
        margin-bottom: 2px;
    }
    
    .as-button:last-child>div {
        margin-left: 0 !important;
    }
    
    .mean-container a.meanmenu-reveal:before {
        content: "\f0c9";
        color: #fff;
        font-family: "FontAwesome";
        font-size: 22px;
        position: absolute;
        font-weight: 400
    }
    
    .mean-container a.meanmenu-reveal.meanclose:before {
        display: none;
    }
    
    .mean-container a.meanmenu-reveal span {
        background: none;
    }
    
    .page-template-template-home .mission-information {
        padding: 60px 20px;
    }
    
    .feature:nth-child(1) .side-image-of-feature::before {
        bottom: -180px;
    }
    
    .feature:nth-child(3) .side-image-of-feature::before {
        top: -179px;
    }
    
    .feature {
        padding: 66px 16px;
    }
    /* newly added page responsive styling */
    
    .text-wrapper .heading-portion {
        font-size: 15px;
    }
    
    .lists-portion ul li {
        font-size: 14px;
        text-align: left;
    }
    
    .lists-portion ul li::before {
        top: 3px;
    }
    
    .information-section-content .entry-title {
        font-size: 44px;
    }
    
    .information-section-content .down-title .entry-title {
        font-size: 26px;
    }
    
    .information-section-content p {
        font-size: 19px;
    }
    
    .information-section .entry-content a {
        font-size: 24px;
    }
    
   .attached-banner-logo .hero-banner-title {
    padding: 160px 20px 106px 0px;
    width: calc(100% - 320px);
    }

    .attached-banner-logo .banner-logo {
        width: 320px;
    }


.graduation-rate-section {
    padding-top: 70px;
}
.test-rank-item .entry-title {
    font-size: 24px;
}


}
@media only screen and (max-width: 991px) {
    .graduation-graph-item-wrap,
.college-credits-graph-item-wrap {
    width: 992px;
}
.graduation-graph-wrapper,
.college-credits-graph-wrapper {
    overflow-x: auto;
}
.college-credits-graph-title-info p {
    font-size: 18px;
}
.diploma-strength-wrapper .table > tbody > tr > td {
    font-size: 16px;
}
.diploma-strength-wrapper .table tbody tr:first-child td:first-child {
    background-size: 40px;
}
    .career-calender {
        overflow-x: auto;
    }
    
    .career-calender iframe {
        min-width: 990px !important;
    }
    
    .feature:nth-child(2n) .descriptions {
        padding-left: 0;
        order: 2;
        padding-right: 0;
        text-align: center;
    }
    
    .descriptions h3 {
        margin-bottom: 10px;
    }
    
    .feature:nth-child(3) .side-image-of-feature::before {
        display: none;
    }
    
    .feature:nth-child(1) .side-image-of-feature::before {
        display: none;
    }
    
    .top-right-img,
    .bottom-left-img {
        max-width: 110px;
    }
    
    .feature {
        flex-wrap: wrap;
    }
    
    .side-image-of-feature,
    .descriptions {
        width: 100%;
    }
    
    .descriptions {
        padding-left: 0;
        padding-top: 8px;
        text-align: center;
    }
    
    .circle-bg {
        margin: 0 auto;
    }
    
    .feature {
        padding: 15px 0;
    }
    
    .school-item-text {
        padding-right: 18px;
        padding-top: 5px;
    }
    
    .school-tab-wrapper {
        padding-bottom: 10px;
    }
    
    .school-item-text p {
        padding-bottom: 29px;
    }
    
    .no-events-slider .post {
        width: 46.7%;
        width: calc(50% - 30px);
        width: -webkit-calc(50% - 30px);
        margin-bottom: 30px !important;
    }
    
    .career .career-info {
        display: block;
        align-items: center;
    }
    
    .career .image-wrapper {
        width: 100%;
        margin: 0 auto;
    }
    
    .career .text-wrapper {
        width: 100%;
        padding: 30px 0px 0px 0px;
    }
    
    .information-section-content .entry-title {
        font-size: 42px;
    }
    
    .information-section-content .down-title .entry-title {
        font-size: 24px;
    }
    
    .information-section-content p {
        font-size: 19px;
    }
    
    .information-section .entry-content a {
        font-size: 22px;
    }
    
    .courses-offering-item {
        display: block;
    }
    
    .courses-offering-item:nth-child(2n+2) .courses-offering-item-image-wrapper::before {
        display: none;
    }
    
    .courses-offering-item:nth-child(2n+1) .courses-offering-item-image-wrapper::before {
        display: none;
    }
    
    .courses-offering-item:nth-child(2n+1) .courses-offering-item-text-wrapper {
        width: 100%;
        padding-left: 0px;
        margin: 0 auto;
    }
    
    .courses-offering-item:nth-child(2n+2) .courses-offering-item-text-wrapper {
        width: 100%;
        padding-left: 0px;
        padding-right: 0px;
        margin: 0 auto;
    }
    
    .courses-offering-item .featured-image {
        margin: 0 auto;
        width: 350px;
        height: 350px;
    }
    
    .courses-offering-item-text-wrapper {
        text-align: center;
    }
    
    .courses-offering .button {
        float: left;
    }
     .attached-banner-logo .hero-banner-title {
    padding: 151px 20px 73px 0px;
    width: calc(100% - 300px);
    }

    .attached-banner-logo .banner-logo {
        padding-top: 55px;
        width: 300px;
    }
    

   
}

/* All Mobile Portrait size smaller than 768 (devices and browsers) */
@media only screen and (max-width: 767px) {
    .diploma-strength-table-wrapper ,
    .diploma-strenght-table-wrapper{
    width: 640px;
}
.diploma-strength-wrapper,
.diploma-strength-wrapper {
    overflow-x: auto;
}
.test-rank-item {
    width: 50%;
    padding: 0 10px;
}
.test-rank-item .entry-title {
    font-size: 22px;
}
.test-rank-item-wrapper {
    padding: 30px 10px 0;
}
.test-rank-item .entry-content p {
    font-size: 16px;
}
    .news-section .entry-header.heading {
        padding: 0 25px;
    }
    
    .news-section .entry-header.heading .entry-title {
        padding: 15px 65px;
    }
    
    .custom-col-1,
    .custom-col-2,
    .custom-col-3,
    .custom-col-4,
    .custom-col-5,
    .custom-col-6,
    .custom-col-7,
    .custom-col-8,
    .custom-col-9,
    .custom-col-10,
    .custom-col-11,
    .custom-col-12 {
        float: none;
        width: 100%;
    }
    
    .hero-banner .hero-banner-title {
        font-size: 30px;
    }
    
    .hero-banner .read-more-btn {
        font-size: 18px;
        padding: 9px 20px 6px;
    }
    
    .logo-slider,
    .no-logo-slider {
        padding: 30px 0;
    }
    
    .news-section {
        padding: 35px 0 25px;
    }
    
    .mission-info-image.featured-image {
        width: 60%;
        float: none;
        padding-right: 0;
        margin: 0 auto 15px;
    }
    
    .mission-information {
        display: block
    }
    
    .mission-text {
        width: 100%;
        float: none;
        text-align: center;
    }
    
    .mission-text .entry-header.heading {
        text-align: center;
    }
    
    .resp-accordion.hor_1 h3 {
        width: 71%;
        display: inline-block;
        color: #fff;
    }
    
    .mission-icon {
        width: 25%;
        text-align: left;
    }
    
    .mission-icon img {
        max-width: 40px;
    }
    
    h2.resp-accordion {
        display: block;
        background: #E67853 !important;
    }
    
    h2.resp-tab-active span.resp-arrow {
        border-bottom: 12px solid #fff;
    }
    
    .resp-arrow {
        border-top: 12px solid #fff;
    }
    
    .resp-accordion.hor_1.resp-tab-active {
        background: #0678BE !important;
        border-top: none !important;
    }
    
    .mission-item-text h3 {
        font-size: 24px;
        margin-bottom: 10px;
    }
    
    .featured-section .col-sm-4 {
        float: left;
    }
    
    .featured-section {
        padding: 30px 0 5px;
    }
    
    .promotional-bar-section {
        padding: 40px 0 40px;
    }
    
    .promotional-bar-section .entry-header.heading .entry-title {
        font-size: 24px;
    }
    
    .entry-header.heading {
        margin-bottom: 20px;
    }
    
    .promotional-bar-section .read-more-btn {
        font-size: 18px;
        padding: 6px 30px 6px;
    }
    
    .accredited-section {
        max-width: 100%;
        margin: 0;
        text-align: left;
    }
    
    .inline-social-icon {
        text-align: left;
    }
    
    .footer-widget-area div[class*="col-sm"] {
        margin-bottom: 40px;
    }
    
    .footer-widget-area div[class*="col-sm"]:last-child {
        margin-bottom: 0px;
    }
    
    .footer-widget-area h2,
    .site-footer span.footer-title {
        margin-bottom: 15px;
    }
    
    .footer-widget-area {
        padding: 40px 0 20px;
    }
    
    .site-footer .copy-right,
    .site-footer .bottom-footer-menu {
        width: 100%;
        float: none;
        text-align: center;
        display: block
    }
    
    .site-footer .bottom-footer-menu {
        margin-top: 10px;
    }
    
    .resp-accordion.hor_1 h3 {
        font-size: 22px;
    }
    
    .mission-item-content.resp-tab-content.hor_1.resp-tab-content-active {
        padding: 25px 15px 15px;
    }
    
    .testimonial-section {
        padding: 10px 0 30px;
    }
    
    .site-header {
        margin-bottom: 30px;
    }
    
    .home .site-header {
        margin-bottom: 0px;
    }
    
    .no-logo-slider .logo-item {
        width: 33.33%;
        margin-bottom: 20px;
    }
    
    .no-logo-slider {
        padding: 30px 0 10px;
    }
    
    .no-events-slider .post {
        width: 49.5%;
        width: calc(50% - 2px);
        width: -webkit-calc(50% - 2px);
    }
    
    .mission-information {
        padding: 30px 0 20px;
    }
    
    .resp-arrow {
        margin-top: 18px;
    }
    
    .resp-accordion.hor_1 h3 {
        font-size: 22px;
        margin-bottom: 10px;
        margin-top: 10px;
    }
    
    .site-content {
        margin-bottom: 40px;
    }
    
    .home .site-content {
        margin-bottom: 0px;
    }
    
    .staff-item-wrapper div[class*="col-sm"] {
        width: 50%;
        float: left;
    }
    
    .staff-item-wrapper div[class*="col-sm"]:nth-child(2n+1) {
        clear: both
    }
    
    .staff-item .entry-title {
        font-size: 20px;
    }
    
    html #wpadminbar {
        top: -46px;
    }
    
    .page-title-wrap {
        padding: 50px 0 36px;
    }
    
    .page-title-wrap .hero-banner-title {
        font-size: 32px;
    }
    
    .videoWrapper {
        height: 320px;
    }
    
    .no-events-slider .post {
        width: 46.7%;
        width: calc(50% - 30px);
        width: -webkit-calc(50% - 30px);
    }
    /*@media screen and (-webkit-min-device-pixel-ratio:0) {
    
    .hero-banner .read-more-btn {
        padding: 9px 20px 6px;
    }
    .promotional-bar-section .read-more-btn {
        padding: 8px 30px 4px;
    }

}*/
    /*newly added section styling*/
    
    .information-section-content .entry-title {
        font-size: 40px;
    }
    
    .information-section-content .down-title .entry-title {
        font-size: 22px;
    }
    
    .information-section-content p {
        font-size: 18px;
    }
    
    .information-section .entry-content a {
        font-size: 20px;
    }
    
    .courses-offering .entry-title {
        font-size: 45px;
    }
    
    .courses-offering .header h3 {
        font-size: 28px;
    }
    
    .courses-offering-item-text-wrapper .title {
        font-size: 24px;
    }
    
    .from-section .wpcf7-input-wrap p {
        width: 100%;
    }
    
    .from-section .wpcf7 .wpcf7-submit {
        font-size: 18px;
    }

     .attached-banner-logo .hero-banner-title {
    
    width: calc(100% - 250px);
    }

    .attached-banner-logo .banner-logo {
        width: 250px;
    }
    
    @media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) {
        @media {
            .hero-banner .read-more-btn {
                padding: 9px 20px 6px;
            }
            .promotional-bar-section .read-more-btn {
                padding: 8px 30px 4px;
            }
        }
    }
    
    @media not all and (min-resolution:.001dpcm) {
        @supports (-webkit-appearance: none) {
            .hero-banner .read-more-btn {
                padding: 9px 20px 6px;
            }
            .promotional-bar-section .read-more-btn {
                padding: 8px 30px 4px;
            }
        }
    }
    
    .content-area {
        padding-bottom: 10px;
    }
    
    .as-button {
        width: 50% !important;
        margin-bottom: 2px;
        float: left;
    }
    
    .topbar-icon-menu {
        margin-right: 40px;
    }
    
    .topbar-icon-menu li a {
        font-size: 11px;
    }
    
    .site-branding::before {
        border-bottom: 120px solid rgba(0, 0, 0, 0);
    }
    
    #hamburger {
        top: 66px;
    }
    
    .side-image-of-feature,
    .descriptions {
        width: 100%;
        text-align: center;
        padding-left: 0;
        padding-right: 0;
    }
    
    .circle-bg {
        margin: 0 auto;
    }
    
    .feature:nth-child(2n) .side-image-of-feature {
        background-size: 447px;
    }
    
    .side-image-of-feature figure {
        height: 450px;
        width: 450px;
        border-radius: 450px;
    }
    
    .feature:nth-child(2n) .descriptions {
        padding-left: 0;
        padding-right: 0;
    }
    
    .school-side-image,
    .school-item-text {
        width: 100%;
    }
    
    .feature {
        padding: 30px 10px;
    }
    
    .page-template-template-home .mission-info-image.featured-image {
        width: 100%;
    }
    
    .school-item-text figure {
        display: none;
    }
    
    .school-item-content {
        padding-top: 20px;
    }
    
    .school-item-text {
        padding-right: 0;
        padding-top: 0;
        text-align: center;
    }
    
    .school-item-text h3 {
        padding-top: 9px;
        padding-bottom: 9px;
    }
    
    .school-item-text p {
        padding-bottom: 9px;
    }
    
    .feature:nth-child(2n) .side-image-of-feature figure {
        left: 0;
    }
    
    @media only screen and (max-width: 567px) {
        .news-announcements-posts-wrapper .post {
            width: 100%;
            margin: 0 0 30px;
        }
        .news-announcements-posts-wrapper {
            margin: 0;
        }
        .featured-section .col-sm-4 {
            width: 100%;
            float: none;
        }
        .topbar .inline-social-icon {
            margin-right: 40px;
        }
        .post iframe {
            margin-bottom: 15px;
        }
        h2 {
            font-size: 24px;
            margin-bottom: 10px;
        }
        .post p,
        body {
            font-size: 15px;
        }
        .post-content .posted-date {
            top: -38px;
        }
        .error-404 .entry-content p {
            font-size: 18px;
        }
        .staff-item-wrapper div[class*="col-sm"] {
            width: 100%;
        }
        .no-sidebar-template .staff-item-wrapper .col-sm-3 {
            width: 100%;
        }
        .individual-staf-info .featured-image {
            width: 80%;
            float: none;
            padding-right: 0;
            margin: 0 auto 25px;
        }
        .individual-staf-info .content-wrap {
            width: 100%;
            float: none;
            padding-left: 0;
            text-align: center;
        }
        .individual-staf-info {
            padding-top: 10px;
        }
        .mm-wrapper_opened .mb-menu-logo {
            left: -55%;
        }
        .as-button {
            width: 100% !important;
            float: none;
            margin: 0 0 6px;
        }
        .featured-section .col-sm-4 {
            margin-left: 0;
            margin-right: 0;
            min-width: 100%;
        }
        .featured-section .row {
            margin-right: 0;
            margin-left: 0px;
            display: block;
        }
        .topbar-icon-menu li a {
            font-size: 0;
        }
        .site-branding::before {
            border-bottom: 113px solid rgba(0, 0, 0, 0);
        }
        .feature:nth-child(2n) .side-image-of-feature {
            background-size: 376px;
        }
        .side-image-of-feature figure {
            height: 375px;
            width: 375px;
            border-radius: 375px;
        }
        .feature {
            padding: 14px 10px;
        }
        .our-feature-item-wrap {
            padding: 5px 0;
        }
        .school-variety-sections .header {
            padding-top: 15px;
            padding-bottom: 15px;
        }
        .resp-accordion.hor_1 h3 {
            font-size: 20px;
        }
        .school-item-text h3 {
            font-size: 25px;
        }
        .descriptions h3 {
            font-size: 25px;
            padding: 21px 0;
            margin-bottom: 5px;
        }
        /* newly added page responsive styling */
        .information-section-content .entry-title {
            font-size: 30px;
        }
        .information-section-content .down-title .entry-title {
            font-size: 20px;
        }
        .information-section-content p {
            font-size: 16px;
        }
        .information-section .entry-content a {
            font-size: 18px;
        }
        .courses-offering .entry-title {
            font-size: 40px;
        }
        .courses-offering .header h3 {
            font-size: 26px;
        }
        .courses-offering-item-text-wrapper .title {
            font-size: 22px;
        }

         .attached-banner-logo .hero-banner-title {
            width: calc(100% - 220px);
            }

            .attached-banner-logo .banner-logo {
                padding-top: 70px;
                width: 220px;
            }
.test-rank-item {
    width: 100%;
    padding: 0;
}
.test-rank-item-wrapper {
    padding: 30px 15px 0;
}
.test-rank-position .counter-value {
    font-size: 85px;
}
.test-rank-position {
    font-size: 42px;
}
.college-credits-graph-wrapper {
    margin-bottom: 10px;
}
.college-credits-section, .diploma-strength-section, .graduation-rate-section {
    padding-bottom: 40px;
}


       
    }

    /* All Mobile size smaller than standard 479 (devices and browsers) */
    
    @media only screen and (max-width: 479px) {
        .test-rank-position .counter-value {
    font-size: 65px;
}
.test-rank-position {
    font-size: 30px;
}
.test-rank-item .entry-title {
    font-size: 20px;
}
.test-rank-image-wrap .featured-image {
    margin-left: 0;
    margin-right: 0;
}
.graduation-graph-title {
    font-size: 20px;
}
.graduation-graph-item ul li {
    font-size: 15px;
}
.diploma-strength-wrapper .table > thead > tr > th {
    font-size: 20px;
}
.diploma-strength-wrapper .table > tbody > tr > td {
    font-size: 15px;
}
        .news-section .entry-header.heading {
            padding: 0 15px;
        }
        .site-branding {
            width: 110px;
            padding-top: 34px;
        }
        .site-branding img {
            max-width: 100px;
        }
        .hgroup-right {
            width: 54%;
            width: calc(100% - 125px);
            width: -webkit-calc(100% - 125px);
        }
        .topbar .inline-social-icon li a::before {
            font-size: 14px;
        }
        .site-branding::before {
            border-bottom: 101px solid rgba(0, 0, 0, 0);
        }
        .hero-banner .hero-banner-title {
            font-size: 22px;
            margin-bottom: 1px;
        }
        .hero-banner-btn-wrapper {
            margin-bottom: -47px;
        }
        .hero-banner .read-more-btn {
            font-size: 16px;
            padding: 7px 20px 4px;
        }
        .logo-slider,
        .no-logo-slider {
            padding: 20px 0;
        }
        .news-section {
            padding: 25px 0 15px;
        }
        .news-section-decoration {
            width: 30%;
        }
        .entry-header.heading .entry-title {
            font-size: 22px;
        }
        .entry-header.heading p {
            font-size: 15px;
        }
        .news-section .post .entry-title,
        .featured-section .post .entry-title {
            font-size: 17px;
        }
        .read-more-btn {
            font-size: 15px;
        }
        .news-section .post {
            margin-bottom: 5px;
        }
        .mission-info-image.featured-image {
            width: 70%;
        }
        .mission-information p {
            font-size: 16px;
        }
        .resp-accordion.hor_1 h3 {
            font-size: 20px;
        }
        .mission-item-text h3 {
            font-size: 20px;
        }
        .mission-item-text p {
            font-size: 15px;
        }
        .featured-section {
            padding: 25px 0 5px;
        }
        .featured-section .post {
            margin-bottom: 30px;
        }
        .promotional-bar-section .entry-header.heading .entry-title {
            font-size: 20px;
        }
        .promotional-bar-section .read-more-btn {
            font-size: 16px;
            padding: 6px 27px 6px;
            margin: 0 1px;
        }
        .promotional-bar-section {
            padding: 30px 0 30px;
        }
        h2 {
            font-size: 21px;
        }
        .career-item-detail h3 {
            font-size: 18px;
        }
        .featured-image {
            margin-bottom: 15px;
        }
        .testimonial-content p,
        .widget ul li a {
            font-size: 15px;
        }
        .widget-slider .entry-title a,
        .widget-slider .entry-title {
            font-size: 16px;
        }
        .testimonial-item {
            margin: 10px 10px 10px;
        }
        .error-404 .entry-content p {
            font-size: 16px;
        }
        .error-404 .search-form input.search-submit {
            width: 85px !important;
            font-size: 15px;
        }
        .error-404 .search-form label input {
            padding-right: 90px;
        }
        .no-logo-slider .logo-item {
            width: 50%;
        }
        .no-events-slider .post {
            width: 100%;
            margin: 0 0 20px;
        }
        .mission-icon {
            width: 22%;
        }
        .footer-contact-info li {
            margin-bottom: 19px;
        }
        .hamburger-inner::before {
            top: -8px;
        }
        .hamburger--collapse .hamburger-inner::after {
            top: -16px;
        }
        .hamburger--collapse .hamburger-inner {
            top: 19px;
        }
        .footer-widget-area h2,
        .site-footer span.footer-title {
            font-size: 20px;
        }
        .site-content {
            margin-bottom: 30px;
        }
        .home .site-content {
            margin-bottom: 0px;
        }
        .mean-container .mean-nav {
            top: 45px;
        }
        .individual-staf-info .featured-image {
            margin: 0 auto 15px;
        }
        .individual-staf-info .subheading {
            font-size: 20px;
        }
        .individual-staf-info .staff-email a {
            font-size: 16px;
        }
        .individual-staf-info .staff-email:before {
            font-size: 14px;
        }
        .page-title-wrap {
            padding: 35px 0 25px;
        }
        .page-title-wrap .hero-banner-title {
            font-size: 24px;
        }
        .videoWrapper {
            height: 180px;
        }
        .no-events-slider .post {
            width: 100%;
            margin: 0;
        }
        .no-events-slider {
            margin: 0;
        }
        /*@media screen and (-webkit-min-device-pixel-ratio:0) {
    
    .hero-banner .read-more-btn {
            padding: 7px 20px 4px;
        }
    .promotional-bar-section .read-more-btn {
            padding: 8px 27px 4px;
        }
    .read-more-btn {
        padding: 8px 18px 5px;
    }

}*/
        @media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) {
            @media {
                .hero-banner .read-more-btn {
                    padding: 7px 20px 4px;
                }
                .promotional-bar-section .read-more-btn {
                    padding: 8px 27px 4px;
                }
                .read-more-btn {
                    padding: 8px 18px 5px;
                }
            }
        }
        @media not all and (min-resolution:.001dpcm) {
            @supports (-webkit-appearance: none) {
                .hero-banner .read-more-btn {
                    padding: 7px 20px 4px;
                }
                .promotional-bar-section .read-more-btn {
                    padding: 8px 27px 4px;
                }
                .read-more-btn {
                    padding: 8px 18px 5px;
                }
            }
        }
        .as-faq-application-process ul li::before {
            left: -25px;
            background-size: 16px;
        }
        .as-faq-application-process ul li {
            font-size: 16px;
            margin-bottom: 15px;
        }
        .as-enrollment-faqs>div {
            padding-top: 0px !important;
        }
        .as-enrollment-faqs .vc_toggle_icon {
            width: 50px !important;
            margin-left: -51px;
        }
        .as-enrollment-faqs .vc_toggle {
            margin-left: 50px !important;
        }
        .as-enrollment-faqs .vc_toggle_title {
            padding-left: 7px !important;
            padding-right: 5px;
        }
        .as-enrollment-faqs .vc_toggle_content p {
            font-size: 15px;
        }
        .as-enrollment-faqs .vc_toggle_content {
            margin-top: 0;
            margin-bottom: 0
        }
        .as-enrollment-faqs .vc_toggle_title>h4 {
            font-size: 14px;
        }
        .as-faq-application-process ul {
            padding-left: 25px;
        }
        .topbar-icon-menu {
            margin-right: 42px;
        }
        #hamburger {
            top: 60px;
        }
        .sticky-header .topbar-icon-menu {
            padding-right: 45px;
        }
        .sticky-header .topbar.mean-container {
            padding-left: 14px;
        }
        .sticky-header .topbar-icon-menu li a {
            font-size: 15px;
        }
        .topbar-icon-menu li {
            padding: 0 2px;
        }
        .side-image-of-feature figure {
            height: 250px;
            width: 250px;
            border-radius: 250px;
        }
        .feature:nth-child(2n) .side-image-of-feature {
            background-size: 240px;
        }
        .side-image-of-feature {
            padding-left: 20px;
        }
        .school-item-text h3,
        .descriptions h3 {
            font-size: 25px;
        }
        .descriptions h3 {
            padding: 20px 0;
            margin: 10px 0;
        }
        .side-image-of-feature {
            padding-left: 0;
        }
        /* newly added page responsive styling */
        .information-section-content .entry-title {
            font-size: 27px;
        }
        .information-section-content .down-title .entry-title {
            font-size: 18px;
        }
        .information-section-content p {
            font-size: 14px;
        }
        .information-section .entry-content a {
            font-size: 16px;
        }
        .courses-offering .entry-title {
            font-size: 30px;
        }
        .courses-offering .header h3 {
            font-size: 24px;
        }
        .courses-offering-item-text-wrapper .title {
            font-size: 20px;
        }
        .courses-offering-item-text-wrapper p {
            font-size: 18px;
        }
        .courses-offering-item .featured-image {
            width: 270px;
            height: 270px;
        }
        .courses-offering .button {
            font-size: 15px;
        }
        .from-section .wpcf7 .wpcf7-submit {
            padding: 12px 90px 12px 50px;
            background-position: 150px center;
        }

        .attached-banner-logo .hero-banner-title {
            padding: 139px 20px 73px 0px;
            width: calc(100% - 180px);
            }

            .attached-banner-logo .banner-logo {
                padding-top: 70px;
                width: 180px;
            }
       
    }