@media screen and (max-width: 1550px){
    .container {
        width: 100%;
        max-width: calc(100svw - 20px);
    }

}

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


}

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

    .accommodationsBlock {
        flex-wrap: wrap;
    }
    .accommodationsBlock a {
        width:50%;
        aspect-ratio: 3/4;
    }

    .accommodationsBlock .accommodationsTitle {
        transform: translate(-50%, 40px);
    }

    .descubreSlider  {
        background-color: transparent;
    }
    .descubreSlider .item {
        width: 100%;
    }

    footer .top-footer .container {
        flex-wrap: wrap;
        justify-content: center;
    }

    footer .top-footer .footer-col-1 {
        width: 100%;
        justify-content: center;
        padding-top: 20px;
    }
    footer .top-footer .footer-col-2 {
        width: 100%;
        text-align: center;
        padding-top: 20px;
    }
    footer .top-footer .footer-col-3 {
        width: 100%;
        text-align: center;
        padding-top: 20px;
    }
    footer ul.footer_menu {
        columns: 3;
    }
    footer .bottom-footer .copyright {
        justify-content: center;
    }

    header .container .reservationBlock {
        width: 100%;
        max-width: 100%;
        flex: 1 1 100%;
        margin: 10px auto;
    }

    header .nav-container .stickyFullMenu {
        flex-wrap: wrap;
        padding-bottom:30px;
    }

    header .stickyFullMenu > div {
        width: calc(20% - 20px);
        position: relative;
    }

    header .stickyFullMenu > div.cta_map {
        width: calc(60% - 20px);
        position: relative;
    }

    header .stickyFullMenu #reservationBlockMobile {
        padding-top:30px;
        width: 100%;
        position: relative;
    }
    .widgetBookingContainer.widget_columns {
        display: block;
    }

    header .container .stickyMenu .logo  {
        display: flex;
        justify-content: space-between;
        flex: 1 1 100%;
    }


    header .navbar {
        padding:0;
    }

    header .container .stickyMenu .logo .secondaryMenu a {
        font-size: 13px;
        color:white;
        font-weight: bold;
    }

    header .container .stickyMenu .logo .secondaryMenu img {
        filter:invert(100%);
    }

    header .container .stickyMenu .logo > a > img {
        height: 40px;
        width: auto;
    }

    .interactiveMap .anim_map {
        right: 0;
    }
    .interactiveMap .anim_map img{
        width:150px;
    }

    .servicesSlider {
        justify-content: center;
    }


}


@media screen and (max-width: 1024px) {
    .accommodationsList .item {
        width: 600px;
        max-width: 100%;
        padding-bottom: 30px;
        margin: 0 auto;
    }

    .accommodations .accommodationsWrapper{
        background-color: transparent !important;
        background: none !important;
        margin-bottom:50px;
    }

    #initial_header {
        display:none;
    }
    body.menu-open {
        overflow: hidden;
    }

    header{
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        animation: fadeInTop 0.5s ease-out;
    }

    body {
        margin-top: 150px;
    }

    header .container .stickyMenu .logo .mainMenu {
        display: none;
    }

    header .stickyFullMenu > div {
        width: calc(50% - 20px);
    }

    header .stickyFullMenu > div.cta_map {
        width: 100%;
    }

    .interactiveMapMenu {
        margin-top: 20px;
        min-height: 40vw;
    }

    .widget_columns .categorySelector {
        margin: 10px;
        width: 100%;
    }

    .widget_columns .checkinCheckoutContainer {
        width: 100%;
        margin: 10px;
    }

    .widget_columns .peopleContainer {
        width: 100%;
        margin: 10px;
    }

    .widget_side button.searchButton, .widget_columns button.searchButton {
        margin: 20px 10px 10px 10px;
    }

    .comboPopup, .categoriesPopup,
    .widget_columns .datePickerPopup,
    .widget_columns .monthswindow {
         border-radius: 0;
    }


    .accommodationsBlock a {
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        background-blend-mode: multiply;
    }

    .accommodationInfo .double_column > div {
        width:calc(50% - 20px);
    }


    header .container .stickyMenu .logo .secondaryMenu .languagesMenu .languagesList {
        display: none;
        position: absolute;
        top: 50%;
        right: -25px;
        background-color: #fff;
        list-style: none;
        padding: 10px;
        margin: 0;
        box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
        z-index: 10;
        min-width: 60px;
        text-align: center;
        border-radius: 40px;
        transform: translateY(-50%);
    }

    header .container .stickyMenu .logo .secondaryMenu .languagesMenu:hover .languagesList {
        display: flex;
    }

    .imageScrollBlock {
        height: 80vh;
    }


}



@media screen and (max-width: 992px) {
    .servicesList .double_column,
    .facilitiesList .double_column,
    .surroundsList .double_column {
        display: block;
    }
    .servicesList .serviceInfoBlock,
    .facilitiesList .facilityInfoBlock,
    .surroundsList .surroundInfoBlock {
        border-radius: 40px 40px 0 0 ;
        width:100%;
    }

    .serviceImagesBlock, .facilityImagesBlock, .surroundImagesBlock {
        border-radius: 0 0 40px 40px;
        width: 100%;
        aspect-ratio: 4 / 3;
    }
    .serviceImagesBlock .serviceImagesSlider,
    .facilityImagesBlock .facilityImagesSlider,
    .surroundImagesBlock .surroundImagesSlider {
        border-radius: 0 0 40px 40px;
    }
    .servicesList .serviceInfoBlock,
    .facilitiesList .facilityInfoBlock,
    .surroundsList .surroundInfoBlock {
        min-height: initial;
    }

    .homeSlider .container .homeTopSliders .homeTopSliderItem {
        aspect-ratio: 1 / 1;
    }

    .descubreSlider .item .info {
        max-width: 90%;
    }

    .imageScrollBlock .background_items {
        display: none;
    }

    .imageScrollBlock .item {
        width: 100%;
    }

    .imageScrollBlock .item .principal .title {
        opacity: 1;
    }




}




@media screen and (max-width: 799px) {
    .widget_columns .peopleContainer>div.adultsContainer {
        margin-right: 0;
        width: 100%;
    }

    .peopleContainer .comboBox, .categorySelector>span, .icon-chevron-right {
        position: relative;
        padding-right: 0;
        margin-right: 0;
    }

    .childAgeContainer label {
        color: black;
    }
}




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

    .accommodationImages .container img.mobileImage {
        aspect-ratio: 9 / 6;
    }
    .accommodationInfo .double_column {
        flex-direction: column;
    }

    .accommodationInfo .double_column > div {
        width: 100%;
    }

    .accommodationsBlock a {
        width: 100%;
        aspect-ratio: 3 / 4;
        background-position: center;
        background-size: cover;
    }


    .accommodationInfo .double_column .accommodationResumeBlock {
        margin-bottom: 20px;
        order: 1;
    }

    .accommodationInfo .double_column .accommodationDescriptionBlock {
        margin-bottom: 40px;
        order: 0;
    }

    footer ul.footer_menu {
        columns: 2;
    }

    .homeSlider .container .homeTopSliders .homeTopSliderItem {
        aspect-ratio: 7 / 9;
    }

    .homeSlider .container .homeTopSliders .homeTopSliderItem .info {
        margin-bottom:0;
    }
    .homeSlider .container .homeTopSliders .homeTopSliderItem .info .bannerBody {
        display: none;
    }

}

@media (max-width: 576px){
    .stickyMenu .phoneLink {
        display: none;
    }

}

@media (max-width: 415px) {

    footer ul.footer_menu {
        columns: 1;
    }
}