@media (max-width: 1200px) {
    #navbar_menu {
        font-size: 13.5px
    }
}
@media (max-width: 991px) {
    .navbar-expand-lg .navbar-nav {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column;
        padding-left: 0;
        margin-bottom: 0;
        list-style: none;
    }

    .media img {
        width: 7rem;
        height: 7rem
    }

    #navbar_menu {
        margin: 1rem 0;
        font-size: 1rem
    }

    #navbar_menu .nav-link {
        padding-left: .5rem;
        border-bottom: 1px solid #eee
    }

    #navbar_menu .nav-link.focus, #navbar_menu .nav-link.hover, #navbar_menu .nav-link:active, #navbar_menu .nav-link:focus, #navbar_menu .nav-link:hover {
        color: rgba(50, 50, 50, .9);
        background-color: #fff
    }

    #navbar_menu .nav-link.active {
        color: rgba(50, 50, 50, .9);
        background-color: #f7f7f7
    }

    #navbar_menu .nav-link[aria-expanded=false]::after {
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }

    #navbar_menu .nav-link[aria-expanded=true]::after {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0)
    }

    .megamenu .dropdown-menu .col-lg-3 {
        padding: 0;
        margin-top: 1rem
    }

    .dropdown-menu {
        border: 0;
        padding: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        margin: 0 0 0 1rem
    }

    .dropdown-item {
        padding-left: .5rem;
        padding-right: 0;
        border-bottom: 1px solid #eee
    }

    .dropdown-item.focus, .dropdown-item.hover, .dropdown-item:active, .dropdown-item:focus, .dropdown-item:hover {
        color: rgba(50, 50, 50, .9);
        background-color: #fff
    }

    .dropdown-item.active {
        color: rgba(50, 50, 50, .9);
        background-color: #f7f7f7
    }

    .dropdown-header {
        padding-left: .25rem;
        padding-right: 0
    }

    .dropdown-divider {
        display: none
    }
}

@media (max-width: 992px) {
    .banner h1, .carousel-item h1 {
        font-size: 3rem
    }

    .banner h1 small, .carousel-item h1 small {
        font-size: 1.2rem
    }

    .banner p, .carousel-item p {
        font-size: .95rem
    }

    .carousel-item img {
        width: auto;
        height: 300px
    }

    .topbar {
        margin-bottom: 20px
    }

    .timeline::before {
        display: none
    }

    .timeline .tmtime {
        position: relative;
        padding: 0 0 1rem;
        text-align: left;
        width: 100%
    }

    .timeline .tmtime small {
        display: inline-block
    }

    .timeline .tmlabel {
        padding: 1em;
        font-weight: 400;
        margin: 0 0 30px
    }

    .timeline .tmlabel::after {
        left: 1rem;
        top: -20px;
        right: auto;
        border-bottom-color: #f7f7f7;
        border-right-color: transparent
    }

    .timeline .tmicon {
        display: none
    }
}

@media (max-width: 768px) {
    .banner h1, .carousel-item h1 {
        font-size: 2.5rem
    }

    .banner h1 small, .carousel-item h1 small {
        font-size: 1.1rem
    }

    .banner p, .carousel-item p {
        font-size: .9rem
    }

    .carousel-item img {
        width: auto;
        height: 300px
    }

    fieldset {
        border: 0;
        padding: 0;
        background-color: #fff
    }

    .table--grid,
    .table--plain {
        width: auto;
    }

    .media, .media img {
        display: block
    }

    .media img {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
        width: 6rem;
        height: 6rem;
        float: right;
        margin: 0 0 .5rem .5rem;
        padding: 0;
        border: 0
    }
}

@media (max-width: 576px) {
    .dropdown-item {
        white-space: normal
    }

    .banner h1, .carousel-item h1 {
        font-size: 1.75rem;
        line-height: 1.1
    }

    .banner h1 small, .carousel-item h1 small {
        font-size: 1.1rem
    }

    .banner p, .carousel-item p {
        font-size: .75rem
    }

    .carousel-item img {
        width: auto;
        height: 300px
    }

    .service {
        display: block
    }

    .service .service-icon {
        float: right;
        margin: 0 0 .5rem 1rem
    }

    .table--grid,
    .table--default,
    .table--opening-hours {
        border: none;
    }

    .layout__moodboard-logo {
        height: auto;
    }

    ul {
        padding-left: 2rem
    }
    .h2, h2 {
        font-size: 1.5rem
    }

    .h3, h3 {
        font-size: 1.3rem
    }

}

@media (max-width: 500px) {
    .layout__moodboard-logo * {
        height: 77px !important;
        width: 290px !important;
    }

    #navigation nav.container>div.row {
        padding-top: 15px !important;
    }
}

@media (max-width: 420px) {
    .layout__moodboard-logo {
        height: auto;
    }

    .layout__moodboard-logo * {
        height: 64px !important;
        width: 240px !important;
    }
}

@media (max-width: 340px) {
    .layout__moodboard-logo * {
        height: 51px !important;
        width: 190px !important;
    }
}

/* Tablets */
@media only screen and (max-width: 991px) {
    body:not(.iFrame) {
        font-size: 16px;
    }
}

/* Phones */
@media only screen and (max-width: 767px) {
    body:not(.iFrame) {
        font-size: 16px;
        line-height: 1.7;
    }
}