@media (min-width: 768px) {
    header > .top {
        height: 55px;
        display: block;
    }
    header > .top > .logo {
        display: block;
        float: left;
        background: #fff;
    }
    header > .top > .logo > img {
        width: 180px;
        height: 55px;
    }
    header > .top > .phone {
        float: right;
        border: none;
        height: 55px;
        font-size: 21px;
        padding: 0 22px;
    }

    header > .bottom {
        background: #242E49;
        box-shadow: 0 2px 3px 0 rgba(0,0,0,0.12);
        display: block;
    }
    header > .bottom > .main-nav-trigger:hover, header > .bottom > .main-nav-trigger.open {
        background: #111624;
    }
    header > .bottom > .main-nav-trigger > .icon {
        float: left;
    }
    header > .bottom > .logo {
        display: none;
    }
    header > .bottom > form.quick-booking {
        left: unset;
        width: 400px;
        transition: opacity .5s;
    }
    header > .bottom > .quick-booking-trigger {
        font-size: 15px;
        color: #fff;
        border: 1px solid #FFFFFF;
        height: 38px;
        line-height: 38px;
        width: 84px;
        padding: 0 5px;
        text-align: center;
        margin: 11px 30px;
        float: right;
    }
    header > .bottom > .quick-booking-trigger:hover, header > .bottom > .quick-booking-trigger.open {
        background: transparent;
    }
}