/*
VARIABLES */
/* RESPONSIVE HIDE/SHOW */
@media (min-width: 768px) {
  .hide_sm {
    display: none !important;
  }
}
@media (min-width: 1025px) {
  .hide_md {
    display: none !important;
  }
}
@media (min-width: 1281px) {
  .hide_lg {
    display: none !important;
  }
}
@media (min-width: 1681px) {
  .hide_xlg {
    display: none !important;
  }
}
/* END RESPONSIVE HIDE/SHOW */
@media (orientation: landscape) {
  .image_bg_top .popup_content.scroll_content_scrollable,
  .image_bg_bottom .popup_content.scroll_content_scrollable,
  .image_bg_left .popup_content.scroll_content_scrollable,
  .image_bg_right .popup_content.scroll_content_scrollable {
    height: 55%;
  }
}
@media (orientation: portrait) {
  .image_bg_top .popup_content.scroll_content_scrollable,
  .image_bg_bottom .popup_content.scroll_content_scrollable,
  .image_bg_left .popup_content.scroll_content_scrollable,
  .image_bg_right .popup_content.scroll_content_scrollable {
    height: 65%;
  }
}
@media (min-width: 768px) {
  .progetto_loghi_partners_container {
    row-gap: 4%;
  }
  .progetto_loghi_partners_container .brxe-block {
    flex-basis: 23.5%;
  }
}
@media (min-width: 768px) and (orientation: landscape) {
  .image_bg_bottom .popup_image_bg,
  .image_bg_top .popup_image_bg {
    height: 30%;
  }
  .image_bg_top .popup_content.scroll_content_scrollable,
  .image_bg_bottom .popup_content.scroll_content_scrollable,
  .image_bg_left .popup_content.scroll_content_scrollable,
  .image_bg_right .popup_content.scroll_content_scrollable {
    height: 45%;
  }
}
@media (min-width: 768px) and (orientation: portrait) {
  h2 {
    font-size: 1.8rem;
    line-height: 1.4;
  }
}
@media (min-width: 1025px) {
  body {
    font-size: 14px;
  }
  h4 {
    font-size: 1.5rem;
  }
  .scrollable_icon {
    width: 30px;
    height: 50px;
    left: calc(50% - 15px);
    bottom: 40px;
  }
  .scroll_content.scroll_content_scrollable {
    margin-bottom: 0px;
  }
  .scrollable_icon::before {
    left: 8px;
  }
  .btn_small {
    font-size: 1.5rem;
  }
  .btn_medium {
    font-size: 1.8rem;
  }
  .btn_big {
    font-size: 3rem;
  }
  .image_bg_bottom .popup_image_bg,
  .image_bg_top .popup_image_bg {
    height: 150px;
  }
}
@media (min-width: 1025px) and (orientation: landscape) {
  .popup_content.scroll_content.scroll_content_scrollable {
    margin-bottom: 0px;
  }
}
@media (min-width: 1281px) {
  html,
  body {
    line-height: 1.5;
  }
  h1 {
    font-size: 3rem;
    line-height: 1.4;
  }
  h2 {
    font-size: 1.8rem;
    line-height: 1.4;
  }
  .home_title {
    margin-bottom: 60px;
  }
  .webdoc_container {
    max-width: 1280px;
  }
  .container_icon_left {
    gap: 30px;
  }
  .container_icon_left .btn {
    margin-top: 0px;
    margin-left: -120px;
  }
  .scroll_content_scrollable:after {
    height: 30px;
  }
  .popup_content.scroll_content.scroll_content_scrollable {
    margin-bottom: 0px;
  }
  .webdoc_popup {
    width: 1280px;
  }
  .webdoc_popup_main {
    margin-top: 30px;
  }
  .webdoc_popup_small {
    width: calc(896px);
  }
  .webdoc_popup .container_icon_left {
    margin-left: -25px;
  }
  .webdoc_popup .container_icon_left .btn_icon {
    display: block;
  }
  .popup_content,
  .webdoc_popup,
  .webdoc_popup_small {
    padding: 30px 40px;
  }
  .webdoc_popup.image_bg_top {
    padding: 0;
  }
  .image_bg_bottom .popup_image_bg,
  .image_bg_top .popup_image_bg {
    height: 250px;
  }
  .close_popup {
    width: 50px !important;
    height: 50px;
    top: 30px;
    right: 30px;
  }
  .close_popup i {
    font-size: 1.5rem;
  }
  .brx-popup-content {
    font-size: 1.5rem;
  }
  .brxe-button {
    padding: .5em 2em .8em 2em;
  }
}
@media (min-width: 1681px) {
  .home_title {
    font-size: 3.75rem;
  }
  .webdoc_container {
    max-width: 1640px;
  }
  .webdoc_popup {
    width: calc(1230px);
  }
  .webdoc_popup_small {
    width: calc(820px);
  }
  .popup_content,
  .webdoc_popup,
  .webdoc_popup_small {
    padding: 50px 60px;
  }
  .image_bg_bottom .popup_image_bg,
  .image_bg_top .popup_image_bg {
    height: 400px;
  }
  .webdoc_popup .container_icon_left .btn_icon {
    font-size: 2.5em;
  }
  .close_popup i {
    font-size: 1.8rem;
  }
}