/*Responsive Setting */
@media (min-width:320px) { /* smartphones, iPhone, portrait 480x320 phones */
    .Mi-Flex-Box {
        flex-direction: column;
    }

    .Mi-Flex-Box-Item {
        width: 100%;
        height: auto;
        align-content: center;
    }

    .Mi-Flex-Box-Order-1 {
        order: 1;
    }

    .Mi-Flex-Box-Order-2 {
        order: 2;
    }

    .Mi-Flex-Box-Order-3 {
        order: 4;
    }

    .Mi-Flex-Box-Order-4 {
        order: 3;
    }

    .Mi-Flex-Box-Order-5 {
        order: 5;
    }

    .Mi-Flex-Box-Order-6 {
        order: 6;
    }

    .Mi-Flex-Box-Order-7 {
        order: 8;
    }

    .Mi-Flex-Box-Order-8 {
        order: 7;
    }

    .Mi-Flex-Box-Order-9 {
        order: 9;
    }

    .Mi-Flex-Box-Order-10 {
        order: 10;
    }

    .Mi-Flex-Box-Order-11 {
        order: 11;
    }

    .Mi-SiteTitle {
        font-size: 2.0rem;
        font-weight: 700;
        color: #000;
        text-transform: uppercase;
        text-align: center;
        display: block;
    }

    .slogan {
        text-align: center;
        display: block;
        padding-bottom: 10px;
        padding: 2px 14px 26px 0px;
        color: black !important;
    }

    #PnlDavLogo {
       
    }

    .cssmenu > ul ul {
        list-style: none;
        margin: 0;
        padding: 0;
        width: 100%;
    }

    .cssmenu > ul li {
        float: left;
        min-height: 1px;
        line-height: 1.3em;
        vertical-align: middle;
        width: 100%;
    }

    .Mi-IS-MOBILE {
        display: none !important;
    }

    .Mi-Mobile-Menu {
        display: block;
    }

    .Mi-Menu {
        display: none;
    }

    .Mi-Student-Birthday {
        border: 1px dashed #ccc;
        width: 250px;
        height: 244px;
        text-align: center;
        padding: 6px;
    }



    .Mi-News-media li {
        flex-basis: 100%;
        margin-right: 0%;
        margin-bottom: 10px;
    }

    .Mi-Image-Slider {
        height: 152px;
        background: #eee;
        position: relative;
        overflow: hidden;
    }

    .smallgallery {
        margin: 0;
        padding: 40px;
        list-style: none;
        display: flex;
        
        flex-direction: row;
        align-content: center;
        align-items: center;
        overflow: hidden;
        overflow-x: auto;
        overflow-y: hidden;
        flex-wrap: nowrap;
        justify-content: space-between;
    }


    #imageSlider {
        height: 100%;
        min-height: 100%;
        max-height: 100%;
    }

    .carousel-inner > .item {
        height: 100%;
        min-height: 100%;
        max-height: 100%;
    }

    .Mi-Panel-fix-height {
        height: auto;
    }

    .Mi-Highlight ul {
        list-style: none;
        padding: 0px;
        margin: 0px;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-content: space-around;
        justify-content: space-between;
        align-items: center;
        width: 100%;
    }

    .Mi-Header-Section {
        display: flex;
        flex-wrap: wrap;
        align-content: center;
        justify-content: space-between;
        align-items: center;
        flex-direction: column;
        background: linear-gradient(#27A9F2, #8ABF57);
    }
    
        .Mi-Header-Section-Title {
            background: #fff;
            margin: 10px;
        }
}

@media (min-width:481px) { /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */
    .Mi-Flex-Box {
        flex-direction: column;
    }

    .Mi-Flex-Box-Item {
        width: 100%;
        height: auto;
        align-content: center;
    }

    .Mi-Flex-Box-Order-1 {
        order: 1;
    }

    .Mi-Flex-Box-Order-2 {
        order: 2;
    }

    .Mi-Flex-Box-Order-3 {
        order: 4;
    }

    .Mi-Flex-Box-Order-4 {
        order: 3;
    }

    .Mi-Flex-Box-Order-5 {
        order: 5;
    }

    .Mi-Flex-Box-Order-6 {
        order: 6;
    }

    .Mi-Flex-Box-Order-7 {
        order: 8;
    }

    .Mi-Flex-Box-Order-8 {
        order: 7;
    }

    .Mi-Flex-Box-Order-9 {
        order: 9;
    }

    .Mi-Flex-Box-Order-10 {
        order: 10;
    }

    .Mi-Flex-Box-Order-11 {
        order: 11;
    }

    .Mi-SiteTitle {
        font-size: 2.0rem;
        font-weight: 700;
        color: #000;
        text-transform: uppercase;
        text-align: center;
        display: block;
    }

    .slogan {
        text-align: center;
        display: block;
        padding-bottom: 10px;
        padding: 2px 14px 26px 0px;
        color: black !important;
    }

    .cssmenu > ul ul {
        list-style: none;
        margin: 0;
        padding: 0;
        width: 100%;
    }

    .cssmenu > ul li {
        float: left;
        min-height: 1px;
        line-height: 1.3em;
        vertical-align: middle;
        width: 100%;
    }

    .Mi-IS-MOBILE {
        display: none !important;
    }

    .Mi-Mobile-Menu {
        display: block;
    }

    .Mi-Menu {
        display: none;
    }

    #PnlDavLogo {
       
    }

    .Mi-Student-Birthday {
        border: 1px dashed #ccc;
        width: 250px;
        height: 244px;
        text-align: center;
        padding: 6px;
    }



    .Mi-News-media li {
        flex-basis: 100%;
        margin-right: 0%;
        margin-bottom: 10px;
    }

    .Mi-Image-Slider {
        height: 152px;
        background: #eee;
        position: relative;
        overflow: hidden;
    }

    .smallgallery {
        margin: 0;
        padding: 40px;
        list-style: none;
        display: flex;
        flex-direction: row;
        align-content: center;
        align-items: center;
        overflow: hidden;
        overflow-x: auto;
        overflow-y: hidden;
        flex-wrap: nowrap;
        justify-content: space-between;
    }

    .Mi-Panel-fix-height {
        height: auto;
    }

    .Mi-Header-Section {
        display: flex;
        flex-wrap: wrap;
        align-content: center;
        justify-content: space-between;
        align-items: center;
        flex-direction: column;
        background: linear-gradient(#27A9F2, #8ABF57);
    }

    .Mi-Header-Section-Title {
        background: #fff;
        margin: 10px;
    }
}

@media (min-width:641px) { /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */
    .Mi-Flex-Box {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        align-content: center;
        padding: 0px;
        margin: 0px;
    }

    .Mi-Flex-Box-Item {
        width: 50%;
        height: 350px;
        align-content: center;
    }

    .Mi-Flex-Box-Order-1 {
        order: 1;
    }

    .Mi-Flex-Box-Order-2 {
        order: 2;
    }

    .Mi-Flex-Box-Order-3 {
        order: 3;
    }

    .Mi-Flex-Box-Order-4 {
        order: 4;
    }

    .Mi-Flex-Box-Order-5 {
        order: 5;
    }

    .Mi-Flex-Box-Order-6 {
        order: 6;
    }

    .Mi-Flex-Box-Order-7 {
        order: 7;
    }

    .Mi-Flex-Box-Order-8 {
        order: 8;
    }

    .Mi-Flex-Box-Order-9 {
        order: 9;
    }

    .Mi-Flex-Box-Order-10 {
        order: 10;
    }

    .Mi-Flex-Box-Order-11 {
        order: 11;
    }

    .Mi-SiteTitle {
        font-size: 2.0rem;
        font-weight: 700;
        color: #000;
        text-transform: uppercase;
        text-align: left;
        display: block;
    }

    .slogan {
        text-align: left;
        color: black !important;
    }

    .cssmenu > ul ul {
        list-style: none;
        margin: 0;
        padding: 0;
        width: auto;
    }

    .cssmenu > ul li {
        float: left;
        min-height: 1px;
        line-height: 1.3em;
        vertical-align: middle;
        width: auto;
    }

    .Mi-IS-MOBILE {
        display: block !important;
    }

    .Mi-Mobile-Menu {
        display: none;
    }

    .Mi-Menu {
        display: block;
    }

    #PnlDavLogo {
        visibility: visible;
    }

    .Mi-Student-Birthday {
        border: 1px dashed #ccc;
        width: 250px;
        height: 244px;
        text-align: center;
        padding: 6px;
    }

        .Mi-Student-Birthday li {
            width: 200px;
            display: inline-block;
            border: 1px solid #ccc;
            padding: 5px;
            font-size: 9pt;
            flex: 0 0 17em;
            align-items: flex-start;
            flex: 0 0 17em;
            align-items: flex-start;
        }

    .Mi-News-media li {
        flex-basis: 295px;
        margin-right: 7%;
    }

    .Mi-Image-Slider {
        height: 400px;
        background: #eee;
        position: relative;
        overflow: hidden;
    }

    .smallgallery {
        margin: 0;
        padding: 40px;
        list-style: none;
        display: flex;
        flex-direction: row;
        align-content: center;
        align-items: center;
        overflow: hidden;
        overflow-x: auto;
        overflow-y: hidden;
        flex-wrap: nowrap;
        justify-content: space-between;
    }

    .Mi-Panel-fix-height {
        height: 377px;
    }
    .Mi-Header-Section {
        display: flex;
        flex-wrap: wrap;
        align-content: center;
        justify-content: space-between;
        align-items: center;
        flex-direction: row;
        background: transparent;
    }

    .Mi-Header-Section-Title {
        background: transparent;
        margin: 0px;
    }
}

@media (min-width:961px) { /* tablet, landscape iPad, lo-res laptops ands desktops */
    .Mi-Flex-Box {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        align-content: center;
        padding: 0px;
        margin: 0px;
    }

    .Mi-Flex-Box-Item {
        width: 50%;
        height: 350px;
        align-content: center;
    }

    .Mi-Flex-Box-Order-1 {
        order: 1;
    }

    .Mi-Flex-Box-Order-2 {
        order: 2;
    }

    .Mi-Flex-Box-Order-3 {
        order: 3;
    }

    .Mi-Flex-Box-Order-4 {
        order: 4;
    }

    .Mi-Flex-Box-Order-5 {
        order: 5;
    }

    .Mi-Flex-Box-Order-6 {
        order: 6;
    }

    .Mi-Flex-Box-Order-7 {
        order: 7;
    }

    .Mi-Flex-Box-Order-8 {
        order: 8;
    }

    .Mi-Flex-Box-Order-9 {
        order: 9;
    }

    .Mi-Flex-Box-Order-10 {
        order: 10;
    }

    .Mi-Flex-Box-Order-11 {
        order: 11;
    }

    .Mi-SiteTitle {
        font-size: 2.0rem;
        font-weight: 700;
        color: #000;
        text-transform: uppercase;
        text-align: left;
        display: block;
    }

    .cssmenu > ul ul {
        list-style: none;
        margin: 0;
        padding: 0;
        width: auto;
    }

    .cssmenu > ul li {
        float: left;
        min-height: 1px;
        line-height: 1.3em;
        vertical-align: middle;
        width: auto;
    }

    .Mi-IS-MOBILE {
        display: block !important;
    }

    .Mi-Mobile-Menu {
        display: none;
    }

    .Mi-Menu {
        display: block;
    }

    #PnlDavLogo {
        visibility: visible;
    }

    .Mi-Student-Birthday {
        border: 1px dashed #ccc;
        width: 250px;
        height: 244px;
        text-align: center;
        padding: 6px;
    }



    .Mi-News-media li {
        flex-basis: 300px;
        margin-right: 7%;
    }

    .Mi-Image-Slider {
        height: 400px;
        background: #eee;
        position: relative;
        overflow: hidden;
    }

    .smallgallery {
        margin: 0;
        padding: 40px;
        list-style: none;
        display: flex;

        flex-direction: row;
        align-content: center;
        align-items: center;
        overflow: hidden;
        overflow-x: auto;
        overflow-y: hidden;
        flex-wrap: nowrap;
        justify-content: space-between;
    }

    .Mi-Panel-fix-height {
        height: 377px;
    }

    .Mi-Header-Section {
        display: flex;
        flex-wrap: wrap;
        align-content: center;
        justify-content: space-between;
        align-items: center;
        flex-direction: row;
        background: transparent;
    }

    .Mi-Header-Section-Title {
        background: transparent;
        margin: 0px;
    }
}

@media (min-width:1025px) { /* big landscape tablets, laptops, and desktops */
    .Mi-Flex-Box {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        align-content: center;
        padding: 0px;
        margin: 0px;
    }

    .Mi-Flex-Box-Order-1 {
        order: 1;
    }

    .Mi-Flex-Box-Order-2 {
        order: 2;
    }

    .Mi-Flex-Box-Order-3 {
        order: 3;
    }

    .Mi-Flex-Box-Order-4 {
        order: 4;
    }

    .Mi-Flex-Box-Order-5 {
        order: 5;
    }

    .Mi-Flex-Box-Order-6 {
        order: 6;
    }

    .Mi-Flex-Box-Order-7 {
        order: 7;
    }

    .Mi-Flex-Box-Order-8 {
        order: 8;
    }

    .Mi-Flex-Box-Order-9 {
        order: 9;
    }

    .Mi-Flex-Box-Order-10 {
        order: 10;
    }

    .Mi-Flex-Box-Order-11 {
        order: 11;
    }

    .Mi-SiteTitle {
        font-size: 2.0rem;
        font-weight: 700;
        color: #000;
        text-transform: uppercase;
        text-align: left;
        display: block;
    }

    .cssmenu > ul ul {
        list-style: none;
        margin: 0;
        padding: 0;
        width: auto;
    }

    .cssmenu > ul li {
        float: left;
        min-height: 1px;
        line-height: 1.3em;
        vertical-align: middle;
        width: auto;
    }

    .Mi-IS-MOBILE {
        display: block !important;
    }

    .Mi-Mobile-Menu {
        display: none;
    }

    .Mi-Menu {
        display: block;
    }

    #PnlDavLogo {
        visibility: visible;
    }

    .Mi-Student-Birthday {
        border: 1px dashed #ccc;
        width: 250px;
        height: 244px;
        text-align: center;
        padding: 6px;
    }



    .Mi-News-media li {
        flex-basis: 300px;
        margin-right: 7%;
    }

    .Mi-Image-Slider {
        height: 400px;
        background: #eee;
        position: relative;
        overflow: hidden;
    }

    .smallgallery {
        margin: 0;
        padding: 40px;
        list-style: none;
        display: flex;
        justify-content: flex-start;
        flex-direction: row;
        align-content: center;
        align-items: center;
        overflow: hidden;
        overflow-x: auto;
        overflow-y: hidden;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .Mi-Panel-fix-height {
        height: 377px;
    }

    .Mi-Highlight ul {
        list-style: none;
        padding: 0px;
        margin: 0px;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: space-around;
        justify-content: space-between;
        align-items: center;
        width: max-content;
    }

    .Mi-Highlight li {
        flex-grow: 1;
        border-radius: 8px;
        text-align: center;
        margin: 10px;
        display: inline-flex;
        align-content: center;
        width: 250px;
        height: 111px;
        align-items: center;
        justify-content: center;
    }

    .Mi-Header-Section {
        display: flex;
        flex-wrap: wrap;
        align-content: center;
        justify-content: space-between;
        align-items: center;
        flex-direction: row;
        background: transparent;
    }

    .Mi-Header-Section-Title {
        background: transparent;
        margin: 0px;
    }
}

@media (min-width:1281px) { /* hi-res laptops and desktops */
    .Mi-Flex-Box {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        align-content: center;
        padding: 0px;
        margin: 0px;
    }

    .Mi-Flex-Box-Item {
        width: 50%;
        height: 350px;
        align-content: center;
    }

    .Mi-Flex-Box-Order-1 {
        order: 1;
    }

    .Mi-Flex-Box-Order-2 {
        order: 2;
    }

    .Mi-Flex-Box-Order-3 {
        order: 3;
    }

    .Mi-Flex-Box-Order-4 {
        order: 4;
    }

    .Mi-Flex-Box-Order-5 {
        order: 5;
    }

    .Mi-Flex-Box-Order-6 {
        order: 6;
    }

    .Mi-Flex-Box-Order-7 {
        order: 7;
    }

    .Mi-Flex-Box-Order-8 {
        order: 8;
    }

    .Mi-Flex-Box-Order-9 {
        order: 9;
    }

    .Mi-Flex-Box-Order-10 {
        order: 10;
    }

    .Mi-Flex-Box-Order-11 {
        order: 11;
    }

    .Mi-SiteTitle {
        font-size: 2.0rem;
        font-weight: 700;
        color: #000;
        text-transform: uppercase;
        text-align: left;
        display: block;
    }

    .cssmenu > ul ul {
        list-style: none;
        margin: 0;
        padding: 0;
        width: auto;
    }

    .cssmenu > ul li {
        float: left;
        min-height: 1px;
        line-height: 1.3em;
        vertical-align: middle;
        width: auto;
    }

    .Mi-IS-MOBILE {
        display: block !important;
    }

    .Mi-Mobile-Menu {
        display: none;
    }

    #PnlDavLogo {
        visibility: visible;
    }

    .Mi-Student-Birthday {
        border: 1px dashed #ccc;
        width: 250px;
        height: 244px;
        text-align: center;
        padding: 6px;
    }

    .Mi-News-media li {
        flex-basis: 250px;
        margin-right: 4%;
    }

    .Mi-Image-Slider {
        height: 400px;
        background: #eee;
        position: relative;
        overflow: hidden;
    }

    .smallgallery {
        margin: 0;
        padding: 40px;
        list-style: none;
        display: flex;
        justify-content: flex-start;
        flex-direction: row;
        align-content: center;
        align-items: center;
        overflow: hidden;
        overflow-x: auto;
        overflow-y: hidden;
        flex-wrap: nowrap;
        justify-content: space-between;
    }

    .Mi-Panel-fix-height {
        height: 377px;
    }

    .Mi-Highlight ul {
        list-style: none;
        padding: 0px;
        margin: 0px;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: space-around;
        justify-content: space-between;
        align-items: center;
        width: max-content;
    }

    .Mi-Highlight li {
        flex-grow: 1;
        border-radius: 8px;
        text-align: center;
        margin: 10px;
        display: inline-flex;
        align-content: center;
        width: 250px;
        height: 111px;
        align-items: center;
        justify-content: center;
    }

    .Mi-Header-Section {
        display: flex;
        flex-wrap: wrap;
        align-content: center;
        justify-content: space-between;
        align-items: center;
        flex-direction: row;
        background: transparent;
    }

    .Mi-Header-Section-Title {
        background: transparent;
        margin: 0px;
    }
}