/* // Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
    .top-institutions-header {
        display:none;
    }
    #header {
        background:#fff;
    }
    .dark #header .header-inner .lines, 
    .dark #header .header-inner .lines::before, 
    .dark #header .header-inner .lines::after, 
    .dark #header #header-wrap .lines, 
    .dark #header #header-wrap .lines::before, 
    .dark #header #header-wrap .lines::after, 
    #header.dark .header-inner .lines, 
    #header.dark .header-inner .lines::before, 
    #header.dark .header-inner .lines::after, 
    #header.dark #header-wrap .lines, 
    #header.dark #header-wrap .lines::before, 
    #header.dark #header-wrap .lines::after {
        background-color: #000;
    }
    .header-extras #btn-search .icon-search {
        color:#000;
    }
    #topbar ~ #header[data-transparent="true"] + #slider, 
    #topbar ~ #header[data-transparent="true"] + .fullscreen, 
    #topbar ~ #header[data-transparent="true"] + .halfscreen, 
    #topbar ~ #header[data-transparent="true"] + #google-map {
        top: auto;
        margin-bottom: 0;
    }
    #slider a.btn {
        width: 100%;
        display: inline-block;
        white-space: normal;
        height: auto;
        line-height: 20px;
        margin-left: 0;
    }
    .heading-text.heading-plain h2, 
    .heading-text.heading-light h2, 
    .heading-text.heading-section h2 {
        font-size: 26px!important;
        line-height: 32px!important;
        margin-bottom: 16px!important;
    }
    h1, 
    .h1 {
        font-size: 28px;
        line-height: 32px;
    }
    .bigtext {
        font-size: 28px!important;
        font-weight: 700!important;
        line-height: 32px!important;
        margin-bottom: 20px!important;
    }
    .frame.frame-default.frame-type-list.frame-layout-0 {
        overflow: hidden;
    }
    .infoboxes .heading-text.heading-section h2 {
        font-size: 28px;
        margin-bottom: 20px;
        letter-spacing: -.7px;
        line-height: 36px;
        font-weight: 800;
    }
    .rcg-m-2 .parallax-hero.text-center.text-light p.lead {
        font-size: 18px;
        font-weight: 300;
        text-align: left;
        max-width: 100%;
        line-height: 26px;
        margin-bottom: 10px;
    }
    .parallax-hero button.btn, 
    .parallax-hero .btn:not(.close):not(.mfp-close), 
    .parallax-hero a.btn:not([href]):not([tabindex]), 
    .infoboxes button.btn, 
    .infoboxes .btn:not(.close):not(.mfp-close), 
    .infoboxes a.btn:not([href]):not([tabindex]) {
        padding: 10px 20px !important;
        font-weight: 300 !important;
        border-radius: 35px !important;
        line-height: 18px !important;
        height: auto !important;
        text-align: center;
    }
    .infoboxes .inforow .textholder {
        margin-top: 20px;
    }
    body .body-inner {
        overflow:hidden;
    }
    .parallax-container {
        background-position: center!important;
        background-size: cover !important;
    }
    .container-fluid .container {
        width:100%!important;
        padding:0!important;
    }
    #footer  .text-right .float-right {
        float: none !important;
    }
}

/* // Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {
    .top-institutions-header {
        display:none;
    }
    #header {
        background:#fff;
    }
    .dark #header .header-inner .lines, 
    .dark #header .header-inner .lines::before, 
    .dark #header .header-inner .lines::after, 
    .dark #header #header-wrap .lines, 
    .dark #header #header-wrap .lines::before, 
    .dark #header #header-wrap .lines::after, 
    #header.dark .header-inner .lines, 
    #header.dark .header-inner .lines::before, 
    #header.dark .header-inner .lines::after, 
    #header.dark #header-wrap .lines, 
    #header.dark #header-wrap .lines::before, 
    #header.dark #header-wrap .lines::after {
        background-color: #000;
    }
    .header-extras #btn-search .icon-search {
        color:#000;
    }
    #topbar ~ #header[data-transparent="true"] + #slider, 
    #topbar ~ #header[data-transparent="true"] + .fullscreen, 
    #topbar ~ #header[data-transparent="true"] + .halfscreen, 
    #topbar ~ #header[data-transparent="true"] + #google-map {
        top: auto;
        margin-bottom: 0;
    }
    #slider a.btn {
        width: 100%;
        display: inline-block;
        white-space: normal;
        height: auto;
        line-height: 20px;
        margin-left: 0;
    }
    .heading-text.heading-plain h2, 
    .heading-text.heading-light h2, 
    .heading-text.heading-section h2 {
        font-size: 26px!important;
        line-height: 32px!important;
        margin-bottom: 16px!important;
    }
    h1, 
    .h1 {
        font-size: 28px;
        line-height: 32px;
    }
    .bigtext {
        font-size: 28px!important;
        font-weight: 700!important;
        line-height: 32px!important;
        margin-bottom: 20px!important;
    }
    .frame.frame-default.frame-type-list.frame-layout-0 {
        overflow: hidden;
    }
    .infoboxes .heading-text.heading-section h2 {
        font-size: 28px;
        margin-bottom: 20px;
        letter-spacing: -.7px;
        line-height: 36px;
        font-weight: 800;
    }   
    .parallax-container {
        background-position: center!important;
        background-size: cover !important;
    }
    .container-fluid .container {
        width:100%!important;
        padding:0!important;
    }
    #footer  .text-right .float-right {
        float: none !important;
    }
}

/* // Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {}

@media (max-width: 991.98px) {
    #breadcrumb {
        display: none;
    }
    .container .container {
        padding:0;
    }
    #mainMenu nav > ul > li.dropdown::before {
        color: #3f3a64;
        font-size: 25px;
    }    
}
/* // Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {}

/* // Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {}