@media only screen and (min-width:1366px) {
    .container {
        width: 1300px;
    }
}

@media only screen and (min-width:1480px) {
    .container {
        width: 1400px;
    }
}

@media only screen and (max-width:1680px) {}

@media only screen and (max-width:1366px) {
    .smaller-gap .block-grid-item {
        height: 500px;
    }
    .smaller-gap .block-grid-item.half {
        height: 245px
    }
    .jobs-title {
        padding: 100px 0 19px 0;
    }
}
@media only screen and (max-width:1366px) and (min-width: 768px) {
    .main-headline#intro h1 {
        font-size: 28px;
    }
    #intro p {
        line-height: 40px;
    }
}

@media only screen and (max-width:1280px) {
    .reservation-box {
        padding: 0 5%;
    }
    .nav-tabs {
        border-bottom: none;
        margin-bottom: 0px;
        padding: 45px 0 0px 1%;
    }
    .event-calendar-container .event-item.calendar-month,
    .event-calendar-container .event-item {
        max-width: 266px;
        min-height: 280px;
        height: 280px;
        margin-bottom: 20px;
    }
    .event-calendar-container .event-item.calendar-month,
    .event-calendar-container .event-item {
        max-width: 266px;
        min-height: 280px;
        height: 280px;
        margin-bottom: 20px;
    }

    .event-calendar-container .event-item-inner {
        max-width: 226px;
    }
    .event-calendar-container .image-container {
        height: 170px;
    }
    .event-calendar-container .event-item .content {
        margin-top: 15px;
    }
    .image-overlay {
        position: absolute;
        background: rgba(0, 0, 0, 0.3);
        width: 100%;
        height: 100%;
        left: 0;
    }
    .hoxtown-events-landing .event-calendar-container .event-item .content .when.end-date {
        width: 50%;
        margin-left: -10%;
    }
    .event-calendar-container .event-item-inner .content .when {
        position: absolute;
        top: -140px;
        left: 10px;
        color: #fff;
    }
    .event-calendar-container {
        max-width: 920px;
    }
    .event-highlight-slider .slick-slide {
        max-width: 692px;
    }
}

@media only screen and (max-width:1199px) {
    .smaller-gap .block-grid-item {
        height: 420px;
    }
    .smaller-gap .block-grid-item.half {
        height: 205px
    }
    .event-calendar-container {
        max-width: 920px;
    }
}

@media (min-width: 1200px) {
    .jobs-container {
        width: 1146px;
    }
}

@media only screen and (min-width:1025px) {
    #mobile-menu-trigger,
    #mobile-menu {
        display: none !important;
    }
    .navbar-collapse.collapse {
        display: block!importan
    }
}

@media only screen and (max-width:1024px) {
    body {
        font-size: 14px;
    }
    /* HEADER */
    /*#hotel-menu,
    #menu-toggle {
        display: block
    }
    #main-logo {
        right: 0;
        margin: 0 15px 0 0;
    }*/
    header {
        position: relative !important;
        background: #000 !important;
        padding: 0 !important;
    }
    header .container {
        position: relative;
        width: 100%;
        padding: 0px;
    }
    /*#menu-toggle {
        background: #fff;
    }*/
    /*#menu-toggle span {
        display: block;
        background: #333;
        border-radius: 2px;
    }*/
    .on #menu-toggle span {
        background: #333;
    }
    .btn-book {
        margin-right: 46px;
    }

    /* LOGO */
    #logo {
        color: #fff;
        display: none;
        font-size: 27px;
        margin-left: 15px;
        text-align: left;
    }

    .on #main-logo {
        display: none;
        width: auto;
        padding: 10px 0;
    }
    /*.slider {
        min-height: 480px;
    }*/

    /* NAVIGATION */
    nav {
        position: relative;
    }
    .navbar-default {
        border-color: transparent;
        border-width: 0;
        border-radius: 0;
        clear: both;
        margin-bottom: 0;
        width: 100%;
    }
    #menu.navbar-default,
    #menu.navbar-default {
        position: relative !important;
        padding: 0;
    }
    .navbar-default .container {
        padding: 0 15px;
        text-align: center;
    }
    .navbar-collapse {
        border: none;
        float: none !important;
        display: none;
    }
    .navbar-nav {
        margin: 0;
        float: none !important;
    }
    .navbar-nav > li {
        display: block;
        float: none;
        overflow: hidden;
        text-align: left;
    }
    .navbar-default .navbar-nav > li.active:after {
        display: none;
    }
    .navbar-default .navbar-nav > li > a {
        border-bottom: 1px solid rgba(255, 255, 255, .1);
        color: #fff;
        line-height: 20px;
        padding: 15px !important;
        z-index: 9
    }
    .navbar-nav > li > a > i {
        background-size: 20px;
        display: inline-block;
        float: left;
        height: 20px;
        margin-right: 15px;
        width: 20px;
    }
    .navbar-default .navbar-nav > li > a:hover,
    .navbar-default .navbar-nav > li.current-menu-item > a:hover,
    .navbar-default .navbar-nav > li.current-menu-item > a,
    .navbar-default .navbar-nav > li > a:focus {
        background: rgba(84, 84, 84, 0.3);
        color: #fff;
    }
    .navbar-default .navbar-nav > .active > a,
    .navbar-default .navbar-nav > .active > a:hover,
    .navbar-default .navbar-nav > .active > a:focus {
        background: rgba(0, 0, 0, 0.3);
        color: #fff;
    }
    .navbar-default .navbar-nav > li > a:hover:after,
    .navbar-default .navbar-nav > .current-menu-item > a:after,
    .navbar-default .navbar-nav > .active > a:after,
    .navbar-default .navbar-nav > .active > a:hover:after,
    .navbar-default .navbar-nav > .active > a:focus:after {
        display: none;
    }
    .navbar-collapse {
        padding: 0;
        clear: both;
        background: rgba(0, 0, 0, .65);
        position: relative;
        z-index: 5;
    }
    .navbar-default .navbar-nav > li > a:after {
        display: none;
    }
    .navbar-default .navbar-nav > .current-menu-item > a,
    .navbar-default .navbar-nav > .current-menu-item > a:hover,
    .navbar-default .navbar-nav > .current-menu-item > a:focus,
    .navbar-default .navbar-nav > .open > a,
    .navbar-default .navbar-nav > .open > a:hover,
    .navbar-default .navbar-nav > .open > a:focus {
        background: rgba(84, 84, 84, 0.3);
        color: #fff;
    }
    .sub-menu {
        background: transparent;
        box-shadow: none;
        position: relative;
        padding: 0;
        top: 0;
        width: 100%;
        -webkit-box-shadow: none;
    }
    .sub-menu > li > a {
        padding: 15px;
        text-indent: 15px;
    }
    .sub-menu a:hover {
        color: #b4975a
    }
    .sub-menu .sub-menu {
        border-top: none;
        border-bottom: 1px solid rgba(0, 0, 0, .07);
        left: 0;
        top: 0;
    }
    .sub-menu li li a {
        padding-left: 20px;
    }
    li .sf-sub-indicator {
        cursor: pointer;
        height: 50px;
        left: auto!important;
        position: absolute;
        right: 0 !important;
        top: 0 !important;
        text-align: right;
        width: 50%;
        z-index: 999;
    }
    li .sf-sub-indicator:after,
    li.open li .sf-sub-indicator:after,
    li.open li.open li .sf-sub-indicator:after {
        content: "+";
        color: #fff;
        font-size: 16px;
        line-height: 45px;
        margin: 0 5px 0 0;
    }
    li.open .sf-sub-indicator:after,
    li.open li.open .sf-sub-indicator:after,
    li.open li.open li.open .sf-sub-indicator:after {
        content: "-";
        font-size: 23px;
        line-height: 45px;
        margin: 0 7px 0 0;
    }
    .sf-menu li:hover ul,
    .sf-menu li.sfHover ul {
        height: 0px;
        overflow: hidden;
        position: absolute;
        visibility: hidden!important;
    }
    .sf-menu li ul.mobile-open {
        display: block!important;
        height: auto!important;
        position: relative;
        visibility: visible!important;
    }

    .slides h1,
    .slides h2 {
        font-size: 4vw;
        margin-bottom: 0;
    }

    #nav-menu.on .navbar-nav > li > a {
        color: #fff;
    }
    #canvas {
        margin: 0;
    }

    .smaller-gap .block-grid-item {
        height: 450px;
    }
    .smaller-gap .block-grid-item.half {
        height: 220px
    }

    .block-grid-item {
        height: 450px;
    }
    .block-grid-item.half {
        height: 215px;
    }
}

@media only screen and (min-width:768px) {
    .job-app-form .contourPage fieldset:nth-of-type(2),
    .applicationform .contourPage fieldset:nth-of-type(3) {
        width: 50%;
    }

    .job-app-form .contourPage fieldset:nth-of-type(3) {
        margin-top: -103px;
        margin-left: 50%;
    }
    .job-app-form .contourPage .umbraco-forms-field.cvupload {
        margin-right: 60px;
    }
}

@media only screen and (max-width:767px) {
    .slides h1,
    .slides h2 {
        margin-bottom: 20px;
    }
    /*.slider {
        min-height: 450px;
    }*/

    video#videobg {
        width: 100%;
    }

    .featured-find-out .padding-left-40,
    .featured-find-out .padding-right-40 {
        padding: 15px !important
    }
    .img-intro {
        padding: 0;
    }
    .block-grid-item {
        height: 400px;
    }
    .block-grid-item.half {
        height: 190px;
    }

    #sbi_images .sbi_item {
        width: 33.333% !important
    }
    .main-headline h1 {
        width: 100%;
        font-size: 20px;
        padding: 30px 10px;
    }
    section#intro {
        padding: 20px 15px!important;
    }
    #content .padd-right-30 {
        padding-right: 15px;
    }
    #content .padd-left-30 {
        padding-left: 15px;
        padding-top: 20px;
    }
    #content {
        margin-top: 0;
    }
    section {
        padding: 30px 0;
    }
    #main-logo img,
    #logo img {
        max-height: 45px;
    }
    .event-calendar-container .event-item {
        width: 100%;
        margin: 17px 0;
        clear: both;
    }
    .event-calendar-container .event-item-inner {
        max-width: 360px;
    }
    .event-calendar-container .event-item.calendar-month {
        width: 100%;
        height: auto;
        padding: 50px 0 70px;
        background: #fff;
        clear: both;
        margin: 0 auto;
    }
    .event-calendar-container .event-item.calendar-month,
    .event-calendar-container .event-item {
        min-height: auto;
        max-width: 100%;
    }
    .hoxtown-page-content {
        margin-top: 50px;
    }
    .content-container {
        padding-bottom: 0;
    }
    .job-filter {
        display: none;
    }
    div.job-list {
        float: none;
        width: 100%;
        padding-left: 0;
    }
    .jobs-container {
        margin-bottom: 15%;
    }
    .job-part,
    .job-part:nth-of-type(1) {
        float: none;
        width: 100%;
        margin-bottom: 10px;
    }
    .job-part,
    .job-part h3,
    .job-part p {
        float: left;
        width: 100%;
    }
    .job-part,
    .job-part h3,
    .job-part p {
        float: none;
        width: 100%;
        text-align: center;
    }
    .jobs-page h3 {
        margin-bottom: 0px;
    }
    .job-part p {
        line-height: 18px;
    }
    .btn-careers:before {
        margin-top: 100px;
    }
    .job-part:nth-of-type(3) {
        border-left: 0;
        padding-left: 0%;
    }
    .job-part a {
        float: left;
        width: 50%;
    }
    .hotel-device-menu.header-spacing,
    .content-container.header-spacing {
        margin-top: 45px;
        height: auto;
    }
    .jobs-title h2 {
        line-height: 55px !important;
    }
    div.page-content {
        display: block;
    }
    .jobs-title {
        padding: 30px 0 126px;
    }
    .job-info {
        float: none;
        width: 100%;
    }
    .job-map-details {
        float: none;
        width: 100%;
        border-bottom: 1px solid #ccc;
        margin-bottom: 20px;
    }
    .hoxtown-page-content {
        margin-top: 45px;
    }
    
    .button-4.job-part a {
        width: 100%;
    }
    .button-4.job-part:nth-of-type(1) {
        width: 150px;
    }
    li.job-listing {
        text-align: center;
    }
    .job-part.float-right {
        float: none;
        text-align: center;
    }
    .panel-default > .panel-heading + .panel-collapse > .panel-body {
        text-align: left;
    }
    .eff-4 {
        width: 100%;
        left: -100%;
    }
    #intro p, .text-content-brand p, .text-content-event p {
        line-height: 22px;
    }
    .text-content h1 {
        font-size: 30px!important;
    }
    .text-content a.learn-more {
        display: block;
    }
    footer h4 {
        font-size: 14px;
    }
    footer p, .footer-nav li a {
        font-size: 11px;
        margin-bottom: 10px;
        line-height: 15px;
    }
    .mouse-wrapper {
        display: none;
    }
    #home .slider {
        padding: 45px 0 0 0;
    }
    .footer-nav li {
        margin: 0;
    }
    hr {
        margin-top: 0;
        margin-bottom: 30px;
    }
    .img-icon {
        width: 70px;
    }
    footer h4.margin-bottom-10, footer.bg-white .margin-bottom-10 {
        margin-bottom: 5px!important;
    }
    .home .flex-control-nav {
        display: none;
    }
}

@media only screen and (max-width:767px) {
    .main-headline#intro h1 {
        font-size: 16px;
        font-weight: 400;
        /*word-spacing: 5px;*/
    }
    .main-headline#intro .intro p {
        line-height: 20px;
    }
    footer,
    footer h4,
    footer .copyright,
    footer .text-left {
        text-align: center!important;
    }
    .block-grid-item,
    .block-grid-item.half {
        height: 380px;
    }
    section.feature {
        padding: 30px 0 40px 0;
    }

    h3.section-title {
        font-size: 24px;
        padding-left: 10px;
        padding-right: 10px;
    }
    .event-highlight-slider h3.title {
        font-size: 18px;
    }
    .hoxtown-landing .slider {
        margin-top: 0;
    }
    .event-highlight-slider .slick-slide,
    .event-highlight-slider .slick-slide.slick-current {
        max-width: 100vw;
    }
    .slick-slider .event-item-inner,
    .event-highlight-container-inner {
        width: 100%;
    }
    .event-highlight-container .event-item .when {
        top: 50%;
        transform: translateY(calc(-50% - 44px));
        height: 90px;
        width: 90px;
    }
    .when span.day,
    .when span.month {
        font-size: 12px;
    }
    .hoxtown-events-landing .when span.date {
        font-size: 30px;
    }
    .event-highlight-slider h3.title {
        margin-top: 20px;
        font-size: 18px;
    }
    .hoxtown-events-landing .when span.date {
        font-size: 30px;
    }
    .event-item .content {
        padding: 0 15px;
    }
    .when span.date {
        font-size: 18px;
    }
    ul.date-list {
        list-style: none;
        padding-left: 0;
        text-align: center;
        margin-bottom: 10px;
        margin-top: 0px;
    }
    ul.date-list li {
        display: inline-block;
    }
    .slick-slider {
        margin-bottom: 20px;
    }
    .see-all-events {
        padding-top: 20px;
        height: 80px;
    }
    .see-all-events a {
        font-size: 20px;
    }
    section.featured-instagram {
        padding: 40px 0;
    }
    section.event-slider {
        padding: 30px 0;
    }
    footer .margin-bottom-30 {
        margin-bottom: 0!important;
    }
    .hr-bottom hr {
        border-color: transparent;
    }
    .slick-prev,
    .slick-next {
        width: 100px;
    }
    .slider {
        min-height: 190px;
    }
    #main-logo {
        right: 0;
        margin: 0 15px 0 0;
    }
    #content-events p {
        text-align: center;
    }
    .text-menu {
        display: none;
    }
    .breadcrumb {
        top: 4px;
        left: 45px;
    }
    .breadcrumb li {
        font-size: 10px;
    }
    .widget-static-block {
        padding-top: 45px;
    }
}

@media only screen and (max-width:767px) and ( min-width: 481px) {
    #menu-toggle.open {
        left: 38vw;
    }
}

@media only screen and (max-width:640px) {
    .block-grid-item,
    .block-grid-item.half {
        height: 350px;
    }
    #vt-slider .carousel-indicators {
        padding: 45px 0 25px;
    }
}

@media only screen and (max-width:480px) {
    h2,
    .h2 {
        font-size: 2rem;
    }
    #main-logo,
    #logo,
    #main-logo img,
    #logo img {
        /*      width: 100%;*/
        height: auto;
        line-height: 40px;
    }
    .btn-book {
        padding: 12px !important;
        margin-right: 30px
    }
    #menu-toggle {
        width: 45px;
        height: 45px;
    }
    #menu-toggle #hamburger span {
        width: 24px;
        top: 11px;
        left: 11px;
        margin: 5px 0;
    }
    #menu-toggle #cross span:nth-child(1) {
        top: 24%;
        left: 19px;
    }
    #menu-toggle #cross span:nth-child(2) {
        left: 14%;
        top: 24px;
    }

    .navbar {
        min-height: 45px;
    }    
    .slides h1,
    .slides h2 {
        font-size: 7vw;
        margin-bottom: 10px;
    }
    .slides p {
        font-size: 14px;
    }
    #home .slides .tagline-content {
        margin-bottom: 18%;
    }

    .promo-box,
    .promo-bar {
        margin: 5px;
        width: calc(100% - 10px);
    }
    .promo-box > .promo-content {
        padding: 6%;
    }
    .promo-box h4,
    .promo-box .h4,
    .promo-bar h4,
    .promo-bar .h4 {
        letter-spacing: 0;
    }

    .caption-content {
        padding: 20px 10px
    }

    .block-grid-item,
    .block-grid-item.half {
        height: 250px;
    }

    footer {
        padding: 0;
    }

    #sbi_images .sbi_item {
        width: 50% !important
    }
    #vt-slider .carousel-indicators {
        padding: 45px 0 20px;
    }
    #vt-slider .carousel-indicators li {
        padding: 8px;
    }
    .text-menu {
        top: 12px;
        left: 55px;
    }
    #menu-toggle.open {
        left: 185px;
    }
    #menu-toggle.open {
        left: 42vw;
    }
    .text-content h1 {
        font-size: 24px!important;
    }
    .instagramFeedBlockWrapper .instagramItem {
        flex-basis: 50%;
    }
    footer .copyright {
        font-size: 10px;
    }
    .footer-nav li a {
        font-size: 10px;
    }
}

@media only screen and (max-width:360px) {
    #home .slides .tagline-content {
        margin-bottom: 20%;
    }

    .footer-nav li {
        padding: 0 5px
    }
    #vt-slider .carousel-indicators {
        padding: 35px 0 10px;
    }
    #vt-slider .carousel-indicators li {
        font-size: 12px;
    }
}

@media only screen and (max-width:320px) {
    .slides h1,
    .slides h2 {
        line-height: 30px;
    }
}

/*about*/

@media only screen and (max-width:767px) {
    section.feature {
        padding: 30px 0;
    }
    .navbar-nav > li {
        padding: 5px;
    }
    .burger-menu.navbar-nav > li > a, .burger-menu.navbar-nav > li > a.btn {
        padding: 0!important;
        font-size: 14px;
    }
    .h1 {
        font-size: 3rem;
        margin-top: 38px;
    }
    .about h2 {
        margin-bottom: 0px;
    }
    .about p {
        text-align: justify;
        margin-bottom: 0;
    }
    .job-app-form .fileupload label::before {
        margin-top: 5px;
    }
    .job-app-form .fileupload label {
        margin-top: 16px;
    }
    .job-app-form .contourForm .umbraco-forms-field.fileupload div::before {
        font-size: 10px;
        margin-top: 5px;
    }
    .umbraco-forms-field label {
        line-height: 20px;
    }
    .job-app-form .fileupload label::after {
        font-size: 22px;
        margin-top: 0;
    }
    .cvupload label.fieldLabel.noselect {
        font-size: 13px;
        margin-top: 14px;
    }
    .body-content {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }
    .body-content p {
        text-align: justify;
    }
    #activity h2.reveal {
        margin-top: 20px;
    }
    .brands {
        padding-top: 0;
        padding-bottom: 20px;
    }
    hr.hamburger-bod {
        margin-bottom: 20px;
    }
    h1.title {
        font-size: 35px!important;
        padding-top: 5px;
    }
    .brands.outer .col-md-4:nth-child(odd),
    .brands.outer .col-sm-6:nth-child(odd),
    .brands.outer .col-xs-6:nth-child(odd) {
        padding-right: 5px;
    }
    .brands.outer .col-md-4:nth-child(even),
    .brands.outer .col-sm-6:nth-child(even),
    .brands.outer .col-xs-6:nth-child(even) {
        padding-left: 4px;
    }
    .thumbnail {
        margin-bottom: 10px;
    }
    .about hr.hamburger-bod {
        margin-bottom: 0;
    }
    .member-info p {
        text-align: center!important;
        padding-top: 10px;
    }
    ul.member-social {
        padding-left: 0;
        margin-bottom: 10px;
        margin-top: 5px;
    }
    .member-social li {
        margin: 0 5px;
    }
    .member-social li i {
        font-size: 12px;
    }
    .event-details {
        width: 60%;
    }
    .page-title {
        width: 100%;
    }
    .brands-highlight-container {
        margin-bottom: 0;
    }
    .brands-slide {
        padding-bottom: 30px;
    }
    #brands-detail .flex-control-nav {
        bottom: 0;
    }
    .link-desc {
        margin-bottom: 20px;
    }
    .desc {
        padding-bottom: 0px;
    }
    .hoxtown-page-content.hoxtown-events-landing {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .sign-up {
        width: 100%;
        max-width: 100%;
    }
    #career-tab h1.title {
        font-size: 14px!important;
        padding: 0 15px;
        line-height: 1.4;
    }
}

/*news-details*/

@media only screen and (max-width:480px) {
    .when-mobile {
        width: 40%;
    }
    .flex-parent {
        white-space: nowrap; 
        width: 100px; 
        overflow: hidden;
        text-overflow: ellipsis;
        top: 4px;
        position: relative;
    }
}


@media only screen and (max-width:767px) {
    .blog-page .event-highlight-container {
        background: rgba(255, 255, 255, 1);
        background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 180px, rgba(242, 242, 242, 1) 180px, rgba(242, 242, 242, 1) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(180px, rgba(255, 255, 255, 1)), color-stop(180px, rgba(242, 242, 242, 1)), color-stop(100%, rgba(242, 242, 242, 1)));
        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 180px, rgba(242, 242, 242, 1) 180px, rgba(242, 242, 242, 1) 100%);
        background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 180px, rgba(242, 242, 242, 1) 180px, rgba(242, 242, 242, 1) 100%);
        background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 180px, rgba(242, 242, 242, 1) 180px, rgba(242, 242, 242, 1) 100%);
        background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 180px, rgba(242, 242, 242, 1) 180px, rgba(242, 242, 242, 1) 100%);
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2', GradientType=0);
    }
    .when-desktop {
        display: none;
    }
    .banner-event-item,
    #event-overlay .banner-event-item {
        width: 100%;
        max-width: 100%;
    }
    .blog-page .event-highlight-container .event-actions {
        width: 100%;
    }
    .blog-page .event-actions {
        height: auto;
    }
    .event-actions-desktop {
        display: none;
    }
    .blog-page .event-actions-wrapper {
        position: static;
    }
    #event-overlay .info {
        padding: 30px 0;
    }
    .blog-page .content {
        padding: 10px 0 20px 0;
    }
    .when-mobile {
        display: block;
        float: left;
    }
    .blog-page .page-title {
        max-width: 600px;
        margin: 0 auto;
        width: 60%;
    }
    .page-title,
    .event-details {
        display: block;
        float: left;
        padding-right: 20px;
    }
    .blog-page .event-highlight-container .page-title h1,
    .event-details h4 {
        margin: 0 0 15px;
        line-height: 32px;
    }
    .blog-page .event-highlight-container .page-title p,
    .blog-page .event-highlight-container .page-title h1,
    .blog-page .event-highlight-container .page-title address {
        text-align: left;
    }
    .blog-page .event-highlight-container .page-title address {
        padding: 0;
        margin: 0;
    }
    .blog-page .event-highlight-container .event-actions {
        width: 100%;
    }
    .blog-page .event-actions {
        height: auto;
    }
    .event-actions-mobile {
        display: block;
        margin-bottom: 20px;
        clear: both;
    }
    .blog-page .event-actions-wrapper {
        position: static;
    }
    .open-event {
        height: 70px;
        background: #ddd;
        padding: 25px 10px 25px;
    }
    .event-actions a.book,
    .event-actions button,
    .open-event {
        float: left;
        width: 50%;
    }
    .brands-highlight-container .page-title h1 {
        margin-bottom: 0;
        padding-top: 0;
        margin-top: 0;
    }
    .brands-title h1 {
        margin-top: 0;
        margin-bottom: 20px;
        line-height: 1.1;
    }
    .flex-control-paging li a {
        width: 7px;
        height: 7px;
        border-radius: 50%;
    }
    #activity-detail .hoxtown-page-content {
        margin-top: 45px;
    }
    .event-page .when-mobile {
        margin-top: 0px;
    }
    a.go-back {
        font-size: 12px;
        position: absolute;
        bottom: 30px;
        z-index: 9;
        width: 100px;
        padding: 7px 0;
    }
    .event-page .when.when-mobile span.day {
        margin-top: 20px;
    }
    .blog-page .when span.day, .blog-page .when span.month {
        font-size: 12px;
    }
    .event-highlight-container {
        margin-bottom: 20px;
    }
    .hoxtown-page-content .page-content {
        margin-bottom: 10px;
    }
    hr.career-dot {
        width: 30vw!important;
        margin-bottom: 20px!important;
    }
    .job-application .jobs-title {
        padding: 84px 0 0px!important;
    }
}

@media only screen and (max-width:991px) {
    .event-highlight-slider .image-container,
    .image-container {
        height: 250px;
    }
    .event-actions-desktop .event-actions-wrapper {
        top: 180px;
    }
    .event-page .page-title h1 {
        font-size: 18px !important;
    }
    .event-page .page-title.top-header h1 {
        font-size: 14px !important;
        line-height: 1.1;
        margin-bottom: 8px;
    }
    .page-title.top-header {
        padding-left: 5px;
        padding-right: 5px;
    }
}

/* Career */

@media (min-width: 992px) {
    .jobs-title h2,
    .jobs-title h4 {
        margin-top: 4%;
    }
    .jobs-title .career h2 {
        margin-top: 0px;
    }

    .jobs-container {
        max-width: 95%;
        padding: 2% 2% 3%;
        margin-top: 4%;
        width: 946px;
    }

}

@media (min-width: 1200px) {
    .jobs-container {
        width: 1000px;
    }
}

/*career details*/

@media only screen and (max-width:600px) {
    .jobs-title {
        padding: 84px 0 84px;
    }
    
    .jobs-page {
        background-size: cover;
    }
    .jobs-title h2 {
        font-size: 30px;
    }
    .apply-button-body {
        display: block;
        margin: 0 0 30px;
    }
    /*#home.slider {
        height: 91vh;
    }*/
}
@media only screen
and (max-device-width : 767px)
and (orientation:landscape) {
    .instagramFeedBlockWrapper .instagramItem {
        flex-basis: 33.33%;
    }
    #home .slider {
        padding: 0 0 0 0;
    }
    .widget-static-block {
        padding-top: 0;
    }
    .breadcrumb {
        top: 11px;
        left: 65px;
    }
    #sidebar-wrapper {
        width: 32vw;
    }
    #sidebar-wrapper .logo {
        padding: 20px 0;
        text-align: left;
    }
    .logo img {
        width: 60%;
    }
    #menu-toggle.open {
        left: 23vw;
    }
}