/**
 * Small devices (landscape phones, 576px and up)
 */
@media (max-width: 576px) {
    body[data-current-path="/login/"] .iMac,
    body[data-current-path="/register/"] .iMac {
        background-image: none;
    }

    .navbar-collapse {
        background-color: white;
        width: 100%;
        display: block;
        position: absolute;
        top: 0;
        left: 0;
    }

    .navbar-collapse .nav-item {
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        padding-bottom: 0.5rem;
        padding-top: 0.5rem;
    }

    .navbar-collapse .nav-item:last-child {
        border-bottom: none;
    }

    .navbar-collapse .nav-item:first-child {
        padding-bottom: 1.5rem;
    }

    .navbar-collapse li a {
        color: #07baa5 !important;
    }

    .nav-logo img {
        width: 180px;
        height: 31px;
    }

    .example-preview {
        min-height: 125px;
    }

    .timeline-stone .timeline {
        background-position: -55.2rem 9.5rem;
    }

    .timeline-examples {
        margin-top: 0px;
    }

    .timeline-duomo .image-content {
        margin-top: 215px;
    }

    .navbar-nav {
        box-shadow: 2px 2px 2px 1px #00000021;
    }

    .timeline-example-overlay {
        display: none;
    }

    .bg-green-sm {
        background-color: #00a99d !important;
    }

    .color-white-sm {
        color: white !important;
    }

    .border-sm-0 {
        border: 0px !important;
    }

    .border-top-sm-0 {
        border-top: 0px !important;
    }

    .border-bottom-sm-0 {
        border-bottom: 0px !important;
    }

    .border-left-sm-0 {
        border-left: 0px !important;
    }

    .border-right-sm-0 {
        border-right: 0px !important;
    }

    .border-sm {
        border: 1px solid #dee2e6 !important;
    }

    .border-top-sm {
        border-top: 1px solid #dee2e6 !important;
    }

    .border-bottom-sm {
        border-bottom: 1px solid #dee2e6 !important;
    }

    .border-left-sm {
        border-left: 1px solid #dee2e6 !important;
    }

    .border-right-sm {
        border-right: 1px solid #dee2e6 !important;
    }

    img.explore-events-timespace-cover {
        width: 40px;
        height: 40px;
    }

    /**
* ROUNDED CORNER EXTRAS
*/

    .rounded-sm-top-left {
        border-top-left-radius: 0.25rem !important;
    }

    .rounded-sm-bottom-left {
        border-bottom-left-radius: 0.25rem !important;
    }

    .rounded-sm-top-right {
        border-top-right-radius: 0.25rem !important;
    }

    .rounded-sm-bottom-right {
        border-bottom-right-radius: 0.25rem !important;
    }

    .not-rounded-sm-top-left {
        border-top-left-radius: 0rem !important;
    }

    .not-rounded-sm-bottom-left {
        border-bottom-left-radius: 0rem !important;
    }

    .not-rounded-sm-top-right {
        border-top-right-radius: 0rem !important;
    }

    .not-rounded-sm-bottom-right {
        border-bottom-right-radius: 0rem !important;
    }

    .not-rounded-sm,
    .not-rounded-sm-a a {
        border-radius: 0px !important;
    }

    .border-bottom-sm-0 {
        border-bottom: 0px !important;
    }

    .bg-white-sm {
        background-color: white !important;
    }

    img.explore-events-picture {
        width: 100%;
        height: 70px;
    }
}

/**
 * Medium devices (tablets, 768px and up)
 */
@media (min-width: 768px) {
}

/**
 * Large devices (desktops, 992px and up)
 */
@media (min-width: 992px) {
}

/**
 * Extra large devices (large desktops, 1200px and up)
 */
@media (max-width: 1280px) {
    .timeline-duomo .timeline {
        /*	background-position: left 31.5rem;*/
        background-position: -27rem 33.3rem;
    }

    .bg-duomo {
        height: 963px;
    }
}

@media (min-width: 1600px) {
    .timeline-duomo .timeline {
        background-size: inherit;
        background-position: left 28rem;
    }

    .bg-duomo {
        background-size: auto;
        background-repeat: no-repeat;
    }

    .example-preview {
        min-height: 320px;
    }
}