﻿/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
    .navbar-right {
        flex-direction: row;
    }

    .collapse:not(.show) {
        display: flex !important;
        position: absolute;
        right: 0;
        top: 38px;
    }

    nav.navbar.bootsnav .navbar-toggle {
        display: none;
    }

    .newsTitle {
        margin-top: 15px;
    }

    .instructor-info ul {
        width: 220px;
    }
    nav.navbar.bootsnav li.dropdown ul.dropdown-menu{
        position:absolute;
    }
}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199.98px) {
    .container {
        max-width: 100% !important;
    }

    .navbar-right {
        flex-direction: row;
    }

    .collapse:not(.show) {
        display: flex !important;
        position: absolute;
        right: 0;
        top: 38px;
    }

    nav.navbar.bootsnav .navbar-toggle {
        display: none;
    }

    .newsTitle {
        margin-top: 15px;
    }

    .aboutText {
        padding: 50px 25px;
    }

    .instructor-info ul {
        width: 220px;
    }

    .instructor-img {
        background: #254E9D;
        overflow: hidden;
        overflow-x: hidden;
        overflow-y: hidden;
        text-align: right;
        height: 297px;
    }

        .instructor-img img {
            width: 388px !important;
        }

    .instructor-info img {
        width: 150px;
        margin: 6px 30px;
    }

    .instructor-info ul {
        width: 218px;
        font-size: 15px;
    }
    nav.navbar.bootsnav li.dropdown ul.dropdown-menu {
        position: absolute;
    }
}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991.98px) {
    .container {
        max-width: 100% !important;
    }

    #about {
        padding-top: 50px;
    }

    .instructor {
        margin-top: 30px;
        width: 600px;
    }

    .instructor-info {
        width: 400px;
    }

        .instructor-info img {
            margin: 15px 25px;
        }

    .instructor-img {
        background: #254E9D;
        text-align: right;
        overflow: hidden;
    }

        .instructor-img img {
            max-width: 100%;
            margin-top: -67px;
        }

    header {
        height: 82px;
    }

    .aboutText {
        padding: 50px 15px !important;
    }

    nav.navbar.bootsnav .navbar-toggle {
        position: absolute;
        font-size: 24px;
        right: 10px;
        top: 13px;
    }

    .btn.btn-lg.register {
        margin-top: 0 !important;
    }

    nav.navbar.bootsnav .navbar-collapse.collapse.show {
        display: block !important;
    }

    .navbar-right {
        flex-direction: column !important;
        margin-top: 15px !important;
        box-shadow: none;
    }

    nav.navbar.bootsnav ul.nav > li {
        border-bottom: none !important;
        border-top: 1px solid #d1d1d1;
    }

        nav.navbar.bootsnav ul.nav > li a {
            border: none !important;
        }
    nav.navbar.bootsnav.no-full .navbar-collapse {
        overflow-x: hidden !important;
    }
    nav.navbar.bootsnav li.dropdown ul.dropdown-menu {
        position: absolute;
    }
}

@media (max-width: 767.98px) {
    nav.navbar.bootsnav .navbar-collapse.collapse.show {
        display: block !important;
    }

    .navbar-right {
        flex-direction: column !important;
        margin-top: 15px !important;
        box-shadow: none;
    }

    nav.navbar.bootsnav ul.nav > li {
        border-bottom: none !important;
        border-top: 1px solid #d1d1d1;
    }

        nav.navbar.bootsnav ul.nav > li a {
            border: none !important;
        }

    .container {
        max-width: 100% !important;
    }

    nav.navbar.bootsnav .navbar-header {
        padding: 0 !important;
    }

    nav.navbar.bootsnav .navbar-toggle {
        top: 0;
    }

    nav.navbar.bootsnav .navbar-brand img, nav.navbar.bootsnav.navbar-fixed.no-background .navbar-brand img,
    nav.navbar.bootsnav.sticked .navbar-brand img, nav.navbar.bootsnav.navbar-fixed .navbar-brand img {
        width: 137px;
    }

    .maintitle {
        margin-left: 55px;
        line-height: 21px;
    }

        .maintitle .part01 {
            font-size: 16px;
        }

        .maintitle .part02 {
            font-size: 18px;
        }

        .maintitle .part03 {
            font-size: 16px;
        }

    nav.navbar.bootsnav.no-background {
        background: white;
        padding-left: 0;
    }

    .aboutText {
        padding: 50px 0;
        background: rgba(38,71,147,0.35);
    }

    .btn.btn-lg.register {
        margin-top: 0 !important;
    }

    .Banner {
        background: #274D9D url(../images/wideBanner-xs.png) no-repeat bottom center;
        height: auto;
    }

    header {
        height: 80px;
    }
    .Banner .col-sm-12 {
        padding-right: 0 !important;
    }
    .modules{
        column-count:1;
    }
    .NewsItem .AnnouncementDate{
        margin-bottom:15px;
    }
    nav.navbar.bootsnav.no-full .navbar-collapse{
        overflow-x:hidden!important;
    }
    .instructorBox img{
        margin-bottom:30px;
    }
}

@media (max-width: 518px) {
    .instructor-img img {
        display: none;
    }

    .instructor-info {
        background: #254E9D;
        position: relative;
        width: 100%;
        height: auto;
        padding-bottom: 30px;
    }

        .instructor-info img {
            margin: 15px 25px;
        }
    .footerPartners {
        margin-bottom:15px;
    }
}
