#content > .col-full {
    max-width: 100%;
 }

.hero-section {
   position: relative;
   max-height: 590px;
   min-height: 500px;
}

.hero-section img {
   position: absolute;
   object-fit: cover;
   height: 100%;
   max-height: 500px;
   left: 0;
   right: 0;
   margin: 0 auto;
}

.hero-section .swiper-slide {
   min-height: 500px;
   max-height: 590px;
}

.hero-section .btn {
   position: absolute;
   bottom: 100px;
   left: calc(50% - 440px);
}

@media (min-width: 601px) and (max-width: 1128px) {
   body .hero-section img {
      height: 100%;
   }
}

.left-section>div {
   display: flex;
}

.left-section>div>div {
   width: 50%;
}

.left-section>div>div:last-of-type {
   padding: 52px 0 52px 32px;
}

.left-section img {
   object-fit: cover;
   height: 100%;
   width: 100%;
}

.left-section .btn {
   display: flex;
   align-items: center;
   justify-content: center;
   max-width: 270px;
   float: left;
   margin-top: 32px;
}

.right-section>div {
   display: flex;
}

.right-section>div>div {
   width: 50%;
}

.right-section>div>div:first-of-type {
   padding: 52px 44px 52px 0;
}

body section.full-image {
   padding-top: 96px;
   padding-bottom: 65px;
}

.full-image .description {
   padding-bottom: 12px;
}

.brands-wrapper {
   padding: 32px 0;
   display: flex;
   align-items: flex-end;
   justify-content: center;
   gap: 87px;
}

.brands-wrapper .brand {
   cursor: pointer;
}

.brand[data-brand="barima"] {
   width: 170px;
   max-width: 100%;
}

.brand[data-brand="barbara-decor"] {
   width: 258px;
   max-width: 100%;
}

.brand[data-brand="inspiracja"],
.brand[data-brand="inspiration"] {
   width: 204px;
   max-width: 100%;
}

.brand[data-brand="barbara-luijckx-for-industry"] {
   width: 232px;
   max-width: 100%;
}

.brand-wrapper>div {
   display: flex;
}

.brand-wrapper>div>div {
   width: 50%;
}

.brand-wrapper>div>div:first-of-type {
   padding: 52px 44px 52px 0;
}

section:not(.hero-section) {
   max-width: 1148px;
   padding: 0 20px;
   margin: 0 auto;
}

.brand-wrapper .btn {
   display: flex;
   align-items: center;
   justify-content: center;
   max-width: 223px;
   float: right;
   margin-top: 32px;
}

.brand-wrapper img {
   object-fit: cover;
   height: 100%;
}

.brand-wrapper {
   position: relative;
}

.brand-box {
   transition: all 0.4s ease-out;
   position: absolute;
   top: 0;
   opacity: 0;
   pointer-events: none;
}

.brand-box.active {
   opacity: 1;
   position: unset;
   pointer-events: all;
}

.creations-wrapper {
   padding: 0;
}

.decorations-wrapper {
   padding: 0;
   position: relative;
}

.decoration-wrapper :is(.swiper, .swiper-wrapper) {
   position: unset;
}

.decoration-wrapper .description {
   color: var(--brown);
   font-family: 'Lato', sans-serif;
   font-size: 24px;
   font-style: normal;
   font-weight: 300;
   line-height: 31.8px;
   letter-spacing: 0.48px;
}

.decoration-wrapper .btn {
   display: flex;
   align-items: center;
   justify-content: center;
   max-width: 270px;
   float: left;
   margin-top: 32px;
}

.decoration-wrapper img {
   object-fit: cover;
   height: 100%;
   width: 100%;
}

.decoration-wrapper .buttons {
   display: flex;
   gap: 32px;
}

body section.catalogs {
   padding-top: 96px;
   background: var(--gray-light);
   position: relative;
}

body section.catalogs:before {
   z-index: -1;
   content: '';
   background: var(--gray-light);
   height: 100%;
   top: 0;
   left: -50vw;
   position: absolute;
   width: 100vw;
}

body section.catalogs:after {
   z-index: -1;
   content: '';
   background: var(--gray-light);
   height: 100%;
   top: 0;
   right: -50vw;
   position: absolute;
   width: 100vw;
}

.catalogs .swiper-slide>div {
   display: flex;
}

.catalogs .swiper-slide>div>div:first-of-type {
   width: 60%;
   padding-right: 20px;
}

.catalogs .swiper-slide>div>div:last-of-type {
   width: 40%;
}

.catalogs .buttons {
   display: flex;
   padding-top: 32px;
}

.catalogs img {
   width: 100%;
}

.swiper-catalogs {
   padding-bottom: 160px;
}

body section.catalogs .swiper-catalogs .swiper-pagination {
   bottom: 90px;
}

.swiper-pagination-end {
   display: flex;
   justify-content: flex-end;
}

.swiper-pagination-start {
   display: flex;
   justify-content: flex-start;
}

.swiper-pagination-bullet {
   width: 16px;
   height: 16px;
   border: 2px solid var(--gray-borders);
   background: transparent;
}

.swiper-pagination-bullet-active {
   background: var(--gray-borders);
}

body section.innovative-products {
   padding-top: 96px;
   padding-bottom: 96px;
}

.innovative-products .buttons {
   position: absolute;
   right: 0;
   bottom: -35px;
}

.innovative-products__slider {
   padding-top: 32px;
   position: relative;
}

.innovative-products__slider .swiper-slide a:not(.product-title-slider) {
   background: var(--gray-light);
   display: flex;
}

.innovative-products__slider .swiper-slide a img {
   mix-blend-mode: multiply;
}

.product-title-slider {
   color: var(--brown);
   font-family: 'Lato', sans-serif;
   font-size: 20px;
   font-style: normal;
   font-weight: 400;
   line-height: normal;
   text-transform: uppercase;
   padding-top: 25px;
   display: flex;
}

.swiper-innovative-products {
   padding-bottom: 40px;
}

.history .swiper-slide>div {
   display: flex;
}

.history .swiper-slide>div>div {
   width: 50%;
}

.history .swiper-slide>div>div:last-of-type {
   padding: 52px 0 52px 32px;
   display: flex;
   flex-direction: column;
   justify-content: center;
}

.history img {
   object-fit: cover;
   height: 100%;
   width: 100%;
}

.history .btn {
   display: flex;
   align-items: center;
   justify-content: center;
   max-width: 270px;
   float: left;
   margin-top: 32px;
}

body section.social-media {
   padding-bottom: 111px;
}

.social-media-wrapper {
   padding: 0 10%;
}

.social-media>div>div {
   display: flex;
   justify-content: space-between;
}

.social-media>div>div>div {
   max-width: 360px;
}

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

.social-media h3 {
   margin-bottom: 32px;
}

.blog-home h2 {
   margin-bottom: 32px;
}

.blog-home .posts {
   margin-top: 61px;
}

.blog-home .posts img {
   width: 100%;
/*   box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);*/
}

.posts__slider {
   position: relative;
}

.posts__slider .swiper-posts, .posts__slider .swiper-wrapper{
   position: unset;
}

.post-title {
   text-transform: uppercase;
   margin: 38px 0 40px;
}

.swiper-posts {
   overflow: visible;
}

.blog-home .posts .more {
   color: var(--primary);
   font-family: 'Lato', sans-serif;
   font-size: 20px;
   font-style: normal;
   font-weight: 300;
   line-height: normal;
   text-transform: uppercase;
}

.post-desc {
   font-size: 24px;
   font-style: normal;
   font-weight: 300;
   line-height: 31.8px;
   letter-spacing: 0.48px;
   font-family: 'Lato', sans-serif;
}

.contact-wrapper p {
   font-weight: 300;
   font-family: 'Lato', sans-serif;
}

.contact-wrapper {
   display: flex;
   padding-top: 50px;
   padding-bottom: 50px;
   margin-top: 100px;
   border-top: 1px solid var(--brown);
   border-bottom: 1px solid var(--brown);
}

.contact-wrapper>div:first-of-type {
   width: 100%;
}

.contact-wrapper div.wpforms-container-full button[type=submit],
.contact-wrapper div.wpforms-container-full button[type=submit]:not(:hover):not(:active) {
   border-radius: 10px;
   border: 1px solid var(--gray-80);
   background-color: var(--gray-20);
   color: var(--gray-80);
   padding: 18px 20px;
   text-align: center;
   font-family: 'Lato', sans-serif;
   font-size: 20px;
   font-style: normal;
   font-weight: 300;
   line-height: normal;
   text-transform: uppercase;
   height: auto;
   float: right;
}

.contact-wrapper div.wpforms-container-full button[type=submit]:active,
.contact-wrapper div.wpforms-container-full button[type=submit]:hover {
   color: var(--primary);
   border: 1px solid var(--primary);
   background: var(--gray-light);
}

.contact-wrapper .form-additional-text {
   color: var(--brown);
   font-family: 'Lato', sans-serif;
   font-style: normal;
   font-weight: 300;
   font-size: 16px;
   line-height: 22px;
}

.contact-wrapper .form-additional-text a {
   color: var(--brown);
   text-decoration: underline;
}

.contact-wrapper div.wpforms-container-full .wpforms-form textarea,
.contact-wrapper div.wpforms-container-full input[type=email],
.contact-wrapper div.wpforms-container input[type=date], 
.contact-wrapper div.wpforms-container input[type=datetime], 
.contact-wrapper div.wpforms-container input[type=datetime-local], 
.contact-wrapper div.wpforms-container input[type=month], 
.contact-wrapper div.wpforms-container input[type=number], 
.contact-wrapper div.wpforms-container input[type=password], 
.contact-wrapper div.wpforms-container input[type=range], 
.contact-wrapper div.wpforms-container input[type=search], 
.contact-wrapper div.wpforms-container input[type=tel], 
.contact-wrapper div.wpforms-container input[type=text], 
.contact-wrapper div.wpforms-container input[type=time], 
.contact-wrapper div.wpforms-container input[type=url], 
.contact-wrapper div.wpforms-container input[type=week], 
.contact-wrapper div.wpforms-container select {
   border-radius: 10px;
   background: #FCFCFC;
   color: var(--brown);
   font-family: 'Lato', sans-serif;
   font-size: 18px;
   font-style: normal;
   font-weight: 300;
   line-height: 22px;
   width: 100%;
   border: none;
   max-width: 100%;
}

.contact-wrapper div.wpforms-container-full .wpforms-form textarea::placeholder,
.contact-wrapper div.wpforms-container-full input[type=email]::placeholder,
.contact-wrapper div.wpforms-container input[type=tel]::placeholder, 
.contact-wrapper div.wpforms-container input[type=text]::placeholder {
   opacity: 1 !important;
   color: var(--brown);
}

:is(.contact-wrapper div.wpforms-container-full .wpforms-form textarea, 
   .contact-wrapper div.wpforms-container-full input[type=email],
   .contact-wrapper div.wpforms-container input[type=tel],
   .contact-wrapper div.wpforms-container input[type=text]):focus {
   border: none;
   outline: none;
   box-shadow: none;
}

.contact-data h4 {
   color: var(--brown);
   font-family: 'Lato', sans-serif;
   font-size: 24px;
   font-style: normal;
   font-weight: 300;
   line-height: normal;
   text-transform: uppercase;
}

.contact-data {
   padding-top: 76px;
}

.contact-wrapper .contact-data a {
   color: var(--brown);
}

.wpforms-container .wpforms-field.wpforms-field-layout {
   padding: 0;
}

.decoration-wrapper .swiper-slide {
   width: 100% !important;
}

@media (min-width: 1065px) and (max-width: 1439px) {
   section:not(.hero-section) {
      max-width: 100%;
      padding: 0 6%;
      margin: 0 auto;
   }

   body section.full-left {
      max-width: 100%;
      padding-left: 0;
      padding-right: 6%;

   }

   body section.full-right {
      max-width: 100%;
      padding-right: 0;
      padding-left: 6%;
   }

   .left-section>div>div:first-of-type {
      width: 58%;
   }

   .right-section>div>div:last-of-type,
   .brand-wrapper>div>div:last-of-type {
      width: 56%;
   }

   body section.blog-home {
      max-width: 100%;
      padding-right: 0;
      padding-left: 6%;
   }
}

@media (min-width: 1440px) {
   section:not(.hero-section) {
      max-width: 1440px;
      padding: 0 156px;
   }

   .right-section>div {
      width: calc(100% + 156px);
   }

   .right-section>div>div:last-of-type {
      width: calc(50% + 184px);
   }

   .left-section>div {
      margin-left: -156px;
   }

   .left-section>div>div:first-of-type {
      width: calc(50% + 184px);
   }

   .brand-wrapper>div {
       width: calc(100% + 156px);
   }

   .brand-wrapper>div>div:last-of-type  {
       width: calc(50% + 184px);
   }
   .history .swiper {
        margin-left: -156px;
   }

   .history .swiper-slide>div>div:first-of-type  {
       width: calc(50% + 184px);
   }
   .blog-home .swiper {
      width: calc(100% + 156px);
   }
}

@media (max-width: 1064px) {
   .hide-medium-up {
      display: block;
   }

   .hide-medium-down {
      display: none;
   }

   .hero-section {
      min-height: 470px;
   }

   .hero-section img {
      max-height: 470px;
   }

   .hero-section .swiper-slide {
      min-height: 470px;
      /* display: flex; */
      align-items: center;
      justify-content: center;
   }

   .brand-wrapper>div {
      display: flex;
      flex-direction: column;
   }

   .brand-wrapper>div>div {
      width: 100%;
   }

   .brand-wrapper>div>div:first-of-type {
      padding: 52px 0 52px 0;
   }

   #content .col-full {
      margin: 0;
   }

   section:not(.hero-section) {
      padding: 0 36px;
   }

   .left-section>div {
      display: flex;
      flex-direction: column-reverse;
   }

   .left-section>div>div {
      width: 100%;
   }

   .left-section>div>div:last-of-type {
      padding: 52px 0 52px 0;
   }

   .brand-wrapper img {
      width: auto;
      margin: 0 auto;
   }

   .right-section>div {
      display: flex;
      flex-direction: column;
   }

   .right-section>div>div:first-of-type {
      padding: 52px 0 52px 0;
      width: 100%;
   }

   .right-section>div>div {
      width: 100%;
   }

   body section.innovative-products {
      padding-top: 96px;
      padding-bottom: 96px;
   }

   .catalogs .swiper-slide>div {
      display: flex;
      flex-direction: column;
   }

   .catalogs .swiper-slide>div>div:first-of-type {
      width: 100%;
      padding-right: 0;
      padding-bottom: 52px;
   }

   .catalogs .swiper-slide>div>div:last-of-type {
      width: 100%;
   }

   .history .swiper-slide>div {
      display: flex;
      flex-direction: column-reverse;
   }

   .history .swiper-slide>div>div {
      width: 100%;
      padding-bottom: 52px;
   }

   .history .swiper-slide>div>div:last-of-type {
      padding: 52px 0 52px 0;
   }

   body section.full-image {
      padding-top: 65px;
      padding-bottom: 65px;
   }

   .left-section .btn {
      float: right;
   }

   .decoration-wrapper .buttons {
      justify-content: flex-end;
   }

   .catalogs .buttons {
      justify-content: flex-end;
   }

   .history .btn {
      float: right;
   }

   body section.social-media {
      padding-bottom: 46px;
   }

   .social-media-wrapper {
      padding: 0;
   }

   .social-media>div>div {
      display: flex;
      justify-content: space-between;
      flex-direction: column;
      gap: 46px;
      width: 100%;
   }

   .social-media>div>div>div {
      max-width: 100%;
   }

   .social-media h3 {
      text-align: center;
   }

   .social-media>div>div>div>div {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 26px;
   }

   .contact-wrapper {
      display: flex;
      padding-top: 50px;
      padding-bottom: 50px;
      flex-direction: column;
      gap: 36px;
   }

   .contact-wrapper>div:first-of-type {
      width: 100%;
   }

   .contact-wrapper>div:last-of-type {
      width: 100%;
   }

   .contact-data {
      padding-top: 0;
   }
   .decoration-wrapper img {
       width: auto;
       margin: 0 auto;
       height: auto;
   }
   .left-section img {
      width: auto;
      margin: 0 auto;
   }
   .catalogs img {
      width: auto;
      max-width: 100%;
      margin: 0 auto;
   }
   .history img {
      width: auto;
      margin: 0 auto;
   }
}

@media (min-width: 768px) {
   #content {
      padding-top: 160px;
   }
}

@media (max-width: 767px) {
   section:not(.hero-section) {
      padding: 0 26px;
   }

   .brands-wrapper .brand {
      cursor: pointer;
      max-width: 130px;
   }

   .brands-wrapper {
      flex-wrap: wrap;
      gap: 36px;
   }

   .brand-wrapper img {
      height: auto;
   }

   .brand-wrapper>div>div:first-of-type {
      padding: 32px 0 32px 0;
   }

   .decoration-wrapper .description {
      font-size: 20px;
   }

   .decoration-wrapper .buttons {
      flex-direction: column;
      display: flex;
      gap: 22px;
      margin-top: 32px;
   }

   .decoration-wrapper .btn {
      max-width: 100%;
      margin-top: 0;
   }

   .brand-wrapper .btn {
      width: 100%;
      max-width: 100%;
   }

   .left-section .btn {
      max-width: 100%;
      width: 100%;
   }

   .left-section img {
      height: auto;
   }

   .btn-primary {
      max-width: 100%;
      width: 100%;
   }

   .swiper-innovative-products {
      padding-bottom: 60px;
   }

   .innovative-products .buttons {
      position: absolute;
      right: 0;
      bottom: -65px;
      width: 100%;
   }

   .innovative-products .buttons .btn-primary {
      max-width: 100%;
      width: 100%;
      display: flex;
      text-align: center;
      justify-content: center;
      align-items: center;
   }

   .swiper-catalogs {
      padding-bottom: 80px;
   }

   body section.catalogs .swiper-catalogs .swiper-pagination {
      bottom: 30px;
   }

   .history .btn {
      max-width: 100%;
   }

   .social-media-wrapper .media-icon {
      max-width: 40px;
   }

   body section.blog-home {
      max-width: 100%;
      padding-right: 0;
      padding-left: 26px;
   }

   .post-desc {
      font-size: 18px;
   }

   .post-title {
      margin: 20px 0 16px;
   }

   .full-image-wrapper img {
      margin-top: 18px;
   }

   .blog-home .blog-wrapper>div:first-of-type {
      padding-right: 26px;
   }

   .contact-wrapper {
      margin-top: 0;

   }

   .contact-wrapper div.wpforms-container-full button[type=submit],
   .contact-wrapper div.wpforms-container-full button[type=submit]:not(:hover):not(:active) {
      padding: 11px 20px;
      height: 50px;
      font-size: 18px;
   }

   .history .swiper-slide>div>div {
      padding-bottom: 0;
   }

   .history img {
      height: auto;
   }

   body section.innovative-products {
      padding-top: 56px;
   }

   .decoration-wrapper img {
      height: auto;
   }
}

.subscribe-form {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
}

.subscribe-form > div {
   flex-direction: column;
}

.subscribe-form .subscribe-form__info {
   font-family: 'Lato', sans-serif;
   font-weight: 300;
   text-align: center;
   font-size: 14px;
   line-height: 20px;
   letter-spacing: 0;
}

.subscribe-form input {
  flex-grow: 1;
  display: block;
  max-width: 300px;
  padding: 5px 8px;
  border: 1px solid var(--gray-80) !important;
  border-radius: 10px !important;
  font-size: 19px !important;
  font-family: "Lato" !important;
  font-weight: 300 !important;
  background-color: transparent !important;
  color: var(--gray-80) !important;
}

@media (min-width: 768px) {
  .subscribe-form input {
    padding: 5px 12px !important;
    font-size: 24px !important;
  }
}

.subscribe-form input::placeholder {
  color: var(--gray-80);
}

.subscribe-form button {
  background-color: transparent;
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
}

@media (max-width: 1064px) {
  .subscribe-form button img {
    width: 28px;
    height: 28px;
  }
}

@media (max-width: 1064px) {
   .hero-section .swiper-slide, .hero-section {
      min-height: calc(100vw / 1128 * 300);
   }
  .hero-section img.hide-medium-up {
    display: none;
   }
   .hero-section img.hide-medium-down {
    display: flex;
    height: calc(100vw / 1128 * 300);
   }
}

@media (max-width: 600px) {
  .hero-section img.hide-medium-up {
    display: block;
    width: 100%;
    height: auto;
    position: relative;
   }
   .hero-section img.hide-medium-down {
    display: none;
}