.row.mega-menu .menu-items .menu-item.has-submenu > a.touch-device {
    position: relative;
}
.row.mega-menu .menu-items .menu-item.has-submenu > a.touch-device::before {
  content: url(/media/poxbicol/chevron-down.svg);
        width: 26px;
        height: 26px;
        position: absolute;
        right: 0;
        bottom: 7px;
        opacity: 0.2;
}

@media only screen and (min-width: 501px) {
    .row.mega-menu .menu-items .menu-item.has-submenu > a.touch-device::before {
        transform: rotate(-90deg);
    }
}

@media only screen and (max-width: 767.9px) {
.mobile-split-reverse > .container > .row {
        flex-direction: column-reverse;
}
.bootstrap-section.split-style01 .content-frame-inner {
        padding-top: 20px;
        padding-left: 16px;
        padding-right: 16px;
}
.bootstrap-section .col-inner-container,
.bootstrap-section.col3-style1 .bg-img,
.bootstrap-section.split-style02 .bg-img,
.bootstrap-section .carousel-item {
    min-height: 250px !important;
}
}

@media only screen and (max-width: 500px) {
body header .container.nav-menu-top {
    position: fixed;
}
#CalendarWrapper .csob-cal-header td[name=CalendarPrevNextMonth] a[name=CalendarPrevMonth] {
    left: 6%;
}
#CalendarWrapper .csob-cal-header td[name=CalendarPrevNextMonth] a[name=CalendarNextMonth] {
    right: 6%;
}
#CalendarWrapper:has(.csob-cal-table-availability-color-info) div[name=CalendarContainer] div[name=CalendarInnerDiv] {
    height: 346px;
}
#MainContainer > .row-fluid {
    padding: 0;
}
 #CalendarWrapper .csob-cal-table-minimum-price {
    font-size: 11px;
    overflow: hidden;
    display: block;
    max-width: 28px;
    margin: auto;
}
#CalendarSmallWrapper div[name=SmallCalendarControlContainer] {
    position: relative;
    margin-bottom: 40px;
}
#CalendarSmallWrapper div[name=SmallCalendarControlContainer] div[name=Content] .css-table div[name=HideCalendar] {
    position: absolute;
    right: 5px;
    bottom: -41px;
}
#CalendarSmallWrapper div[name=SmallCalendarControlContainer] div[name=Content] > .css-table {
    display: block;
}
#CalendarSmallWrapper div[name=SmallCalendarControlContainer] div[name=Content] > .css-table div[name=FromDateWrapper], 
#CalendarSmallWrapper div[name=SmallCalendarControlContainer] div[name=Content] > .css-table div[name=ToDateWrapper] {
    display: inline-block;
    width: calc(50% - 2px);
    margin: 0;
}
#CalendarSmallWrapper div[name=SmallCalendarControlContainer] div[name=Content] > .css-table [name=DatePickerContainer][data-datepicker-type=DatePicker] {
    width: 100%;
}
#CalendarSmallWrapper div[name=SmallCalendarControlContainer] div[name=Content] > .css-table div[name=FromDateWrapper] div[name=DatePickerContainer] input, 
#CalendarSmallWrapper div[name=SmallCalendarControlContainer] div[name=Content] > .css-table div[name=ToDateWrapper] div[name=DatePickerContainer] input {
    width: calc(100% - 24px);
}
body .csob-content:has(div[name=LargeCalendarControlContainer]) div[name=CsobCalendarLogoContainer] {
    padding-bottom: 12px;
}
body #CalendarWrapper .csob-cal-table-footer:has(.csob-cal-table-availability-color-info) {
    bottom: -64px;
    z-index: 10000;
}
#CalendarWrapper .csob-cal-table-week {
    position: relative;
    top: -54px;
    left: -20px;
    height: 0;
}
#CalendarWrapper .csob-cal-table-footer:has(.csob-cal-table-availability-color-info) tr:last-child td:first-child  {
    position: relative;
    top: -292px;
    text-align: left !important;
}
#CalendarWrapper .csob-cal-table-availability-color-info .csob-color-info-wrapper {
    margin-right: 0;
    width: 49%;
    text-align: left;
    padding-left: 10px;
}

body #CalendarWrapper .csob-cal-date-input-wrapper,
body #CalendarWrapper .csob-cal-search-button {
    display: block!important;
}
body #CalendarWrapper .csob-cal-search-button {
    position: relative;
    margin: 0;
}
body #CalendarWrapper .csob-cal-table-footer:has(.csob-cal-date-input-wrapper) {
    top: 0;
}
#CalendarWrapper:has(.csob-cal-table-availability-color-info) .csob-cal-table-footer:has(.csob-cal-date-input-wrapper) {
top: 62px;
z-index: 10000;
}

h2, h3 {
    font-size: 24px;
}
.extra-large-text p {
    font-size: 18px;
}
section.booking.booking-fixed.booking-dropup input, section.booking.booking-fixed.booking-dropup button {
    height: 40px;
}
section.booking.booking-fixed.booking-dropup .overnatning-placeholder-style .custom-select .select-selected {
    height: 40px;
}
.hide-on-mobile {
    display: none;
}
.row.mega-menu .menu-items .menu-item.has-submenu > a {
    position: relative;
}
.row.mega-menu .menu-items .menu-item.has-submenu > a::before {
  content: url(/media/poxbicol/chevron-down.svg);
        width: 26px;
        height: 26px;
        position: absolute;
        right: 0;
        bottom: 7px;
        opacity: 0.2;
}
.row.mega-menu .menu-items .menu-item.has-submenu.open > a::before {
  content: url(/media/bqcbsv4w/chevron-up.svg);
}
.row.mega-menu .menu-items .menu-item .submenu .child-menu-item > a {
        border-bottom: solid 1px #bbbbbb;
        padding: 0 10px;
        color: #556b79b5;
}
.row.mega-menu .menu-items-inner .open .submenu {
    position: relative;
    left: 0;
    padding: 0;
    width: 100%;
    background: #fff;
}  
.row.mega-menu .submenus {
    display: none;
}
.navbar-brand img.logo-desktop {
    display: none;
}
.navbar-brand img.logo-mobile {
    display: inline !important;
    height: 50px;
    position: relative;
    top: 6px;
}
header {
    height: 300px;
}
header.Underside {
    height: 180px;
}
header.Underside .header-bottom-h1 {
    bottom: 10px;
}
header.has-booking-bar {
        height: 550px;
}
.language-selector {
    right: 20px;
}
header .header-bottom-h1 {
    bottom: 10px;
}
header h1 {
    line-height: 1.2;
    font-size: 18px;
}
.navbar-brand img {
    height: 110px;
}
.navbar-brand {
        padding: 48px 0px;
        padding-top: 10px;
}
.header-logo-line {
    width: calc(50% - 60px);
    display: none;
}
header .container.nav-menu-top {
    top: 12px;
}
header .header-bottom-bookingbar {
    height: 170px;
}
footer {
    text-align: center;
}
footer .col-md-3, footer .col {
    padding-bottom: 30px;
}
footer .col {
    display: inline-block;
    width: 270px;
    text-align: left;
    padding-left: 45px;
}
footer .container > .row {
    display: block;
}
footer .row.partner-rewards {
    padding: 30px 0;
}
}