/*** Intermediary single col ***/
@media only screen and (min-width: 400px) {
    #top_mark {
        height: 50px;
        margin: 1013px auto 0;
    }
    #tactical nav a, #tactical nav a:hover, #tactical nav a:active {
        width: 19.4%;
        padding: 0;
    }
    #tactical nav {
        width: 100%;
    }
    #wm_az_hide {
        display: inline;
    }
}
@media only screen and (min-width: 475px) {
    #tactical nav a, #tactical nav a:hover, #tactical nav a:active {
        font-size: 15px; font-size: 1.5rem;
        line-height: 30px; line-height: 3.0rem;
    }
    footer #links_resources {
        padding: 8% 10% 5%;
    }
}
@media only screen and (min-width: 510px) {
    #wm-photoset li img {
        height: 265px;
        width: auto;
        max-width: 475px;
    }
}
/*** Small Tablet ***/
@media only screen and (min-width: 600px) {
    #top_mark {
        height: 60px;
        margin: 1009px auto 0;
    }
    footer #links_resources {
        float: right;
        padding: 5% 0 0 0;
        width: 49%;
    }
    footer #social_media {
        padding: 6% 0% 2% 10%;
        width: 22%;
    }
    #topbar li {
        font-size: 15px;font-size: 1.5rem;
    }
    #tactical {
        padding: 8px;
    }
    #tactical nav {
        width: 94%;
        margin: 0px auto 5px;
    }
    #mobile_site_link {
        display: none;
    }
    .umbrellaText, .deptText, .umbrellaText:hover, .deptText:hover, .umbrellaText:active, .deptText:active, .umbrellaText:visited, .deptText:visited {
        color: #fff !important;
        text-decoration: none;
        outline: 0;
    }
    .umbrellaText, .deptText {
        font-family: Rokkitt,Rockwell,Times,Georgia,"Times New Roman",serif;
    }
    .umbrellaText {
        font-size: 24px;
        line-height: 24px;
        margin-left: 3px !important;
        margin-top: 6px !important;
    }
    .deptText {
        font-size: 50px;
        line-height: 70px;
    }
    .deptText.withUmbrella {
        line-height: 50px;
    }
    .deptText.XXX-Small {
        font-size: 40px !important;
        line-height: 35px;
    }
    .deptText.XX-Small {
        font-size: 42px !important;
    }
    .deptText.X-Small {
        font-size: 46px !important;
    }
    .deptText.Small {
        font-size: 49px !important;
    }
    .deptText.Medium{
        font-size: 52px !important;
    }
    .deptText.Large {
        font-size: 55px !important;
    }
    .deptText.X-Large {
        font-size: 58px !important;
    }
    .deptText.XX-Large {
        font-size: 62px !important;
    }
    aside.widget {
        text-align: left;
    }
    aside.widget h4 {
        min-height: auto;
    }
    aside.widget h4, aside.widget figcaption, aside.widget img, aside.widget.flexslider {
        width: auto;
    }
    aside.widget.flexslider {
        position: relative;
        left: -12px; /* compensate for arrows to ensure photo edge lines up with page margin */
    }
    aside.widget figcaption {
        margin: 0px;
    }
    #sidebar aside h4 {
        white-space: normal;
    }
    aside figure img, aside figure iframe {
        float: left;
        margin-right: 15px !important;
    }
    /** Directory Page **/
    .directory img {
        float: left;
        margin: 0 10px 20px 0;
    }
    /** Directory Grid Lightbox **/
    .wm_dir_popup img {
        float: left;
        margin: 0 15px 30px 0 !important;
    }
    /*** Gateway ***/
    #main.gateway {
        overflow: hidden;
    }
    .gateway_group {
        width: 47%;
        float: left;
        padding-right: 3%;
    }
    .gateway > .gateway_group:nth-of-type(odd) {
        clear: left;
    }
    /*** Campus map ***/
    .map_location_photo {
        max-width: 300px !important;
    }
    .visiting-nav {
        display: none;
    }
    /*** Footer ***/
    footer a.sm_icon img{
        width: 50px;
    }
    /**** EMT Homepage box ****/
    #emt-homepage-box {
        width: 93.5%;
    }   

    .flex-direction-nav {
        top: 40%;
    }
    
}

/* Go to two column view */
@media only screen and (min-width: 720px) {

    #tactical {
        background-color: #ffffff;
    }
    #main_content {
        background-color: #ffffff;
        border-left: 180px solid #81A0BE;
        padding: 0;
    }
    #main {
        margin-top: 16px;
    }
    #main, #sidebar {
        margin-left: 25px;
        margin-right: 25px;
    }
    #page_nav {
        float: left;
        width: 160px;
        margin: 10px;
        border-bottom: none;
        position: relative;
        z-index: 20;
    }
    #page_nav ul.site-menu, .extra-nav, .social-media-nav {
        padding-left: 4px !important;
        padding-right: 4px !important;
    }
    #page_nav ul.site-menu, .social-media-nav {
        padding-top: 0 !important;
    }
    #page_nav h4 {
        display: none;
    }
    #qn_sitemenu {
        display: none !important;
    }
    .social-media-nav {
        margin: 15px 0px 10px !important;
    }
    #departmentDropdownMenu_chzn, #departmentDropdownMenu {
        width: 160px !important;
    }
    #departmentDropdownMenu {
        height: 23px;
    }  
    /*** Full page layout ***/
    #main_content.fullPage {
        border-left: none;
    }
    /***** Welcomes lightbox *****/
    .wm_dir_popup .grid_full_info {
        background-image: url('../img/cypher_7f7f7f.png');
        background-position: top right;
        background-repeat: no-repeat;
    }
    .wm_dir_popup .grid_full_info .dir_header {
        margin-right: 120px;
    }
}

/* Go to fixed width view */
@media only screen and (min-width: 941px) {
    body {
        background: #183A53; /* Old browsers */
    	background: -moz-linear-gradient(top,  #183a53 0%, #030609 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#183a53), color-stop(100%,#030609)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #183a53 0%,#030609 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #183a53 0%,#030609 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #183a53 0%,#030609 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #183a53 0%,#030609 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#183a53', endColorstr='#030609',GradientType=0 ); /* IE6-9 */
        background-attachment: fixed;
    }
    #container {
        width: 940px;
        margin: 0 auto 20px;
        background: transparent;
        position: relative;
    } 
    #navigation {
        display: block;
    }  
    header#main-header {
        background-color: transparent;
    } 
    header#main-header form#search_site {
        display: block;
        float: right;
    }
    #banner {
        padding: 0;
        margin-top: 0px;
        border-bottom: 4px solid #2573BC;
        border-top: 4px solid #2573BC;
    }
    #cypher, #logo, .logo-link, #banner-title {
        display: block;
    }
    .deptText.withUmbrella {
        line-height: 47px;
    }
    #cypher, #logo, .logo-link {
        display: block;
    }
    #seal {
        display:block;
        position: absolute;
        left: 308px;
        top: 93px;
        text-decoration: none !important;
        z-index: 100;
        -ms-interpolation-mode: bicubic;
    }     
    #topbar {
        display: none;
    }
    #main_content {
        width: 760px;
    }
    #main {
        border-bottom: none;
    }
    #quick_nav { /** Hide quick nav when right column is visible **/
        display: none;
    }
    /*** W&M Photosets (jQuery) ***/
    #main_content.hasPhotoset, #wm-photoset + #sidebar {
        padding-top: 275px;
    }
    #wm-photoset {
    display:none;
        max-width: none;
        width: 742px;
        height: 265px !important;
        position: absolute;
        margin: 0 0 10px 0;
        padding: 9px 9px;
        background-color: #ffffff;
        border-left: 180px solid #81a0be;
        top: 282px;
    }
    #wm-photoset li {
        display: block;
        position: absolute;
        top: 10px;
        left: 8px;
        width: 742px;
    }
    #wm-photoset li img {
        border-bottom: none;
    }
    #wm-photoset .wmphotoset-title {
        border-bottom: 1px solid #bababa;
    }
    #wm-photoset .wmphotoset-caption {
        width: 245px;
        padding: 10px;
        height: 180px !important;
        float: right;
        margin: 0px !important;
        border-right: none;
    }
    #wm-photoset #wm-photo-nav {
        position: absolute;
        float: none;
        bottom: 10px;
        right: 10px;
        width: 245px;
        max-width: none;
        padding: 10px 10px 5px;
        border-left: none;
        margin: 0;
    }
    #wm-photoset #pagination {
        width: 200px;
        overflow: hidden;
        display: block;
    }
    #wm-photoset #pg_ratio {
        display: none;
    }
    #wm-photoset #wm-photo-nav #prev-photo {
        background-position: 0 -90px; width: 12px; height: 15px;
        margin: 2px 10px 3px 0;
    }
    #wm-photoset #wm-photo-nav #next-photo {
        background-position: 0 -50px; width: 12px; height: 15px;
        margin: 2px 0px 3px 10px;
    }
    #wm-photoset #wm-photo-nav #prev-photo[disabled] {
        background-position: 0 -110px;
    }
    #wm-photoset #wm-photo-nav #next-photo[disabled] {
        background-position: 0 -70px;
    }
    #wm-photoset #wm-photo-nav #pagination a {
        cursor: pointer;
        color: #3b3b3b;
        line-height: 21px;
        margin-right: 5px;
        margin-bottom: 5px;
        font-weight: bold;
        background-position: 0 0; width: 20px; height: 20px;
        display: inline-block;
        text-decoration: none !important;
    }
    #wm-photoset #wm-photo-nav #pagination a:hover {
        text-decoration: none !important;
    }
    #wm-photoset #wm-photo-nav #pagination .active {
        color: #fff;
        background-position: 0 -25px; width: 20px; height: 20px;
    }
    #wm-photoset .wmphotoset-title {
        display: block;
        margin: 0 0 7px;
        padding: 3px 0 5px;
    }
    
    /** Main Content **/
    #main_content.hasSidebar {
        width: 472px;
        padding-right: 288px;
    }
    #main_content.fullPage {
        width: 940px;
    }
    #main_content.fullPage.hasSidebar {
        width: 652px;
    }
    #main_content.fullPage.hasSidebar #main section {
        width: 275px;
        padding-right: 20px;
    }
    #main_content aside {
        border-bottom: none;    
    }
    #sidebar {
        float: right;
        width: 264px;
        margin: 0 10px;
    }
    .primary_pg #sidebar {
        position: relative;
        top: -55px;
    }
    .primary_pg #wm-photoset + #sidebar {
        top: auto;
    }
    #sidebar aside {
        background-color: #BFC4C9;
        border-bottom: none;
        margin: 10px 0px;
        padding: 0px 12px 8px;
    }
    .spacer10{
        height:10px;
    }
    #sidebar aside h4 {
        line-height: 46px; line-height: 4.6rem;
        font-size: 29px;
        margin: 0;
        min-height: 10px;
        white-space: nowrap;
        padding-top: 2px;
    }
    #sidebar aside h4.X-Small {
        font-size: 23px;
    }
    #sidebar aside h4.Small {
        font-size: 26px;
    }
    #sidebar aside h4.Medium {
        font-size: 29px;
    }
    #sidebar aside h4.Large {
        font-size: 32px;
    }
    #sidebar aside h4.X-Large {
        font-size: 35px;
    }   
    #sidebar aside h4.XX-Large {
        font-size: 38px;
    }
    #sidebar aside figure img {
        float: none;
        margin: 0;
    }
    #sidebar aside.related_links ul {
        margin-top: -10px;
    }
    #page_nav, #main, #main_content aside, #sidebar aside, footer #links_resources {
        margin-bottom: 10px;
        padding-bottom: 10px;
    }
    #page_nav ul, .extra-nav {
        padding: 10px 0;
    }
    #sidebar aside.widget figcaption {
        margin: 7px 0px;
    }
    #sidebar aside.widget {
        padding-bottom: 3px;
    }
    aside.widget.flexslider {
        left: 0px;
    }
    /** Events Listbox **/
    aside .list-items li {
        padding: 10px 5px 10px 0;    
        border-bottom: 1px solid #adad9e;
        margin-bottom: 0;        
    }
    aside.related_links li {
        padding: 10px 20px 10px 0;
        border-bottom: 1px solid #adad9e;
        margin-bottom: 0;
    }
    aside .list-items li:last-of-type, aside.related_links li:last-of-type {
        border-bottom: none;
        margin-bottom: 0;
    }
    aside .list-items {
        padding-bottom: 0;
    }
    #sidebar aside .read-more-link {
        margin-top: 0;
        border-top: 1px solid #ADAD9E;
        padding-top: 10px;
    }
    footer {
        margin-left: 0;
        margin-right: 0;
        padding: 0;
        clear: both;
        position: relative;
        text-transform: none !important;
        overflow: hidden;
        color: #353b35;
    }
    footer #content {
        min-height: 200px;
    }
    footer h4 {
        padding: 0;
        margin: 0 0 10px 0;
        font-size: 30px; font-size: 3.0rem;
    }
    footer #links_resources {
        width: 470px;
        float: right;
        padding: 50px 20px 10px 0;
        border-bottom: none;
    }
    footer #links_resources a {
        line-height: 20px; line-height: 2.0rem;
    }
    footer #links_resources .column1 {
        width: 32%;
        float: left;
    } 
    footer #links_resources .column2 {
        width: 32%;
        float: left;
    }   
    footer #contact_info, footer #social_media {
        padding: 10px 0;
        float: right;
    }
    footer #social_media {
        border-top: none;
        padding: 55px 20px 10px 0;
        width: 140px;
    }
    footer #contact_info {
        border-top: none;
        width: 245px;
        padding: 50px 15px 30px 0;
    }
    .lt-ie8 footer #social_media a.blogs_link {
        display: block;
    }
    /***** Clubs and Orgs Nav *****/
    .tinynav {
        display: none;
    }
    #atoz_ul {
        display: block;
    }
    /***** Widget Nav *****/
    .flex-direction-nav {
        width: 264px;
        top: 105px;
    }
    /**** YouTube Widget ****/
    aside.video-widget figcaption {
        display: inline-block;
    }
    /**** EMT Homepage box ****/
    #emt-homepage-box {
        width: 92%;
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 144dpi) {
    /* Style adjustments for viewports that meet the condition */
}