html, body{
    line-height : 1.5;
    color       : #333333;
    font-size   : 14px;
    font-family : 'Trebuchet MS', 'Oxygen', Arial, Helvetica, 'Microsoft JhengHei', Verdana, sans-serif;
}

.login-content{
    border        : 1px solid #C7E7F1;
    border-radius : 5px;
    padding       : 0;
}

.renew-card-header{
    color          : #1CB5E4;
    text-transform : uppercase;
    margin-bottom  : 0;
    border-bottom  : 1px solid rgba(0, 0, 0, .125);
}

.renew-card-content{
    color : #16525a;
}

.renew-card-content .title{
    font-size   : 16px;
    line-height : 1.2;
}

.logintitle{
    border-bottom : 1px dashed;
    font-size     : 16px;
    font-weight   : 700;
}

.ticketpage{
    padding-top : 400px;
}

.ticketpage .card{
    border : 0 none;
}

#loader{
    position        : fixed;
    top             : 0;
    left            : 0;
    width           : 100%;
    height          : 100vh;
    background      : rgba(0, 0, 0, .7);
    z-index         : 5000000;
    display         : flex;
    align-items     : center;
    justify-content : center;
}

.loader{
    position      : fixed;
    border-radius : 50%;
    animation     : spin .5s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite;
}

@keyframes spin{
    0%{
        transform : rotate(0deg);
    }
    100%{
        transform : rotate(360deg);
    }
}

/* header - first top line */
header .top-header{
    font-size : 12px;
}

header .top-header .langs{
    line-height : 48px;
}

header .top-header .langs li{
    display : inline-block;
}

header .top-header .langs li.active a{
    color : #1CB5E4;
}

header .top-header .langs li a{
    color : #666666;
}

header .top-header .langs li a:hover,
header .top-header .langs li a:focus{
    outline         : 0;
    text-decoration : none;
    font-weight     : normal;
}

/* header - navigation bar */
header .first-level-menu .nav-item,
.main-container .second-level-menu .nav-item{
    font-size     : 17px;
    text-align    : center;
    border-bottom : 1px dashed #1CB5E4;
    padding       : 2px 0;
}

.second-level-menu .nav-item{
    font-size     : 15px !important;
    text-align    : center;
    border-bottom : 1px dashed #1CB5E4;
    padding       : 2px 0;
}

header .first-level-menu .nav-item:last-of-type,
.main-container .second-level-menu .nav-item:last-of-type{
    border-bottom : 0 none;
}

header .first-level-menu .nav-item .nav-link,
.main-container .second-level-menu .nav-item .nav-link{
    padding        : 8px 5px;
    text-transform : uppercase;
    color          : #1CB5E4;
}

header .first-level-menu .nav-item .nav-link.dropdown-toggle::after{
    display : none;
}

header .first-level-menu .nav-item .nav-link:hover,
.main-container .second-level-menu .nav-item .nav-link:hover,
header .first-level-menu .nav-item .nav-link.selected,
.main-container .second-level-menu .nav-item .nav-link.selected,
header .first-level-menu .nav-item .nav-link.selected:hover,
.main-container .second-level-menu .nav-item .nav-link.selected:hover{
    background : #10B1E3;
    background : -moz-linear-gradient(top, #31C5EF 0%, #10B1E3 100%);
    background : -webkit-gradient(linear, left top, left bottom, color-stop(0%, #31C5EF), color-stop(100%, #10B1E3));
    background : -webkit-linear-gradient(top, #31C5EF 0%, #10B1E3 100%);
    background : -o-linear-gradient(top, #31C5EF 0%, #10B1E3 100%);
    background : -ms-linear-gradient(top, #31C5EF 0%, #10B1E3 100%);
    background : linear-gradient(to bottom, #31C5EF 0%, #10B1E3 100%);
    filter     : progid:DXImageTransform.Microsoft.gradient(startColorstr='#31C5EF', endColorstr='#10B1E3', GradientType=0);
    color      : #fff;
}

header .first-level-menu .nav-item .nav-link.disabled,
.main-container .second-level-menu .nav-item .nav-link.disabled{
    cursor         : default;
    pointer-events : none;
    color          : #6c757d;
}

header .first-level-menu .navbar .navbar-toggler{
    color        : #1CB5E4;
    border-color : #1CB5E4;
}

header .first-level-menu .navbar .navbar-toggler-icon{
    background-image : url(/oceanpark_b2b/resources/images/bars-solid-b55ff8524d026e5521db420a3428ab1e.svg);
}

.main-container .second-level-menu .navbar{
    color            : #1CB5E4;
    border           : 1px solid #1CB5E4;
    background-color : #fff;
    border-radius    : 5px;
}

.main-container .second-level-menu .navbar-brand{
    font-size       : 14px;
    text-transform  : uppercase;
    text-decoration : underline;
    font-weight     : 900;
}

.main-container .breadcrumb{
    background     : transparent;
    padding-top    : 0;
    padding-bottom : 15px;
    margin-bottom  : 5px;
    align-items    : baseline;
    width          : 100%;
}

.main-container .breadcrumb li{
    list-style     : decimal;
    opacity        : 0.5;
    text-transform : uppercase;
    font-size      : 12px;
    width          : auto;
    margin-right   : 3%;
}

.main-container .breadcrumb li.active{
    opacity : 1;
}

.main-container .breadcrumb li:after{
    top         : 1px;
    right       : -5px;
    content     : "\f105";
    position    : relative;
    display     : inline-block;
    font-family : "Font Awesome 5 Free";
    font-weight : 900;
    font-size   : 15px;
}

.main-container .breadcrumb li:last-child:after{
    content : '';
}

.events-headline .event-container{
    border        : 1px solid #E7E7E7;
    border-radius : 5px;
    cursor        : pointer;
}

.events-headline .event-container.active,
.events-headline .event-container:hover,
.events-headline .event-container:focus{
    background   : linear-gradient(to bottom, #31C5EF 0%, #10B1E3 100%);
    color        : #fff;
    border-color : #1CB5E4;
}

.events-headline .event-container .card-img{
    -webkit-border-top-left-radius  : 5px;
    -webkit-border-top-right-radius : 5px;
    -moz-border-radius-topleft      : 5px;
    -moz-border-radius-topright     : 5px;
    border-top-left-radius          : 5px;
    border-top-right-radius         : 5px;
}

.events-headline .event-details{
    font-size : 15px;
}

.events-headline.annualpasses .event-details a,
.events-headline.annualpasses .event-details a:hover,
.events-headline.annualpasses .event-details a:focus{
    font-size       : 80%;
    text-decoration : underline;
    color           : #333333;
}

.events-headline.annualpasses .event-container.premium{
    color : #4D5E6D;
}

.events-headline.annualpasses .event-container.premium.active,
.events-headline.annualpasses .event-container.premium:hover,
.events-headline.annualpasses .event-container.premium:focus{
    background   : #4D5E6D;
    color        : #fff;
    border-color : #4D5E6D;
}

.events-headline.annualpasses .event-container.gold{
    color : #D7AD00;
}

.events-headline.annualpasses .event-container.gold.active,
.events-headline.annualpasses .event-container.gold:hover,
.events-headline.annualpasses .event-container.gold:focus{
    background   : #D7AD00;
    color        : #fff;
    border-color : #D7AD00;
}

.events-headline.annualpasses .event-container.silver{
    color : #949494;
}

.events-headline.annualpasses .event-container.silver.active,
.events-headline.annualpasses .event-container.silver:hover,
.events-headline.annualpasses .event-container.silver:focus{
    background   : #949494;
    color        : #fff;
    border-color : #949494;
}

.events-headline.annualpasses .event-container.seasonal{
    color : #FF9A0C;
}

.events-headline.annualpasses .event-container.seasonal.active,
.events-headline.annualpasses .event-container.seasonal:hover,
.events-headline.annualpasses .event-container.seasonal:focus{
    background   : #FF9A0C;
    color        : #fff;
    border-color : #FF9A0C;
}

#product-list .selectedEvent-details .card{
    border-radius : 5px;
    min-height    : 285px;
    font-size     : 13px;
    position      : initial;
}

#product-list .selectedEvent-details .card .card-img{
    border-radius : inherit;
    opacity       : .5;
    height        : auto;
    max-height    : 100%;

}

#product-list .selectedEvent-details .card .card-img-overlay{
    font-size   : 14px;
    width       : 50%;
    left        : auto;
    margin      : 15px 0;
    border-left : 1px dashed;
    padding     : 0 15px;
}

#product-list .selectedEvent-details .card .card-img-overlay .card-notes{
    margin-bottom : -10px;
    font-size     : 76%;
}

.legend p{
    font-size : 12px;
}

.changePerf .legend p,
.requiredcal .legend p{
    font-size : 10px;
}

.legend{
    border-left : 1px dashed;
}

.legend p span{
    width         : 20px;
    height        : 20px;
    border-radius : 3px;
    box-shadow    : inset 0 0 3px rgba(0, 0, 0, .5);
    position      : relative;
}

/*.legend .title {*/
/*line-height: 50px;*/
/*font-weight: 700;*/
/*}*/
.datepicker-inline,
.datepicker table{
    width         : 100%;
    padding       : 0;
    border-radius : 0;
}

.datepicker td,
.datepicker th{
    border-radius : 0;
    background    : transparent !important;
    border        : 0 none !important;
    text-shadow   : none !important;
    width         : 30px;
    padding       : 2px !important;
}

.datepicker table tbody td div{
    background-image : none;
    display          : block;
    height           : 32px;
    line-height      : 32px;
    text-align       : center;
    width            : auto;
    color            : #fff;
    font-size        : 13px;
}


.datepicker table tbody td div div{
    background-image : none;
    height           : 100%;
    line-height      : initial;
    text-align       : center;
    color            : #fff;
    font-size        : 13px;
    display          : flex;
    align-items      : center;
    justify-content  : center;
    width            : 100%;
}

.datepicker table tr td div em{
    display               : initial;
    width                 : initial;
    height                : initial;
    line-height           : initial;
    float                 : initial;
    margin                : initial;
    cursor                : initial;
    -webkit-border-radius : initial;
    -moz-border-radius    : initial;
    border-radius         : initial;
    flex-direction        : column;
    display               : flex;
    font-style            : normal;
    cursor                : pointer;
}

.datepicker table tr td div em em{
    font-size : .8em;
}

.perfblock span{
    background-image : none;
    display          : flex;
    flex-direction   : column;
    align-items      : center;
    width            : auto;
    color            : #fff;
    font-size        : 13px;
    cursor           : pointer;
    padding          : 7px;
}

.perfblock span span{
    font-size : .8em;
    padding   : 0;
}

.legend p span.cal_avail,
.datepicker td:not(.new) div,
.perfblock span.cal_avail{
    background : #1CB5E4;
}

.legend p span.high_availability,
.datepicker td.high_availability div,
.delivery-container td.day,
.perfblock span.high_availability{
    background : #1FB3A0;
}

.legend p span.medium_availability,
.datepicker td.medium_availability div,
.perfblock span.medium_availability{
    background : orange;
}

.legend p span.low_availability,
.datepicker td.low_availability div,
.perfblock span.low_availability,
.productlist .products .seatcat-row .seatcat-details .seatcat-avail small.low_availability{
    background : #9b0000;
}

.legend p span.cal_selected,
.datepicker td.active div,
.datepicker td:hover div,
.datepicker td:focus div,
.perfblock span.cal_selected,
.perfblock span:hover,
.perfblock span:focus{
    background : #e34556;
}

.perfblock span.cal_selected span,
.perfblock span.cal_selected span.cal_selected,
.perfblock span span{
    background : transparent !important;
}

.legend p span.no_availability,
.datepicker td.no_availability div,
.perfblock span.no_availability,
.productlist .products .seatcat-row .seatcat-details .seatcat-avail small.no_availability{
    background : #000000;
}

.legend p span.cal-unavailable,
.datepicker td.disabled div,
.cal-unavailable{
    background : rgba(170, 170, 170, .5);
}

.datepicker td.disabled div,
.datepicker td.no_availability div,
.datepicker td.disabled,
.datepicker td.no_availability,
.perfblock span.no_availability,
.cal-unavailable{
    cursor         : default;
    pointer-events : none;
}

.input-container{
    display         : flex;
    align-items     : center;
    justify-content : center;
}

.keyboard{
    max-width : 120px;
}

.perftitle{
    padding : 2px;
}

.btn_qty{
    cursor : pointer;
}

.off{
    cursor         : default;
    opacity        : .5;
    pointer-events : none;
}

.productlist .product-row .btn_qty.off{
    cursor  : default;
    opacity : .5;
}

.productlist .products .productitle{
    border-bottom : 1px dashed;
    font-size     : 16px;
}

.productlist .products .seatcat-row .seatcat-details h4,
.productlist .suggestivegroup-row .suggestivegroup-details h4{
    color     : #1493bc;
    font-size : 15px;
}

.seatcat-details{
    font-size : 15px;
}

.productlist .products hr{
    border-color : #1493bc;
    margin       : 1rem;
}

.productlist .products .seatcat-row .product-rows{
    border        : 1px solid #C7E7F1;
    border-radius : 5px;
}

.productlist .products .seatcat-row .product-rows .products-header{
    color : #1CB5E4;
}

.productlist .products .seatcat-row .product-rows .product-row.odd{
    background : rgba(199, 231, 241, .2);
}

/*.productlist .products .seatcat-row .product-rows .product-row .btn_qty.off,*/
/*.productlist .suggestivegroup-row .suggestivegroup-productlist .product-row .btn_qty.off{*/
/*cursor  : default;*/
/*opacity : .7;*/
/*}*/

.productlist .suggestivegroup-row .suggestivegroup-details{
    border-left : 2px solid #1493bc;
}

.productlist .suggestivegroup-row .suggestivegroup-productlist .product-row .input-container span.js-addtocart{
    color          : #fff;
    background     : #1CB5E4;
    border-radius  : 5px;
    text-align     : center;
    line-height    : 1em;
    cursor         : pointer;
    pointer-events : auto;
}

.productlist .suggestivegroup-row .suggestivegroup-productlist .product-row .input-container span.js-addtocart.disabled{
    cursor         : default;
    opacity        : .7;
    pointer-events : none;
}

.requiredcal .modal-dialog{
    max-width : 80%;
}


/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button{
    -webkit-appearance : none;
    margin             : 0;
}

/* Firefox */
input[type=number]{
    -moz-appearance : textfield;
}

.btn_qty.off{
    opacity        : .5;
    pointer-events : none;
}

.btn.btn-primary.small-btn,
.btn.btn-primary.small-btn:hover,
.btn.btn-primary.small-btn:focus,
.btn.btn-primary.small-btn:active{
    padding        : 10px;
    display        : inline-block;
    vertical-align : middle;
    border-radius  : 5px;
    line-height    : 1;
    font-weight    : bold;
    text-transform : uppercase;
    border         : 1px solid #1CB5E4;
    background     : #10B1E3;
    background     : -moz-linear-gradient(top, #31C5EF 0%, #10B1E3 100%);
    background     : -webkit-gradient(linear, left top, left bottom, color-stop(0%, #31C5EF), color-stop(100%, #10B1E3));
    background     : -webkit-linear-gradient(top, #31C5EF 0%, #10B1E3 100%);
    background     : -o-linear-gradient(top, #31C5EF 0%, #10B1E3 100%);
    background     : -ms-linear-gradient(top, #31C5EF 0%, #10B1E3 100%);
    background     : linear-gradient(to bottom, #31C5EF 0%, #10B1E3 100%);
    filter         : progid:DXImageTransform.Microsoft.gradient(startColorstr='#31C5EF', endColorstr='#10B1E3', GradientType=0);
    color          : #fff;
    outline        : none;
    box-shadow     : none;
}

.btn.btn-primary.small-btn.disabled{
    cursor         : default;
    opacity        : .5;
    pointer-events : none;
    background     : #CDCDCD;
    border-color   : #CDCDCD;
}

.btn.btn-annualpass.small-btn,
.btn.btn-annualpass.small-btn:hover,
.btn.btn-annualpass.small-btn:focus,
.btn.btn-annualpass.small-btn:active{
    padding        : 10px;
    display        : inline-block;
    vertical-align : middle;
    border-radius  : 5px;
    line-height    : 1;
    font-weight    : bold;
    text-transform : uppercase;
    border         : 1px solid #949494;
    background     : #949494;
    color          : #fff;
    outline        : none;
    box-shadow     : none;
}

.btn.btn-annualpass.small-btn.disabled{
    cursor         : default;
    opacity        : .5;
    pointer-events : none;
}

.btn.btn-annualpass.renew.small-btn,
.btn.btn-annualpass.renew.small-btn:hover,
.btn.btn-annualpass.renew.small-btn:focus,
.btn.btn-annualpass.renew.small-btn:active{
    border     : 1px solid #D7AD00;
    background : #D7AD00;
    color      : #fff;
}

.btn.btn-green,
.btn.btn-green:hover,
.btn.btn-green:focus,
.btn.btn-green:active{
    padding        : 10px;
    display        : inline-block;
    vertical-align : middle;
    border-radius  : 5px;
    line-height    : 1;
    font-weight    : bold;
    text-transform : uppercase;
    border         : 1px solid rgb(112, 173, 71);
    background     : rgb(112, 173, 71);
    background     : -moz-linear-gradient(top, #5ec108 0%, #70AD47 100%);
    background     : -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5ec108), color-stop(100%, #70AD47));
    background     : -webkit-linear-gradient(top, #5ec108 0%, #70AD47 100%);
    background     : -o-linear-gradient(top, #5ec108 0%, #70AD47 100%);
    background     : -ms-linear-gradient(top, #5ec108 0%, #70AD47 100%);
    background     : linear-gradient(to bottom, #5ec108 0%, #70AD47 100%);
    filter         : progid:DXImageTransform.Microsoft.gradient(startColorstr='#5ec108', endColorstr='#70AD47', GradientType=0);
    color          : #fff;
    outline        : none;
    box-shadow     : none;
}

.btn.btn-primary-border,
.btn.btn-primary-border:focus,
.btn.btn-primary-border:active{
    padding        : 10px;
    display        : inline-block;
    vertical-align : middle;
    border-radius  : 5px;
    line-height    : 1;
    font-weight    : bold;
    text-transform : uppercase;
    border         : 1px solid #1CB5E4;
    background     : transparent;
    color          : #1CB5E4;
    outline        : none;
    box-shadow     : none;
    min-width      : 8rem;
}

.btn.btn-primary-border:hover{
    background : #10B1E3;
    background : -moz-linear-gradient(top, #31C5EF 0%, #10B1E3 100%);
    background : -webkit-gradient(linear, left top, left bottom, color-stop(0%, #31C5EF), color-stop(100%, #10B1E3));
    background : -webkit-linear-gradient(top, #31C5EF 0%, #10B1E3 100%);
    background : -o-linear-gradient(top, #31C5EF 0%, #10B1E3 100%);
    background : -ms-linear-gradient(top, #31C5EF 0%, #10B1E3 100%);
    background : linear-gradient(to bottom, #31C5EF 0%, #10B1E3 100%);
    filter     : progid:DXImageTransform.Microsoft.gradient(startColorstr='#31C5EF', endColorstr='#10B1E3', GradientType=0);
    color      : #fff;
}

.ticketpage .card.annualpasses{
    cursor : pointer;
}

.ticketpage .card.annualpasses .card-title{
    min-height : 84px
}

.ticketpage .card.annualpasses.premium .card-title{
    color : #4D5E6D;
}

.ticketpage .card.annualpasses.gold .card-title{
    color : #D7AD00;
}

.ticketpage .card.annualpasses.silver .card-title{
    color : #949494;
}

.ticketpage .card.annualpasses.seasonal .card-title{
    color : #FF9A0C
}

.ticketpage .card.annualpasses .card-title a,
.ticketpage .card.annualpasses .card-title a:hover,
.ticketpage .card.annualpasses .card-title a:focus{
    font-size       : 80%;
    text-decoration : underline;
    color           : #333333;
}

/*.annualpasses-container .tc{*/
/*    font-size: 90%;*/
/*}*/
.annualpasses-container .tc a,
.annualpasses-container .tc a:hover,
.annualpasses-container .tc a:focus{
    text-decoration : underline;
}

.annualpasses-container .bagde{
    border                     : 1px solid #D7AD00;
    background                 : #D7AD00;
    color                      : #fff;
    padding                    : 15px;
    text-align                 : center;
    font-size                  : 15px;
    /*width: 80%;*/
    width                      : 100%;
    border-top-right-radius    : 35px;
    border-bottom-right-radius : 35px;
    border-top-left-radius     : 35px;
    border-bottom-left-radius  : 3px;
    position                   : relative;
    /*top: -46px;*/
}

.annualpasses-container .bagde a,
.annualpasses-container .bagde a:hover,
.annualpasses-container .bagde a:focus{
    text-decoration : underline;
}

.eventCard .card-header,
.eventCard .card-header:hover,
.eventCard .card-header:focus{
    cursor           : pointer;
    background-color : rgba(199, 231, 241, .2);
    border-bottom    : 1px solid rgb(199, 231, 241);
}

.eventCard .card-header:hover,
.eventCard .card-header:focus{
    background : linear-gradient(to bottom, #31C5EF 0%, #10B1E3 100%);
    color      : #fff;
}

.eventCard .collapse{
    border-bottom : 1px solid rgb(199, 231, 241) !important;
}

/* screens from 320px to 576px are default */
/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width : 575.98px){
}

/* Small devices (landscape phones, less than 768px)*/
@media (max-width : 767.98px){
    .annualpasses-container .bagde{
        top   : 0px;
        width : 100%;
    }

    label.season-name{
        top : 60%;
    }

    .formaccount-panel .card-header{
        padding : 2.5rem 1rem;
    }
}

/* Large devices (desktops, 992px and up) - lg */
@media (min-width : 992px){
    header .first-level-menu .navbar{
        margin-left : 230px;
    }

    header .first-level-menu .nav-item,
    .main-container .second-level-menu .nav-item{
        border-bottom : 0 none;
        padding       : 0;
    }

    .main-container .second-level-menu .nav-item{
        border-right : 1px dashed #1CB5E4;
        padding      : 0 2px;
    }

    .main-container .second-level-menu .nav-item:last-of-type{
        border-right : 0 none;
    }

    header .first-level-menu .nav-item .nav-link{
        padding : 15px 30px 15px 30px;
    }

    header .first-level-menu .nav-item .nav-link:hover,
    header .first-level-menu .nav-item .nav-link.selected,
    header .first-level-menu .nav-item .nav-link.selected:hover{
        -webkit-border-top-left-radius  : 5px;
        -webkit-border-top-right-radius : 5px;
        -moz-border-radius-topleft      : 5px;
        -moz-border-radius-topright     : 5px;
        border-top-left-radius          : 5px;
        border-top-right-radius         : 5px;
    }

    .events-headline .event-container{
        -ms-flex  : 0 0 calc(33% - 1px);
        flex      : 0 0 calc(33% - 1px);
        max-width : calc(33% - 1px);
    }

    .events-headline .event-container .card-img{
        width  : auto;
        height : 62px;
    }

}

@media only screen
and (min-width : 768px)
and (orientation : landscape){
    .events-headline .event-container{
        -ms-flex  : 0 0 calc(33% - 3px);
        flex      : 0 0 calc(33% - 3px);
        max-width : calc(33% - 3px);
    }
}

@media only screen
and (min-width : 760px)
and (max-width : 768px)
and (orientation : portrait){
    .events-headline .event-container{
        -ms-flex  : 0 0 calc(33% - 3px);
        flex      : 0 0 calc(33% - 3px);
        max-width : calc(33% - 3px);
    }
}

/* Extra large devices (large desktops, 1200px and up)- xl */
@media (min-width : 1200px){

    .annualpasses-container .card{
        transition         : 1.2s ease;
        -moz-transition    : 1.2s ease; /* Firefox */
        -webkit-transition : 1.2s ease; /* Chrome - Safari */
        -o-transition      : 1.2s ease; /* Opera */
        -ms-transform      : 1.2s ease; /* IE */
    }

    .annualpasses-container .card:hover,
    .annualpasses-container .card:focus{
        transform         : scale(1.1);
        -moz-transform    : scale(1.1); /* Firefox */
        -webkit-transform : scale(1.1); /* Chrome - Safari */
        -o-transform      : scale(1.1); /* Opera */
        -ms-transform     : scale(1.1); /* IE */
        z-index           : 1000;
    }

}


@media only screen
and (min-width : 760px)
and (max-width : 768px)
and (orientation : portrait) , only screen
and (min-width : 320px)
and (max-width : 1024px)
and (orientation : landscape){

    .main-container .second-level-menu .navbar{
        padding : 0;
    }

    header .first-level-menu .nav-item, .main-container .second-level-menu .nav-item{
        border-bottom : none;
    }

}

@media only screen
and (min-width : 320px)
and (max-width : 800px)
and (orientation : portrait) , only screen
and (min-device-width : 1024px)
and (max-device-width : 1024px)
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio : 2){
    .selectedEvent-details .card{
        flex-direction : column;
    }

    .selectedEvent-details .card-img-overlay{
        position : initial;
        width    : 100% !important;
    }

    .card-image-container{
        width : 100%;
    }

    #product-list .selectedEvent-details .card .card-img{
        width  : 100%;
        margin : 0;
        height : auto;
    }
}