:root {
  --white: white;
  --dark-khaki: #a29f58;
  --black: black;
  --olive: #939050;
  --black-2: #333;
  --white-smoke-2: #efefef;
  --dark-khaki-2: #9e994a00;
  --dark-grey: #999;
  --white-smoke: #efefef;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.w-embed-youtubevideo {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/youtube-placeholder.2b05e7d68d.svg');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  position: relative;
}

.w-embed-youtubevideo:empty {
  min-height: 75px;
  padding-bottom: 56.25%;
}

h2 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Playfair Display, sans-serif;
  font-size: 48px;
  font-weight: 500;
  line-height: 48px;
}

p {
  margin-bottom: 10px;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 30px;
}

strong {
  font-weight: bold;
}

blockquote {
  border-left: 5px solid #e2e2e2;
  margin-bottom: 10px;
  padding: 10px 20px;
  font-size: 18px;
  line-height: 22px;
}

.body {
  background-color: var(--white);
}

.home_nav {
  padding: 15px 20px 20px;
}

.dropdown_nav {
  text-transform: uppercase;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 700;
}

.nav_link {
  text-transform: uppercase;
  cursor: pointer;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 700;
}

.nav_link.w--current {
  color: var(--dark-khaki);
}

.home_hero_banner {
  background-image: linear-gradient(to right, #00000080, #0000002b), url('../images/4-HORIZONTAL-WALLBED-WALLNUT-scaled-1.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  height: auto;
  position: relative;
}

.navbar {
  background-color: var(--white);
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
  display: block;
}

.dropdown-toggle {
  font-size: 16px;
}

.dropdown-toggle:hover {
  color: var(--black);
}

.default-container {
  max-width: 75%;
}

.default-container.menu {
  align-items: center;
  display: flex;
}

.nav-menu {
  text-align: right;
  justify-content: space-between;
  align-items: center;
  width: auto;
  display: flex;
}

.div-block {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.single-dropdown-list.w--open {
  border-top: 3px solid var(--dark-khaki);
  background-color: var(--white);
  padding: 24px;
  box-shadow: 0 2px 11px #0003;
}

.single-dropdown-list.mega.w--open {
  width: 45vw;
}

.left-column {
  margin-top: 25px;
  margin-bottom: 25px;
}

.left-column:hover {
  color: var(--black);
}

.right-column {
  margin-top: 25px;
  margin-bottom: 25px;
}

.div-block-2 {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  justify-content: flex-start;
  display: flex;
}

.div-block-2:hover {
  color: var(--black);
}

.mega-heading {
  margin-bottom: 13px;
}

.mega-heading:hover {
  color: var(--black-2);
}

.mega-menu-item {
  text-align: left;
  padding-left: 0;
  padding-right: 0;
  font-weight: 400;
}

.mega-menu-item.w--current {
  color: var(--dark-khaki);
}

.dropdown-link {
  color: var(--black);
  font-weight: 400;
}

.dropdown-link.w--current {
  color: var(--dark-khaki);
}

.dropdown-link-2 {
  font-weight: 400;
}

.dropdown-link-2.w--current {
  color: var(--dark-khaki);
}

.dropdown-link-3 {
  font-weight: 400;
}

.dropdown-link-3.w--current {
  color: var(--dark-khaki);
}

.cta-grid-in-hero {
  grid-column-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%;
  max-width: 75%;
}

.vertical {
  background-color: #a29f58;
  padding-top: 30px;
  padding-bottom: 30px;
  text-decoration: none;
  box-shadow: 0 2px 6px #0006;
}

.horizontal {
  background-color: #c6c56b;
  padding-top: 30px;
  padding-bottom: 30px;
  text-decoration: none;
  box-shadow: 0 2px 6px #0006;
}

.couch {
  background-color: #cdd193;
  padding-top: 30px;
  padding-bottom: 30px;
  text-decoration: none;
  box-shadow: 0 2px 6px #0006;
}

.cta-hero-title {
  color: var(--white);
  text-align: center;
  text-shadow: 0 1px 5px #00000078;
  font-family: Playfair Display, sans-serif;
  font-size: 20px;
  line-height: 30px;
}

.div-block-3 {
  background-color: var(--black);
  width: 32%;
  color: var(--dark-khaki);
  text-align: center;
  text-transform: uppercase;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  line-height: 30px;
}

.div-block-3.main {
  width: auto;
  color: var(--white-smoke-2);
  padding: 13px;
}

.div-block-3.main.white {
  color: var(--white);
}

.div-block-3.hero {
  width: 33%;
}

.text-block {
  color: var(--white-smoke-2);
}

.text-block.white {
  color: var(--white);
}

.heading {
  color: var(--white);
  text-transform: uppercase;
  text-shadow: 0 0 .19em #0006;
  margin-top: 15px;
  margin-bottom: 28px;
  font-family: Playfair Display, sans-serif;
  font-size: 100px;
  line-height: 120px;
}

.heading.subs {
  text-transform: none;
  margin-bottom: 37px;
  font-size: 56px;
  line-height: 68px;
}

.hero-container {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 75%;
  height: 90%;
  display: flex;
}

.hero-container.home {
  display: block;
}

.div-block-4 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 31px;
  display: flex;
  position: absolute;
  inset: auto 0% -9%;
}

.div-block-5 {
  background-image: linear-gradient(32deg, #99999982, #0000);
  margin-top: 49px;
  padding-top: 56px;
  padding-bottom: 73px;
  padding-left: 62px;
}

.std-section {
  padding-top: 80px;
  padding-bottom: 80px;
}

.std-container {
  max-width: 75%;
}

.text-and-image-grid {
  grid-column-gap: 45px;
  grid-template-rows: auto;
  margin-top: 64px;
  margin-bottom: 40px;
}

.content-wrapper {
  flex-direction: column;
  align-items: flex-start;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.image-wrapper.home {
  background-image: url('../images/9-COUCH-WALLBED-DOUBLE1.webp');
  background-position: 50%;
  background-size: cover;
  border-radius: 0;
  box-shadow: 0 2px 9px #00000075;
}

.image-wrapper.home.rich {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  box-shadow: none;
  background-image: none;
  flex-direction: column;
  display: flex;
}

.image-wrapper.home.rich.image {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.image-wrapper.home.rich.image._2 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  width: auto;
  height: auto;
}

.paragraph {
  margin-top: 21px;
  margin-bottom: 28px;
}

.paragraph.subheading {
  color: var(--dark-khaki);
  text-align: center;
  font-size: 22px;
  font-weight: 700;
}

.services-image-section {
  background-image: linear-gradient(53deg, #efefefb3, #fff), url('../images/2-HORIZONTAL-WALLBED-WALLNUT-scaled.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  padding-top: 80px;
  padding-bottom: 80px;
  position: relative;
}

.services-grid {
  grid-column-gap: 35px;
  grid-row-gap: 39px;
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%;
  margin-top: 39px;
}

.centered_div {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-6 {
  background-color: var(--white);
  box-shadow: 0 2px 14px #0003;
}

.services-div-header {
  margin-top: 0;
  margin-bottom: 23px;
  font-family: Playfair Display, sans-serif;
  font-size: 25px;
  font-weight: 500;
  line-height: 25px;
}

.div-block-7 {
  padding: 26px;
}

.services-div-links {
  color: var(--dark-khaki);
  margin-top: 16px;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 30px;
  text-decoration: none;
  display: block;
}

.top-divider {
  position: absolute;
  inset: -17% 0% auto;
}

.bottom-divider {
  position: absolute;
  inset: auto 0% 0%;
}

.main-cta-section {
  padding-top: 80px;
  padding-bottom: 80px;
}

.main-cta-section.subs {
  background-color: var(--white-smoke-2);
}

.heading-wrapper {
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 41px;
  margin-bottom: 30px;
  display: flex;
}

.div-block-8 {
  background-color: var(--black);
  height: 2px;
}

.heading-divider {
  background-color: var(--black);
  width: 100%;
  height: 2px;
}

.heading-divider.cta-component {
  width: 1%;
}

.div-block-9 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.heading-2 {
  text-align: center;
  width: 240%;
  margin-top: 0;
}

.heading-2.cta-element {
  width: auto;
  margin-top: 18px;
}

.primary-button {
  background-color: var(--dark-khaki);
  text-align: center;
  letter-spacing: 0;
  border-radius: 50px;
  width: 250px;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  transition: all .4s;
}

.primary-button:hover {
  letter-spacing: 2px;
}

.primary-button.services {
  width: 340px;
}

.primary-button.services.innovation {
  margin-top: 23px;
}

.div-block-10 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  margin-top: 19px;
  display: flex;
}

.footer {
  background-image: linear-gradient(#0000009e, #0000009e), url('../images/Footer-Image.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  padding-top: 80px;
  padding-bottom: 33px;
}

.footer-grid {
  grid-column-gap: 39px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.column-heading {
  color: var(--white);
  font-family: Playfair Display, sans-serif;
  font-size: 20px;
  font-weight: 700;
}

.divider-line {
  background-color: var(--white);
  height: 2px;
  margin-top: 20px;
}

.footer-paragraph-text {
  color: var(--white);
  margin-top: 20px;
  font-size: 18px;
}

.footer-paragraph-text.black {
  color: var(--black);
}

.div-block-11 {
  margin-top: 20px;
  text-decoration: none;
  display: flex;
}

.image {
  width: 30px;
  height: 30px;
}

.paragraph-2 {
  color: var(--white);
  margin-bottom: 0;
  margin-left: 8px;
}

.paragraph-2.black {
  color: var(--black);
}

.div-block-12 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  margin-top: 20px;
  display: flex;
}

.social-icon {
  background-color: var(--dark-khaki);
  border-radius: 50%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  display: flex;
}

.image-2 {
  width: 70%;
}

.copyright-divider {
  background-color: var(--white);
  width: 100%;
  height: 2px;
  margin-top: 68px;
}

.copyright {
  color: var(--white);
  text-align: center;
  margin-top: 56px;
}

.link {
  color: var(--white);
  font-weight: 500;
  text-decoration: none;
}

.subpages-banner {
  background-image: linear-gradient(to right, #00000080, #0000002b), url('../images/4-HORIZONTAL-WALLBED-WALLNUT-scaled-1.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  height: auto;
  position: relative;
}

.subpages-banner.vertiical-wallbed {
  background-image: linear-gradient(#00000080, #00000080), url('../images/3-WALLBED-VERTICAL-OAK-VENEER-OPEN-1-scaled.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 5vw;
  padding-bottom: 5vw;
  display: flex;
}

.subpages-banner.horizontal-wallbed {
  background-image: linear-gradient(#00000080, #00000080), url('../images/wallbed2-1.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 5vw;
  padding-bottom: 5vw;
  display: flex;
}

.subpages-banner.couch-wallbed {
  background-image: linear-gradient(#00000080, #00000080), url('../images/4-COUCH-WALLBED-DOUBLE-scaled.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 5vw;
  padding-bottom: 5vw;
  display: flex;
}

.subpages-banner.belitic-wallbeds {
  background-image: linear-gradient(#00000080, #00000080), url('../images/2-BELITEC-ELECTRONIC-BED-OPEN-scaled.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 5vw;
  padding-bottom: 5vw;
  display: flex;
}

.subpages-banner.mattresses {
  background-image: linear-gradient(#00000080, #00000080), url('../images/MEDI-REST-BLUE-COMFORTABLE-SLEEP-scaled.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 5vw;
  padding-bottom: 5vw;
  display: flex;
}

.subpages-banner.lighting {
  background-image: linear-gradient(#00000080, #00000080), url('../images/2-LIGHTING-IN-WALLBED-OFF-scaled.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 5vw;
  padding-bottom: 5vw;
  display: flex;
}

.subpages-banner.space-saving-furniture {
  background-image: linear-gradient(#00000080, #00000080), url('../images/5-COFFEE-DESK-COMBO-3-scaled.jpg');
  background-position: 0 0, 50% 30%;
  background-size: auto, cover;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 5vw;
  padding-bottom: 5vw;
  display: flex;
}

.subpages-banner.contact, .subpages-banner.thank-you {
  background-image: linear-gradient(#00000080, #00000080), url('../images/4-HORIZONTAL-WALLBED-WALLNUT-scaled-1.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 5vw;
  padding-bottom: 5vw;
  display: flex;
}

.subpages-banner.handles {
  background-image: linear-gradient(#00000080, #00000080), url('../images/handles.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 5vw;
  padding-bottom: 5vw;
  display: flex;
}

.subpages-banner.colors {
  background-image: linear-gradient(#00000080, #00000080), url('../images/4-COUCH-WALLBED-DOUBLE-scaled.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 5vw;
  padding-bottom: 5vw;
  display: flex;
}

.paragraph-3 {
  margin-top: 12px;
  margin-bottom: 16px;
}

.services-rich-text {
  margin-top: 26px;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 30px;
}

.services-rich-text blockquote {
  border-left-color: var(--dark-khaki);
  font-style: italic;
  display: none;
}

.services-rich-text strong {
  font-family: Playfair Display, sans-serif;
}

.services-rich-text.no-spacing {
  margin-top: 0;
}

.services-rich-text.tab-rich {
  margin-bottom: 24px;
}

.heading-3 {
  margin-top: 0;
}

.heading-3.green-header {
  color: var(--dark-khaki);
  margin-top: 24px;
  font-family: Playfair Display, sans-serif;
  font-size: 30px;
  font-weight: 500;
}

.heading-3.centered {
  text-align: center;
}

.div-block-13 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 53px;
  display: flex;
}

.mattress-image {
  width: 100%;
  height: 100%;
}

._2image-grid {
  grid-template-rows: auto;
  width: 100%;
  margin-bottom: 54px;
}

.html-embed {
  margin-top: 45px;
}

.grey-section {
  background-color: var(--white-smoke-2);
  padding-top: 80px;
  padding-bottom: 80px;
}

.div-block-14 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.contact-form-grid.home {
  background-image: url('../images/9-COUCH-WALLBED-DOUBLE1.webp');
  background-position: 50%;
  background-size: cover;
  border-radius: 0;
  box-shadow: 0 2px 9px #00000075;
}

.contact-form-grid.home.rich {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  box-shadow: none;
  background-image: none;
  flex-direction: column;
  display: flex;
}

.contact-form-grid.home.rich.image {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.contact-form-grid.home.rich.image._2 {
  width: auto;
  height: auto;
}

.html-embed-2 {
  margin-top: 29px;
  box-shadow: 0 2px 8px #00000073;
}

.enquiry-header {
  font-family: Playfair Display, sans-serif;
  font-size: 26px;
  font-weight: 500;
}

.map-grid {
  grid-column-gap: 45px;
  grid-template-rows: auto;
  grid-template-columns: 2.5fr 1fr;
  margin-top: 64px;
  margin-bottom: 40px;
}

.html-embed-3 {
  width: 100%;
  margin-top: 26px;
}

.galleries-grid {
  grid-column-gap: 45px;
  grid-template-rows: auto;
  margin-top: 64px;
  margin-bottom: 40px;
}

.div-block-15 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.galleries-anchor-title {
  margin-top: 26px;
  font-family: Playfair Display, sans-serif;
  font-size: 28px;
}

.image-3 {
  box-shadow: 0 2px 11px #0000008f;
}

.html-embed-4 {
  margin-top: 71px;
}

.tabs {
  margin-top: 84px;
}

.tab-menu-item {
  background-color: var(--white);
  text-align: center;
  font-family: Roboto, sans-serif;
  font-size: 15px;
  font-weight: 700;
  transition: all .4s;
}

.tab-menu-item:hover {
  background-color: var(--dark-khaki);
  color: var(--white);
}

.tab-menu-item.w--current {
  background-color: var(--dark-khaki);
  color: var(--white);
  font-size: 15px;
}

.tab-menu {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  display: grid;
}

.tab-menu._2 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: center;
}

.tab-menu._2.middle {
  display: flex;
}

.tabs-content {
  border-top: 1px solid #000;
  margin-top: 55px;
}

.tabs-content-grid {
  grid-column-gap: 45px;
  grid-template-rows: auto;
  margin-top: 64px;
  margin-bottom: 40px;
}

.tab-content-divider {
  background-color: var(--black);
  width: 100%;
  height: 1px;
}

.heading-4 {
  margin-top: 0;
  margin-bottom: 29px;
  font-family: Playfair Display, sans-serif;
  font-weight: 500;
}

.heading-4.alt {
  font-size: 28px;
  font-weight: 400;
}

.technical-slider {
  background-color: var(--white);
  border: 1px solid #0000004f;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.slide-nav {
  color: var(--dark-khaki);
  background-color: #0000;
  display: none;
}

.left-arrow, .right-arrow {
  color: var(--black);
}

.div-block-16 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 70%;
  height: 100%;
  margin-left: 75px;
  margin-right: 68px;
  padding-right: 0;
  display: flex;
}

.image-4 {
  margin-left: 32px;
}

.div-block-17 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.html-embed-5 {
  width: 100%;
  margin-top: 36px;
}

.handles-grid {
  grid-column-gap: 19px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  margin-top: 64px;
  margin-bottom: 40px;
}

.div-block-18 {
  width: 100%;
  position: relative;
  box-shadow: 0 2px 4px #0000007d;
}

.div-block-19 {
  opacity: 0;
  cursor: pointer;
  background-color: #999999ab;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  transition: opacity .4s;
  display: flex;
  position: absolute;
  inset: 0%;
}

.div-block-19:hover {
  opacity: 1;
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: auto;
  display: flex;
}

.text-block-2 {
  margin-top: 20px;
  margin-bottom: 28px;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  line-height: 30px;
}

.colors-grid {
  grid-column-gap: 45px;
  grid-template-rows: auto;
  grid-template-columns: 2.25fr 1fr;
  margin-top: 64px;
  margin-bottom: 40px;
}

.div-block-20 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.footer-link {
  color: var(--white);
  text-decoration: none;
}

.diy {
  width: 100%;
  height: auto;
}

.quick-stack {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex: 1;
  width: 100%;
  max-width: 100%;
}

.div-block-21 {
  background-image: url('../images/DIY-KIT.jpg');
  background-position: 50%;
  background-size: cover;
}

.cell {
  background-image: url('../images/SA-Wallbeds-DIY-kit2.jpg');
  background-position: 0 0;
  background-size: cover;
}

.cell-2 {
  background-image: url('../images/DIY-KIT.jpg');
  background-position: 50%;
  background-size: cover;
  justify-content: center;
  align-items: center;
}

.cell-3 {
  background-image: url('../images/SA-Wallbeds-DIY-kit.jpg');
  background-position: 50%;
  background-size: cover;
}

.diy-kit-image {
  background-image: url('../images/DIY-KIT.jpg');
  background-position: 50%;
  background-size: cover;
  width: 90%;
  max-width: 100%;
  height: 300px;
}

.diy-grid {
  grid-column-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  margin-top: 20px;
  margin-bottom: 40px;
}

.grid {
  grid-template-rows: auto;
}

.diy-image-div {
  background-image: url('../images/SA-Wallbeds-DIY-kit.jpg');
  background-position: 50%;
  background-size: cover;
}

.diy-image-div._1 {
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 400px;
}

.diy-image-div._2 {
  background-image: url('../images/SA-Wallbeds-DIY-kit2.jpg');
  background-repeat: no-repeat;
  background-size: contain;
  justify-content: center;
  align-items: center;
  display: flex;
}

@media screen and (min-width: 1920px) {
  .navbar, .default-container.menu {
    display: block;
  }

  .nav-menu {
    text-align: right;
    justify-content: flex-end;
    align-items: center;
    width: auto;
    display: flex;
  }

  .div-block {
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .single-dropdown-list.mega.w--open {
    width: 32vw;
  }

  .single-dropdown-list.mega.w--open:hover {
    color: var(--black);
  }

  .div-block-2 {
    width: 80%;
  }

  .hero-container {
    max-width: 75%;
  }

  .image-5, .image-7 {
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .text-and-image-grid, .diy-grid, .grid {
    flex-flow: column;
    display: flex;
  }

  .diy-image-div._2 {
    width: 100%;
    height: 300px;
  }
}

@media screen and (max-width: 479px) {
  .home_nav.w--current {
    margin-left: 20px;
    display: flex;
  }

  .dropdown_nav {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-left: 20px;
    display: block;
  }

  .nav_link {
    margin-left: 20px;
    display: block;
  }

  .nav_link.mobile {
    display: none;
  }

  .dropdown-toggle {
    display: block;
  }

  .nav-menu {
    border-top: 3px solid var(--olive);
    background-color: var(--white);
    justify-content: center;
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .single-dropdown-list.w--open {
    position: static;
  }

  .single-dropdown-list.mega.w--open {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-left: 0;
    display: flex;
    position: static;
  }

  .left-column {
    margin-bottom: -23px;
  }

  .div-block-2 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-direction: column;
  }

  .cta-grid-in-hero {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .vertical, .horizontal, .couch {
    width: 100%;
  }

  .div-block-3.hero {
    width: 80%;
  }

  .heading {
    font-size: 45px;
    line-height: 50px;
  }

  .heading.subs {
    text-align: center;
    font-size: 42px;
    line-height: 50px;
  }

  .hero-container.home {
    max-width: 90%;
  }

  .div-block-4 {
    bottom: -63%;
  }

  .div-block-5 {
    margin-top: 24px;
  }

  .std-section {
    padding: 60px 10px;
  }

  .std-container {
    max-width: 85%;
  }

  .text-and-image-grid {
    flex-direction: column;
    margin-top: 0;
    display: flex;
  }

  .image-wrapper.home {
    height: 300px;
  }

  .services-grid {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .heading-divider {
    display: none;
  }

  .heading-2.cta-element {
    font-size: 36px;
    line-height: 40px;
  }

  .div-block-10 {
    flex-direction: column;
  }

  .footer-grid {
    flex-direction: column;
    align-items: flex-start;
    display: flex;
  }

  .subpages-banner.vertiical-wallbed, .subpages-banner.horizontal-wallbed, .subpages-banner.couch-wallbed, .subpages-banner.belitic-wallbeds, .subpages-banner.mattresses, .subpages-banner.space-saving-furniture, .subpages-banner.contact, .subpages-banner.thank-you, .subpages-banner.handles, .subpages-banner.colors {
    padding-top: 14vw;
    padding-bottom: 14vw;
  }

  .heading-3 {
    font-size: 38px;
    line-height: 40px;
  }

  ._2image-grid {
    flex-direction: column;
    display: flex;
  }

  .contact-form-grid {
    width: 100%;
    height: 500px;
  }

  .html-embed-2 {
    width: 100%;
    height: 400px;
  }

  .map-grid {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .galleries-grid {
    grid-column-gap: 100px;
    grid-row-gap: 100px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .tabs.colors {
    margin-top: -12px;
  }

  .tab-menu {
    flex-direction: column;
    align-items: stretch;
    display: flex;
  }

  .tabs-content-grid {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .handles-grid {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .utility-page-content {
    width: 80%;
  }

  .colors-grid {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .image-6 {
    width: 55%;
  }

  .menu-button {
    color: var(--dark-khaki);
  }

  .menu-button.w--open {
    background-color: var(--dark-khaki);
    color: var(--white);
  }

  .html-embed-6 {
    display: none;
  }

  .dropdown-toggle-2, .dropdown-toggle-3 {
    display: block;
  }

  .mobile {
    display: none;
  }

  .image-8, .image-9 {
    height: 100%;
  }

  .image-10 {
    display: none;
  }

  .image-11, .youtube {
    height: 100%;
  }

  .html-embed-7, .html-embed-8, .html-embed-9, .html-embed-10, .html-embed-11, .html-embed-12, .html-embed-13, .html-embed-14, .html-embed-15, .html-embed-16 {
    width: 100%;
  }

  .diy-grid {
    flex-direction: column;
    margin-top: 0;
    display: flex;
  }

  .diy-image-div._2 {
    justify-content: center;
    align-items: flex-start;
  }
}

#w-node-_68425455-67f5-910d-bd97-22ffb65dc909-f0321232, #w-node-_015778f9-e3b5-103d-579c-4387ec990c20-f0321232, #w-node-_99eeafa5-4655-e9db-51cf-0293ee819d4a-f0321232, #w-node-_9ce56a5c-ddf1-377d-8057-5f0066e4d22e-f0321232, #w-node-b56f2d13-44aa-9253-3f3b-afb8c97f1c2a-f0321232, #w-node-_9372a8cf-3ce2-847c-336b-7282a8890c87-f0321232, #w-node-_6883b0a7-d98a-33c5-b03a-39cc79a90daf-f0321232, #w-node-_530e11f3-f435-0d64-a356-1fb0c3028052-f0321232, #w-node-_134f0a62-5c6e-9dd6-cb48-040e549ea689-549ea686, #w-node-_134f0a62-5c6e-9dd6-cb48-040e549ea697-549ea686, #w-node-_134f0a62-5c6e-9dd6-cb48-040e549ea6a7-549ea686, #w-node-_134f0a62-5c6e-9dd6-cb48-040e549ea6b9-549ea686, #w-node-_68425455-67f5-910d-bd97-22ffb65dc909-d08c869d, #w-node-_015778f9-e3b5-103d-579c-4387ec990c20-d08c869d, #w-node-_20c87ff1-3e1b-ab42-020d-d02e548b181d-d08c869d, #w-node-b263cded-ce50-f315-9dc9-526fc5477b63-d08c869d, #w-node-_4b0b2dd2-46a3-695c-7c55-8b4d38c0af8a-4e1c0e24, #w-node-_4b0b2dd2-46a3-695c-7c55-8b4d38c0afb8-4e1c0e24, #w-node-_4b0b2dd2-46a3-695c-7c55-8b4d38c0afb9-4e1c0e24, #w-node-_4b0b2dd2-46a3-695c-7c55-8b4d38c0afba-4e1c0e24, #w-node-_98780db3-f245-6c99-08eb-6db099956b6c-eaa9df3b, #w-node-_98780db3-f245-6c99-08eb-6db099956b9a-eaa9df3b, #w-node-_98780db3-f245-6c99-08eb-6db099956b9b-eaa9df3b, #w-node-_98780db3-f245-6c99-08eb-6db099956b9c-eaa9df3b, #w-node-_909d1a26-ada0-c0dc-7cf9-06ed7845d49a-1fe541db, #w-node-_909d1a26-ada0-c0dc-7cf9-06ed7845d4c8-1fe541db, #w-node-_909d1a26-ada0-c0dc-7cf9-06ed7845d4ca-1fe541db, #w-node-_909d1a26-ada0-c0dc-7cf9-06ed7845d49a-50180d49, #w-node-_909d1a26-ada0-c0dc-7cf9-06ed7845d4c8-50180d49, #w-node-_909d1a26-ada0-c0dc-7cf9-06ed7845d4ca-50180d49 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_117a2c49-d04e-25ac-5dc0-df4efadf1db7-50180d49 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-bf8cb308-af90-930a-2a5e-d7013aabb2c9-50180d49, #w-node-_909d1a26-ada0-c0dc-7cf9-06ed7845d49a-42b3065c, #w-node-_68425455-67f5-910d-bd97-22ffb65dc909-bf623f5c, #w-node-_015778f9-e3b5-103d-579c-4387ec990c20-bf623f5c, #w-node-_20c87ff1-3e1b-ab42-020d-d02e548b181d-bf623f5c, #w-node-_8934682b-751e-91f1-d26c-aac294893808-bf623f5c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_8934682b-751e-91f1-d26c-aac29489381f-bf623f5c {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: center;
}

#w-node-_8934682b-751e-91f1-d26c-aac294893820-bf623f5c, #w-node-_68425455-67f5-910d-bd97-22ffb65dc909-d250fcce, #w-node-_015778f9-e3b5-103d-579c-4387ec990c20-d250fcce, #w-node-_33741298-b974-82c1-f24b-76b30e1e90e6-48d941bf, #w-node-a8147b6b-ab74-90da-06f9-d23c8a87e86d-48d941bf, #w-node-ec3cb9d9-21fc-e2cb-51fb-a5ad8454b3ad-48d941bf, #w-node-ca4b1a11-fdea-304f-73c7-c170cea19791-48d941bf, #w-node-ca5d5af5-a1c6-b2f6-2da2-a34e7a33e5e4-48d941bf, #w-node-_6bb7c91b-ed3b-b663-ba94-8598779fbf64-48d941bf, #w-node-_820d1a17-ccf9-86a1-c840-2c7b33c1e991-48d941bf, #w-node-_0b699a63-df59-4800-1b06-bf27f76f054a-48d941bf, #w-node-f8a8b780-d2aa-01cd-127c-e7a343b52503-48d941bf, #w-node-f0eb7587-ffff-b7fe-cc63-87a621f70b5c-48d941bf, #w-node-_33741298-b974-82c1-f24b-76b30e1e90e6-ea4aca07, #w-node-a8147b6b-ab74-90da-06f9-d23c8a87e86d-ea4aca07, #w-node-ec3cb9d9-21fc-e2cb-51fb-a5ad8454b3ad-ea4aca07, #w-node-ca4b1a11-fdea-304f-73c7-c170cea19791-ea4aca07, #w-node-ca5d5af5-a1c6-b2f6-2da2-a34e7a33e5e4-ea4aca07, #w-node-_6bb7c91b-ed3b-b663-ba94-8598779fbf64-ea4aca07, #w-node-_820d1a17-ccf9-86a1-c840-2c7b33c1e991-ea4aca07, #w-node-_0b699a63-df59-4800-1b06-bf27f76f054a-ea4aca07, #w-node-f8a8b780-d2aa-01cd-127c-e7a343b52503-ea4aca07, #w-node-f0eb7587-ffff-b7fe-cc63-87a621f70b5c-ea4aca07, #w-node-_33741298-b974-82c1-f24b-76b30e1e90e6-8ad8edfc, #w-node-a8147b6b-ab74-90da-06f9-d23c8a87e86d-8ad8edfc, #w-node-ec3cb9d9-21fc-e2cb-51fb-a5ad8454b3ad-8ad8edfc, #w-node-ca4b1a11-fdea-304f-73c7-c170cea19791-8ad8edfc, #w-node-ca5d5af5-a1c6-b2f6-2da2-a34e7a33e5e4-8ad8edfc, #w-node-_6bb7c91b-ed3b-b663-ba94-8598779fbf64-8ad8edfc, #w-node-_5bc39f15-b6e0-0c47-cb24-e54cef246e0d-6d4c1724, #w-node-_970fff28-7c37-b2cf-0340-9c7cbba4fbe5-6d4c1724, #w-node-_5bc39f15-b6e0-0c47-cb24-e54cef246e1a-6d4c1724, #w-node-df58e48f-8a8b-8531-2b4a-f9b96c576e68-6d4c1724, #w-node-df58e48f-8a8b-8531-2b4a-f9b96c576e6d-6d4c1724, #w-node-_753a8c41-8d28-815a-fcec-7d7786a60dc1-6d4c1724, #w-node-_753a8c41-8d28-815a-fcec-7d7786a60dc6-6d4c1724, #w-node-_396051f8-97ac-ca7b-2d5c-0d9cfab9e6ee-6d4c1724, #w-node-_396051f8-97ac-ca7b-2d5c-0d9cfab9e6f3-6d4c1724, #w-node-_9089896f-4a7d-1ba1-8dc6-23855f0c64f2-6d4c1724, #w-node-_9089896f-4a7d-1ba1-8dc6-23855f0c64f7-6d4c1724, #w-node-_98aac9a0-f194-ac8b-d8ab-5f8088a09601-6d4c1724, #w-node-_98aac9a0-f194-ac8b-d8ab-5f8088a09606-6d4c1724, #w-node-_95cb82ff-51c8-48fb-a6ab-5bc3399f7d08-6d4c1724, #w-node-_95cb82ff-51c8-48fb-a6ab-5bc3399f7d0d-6d4c1724, #w-node-_6fede364-a974-9c51-acc7-420c1a3b3019-6d4c1724, #w-node-_6fede364-a974-9c51-acc7-420c1a3b301a-6d4c1724, #w-node-_2c20cd57-54a6-9d69-75d9-961b04954eac-6d4c1724, #w-node-_898102a4-5399-920a-d103-3bee3cd2d01e-6d4c1724, #w-node-_732b9b18-fa58-5fc5-c257-438785a9c163-6d4c1724, #w-node-_732b9b18-fa58-5fc5-c257-438785a9c168-6d4c1724, #w-node-_909d1a26-ada0-c0dc-7cf9-06ed7845d49a-636e4ad2, #w-node-_909d1a26-ada0-c0dc-7cf9-06ed7845d4c8-636e4ad2 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f5f2bd67-9e99-2062-41c5-0593c3c5f6e3-636e4ad2 {
  place-self: center;
}