/* MEDIA QUERIES ****************************************************************************/

@media (max-width: 1550px) {

    /*SLIDE*/
    .slideTxt {
        position: absolute;
        width: 38%;
    }

}


@media (max-width: 1350px) {

    /*SLIDE*/
    .slideTxt {
        position: absolute;
        width: 46%;
    }

}


@media (max-width: 1280px) {

    /*MAIN STRUCTURAL DIVS*/
    .innerWrapper {
        width: 100%;
    }

    /*SLIDE*/
    .slideTxt {
        position: absolute;
        width: 48%;
        padding: 4rem 4rem 4rem 6rem;
    }

}


@media only screen and (max-width: 1120px) {

    /*SLIDE*/
    .slideTxt-title {
        font-size: 5rem;
    }

    .slideTxt-desc {
        font-size: 3rem;
    }

    .slideTxt-acc {
        font-size: 1.6rem;
    }

    /* FOOTER */
    .footerPadding {
        padding: 2rem 1.5rem;
    }

    .colFooter4Wrapper {
        width: 100%;
        overflow: hidden;
    }

    .colFooter4 {
        float: none;
        width: 100%;
        margin: 3rem auto;
    }

    .colFooter4:last-child {
        margin-right: 0%;
    }

    .footer-head {
        text-align: center;
        margin: 3rem 0rem 1rem 0rem;
    }

    .footer-text {
        text-align: center;
        margin: 0rem 1rem;
    }

}


@media only screen and (max-width: 1050px) {

    /* COURSES - slickSlider, Home */
    .sectionStudy {
        background-image: url('../images/bg_Study_M.jpg');
    }

    /*MAIN PIC*/
    .mp-apply {
        background-image: url('../images/pic_Applications_M.jpg');
    }

    .mp-nursing {
        background-image: url('../images/pic_NursingInstitute_M.jpg');
    }

    .mp-namibia {
        background-image: url('../images/pic_studyNamibia_M.jpg');
    }

    .mp-graduates {
        background-image: url('../images/pic_Graduates_M.jpg');
    }

    .mp-students {
        background-image: url('../images/pic_Students_M.jpg');
    }

    .mp-graduate {
        background-image: url('../images/pic_graduate_M.jpg');
    }


    /* LATEST NOTICES */
    .noticeBloc-img {
        width: 40%;
    }

    .noticeBloc-text {
        width: 58%;
        padding: 3rem;
    }

    .noticeBloc-text--desc {
        -webkit-line-clamp: 4;
    }

    /* PAGE NOTICES */
    .pNoticeBloc-img {
        width: 40%;
    }

    .pNoticeBloc-text {
        width: 58%;
        padding: 3rem;
    }

    .pNoticeBloc-text--desc {
        -webkit-line-clamp: 4;
    }

    /* VIDEO */
    .videoWrapper {
        width: 90%;
        margin: 0rem auto;
    }

    /* COURSES */
    .courseBloc {
        position: relative;
        padding-bottom: 2rem;
        background-size: cover;
    }

    .courseBloc-text {
        float: none;
        width: 100%;
    }

    .tbl_Course {
        width: 70%;
        background-color: white;
    }

    .tbl_Course td {
        vertical-align: top;
        padding: 1rem;
        font-size: 1.3rem;
    }

    .tbl_Course td p {
        font-size: 1.3rem;
    }

}

@media only screen and (max-width: 1000px) {

    /*MAIN STRUCTURAL DIVS*/
    #menuIcon {
        top: 2rem;
    }

    /* NAVIGATION */
    #menuIcon {
        display: block;
    }

    #navClose {
        display: block;
    }

    #menuWrapper {
        /*Wrapper*/
        position: absolute;
        margin-top: 0px;
        top: 0rem;
        left: -2rem;
        /* height: auto;*/
        height: 100vh;
        width: 0px;
        padding: 1rem 1rem 1rem 1rem;
        background-color: rgba(20, 20, 20, .9);
        /* background-image: url("../images/trans_White.png");*/
        overflow-x: hidden;
        transition: 0.5s;
        /* 0.5 second transition effect to slide in the sidenav */
        z-index: 2010;
    }

    #navDiv {
        position: relative;
        background-color: transparent;
        width: 100%;
        margin-top: 5rem;
        float: none;
    }

    a.nav {
        display: block;
        float: none;
        padding: 1px 10px 12px 50px;
        margin-bottom: 2.5rem;
        margin-right: 1rem;
        color: #FFFFFF;
        font-size: 1.7rem;
        text-decoration: none;
        border-style: dotted;
        border-width: 0px 0px 1px 0px;
        border-color: #FFFFFF;
        transition: 0.3s;
        line-height: 120%;
    }

    a.nav:hover {
        text-decoration: none;
        transform: scale(1, 1);
        transform: translateX(8px)
    }

    a.navLive {
        display: block;
        float: none;
        padding: 1px 12px 12px 50px;
        margin-bottom: 2.5rem;
        margin-right: 1rem;
        font-size: 1.7rem;
        font-family: var(--font-bold);
        text-decoration: none;
        border-style: dotted;
        border-width: 0px 0px 1px 0px;
        border-color: #FFFFFF;
        transition: 0.3s;
        line-height: 120%;
    }

    div.main {
        display: block;
        width: 100%;
        float: none;
        padding: 1px 12px 12px 50px;
        margin-bottom: 2.5rem;
        margin-right: 1rem;
        color: var(--color-white);
        border-style: dotted;
        border-width: 0px 0px 1px 0px;
        font-size: 1.7rem;
    }

    div.main:hover {
        color: var(--color-white);
    }

    div.mainLive {
        display: block;
        width: 100%;
        float: none;
        padding: 1px 12px 12px 50px;
        margin-bottom: 2.5rem;
        margin-right: 1rem;
        color: var(--color-white);
        font-family: var(--font-bold);
        border-style: dotted;
        border-width: 0px 0px 1px 0px;
        font-size: 1.7rem;
    }


    /* CONTENT LINKS sub links  */

    .dropDownApply {
        position: relative;
        display: none;
        top: 0rem;
        margin: 5px 0px 0px 0px;
    }

    a.sub {
        display: block;
        color: var(--color-white);
        font-size: 1.5rem;
        font-family: var(--font);
        line-height: 120%;
        padding: 12px 10px;
        border-style: dotted;
        border-color: var(--color-pink);
        border-width: 0px 0px 1px 0px;
        text-decoration: none;
        transition: 0.2s;
    }

    a.sub:hover {
        color: var(--color-pink);
        font-size: 1.5rem;
        text-decoration: none;
        background-color: transparent;
        transform: scale(1, 1);
        transform: translateX(8px)
    }

    /* .dropDownVehicle{position: relative; display: none; top: 0rem; margin: 0px 0px 0px 0rem; padding: 0rem; width: inherit; overflow: hidden; background-color: transparent; background-image: none; z-index: 100;} */


    /*SLIDE*/
    .slideTxt {
        position: absolute;
        width: 100%;
        padding: 2rem;
        margin: 0;
        top: auto;
        bottom: 0;
        transform: none;
    }

    .slideTxt-title {
        text-align: center;
    }

    .slideTxt-title br {
        display: none
    }

    .slideTxt-desc {
        text-align: center;
    }

    .slideTxt-acc {
        margin-top: 3rem;
        text-align: center;
    }


    /* GENERAL */

    h1 {
        margin: 0rem 0rem 2rem 0rem;
        font-size: 3.6rem;
    }

    /* text-shadow: 1px 1px 2px rgba(0,0,0,0.15);*/

    h2 {
        margin: 0rem 0rem 3.5rem 0rem;
        font-size: 2.8rem;
    }

    h3 {
        font-size: 2.1rem;
    }

    h3 {
        font-size: 1.6rem;
    }

    p {
        font-size: 1.5rem;
    }

    ul li {
        font-size: 1.5rem;
    }

    /* BUTTONS */
    a.buttonPink {
        font-size: 1.8rem;
    }

    /* COURSES - slickSlider, Home */
    .sectionStudy {
        height: 55rem;
    }

    #offerSlide {
        margin: 6rem auto;
    }

    .slider {
        width: 35rem;
        height: 27rem;
    }

    .slider-padding {
        padding: 1.5rem 2.5rem;
    }

    .slider-head {
        margin-top: .5rem;
        font-size: 2rem;
    }

    .slider-head span {
        font-size: 1.2rem;
    }

    /* APPLICATIONS */
    .blueDiv {
        padding: 3rem;
    }

    /* FOOTER */
    .footer-slogan p {
        font-size: 1.8rem;
    }

    .footer-head {
        font-size: 1.9rem;
    }

}


@media only screen and (max-width: 900px) {

    /*GENERAL*/
    div.narrowCentre {
        width: 80%;
    }


}



@media only screen and (max-width: 800px) {

    /*MAIN STRUCTURAL DIVS*/
    .col3 {
        float: none;
        width: 95%;
        margin: 2.5rem auto;
    }

    .col3:last-child {
        margin: 2.5rem auto
    }

    /* LINK BLOCS - HOME */
    .linkBloc-Info {
        float: none;
        width: 100%;
        background-color: var(--color-blue);
    }

    .linkBloc {
        height: 40rem;
        background-position: center 5rem;
    }

    /* COURSES - slickSlider, Home */
    .sectionStudy {
        background-image: url('../images/bg_Study_S.jpg');
    }

    /*PANEL DROP */
    .panelHead {
        padding: 1.5rem 6rem 1.3rem 7rem;
        min-height: 6rem;
        font-size: 1.6rem;
        background-position: 1rem -3.5rem;
    }

    .panelArrow {
        width: 1.2rem;
        height: 1.2rem;
    }


    /* COURSES */
    div.lang {
        width: 80%;
    }

    .courseBloc {
        padding-bottom: 4rem;
    }

    .courseBloc-button {
        position: absolute;
        bottom: 1rem;
        left: 0;
        text-align: center;
    }

    .tbl_Course {
        width: 100%;
        background-color: white;
    }

}



@media only screen and (max-width: 760px) {}


@media only screen and (max-width: 720px) {

    /*MAIN STRUCTURAL DIVS*/
    .innerPadding {
        padding: 2.5rem 1.5rem 2.5rem 1.5rem;
    }

    .innerPadding2 {
        padding: 3rem 1.5rem 3.5rem 1.5rem;
    }

    .innerPadding3 {
        padding: 4rem 1.5rem 4.5rem 1.5rem;
    }

    .innerPaddingBlue {
        padding: 1.5rem 1rem;
    }

    .colWrapper {
        width: 100%;
        overflow: hidden;
    }

    .colLeft {
        float: none;
        width: 80%;
        margin: 0px auto 10px auto;
    }

    .colRight {
        float: none;
        width: 80%;
        margin: 10px auto 0px auto;
    }

    /* CONTENT LINKS */
    a {
        font-size: 1.5rem;
    }

    a.nav {
        font-size: 1.5rem;
    }

    a.navLive {
        font-size: 1.5rem;
    }

    div.main {
        font-size: 1.5rem;
    }

    .mainLive {
        font-size: 1.5rem;
    }

    /* THREE PIC FLEX */
    .threePicFlex {
        width: 80%;
        flex-wrap: wrap;
    }

    .threePicFlex-bloc,
    .threePicFlex-blocAlt {
        flex-basis: 80%; /*to keep columns equal width*/
        margin: 10px 10px;
    }

    /* APTITUDE TEST */
    #aptitude-timer {
        position: fixed;
        top: 5px;
        right: 4px;
        background-color: #d50000;
        /*274570;*/
        border: solid 3px #CCCCCC;
        border-radius: 1rem;
        color: #FFFFFF;
        font-size: 1.4rem;
        font-weight: bold;
        text-align: center;
        padding: 1rem;
    }

}

@media only screen and (max-width: 660px) {

    /* MAIN STRUCTURAL DIVS */
    #logoDiv {
        margin-top: -8rem; /* -5 */
    }

    #logoDiv img {
        width: 120px;
    }

    #logoDiv p {
        float: none;
        width: 12rem;
        /*for force a break*/
        margin-top: -1rem;
        font-size: 1.3rem;
        text-align: center;
    }


    p.sm {
        float: none;
        text-align: right;
        margin: 0rem 1rem;
        font-family: var(--font-bold);
        font-size: 1.1rem;
        color: var(--color-charcoal-dark);
    }

    p.flag {
        float: none;
        text-align: right;
        margin: 1rem 1rem 0rem 1rem;
        font-family: var(--font-bold);
        font-size: 1.1rem;
        color: var(--color-charcoal-dark);
    }


    /* APPLICATION */
    .tbl_Uploads tr {
        padding-top: 1.5rem;
    }

    .tbl_Uploads td {
        display: block;
        padding: 1rem;
        font-size: 1.4rem;
    }

    .uploadDiv {
        padding: 2rem;
    }

    input[type="file"] {
        width: 250px;
    }

    /*GENERAL*/
    div.txtColumn {
        column-count: 1;
        column-gap: 0rem;
    }

}


@media only screen and (max-width: 600px) {

    /*MAIN PIC*/
    .mp-apply {
        background-image: url('../images/pic_Applications_S.jpg');
    }

    .mp-nursing {
        background-image: url('../images/pic_NursingInstitute_S.jpg');
    }

    .mp-namibia {
        background-image: url('../images/pic_studyNamibia_S.jpg');
    }

    .mp-graduates {
        background-image: url('../images/pic_Graduates_S.jpg');
    }

    .mp-students {
        background-image: url('../images/pic_Students_S.jpg');
    }

    .mp-graduate {
        background-image: url('../images/pic_graduate_S.jpg');
    }

    /* LINK BLOCS - HOME */
    .linkBlocWrapper {
        width: 95%;
        margin: 0rem auto;
        padding: 1rem 0rem;
        overflow: hidden;
    }

    .linkBloc {
        float: none;
        width: 100%;
        height: 20rem;
        margin-right: 0%;
        margin-bottom: 1rem;
        background-position: center center;
    }

    .linkBloc-Info {
        background-color: rgba(75, 100, 150, .8);
    }

    /*GENERAL*/
    div.narrowCentre {
        width: 90%;
    }

    /* LATEST NOTICES - HOME */
    .noticeBloc {
        height: auto;
        width: 75%;
        margin: 2rem auto;
    }

    .noticeBloc-img {
        position: relative;
        float: none;
        height: 20rem;
        width: 100%;
    }

    .noticeBloc-text {
        float: none;
        width: 100%;
        padding: 2.5rem;
    }

    .noticeBloc-text--title {
        font-size: 2rem;
    }

    .noticeBloc-text--desc {
        -webkit-line-clamp: 5;
    }

    /* LATEST NOTICES - PAGE */
    .pNoticeBloc {
        height: auto;
        width: 75%;
        margin: 2rem auto;
    }

    .pNoticeBloc-img {
        position: relative;
        float: none;
        height: 20rem;
        width: 100%;
    }

    .pNoticeBloc-text {
        float: none;
        width: 100%;
        padding: 2.5rem;
    }

    .pNoticeBloc-text--title {
        font-size: 2rem;
    }

    .pNoticeBloc-text--desc {
        -webkit-line-clamp: 5;
    }

    /* APPLICATIONS */
    .blueDiv {
        padding: 1.5rem;
    }
}


@media only screen and (max-width: 550px) {

    /*MAIN STRUCTURAL DIVS*/
    .colLeft {
        float: none;
        width: 100%;
        margin: 0px auto 10px auto;
    }

    .colRight {
        float: none;
        width: 100%;
        margin: 10px auto 0px auto;
    }




    /*SLIDE*/
    #slideWrapper {
        height: auto;
    }

    #slide {
        height: 40rem;
    }

    .slideTxt {
        position: relative;
        background-color: var(--color-charcoal-dark);
    }

    .slideTxt-title {
        font-size: 3.2rem;
    }

    .slideTxt-desc {
        font-size: 2.2rem;
    }

    .slideTxt-acc {
        margin-top: 3rem;
        font-size: 1.5rem;
    }

    #mainPicWrapper {
        height: auto;
    }

    #mainPic {
        height: 30rem;
    }


    /*GENERAL*/
    h1 {
        font-size: 3rem;
    }

    h2 {
        font-size: 2.2rem;
    }

    h3 {
        font-size: 2rem;
    }

    /* COURSES - slickSlider, Home */
    .sectionStudy {
        height: 58rem;
    }

    #offerSlide {
        margin: 5rem auto;
    }

    .slider {
        width: 26rem;
        height: 33rem;
    }

    .slider-padding {
        padding: 1.5rem 2rem;
    }

    /* VIDEO */
    .videoWrapper {
        width: 100%;
        margin: 0rem auto;
    }

    /*PANEL DROP */
    .panelHead {
        padding: 1.5rem 4.5rem 1rem 6rem;
        font-size: 1.5rem;
        background-position: .5rem -3.5rem;
    }

    .panelArrow {
        top: 2rem;
        right: 1.5rem;
    }
}


@media only screen and (max-width: 520px) {

    /* LATEST NOTICES - HOME */
    .noticeBloc {
        height: auto;
        width: 95%;
        margin: 2rem auto;
    }

    /* NOTICES - PAGE */
    .pNoticeBloc {
        height: auto;
        width: 95%;
        margin: 2rem auto;
    }


    /* COURSES */
    div.lang {
        width: 100%;
    }

    .courseBloc {
        padding-bottom: 6rem;
    }

    .courseBloc-text {
        padding: 1.5rem;
    }

    .tbl_Course td {
        display: block;
    }

    /* THREE PIC FLEX */
    .threePicFlex {
        width: 100%;
        flex-wrap: wrap;
    }


}

@media only screen and (max-width: 480px) {

    /* CHOOSE US - home */
    p.choose-intro {
        margin: 4rem 0rem;
        text-align: center;
    }

    p.choose {
        padding-left: 0rem;
        padding-top: 5rem;
        padding-bottom: 2.5rem;
        background-repeat: no-repeat;
        background-position: top center;
        text-align: center;
    }

    /* APPLICATION */
    .uploadDiv {
        padding: 1rem;
    }

    #declaration_label {
        font-size: 1.3rem;
    }
}

@media only screen and (max-width: 450px) {

    /* MAIN STRUCTURAL DIVS 
    #logoDiv{margin-top: -5rem;}
    #logoDiv img{width: 120px;}
    #logoDiv p{float: none; margin-top: -1.2rem; font-size: 1.3rem;} */


    /*GENERAL*/
    div.narrowCentre {
        width: 95%;
    }

    /*SLIDE*/
    #slide {
        height: 35rem;
    }

    .slideTxt {
        position: relative;
        background-color: var(--color-charcoal-dark);
    }

    .slideTxt-title {
        font-size: 2.8rem;
    }

    .slideTxt-desc {
        font-size: 2rem;
    }

    .slideTxt-acc {
        margin-top: 3rem;
        font-size: 1.4rem;
    }

}

@media only screen and (max-width: 400px) {}

@media only screen and (max-width: 350px) {}