@media only screen and (max-width:1000px) {
    div.wrapper {
        padding-right: 0;
        padding-left: 0
    }
    body.venue section.dates .wrapper {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media only screen and (max-width:900px) {
    header .header nav li a,
    header .header nav li a:visited {
        padding: 28px 3px;
        font-size: .9em
    }

    section.winner p img {
        top: 4px;
        height: 27px;
        margin-bottom: 9px;
    }

    section.slider .hero-buttons .play-video, section.slider .hero-buttons .choose-date {
        /* margin-right: 40px; */
    }
    section.galleries li.gallery h3 {
        font-size: 20px;
        word-wrap: break-word;
    }
}

@media only screen and (max-width:950px) {
    body.venue section.lineup a.btn {
        white-space: normal;
        height: auto;
        width: 98%;
        font-size: 1em;
    }
}

@media only screen and (max-width:855px) {
    section.pricing .pricing-boxes .pricing-box {
        width: 100%;
        margin: 0 0 60px 0;
        min-height: unset;
        padding-bottom: 30px;
    }
    section.banner.quote {
        padding-top: 95px;
    }
    section.banner.quote::after {
        right: inherit;
        left: 20px;
        top: 22px;
    }
}

@media only screen and (max-width:800px) {
    body.venue header .venuebar {
        display: none
    }
    header .venuebar .fullwidth li {
        width: 1%;
        display: table-cell
    }
    header .venuebar a {
        padding-right: 0;
        padding-left: 0
    }
    header .venuebar a span {
        display: none
    }
    section .points>div {
        text-align: center
    }
    section .points div span.title {
        display: block;
        margin-top: 10px
    }
    footer p.email {
        /*display: none*/
    }
    footer p.email.ipad {
        /*display: block*/
    }
/*    footer .top h2 {
        font-size: 2.2em
    }
    footer .copyright {
        line-height: 1.6em;
        padding: 20px 20px 50px
    }*/
    footer .top .units-row .unit-25 {
        width: 48.5%;
        display: inline-block;
        float: left;
        margin-left: 3%;
    }

    footer .top .units-row .unit-25:nth-child(odd) {
        margin-left: 0;
    }

    footer .top .units-row .unit-25:nth-child(3),footer .top .units-row .unit-25:nth-child(4) {
        margin-top: 50px;
    }

    section.about-pink:after {
        display: none;
    }
}

@media only screen and (min-width:767px) and (max-width:800px) {
    section.book>div>.unit-30,
    section.book>div>.unit-70 {
        display: block;
        width: 100%;
        float: none
    }
    section.book>div>.unit-30 {
        margin-top: 30px
    }
}

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


}

@media only screen and (max-width:767px) {
    /*header .top .login span,*/
    header .header {
        padding: 13px 12px;
    }
    header .header .wrapper {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    header .header .wrapper:after {
        display: none;
    }
    header .header .btn {
        display: inline-block;
    }
    header nav {
        display: none
    }
    header a.navlink {
        display: inline-block;
    }
    header {
        position: relative
    }
    header .top a.login {
        float: none
    }
    section.banner h2:before, section.banner h2:after, section.about h2:before, section.about h2:after, section.blog h2:before, section.blog h2:after, section.pricing h2:before, section.pricing h2:after, section.collage h2:before, section.collage h2:after {
        display: none;
    }
    section.banner h2 {
        display: block;
    }
    section.tabs .sections .download-brochure-container:before, section.tabs .sections .download-brochure-container:after {
        display: none;
    }
    .slicknav_btn,
    .slicknav_menu {
        display: block
    }
    header .top {
        /*background: #191919;*/
        padding: 12px;
        font-size: .95em
    }
    body#birmingham.venue header .top,
    body#leicester.venue header .top {
        background: #273063;
    }
    body.venue header .venuebar {
        display: none;
        position: fixed
    }
    body.venue header .venuebar.show {
        display: block;
        position: fixed
    }
    header .header .logo {
        text-align: center;
        margin: 0;
        display: inline-block;
        width: auto;
    }
    header .header .logo img {
        display: inline-block
    }
    section.subnav h1 {
        /* margin-bottom: 15px; */
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        max-width: 100%;
    }
    section.slider {
        background-size: cover;
        min-height: 240px;
        background-repeat: no-repeat;
        background-position: center
    }
    section.slider img {
        /* visibility:hidden */
    }
    .table .thead,
    .table thead,
    .table:after,
    .table:before {
        display: none
    }
    .table .tr,
    .table tr {
        padding-bottom: 20px;
        padding-top: 20px;
        margin-right: 0;
        margin-left: 0;
        display: block;
    }
    .table tr td:first-child {
        padding-top: 20px
    }
    .table tr td:last-child {
        padding-bottom: 20px
    }
    .table .tr>div,
    .table tr td {
        /*margin-bottom: 22px;*/
        display: block;
        padding-left: 50%;
        text-align: right;
        line-height: 1.34em;
        height: auto
    }
    .table .tr>div {
        margin-bottom: 22px;
    }
    .table .tr>div:last-child,
    .table tr td:last-child {
        margin-bottom: 0
    }
    .table .tr>div:before,
    .table tr td:before {
        content: attr(data-column);
        display: block;
        width: 50%;
        position: absolute;
        left: 0;
        text-align: left;
        opacity: .6
    }
    section.tabs .sections #dates table:before, section.tabs .sections #dates table:after {
        display: none;
    }
    section.tabs .sections #dates table thead {
        display: none;
    }
    section.tabs .sections #dates table tbody tr {
        display: block;
        margin-bottom: 25px;
    }
    section.tabs .sections #dates table tbody tr td {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        margin-bottom: 10px;
        text-align: right;
        line-height: 1.5;
    }
    section.tabs .sections #dates table tbody tr td:first-child {
        display: block;
        text-align: left;
        font-size: 20px;
        font-weight: 600;
        margin-bottom: 16px;
    }
    section.tabs .sections #dates table tbody tr td br {
        /*display: none;*/
    }
    section.tabs .sections #dates table tbody tr td:before {
        content: attr(data-label);
        display: inline-block;
        /*font-weight: 600;*/
        text-align: left;
    }
    section.tabs .sections #dates table tbody tr td:last-child:before {
        display: none;
    }
    section.tabs .sections #dates table .book-now {
        margin-top: 0;
    }

    .cards,
    footer,
    footer .copyright,
    footer .social,
    footer .weboptic,
    section .points {
        /* text-align: center */
    }
    header+section:not(.slider) {
        border-top: none
    }
    body.venue section.intro h1 {
        font-size: 3.2em
    }
    body.venue section.lineup .gallery .venue-slider {
        border: 6px solid #DCDCDC
    }
    body.venue section.lineup .gallery .thumbnails {
        display: none
    }
    section.tabs .media-grid {
        display: flex;
        flex-wrap: wrap;
    }
    section.tabs .media-grid .units-row:after {
        display: none;
    }
    section.tabs .media-grid .unit-50 {
        width: 49% !important;
        margin-bottom: 0 !important;
    }
    section.tabs .media-grid > .unit-50 {
        width: 100% !important;
    }
    section.tabs .media-grid .unit-50 .units-row {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-top: 10px;
    }
    section.tabs .media-grid img {
        display: block;
    }
    .cards {
        padding: 20px 0
    }
    .cards .unit-25 {
        display: inline-block;
        width: auto;
        margin: 0 10px
    }
    body.venue section.points {
        padding-bottom: 0px;
    }
    section .points {
        text-align: left;
    }
    section .points li {
        float: none;
        display: inline-block;
        text-align: left;
        margin-bottom: 14px !important;
    }
    section .points span.icon {
        margin: 0 0 10px
    }
    section .points span.title {
        white-space: normal;
        line-height: 1.3em
    }
    section.collage img {
        width: 50%
    }
    footer {
        margin-top: 0
    }
    footer .top {
        padding: 30px 20px
    }
    footer .social a {
        margin: 0 5px
    }
    footer .company {
        display: block;
        margin-top: 5px
    }
    footer ul li a,
    footer ul li a:visited {
        padding-bottom: 10px
    }
    footer .copyright {
        line-height: 1.4em;
        padding: 20px 20px 50px;
        margin-top: 5px
    }
    footer .copyright .links a {
        display: block;
        border: none;
        text-align: center
    }

    section.tabs .buttons > a {
        margin: 0 2px;
    }

    section.venues:before {
        background-size: 100% auto;
        background-position: center bottom;
        background-repeat:  no-repeat;
    }
    section.venues .venue-circle {
        border: none;
    }
    section.venues .venue-circle a {
        border: 12px solid #1d2449
    }
    section.venues .venue-circle img {
        max-width: 340px;
    }

    body.venue section.dates:before {
        display: none;
    }
    body.venue section.dates h2 {
        font-size: 72px;
        /*line-height: -5px;*/
    }
    body.venue section.dates h2:before, body.venue section.dates h2:after {
        bottom: 1px;
    }
    body.venue section.dates .toggle h3 {
        font-size: 24px;
        padding-right: 40px;
    }
    body.venue section.dates .wrapper {
        padding: 25px;
    }

    body.venue section.venue .overlay {
        position: static;
        background-color: #283162;
        padding: 30px;
    }
    body.venue section.venue #gmap_canvas > div {
        margin-top: -100px;
    }

    footer .social {
        margin-top: 20px;
    }

    /*section.slider .overlay {
        pointer-events: none;
    }*/

    body.venue section.lineup a.btn {
        padding: 10px;
        margin-bottom: 10px;
    }

    body.venue section.lineup a.btn > span {
        display: block;
        height: 30px;
        line-height: 30px;
    }

    body.venue section.lineup a.btn > span:nth-child(2) {
        display: none;
    }

    section.venues .blocks-3 > li {
        width: 48% !important;
        display: inline-block;
        margin-left: 0 !important;
    }

    section.venues .blocks-3 > li .image > img {
        max-width: 100%;
    }


    section.venues .venue-circle .title h3 {
        font-size: 16px;
    }

    section.slider h1 {
        top: 0px;
        margin-top: 45px;
        margin-bottom: 0px;
    }
    #home section.slider h1 {
        top: 0px;
        margin-top: 90px;
        margin-bottom: 0px;
    }

    section.slider h1 > span,
    #home section.slider h1 > span {
        margin-top: 10px;
    }

    header .header .logo img {
        max-height: 39px;
        margin: 0;
    }

    #home section.slider {
        min-height: 449px;
        max-height: 449px;
    }

    section.slider .hero-buttons > a {
        /* width: 40% !important; */
    }

    section.slider .hero-buttons > a:first-child {
        /* margin-right: 80px; */
    }

    section.slider .hero-buttons {
        bottom: 50px;
    }

    section.about {
        padding: 50px 20px;
    }

    section.about h2, section.blog h2, section.pricing h2, section.pricing h3, section.collage h2 {
        font-size: 23px;
        line-height: 38px;
        margin-bottom: 25px;
    }
    section.blog {
        padding-top: 45px;
    }

    section .venues .venue-circle {
        /* width: 30%; */
        /* display: inline-block; */
        /* margin-left: 3%; */
    }

    section .venues .venue-circle:nth-child(4n+4), section .venues .venue-circle:first-child {
        /* margin-left: 0; */
    }

    section.points .unit-20 {
        width: 17%;
        display: inline-block;
        margin-left: 3%;
        margin-bottom: 0;
    }

    section.about-pink h2 {
        font-size: 23px;
        margin-bottom: 30px;
    }

    section.about-pink p {
        margin: 0 90px 15px 90px;
    }

    .collage ul li {
        width: 33.333%;
        display: inline-block;
        margin-left: 0;
        float: left;
        margin-bottom: 0;
        border: 10px solid transparent;
    }

    .collage ul li:first-child, .collage ul li:nth-child(4n+1) {
        /* margin-left: 0; */
    }

    .collage ul li img {
        width: 100%;
    }

    section.collage .more-photos {
        margin: 30px auto 60px auto;
    }

    section.collage {
        padding: 45px 10px;
    }
    section.collage p {
        text-align: justify;
        padding-left: 10px;
        padding-right: 10px;
    }

    .award-container .award span {
        display: inline-block;
        height: 20px;
        position: relative;
        top: -19px;
        margin-right: 5px;
        font-size: 16px;
    }

    .award-container .award img {
        height: 17px;
        margin: 17px 0;
    }

    section .book-now {
        margin: 40px auto 0 auto;
    }

    section.points {
        margin-top: 60px;
        display: none;
    }

    section.blog .blocks-3 li {
        width: 50%;
        display: inline-block;
    }

/*    footer .top .unit-25 {
        display: inline-block;
        width: 48.5%;
        float: left;
        margin-left: 3%;
    }*/

    footer .top nav ul li {
        display: inline-block;
        width: 48.5%;
    }

    footer .top nav ul li a {
        /*text-align: left;*/
        padding-bottom: 0px;
    }

    footer .top nav ul li.party-leader-login {
        width: 100%;
    }

    footer .top .unit-25:nth-child(odd) {
        margin-left: 0;
    }

    footer .top .unit-25.blog {
        clear: left;
        margin-top: 30px;
    }

    footer .top .unit-25.subscribe {
        margin-top: 30px;
    }

    section.about .venues.desktop {
        display: none;
    }
    section.about .venues.mobile {
        display: block;
        margin-bottom: 20p;
    }

    footer .top h2 {
        margin-bottom: 15px;
        font-size: 16px;
    }
    section.about.book .units-row {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    section.about.book .units-row .unit-25 {
        width: calc(50% - 0px);
    }

    section.pricing {
        padding: 30px 20px 50px 20px;
    }
    section.pricing h3 {
        margin-top: 40px;
    }
    section.pricing .pricing-boxes .pricing-box p.name {
        height: 70px;
        line-height: 70px;
        font-size: 24px;
        margin-bottom: 16px;
    }
    section.pricing .pricing-boxes .pricing-box p.price {
        height: auto;
        line-height: 1;
        font-size: 38px;
    }
    section.pricing .pricing-boxes .pricing-box a.cta-button {
        margin: 20px auto;
        width: 260px;
        max-width: 90%;
    }
    body.venue section.enquire {
        padding-bottom: 30px;
    }
    section.enquire.flex .units-row {
        flex-direction: column-reverse;
    }
    section.enquire.flex .units-row .unit-50 {
        width: 100%;
    }
    section.enquire.flex .units-row .unit-50.map {
        height: 400px;
        margin: 25px 0 0 0;
    }
    section.enquire .max-width-500 {
        margin: 0 auto;
    }
    section.galleries .blocks-3 {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    section.galleries li.gallery {
        width: 49%;
        margin-bottom: 11px;
    }
    div.book .unit-60,
    div.book .unit-50,
    div.book .unit-40,
    div.book .unit-30,
    div.book .unit-25,
    div.book .unit-20 {
        margin-bottom: 0px;
    }
    div.book input[type="text"],
    div.book input[type="email"],
    div.book input[type="tel"],
    div.book input[type="password"],
    div.book select,
    div.book textarea {
        margin-bottom: 10px;
    }
}

@media only screen and (min-width:768px) {

    section.parallax {
        background: none !important;
    }

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

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

    header .top .contact a span {
        display: none;
    }

    header .top .contact a.email i {
        position: relative;
        top: -2px;
    }

    section.slider h1 > span,
    #home section.slider h1 > span {
        font-size: 80px;
    }

    .award-container .award span {
        font-size: 14px;
    }

    section.slider .hero-buttons > a:first-child {
        /* margin-right: 30px; */
    }

    section.points .unit-20 {
        display: block;
        width: 100%;
        text-align: center;
        margin-left: 0;
        margin-bottom: 2.6rem;
    }

    section.points span.icon {
        margin-bottom: 20px;
    }

    section .venues .venue-circle h3 {
        font-size: 30px;
        text-shadow: 1px 1px rgba(0,0,0,.5);
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

}

@media only screen and (max-width:768px) {
    section.collage .wrapper ul.blocks-4 > li {
        width: calc(50% - 20px) !important;
    }
}

@media only screen and (max-width:822px) {
    section.collage .wrapper ul.blocks-4 > li {
        width: calc(33% - 20px);
    }
}

@media only screen and (max-width:1137px) {
    section.collage ul.blocks-4 > li {
        width: 23%;
    }
}

@media only screen and (max-width:1024px) {
    section.collage ul.blocks-4 > li {
        width: 22.5%;
    }
}

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

    section.slider .hero-buttons {
        justify-content: space-around;
        padding: 0;
    }
    section.slider .hero-buttons .play-video, section.slider .hero-buttons .choose-date, section.slider .hero-buttons .book-now {
        margin: 0;
        padding: 0 5px;
        width: calc(50% - 20px);
        font-size: 15px;
        white-space: nowrap;
    }
    header .top .phone {
        /* margin-bottom: 12px; */
        /* display: block */
    }
    header .top .phone:after {
        clear: both;
        display: table;
        content: ''
    }
    header .top a.login {
        padding-right: 0
    }
    body.venue section.instructions .steps {
        padding: 0
    }
    body.venue section.instructions .step span {
        width: 90%;
        height: auto;
        padding-bottom: 90%;
        margin: 5%
    }
    body.venue section.instructions .step span img {
        max-width: 52%
    }
    body.venue section.instructions .step h4 {
        font-size: 1.2em
    }

    .award-container .award {
        height: 70px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .award-container .award span {
        top: -7px;
        display: none;
    }

    .award-container .award img {
        margin: 0;
        display: inline-block;
        height: 26px;
    }

    section.about h2,
    section.about-pink h2 {
        font-size: 23px;
        padding: 0 20px;
    }

    section.blog .blocks-3 li {
        display: block;
        width: 100%;
    }
    section.blog .blocks-3 li:last-child {
        margin-bottom: 0;
    }
    section.blog .blocks-3 li .image img {
        display: block;
        width: 100%;
        height: auto;
    }

    footer {
        text-align: left;
    }
    footer .top {
        padding: 43px 20px;
    }
    footer .top .units-row .unit-25:nth-child(odd) {
        margin-left: auto;
    }

    footer .top .units-row .unit-25.blog {
        display: none;
    }
    footer .top .units-row .unit-25 {
        width: 46.5%;
        margin-left: 7%;
    }
    footer .top .units-row .unit-25.subscribe {
        width: 100%;
        margin-top: 0;
        margin-left: 0;
    }
    footer .top .units-row .unit-25.subscribe form {
        display: none;
    }
    footer .contact .social {
        display: none;
    }
    footer .contact .social a {
        margin: 0 20px;
    }
    footer .top p.address {
        display: none;
    }
    footer .contact p.email {
        word-wrap: break-word;
    }
    footer .top nav ul li {
        width: 100%;
        margin-bottom: 0;
    }
    footer .top nav ul li.party-leader-login {
        display: none;
    }
    footer ul li a, footer ul li a:visited {
        padding-bottom: 4px;
    }
    footer .mobile-footer {
        display: block;
    }


    section.about-pink p {
        margin: 0px 0px 15px 0px;
    }
    section.banner {
        background-image: url('../img/banner-mobile.jpg');
    }
    section.banner > .overlay {
        opacity: 0.8;
    }
    section.banner h2 {
        font-size: 32px;
    }

    .collage ul li {
        width: 50%;
    }
    section.tabs {
        background: #fff;
        padding: 0;
    }
    section.tabs .buttons {
        border-bottom: 2px #FEECF0 solid;
        padding: 0 1px;
    }
    section.tabs .buttons > a {
        border: 2px #FEECF0 solid;
        border-bottom: none;
        margin: 0 1px;
        padding: 0;
        font-size: 12px;
        height: 45px;
        line-height: 45px;
    }
    section.tabs .buttons > a.active {
        height: 47px;
        position: relative;
        bottom: -2px;
    }
    #drinks .packages > li {
        width: 100%;
        margin: 0 0 15px 0 !important;
    }
    #drinks .packages li .package-name {
        font-weight: 600;
        font-size: 20px;
        margin-bottom: 20px;
    }
    .readmore-container p {
        display: none;
    }
    .readmore-container p:first-child,
    .readmore-container p:nth-child(2) {
        display: block;
    }
    .readmore-container.show p {
        display: block;
    }
    .readmore-container .readmore.more {
        display: block;
    }
    .readmore-container .readmore.less {
        display: none;
    }
    .readmore-container.show .readmore.more {
        display: none;
    }
    .readmore-container.show .readmore.less {
        display: block;
    }
}

@media only screen and (max-width:449px) {
    header .top a {
        margin-right: 10px
    }
    header .top a i {
        margin-right: 3px
    }

    body.venue section.lineup a.btn {
        font-size: 0.9em;
    }
    section.about .venues {
        margin-top: 40px;
    }

    section.slider h1 {
        font-size: 60px;
    }
    #home section.slider h1 {
        font-size: 41px;
    }

    section.slider h1 > span,
    #home section.slider h1 > span {
        font-size: 55px;
    }

    #home section.slider {
        min-height: 389px;
        max-height: 389px;
    }

}

@media only screen and (max-width:380px) {
    section.galleries li.gallery h3 {
        font-size: 15px;
        word-wrap: break-word;
        padding: 10px;
    }
    header .header .btn {
        margin-left: 0;
    }
    body.venue section.lineup a.btn {
        font-size: 0.85em;
    }

    body.venue section.lineup a.btn > span {
        height: auto;
    }

    section.slider .hero-buttons > a:first-child {
        /* margin-right: 15px; */
    }

    .award-container .award span {
        font-size: 12px;
    }

    section.about-pink p {
        margin: 0px 0px 15px 0px;
    }

    section.about-pink:after {
        background-image: none;
    }
}

@media (max-width: 768px) {
  .hide-sm {
    display: none !important; } }

@media (min-width: 768px) {
  .show-sm {
    display: none !important; } }