/* CUSTOM CSS REALACAPULCO.COM */

/* BREAKPOINTS
------------------------------------------------------------

Galaxy S10       | 360px 
iPhone SE 2      | 375px
Galaxy Note S20  | 412px  
Kindle Fire HDX  | 800px
iPad OS 14x      | 810px

*/


/* 1120px
------------------------------------------------------------ */

/*
@media (max-width: 1120px) {
  header.content-header .region-primary-menu {
    justify-content: flex-end;
  }
}

@media (max-width: 1120px) {
  header.content-header .region-primary-menu ul li {
    margin: 0 8px 0;
  }
}


@media (max-width: 1120px) {
  header.content-header .region-primary-menu ul li a {
    font-size: 14px;
  }
}


@media (max-width: 1120px) {
  header.content-header .region-primary-menu  {
     top: -17px;
  }
}
 */

/* 1088px
------------------------------------------------------------ */

@media (max-width: 1088px) {
  .info-box,
  .page-node-type-hotel .info-box, 
  .page-node-type-nightclub .info-box,
  .page-node-type-restaurant .info-box {
    width: 100%;
    margin: auto;
  }
}


@media (max-width: 1088px) {
  .info-wrapper,
  .page-node-type-hotel .info-wrapper,
  .page-node-type-nightclub .info-wrapper,
  .page-node-type-restaurant .info-wrapper {
    flex-direction: column-reverse;
  }
}


@media (max-width: 1088px) {
  #block-realaca-mainnavigation {
    position: relative;
    left: 20px;
    top: 1px;
  }
  header.content-header .region-primary-menu ul li {
    margin: 0 7px 0;
  }
  header.content-header .region-primary-menu ul li a { 
    font-size: 15px;
  )
}


@media (max-width: 1088px) {
  #block-realaca-home {
    position: relative;
    top: 2px;
    left: -10px;
  }
}


/* 1000px
------------------------------------------------------------ */

@media (max-width: 1000px) {
  header.content-header .region-primary-menu {
    top: -20px;
  }
}

@media (max-width: 1000px) {
  #block-realaca-mainnavigation ul li a,
  #block-realaca-home ul li a {
    font-size: 13px;   
  }
  header.content-header .region-primary-menu ul li {
    margin: 0 5px 0;
  }
}


@media (max-width: 1000px) {
  #block-realaca-mainnavigation {
    position: relative;
    left: 30px;
    top: 2px;
  }
  #block-realaca-home {
    position: relative;
    left: -30px;
    top: 3px;
  }
}


/* 950px
------------------------------------------------------------ */

@media (max-width: 950px) {
  .intro-box {
    gap: 10px;
    flex-direction: column-reverse;
  }
}

@media (max-width: 950px) {
  header.content-header .region-header .site-logo {
    left: 50px;
  }
}


/* 925px
------------------------------------------------------------ */

@media (max-width: 925px) {
  .promo-box,
  .page-node-type-hotel .promo-box,
  .page-node-type-restaurant .promo-box {
    flex-direction: column;
  }
}



/* 880px
------------------------------------------------------------ */

@media (max-width: 880px) {
  header.content-header .region-header .site-logo {
    left: 20px;
  }
}


@media (max-width: 880px) {
  .view-real-estate .view-content .views-row {
    flex-direction: column;
    margin: 50px 0;
    text-align: center;
  }
}


/* 835px
------------------------------------------------------------ */

@media (max-width: 835px) {
  #block-realaca-casabuenosaires {
    display: none;
  }
}

@media (max-width: 835px) {
  header.content-header .region-header .site-logo {
    left: 50px;
  }
}

@media (max-width: 835px) {
  .region.region-featured {
    margin: 30px 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

@media (max-width: 835px) {
  #block-realaca-casabuenosaires-2 {
    display: inherit;
    flex-shrink: inherit;
    position: inherit;
    padding: 20px 10px;
  }
}


/* 768px
------------------------------------------------------------ */

@media (max-width: 768px) {
  #block-realaca-home,
  .total-tabs-wrapper, 
  .region-language-switcher {
    display: none;
  }
  #block-realaca-languageswitcher-2 {
    display: block;
    width: 100%;
    text-align: right;
  }
}

@media (max-width: 768px) {
  .page-node-type-category .intro-wrapper .field--name-field-main-image img {
    width: 100%;
    height: auto;
  }
}


/* 750px
------------------------------------------------------------ */

@media (max-width: 750px) {
  .page-node-type-category .intro-wrapper {
    display: flex;
    justify-content: center;
    background-color: #e5dbd0;
    padding: 30px 15px;
    margin: 0 auto 20px;
    align-items: center;
    flex-direction: column-reverse;
    gap: 20px;
    text-align: center;
  }
}


@media (max-width: 750px) {
  #block-realaca-adsense970x2509469346375 {
    display: none;
  }
}

@media (max-width: 750px) {
  #block-realaca-casabuenosaires-2 .ba-logo {
    display: none;
  }
}

@media (max-width: 750px) {
  .region-gallery {
    display: none;
  }
}

@media (max-width: 750px) {
  .region.region-adsense-1,
  .region.region-adsense-3 {
    display: none;
  }
}

@media (max-width: 750px) {
  .region.region-adsense-5,
  .region.region-adsense-6 {
    display: flex;
    justify-content: center;
  }
}


/* 700px
------------------------------------------------------------ */

@media (max-width: 700px) {
  .field--name-field-main-image .field__item img {
    width: 100%;
    height: auto;
    max-height: 300px;
    object-fit: contain;
  }
}

/* 660px
------------------------------------------------------------ */

@media (max-width: 660px) {
  #block-realaca-casabuenosaires-2 .ba-teaser {
    display: none;
  }
}

@media (max-width: 660px) {
  .page-node-type-property .contact-info {
    justify-content: center;
  }
}


/* 600px
------------------------------------------------------------ */

@media (max-width: 600px) {
  .region-email-list,
  .page-node-1 .region-email-list {
    display: flex;
    justify-content: center;
    padding: 0 20px;
    margin-bottom: 20px;
  }
}

@media (max-width: 600px) {
  #block-realaca-page-title {
    text-align: center;
    margin-bottom: 40px;
  }
}

@media (max-width: 600px) {
  .page-node-type-hotel .promo-box .tripadvisor {
    flex-direction: column;
    text-align: center;
  }
}

@media (max-width: 600px) {
  .bottom-container {
    flex-direction: column;
    gap: 0;
  }
}


@media (max-width: 600px) {
  .imageFloatR, 
  .imageFloatL {
    float: inherit;
    margin: 20px 0;
    text-align: center;
  }
}


/* 425px
------------------------------------------------------------ */

@media (max-width: 425px) {
  .page-node-1 .view-home-page .view-content,
  .view-cuisine-embed.view-display-id-embed_1 .view-content {
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(275px,1fr));
    grid-gap: 40px;
    padding: 0;
    margin: auto;
  }
  .region.region-featured {
    margin: 0;
  }
  .page-node-1 .region.region-featured {
    margin: 0 0 -20px 0;
  }
}