@media (min-width: 1001px) {
    .layout--twocol-section {
        display: flex;
        flex-wrap: nowrap
    }

    .side-menu-display {
        display: block;
    }

    .press-release-image {
        width: calc(100% / 3);
    }

    .cadet-videos {
        margin-bottom: -22px;
    }
}

@media (min-width: 768px) {
    .dawn-menu--main .navbar-collapse {
        display: flex;
        justify-content: flex-end
    }

    .dropdown-menu {
        top: auto
    }

    .nav-item.dropdown .dropdown-menu.show {
        display: none
    }

    .dawn-menu--main {
        padding-top: 0;
        padding-bottom: 0;
        margin-top: 15px
    }

    .dawn-menu--main .navbar-collapse {
        display: flex;
        justify-content: flex-end
    }

    .dropdown-menu {
        top: auto
    }

    .nav-item.dropdown .dropdown-menu.show {
        display: none
    }

    .dawn-menu--main {
        padding-top: 0;
        padding-bottom: 0;
        margin-top: 15px
    }

    .form-inline .input-group {
        display: -webkit-box;
        vertical-align: middle
    }

    .search-block-form > form#search-block-form {
        display: inline-flex;
        position: absolute;
        z-index: 1030;
        align-items: center;
        margin-left: -60px !important;
        margin-top: 22px !important
    }

    .card .card-body .card-text {
        font-size: 1.2rem;
        color: #000000;
    }

    #menu-toggle {
        margin-right: 29px
    }

    .hero-text {
        display: none
    }

    .slide-headline {
        line-height: 45px !important
    }

    .press-release-image {
        width: calc(100% / 3);
    }

    .academic-support-resources .streak-photo,
    .library-and-academic-resources .streak-photo {
        height: 700px !important;
    }
}

@media (max-width: 1025px) and (orientation: landscape) {
    .video-height {
        height: 79vh !important
    }
}

@media (max-width: 1000px) {
    #menu-toggle {
        margin-right: 29px
    }

    .video-height {
        height: 79vh
    }

    .mobile-links {
        text-align: center
    }

    .nav-header {
        display: inline-block;
        margin-bottom: 10px
    }

    .mission-title {
        font-size: 2.8em
    }

    .hero-height {
        height: 34vh
    }

    .text-block.social-media-vert {
        padding-right: 0;
        display: none
    }

    .block-paragraph-fieldnodefield-image-grid-four0departments-landing-page, .block-paragraph-fieldnodefield-image-grid-four2departments-landing-page {
        margin: 5px 5px 5px 6rem
    }

    .block-paragraph-fieldnodefield-image-grid-four1departments-landing-page, .block-paragraph-fieldnodefield-image-grid-four3departments-landing-page {
        margin: 5px 6rem 5px 5px
    }

    .hero-widget h1 {
        font-size: 3.5rem
    }
}

@media (max-width: 1023.98px) {
    div#rev_slider_13_1 {
        height: 94% !important
    }

    .awemenu-default.awemenu-mobile .awemenu-bars {
        line-height: 70px;
        float: right;
        margin-right: -8px !important
    }

    .awemenu-default.awemenu-mobile .awemenu-bars {
        line-height: 70px;
        float: right;
        margin-right: -8px !important
    }

    .image-widget-div h2 {
        font-size: 1.2rem;
    }


    .admissions-events .desktop-events {
        display: none !important;
    }

    .admissions-events .mobile-events {
        display: block !important;
    }
}

@media (max-width: 991.98px) and (min-width: 768px) {
    .mobile-buttons-header {
        display: none;
        margin-top: 20px
    }

    .footer-linkedin {
        width: unset;
    }
}

@media(min-width: 640px){
    .page-node-type-departments-landing-page .layout.layout--twocol-section.layout--twocol-section--50-50 {
        display: flex!important;
        flex-direction: unset!important;
    }
    .page-node-type-departments-landing-page .h2-responsive {
        font-size: 150%;
        padding: 0.5rem!important;
    }
}

@media (min-width: 1366px) {
    .streak.streak-photo {
        background-attachment: unset
    }
}

@media (min-width: 1441px) {
    .mobile-leadership-img {
        width: 50% !important
    }

    .social-card-icons-ie span, .social-icon-cards span {
        font-size: .8rem
    }
}

@media (max-width: 991.98px) {
    .streak.streak-long-2 {
        height: 640px
    }

    .region-sidebar-first nav {
        background: #fff
    }

    .featured-jumbotron img {
        width: 75%;
        padding-bottom: 25px;
    }

    .landing-page-grid .col-lg-6, .landing-page-grid .col-lg-3 {
        padding-right: 15px !important;
        margin-bottom: unset !important;
        margin-top: -15px;
    }

    .landing-page-grid .col-lg-6 {
        margin-bottom: 15px !important;
    }

    .academy-spotlight {
        margin-bottom: unset !important;
    }

    .landing-page-grid .col-lg-3:last-child,
    .about-image-grid .col-lg-3:last-child {
        padding-right: 14px !important;
    }
}

@media (max-width: 1400.98px) {
    .about-grid-img {
        max-height: 200px
    }

    .robotics-research-card-title {
        font-size: 1.2rem
    }

    .mobile-leadership-img {
        width: 75% !important
    }
}

@media (max-width: 1100px) {
    .academy-news-mobile-img {
        max-height: 200px
    }

    .admissions-blog-img {
        max-height: 400px
    }
}

@media (max-width: 1199px) {
    div#rev_slider_13_1 {
        height: 94% !important
    }

    .region-map {
        width: 100% !important;
        position: static !important;
        left: 0 !important
    }

    .org-chart {
        width: 100%;
        position: relative;
        left: 0
    }

    .modal-header .close {
        padding: 0
    }

    .list-group-item, .page-node-type-west-point-home-page .card {
        background-color: #fff;
        position: relative;
        box-shadow: none
    }

    .row.no-gutters .media-img-spacing img {
        padding-bottom: 5%;
    }

    .row.no-gutters.reverse-section .media-img-spacing img {
        padding-bottom: 0% !important;
    }

    div#rev_slider_13_1 {
        height: 94% !important
    }

    .news-title-text {
        font-size: 1.125rem
    }

    .ongoing-projects-card {
        height: 250px !important
    }

    .mobile-news-carousel {
        max-width: 400px;
        margin: 0 auto
    }

    #header {
        z-index: 1000;
        height: 73px
    }

    .no-gutters.reverse-section .text-section.bg-dark.text-white {
        margin-top: -1%
    }

    .no-gutters .text-section.bg-dark.text-white {
        margin-bottom: -1%
    }

    .media-img-spacing.bg-dark {
        margin-bottom: -1%
    }

    .image-widget-div h2 {
        font-size: 1.2rem;
    }

    #subNav .overlay {
        width: 100vw;
        height: 100vh;
        background: rgba(0, 0, 0, .4);
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 100;
    }

    .custom-hero .row {
        flex-direction: column;
        align-items: center;
        margin-top: 35px;
        text-align: center;
    }

    .page-node-type-major-minor #myTab0,
    .page-node-type-major-minor .tab-content {
        margin: 0 1em;
    }
}

@media (max-width: 365px) and (min-width: 322px) {
    .card-title {
        font-size: 1.5rem
    }
}

@media only screen
and (min-device-width: 322px)
and (max-device-width: 365px)
and (-webkit-min-device-pixel-ratio: 3)
and (orientation: portrait) {
    .card-title {
        font-size: 1.35rem
    }
}

@media only screen
and (device-width: 414px)
and (device-height: 896px)
and (-webkit-device-pixel-ratio: 2) {
    .card-title {
        font-size: 1.35rem
    }
}

@media only screen
and (device-width: 375px)
and (device-height: 812px)
and (-webkit-device-pixel-ratio: 3) {
    .card-title {
        font-size: 1.35rem
    }
}

@media (max-width: 1024px) and (orientation: portrait) {
    #subNav .navbar-nav {
        border: none
    }

    .content-full-width {
        width: 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important
    }

    .btn--subnav span:before {
        right: 150%
    }

    .btn--subnav span:after {
        left: 150%
    }

    .region-sidebar-first, .region-sidebar-second {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .multi-purpose-slider .carousel-control-prev {
        left: 12px
    }

    .multi-purpose-slider .carousel-control-next {
        right: 12px
    }

    .footer-social-icons {
        padding-right: unset !important;
    }
}

@media (max-width: 1001px) and (orientation: portrait) {
    .region-footer-two #subnavBtn, .region-footer-three #subnavBtn,.region-footer-four #subnavBtn {
        display: none !important;
    }
    .region-footer-two #subNav, .region-footer-three #subNav,.region-footer-four #subNav {
        display: block !important;
    }

    #subNav {
        width: 100%;
        z-index: 1;
        top: 0;
        left: 0
    }

    #subnavBtn, .btn--subnav span {
        display: block;
        position: relative;
        width: calc(100vw - 35px);
        margin-left: 20px;
        padding: 8px 0;
        color: #000;
        box-shadow: 0 5px 11px 0 rgb(0 0 0 / 5%), 0 1px 15px 0 rgb(0 0 0 / 8%);
        background: #ffd530 !important;
    }

    .btn, button {
        background: rgba(212, 25, 52, 0);
        color: #a51c30
    }

    .btn--subnav span {
        margin: auto;
        -webkit-transition: width .2s .5s, border-radius .2s .5s;
        transition: width .2s .5s, border-radius .2s .5s
    }

    .btn--subnav span:after, .btn--subnav span:before {
        content: '';
        position: absolute;
        top: 0;
        -webkit-transition: left .2s, right .2s;
        transition: left .2s, right .2s
    }

    .btn--subnav span, .btn--subnav span:after, .btn--subnav span:before {
        height: 8px;
        width: 8px;
        background: #bac5c6;
        border-radius: 100px
    }

    .btn--subnav span:before {
        right: 150%
    }

    .btn--subnav span:after {
        left: 150%
    }
}

@media (max-width: 767.98px) {
    .region.region-sidebar-first ul.navbar-nav, .region.region-sidebar-second ul.navbar-nav {
        margin-left: 0;
        padding-left: 8px;
        border-left: 1px solid rgba(0, 0, 0, .2)
    }

    .navbar-nav ul.dropdown-menu.show {
        position: relative !important;
        transform: none !important;
        padding: 0 !important;
        background-color: #f6f6f6;
        border: none
    }

    .dawn-footer {
        height: auto !important
    }

    .gavias-blockbuilder-content {
        margin: 70px -20px 0 -20px
    }

    div#slide-40-layer-1 {
        display: none
    }

    .dawn-menu--main .navbar-collapse {
        margin: calc(1rem - .3125rem) 0;
        background: #222;
        border-radius: 5px;
        position: absolute;
        top: 100%;
        right: 1rem;
        width: 50%;
        box-shadow: 0 0 10px 1px rgba(34, 34, 34, .1)
    }

    .dawn-menu--main .dropdown-menu {
        border-radius: 0
    }

    .dawn-menu--main .navbar-nav .nav-item:not(:last-child) .nav-link {
        border-bottom: 1px solid #333
    }

    .dawn-menu--main .navbar-nav .nav-link {
        padding: 1rem
    }

    .dawn-menu--main .search-block-form {
        display: none
    }

    .section-title {
        font-size: 1rem
    }

    .pillar-pointer-img {
        display: none
    }

    .pillar-text {
        margin-top: 0;
        margin-right: 0
    }

    .site-branding__logo.mobile img {
        display: block;
        width: 60px;
        max-width: none;
        margin-top: unset;
        margin-left: -20px
    }

    .dawn-menu--main .navbar-collapse {
        margin: calc(1rem - .3125rem) 0;
        background: #222;
        border-radius: 5px;
        position: absolute;
        top: 100%;
        right: 1rem;
        width: 50%;
        box-shadow: 0 0 10px 1px rgba(34, 34, 34, .1)
    }

    .dawn-menu--main .dropdown-menu {
        border-radius: 0
    }

    .dawn-menu--main .navbar-nav .nav-item:not(:last-child) .nav-link {
        border-bottom: 1px solid #333
    }

    .dawn-menu--main .navbar-nav .nav-link {
        padding: 1rem
    }

    .dawn-menu--main .search-block-form {
        display: none
    }

    #subnavBtn, .btn--subnav span {
        display: block;
        position: relative
    }

    .dawn-article--card {
        margin-bottom: 2rem !important
    }

    .dawn-article--card:last-child {
        margin-bottom: 0 !important
    }

    .dawn-footer .region + .region {
        margin-top: 4rem
    }

    .dawn-section--about .saga-text-block {
        margin-bottom: 2rem
    }

    .video-height {
        height: 45vh !important
    }

    .btn, button {
        background: rgba(212, 25, 52, 0);
        color: #a51c30
    }

    .btn--subnav span {
        margin: auto;
        -webkit-transition: width .2s .5s, border-radius .2s .5s;
        transition: width .2s .5s, border-radius .2s .5s
    }

    .btn--subnav span:after, .btn--subnav span:before {
        content: '';
        position: absolute;
        top: 0;
        -webkit-transition: left .2s, right .2s;
        transition: left .2s, right .2s
    }

    .btn--subnav span, .btn--subnav span:after, .btn--subnav span:before {
        height: 8px;
        width: 8px;
        background: #bac5c6;
        border-radius: 100px
    }

    .btn--subnav span:before {
        right: 150%
    }

    .btn--subnav span:after {
        left: 150%
    }

    .region-footer-two #subNav,.region-footer-three #subNav,.region-footer-four #subNav {
        background-color: #333C33 !important;
    }

    #subNav {
        display: none;
        width: 100%;
        z-index: 1;
        top: 0;
        left: 0;
        background-color: #fff;
        overflow-x: hidden;
        margin: 25px 0
    }

    #subNav li:hover:not(.active) {
        border-bottom: 1px solid #ffd23b !important
    }

    #subNav .navbar-nav {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 0;
        list-style: none;
        margin: 0 40px
    }

    .region-footer-two #subNav .navbar-nav li,.region-footer-three #subNav .navbar-nav li,.region-footer-four #subNav .navbar-nav li{
        background-color: #333C33 !important;
    }

    .region.region-sidebar-first ul.navbar-nav .open .dropdown-menu {
        position: static !important;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        transform: none !important
    }

    .region.region-sidebar-first #subNav .navbar-nav li:focus {
        background-color: #ffd23b;
        color: #000
    }

    .navbar-nav ul.dropdown-menu.show {
        position: relative !important;
        transform: none !important;
        padding: 0 !important;
        background-color: #f6f6f6
    }

    #subNav .navbar-nav li:last-child, #subNav .navbar-nav li:last-child:hover {
        border-bottom: none !important
    }

    .section-title {
        font-size: 1.2rem
    }

    .mission-title {
        font-size: 2.8em
    }

    .hero-height {
        height: 34vh
    }

    .text-block.social-media-vert {
        padding-right: 0;
        display: none
    }

    .breadcrumb-item {
        padding-left: .5rem;
        letter-spacing: .75px;
        margin-top: unset !important;
        font-size: 1rem;
        color: #286dc0;
        text-transform: uppercase
    }

    .image-grid {
        margin: 0 3rem
    }

    #hero {
        height: 250px !important
    }

    .social-news-cards .card {
        height: 450px
    }

    .slide-headline {
        line-height: 40px !important
    }

    #SecondaryNavbar .navbar-nav,
    #PrimaryNavbar .navbar-nav {
        margin: unset;
    }
    #PrimaryNavbar .navbar-brand {
        float: left;
        height: 50px;
        padding: unset;
        font-size: 18px;
        line-height: 20px;
    }
    .stats-widget-image img{
        width:18%;
        height:auto
    }
    .image-widget-div{
        margin-bottom: -30px;
    }
    .image-widget-text > p{
        font-size: 0.9rem;
    }
    .image-widget-text > h1{
        font-size: 1.4rem;
    }
    .image-widget-text > h2{
        font-size: 1.3rem;
    }
    .image-widget-text > h3{
        font-size: 1.2rem;
    }
    .image-widget-text > h4{
        font-size: 1.1rem;
    }
    .image-widget-text > h5{
        font-size: 1rem;
    }

    /* Cadet Experience Fixes */
    .mobile-streak-card {
        webkit-box-shadow: unset !important;
        box-shadow: unset !important;
    }

    .mobile-streak-card .card-body {
        margin-bottom: -50px;
    }

    .academics-card-ul {
        border: 2px solid #89898b;
        border-image: none;
        width: 98%;
        background-color: #fff;
        margin-bottom: 50px;
    }

    .landing-page-grid .block-inline-blockstandard-text-box > div {
        height: 250px;
    }

    .academy-spotlight img {
        height: unset;
    }

    .custom-hero img {
        padding: 0 2em;
    }

    .stats-widget-title{
        font-size: 1.7rem
    }
    .stats-widget-statistic{
        font-size: 3rem !important;
        padding-top: .6vh;
    }
    .stats-block .stats-widget-statistic {
        font-size: 1.6rem;
        padding-top: .6vh;
    }
}

@media (max-width: 1023.99px) and (orientation: portrait) {
    .region.region-sidebar-first a.dropdown-item, .region.region-sidebar-second a.dropdown-item {
        background: 0 0;
        color: #000 !important;
        border: none
    }
}

@media (max-width: 1100px) and (orientation: landscape) {
    .mobile-leadership-img {
        width: 100% !important
    }

    .carousel-height-650 {
        height: 550px
    }

    .mobile-text-content {
        display: none
    }
}

@media (max-width: 800px) {
    #block-views-block-news-and-events-carousel-block-1 .owl-item {
        padding: 15px
    }

    #departments-hero img {
        max-height: 350px
    }

    #departments-hero h1 {
        display: none
    }

    #departments-hero-mobile h1 {
        display: block
    }
}

@media (max-width: 639.99px) {
    .block-paragraph-fieldnodefield-image-grid-four0departments-landing-page, .block-paragraph-fieldnodefield-image-grid-four2departments-landing-page {
        margin: 12px
    }

    .block-paragraph-fieldnodefield-image-grid-four1departments-landing-page, .block-paragraph-fieldnodefield-image-grid-four3departments-landing-page {
        margin: 12px
    }

    .stats-block .stats-widget-statistic {
        font-size: 3rem !important;
        padding-top: .6vh;
    }
}

@supports (-ms-ime-align:auto) {
    .edge-stats-text {
        margin-top: -20px
    }

    hr {
        margin: 0 15px;
        padding: 1px;
        border-top: 1px solid rgba(0, 0, 0, .2)
    }

    .layer-stats, .layer-stats2 {
        margin-top: 25px
    }

    .step-new-content h2 {
        color: #fff !important
    }

    .modal-header {
        border-bottom: 0
    }

    body {
        overflow-x: visible
    }
}

@media screen and (min-width: 40em) {
    .layout--threecol-section--25-25-50 > .layout__region--first, .layout--threecol-section--25-25-50 > .layout__region--second, .layout--threecol-section--25-50-25 > .layout__region--first, .layout--threecol-section--25-50-25 > .layout__region--third, .layout--threecol-section--50-25-25 > .layout__region--second, .layout--threecol-section--50-25-25 > .layout__region--third {
        flex: 0 1 25%
    }

    .layout--threecol-section--25-25-50 > .layout__region--third, .layout--threecol-section--25-50-25 > .layout__region--second, .layout--threecol-section--50-25-25 > .layout__region--first {
        flex: 0 1 50%
    }

    .layout--threecol-section--33-34-33 > .layout__region--first, .layout--threecol-section--33-34-33 > .layout__region--third {
        flex: 0 1 33.3%
    }

    .layout--threecol-section--33-34-33 > .layout__region--second {
        flex: 0 1 33.3%
    }
}

@media (max-width: 1001px) {
    .layout--threecol-section {
        display: unset;
        flex-wrap: wrap;
        margin: 15px .5rem 15px .5rem
    }

    #hero {
        height: 450px
    }
}

@media (max-width: 500px) {
    ul#sidebar.navbar-nav {
        margin: 0;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-left: 0;
        margin-bottom: 0;
        overflow-y: auto;
        list-style: none;
        position: fixed;
        background: gold;
        right: 0;
        width: 250px;
        z-index: 10000;
        height: 100%;
        top: 0;
        box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
    }

    /* This is used to move the body to the left whenever the menu button is clicked on mobile */
    body.push-left {
        right: 315px;
    }

    span.close-btn {
        position: fixed;
        right: 265px;
        margin-top: -100px;
        background: #333c33;
        border-radius: 50%;
        width: 40px;
        height: 40px;
        z-index: 1000;
    }

    body.push-left {
        right: 250px;
    }
}

@media (max-width: 400px) {
    .slide--headline {
        font-size: 1.4rem !important;
        line-height: 28px !important;
        margin: 0 15px !important
    }

    h2 {
        font-size: 1.7rem;
    }

    .page-node-type-major-minor #myTab0 .nav-link {
        font-size: 12px;
    }
}

@media (max-width: 1500px) {
    .image-widget img {
        max-height: 350px
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    .second-half.read-more a {
        font-size: .6rem
    }

    .footer-linkedin {
        width: unset;
    }
}

@media only screen and (max-width: 991px) {
    .sticky, .sticky-placeholder {
        display: unset
    }

    .featured-jumbotron div.col-md-5,
    .featured-jumbotron div.col-md-7 {
        flex: 0 0 100%;
        max-width: 100%;
        margin-top: 20px;
    }
}

@media screen and (max-width: 1334px) {
    .awemenu-default.awemenu-nav .awemenu-item > a {
        color: #fff;
        font-size: .7rem !important;
        text-decoration: none;
        text-transform: uppercase;
        letter-spacing: 2px;
        font-style: normal !important;
        font-variant: normal !important;
        font-weight: 700 !important
    }

    .awemenu-default.awemenu-nav .awemenu > .awemenu-item > a {
        padding: 27px 15px
    }

    .button-layer {
        top: 70px
    }
}

@media screen and (min-width: 1335px) {
    .awemenu-default.awemenu-nav .awemenu-item > a {
        color: #fff;
        font-size: .7rem;
        text-decoration: none;
        text-transform: uppercase;
        letter-spacing: 2px;
        font-style: normal !important;
        font-variant: normal !important;
        font-weight: 700 !important
    }

    .button-layer {
        top: 50px !important
    }
}

@media (max-width: 800px) and (orientation: landscape) {
    .slide--headline {
        font-size: 1.4rem !important;
        margin: 0 20px !important;
        line-height: 45px !important
    }

    .button-layer {
        top: 30px
    }
}

@media (min-width: 1200px) {
    #nav-social {
        position: absolute;
        right: 42px;
        text-align: right
    }

    .cover-image-widget p {
        margin-bottom: 0;
    }

    .slide--headline {
        text-align: center !important;
        margin: 0 20px !important;
        line-height: 72px !important
    }

    .featured-jumbotron .teams-flag-desktop {
        display: block;
        width: 140px;
    }
}

@media (min-width: 1000px) and (orientation: landscape) {
    .slide--headline {
        text-align: center !important;
        margin: 0 20px !important;
        line-height: 75px !important
    }
}

.flip-clock-wrapper {
    text-align: center;
    position: relative;
    display: flex;
    justify-content: center;
    width: 100%;
    margin: 35px 0 20px 0
}

@media (max-width: 700px) {
    .flip-clock-divider .flip-clock-label {
        position: absolute;
        top: -1.5em;
        right: -52px!important;
        color: #000;
        text-shadow: none
    }

    .flip-clock-divider.minutes .flip-clock-label {
        right: -56px
    }

    .flip-clock-dot.top {
        top: 9px
    }

    .flip-clock-dot.bottom {
        bottom: 56px
    }

    .flip-clock-wrapper ul li a div div.inn {
        position: absolute;
        left: 0;
        z-index: 1;
        width: 100%;
        height: 200%;
        color: #ccc;
        text-shadow: 0 1px 2px #000;
        text-align: center;
        background-color: #333;
        border-radius: 6px;
        font-size: 24px
    }

    .flip-clock-wrapper ul {
        position: relative;
        float: left;
        margin: 3px 3px;
        width: 30px;
        padding-inline-start: 13px;
        height: 45px;
        font-size: 80px;
        font-weight: 700;
        line-height: 22px;
        border-radius: 6px;
        background: #000
    }

    .flip-clock-wrapper ul li {
        z-index: 1;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        line-height: 48px;
        text-decoration: none !important
    }

    .flip-clock-wrapper {
        padding-left: 2%;
        padding-right: 2%
    }
}

@media (max-width: 450px) {
    .mediaSection {
        margin-bottom: -43px !important
    }

    .mediaSection2 {
        margin-top: -24px !important
    }
}

@media (max-width: 325px) {
    .mediaSection {
        margin-bottom: -54px !important
    }

    .mediaSection2 {
        margin-top: -36px !important
    }

    .mediaSection2 > h3 {
        font-size: 1.3rem !important
    }
}

@media (width: 1024px) {
    .mediaSection {
        margin-bottom: -54px !important
    }

    .mediaSection2 {
        margin-top: -36px !important
    }

    .mediaSection2 h3 {
        font-size: 1.1rem !important
    }
}

@media (min-width: 1002px) and (max-width: 1575px) {
    .mediaSection {
        margin-bottom: -50px !important
    }

    .mediaSection2 {
        margin-top: -30px !important
    }
}

@media (max-width: 1025px) {
    .awemenu-fix-mobile ul.awemenu {
        visibility: visible !important;
    }
}

/*large screens and mobile style stats widget*/
@media (max-width: 1700px ){
    .stats-widget-statistic{
        font-size: 3vw;
        padding-top: .6vh;
    }
    .stats-img{
        width: 50px !important;
    }

}
/*tablet style stats widget*/
@media(min-width:768px) and (max-width:1024px){
    .stats-widget-title{
        font-size:1rem;
    }
    .stats-widget-statistic{
        font-size: 1.3rem;
    }
}

/*landscape tablet style stats widget*/
@media(min-width: 1025px) and (max-width:1440px) and (orientation:landscape){
    .stats-widget-statistic{
        font-size:  2rem !important;
    }
}
@media(max-width: 740px) and (orientation:landscape){
    .stats-widget-image img {
        width: 12% !important;
    }

    .stats-block .stats-widget-image img {
        width: 50px !important;
    }
}

/*stats widget desktop iOS devices*/
@supports (-webkit-touch-callout: none) {
    .stats-div-wrapper{
        padding-bottom:1.5rem;
    }
}
/*mobile iOS devices*/
@media not all and (min-resolution:.001dpcm) {
    @supports (-webkit-appearance:none) {
        @media (min-width: 768px) and (max-width: 900px) {
            .stats-widget-title {
                font-size: 1.2rem;
                font-weight: 900 !important;
                line-height: normal;
                margin-top: -20px;
            }
        }
    }
}

/*landscape iOS devices*/
@media not all and (min-resolution:.001dpcm) {
    @supports (-webkit-appearance:none) {
        @media (max-width: 1440px) and (orientation: landscape) {
            .stats-widget-title {
                font-size: 1.3rem !important;
                font-weight: 900 !important;
                line-height: normal;
            }

            .stats-div-wrapper{
                padding-bottom:1.5rem;
            }
        }
        @media(max-width:1370px) and (orientation: landscape){
            .stats-widget-title {
                margin-top: -20px !important;
            }
            .stats-block .stats-widget-title {
                margin-top: unset !important;
            }
            .stats-block .stats-widget-image {
                height: unset;
            }
        }
        @media (max-width: 800px) and (orientation: landscape) {
            .stats-widget-title {
                margin-top: 0px !important;
                font-size: 1.9rem !important;
            }
            .stats-widget-image{
                height:unset !important;
            }
            .stats-block .stats-widget-title {
                margin-top: 0 !important;
                font-size: 1.9rem !important;
            }

        }
        @media (width: 812px) and (orientation: landscape) {
            .stats-widget-title {
                margin-top: 0px !important;
                font-size: 1.9rem !important;
            }
            .stats-widget-image{
                height:unset !important;
            }
            .stats-block .stats-widget-title {
                margin-top: 0 !important;
                font-size: 1.9rem !important;
            }
        }
        @media(max-width: 740px) and (orientation:landscape) {
            .stats-widget-image img {
                width: 50px !important;
            }
            .stats-block .stats-widget-image img {
                width: 50px !important;
            }
        }
        /* ipad Mini Landscape */
        @media (width:1024px) and (resolution: 163dpi) {
            .stats-widget-title{
                font-size: 1.5rem !important;
            }
        }
    }
}
/*  All IPAD devices and layouts */
@media only screen and (device-width: 768px) {
    .stats-widget-title{
        font-size: 1.25rem!important;
    }
}

@media(min-width:768px) and ( max-width: 1100px) and (orientation: landscape){
    .streak-widget .card.space-left{
        margin-left:unset !important;
    }

    .space-right{
        margin-right:unset !important;
    }
}

/*Footer IOS */
@supports (-webkit-touch-callout: none) {
    /* CSS specific to iOS devices */
    .logo-text{
        width: 320px;
        height: 70px;
    }
    @media(max-width: 1668px) and (min-width:576px){
        .logo-text{
            width:320px;
            height:50px
        }
    }
}

@media not all and (min-resolution:.001dpcm) {
    @supports (-webkit-appearance:none) {
        .logo-text {
            width: 320px;
            height: 70px;
        }
    }
}

@media (min-width: 1231px) {
    .nav-item.dropdown .dropdown-menu {
        display: block;
    }
}

/* Fixes select issues with sidebar */
@media (max-width: 1230px) {
    .region.region-sidebar-first {
        width: 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding: 0 30px;
    }

    #subnavBtn, .btn--subnav span {
        display: block;
        position: relative;
        width: calc(100vw - 75px);
        margin-left: 28px;
        padding: 8px 0;
        color: #000;
        box-shadow: 0 5px 11px 0 rgb(0 0 0 / 5%), 0 1px 15px 0 rgb(0 0 0 / 8%);
        background: #ffd530 !important;
    }

    .page-node-type-major-minor #subnavBtn, .btn--subnav span {
        width: calc(100vw - 75px);
    }

    span.sidebar-menu-icon {
        font-size: 1.5rem;
        font-weight: bold;
        margin-left: 12px;
    }

    ul#sidebar.navbar-nav {
        margin: 0;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-left: 0;
        margin-bottom: 0;
        list-style: none;
        position: fixed;
        background: gold;
        overflow-y: auto;
        right: -50%;
        width: 50%;
        z-index: 10000;
        height: 100%;
        top: 0;
        box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
    }

    #sidebar .nav-item > a {
        display: flex;
        align-items: center;
        color: #000;
        font-size: 1.25rem;
        text-decoration: none;
        text-transform: uppercase;
        font-weight: 900;
        font-style: normal;
        letter-spacing: 2px;
        padding: 1.125rem 1.5625rem 1.125rem 0 !important;
        border-bottom: 1px solid rgba(0, 0, 0, .2) !important;
        text-shadow: 0 1px 0 rgb(0 0 0 / 20%);
    }

    #subNav li.nav-item {
        padding: 0 35px 0 22px;
    }

    #sidebar .sidebar-icon {
        position: absolute;
        right: 40px;
        top: 8px;
        z-index: 1000;
        display: block;
    }

    span.close-btn:before {
        margin-top: -1px;
        transform: rotate(45deg);
    }

    span.close-btn:after {
        margin-top: -1px;
        transform: rotate(-45deg);
    }

    span.close-btn:before, span.close-btn:after {
        content: '';
        width: 22px;
        height: 2px;
        border-radius: 1px;
        background-color: #fff;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-left: -11px;
        -moz-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }

    span.close-btn {
        position: fixed;
        right: 55%;
        background: #333c33;
        border-radius: 50%;
        width: 60px;
        top: 150px;
        height: 60px;
        z-index: 1000;
    }

    #subNav ul.dropdown-menu {
        background: transparent;
        box-shadow: none;
        border: none;
        padding: 0 20px;
    }

    #subNav #sidebar .nav-item.dropdown li.nav-item {
        padding: 0;
    }

    #subNav #sidebar .nav-item.dropdown a.dropdown-item {
        background: transparent;
        color: rgba(0, 0, 0, .88) !important;
        margin-left: 1.75rem !important;
    }

    .side-menu-display {
        display: none;
    }

    .layout--twocol-section {
        display: flex;
        flex-direction: column;
        flex-wrap: unset;
    }

    #subNav .overlay {
        width: 100vw;
        height: 100vh;
        background: rgba(0, 0, 0, .4);
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 100;
    }
}

@media (max-width: 600px) {
    .display-header-title {
        font-size: 2.5rem
    }

    .card-spacer, .mb-md-1 {
        margin-bottom: 25px
    }

    .mission-text {
        display: block
    }

    .mission-text-subtitle {
        padding-left: 100px
    }

    .events-img {
        width: 50%;
        height: 50%
    }

    .events-sub-title {
        margin-left: 32px;
        font-size: 1em
    }

    .mission-title {
        font-size: 2.2em
    }

    .dawn-footer {
        font-size: 1rem;
        padding-top: .8rem;
        padding-bottom: 2rem;
        color: #777;
    }

    .dawn-footer .footer-links {
        font-size: 25px
    }

    .search-block-form > form#search-block-form {
        display: inline-flex;
        position: absolute;
        z-index: 1030;
        align-items: center;
        margin-left: -159px;
        margin-top: -10px
    }

    .faculty-body-text {
        width: 100%
    }

    .mission-title {
        font-size: 2.2em !important
    }

    div#slide-40-layer-1 {
        display: none
    }

    .hero-mobile {
        display: block !important
    }

    .hero-buttons {
        padding-top: 10px !important
    }

    .nav-header {
        display: inline-block;
        margin-bottom: 10px
    }

    .streak {
        height: 250px !important
    }

    .usma-card {
        max-height: 275px !important
    }

    a.btn.btn-outline-white.btn-lg.waves-effect.waves-light.mobile-btn {
        display: block
    }

    .slide--bio, .slide--subheadline {
        font-size: 1.3rem !important;
        line-height: 30px !important
    }

    .subtitle-top {
        top: -10px
    }

    .tp-video-button-wrap button {
        font-size: 8px !important
    }

    .slide--headline {
        font-size: 1.4rem !important;
        margin: 0 20px !important;
        line-height: 35px !important
    }

    a.mobile-btn {
        min-width: 200px
    }

    .tp-bullets {
        display: none !important
    }

    .button-layer {
        top: 40px !important;
        margin: 0 auto !important
    }

    .text-section {
        padding-bottom: 0px !important
    }

    .row.no-gutters .media-img-spacing img{
        padding-bottom: 10% !important;
    }

    .row.no-gutters.reverse-section .media-img-spacing img{
        padding-bottom: 0% !important;
    }

    .streak-list-item {
        text-align: left !important;
    }

    .mobile-leadership-img {
        width: 100% !important;
    }

    .featured-jumbotron img {
        width: 100%;
        padding-bottom: 25px;
    }
    .page-node-type-departments-landing-page .layout.layout--twocol-section.layout--twocol-section--50-50 {
        display: block!important; flex-direction: unset!important;
    }

    ul#sidebar.navbar-nav {
        margin: 0;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-left: 0;
        margin-bottom: 0;
        list-style: none;
        position: fixed;
        background: gold;
        overflow-y: auto;
        right: -50%;
        width: 80%;
        z-index: 10000;
        height: 100%;
        top: 0;
        box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
    }

    span.close-btn:before, span.close-btn:after {
        content: '';
        width: 15px;
        height: 2px;
        border-radius: 1px;
        background-color: #fff;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-left: -8px;
        -moz-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }

    span.close-btn {
        position: fixed;
        right: 84%;
        background: #333c33;
        border-radius: 50%;
        width: 30px;
        top: 150px;
        height: 30px;
        z-index: 1000;
    }

    #sidebar .sidebar-icon {
        position: absolute;
        right: 20px;
        top: 8px;
        z-index: 1000;
        display: block;
    }

    #sidebar .nav-item > a {
        display: flex;
        align-items: center;
        color: #000;
        font-size: 0.875rem;
        text-decoration: none;
        text-transform: uppercase;
        font-weight: 900;
        font-style: normal;
        letter-spacing: 2px;
        padding: 1.125rem 1.5625rem 1.125rem 0 !important;
        border-bottom: 1px solid rgba(0, 0, 0, .2) !important;
        text-shadow: 0 1px 0 rgb(0 0 0 / 20%);
    }

    #subNav #sidebar .nav-item.dropdown a.dropdown-item {
        background: transparent;
        color: rgba(0, 0, 0, .88) !important;
        margin-left: unset !important;
    }

    .gold-quote {
        font-size: 1rem;
        font-style: italic;
        line-height: 2;
        text-align: center
    }

    .advanced-block-carousel .card-body {
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        padding: 1.25rem 1rem;
    }

    .advanced-block-carousel .card .card-body .card-text {
        color: #000000;
        font-size: .9rem;
        font-weight: 400;
        margin: 5px;
    }
}

@media (max-width: 841.98px) and (min-width: 768.98px) {
    .streak-block .card {
        margin-left: 47px;
    }
}

@media (max-width: 991px) {
    .military-hero #hero-overlay-content {
        display: none;
    }

    .cadet-videos {
        margin-bottom: -80px;
    }
}

@media (max-width: 600px) and (orientation: portrait) {
    .mobile-landscape-img {
        display: none;
    }

}

@media (max-width: 600px) and (orientation: landscape) {
    .tablet-streak-img {
        display: none;
    }
}

@media (max-width: 1229px) and (min-width: 767px) {
    .page-node-type-major-minor .layout-builder__layout .col-lg-3,
    .page-node-type-major-minor .layout-builder__layout .col-lg-9 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

/* Safari 11+ */
@media not all and (min-resolution:.001dpcm)
{ @supports (-webkit-appearance:none) and (stroke-color:transparent) {
    .stats-widget-image img {
        width: 18%;
        height: 100px;
    }
}}

@media (min-width: 992px) {
    .featured-jumbotron .teams-flag-desktop {
        display: block;
        width: 140px;
    }
}