html {
  -webkit-text-size-adjust: 100%;
  scroll-padding-top: 76px;
}

body {
  overflow-x: hidden;
}

video,
iframe,
img {
  max-width: 100%;
}

button,
a,
input,
select,
textarea {
  touch-action: manipulation;
}

@media all and (max-width: 768px) {
  body {
    min-width: 0;
  }

  .wrapper {
    width: calc(100% - 32px) !important;
    max-width: 100% !important;
  }

  section {
    padding: 2.4rem 0;
  }

  h1,
  h2,
  h3 {
    line-height: 1.15;
  }

  p {
    font-size: 1.6rem;
    line-height: 1.55;
  }

  a,
  button,
  input,
  select,
  textarea {
    font-size: 16px !important;
  }

  header {
    min-height: 64px;
  }

  header .wrapper {
    min-height: 46px;
  }

  header .logo img {
    width: 112px;
    max-width: 34vw;
    height: auto;
  }

  header nav a.responsive-button,
  a.responsive-button {
    width: 44px;
    height: 44px;
    min-width: 44px;
    min-height: 44px;
  }

  header nav .main-menu.openResponsiveMenu {
    width: 100vw;
    max-width: 100vw;
    height: 100dvh;
    right: 0;
    left: auto;
  }

  html[lang="en-US"] header nav .main-menu.openResponsiveMenu,
  html[lang="fr"] header nav .main-menu.openResponsiveMenu {
    right: auto;
    left: 0;
  }

  header nav ul.openResponsiveMenu {
    width: 100%;
    max-width: 100%;
  }

  header nav ul.openResponsiveMenu > li > a {
    min-height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .sticky-contact-form-btn {
    top: 72px;
    left: -47px;
    width: 134px;
    height: 40px;
    line-height: 40px;
  }

  #sectionfirst .video {
    margin-top: 0;
  }

  #sectionfirst .video video {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  #sectionsecond .wrapper,
  #sectionfourth .wrapper,
  #sectionseven .wrapper,
  #sectioneleven .wrapper,
  #sectionfourteen .wrapper {
    display: flex;
    flex-direction: column;
    gap: 2rem;
  }

  #sectionsecond .right-side,
  #sectionsecond .left-side,
  #sectionfourth .right-side,
  #sectionfourth .left-side,
  #sectionseven .right-side,
  #sectionseven .left-side,
  #sectioneleven .right-side,
  #sectioneleven .left-side,
  #sectionfourteen .right-side,
  #sectionfourteen .left-side {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  #sectionsecond .right-side article,
  #sectionsecond .left-side p,
  #sectionfourth .inside-side-container,
  #sectionseven .inside-side-container,
  #sectioneleven .inside-side-container {
    width: 100%;
    max-width: 100%;
  }

  #sectionsecond .right-side article p,
  #sectionfourth .right-side .inside-side-container p,
  #sectionseven .left-side p,
  #sectioneleven .left-side article p {
    text-align: left;
  }

  html[lang="he-IL"] #sectionsecond .right-side article p,
  html[lang="he-IL"] #sectionfourth .right-side .inside-side-container p,
  html[lang="he-IL"] #sectionseven .left-side p,
  html[lang="he-IL"] #sectioneleven .left-side article p {
    text-align: right;
  }

  #sectionsecond .left-side p {
    float: none;
    display: block;
    font-size: clamp(3.8rem, 11vw, 5.2rem);
    line-height: 1.05;
    letter-spacing: -0.03em;
    overflow-wrap: normal;
    word-break: normal;
  }

  #sectionthree {
    min-height: 360px;
  }

  #sectionsix nav.image-nav ul {
    gap: 1rem;
  }

  #sectionsix nav.image-nav ul li button,
  #sectionten .main-buildings-image .show-build-apratments,
  .wpcf7 form input[type="submit"] {
    min-height: 48px;
  }

  #sectionten .main-buildings-image {
    gap: 0.8rem;
  }

  #sectionten .main-buildings-image .show-build-apratments {
    width: 100%;
    flex: 1 1 0;
  }

  #sectionthirteen .two-sides {
    width: 100%;
    flex-direction: column;
    gap: 3rem;
  }

  #sectionthirteen .two-sides .left-side,
  #sectionthirteen .two-sides .right-side {
    width: 100%;
  }

  #sectionthirteen .mini-slider img {
    width: 100%;
    height: auto;
  }

  #sectionfourteen .wrapper h2 {
    margin-bottom: 2rem;
  }

  #sectionfourteen .wrapper .left-side {
    min-height: 360px;
    background-size: cover;
    background-position: center;
  }

  .wpcf7 form > p {
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
    margin-bottom: 1.8rem;
  }

  .wpcf7 form label {
    width: 100% !important;
  }

  .phone-input-group {
    flex-direction: column;
    gap: 0.8rem !important;
  }

  .phone-input-group .wpcf7-form-control-wrap,
  .phone-input-group .country-code-select-wrap {
    width: 100% !important;
    flex: 1 1 auto !important;
  }

  .wpcf7 form input,
  .wpcf7 form select,
  .wpcf7 form textarea {
    width: 100%;
    min-height: 48px;
    border-radius: 0;
  }

  .wpcf7 form textarea {
    min-height: 132px;
  }

  .popup-fixed-container .popup-container {
    width: calc(100% - 24px);
    max-height: 100dvh;
    overflow-y: auto;
    padding: 8rem 2rem 3rem;
  }

  .popup-fixed-container .popup-container button.close-popup {
    min-width: 44px;
    min-height: 44px;
  }

  .popup-fixed-container .popup-details-container {
    width: calc(100% - 24px);
    top: 0;
    transform: translate(-50%, 0);
    max-height: 100dvh;
  }

  footer p {
    padding: 0 1.6rem;
    line-height: 1.6;
  }
}

@media all and (max-width: 480px) {
  .wrapper {
    width: calc(100% - 24px) !important;
  }

  #sectionsecond .left-side p {
    font-size: clamp(3.4rem, 12vw, 4.6rem);
  }

  #sectionten .main-buildings-image {
    flex-direction: column;
  }
}