@import url(/resources/css/tickets-874db4798470196d4cbe74695b323b3e.css);
@import url(accountinfo.css);
@import url(/resources/css/cart-f056d07e2029b5684298d93411470ec3.css);
@import url(/resources/css/confirmation-f5953bb8892b691949f95033115f824b.css);
@import url(/resources/css/cabanas-ac3edfa99e04e1bf29e41bac9c8a6a69.css);
@import url(/resources/css/calendar-9aa342e54a24949ce6189d135f4f4da5.css);
@import url(/resources/css/userinformation-ffa848110f61b374e938a32073eb6d35.css);


body{
    overflow-y : hidden !important;
}

.max-violation-disabled{
    pointer-events : none !important;
    cursor         : not-allowed;
    opacity        : .7;
}

html, body{
    max-width  : 100%;
    overflow-x : hidden;
    padding    : env(safe-area-inset, 0px);
}

.js-add-bday{
    width : 128px;
}

.suggestive-legend{
    font-size : 13px;
}

.suggestive-modal{
    width : 100%;
}

#navbarNav{
    justify-content : center;
}

.navbar{
    background-color : #f54800;
    border-top       : 4px solid #f89014;
    border-bottom    : 4px solid #f89014;
}

.card-link, .card-link:hover{
    color           : #000;
    text-decoration : none;
}

select::-ms-expand{
    display : none;
}

#quantity{
    border-bottom : none;
    margin-top    : -5px;

}


/*expired session modal*/
.modal-header{
    background-color        : #00519A;
    padding                 : 1rem;
    color                   : #fff;
    font-weight             : 700;
    text-transform          : uppercase;
    font-family             : 'Glegoo', serif;
    border-top-left-radius  : 0rem;
    border-top-right-radius : 0rem;
}

.modal-content{
    border : 2px solid #00519A;
}

.ticket-sel{
    width         : 47%;
    border-bottom : none;
}

/*.waterworld-logo{*/
/*top : 8px;*/
/*}*/

.required-policy{
    white-space : nowrap;
}

.menu-wrap{
    position         : relative;
    left             : 0;
    z-index          : 2;
    display          : none;
    overflow         : hidden;
    background-color : #f54800;
    border-top       : 4px solid #f89014;
    border-bottom    : 4px solid #f89014;
    width            : 100%;
    height           : 49px;
    bottom           : 45px;
}

#topBtn{
    position      : fixed;
    bottom        : 5px;
    right         : 40px;
    font-size     : 20px;
    z-index       : 1;
    width         : 50px;
    height        : 50px;
    background    : #0B3E8F;
    color         : #ffffff;
    padding       : 7px 17px;
    border        : none;
    cursor        : pointer;
    border-radius : 50%;
    opacity       : 0.8;
    transition    : 0.3s;

    /*pointer-events        : auto;*/
    display       : none;
    outline       : none;
}

#topBtn:hover{
    background : #0d4aa5;
    opacity    : 1;

}

.confirmation-startover-btn{
    background-color : #0B3E8F;
    color            : #ffffff;
    box-shadow       : 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);
    border-radius    : 2px;
    border           : 1px solid #0B3E8F;
    height           : 36px;
    line-height      : 36px;
    padding          : 0 16px;
    text-transform   : uppercase;
    font-size        : 14px;
    font-family      : 'Glegoo', serif;
    font-weight      : bold;
    display          : inline-block;
    text-align       : center;
    transition       : 0.3s;
}

.confirmation-startover-btn:hover{
    color            : #0B3E8F;
    background-color : #ffffff;
    border-color     : #0B3E8F;
    text-decoration  : none;
}

.page-headline{
    margin-top     : 3rem;
    font-family    : 'Passion One', cursive;
    font-size      : 3rem;
    letter-spacing : 2px;
}

.checkbox-email-promotions{
    font-size : 15px;
}

.mobile-table-heading{
    display : none;
}

.background-header{
    background-image  : url(/resources/images/bg-header-8555c3209703f7168da349bb4e6127cd.png);
    position          : relative;
    background-repeat : no-repeat;
    background-size   : cover;
    height            : 154px;
}

.navbar-nav{
    font-family : 'Glegoo', serif;
    font-weight : 700;
    font-size   : 22px;

}

li.nav-item{
    color         : #ffffff;
    border-bottom : 1px solid #f89014;
    padding-left  : 10px;

}

.navbar{
    padding : 0px;
}

.shop-cart{
    padding-top    : 9px;
    padding-bottom : 9px;
}

.fixed-header{
    position : fixed;
    top      : 0;
    left     : 0;
    width    : 100%;
    z-index  : 500;
}

.navbar-light .navbar-nav .nav-link{
    color : #ffffff !important;
}

ul.nav-list{
    list-style-type : none;
    justify-content : center;
}

.nav-list li a{
    display         : block;
    /*color           : white;*/
    text-align      : center;
    padding         : 6px 30px;
    text-decoration : none;
}

.navbar-light .navbar-toggler{
    color        : #0B3E8F;
    border-color : rgba(0, 0, 0, .1);
}

.btn-row{
    justify-content : space-between;
}

/*.navbar-toggler{*/
/*position : relative;*/
/*left     : 15rem;*/
/*}*/


a{
    color : #ffffff;
}

ul.nav-list{
    font-family : 'Glegoo', serif;
    font-weight : 700;
    font-size   : 22px;
    margin-top  : 20px;
    position    : relative;
    left        : 17rem;
}

ul.nav-list a:hover{
    background-color : rgba(200, 34, 2, 0.66);
    color            : #ffffff;
    transition       : 0.3s;
}


.loader{
    border-color : rgb(0, 109, 204) rgba(126, 173, 146, 0.2) rgba(126, 173, 146, 0.2) !important;
}

/*==============footer css==================*/

footer{

    margin-top : 6rem;
}

nav ul li a,
nav ul li a:after,
nav ul li a:before{
    transition : all .5s;
}

nav ul li a:hover{
    color : #555;
}

.footer-nav-list{
    list-style-type  : none;
    overflow         : hidden;
    justify-content  : center;
    height           : 63px;
    background-color : #f6c336;

}

nav.footer-nav ul li a{
    position : relative;
}

nav.footer-nav ul li a:after{
    position   : absolute;
    bottom     : 0;
    left       : 0;
    right      : 0;
    margin     : auto;
    width      : 0%;
    content    : '.';
    color      : transparent;
    background : #b13302;
    height     : 1px;
}

nav.footer-nav ul li a:hover:after{
    width : 100%;
}

ul.footer-nav-list li{
    padding : 14px 20px;
}

ul.footer-nav-list a{
    color           : #b13302 !important;
    font-size       : 18px;
    text-decoration : none;

}

.eclub-section, .contact-info{
    color      : #ffffff;
    text-align : center;
    margin-top : 2rem;
}

.eclub-row{
    justify-content : space-evenly;
}

.phone-number-text{
    font-size : 24px;
}

.social-icons{
    display         : flex;
    margin-top      : 1rem;
    justify-content : center;
}

.img-icon{
    margin-right : 5px;
}

.copyright{
    color      : #ffffff;
    font-size  : 14px;
    text-align : center;
}

img.vt-logo{
    width : 40%;
}

.footer-footer{
    background-color : #c82202;
    height           : 63px;
    display          : flex;
    align-content    : center;
    margin-top       : 2rem;
}


.vivaticket-logo{
    text-align  : center;
    padding-top : 8px;
}

.footer-wrapper{
    background-color : #ff4800;
}

/*========= Ribbion Style =============*/
.c-highlighted-ribbon{
    font-weight      : 400;
    position         : relative;
    right            : 0;
    padding          : 7px 12px 7px 20px;
    border-radius    : 1px 1px 0 0;
    border-top       : 1px solid transparent;
    border-bottom    : 1px solid transparent;
    border-right     : 1px solid transparent;
    color            : #fff;
    background-color : #ff1857;
    font-size        : 10px;
    font-weight      : 800;
    line-height      : normal;
    letter-spacing   : .5px;
    left             : 60px !important;
    width            : 60%;
    margin-left      : 16px;
}

.c-highlighted-ribbon{
    background-color : #0073cd;
}

.c-highlighted-ribbon::before{
    content       : "";
    position      : absolute;
    top           : 0;
    left          : 0;
    width         : 26px;
    height        : 30px;
    border-top    : 14px solid transparent;
    border-bottom : 18px solid transparent;
    border-left   : 7px solid #fff;
}

.c-highlighted-ribbon::after{
    -webkit-transform : rotate(-45deg);
    -khtml-transform  : rotate(-45deg);
    transform         : rotate(-45deg);
    content           : "";
    position          : absolute;
    border-top        : 6px solid transparent;
    border-bottom     : 6px solid transparent;
    border-left       : 6px solid #000;
    bottom            : -8px;
    right             : -2px;
    width             : 0;
    height            : 0;
}

/*======== end of Ribbion Style =========*/


/*======== breadcrumbs =========*/
.page-content{
    padding : 60px 64px;
}

.page-content .sqs-row,
footer .sqs-row{
    margin : 0 auto;
}

.breadcrumb-container .step{
    color    : #aaa;
    position : relative;
}

.breadcrumb-container .step.hasnext:after{
    position   : absolute;
    content    : '';
    height     : 100%;
    top        : 70%;
    left       : calc(50% + (2.5em / 2));
    width      : calc(100% - 2.5em);
    border-top : 2px solid #aaa;
}

.breadcrumb-container .step.selected{
    color : rgb(220, 72, 0);
}

.breadcrumb-container .step p{
    font-size   : 14px;
    font-weight : 600;
    white-space : nowrap;
}

.breadcrumb-container .step .fa-stack{
    font-size : 18px;
}

.breadcrumb-container .step .fa-stack .fa-stack-1x{
    font-size : 25px;
    display   : none;
}

.breadcrumb-container .step.selected .fa-stack .fa-stack-1x{
    display : inline-block;
}

.breadcrumb-container .eventtitle{
    background-color : #faf8f6;
}


/*=======================index.html card styles=================================*/
.cards-row{
    justify-content : space-evenly;
}

.card-img{
    height : 200px;
}

.card{
    height     : 33rem;
    box-shadow : 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}

.card-title{
    color       : #0B3E8F;
    font-size   : 28px;
    font-weight : 300;
    font-family : 'Passion One', cursive;
}

.timetickets-card-img{
    height : 190px;
}

.timetickets-hr-line{
    margin-top : 7.2rem;
}

.hr-line{
    margin-top : 4.2rem;
}

.cabana-hr{
    margin-top : 2.7rem;
}

.splashcard_hr-line{
    margin-top : 5.7rem;
}

.buy_now-btn{
    color : #ffab40;
}

a.buy_now-btn:hover{
    text-decoration : none;
    color           : #ffab40;

}

/*.btn-row{*/
/*justify-content : center;*/
/*}*/

.btn{
    background-color : #0B3E8F;
    color            : #ffffff;
    box-shadow       : 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    border-radius    : 2px;
    height           : 36px;
    line-height      : 36px;
    padding          : 0 16px;
    text-transform   : uppercase;
    font-size        : 14px;
    font-family      : 'Glegoo', serif;
    font-weight      : bold;
}

.buy_now-btn{
    width : 21vh;
}


.btn-primary, .btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active, .btn-primary.disabled, .btn-primary:disabled, .btn-primary:visited{
    color            : #fff;
    background-color : #0B3E8F;
    border-color     : #0B3E8F;
}

.btn-primary:hover{
    color            : #0B3E8F;
    background-color : #ffffff;
    border-color     : #0B3E8F;
}

a:active,
a:focus{
    -moz-outline-style : none;
}

.sub-headline{
    line-height : 2rem;
}

.sticky{
    position : fixed;
    top      : 0;
    width    : 100%;
}

.sticky + .content{
    padding-top : 60px;
}

html{
    scroll-behavior : smooth;
}


.flexybutton{
    margin-top : 29px;
}

/*.datepicker td{*/
/*border-radius : 30px;*/
/*}*/

/*.datepicker table{*/
/*width           : 100%;*/
/*border-spacing  : 6px;*/
/*border-collapse : collapse;*/
/*}*/

/*.datepicker th{*/
/*border-radius : 0px;*/
/*}*/

.calendar-checkbox-text, .flex-checkbox-text{
    font-weight  : bold;
    font-size    : 1.5rem;
    color        : #0B3E8F;
    margin-right : 3rem
}

/*.datepicker table tr td.active.active{*/
/*    background: #2896d7 !important;*/
/*}*/

/*.selectdate{*/
/*display : none;*/
/*}*/
.checbasket_body{
    /*background : #f2f2f2;*/
    padding  : 15px;
    /* margin: 30px auto 15px; */
    overflow : hidden;

}

.cart-header{
    border-bottom : 1px solid #E0E0E0;
}

.checbasket_body .product_row:last-of-type{
    /*border-bottom : none;*/
}

.col-12.p-0.ticket-wrapper{
    flex         : 66.666667%;
    max-width    : 66.666667%;
    margin-left  : auto;
    margin-right : auto;
}

.perf-active{
    background : #CC5500;
}


.delevery-payment-row{
    border-top : 1px solid lightgrey;
}

.delivery-select-text, .payment-type-title{
    /*margin-top  : 8px;*/
    font-family : 'Glegoo', serif;
    font-weight : bold;
    font-size   : 15px;

}

.delivery-select-text, .checkout-delivery-price{
    vertical-align : middle !important;
}

.checbasket_body .product_row .select-css{
    width : 92%;
}

.delivery-price{
    position : relative;
    right    : 20px;
}

.error{
    color : red;
}

select.js-delivery-select, .js-payment-select{
    margin-top    : -2px;
    font-size     : 16px;
    padding-top   : 11px;
    border-bottom : none;

}

.checkout-card{
    height        : auto;
    border        : 1px solid rgba(0, 0, 0, .125);
    border-radius : .25rem;
    box-shadow    : none;
}

.delivery-checkout-card-header{
    padding          : .75rem 1.25rem;
    margin-bottom    : 0;
    background-color : rgba(0, 0, 0, .03);
    border-bottom    : 1px solid rgba(0, 0, 0, .125);
}

.checbasket_body .product_row{
    padding       : 15px 0;
    border-bottom : 1px solid #E0E0E0;
}

.checbasket_footer .product_row{
    padding       : 15px 0;
    border-bottom : 1px solid #E0E0E0;
}

.checbasket_header .qty{
    position : relative;
    left     : 1rem;
}

.checbasket_footer{
    padding : 15px;

}

.totals p{
    font-size   : 18px;
    font-weight : 600;
    margin      : 0;
    color       : #0E4393;
}

.discount-text{
    color       : red;
    ont-size    : 18px;
    font-weight : 600;
    margin      : 0;
}

.active-coupon-wrapper{
    width : 31%;
}

.discount-text{
    color     : red;
    font-size : 18px;
}

.tax, .gross-total{
    position : relative;
    left     : 4rem;
}

.subtotal-header{
    position : relative;
    right    : 2rem;
}

.total-price-header{
    position : relative;
    right    : 4rem;
}

/*.tax-total-text{*/
/*position : relative;*/
/*left     : 3rem;*/
/*}*/

/*.tax-total{*/
/*position : relative;*/
/*right    : 27px;*/
/*}*/

/*.checbasket_footer .grand-total-text{*/
/*position : relative;*/
/*left     : 3.5rem;*/
/*}*/

/*.checbasket_footer .grandtotal{*/
/*position : relative;*/
/*right    : 37px;*/
/*}*/
.all-totals{
    position : relative;
    left     : 11rem;
}

.flex-contract-heading{
    border-bottom : 1px solid #E0E0E0;
}

/*---------custom checkbox for flexpay selection----------*/

.md-checkbox input{
    padding       : 0;
    height        : initial;
    width         : initial;
    margin-bottom : 0;
    display       : none;
    cursor        : pointer;
}

.md-checkbox label{
    position : relative;
    cursor   : pointer;
}

.md-checkbox label:before{
    content            : "\2714";
    -webkit-appearance : none;
    background-color   : transparent;
    border             : 2px solid #0B3E8F;
    box-shadow         : 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
    width              : 1em;
    height             : 1em;
    padding-left       : 0.2em;
    vertical-align     : bottom;
    color              : transparent;
    transition         : .2s;
    cursor             : pointer;
    margin-right       : 5px;
    padding-right      : 4px;
}

.md-checkbox input:checked + label:after{
    content      : '';
    display      : block;
    position     : absolute;
    top          : 6px;
    left         : 9px;
    width        : 6px;
    height       : 14px;
    /*border       : solid #0B3E8F;*/
    border-width : 0 2px 2px 0;
    transform    : rotate(45deg);
}

input[type=checkbox]:checked + label:before{
    background-color : #ffffff;
    border-color     : #0B3E8F;
    color            : #0B3E8F;
}

input[type=checkbox]:disabled + label:before{
    transform : scale(1);
    border    : 2px solid rgba(0, 0, 0, 0.26);
}


/*.md-checkbox{*/
/*position : relative;*/
/*!* handling click events *!*/
/*!* when checkbox is checked *!*/
/*}*/

/*.md-checkbox.md-checkbox-inline{*/
/*display : inline-block;*/
/*}*/

/*.form-inline .md-checkbox.md-checkbox-inline{*/
/*margin-right : 20px;*/
/*top          : 3px;*/
/*}*/

/*.md-checkbox input[type=checkbox]{*/
/*visibility : hidden;*/
/*position   : absolute;*/
/*}*/

/*.md-checkbox label{*/
/*cursor       : pointer;*/
/*padding-left : 30px;*/
/*}*/

/*.md-checkbox label > span{*/
/*display                     : block;*/
/*position                    : absolute;*/
/*left                        : 0;*/
/*-webkit-transition-duration : .3s;*/
/*-moz-transition-duration    : .3s;*/
/*transition-duration         : .3s;*/
/*}*/

/*.md-checkbox label > span.inc{*/
/*background            : #fff;*/
/*left                  : -20px;*/
/*top                   : -20px;*/
/*height                : 60px;*/
/*width                 : 60px;*/
/*opacity               : 0;*/
/*border-radius         : 50% !important;*/
/*-moz-border-radius    : 50% !important;*/
/*-webkit-border-radius : 50% !important;*/
/*}*/

/*.md-checkbox label > .box{*/
/*top                      : 0;*/
/*border                   : 2px solid #666;*/
/*height                   : 20px;*/
/*width                    : 20px;*/
/*z-index                  : 5;*/
/*-webkit-transition-delay : .2s;*/
/*-moz-transition-delay    : .2s;*/
/*transition-delay         : .2s;*/
/*}*/

/*.md-checkbox label > .check{*/
/*top                      : -4px;*/
/*left                     : 6px;*/
/*width                    : 10px;*/
/*height                   : 20px;*/
/*border                   : 2px solid #0E4393;*/
/*border-top               : none;*/
/*border-left              : none;*/
/*opacity                  : 0;*/
/*z-index                  : 5;*/
/*-webkit-transform        : rotate(180deg);*/
/*-moz-transform           : rotate(180deg);*/
/*transform                : rotate(180deg);*/
/*-webkit-transition-delay : .3s;*/
/*-moz-transition-delay    : .3s;*/
/*transition-delay         : .3s;*/
/*}*/

/*.md-checkbox label > span.inc{*/
/*-webkit-animation : growCircle .3s ease;*/
/*-moz-animation    : growCircle .3s ease;*/
/*animation         : growCircle .3s ease;*/
/*}*/

/*@-webkit-keyframes growCircle{*/
/*0%, 100%{*/
/*-webkit-transform : scale(0);*/
/*opacity           : 1;*/
/*}*/
/*70%{*/
/*background        : #eee;*/
/*-webkit-transform : scale(1.25);*/
/*}*/
/*}*/

/*@-moz-keyframes growCircle{*/
/*0%, 100%{*/
/*-moz-transform : scale(0);*/
/*opacity        : 1;*/
/*}*/
/*70%{*/
/*background     : #eee;*/
/*-moz-transform : scale(1.25);*/
/*}*/
/*}*/

/*@keyframes growCircle{*/
/*0%, 100%{*/
/*transform : scale(0);*/
/*opacity   : 1;*/
/*}*/
/*70%{*/
/*background : #eee;*/
/*transform  : scale(1.25);*/
/*}*/
/*}*/

/*.md-checkbox input[type=checkbox]:checked ~ label > .box{*/
/*opacity           : 0;*/
/*-webkit-transform : scale(0) rotate(-180deg);*/
/*-moz-transform    : scale(0) rotate(-180deg);*/
/*transform         : scale(0) rotate(-180deg);*/
/*}*/

/*.md-checkbox input[type=checkbox]:checked ~ label > .check{*/
/*opacity           : 1;*/
/*-webkit-transform : scale(1) rotate(45deg);*/
/*-moz-transform    : scale(1) rotate(45deg);*/
/*transform         : scale(1) rotate(45deg);*/
/*}*/

/*.md-checkbox input[type=checkbox]:disabled ~ label, .md-checkbox input[type=checkbox][disabled] ~ label{*/
/*cursor  : not-allowed;*/
/*opacity : .7;*/
/*filter  : alpha(opacity=70);*/
/*}*/

/*.md-checkbox input[type=checkbox]:disabled ~ label > .box, .md-checkbox input[type=checkbox][disabled] ~ label > .box{*/
/*cursor  : not-allowed;*/
/*opacity : .7;*/
/*filter  : alpha(opacity=70);*/
/*}*/

/*.md-checkbox input[type=checkbox]:disabled:checked ~ label > .check, .md-checkbox input[type=checkbox][disabled]:checked ~ label > .check{*/
/*cursor  : not-allowed;*/
/*opacity : .7;*/
/*filter  : alpha(opacity=70);*/
/*}*/


/* Media queries*/

@media (max-width : 376px){
    .required-policy{
        white-space : normal;
    }
}

@media (min-width : 577px){
    .waterworld-logo{
        height : 100px;
        width  : 400px;
    }
}


@media (max-width : 576px){
    .waterworld-logo{
        height : 100px;
        width  : 300px;
    }

    .checkcart-item{
        padding-top    : 10px;
        padding-bottom : 10px;
        position       : relative;
        left           : 1rem;
    }

    select.js-delivery-select, .js-payment-select{
        padding-top : 8px;
    }

    .all-totals{
        left : 0rem;
    }

    .checbasket_body .product_row .select-css{
        width : 107%;
    }

    .delivery-price{
        font-size : 12px;
    }

    .flex-pay-logo{
        width : 95%;
    }

    .flex-wrapper{
        padding-right : 15px;
    }

    .btn-row{
        justify-content : center;
    }

    /*.fixed-header{*/
    /*position : relative;*/
    /*}*/
    header .dropdown .dropdown-menu.shoppingcart_container.show{
        width : auto;
    }

    header .dropdown .dropdown-menu.shoppingcart_container.show:before{
        top   : 45px;
        right : 24rem;
    }

    li.cart-dropdown{
        padding : 5px;
    }

    #dropdownShoppingCart{
        margin-left : 7px;
    }

    .userinfo-desktop-header{
        display : none;
    }

    #userinfo-tax-total{
        font-size  : 16px;
        text-align : left !important;
    }

    #userinfo-total, #downpayment-total, #remaining-balance-total{
        font-size : 16px;
    }

    .md-checkbox label:before{
        padding-top : 1px;
    }

    /*.md-checkbox input:checked + label:after{*/
    /*top    : 2px;*/
    /*left   : 6px;*/
    /*width  : 6px;*/
    /*height : 10px;*/
    /*}*/
}

@media only screen and (max-device-width : 767px){
    .table-heading{
        display : none;
    }

    .mobile-table-heading{
        display : flex;
    }

    /*.account-form{*/
    /*flex-direction : column !important;*/
    /*}*/


}


/* Portrait */
@media only screen and (max-width : 599px){

    .calendar-price{
        position : relative;
        bottom   : 6px;
    }

    #searchButton{
        position : relative;
        left     : 7px;
    }

    .account-form{
        white-space : nowrap;
    }

    .btn-continue-shopping{
        padding-bottom : 1rem;
    }

    .continue-back-button, .checkout-btn, .add-coupon-button, #searchButton{
        width : 41vh;
    }

    .perf, .js-legen-aval-hook{
        font-size : 14px;
    }

    /*.btn-row{*/
    /*justify-content : center;*/
    /*}*/
    .footer-image{
        marign-top : 1rem;
    }

    .cards-row{
        flex-direction : column;
        align-items    : center;
    }

    /*#guestpage{*/
    /*position : relative;*/
    /*left     : 1rem;*/
    /*}*/
    ul.footer-nav-list a{
        font-size : 15px;
    }

    .flex-pickadate{
        margin-top : -3rem;
    }

    .vt-logo{
        position : relative;
        top      : 17px;
    }

    #topBtn{
        right : 8px;
    }


    .btn-col{
        margin-top : 2rem;
        text-align : center;
    }

    .pdf-btn{
        font-size : 10px;
        /*width     : 48vh;*/

    }

    .thankyou-header, .approve-header{
        font-size : 28px;
    }

    .policy-btn, .info-btn{
        margin-left : -6px !important;
        width       : 20px;
        height      : 34px;
    }

    .confirmation-wrapper{
        padding-left : 10px;
        /*padding-right : 10px;*/
    }

    .info-icon{
        margin-left : -6px;
    }


    .select-accountinfo-input{
        width : 239px;
    }

    .payment-type-title{
        width    : 221px;
        position : relative;
        left     : 33px;
    }

    .js-payment-select{
        font-size : 11px;
    }

    /*.userinfo-input{*/
    /*width : auto !important;*/
    /*}*/
    .item-details{
        font-size   : 12px;
        line-height : 1.9;
    }


    /*.order-details{*/
    /*max-width : 95%;*/
    /*}*/
    /*.userinfo-product{*/
    /*position : relative;*/
    /*left     : 20px;*/
    /*}*/
    select.js-delivery-select{
        /*width       : 348px !important;*/
        font-size : 12px;
        /*margin-left : 3rem;*/
    }

    /*.col-quantity{*/
    /*margin-left : 1rem;*/
    /*}*/
    .qty-sel{
        width      : 73px;
        /*position : relative;*/
        /*right    : 22px;*/
        margin-top : 0px;
    }

    .calendars{
        margin-top : 1rem !important;
    }

    .mobile-desc-header, .mobile-qty-header{
        text-align : left !important;
    }

    .card{
        margin-top : 1rem;
    }

    .product-row{
        align-items : center;
    }

    .footer-img{
        background-size : cover;
    }

    .card{
        margin-bottom : 2rem;

    }

    .footer-nav{
        background-color    : #f6c336;
        background-position : center center;
        background-repeat   : no-repeat;
        padding-top         : 0px;
        /*padding-right       : 30px;*/
        padding-bottom      : 0px;
        flex-direction      : column;
    }

    .footer-nav-list{
        height         : 88px;
        flex-direction : column;
        text-align     : center;
        padding        : 50px;
        cursor         : pointer;
    }

    ul.footer-nav-list li{
        padding : 0px;
    }

    .fa-phone{
        font-size : 1.5rem;
    }

    .eclub-row, .address-text{
        padding : 1rem;
    }

    .fb-img, .twitter-img, .ig-img, .yt-img, .hhs-img{
        width : 50px;
    }

    .eclub-section, .contact-info{
        margin-top : 1rem;
    }

    img.vt-logo{
        width : 142px;
    }

    .copyright{
        font-size : 13px;
    }

    .datepicker-inline{
        width : 95%;
    }

    .back-btn{
        margin-left : 2rem;
    }

    .continue-btn{
        margin-right : 2rem;
    }

    .page-headline{
        margin-top : 0px;
        font-size  : 30px;
    }

    /*.tickets-list-body{*/
    /*padding-left  : 16px;*/
    /*padding-right : 38px;*/
    /*}*/
    .ticketname, .ticket-description, .calendar-price, .qty-sel{
        font-size : 16px;
    }

    .flex-pickadate{
        flex-direction : column;
    }

    /*.calendar-checkbox-text{*/
    /*font-size    : 17px;*/
    /*margin-right : 0px*/
    /*}*/
    .c-highlighted-ribbon{
        padding : 5px 12px 6px 27px;
        left    : 45px !important;
    }

    .sub-headline, .subheadline, .subheadline2{
        font-size : 14px;
    }

    footer{
        margin-top : 0rem;
    }

    .background-header{
        height : 93px;
    }

    .cabana-mobile-header{
        position : relative;
        left     : 1rem;
    }

    .footer-img{
        margin-top : 2rem;
    }

    .delivery-method{
        flex-direction : column;
    }

    .datepicker.dropdown-menu{
        width : 100%;
        left  : 0px !important;
    }

    .breadcrumb-container .step.hasnext::after{
        content : none;
    }

    .breadcrumb-container .step.selected{
        width         : 100%;
        padding       : 0px 0;
        padding-right : 0px;
        padding-left  : 0px;
        margin-bottom : 1rem;
    }

    .breadcrumb-container .step:not(.selected){
        display : none !important;
    }

}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px)
and (orientation : portrait){
    /*.userinfo-input, #userinfo-select{*/
    /*position : relative;*/
    /*right    : 5rem;*/
    /*width    : 279px !important;*/
    /*}*/
    select.js-delivery-select{
        /*width       : 312px !important;*/
        font-size : 12px;
        /*margin-left : 6rem;*/
    }

    /*.billing-header{*/
    /*flex-direction : column;*/
    /*}*/
    .account-form{
        margin-left : -1rem;
        position    : relative;
        right       : 2rem;
        /*width       : 231px;*/
    }

    /*.waterworld-logo{*/
    /*width : 100%;*/
    /*}*/
    .desktop-table-header{
        white-space : normal;
    }
}

/*iphone 5*/
@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px)
and (-webkit-min-device-pixel-ratio : 2)
and (orientation : portrait){
    .membershipinfo{
        position : relative;
        left     : 1rem;
    }

    /*.billing-header{*/
    /*flex-direction : column;*/
    /*}*/
    #remaining-balance-total{
        left : 2rem;
    }

    /*.breadcrumb-container .step.hasnext::after{*/
    /*content : none;*/
    /*}*/
    /*.breadcrumb-container .step.selected{*/
    /*width         : 100%;*/
    /*padding       : 0px 0;*/
    /*padding-right : 0px;*/
    /*padding-left  : 0px;*/
    /*margin-bottom : 1rem;*/
    /*}*/
    /*.breadcrumb-container .step:not(.selected){*/
    /*display : none !important;*/
    /*}*/
    /*.additional_info_input{*/
    /*position : relative;*/
    /*top      : 2rem;*/
    /*right    : 7.5rem;*/
    /*!*width    : 274px !important;*!*/
    /*}*/
    .group-title{
        font-size : 18px;
    }

    .checkbox-email-promotions{
        white-space : nowrap;
        font-size   : 13px;
    }
}

/*  Portrait and Landscape */
@media only screen
and (min-device-width : 360px)
and (max-device-width : 640px)
and (orientation : portrait){
    .proddetail{
        font-size : 14px !important;
        width     : 179px;

    }

    .reservebtn-text{
        font-size : 14px;
    }

    .event-button{
        left  : 17rem;
        width : 8rem;
    }

    .cabana-mobile-header{
        position : relative;
        left     : 0rem;
    }

    .performance{
        left : 0.5rem;
    }

    .cabana-select{
        bottom   : 11px;
        position : relative;
        left     : 10px;
    }
}


/*\iphone 6,7,8 */
@media only screen
and (min-device-width : 375px)
and (max-device-width : 667px)
and (-webkit-min-device-pixel-ratio : 2)
and (orientation : portrait){
    /*.additional_info_input{*/
    /*width : 332px !important;*/
    /*}*/
    /*.waterworld-logo{*/
    /*top : 3px;*/
    /*}*/
    .desktop-table-header{
        white-space : nowrap;
    }
}

/* Iphone 10 portrait */
@media only screen
and (min-device-width : 375px)
and (max-device-width : 812px)
and (-webkit-min-device-pixel-ratio : 3)
and (orientation : portrait){
    /*.waterworld-logo{*/
    /*top   : 14px;*/
    /*width : 45vh;*/
    /*}*/
    .required-title{
        white-space : nowrap;
        font-size   : 13px;
        position    : relative;
        top         : 5px;
    }

    /*.billing-info-title{*/
    /*left : 1.5rem;*/
    /*}*/
}

@media only screen
and (min-width : 411px)
and (max-width : 731px)
and (-webkit-min-device-pixel-ratio : 3)
and (orientation : portrait){
    /*.userinfo-input, #userinfo-select{*/
    /*position : relative;*/
    /*right    : 6rem;*/
    /*width    : 370px !important;*/
    /*}*/
    #userinfo-select{
        margin-top : 1rem !important;
    }

}

/* ----------- iPhone XR,XS----------- */

/* Portrait */
@media only screen
and (min-width : 414px)
and (max-width : 896px)
and (orientation : portrait){
    .calendar-price{
        position : relative;
        bottom   : 27px;
    }

    /*.billing-info-title{*/
    /*left           : 1.5rem;*/
    /*flex-direction : row;*/
    /*}*/
    .required-title{
        white-space : nowrap;
        /*left        : 1rem;*/
    }

    .ticket-price{
        bottom : 26px;
    }

    /*.userinfo-input, #userinfo-select{*/
    /*position : relative;*/
    /*right    : 6rem;*/
    /*width    : 358px !important;*/
    /*}*/
    .webcart-subtotal-header{
        white-space : nowrap;
    }

    .product-row{
        padding : 36px 13px !important;
    }

    .qty-sel{
        width    : 94px;
        position : relative;
        bottom   : 20px;
    }

    /*.additional_info_input{*/
    /*position : relative;*/
    /*!*right    : 16rem;*!*/
    /*top      : 2rem;*/
    /*!*width    : 273px;*!*/
    /*}*/
    .savedaccount{
        width : 36vh;
    }

    /*.accountinfo-input{*/
    /*right : 16rem;*/
    /*width : 273px !important;*/
    /*}*/
    .cabana-prod-row{
        width    : 100%;
        position : relative;
        left     : 10px;
    }

    /*.datepicker.dropdown-menu{*/
    /*margin-left : 20.9rem;*/
    /*}*/
    .event-button{
        left  : 18rem;
        width : 9rem;
    }

    .proddetail{

        font-size : 14px;
        width     : 11.9rem;
    }

    .dateinput{
        width         : 347px !important;
        position      : relative;
        font-size     : 15px;
        left          : 15px;
        margin-bottom : 10px;
    }

    .delivery-method{
        position : relative;
        right    : 2rem;
    }
}


@media (min-width : 479px) and (max-width : 767px){

    .account-card{
        flex-direction : column;
    }

    .select-accountinfo-input{
        position : relative;
        left     : 2rem;
        width    : 220px !important;
    }

    .mobile-price-header, .mobile-desc-header, .mobile-qty-header{
        text-align : left;
    }

    .ticket-sel{
        width : 75%;
    }

    .cabana-prod-row{
        left  : 72px;
        width : 91%;
    }

    .cabana-mobile-header{
        position : relative;
        left     : 5rem;
        width    : 83%;
    }

    .event-name{
        font-size : 17px;
    }

    .proddetail{
        position : relative;
        right    : 3rem;
    }

    .confirmation-total-price{
        text-align : center;
    }

    .desktop-table-header{
        white-space : nowrap;
    }

    .btn-col{
        text-align    : left;
        margin-bottom : 1rem;
    }

    .receive-email-promo, .terms-condition{
        white-space : nowrap;
        font-size   : 15px;
    }

    .checkout-section{
        flex-direction : column;
    }

    /*.userinfo-input, .userinfo-select{*/
    /*position : relative;*/
    /*left     : 7rem;*/
    /*width    : 200px !important;*/
    /*}*/
    .billing-header{
        white-space : nowrap;
    }

    .label-text{
        white-space : nowrap;
    }


    .footer-img{
        text-align : center;
        margin-top : 2rem;
    }

    .eclub-row{
        flex-direction : column;
    }

    .breadcrumb-container .step p{
        font-size : 12px;
    }

    .page_container{
        max-width : 635px;
    }

    .btn-row{
        flex-direction : row;
        padding        : 10px;
    }

    /*.continue-back-button, .checkout-btn, .add-coupon-button{*/
    /*width : 69vh;*/
    /*}*/
    .proddetail{
        position : relative;
        right    : 4rem;

    }
}

@media (max-width : 767px){
    .calendar-checkbox-text, .flex-checkbox-text{
        font-size : 21px;
    }

    .col-12.p-0.ticket-wrapper{
        flex      : 100%;
        max-width : 100%;
    }
}


@media only screen
and (min-device-width : 414px)
and (max-device-width : 736px)
and (orientation : portrait){
    /*.additional_info_input{*/
    /*right : 7.5rem;*/
    /*width : 363px !important;*/
    /*}*/
    .proddetail{

        width : 11.7rem;
    }

    /*.waterworld-logo{*/
    /*width : 91%;*/
    /*}*/
}


/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width : 600px){
    .page-headline{
        font-size : 25px;
    }

    /*.datepicker.dropdown-menu{*/
    /*width : 95%;*/
    /*left  : 20px !important;*/
    /*}*/
    .cabana-select{
        bottom   : 10px;
        position : relative;
    }

    /*.waterworld-logo{*/
    /*position : relative;*/
    /*width    : 90%;*/
    /*left     : 0rem*/
    /*}*/
    .background-header{
        height : 137px;
    }

    .cards-row{
        justify-content : center;
    }

    .card{
        margin-bottom : 2rem;
    }

    .eclub-row{
        justify-content : center;
    }


    .footer-nav-list{
        flex-direction : column;
        height         : 93px;
    }

    ul.footer-nav-list li{
        padding : 3px 10px;
    }

    img.vt-logo{
        width : 80%;
    }

    .vivaticket-logo{
        padding-top : 15px;
    }

    .reviewcart-wrapper{
        max-width : 617px;
    }

    .js-delivery-select{
        /*width : 128%;*/
    }

    .delivery-select-text{
        white-space : nowrap;
    }

    .breadcrumb-container .step.hasnext::after{
        content : '';
    }

    /*.breadcrumb-container .step.hasnext::after{*/
    /*position   : absolute;*/
    /*content    : '';*/
    /*height     : 100%;*/
    /*top        : 70%;*/
    /*left       : calc(50% + (2.5em / 2));*/
    /*width      : calc(100% - 2.5em);*/
    /*border-top : 2px solid #aaa;*/
    /*}*/
}

@media only screen and (max-width : 660px){
    .cal-input{
        padding-left  : 10px;
        padding-right : 10px;
    }
}

/* Medium devices ( tablets, 768px and up) */
@media only screen and (min-width : 768px){

    .waterworld-logo{
        height : 150px;
        width  : 500px;
    }

    .js-promocode{
        font-size : 12px;
    }

    .calendar-price, .qty-sel{
        bottom : 0px;
    }

    .cabana-prod-row{
        width : 86%;
        left  : 113px;
    }

    .page-headline{
        font-size : 2rem;
    }

    .proddetail{
        font-size : 17px;
    }

    .event-button{
        width       : 13rem;
        border-left : 22px solid;
    }

    .reservebtn-text{
        font-size : 17px;
    }

    /*.accountinfo-input, .select-accountinfo-input{*/
    /*position : relative;*/
    /*top      : 1.5rem;*/
    /*right    : 15rem;*/
    /*width    : 230px !important;*/
    /*}*/
    .ticket-sel{
        width : 72%;
    }

    /*.btn{*/
    /*width : 21vh;*/
    /*}*/
    /*.datepicker.dropdown-menu{*/
    /*width       : 56%;*/
    /*margin-left : 0px;*/
    /*}*/
    .billing-header, .label-text, .checkout-subtotal-header{
        white-space : nowrap;
    }

    .userinfo-input, .userinfo-select{
        position : relative;
        left     : 6rem;
    }

    .reviewcart-wrapper{
        max-width : 720px;
    }

    .cards-row{
        flex-direction : column;
        align-items    : center;
    }

    .card{
        width : 21rem !important;
    }

    .eclub-row{
        flex-direction : column;
    }

    .footer-img{
        text-align : center;
        margin-top : 2rem;
    }

    .footer-nav-list{
        flex-direction : row;
        height         : 66px;
    }

    /*.datepicker.dropdown-menu{*/
    /*width : 100%;*/
    /*}*/
    /*.page_container{*/
    /*max-width : 838px;*/
    /*}*/
}

@media only screen and (min-width : 800px){
    /*.waterworld-logo{*/
    /*width : 74%;*/
    /*}*/
    /*#accountinfo-input{*/
    /*width : 50%;*/
    /*}*/
}


@media only screen
and (min-width : 414px)
and (max-width : 896px)
and (-webkit-device-pixel-ratio : 3)
and (orientation : landscape){
    /*.waterworld-logo{*/
    /*width : 74%;*/
    /*top   : 10px;*/
    /*}*/
    /*.billing-info-title{*/
    /*position : relative;*/
    /*right    : 2px;*/
    /*}*/
    .error{
        position : relative;
        left     : 6rem;
        top      : 10px;
    }

    .background-header{
        height : 156px;
    }

    .delivery-method{
        margin-left : 1rem;
    }

    .js-delivery-select{
        /*width : 401px;*/
    }

    .delevery-payment-row{
        padding-left : 0px;
    }
}

@media only screen
and (min-width : 414px)
and (max-width : 896px)
and (-webkit-device-pixel-ratio : 2)
and (orientation : landscape){

    .delivery-method{
        flex-direction : column;
    }

    .error{
        position : relative;
        left     : 6rem;
        top      : 10px;
    }

    .background-header{
        height : 156px;
    }

    .account-card{
        flex-direction : column;
    }

    /*.js-delivery-select{*/
    /*!*width : 401px;*!*/
    /*}*/
    /*.userinfo-input, .userinfo-select{*/
    /*width : 305px !important;*/
    /*}*/
    /*.additional_info_input{*/
    /*position : relative;*/
    /*left     : 8rem;*/
    /*!*width    : 270px !important;*!*/
    /*}*/
    .proddetail{
        width    : 91%;
        position : relative;
        right    : 3rem;
        height   : 59px;
    }

    .event-button{
        width : 14rem !important;
    }

    .cabana-prod-row{
        left  : 119px;
        width : 73%;
    }

    .calendar-page{
        max-width : 869px;
    }

    .receive-email-promo, .terms-condition{
        white-space : nowrap;
        font-size   : 15px;
    }

    .checkout-section{
        flex-direction : column;
    }

    .billing-header{
        white-space : nowrap;
    }

    .label-text{
        white-space : nowrap;
    }

    /*.receive-email-promo{*/
    /*margin-left : 1rem;*/
    /*}*/
    /*.order-details{*/
    /*position : relative;*/
    /*right    : 1rem;*/
    /*}*/
    /*.billing-group{*/
    /*position : relative;*/
    /*right    : 1.5rem;*/
    /*}*/
    .userinfo-product{
        margin-left : 7px;
    }

    /*.waterworld-logo{*/
    /*width : 80%;*/
    /*top   : 0px;*/
    /*}*/
    /*.billing-info-title{*/
    /*position : relative;*/
    /*right    : 2px;*/
    /*}*/
    .datepicker.dropdown-menu{
        width : 95%;
        left  : 22px !important;
    }

    /*.continue-back-button, .checkout-btn, .add-coupon-button, .hhs-button{*/
    /*width : 54vh;*/
    /*}*/

}


/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width : 992px){
    .splashcard_hr-line{
        margin-top : 7.2rem;
    }

    .card{
        margin-right : -1rem !important;
        width        : 17rem !important;
        height       : 35rem;
    }

    .cards-row{
        flex-direction  : row;
        justify-content : space-evenly;
        -ms-flex-pack   : justify;
        justify-content : space-between;
    }

    .js-promocode{
        font-size : 13px;
    }

    /*.waterworld-logo{*/
    /*width : 65vh;*/
    /*!*top   : 11px;*!*/
    /*left  : 2px;*/
    /*}*/
    .eclub-section{
        position : relative;
        right    : 12px;
        top      : 4rem;
    }

    .footer-nav-list{
        flex-direction : row;
        height         : 60px;
    }

    .contact-info{
        position : relative;
        top      : 3rem;
        left     : 12px
    }

    li.nav-item{
        border-bottom : none;
    }

    .copyright{
        font-size : 16px;
        top       : 7px;
        position  : relative;
    }

    #breadcrumb-cart{
        position : relative;
        top      : 1px;
    }

    .proddetail{
        height    : 59px;
        width     : 19rem;
        font-size : 22px;
    }

    .navbar-nav{
        font-size : 17px;
    }
}

@media screen and (min-width : 1025px) and (max-width : 1280px){

    /*.waterworld-logo{*/
    /*width : 67vh;*/
    /*top   : 0px;*/
    /*}*/
}

/*laptops*/
@media screen
and (min-width : 1200px)
and (max-width : 1600px)
and (-webkit-min-device-pixel-ratio : 1){


    .container{
        min-width : 95%;
    }

    .cabana-prod-row{
        width : 62%;
        left  : 222px;
    }

    /*.navbar-nav{*/
    /*left     : 8rem;*/
    /*position : relative;*/
    /*}*/
    /*.waterworld-logo{*/
    /*width : 62vh;*/
    /*}*/
    .datepicker.dropdown-menu{
        width       : 44%;
        margin-left : 0px;
        left        : 261px !important;
    }

    .proddetail{
        width     : 27.5rem;
        font-size : 22px;
        height    : 57px !important;
        position  : relative;
        right     : 3rem;
    }

    .reservebtn-text{
        font-size : 18px;
    }

    .card{
        width        : 17rem;
        margin-right : 0px;
    }

    .event-button{
        width       : 13.5rem;
        border-left : 41px solid #fff;
    }
}


/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width : 1200px){
    /*.waterworld-logo{*/
    /*width : 56vh;*/
    /*left  : 2px;*/
    /*top   : 20px;*/
    /*}*/
    .ticket-sel{
        width : 41%;
    }

    /*.navbar-nav{*/
    /*position : relative;*/
    /*left     : 19rem;*/
    /*}*/
    .eclub-row{
        flex-direction : row;
    }

    img.vt-logo{
        width : 35%;
    }

    .copyright-text{
        position : relative;
        bottom   : 7px;
    }

}

/*@media only screen and (min-width : 1440px){*/
/*.waterworld-logo{*/
/*width : 59vh;*/
/*left  : 2px;*/
/*top   : 21px;*/
/*}*/
/*}*/

@media only screen and (min-width : 1400px){
    /*.waterworld-logo{*/
    /*width : 73vh;*/
    /*left  : 2px;*/
    /*top   : 20px;*/
    /*}*/
}


@media only screen
and (max-width : 992px){
    .fixed-header{
        position : relative;
    }
}

/* ----------- Kindle Fire HD 7" ----------- */
/* Portrait and Landscape */
@media only screen
and (min-width : 800px)
and (max-width : 1280px){
    .event-button{
        height      : 51px;
        border-left : 25px solid #fff;
    }

    .membership-title{
        font-size : 24px;
    }
}


@media only screen
and (min-width : 375px)
and (max-width : 667px)
and (-webkit-min-device-pixel-ratio : 2)
and (orientation : portrait){
    .cabana-prod-row{
        left : 20px;
    }

    .required-title{
        /*left        : 1rem;*/
        white-space : nowrap;
        font-size   : 13px;
        position    : relative;
        top         : 0px;
    }

    /*.billing-info-title{*/
    /*left : 1.5rem;*/
    /*}*/
}

@media only screen
and (min-width : 375px)
and (max-width : 667px)
and (-webkit-min-device-pixel-ratio : 2)
and (orientation : landscape){
    /*.additional_info_input{*/
    /*position : relative;*/
    /*left     : 2rem;*/
    /*width    : 259px;*/
    /*}*/
    .continue-back-button, .checkout-btn, .add-coupon-button, .hhs-button{
        width : 61vh;
    }

    /*.accountinfo-input{*/
    /*width : 259px !important;*/
    /*}*/
    /*.userinfo-select, .userinfo-input{*/
    /*position : relative;*/
    /*left     : 5rem;*/
    /*}*/
    .cabana-prod-row{
        left  : 76px;
        width : 90%;
    }

    .proddetail{
        position : relative;
        right    : 4rem;
        width    : 16.4rem;
    }

    .mobile-qty-header{
        text-align : center;
    }

}


@media only screen
and (min-width : 414px)
and (max-width : 736px)
and (orientation : landscape){
    /*.additional_info_input{*/
    /*position : relative;*/
    /*left     : 2rem;*/
    /*width    : 259px;*/
    /*top      : 0px !important;*/
    /*}*/
    /*.userinfo-select, .userinfo-input{*/
    /*position : relative;*/
    /*left     : 5rem;*/
    /*}*/
    .membership-title{
        font-size : 24px;
    }

    .accountinfo-input{
        /*width : 259px !important;*/
        top : 0px !important;
    }


    .cabana-prod-row{
        left  : 72px;
        width : 91%;
    }

    .proddetail{
        position : relative;
        right    : 6rem;
        width    : 18.1rem;
    }

    /*.waterworld-logo{*/
    /*top : 0px;*/
    /*}*/

}


@media only screen and (min-width : 320px)
and (max-width : 480px)
and (orientation : landscape){
    .continue-back-button, .checkout-btn, .add-coupon-button, .hhs-button{
        width : 61vh;
    }

    /*.additional_info_input{*/
    /*position : relative;*/
    /*left     : -21.5rem;*/
    /*top      : 2rem;*/
    /*width    : 384px !important;*/
    /*}*/
    .additional-info-label{
        padding-bottom : 30px;
    }

    .datepicker.dropdown-menu{
        width : 62%;
    }

    .event-button{
        height : 53px;
        width  : 11rem;
    }

    .proddetail{
        width : 13rem !important;
    }

    .cabana-prod-row{
        left  : 67px;
        width : 85%;
    }

    .additional-info-label{
        top : 22px;
    }

    .btn-save{
        position : relative;
        bottom   : 5rem;
    }
}

/*  small Smartphones (landscape) ----------- */
@media only screen and (min-width : 320px) and (max-width : 568px)
and (orientation : landscape){
    .coupon-input-row{
        flex-direction : column;
        align-items    : center;
    }

    .add-coupon-button{
        margin-top : 1rem;
    }

    .btn-row{
        justify-content : space-between;
    }

    .continue-back-button, .checkout-btn, .add-coupon-button, .hhs-button{
        width : 61vh;
    }

    /*.waterworld-logo{*/
    /*width : 80% !important;*/
    /*top   : 0px;*/
    /*}*/
}

/* iPads (portrait) ----------- */
@media only screen and (min-width : 768px) and (max-width : 1024px)and (-webkit-device-pixel-ratio : 2) and (orientation : portrait){

    /*.additional_info_input{*/
    /*right    : 18rem;*/
    /*width    : 276px !important;*/
    /*position : relative;*/
    /*top      : 2rem;*/
    /*}*/
    .membership-title{
        font-size : 27px;
    }

    /*select.js-delivery-select{*/
    /*margin-left : 0px;*/
    /*}*/
    /*.js-delivery-select{*/
    /*width : 391px;*/
    /*}*/
    .proddetail{
        height : 59px;
        width  : 17rem;
    }

    .lessonresult{
        position : relative;
        right    : 3rem;
    }

    .event-button{
        margin-right : -6.5rem;
    }

    .cabana-prod-row{
        width : 68%;
        left  : 181px;
    }


}

/* Iphone 10 Landscape */
@media only screen
and (min-width : 375px)
and (max-width : 812px)
and (-webkit-min-device-pixel-ratio : 3)
and (orientation : landscape){
    .proddetail{
        height : 53px !important;
        width  : 95%;
    }

    /*.waterworld-logo{*/
    /*width : 152vh;*/
    /*}*/
    /*.userinfo-input, .userinfo-select{*/
    /*width : 305px !important;*/
    /*}*/
}

@media only screen
and (min-width : 411px)
and (max-width : 731px)
and (-webkit-min-device-pixel-ratio : 3)
and (orientation : landscape){
    /*.additional_info_input{*/
    /*left : 2rem !important;*/
    /*}*/
    .dateinput{
        position : relative;
        left     : 46px;
    }

    .item-price{
        text-align : center;
    }

    .cabana-prod-row, .cabana-mobile-header{
        left  : 62px;
        width : 87%;
    }

    .proddetail{
        height : 61px !important;
        width  : 18rem;
    }

    .event-name{
        font-size : 20px;
    }

    .event-button{
        border-left : 28px solid;
        position    : relative;
        left        : 2rem;
    }

    /*.userinfo-select, .userinfo-input{*/
    /*position : relative;*/
    /*left     : 7rem;*/
    /*}*/
    #userinfo-select{
        margin-top : 1rem;
    }

    /*.waterworld-logo{*/
    /*width : 90%;*/
    /*top   : 13px;*/
    /*}*/
}

@media only screen
and (min-width : 360px)
and (max-width : 640px)
and (orientation : landscape){
    /*#guestpage{*/
    /*margin-left : 1rem;*/
    /*}*/
    /*.additional_info_input{*/
    /*left : 2rem !important;*/
    /*}*/
    .datepicker.dropdown-menu{
        width : 95%;
        left  : 15px !important;
    }

    .proddetail{
        position : relative;
        right    : 5rem;
        width    : 16rem;
        height   : 61px !important;
    }

    /*.order-details{*/
    /*position : relative;*/
    /*right    : 0rem;*/
    /*}*/
    .event-button{
        margin-right : -5rem;
        width        : 11rem;
        border-left  : 25px solid;
        width        : 11rem;

    }

    .background-header{
        height : 98px;
    }

    /*.waterworld-logo{*/
    /*width : 61%;*/
    /*}*/
    .date{
        position : relative;
        left     : 69px;
    }
}

@media only screen
and (min-width : 360px)
and (max-width : 640px)
and (-webkit-device-pixel-ratio : 3)
and (orientation : landscape){
    .proddetail{
        position : relative;
        right    : 5rem;
        width    : 18rem;
        height   : 61px !important;
    }

    .dateinput{
        position : relative;
        left     : 0px;
    }

    .event-button{
        left : 0rem;
    }
}

/* iPhone XR */
@media only screen
and (min-width : 414px)
and (max-width : 896px)
and (-webkit-device-pixel-ratio : 3)
and (orientation : landscape){
    /*.additional_info_input{*/
    /*position : relative;*/
    /*left     : 8rem;*/
    /*!*width    : 270px !important;*!*/
    /*}*/
    .account-card{
        flex-direction : column;
    }

    /*.userinfo-input, .userinfo-select{*/
    /*width : 305px !important;*/
    /*}*/
    .datepicker.dropdown-menu{
        width : 95%;
        left  : 22px !important;
    }
}

/*!* iPads (landscape) ----------- *!*/
/*@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)and (-webkit-device-pixel-ratio : 2) and (orientation : landscape){*/


/*!*.cabana-prod-row{*!*/
/*!*left : 222px;*!*/
/*!*}*!*/
/*}*/

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

    /*.additional_info_input{*/
    /*right    : 18rem;*/
    /*width    : 276px !important;*/
    /*position : relative;*/
    /*top      : 2rem;*/
    /*}*/
    .nav-list li a{
        padding    : 0px 20px !important;
        margin-top : 5px;
    }

    .proddetail{
        width  : 22.5rem;
        height : 54px;
    }

    .event-button{
        width    : 16.5rem;
        position : relative;
        left     : 4em;
    }

    .cabana-prod-row{
        left  : 158px;
        width : 70%;
    }

    /*.waterworld-logo{*/
    /*width : 74vh;*/
    /*}*/
    .label-text{
        white-space : nowrap;
    }

    .terms-condition{
        font-size : 13px;
    }

    .continue-back-button, .userinfo-btn-checkout{
        width : 21vh;
    }

    /*.userinfo-input, .userinfo-select{*/
    /*left : 0rem;*/
    /*}*/
}

@media (min-width : 992px){
    .suggestive-modal{
        width : 100%;
    }
}

@media only screen
and (min-width : 1112px)
and (max-width : 1112px)
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio : 2){
    /*.additional_info_input{*/
    /*right    : 18rem;*/
    /*width    : 276px !important;*/
    /*position : relative;*/
    /*top      : 2rem;*/
    /*}*/
    .cabana-prod-row{
        width : 67%;
        left  : 173px;
    }

    .event-button{
        width    : 16.5rem;
        position : relative;
        left     : 4em;
    }


    /*.waterworld-logo{*/
    /*width : 70vh;*/
    /*}*/
    .legend{
        font-size : 15px;
    }

    /*.userinfo-input, .userinfo-select{*/
    /*left : 0rem;*/
    /*}*/
}


@media only screen
and (min-width : 1024px)
and (max-width : 1024px)
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio : 2){
    .headerNav-link{
        padding-right : 1rem;
    }

    ul.nav-list{
        font-size     : 21px;
        padding-right : 6rem;
    }

    /*.waterworld-logo{*/
    /*width : 42vh;*/
    /*top   : 13px;*/
    /*}*/
    .cabana-prod-row{
        left : 219px;
    }

}

@media screen
and (min-width : 1024px)
and (max-width : 1366px){
    /*.userinfo-input, .userinfo-select{*/
    /*position : relative;*/
    /*left     : 0rem;*/
    /*}*/
    .event-button{
        width       : 16.5rem;
        border-left : 34px solid #fff;
    }

    .eclub-row{
        flex-direction : row;
    }

    .proddetail{
        width     : 19.5rem;
        font-size : 22px;
    }

    .eclub-offertext{
        font-size : 13px;
    }

    /*.navbar-nav{*/
    /*position  : relative;*/
    /*left      : 0px;*/
    /*font-size : 18px;*/
    /*}*/
    .reservebtn-text{
        font-size : 20px;
    }

    .datepicker.dropdown-menu{
        width : 60%;
        left  : 200px !important;
    }
}


@media only screen
and (min-width : 1280px)
and (max-width : 1280px)
and (orientation : landscape){

    /*.card{*/
    /*margin-right : 6rem;*/
    /*}*/
    .timetickets-card-img{
        height : 200px;
    }

    /*.js-delivery-select{*/
    /*width : 396px;*/
    /*}*/

}


/* ----------- Retina Screens ----------- */
@media screen
and (min-width : 1200px)
and (max-width : 1600px)
and (-webkit-min-device-pixel-ratio : 2)
and (min-resolution : 192dpi){

    /*.waterworld-logo{*/
    /*width : 90vh;*/
    /*top   : 27px;*/
    /*}*/
    .reservebtn-text{
        font-size : 22px;
    }

    .proddetail{
        width     : 27.5rem;

        font-size : 22px;
        height    : 57px !important;
    }

    .event-button{
        width : 13.5rem;
    }

    .cabana-prod-row{
        width : 62%;
        left  : 222px;
    }

    /*.datepicker.dropdown-menu{*/
    /*width       : 46%;*/
    /*margin-left : 0px;*/
    /*}*/
    .terms-condition{
        white-space : nowrap;
        font-size   : 16px;
    }


}


@media only screen
and (min-width : 1366px)
and (max-width : 1366px)
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio : 2){
    /*.additional_info_input{*/
    /*width : 276px !important;*/
    /*}*/
    .cabana-prod-row{
        width : 64%;
        left  : 208px;
    }


    .event-button{
        margin-right : -1.5rem;
    }

    .reservebtn-text{
        font-size : 18px;
    }

    .proddetail{
        position  : relative;
        right     : 4rem;
        font-size : 20px;
        width     : 32.5rem;
    }

    .datepicker.dropdown-menu{
        width : 45%;
    }

    /*.waterworld-logo{*/
    /*width : 51vh;*/
    /*top   : 22px;*/
    /*}*/
    /*.navbar-nav{*/
    /*left : 16rem !important;*/
    /*}*/
    /*.userinfo-input, .userinfo-select{*/
    /*left : 0rem;*/
    /*}*/
}

@media screen
and (min-width : 1400px){
    .proddetail{
        width : 31.5rem;
    }

    .cabana-prod-row{
        width : 60%;
        left  : 253px;
    }

    .navbar-nav{
        font-size : 20px;
    }
}

@media screen and (min-width : 1601px){
    .reviewcart-wrapper{
        max-width : 1140px;
    }

    /*.navbar-nav{*/
    /*position : relative;*/
    /*left     : 318px;*/
    /*}*/
}

@media screen and  (min-width : 1600px){
    /*.waterworld-logo{*/
    /*top   : 4px;*/
    /*width : 68vh;*/
    /*}*/
}

@media screen and  (min-width : 1700px){
    .proddetail{
        height                   : 55px !important;
        width                    : 28rem;
        -webkit-transform        : perspective(300px) rotateX(-27deg);
        -o-transform             : perspective(300px) rotateX(-27deg);
        -moz-transform           : perspective(300px) rotateX(-27deg);
        -ms-transform            : perspective(300px) rotateX(-27deg);
        -webkit-transform-origin : 0% 50%;
        -moz-transform-origin    : 0% 50%;
        -o-transform-origin      : 0% 50%;
        transform-origin         : 0% 50%;
    }

    .event-button{
        width       : 14.3rem;
        border-left : 39px solid;
    }

    /*.navbar-nav{*/
    /*position : relative;*/
    /*left     : 27rem;*/
    /*}*/
    .reservebtn-text{
        font-size : 20px;
    }

    .event-name{
        font-size : 22px;
    }

    li.nav-item{
        border-bottom : none;
        margin-right  : 1rem;
    }

    .container{
        min-width : 72%;
    }

    /*.waterworld-logo{*/
    /*width : 66vh;*/
    /*left  : 17px;*/
    /*top   : 3px;*/
    /*}*/
    .checkbox-email-promotions{
        font-size : 13px;
    }

    .policy-btn{
        margin-left : -1rem;
    }


    .perf-group{
        position : relative;
        right    : 2rem;
    }

    .additional-info-select{
        width    : 220px;
        position : relative;
        right    : 14px;
    }

    .cabana-prod-row{
        width : 57%;
        left  : 299px;
    }

    .card{
        margin-right : 1rem !important;
        width        : 18rem !important;

    }

    /*.userinfo-input, .userinfo-select{*/
    /*position : relative;*/
    /*left     : 0rem;*/
    /*}*/


}


/* (1920x1080) Full HD Display */
/*@media screen and (max-width : 1920px){*/
/*.waterworld-logo{*/
/*width : 59vh;*/
/*}*/
/*}*/