@media only screen and (max-device-width: 1512.5px) and (-webkit-device-pixel-ratio: 2.75)
{
    /* iOS padding fix? */
    input[type="text"]
    {
        padding: 0px 0px !important;
        line-height: inherit !important;
    }

    /* set basiscs for divs, to prevent grey border on iOS or other devices */
    div {
        border-bottom: 0px transparent solid ;
        margin-bottom: -1px ; /* for Mobile Safari dark line artifact */
    }

    input::placeholder, input::-webkit-input-placeholder, input::-moz-placeholder,
    textarea::placeholder, textarea::-webkit-input-placeholder, textarea::placeholder
    {
      line-height: inherit !important;
      padding-top: 0px !important;
      padding-bottom: 0px !important;
      font-family: "Brandon Grotesque" !important;
      color: rgba(0, 0, 0, 0.5);
    }

    input:focus, input.form-control:focus,
    textarea:focus, textarea.form-control:focus,
    select:focus, select.form-control:focus,
    button:focus, button.form-control:focus
    {    
        outline:none !important;
        outline-width: 0 !important;
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
    }
    
    #menuHolder {
        margin-right: 20px;
    }
    
    .container,
    #homeContainer,
    #pageContainer,
    #eventContainer,
    #projectContainer,
    #orderContainer,
    #highlightContainer,
    #blogContainer,
    #faqContainer {
        padding-top: 0px;
    }

    #orderContainer {
        padding-bottom: 0px;
    }
    
    #homeContainer {
        /*padding-top: 75px;*/
    }
    
    
    #menuContainer .langSelect {
        margin-top: 10px;
        margin-right: 60px;
    }
    
    #menuContainer.largeMenu #menuHolder ul {
        
    }
    
    .menu-icon {
        height: 10px;
        margin-top: 1px;
        margin-bottom: 1px;
    }
    
    .menu-icon-line {
        width: 35px;
        height: 1px;
        margin-bottom: 6px;
    }
    
    
    
    #menuContainer {
        position: absolute;
        height: 75px;
    }
    
    #menuHolder {
        height: 75px;
    }
    
    #menuHolder ul li span {
        font-size: 16px;
        letter-spacing: 0.9px;
        margin-left: 10px;
    }
    
    #menuHolder ul {
        margin-top: 25px;
    }
    
    #menuHolder ul li {
        margin-left: 15px;
        margin-right: 15px;
    }
    
    #menuHolder ul.closeMenu li {    
        font-size: 32px;
        display: list-item;
        width: 32px;
        margin: 0px;
        height: 32px;
        margin-top: -32px;
    }
    
    #eventGrid {
        width: 100%;
        height: max-content;
        display: flex;
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
        padding-top: 26px;
        min-height: 250px;
        background-color: #000000;
        margin-top: 0px !important;
        padding-left: 0px;
        border-bottom: 1px solid #000000;
    }
    
    #eventGrid div.event-1,
    #eventGrid div.event-2,
    #eventGrid div.event-3,
    #eventGrid div.event-4,
    #eventGrid div.event-5,
    #eventGrid div.event-6,
    #eventGrid div.event-7,
    #eventGrid div.event-8 {
        left: 0;
        top: 0;        
    }
    
    #eventGrid .event {
        flex-wrap: nowrap;
        margin-left: 20px;
        object-fit: contain;
        height: 280px !important;
        padding-top: 0px;
        background-color: #000000;
        position: relative;
        display: inherit;
        margin-bottom: 13px;        
        width: 280px !important;
        flex-shrink: 0;
    }
    
    #eventGrid .event:last-child {
        border-right: 50px solid #000;
    }

    #eventGrid > div > div.event_title {    
        position: absolute;
        bottom: 47px;
        left: 20px;
        height: 30px;
        max-width: 320px;
        overflow: hidden;
        font-family: 'Brandon Grotesque', sans-serif;
        font-size: 22px;
        font-weight: bold;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: 0.7px;
        text-align: left;
        color: #ffffff;
        text-transform: uppercase;
        z-index: 11;    
    }
    
    #eventGrid > div > div.special_title {    
        position: absolute;
        bottom: 79px;
        left: 20px;
        height: 25px;
        font-family: 'Brandon Grotesque', sans-serif;
        font-size: 16px;
        font-weight: bold;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: 0.6px;
        text-align: left;
        color: #ffd862;
        z-index: 11;    
    }
    
    #eventGrid > div > div.tour {
        position: absolute;
        top: 0;
        right: 0;
        display: none;
        width: 94px;
        height: 94px;
        object-fit: contain;
        background: url("/images/tour-corner-yellow.svg") top right no-repeat;
        z-index: 11;
    }
    
    #eventGrid > div > div.project {
        position: absolute;
        top: 0;
        right: 0;
        display: none;
        width: 94px;
        height: 94px;
        object-fit: contain;
        background: url("/images/project-corner-yellow.svg") top right no-repeat;
        z-index: 11;
    }
    
    #eventGrid > div > div.date_location {    
        position: absolute;
        height: 25px;
        bottom: 22px;
        left: 20px;
        font-family: 'Brandon Grotesque', sans-serif;
        font-size: 16px;
        font-weight: 300;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: 0.6px;
        text-align: left;
        color: #ffffff;
        z-index: 11;
        opacity: 0.75;    
    }
        
    #confirmedGrid {
        width: 100%;
        height: max-content;
        display: flex;
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
        padding-top: 26px;
        min-height: 250px;
        background-color: #000000;
        margin-top: 0px !important;
        padding-left: 0px;
        border-bottom: 1px solid #000000;
    }
    
    #confirmedGrid > div > div.tour {
        position: absolute;
        top: 0;
        right: 0;
        display: none;
        width: 94px;
        height: 94px;
        object-fit: contain;
        background: url("/images/tour-corner-yellow.svg") top right no-repeat;
        z-index: 11;
    }
        
    #confirmedGrid > div > div.project {
        position: absolute;
        top: 0;
        right: 0;
        display: none;
        width: 94px;
        height: 94px;
        object-fit: contain;
        background: url("/images/project-corner-yellow.svg") top right no-repeat;
        z-index: 11;
    }
    
    #confirmedGrid > div > div.date_location {    
        position: absolute;
        height: 25px;
        bottom: 22px;
        left: 20px;
        font-family: 'Brandon Grotesque', sans-serif;
        font-size: 16px;
        font-weight: 300;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: 0.6px;
        text-align: left;
        color: #ffffff;
        z-index: 11;
        opacity: 0.75;    
    }
    
    #confirmedGrid > div {
        margin-left: 20px;
        object-fit: contain;
        height: 314px;
        border: 0px solid blue;
        background-color: #000000;
        position: relative;
        display: inline-block;
        margin-bottom: 0px;
    }
    
    #confirmedGrid .event {
        flex-wrap: nowrap;
        margin-left: 20px;
        object-fit: contain;
        height: 280px;
        padding-top: 0px;
        background-color: #000000;
        position: relative;
        display: inline-block;
        margin-bottom: 13px;        
        width: 280px;
        flex-shrink: 0;
    }
    
    #confirmedGrid .event:last-child {
        border-right: 50px solid #000;
    }
    
    #confirmedGrid > div > div.event_title {    
        position: absolute;
        bottom: 47px;
        left: 20px;
        height: 30px;
        max-width: 320px;
        overflow: hidden;
        font-family: 'Brandon Grotesque', sans-serif;
        font-size: 22px;
        font-weight: bold;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: 0.7px;
        text-align: left;
        color: #ffffff;
        text-transform: uppercase;
        z-index: 11;    
    }
    
    #confirmedGrid > div > div.special_title {    
        position: absolute;
        bottom: 79px;
        left: 20px;
        height: 25px;
        font-family: 'Brandon Grotesque', sans-serif;
        font-size: 16px;
        font-weight: bold;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: 0.6px;
        text-align: left;
        color: #ffd862;
        z-index: 11;    
    }
    
    #confirmedGrid > div > div.date_location {    
        position: absolute;
        height: 25px;
        bottom: 22px;
        left: 20px;
        font-family: 'Brandon Grotesque', sans-serif;
        font-size: 16px;
        font-weight: 300;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: 0.6px;
        text-align: left;
        color: #ffffff;
        z-index: 11;
        opacity: 0.75;    
    }
    
    #confirmedGrid div.background {
        content: " ";
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        position: absolute;
        opacity: 0.5;
        z-index: 10;
    }
    
    
    
    #headerGrid {
        display: none;
    }
    
    #calendarGrid {
        width: 100%; /* Full width here */
        margin-left: 0px;
        margin-right: 0px;
    }
    
    #calendarGrid .block_title h1 {
        font-size: 26px;
        letter-spacing: 0.26px;
    }
    
    #calendarGrid .item {    
        padding-top: 15px;
        margin-left: 0px;
    }
    
    #calendarGrid .date_block .item {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }
    
    #calendarGrid .date_block {
        padding-top: 15px;
        padding-bottom: 15px;
        border-bottom: 1px solid #979797;
        margin-left: 20px;
        margin-right: 20px;
    }
    
    #calendarGrid .date_block .item:first-child .date {    
        height: 30px;
        vertical-align: top;        
        padding-bottom: 5px;
    }
    
    #calendarGrid .date_block .item:first-child .date .date_inner {
        background-color: #2c7d70;
        width: 30px;
        height: 30px;
        padding: 0px;
        text-align: center;
        color: #ffffff;
        top: 15px;
        padding-bottom: 3px;
    }
    
    #calendarGrid .date_block .item .date span {
        display: block;
        width: 100%;
        letter-spacing: 0.14px;
    }
    
    #calendarGrid .date_block .item .date span span {
        display: initial;
    }    
    
    #calendarGrid .date .day {    
        font-size: 16px;
        font-weight: bold;
    }
    
    #calendarGrid .event_info .event_location {    
        font-size: 12px;
        display: table-row;
        font-weight: 400;
        letter-spacing: 0.32px;
    }   
    
    #calendarGrid .date_block .item .date {
        position: initial;
        order: 1;
        flex-basis: 100%; /* makes sure this is on its own row */
        font-size: 16px;
        line-height: normal;
        letter-spacing: 0.4px;
        margin-bottom: 1px;
    }
    
    #calendarGrid .date .month {    
        font-size: 10px;
        line-height: normal;
        text-transform: uppercase !important;
        font-weight: bold !important;
        margin-top: -7px;
        letter-spacing: 0.14px !important;
    }
    
    #calendarGrid div.item .event_info {
        order: 2;
        margin-left: 0px;
        margin-top: 0px;
        width: calc(100% - 85px);
    }
    
    #calendarGrid div.item .event_title {
        font-size: 16px;
        line-height: normal;
        letter-spacing: 0.16px;
    }
    
    #calendarGrid div.item .event_info .event_info_title_location {
        display: inline-block;
    }
    
    #calendarGrid div.item .event_info .tour_active {
        width: calc(100% - 30px);
    }
    
    #calendarGrid div.item .event_info .tour_mobile {
        display: inline-block !important;
        vertical-align: top;
    }
    #calendarGrid div.item .event_info .tour_mobile object {
        width: 30px;
        padding-top: 3px;
    }
    #calendarGrid div.item .event_info .tour_mobile img {
        width: 30px;
        padding-top: 3px;
    }
    
    #calendarGrid div.item .event_extra {
        display: none;
    }
    
    #calendarGrid div.item .time {
        order: 3;
        top: 2px;
        font-size: 12px;
        line-height: normal;
        letter-spacing: 0.32px;
        margin-left: 10px;
        width: 75px;
        display: inline-block;
    }
    
    #searchResultsGrid {
        width: 100%; /* Full width here */
        margin-left: 0px;
        margin-right: 0px;
        padding-top: 0px;
        display: none; /* Default hidden */
        background-color: #ffffff;
    }
    
    #searchResultsGrid .block_title h1 {
        font-size: 26px;
        letter-spacing: 0.26px;
    }
    
    #searchResultsGrid .item {    
        padding-top: 15px;
        margin-left: 0px;
    }
    
    #searchResultsGrid .date_block .item {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }
    
    #searchResultsGrid .date_block {
        padding-top: 15px;
        padding-bottom: 15px;
        border-bottom: 1px solid #979797;
        margin-left: 20px;
        margin-right: 20px;
    }
    
    #searchResultsGrid .date_block .item:first-child .date {    
        height: 30px;
        vertical-align: top;        
        padding-bottom: 5px;
    }
    
    #searchResultsGrid .date_block .item:first-child .date .date_inner {
        background-color: #2c7d70;
        width: 30px;
        height: 30px;
        padding: 0px;
        text-align: center;
        color: #ffffff;
        top: 15px;
        padding-bottom: 3px;
    }
    
    #searchResultsGrid .date_block .item .date span {
        display: block;
        width: 100%;
        letter-spacing: 0.14px;
    }
    
    #searchResultsGrid .date_block .item .date span span {
        display: initial;
    }    
    
    #searchResultsGrid .date .day {    
        font-size: 16px;
        font-weight: bold;
    }
    
    #searchResultsGrid .event_info .event_location {    
        font-size: 12px;
        display: table-row;
        font-weight: 400;
        letter-spacing: 0.32px;
    }   
    
    #searchResultsGrid .date_block .item .date {
        position: initial;
        order: 1;
        flex-basis: 100%; /* makes sure this is on its own row */
        font-size: 16px;
        line-height: normal;
        letter-spacing: 0.4px;
    }
    
    #searchResultsGrid .date .month {    
        font-size: 10px;
        line-height: normal;
        text-transform: uppercase !important;
        font-weight: bold !important;
        margin-top: -7px;
        letter-spacing: 0.14px !important;
    }
    
    #searchResultsGrid div.item .event_info {
        order: 2;
        margin-left: 0px;
        margin-top: 0px;
        width: calc(100% - 85px);
    }
    
    #searchResultsGrid div.item .event_title {
        font-size: 16px;
        line-height: normal;
        letter-spacing: 0.16px;
    }
    
    #searchResultsGrid div.item .event_info .event_info_title_location {
        display: inline-block;
    }
    
    #searchResultsGrid div.item .event_info .tour_active {
        width: calc(100% - 30px);
    }
    
    #searchResultsGrid div.item .event_info .tour_mobile {
        display: inline-block !important;
        vertical-align: top;
    }
    #searchResultsGrid div.item .event_info .tour_mobile object {
        width: 30px;
        padding-top: 3px;
    }
    #searchResultsGrid div.item .event_info .tour_mobile img {
        width: 30px;
        padding-top: 3px;
    }
    
    #searchResultsGrid div.item .event_extra {
        display: none;
    }
    
    #searchResultsGrid div.item .time {
        order: 3;
        top: 2px;
        font-size: 12px;
        line-height: normal;
        letter-spacing: 0.32px;
        margin-left: 10px;
        width: 75px;
    }
    
    .sold_out_mobile img {
        
        width: 70px;
        height: 15px;
        padding-top: 1px;   
    }
    
    .gridBlock {
        background-color: #000000;
        text-align: right;
        padding-right: 20px;
    }
        
    .grid_title {
        font-size: 16px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: 0.57px;
        color: #ffd862;
        padding-left: 20px;
        background-color: #000;
        width: calc(100% - 20px);
        display: block;
        padding-top: 20px;
    }
    
    .grid_readmore {
        width: 26px;
        height: 18px;
        font-size: 12px;
        font-weight: 400;
        line-height: normal;
        letter-spacing: 0.24px;
        color: #ffffff;
        background-color: #000000;
        display: inline-block;
    }
    
    .grid_readmore_image {
        width: 9px;
        height: 9px;
        display: inline-block;
        object-fit: contain;
        padding-left: 5px;
        padding-top: calc((18px / 2) - (9px / 2));
    }
    
    .grid_clear {
        background-color: #000000;
        padding-bottom: 22px;
    }
    
    #logoHolder {
        float: left;
        margin-left: 6%;
    }
    
    #logoHolder span.logo {    
        /*width: 55px;*/
        /*height: 35px;*/
        /*margin-top: calc((0.6 * 75px) - (0.5 * 48px));*/
        /*background: url("/img/efc-logo-primair-mobile.svg") no-repeat scroll 0% 0% / contain;*/
    }
    
    #footerContainer {
        min-height: 54px;
        max-height: 54px;
        position: relative;
        z-index: 999;
    }
    
    .block_footer {
        font-size: 14px;
        letter-spacing: 0.5px;
        max-height: 54px;
        top: 15px;
    }
    
    .block_footer span {
        position: relative;
        top: 0px;
    }
    
    #searchGrid {
        width: 100%;
        height: 26px;
        min-height: 26px;
        background-color: #000000;
        margin-top: 0px !important;
        padding-top: 24px;
        padding-left: 0px;
        padding-bottom: 0px;
        border-bottom: 1px solid #000000;
    }
    
    ::-moz-placeholder {
        opacity: 1;
    }
    
    #overlayContainer {
        display: none !important;
    }
    
    #searchContainer {
        display: block;
        position: relative;
        width: 100vw;
        height: max-content;        
        transform: unset;
        left: unset;
        top: unset;
        overflow-y: unset;
        padding-bottom: 20px;
        background-color: #000;
    }
    #searchGrid {
        display: block;
        padding-top: 0px;
        border-bottom: 0px solid #ffffff;
        padding-top: 20px;
        
    }
    
    #searchGrid .search_outer {
        height: 33px;
        border-bottom: 1px solid #ffffff;
        margin-left: 20px;
        margin-right: 20px;
        width: calc(100% - 25px - 15px);
    }
    
    #searchGrid div.search_clear {
        position:relative;
        float:left;
        height: 26px;
        width: 26px;
        right: 8px;
        left: 0px;
        text-align:center;
        cursor:pointer;
    }
    
    #searchGrid img.search_clear {
        height: 24px;
        width: 24px;
        top: 3px;
    }
    
    #searchGrid .search::placeholder {
        font-size: 26px;
        color: #d8d8d8;
        -webkit-text-fill-color: #d8d8d8;
        -webkit-opacity: 1;
        font-weight: 400;
        letter-spacing: 0.2px;
        line-height: normal;
        vertical-align: top;
        padding-top: 0px;
        padding-bottom: 0px;
        font-family: "Brandon Grotesque" !important;
    }
    
    #searchGrid .search {
        text-indent: 0px;
        width: calc(133.333333% - 20px - 20px - 10px);
        background-color:  #000;
        border: 0px;
        height: 34.666666666667px;
        font-size: 26px;
        line-height: normal;
        color: #d8d8d8;
        -webkit-text-fill-color: #d8d8d8;
        -webkit-opacity: 1;
        font-weight: 400;
        letter-spacing: 0.26666666666667px;
        /* scale down by 12/16 = 75% */
        transform: scale(0.75);
        transform-origin: left top;
        /* remove extra white space */
        margin-bottom: -10px;
        margin-right: -33.333333333%;        
        font-family: "Brandon Grotesque" !important;
    }
    
    #searchResultsGrid .block_title {    
        padding-top: 20px;    
    }
    
    #searchResultsGrid .block_title h1 {
        height: unset;
    }
    
    #searchResultsGrid .date_block:first-child {
        padding-top: 0px;
    }
    
    #eventContainer {

    }
    
    .smalltitle {    
        text-align: right;
        padding-right: 10px;
        padding-top: 10px;
    }
    
    #eventContainer .eventInfo {    
        position: relative;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        z-index: 9;
        left: 0;
        width: calc(100% - 20px - 20px);
        top: calc(0px - 80px - 10px);
    }
    
    #eventContainer .eventInfo .eventOrder button {
        height: 48px;
        width: 100%;
        object-fit: contain;
        background-color: #2c7d70;
        color: #ffffff;
        font-family: 'Brandon Grotesque', sans-serif;
        font-size: 14px;
        font-weight: 500;
        text-align: center;
        display: inline-block;
        padding: 10px 20px;
        border: 0px;
        line-height: 20px;
        letter-spacing: 0.28px;
        text-transform: uppercase;
    }
    
    #eventContainer .eventInfo .eventOrder {
        padding: 15px;
        margin-left: auto;
        margin-right: auto;
        background-color: #fff;  
        text-align: center;
    }
    
    #eventContainer .eventInfo .eventDescription {
        padding: 15px;
        padding-top: 0px;
        background-color: #ffffff;   
    }
    
    #eventContainer .eventDescription > div > div {
        font-size: 14px;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: 0.32px;
    }
    
    #eventContainer .eventDescription > div > div > h3 {
        font-size: 14px;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: 0.32px;
    }
    
    #eventContainer .eventInfo .eventDescription .event_routes {    
        padding-top: 20px;    
    }
    
    #eventContainer .eventInfo .eventDescription .event_routes ul li {    
        display: inline-block;
        border-bottom: 2px solid black;
        margin-right: 15px;
        padding-bottom: 2px;
        margin-bottom: 0px;
        padding-top: 18px;    
    }
    
    #eventContainer .eventInfo .eventDescription .event_routes h2 {
        font-size: 18px;
        letter-spacing: normal;
        line-height: 2.22px;
    }
    
    #eventContainer .eventInfo .eventDescription .event_routes ul li a,
    #eventContainer .eventInfo .eventDescription .event_routes ul li a:visited,
    #eventContainer .eventInfo .eventDescription .event_routes ul li a:hover {
        font-size: 14px;
        letter-spacing: 0.28px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
    }
    
    .ARROW-RIGHT {    
        width: 10px;
        height: 9px;
        object-fit: contain;
        padding-left: 10px;    
    }
    
    #eventContainer .eventInfo .eventTitle {    
        font-size: 30px;
        letter-spacing: 0.4px;
        padding-top: 14px;
        padding-bottom: 0px;
        padding-left: 15px;
        padding-right: 15px;
        border-bottom: 0px solid #979797;
        margin-bottom: 0px;    
    }
    
    #eventContainer .background {
        height: 320px;
        background-size: cover !important;
    }
    
    #eventContainer .eventInfo .eventDescription .event_dates {    
        font-size: 14px;
        letter-spacing: 0.3px;
        padding-bottom: 0px;
        border-bottom: 1px solid #979797;
        margin-bottom: 0px;
        font-weight: 400;
    }
    
    #menuContainer {
        width: 100%;        
    }
    
    #menuContainer.largeMenu {    
        background-color: #f0f0f0;
        height: initial !important;
        position: initial;    
    }
    
    .largeMenu #logoHolder {
        display: none;
    }
    
    .largeMenu #largeMenuHolder {
        padding-left: 30px;
        display: block;
    }
    
    #largeMenuHolder .socialMediaMenu {    
        padding-top: 25px;
        margin-left: 0px;
    }
    
    #menuHolder ul.closeMenu::before {
      height: 32px;
      width: 32px;
    }
    
    
    .largeMenu #largeMenuHolder .socialMediaMenu {
        padding-left: 0px;
        display: block;
        margin-left: 0px;
        font-size: 16px;
    }
    
    .largeMenu #largeMenuHolder .socialMediaMenu li {        
        padding-left: 19px;
        display: inline-block;
        padding-top: 5px;
        padding-bottom: 5px;   
    }
    
    #largeMenuHolder .socialMediaMenu li span {    
        padding-left: 0px;    
    }
    
    .largeMenu #largeMenuHolder .socialMediaMenu li span.social-text {        
        display: none;
    }
    
    .largeMenu #largeMenuHolder .socialMediaMenu li:first-child {
        padding-left: 0px;
    }
    
    #largeMenuHolder .fullMenu span {
        font-size: 28px;
    }
    
    .largeMenu #contactHolder {
        padding-left: 30px;
        padding-top: 25px;
        width: calc(100% - 30px);
        display: block;
    }
    
    .largeMenu #postalInformation {
        padding-top: 26px;
        width: calc(100% - 30px);
        display: block;
    }
    
    #contactHolder > div {
        display: block;
        padding: 0 0 0 0;
        padding-top: 30px;
        vertical-align: top;
        width: 100%;
    }
    
    #contactHolder span, #contactHolder input[type="text"] {
        width: 100%;
        height: 40px;
        text-indent: 10px;
        border: 1px solid #f0f0f0;
        font-size: 16px;
        margin-top: 16px;
    }
    
    #contactHolder .contactForm {
        width: calc(100% - 25px - 5px);
        padding-top: 25px;
        padding-bottom: 25px;
    }
    
    #contactHolder .contactForm button {    
        height: 48px;
        font-size: 14px;
        padding: 10px 20px;
        border: 0px;
        line-height: 20px;
    }
    
    #contactHolder .contactInfo li {    
        margin-top: 10px;
        font-size: 16px;
    }
    
    #contactHolder .contactInfo li i {    
        padding-right: 15px;
    }
    
    #contactHolder .contactInfo li i.phone {
        width: 13px;
        height: 13px;
        padding-right: 3px;
        background: url("/images/phone-call.svg") no-repeat left top / contain;
    }
    
    #contactHolder .contactInfo li i.email {
        background: url("/images/mail.svg") no-repeat left top / contain;
        width: 10px;
        height: 14px;
        display: inline-block;
    }
    
    #contactHolder .contactForm p:last-child {    
        padding-top: 15px;
        text-align: left;
    }
    
    #contactHolder .contactInfo li span {
        display: inline;
    }
    
    #contactHolder .contactInfo li:nth-child(2) span:first-child {
        margin-right: 15px;
    }
    
    .ui-datepicker-title {
        width: calc(100% - 32px - 32px);
    }
    
    #contactHolder p.bold {
        font-weight: bold;
        line-height: 30px;
    }
    #contactHolder p {
        font-size: 16px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: 0.32px;
    }
    
    #contactHolder input {
        
    }
    
    #contactHolder textarea {
        width: calc(133.333333% - 10px);
        border: 0px;
        height: 118.66666666667px;
        font-size: 16px;
        line-height: normal;
        color: rgba(0, 0, 0, 0.5);
        font-weight: 300;
        letter-spacing: 0.26666666666667px;
        /* scale down by 12/16 = 75% */
        transform: scale(0.75);
        transform-origin: left top;
        /* remove extra white space */
        margin-bottom: -10px;
        margin-right: -33.333333333%;
        text-indent: 10px;
        margin-top: 16px;
        padding-top: 10px;
        padding-left: 0px;
        padding-right: 0px;
    }
    
    #menuContainer .langSelect li {    
        margin-left: 40px;
        margin-right: 40px;    
    }
    
    #menuContainer .langSelect li span {    
        margin-left: 25px;
    }
    
    #largeMenuHolder .fa-li {
        left: initial;
        width: initial;
    }
    
    #largeMenuHolder .socialMediaMenu li a {
        padding-left: 0px;    
    }
    
    #normalContainer {
        height: initial;
        min-height: 100vh;
    }
    
    #menuContainer.largeMenu .langSelect {
        width: 160px;
        margin-right: 160px;
    }
    
    
    #orderContainer {
        top: 0px;
    }
    
    #orderContainer button {
        height: 40px;
        font-size: 12px;
        padding: 0px 15px;
        line-height: 20px;
    }
    
    #orderContainer #orderInfo {
        height: calc(100% - 75px);
        width: calc(100%);
        display: inline-block;
        top: 75px;
        vertical-align: top;
        position: initial;
        /* On mobile it's initial */
    }
    
    #orderContainer .orderHeader {
        height: 95px;
        background-color: #000000;
        overflow-y: hidden;
        white-space: nowrap;
    }
    
    #orderContainer .orderHeader .orderEventDetail {
        display: inline-block;
        margin-top: 16px;
        position: relative;
        width: calc(100% - 109px - 1px - 0.5px);
    }
    
    #orderContainer .orderHeader .orderEventDetail .orderEventDetailTitle {
        height: 20px;
        font-size: 14px;
        letter-spacing: 0.19px;
        color: #ffffff;
        padding-left: 15px;
    }
    
    #orderContainer .orderHeader .orderEventDetail .orderEventTitle {
        font-size: 18px;
        letter-spacing: 0.24px;
        color: #ffffff;
        font-weight: bold;
        padding-left: 15px;
        line-height: 1.11;
        white-space: initial;
    }
    
    #orderInfo .orderPage .orderStep2 .ui-datepicker select {
        width: calc(30% * 1.33);
        margin-right: calc(1px);
        display: inline-block !important;
        padding-right: 20px;
        margin-left: 20px;
        font-family: "Brandon Grotesque";
        font-size: 16px;
        color: rgba(0, 0, 0, 0.3);
        -webkit-text-fill-color: rgba(0, 0, 0, 0.3);
    }
        
    #orderInfo .ui-datepicker td span, .ui-datepicker td a {
        text-align:center;
    }
    
    #orderInfo .orderPage .orderStep2 .ui-datepicker select option {
        font-family: "Brandon Grotesque";
    }
    
    #orderContainer .ui-datepicker-inline {
        margin-top: 10px;
        width: calc(100% - 15px);
    }
    
    #orderContainer .orderSubmitBar.active.mobile {
        margin-left: -25px;
        margin-right: -10px;
        background-color: #fff;
        margin-top: 10px;
        padding: 15px;
        padding-top: 20px !important;
        padding-bottom: 45px !important;
        padding-left: 25px;
    }
    
    #orderInfo .orderHeader .eventImage {
        display: inline-block;
        height: 100%;
        width: 109px;
        vertical-align: top;
        background-size: cover !important;
        right: 0px;
        position: relative;
    }
    
    #orderContainer #orderInfo .orderPage div.stepback {
        text-align: left;
    }
    #orderContainer #orderInfo .orderPage span.stepback {
        color: #2c7d70;
        font-size: 16px;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: 0.2px;
    }
    
    #orderContainer #orderInfo .orderTotal {
        object-fit: contain;
        font-family: 'Brandon Grotesque', sans-serif;
        font-size: 18px;
        font-weight: bold;
        font-style: normal;
        font-stretch: normal;
        line-height: 2;
        letter-spacing: normal;
        text-align: left;
        color: #000000;
        padding: 10px;
    }
    
    #orderContainer #orderInfo .orderTotal .order_reservationcosts {
        font-size: 10px;
        font-weight: initial;
        letter-spacing: 0.24px;
        margin-top: -8px;
    }
    
    #orderContainer #orderInfo .orderTotal div {
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        height: 100%;
    }
    
    #orderContainer #orderInfo .orderPage {
        width: calc(100% - 15px - 10px);
        padding: 15px;
        padding-top: 25px;
        margin-left: auto;
        margin-right: auto;
        padding-bottom: 0px;
        padding-right: 10px;
        background-color: #f0f0f0;
    }
    
    .orderSubmitBar div:nth-child(3) {
        padding-bottom: 20px;
    }
    
    #orderContainer #orderInfo .orderPage > div {
        display: none;
    }
    
    #orderContainer #orderInfo .orderPage > div.active {
        display: block;
        position: initial;
        top: initial;
        transform: initial;
        width: initial;
        margin-left: auto;
        margin-right: auto;
    }
    
    #orderInfo .orderPage .order_ticketfields div.container {
      padding-bottom: 10px;
      padding-top: 10px;}
      
    #orderContainer #orderInfo .orderPage > div > div {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
        max-width: calc(100%);
        height: fit-content;
    }

    .orderSubmitBar.active.mobile {
        padding-top: 20px !important;
    }
    
    #orderContainer #orderInfo .order_title {
        font-size: 16px;
    }
    
    .orderStep2 .order_title {    
        padding-bottom:  15px;
    }
    
    #orderInfo .orderPage ul li label {
        font-size: 1.35em;
        margin: 10px auto;
        height: 30px;
        width: 47vw;
    }

    #orderContainer #orderInfo .orderPage .order_datefields > ul li {
        max-width: 49vw;
        display: inline-block;
        min-width: 0px !important;
    }
    
    #orderInfo .orderPage ul li .check::before {
      display: inline-block;
      content: '';
      border-radius: 0%;
      height: 6px;
      width: 6px;
      top: 5px;
      left: 5px;
      margin: auto;
      font-size: 6px;
    }
    
    #orderInfo .orderPage ul li .check {
        border: 1px solid #ffffff;
        height: 15px;
        width: 15px;
        top: 30px;
        left: 20px;
        float: left;
    }
    
    #orderInfo .orderPage input[type=radio]:checked ~ .check::before {
      background: #FFFFFF;
      background: url("/img/x-black.svg");
      background-repeat: no-repeat;
      background-position: 50% 50%;
      vertical-align: top;
      margin-top: 5px;
      margin-left: 5px;
    }
    
    #orderInfo .orderPage ul li label .date_title {
        width: 240px;
        width: max-content;
        padding-right: 10px;
    }
    
    #orderInfo .orderPage ul li:nth-child(2n) label .date_title {
        padding-right: 0px;
    }
    
    #orderInfo .orderPage ul li label > span > span {
        padding-left: 10px;
    }
    
    #orderInfo .orderPage ul li label > span > span:first-child {
        font-size: 14px;
        line-height: 1.43;
    }
    
    #orderInfo .orderPage ul li label > span > span:last-child {
        font-size: 12px;
        letter-spacing: 0.3px;
    }
    
    #orderInfo .orderPage .order_ticketfields {    
        padding-top: 5px;
    }
    
    #orderInfo .orderPage .order_ticketfields .ticket_title {    
        display: inline-block;
        padding-left: 20px;
        padding-top: 0px;
        vertical-align: middle;
        width: calc(100% - 20px - 100px);    
    }
        
    #orderInfo .orderPage .ticket_title > span > span {
        display: inline !important;
    }
    #orderInfo .orderPage .ticket_title > span > span::after {
        content: " ";
    }
    
    #orderInfo .orderPage .order_ticketfields button {
        width: 25px;
        height: 25px;
        background-color: #ffffff;
        vertical-align: middle;
        text-align: center;
        font-size: 14px;
        line-height: 1.43;
        padding: 0 0 0 0;
    }
    
    #orderInfo .orderPage .order_ticketfields button.button-min {
        margin-right: 2px;
    }
    
    #orderInfo .orderPage .order_ticketfields button.button-add {
        margin-left: 2px;
    }
    
    #orderInfo .orderPage .order_ticketfields button.button-min:after {
        content:'-'; 
        visibility: visible;
        display: block;
        background-color: #ffffff;
        padding: 2px;
        font-size: 14px;
        color: #000000;
    }
    
    #orderInfo .orderPage .order_ticketfields button.button-add:after {
        content:'+'; 
        visibility: visible;
        display: block;
        background-color: #ffffff;
        padding: 2px;
        font-size: 14px;
        color: #000000;
    }

    #orderInfo .orderPage .order_ticketfields input[type="number"] {
        height: 25px;
        width: 40px;
        font-size: 14px;
        line-height: 1.43;
        font-weight: bold;
        font-family: "Brandon Grotesque";
    }
    
    #orderInfo .orderPage .order_ticketfields .ticket_title span:first-child {    
        font-size: 14px;
        line-height: 14px;
    }
    
    #orderInfo .orderPage .order_ticketfields .ticket_title span:last-child {    
        font-size: 12px;
        font-weight: 400;
        letter-spacing: 0.3px;
    }
    

    #orderInfo .orderPage .order_extrafields {    
        padding-top: 5px;
    }
    
    #orderInfo .orderPage .order_extrafields .ticket_title {    
        display: inline-block;
        padding-left: 20px;
        padding-top: 0px;
        vertical-align: middle;
        width: calc(100% - 20px - 70px);    
    }
        
    #orderInfo .orderPage .ticket_title > span > span {
        display: inline !important;
    }
    #orderInfo .orderPage .ticket_title > span > span::after {
        content: " ";
    }
    
    #orderInfo .orderPage .order_extrafields button {
        width: 25px;
        height: 25px;
        background-color: #ffffff;
        vertical-align: middle;
        text-align: center;
        font-size: 14px;
        line-height: 1.43;
        padding: 0 0 0 0;
    }
    
    #orderInfo .orderPage .order_extrafields button.button-min {
        margin-right: 2px;
    }
    
    #orderInfo .orderPage .order_extrafields button.button-add {
        margin-left: 2px;
    }
    
    #orderInfo .orderPage .order_extrafields button.button-min:after {
        content:'-'; 
        visibility: visible;
        display: block;
        background-color: #ffffff;
        padding: 2px;
        font-size: 14px;
        color: #000000;
    }
    
    #orderInfo .orderPage .order_extrafields button.button-add:after {
        content:'+'; 
        visibility: visible;
        display: block;
        background-color: #ffffff;
        padding: 2px;
        font-size: 14px;
        color: #000000;
    }

    #orderInfo .orderPage .order_extrafields input[type="number"] {
        height: 25px;
        width: 40px;
        font-size: 14px;
        line-height: 1.43;
        font-weight: bold;
        font-family: "Brandon Grotesque";
    }
    
    #orderInfo .orderPage .order_extrafields .ticket_title span:first-child {    
        font-size: 14px;
        line-height: 14px;
    }
    
   
    #orderInfo .orderPage .order_extrafields .ticket_title span:last-child {    
        font-size: 12px;
        font-weight: 400;
        letter-spacing: 0.3px;
    }
    
    #orderInfo .orderPage .orderStep2 .form-step .item-title {
        font-size: 16px;
        line-height: 1.43;
    }
    
    
    #orderInfo .orderPage .orderStep2 .form-stepcontent {
        display: inline-block;
        width: calc(100%);
        margin-left: auto;
        margin-right: auto;
    }
    
    #orderInfo .orderPage .orderStep2 input::placeholder,
    #orderInfo .orderPage .orderStep2 select::placeholder,
    #orderInfo .orderPage .orderStep2 textarea::placeholder {
        font-size: 14px;
        color: #777;
        font-weight: 400;
        letter-spacing: 0.2px;
        line-height: normal;
        padding-top: 0px;
        padding-bottom: 0px;
    }
    
    #orderInfo .orderPage .orderStep2::-webkit-input-placeholder {
        color: #777;
    }
    #orderInfo .orderPage .orderStep2::-moz-placeholder { /* Firefox 19+ */
      color:  #777;
    }
    #orderInfo .orderPage .orderStep2:-ms-input-placeholder {
      color:  #777;
    }
    #orderInfo .orderPage .orderStep2:-moz-placeholder { /* Firefox 18- */
      color:  #777;
    }
    
    #orderInfo .orderPage .orderStep2 input[type="text"],
    #orderInfo .orderPage .orderStep2 input[type="date"],
    #orderInfo .orderPage .orderStep2 select {
        width: calc(133.333333% - 10px);
        border: 0px;
        height: 46.666666666667px;
        font-size: 16px;
        line-height: normal;
        color: rgba(0, 0, 0, 0.5);
        font-weight: 300;
        letter-spacing: 0.26666666666667px;
        /* scale down by 12/16 = 75% */
        transform: scale(0.75);
        transform-origin: left top;
        /* remove extra white space */
        margin-bottom: -10px;
        margin-right: -33.333333333%;
        margin-top: 5px;
        padding-left: 15px;
    }
    
    #orderInfo .orderPage .orderStep2 select::placeholder {
        vertical-align: middle;
    }
    
    #orderInfo .orderPage .orderStep2 select {
        vertical-align: middle;
        /*padding-top: calc((35px / 2) - 8px);*/
        /*height: 34px;*/
        height: 29.5px;
        margin-bottom: -8px;
        margin-top: 6px;
        padding-left: 15px;
        width: calc(133.333333% - 25px);
    }
    
    #orderInfo .orderPage .orderStep2 textarea {
        width: calc(133.333333% - 40px);
        border: 0px;
        height: 118.66666666667px;
        font-size: 16px;
        line-height: normal;
        color: rgba(216, 216, 216, 0.7);
        font-weight: 300;
        letter-spacing: 0.26666666666667px;
        /* scale down by 12/16 = 75% */
        transform: scale(0.75);
        transform-origin: left top;
        /* remove extra white space */
        margin-bottom: -30px;
        margin-right: -33.333333333%;
        text-indent: 25px;
        margin-top: 5px;
        padding-top: 10px;
    }
    
    #orderInfo .orderPage .orderStep2_3 .order_couponfields button {
        border: 0px;
        height: 46.666666666667px;
        font-size: 12px;
        line-height: normal;
        letter-spacing: 0.26666666666667px;
        /* scale down by 12/16 = 75% */
        transform: scale(0.75);
        transform-origin: left top;
        /* remove extra white space */
        margin-bottom: -10px;
        margin-right: -33.333333333%;
        margin-top: 5px;
        width: calc(131% - 6px);
    }
    
    #orderInfo .orderPage .orderStep2_2.mobile {
        padding-top: 20px !important;
    }
    
    #orderInfo .orderPage .orderStep2_3.mobile {    
        padding-top: 5px !important;
        padding-bottom: 20px;
    }
    
    #orderInfo .order_couponfields {    
        vertical-align: top;    
    }
    
    #orderInfo select {
        background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDE4IDEwIj4KICAgIDxwYXRoIGZpbGw9IiMwMTAxMDEiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTUuMjQgM0w5LjUgNi42OCAxMy43NzUgM2wuMjI1LjEyTDkuNSA3IDUgMy4xMnoiLz4KPC9zdmc+Cg==) no-repeat 96% 50%;
        background-color: #ffffff;
    }
    
    #contactHolder input::placeholder,
    #contactHolder select::placeholder,
    #contactHolder textarea::placeholder {
        font-size: 14px;
        color: rgba(0, 0, 0, 0.3);
        font-weight: 400;
        letter-spacing: 0.2px;
        line-height: normal;
        vertical-align: top;
        padding-top: 0px;
        padding-bottom: 0px;
    }
    
    #contactHolder input[type="text"],
    #contactHolder input[type="date"],
    #contactHolder select {
        width: calc(133.333333% - 10px);
        border: 0px;
        height: 46.666666666667px;
        font-size: 16px;
        line-height: normal;
        color: rgba(0, 0, 0, 0.5);
        font-weight: 300;
        letter-spacing: 0.26666666666667px;
        /* scale down by 12/16 = 75% */
        transform: scale(0.75);
        transform-origin: left top;
        /* remove extra white space */
        margin-bottom: -10px;
        margin-right: -33.333333333%;
    }
   
    
    #contactHolder button {
        border: 0px;
        height: 64px;
        font-size: 14px;
        line-height: normal;
        letter-spacing: 0.37333333333333px;
        /* scale down by 12/16 = 75% */
        transform: scale(0.75);
        transform-origin: left top;
        /* remove extra white space */
        margin-bottom: -10px;
        margin-right: -33.333333333%;
    }
    
    #orderInfo .orderPage ul {
        overflow: initial;    
    }
    
    #orderContainer #orderInfo .orderPage .order_datefields > ul {
        padding: 0px;
    }
    
    #orderContainer #orderInfo .orderPage .order_datefields > ul.flex {
        display: flex;
        flex-wrap: wrap;
        justify-content: start;
    }
    
    #orderContainer #orderInfo .orderPage .order_datefields {    
        padding-top: 14px;    
    }
    
    #orderContainer #orderInfo .orderPage .order_datefields ul.flex li {    
        flex-grow: 1;
        flex-basis: 200px;
    }
    
    #orderInfo .orderStep2_1.active .form-step .item-title {
        display: none;        
    }
    
    #orderContainer #orderInfo .orderPage .orderStep1 div.orderStepBar {
        width: 100%;
        text-align: right;
    }
    
    #orderContainer #orderInfo .orderPage .orderStep2_1 div.orderStepBar {
        display: none;
    }
    
    #orderInfo .orderStep2 .active .form-step .item-progress {
        display: none;
    }
    
    #orderInfo .orderStep2 .active .form-step .item-note {
        display: none;
    }
    
    #orderInfo .orderStep2 .active .form-step {
        display: block;
        padding: 0;
        margin: 0;
    }
    
    #orderInfo .orderPage .orderStep2 .form-row {
        padding-top: 0px;
    }
    
    #orderInfo .orderStep3 {
        display: block;
    }
    
    #orderContainer #orderInfo .orderSubmitBar .orderTotal {
        padding-left: 0px;
    }
    
    #orderInfo .orderSummary {
        font-family: 'Brandon Grotesque';
        font-size: 12px;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.25;
        letter-spacing: normal;
        color: #000000;
        padding-top: 15px;
    }

    .orderSubmitBar div:nth-child(5) {
        padding-bottom: 25px !important;
    }

    #orderInfo .orderSummary > span {
        display: block;
    }
    
    #orderInfo .orderPage {
        padding-bottom: 0px;
    }
    
    
    #pageContainer .pageInfo {    
        position: relative;
        width: 100%;
        height: max-content;
        margin-left: auto;
        margin-right: auto;
        z-index: 9;
        left: 0;
        width: calc(100% - 20px - 20px);
        top: initial;
        padding-bottom: 40px;
    }


    #pageContainer .pageInfo .pageTitle {    
        font-size: 30px;
        letter-spacing: 0.4px;
        padding-top: 14px;
        padding-bottom: 15px;
        padding-left: 15px;
        padding-right: 15px;
        border-bottom: 0px solid #979797;
        margin-bottom: 0px;    
    }

    #pageContainer .pageInfo .pageContent {
        padding: 15px;
        padding-top: 15px;
        background-color: #ffffff;   
    }
    
    #pageContainer pageInfo .pageContent > div > div {
        font-size: 14px;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: 0.32px;
    }
    
    .disclaimer {    
        font-size: 12px;
        font-weight: 400;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: 0.2px;
        text-align: left;
        color: #000000;
        margin-bottom: 10px;
    }

    .disclaimer > label > div {
        max-width: 80%;
        display: inline-block;
        margin-top: -15px;
        top: -15px;
    }

    .disclaimer input[type="checkbox"].meta_field {
      border: 1px solid black;
      width: 9px;
      height: 10px;
      display: inline-block;
      margin-bottom: 0px !important;
      appearance: checkbox !important;
      margin-right: 10px;
    }
        
    .desktop {
        display: none !important;
    }  
    .desktop-inline {
        display: none !important;
    }
        
    .mobile {
        display: block !important;
    }
    
    .mobile-flex {
        display: flex !important;
    }
    
    .mobile-1-1 {
        width: calc(100%);
        padding-right: 0px;
        display: block !important;
    }
    
    .mobile-1-2 {
        width: calc(50% - 10px) !important;
        padding-right: 1.7px;
        display: inline-block !important;
        padding: 0px !important;
        margin-right: 10px;
    }
    
    .mobile-1-2:last-child,
    .mobile-1-2-last {
        width: calc(50%);
        padding-right: 0px;
        display: inline-block !important;
        margin-right: 0px !important;
        text-align: right;
    }
    
    .mobile-1-3 {
        width: calc(33.3% - 5px);
        padding-right: 1.7px;
        display: inline-block !important;
    }
    
    .mobile-1-3:last-child,
    .mobile-1-3-last {
        width: calc(33.3%);
        padding-right: 0px;
        display: inline-block !important;
        margin-right: 0px;
    }
    
    .mobile-2-3 {
        width: calc(66.6% - 5px);
        padding-right: 1.7px;
        display: inline-block !important;
    }
    
    .mobile-2-3:last-child,
    .mobile-2-3-last {
        width: calc(66.6%);
        padding-right: 0px;
        display: inline-block !important;
    }    
    
    .order_couponfields input {
        margin-top: 5px !important;
    }
    
    .order_couponfields.mobile.mobile-2-3 {
        vertical-align: top;
    }
    
    #largeMenuHolder ul {
    list-style: none;
    width: 50%; }
    
    #largeMenuHolder ul li {
    padding-top: 15px;
    padding-bottom: 15px;
    white-space: nowrap;
    display: inline-block;
    }
    
    #largeMenuHolder ul > li > span {
    padding-left: 0px; }
    
    #menuContainer.largeMenu #menuHolder ul {
    display: none; }
    
    #menuContainer #menuHolder ul.closeMenu {
    display: none; }
    
    #menuContainer.largeMenu #menuHolder ul.closeMenu {
    display: block;
    float: right;
    clear: right; }
    
    #menuContainer.largeMenu {
    background-color: #f0f0f0;
    height: 100%;
    position: initial; }
    
    .largeMenu #contactHolder {
    display: inline-block; }
    
    #largeMenuHolder .fullMenu span {
    font-size: 28px;
    padding-top: 60px;;
    line-height: 1.43;
    text-align: left;
    text-transform: uppercase;
    font-weight: bold; }
    
    #largeMenuHolder .fullMenu span {
    cursor: grab; }
    
    #largeMenuHolder .fullMenu li img {
    display: none; }
    
    #largeMenuHolder .fullMenu li.active {
    border-bottom: 3px solid #2c7d70; }
    
    #largeMenuHolder .fullMenu li.active img {
    display: inline;
    padding-top: 8px;
    padding-left: 12px;
    max-height: 20px; }
    
    #largeMenuHolder .fullMenu li.active span {
    color: #2c7d70; }
        
    h1 {
        font-family: 'Brandon Grotesque', sans-serif;
        font-weight: bold;
        font-size: 24px;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: 0.4px;
        text-transform: uppercase;
    }
    
    h3 {
        font-family: 'Brandon Grotesque', sans-serif;
        font-weight: bold;
        font-size: 16px;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.36;
        letter-spacing: normal;
    }
    
    .TrengoWidgetLauncher__iframe {
        transform: scale(1) !important;
    }
    
    .TrengoWidgetLauncher__iframe {
        bottom: 30px !important;
        right: 30px !important;
    }
    
    .mobile-init-hidden {
        display: none;
    }
    
    #orderContainer #orderInfo .orderPage .orderStep1_2 {    
        padding-top: 25px;    
    }
    
    #orderContainer #orderInfo .orderPage .orderStep1 .orderTotal {    
        padding-left: 0px !important;
        padding-top: 0px;
    }    
        
    .seperatorGrid {
        display:none;
    }
}

@media only screen and (max-device-width: 320px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 1)
{

}

@media only screen and (max-device-width: 640px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 1)
{
    
}