/* // 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;
        line-height: 32px;
        margin-bottom: 16px;
    }
    h1, 
    .h1 {
        font-size: 28px;
        line-height: 32px;
    }
    .bigtext {
        font-size: 28px;
        font-weight: 700;
        line-height: 32px;
        margin-bottom: 20px;
    }
    .frame.frame-default.frame-type-list.frame-layout-0 {
        overflow: hidden;
    }
    .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;
        line-height: 18px !important;
        height: auto !important;
        text-align: center;
    }
    .infoboxes .inforow .textholder {
        margin-top: 20px;
    }
    body .body-inner {
        overflow:hidden;
    }
    button.btn:not(.btn-creative):not(.btn-slide), 
    .btn:not(.close):not(.mfp-close):not(.btn-creative):not(.btn-slide), 
    a.btn:not([href]):not([tabindex]):not(.btn-creative):not(.btn-slide) {
        height: auto;
        line-height: 10px!important;
    }
    .heading-text {
        margin-bottom: 20px!important;
    }
    .infoboxes .textholder {
        padding: 0;
    }
    .row.mb-6.inforow {
        margin-bottom: 20px!important;
    }
    #header .header-inner .container {
        background-color: #fff;
    }
    .parallax-hero h2.bigtext {
        font-size: 26px;
        line-height: 32px;
    }
    .hero-slide-element h3 {
        font-size: 26px;
        line-height: 32px;
        margin-bottom: 20px;
    }
    .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;
    }
    .position-relative.lazy-bg button.btn:not(.btn-creative):not(.btn-slide), 
    .position-relative.lazy-bg .btn:not(.close):not(.mfp-close):not(.btn-creative):not(.btn-slide), 
    .position-relative.lazy-bg  a.btn:not([href]):not([tabindex]):not(.btn-creative):not(.btn-slide) {
        line-height: 30px;
        padding: 12px 14px;
    }   
    .position-relative.lazy-bg {
        margin-bottom: 40px;
    }     
}

/* // 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;
        line-height: 32px;
        margin-bottom: 16px;
    }
    h1, 
    .h1 {
        font-size: 28px;
        line-height: 32px;
    }
    .bigtext {
        font-size: 28px;
        font-weight: 700;
        line-height: 32px;
        margin-bottom: 20px;
    }
    .frame.frame-default.frame-type-list.frame-layout-0 {
        overflow: hidden;
    }
    .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;
        line-height: 18px !important;
        height: auto !important;
        text-align: center;
    }
    .infoboxes .inforow .textholder {
        margin-top: 20px;
    }
    body .body-inner {
        overflow:hidden;
    }
    button.btn:not(.btn-creative):not(.btn-slide), 
    .btn:not(.close):not(.mfp-close):not(.btn-creative):not(.btn-slide), 
    a.btn:not([href]):not([tabindex]):not(.btn-creative):not(.btn-slide) {
        height: auto;
        line-height: 10px;
    }
    .heading-text {
        margin-bottom: 20px!important;
    }
    .infoboxes .textholder {
        padding: 0;
    }
    .row.mb-6.inforow {
        margin-bottom: 20px!important;
    }
    #header .header-inner .container {
        background-color: #fff;
    }
    .hero-slide-element h3 {
        font-size: 26px;
        line-height: 32px;
        margin-bottom: 20px;
    }  
    .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;
    }     
    .position-relative.lazy-bg button.btn:not(.btn-creative):not(.btn-slide), 
    .position-relative.lazy-bg .btn:not(.close):not(.mfp-close):not(.btn-creative):not(.btn-slide), 
    .position-relative.lazy-bg  a.btn:not([href]):not([tabindex]):not(.btn-creative):not(.btn-slide) {
        line-height: 30px;
        padding: 12px 14px;
    }  
    .position-relative.lazy-bg {
        margin-bottom: 40px;
    }    
}

/* // 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: #333;
        font-size: 25px;
    } 
    .background-image-hero {
        min-height: 260px;
    }         
}
/* // 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) {}

@media (max-width: 575.98px) {
    button.btn:not(.btn-creative):not(.btn-slide), 
    .btn:not(.close):not(.mfp-close):not(.btn-creative):not(.btn-slide), 
    a.btn:not([href]):not([tabindex]):not(.btn-creative):not(.btn-slide) {
      height: auto;
      line-height:30px !important;
    }
    #datatable_businessPlans tr td {
        padding-left: 30px;
    }
}