/************************************************************************************
MOBILE
*************************************************************************************/

/*================ IE Exceptions ================*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .homepage-welcome-info {background: url('/Content/Uploads/Morris%20College/images/home-bg-backup.jpg');background-attachment:fixed;background-size:cover;background-position:center center;padding: 50px 0;overflow: hidden;-webkit-backface-visibility: hidden;}
    .homepage-spotlight {background: url(/Content/Uploads/Morris%20College/images/home-bg2b.jpg);background-attachment:fixed;background-size:cover;background-position:center center;padding: 50px 0;overflow: hidden;-webkit-backface-visibility: hidden;}
}

@media only screen and (orientation:landscape) {
body { -webkit-text-size-adjust:none; }
}
@media only screen and (orientation:portrait) {
body { -webkit-text-size-adjust:none; }
}

/*Edge*/
@supports ( -ms-accelerator:true ) 
{
    html {overflow: hidden; height: 100%;}
    body {overflow: auto;height: 100%;}
}
/*Ie 10/11*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) 
{
    html {overflow: hidden;height: 100%;}
    body {overflow: auto;height: 100%;}
}


@media screen and (max-width: 1170px) {
    #header .header-top-bar {margin-top: 0;}
    #header .header-top-bar .rt-block {float:none;}
    #header .header-top-bar .rt-block .header-social {float:right;}
    #header .header-top-bar .rt-block .searchBox {float:right;margin-right:20px;}
    #header .content .logo {position:relative;float: left;width:120px;top: auto;}
    .homepage-callouts ul {width: 774px;margin:0 auto;-webkit-column-count: 3;-moz-column-count: 3;column-count: 3;-webkit-column-gap: 16px;column-gap: 16px;-moz-column-gap: 16px;}
    .homepage-callouts ul li {float:none;padding:0;margin:0;}
    .homepage-welcome-info #maincontent {width:100%;float:none;text-align:center;padding:0;}
    .homepage-welcome-info .homepage-video-container {width:100%;float:none;margin-top:40px;}
    .homepage-spotlight .content .spotlight-list .spotlight {width:100%;min-height: 77px;padding: 0;}
    .homepage-spotlight .content .spotlight-list .spotlight .img-container {width: 340px;float: left;margin-right: 18px;}
    .content{ width:92%; }
    .news-list .news-item .article-content {width:50%;}
    .academic-division > h2 {position: relative;text-align: center;}
    .academic-division .division-img {margin-top: -30px;}
    .academic-division .division-info .division-body .lt-block {float:none;width:100%;margin-bottom: 42px;}
    .academic-division .division-info .division-body .rt-block {float:none;width:100%;margin:0;padding:0;}
    .academic-division .division-footer .lt-block {float:none;width:100%;}
    .academic-division .division-footer .rt-block {float:none;width:100%;margin: 45px 0 0 0;padding:0;}
    #footer .footer-middle-block .top-block ul li {width: 100%; border: 0px;}
    
    .homepage-slider .fa-arrow-left {top: 36% !important; left: 10px !important;}
    .homepage-slider .fa-arrow-right {top: 36% !important; right: 10px !important;}
    
    .alert-block .lt-block .rt-panel a{ 
}
}

@media screen and (max-width: 1000px) {
    #header .header-top-bar .rt-block {float:none;width:100%;display: block;clear:both;}
    #header .header-top-bar .rt-block .secondary-header-nav {float:none;}
    #header .header-top-bar .rt-block .searchBox {float:left;margin:10px 0 10px 0;}
    #header .header-top-bar .rt-block .header-social {float: left;margin: 10px 10px 0 0;}
    #footer .footer-middle-block .top-block ul li {padding: 0 7px;}
        img.main-logo {display: none !important;}
    img.mobile-logo {display: block !important;}
    .fa.fa-arrow-left.slick-arrow img, .fa.fa-arrow-right.slick-arrow img{ height: 50px;}
}

@media screen and (max-width: 900px) {
    .divisions-list .anchor-item {width:49.8%;}
    .homepage-callouts ul {width: 544px;margin:0 auto;-webkit-column-count: 2;-moz-column-count: 2;column-count: 2;-webkit-column-gap: 40px;column-gap: 40px;-moz-column-gap: 40px;}
	.content .inner-top-block {margin: 0;}
	.content .inner-top-block .breadcrumb {float:none;}
	.content .lt-block {float:none;width:100%;text-align:center;border-bottom:1px solid #707070;}
    .content .lt-block .sidebar ul li ul li > a {padding:0;}
    .content .rt-block {border-left:none; width:100%;float:none;padding:0;}
    .wide-block .common-block .lt-panel,
	.wide-block .common-block .rt-panel {width:100%;clear:both;}
	.academic-division .division-img {height:initial;}
	.academic-division .division-info .division-body .lt-block {border-bottom:none;text-align:initial;padding:initial;}
    .academic-division .division-footer .lt-block {border-bottom:none;text-align:initial;padding:initial;}

    
}

@media screen and (max-width: 820px) {
    .homepage-spotlight .content .spotlight-list .spotlight {float:none;width:352px;margin: 0 auto 54px auto;min-height:576px;}
    .homepage-spotlight .content .spotlight-list .spotlight:last-of-type {margin: 0 auto 54px auto;}
    .homepage-spotlight .content .spotlight-list .spotlight .img-container {width:100%;}
    
    .alert-block .lt-block .lt-panel{ width: 25%; float: none; margin: auto;}
    .alert-block .lt-block .rt-panel{ width: 100%; margin: auto; float: none; text-align: center;}
    .alert-block .lt-block .rt-panel a{float: none;}
}

@media screen and (max-width: 700px) {
    #header .content .logo {top: 0; padding: 5px 0 5px 0; float: left; margin: auto;}

    
    #header .secondary-header-nav ul {-webkit-column-count: 1;-moz-column-count: 1;column-count: 1;text-align:center;width:100%;}
    #header .secondary-header-nav li {width: 100%; padding-right: 0px !important;}
    
    #main-navigation { /* display: none; */}
    
    .homepage-callouts ul {-webkit-column-count: 1;-moz-column-count: 1;column-count: 1;text-align:center;width:100%;}
    
    
    .homepage-slider .fa-arrow-left {top: 16% !important; left: 10px !important;}
    .homepage-slider .fa-arrow-right {top: 16% !important; right: 10px !important;}
    
    .homepage-events .homepage-event {width: 50%;}
    
    .divisions-list .anchor-item {flex: 1 1 100%;}
    .inner-banner .desc h2 { padding: 0px;}
}

@media screen and (max-width: 600px) {
    .divisions-list .anchor-item {width:100%;}
    .homepage-spotlight .content .spotlight-list .spotlight {width:100%;}
	.news-list .news-item .img-container {margin:0 auto 20px auto;width:90%;float:none;}
	.news-list .news-image img {width:100%;}
	.news-list .news-item .article-content {width:100%;float:none;clear:both;}
	
	.alert-block .lt-block .lt-panel{ float:none; width:100%; text-align:center; padding:0 0 10px 0; }
	.alert-block .lt-block .rt-panel{ float:none; width:100%; }
	.inner-banner .desc { display: none;}
}

/* bandaid fixes to make the header nav suck less, post QA1 edits */
@media screen and (min-width: 1341px) {
    .main-logo {
        width: 200px;
        max-width: 200px;
        position: relative;
        right: 90px;
        top: -10px;
        z-index: 1;
    }
}

@media screen and (min-width: 1171px) and (max-width: 1340px) {
    .main-logo {
        width: 200px;
        max-width: 200px;
        position: relative;
        right: 20px;
        top: -10px;
        z-index: 1;
    }
}

@media screen and (min-width: 1001px) and (max-width: 1170px) {
    #header .content .logo {
        float: none !important;
        margin: 0 auto;
    }
    
    .sf-menu > li > a {
        padding: 5px 15px 5px 0px !important;
        font-size: 1em !important;
        text-align: center;
        margin: 0 auto;
    }
}

@media screen and (min-width: 701px) and (max-width: 1000px) {
    #menu-icon {
        margin: 15px 0 0 0 !important;
    }
    
    .mobile-logo {
        padding-bottom: 1em;
    }
}

@media screen and (max-width: 650px) {
    .academic-major-layout .course-curriculum-info .course-curriculum-details .lt-block {
        width: 80%;
        float: none;
        padding-right: 0;
        margin: 0 auto;
    }

    .academic-major-layout .course-curriculum-info .course-curriculum-details .lt-block ol {
        text-align: left;
    }

    .academic-major-layout .course-curriculum-info .course-curriculum-details .rt-block {
        width: 80%;
        float: none;
        margin: 0 auto;
    }

    .academic-major-layout .course-curriculum-info .course-curriculum-details .rt-block caption {
        caption-side: initial;
    }
}

@media screen and (min-width: 341px) and (max-width: 360px) {
    .inner-banner .desc h2 {
        font-size: 1.5rem;
    }
}

@media screen and (max-width: 470px) {
    .academic-division .division-footer .lt-block ul li {
        font-size: 1em;
    }
    
    .underpage .common-block h2 {
        font-size: 1.5em;
    }
}

@media screen and (max-width: 404px) {
    .academic-division .division-footer .lt-block ul li::after {
        display: none;
    }
    .academic-division .division-footer .lt-block ul li {
        font-size: 0.75em;
        padding: 15px;
        text-align: center;
    }
}

@media screen and (max-width: 340px) {
    .inner-banner .desc h2 {
        font-size: 1.2rem;
    }
}