.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;
}

.nav-logo {
  width: 12em;
  height: auto;
}

.brand {
  margin-left: 0;
  margin-right: auto;
  padding: 15px;
}

.container {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.navbar {
  background-color: #fff;
  position: fixed;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.nav-link {
  color: #000;
  text-transform: uppercase;
  font-family: Roboto, sans-serif;
  font-weight: 400;
  text-decoration: none;
}

.nav-link.w--current {
  color: #000;
}

.home-banner {
  width: 100%;
  height: 70vh;
  position: relative;
}

.banner-image {
  z-index: 1;
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.heading {
  z-index: 2;
  color: #000;
  font-family: Roboto, sans-serif;
  font-size: 85px;
  font-weight: 100;
  position: static;
}

.banner-cont {
  z-index: 2;
  height: 100%;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  padding-bottom: 10em;
  display: flex;
  position: relative;
}

.button {
  color: #000;
  text-transform: uppercase;
  background-color: rgba(255, 255, 255, .54);
  border: 1px solid #c5c5c5;
  border-radius: 5px;
  margin-top: 30px;
  padding: 15px 30px;
  font-family: Roboto, sans-serif;
  font-size: 15px;
  font-weight: 300;
}

.home-categories {
  width: 100%;
  height: auto;
  padding: 3em;
}

.cat-columns {
  align-items: center;
  display: flex;
}

.cat-column {
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  display: block;
  background-size: cover;
}

.cat-column-image {
  width: 100%;
  height: auto;
}

.cat-column-head {
  color: #000;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-weight: 300;
}

.footer {
  width: 100%;
  height: auto;
  background-color: #000;
  padding-top: 3em;
  padding-bottom: 3em;
}

.footer-cont {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.paragraph {
  width: 50%;
  height: 100%;
  color: #fff;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 15px;
  font-weight: 300;
}

.footer-icons {
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: 0;
  display: flex;
}

.footer-icon {
  width: 100%;
  height: 100%;
  margin-right: 15px;
}

.about-banner {
  width: 100%;
  height: 60vh;
  background-position: 0 0;
  background-size: cover;
}

.about-banner-cont {
  height: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.heading-2 {
  color: #000;
  border-bottom: 1px solid #000;
  padding: 15px 20px;
  font-family: Roboto, sans-serif;
  font-size: 40px;
  font-weight: 300;
}

.about-us {
  width: 100%;
  height: auto;
  padding-top: 5em;
  padding-bottom: 5em;
}

.paragraph-2 {
  margin-bottom: 5em;
  font-family: Roboto, sans-serif;
  font-size: 15px;
  font-weight: 300;
}

.about-grid-image {
  width: 100%;
}

.grid-content {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-left: 3.5em;
  padding-right: 3.5em;
  display: flex;
}

.grid-content-head {
  width: auto;
  text-align: center;
  border-bottom: 1px solid #8b8b8b;
  margin-top: 0;
  padding: 10px;
  font-family: Roboto, sans-serif;
  font-size: 25px;
  font-weight: 400;
}

.paragraph-3 {
  text-align: center;
}

.grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-flow: row;
}

.nav-menu {
  color: #000;
}

.product-banner {
  width: 100%;
  height: 60vh;
  background-position: 0 0;
  background-size: cover;
}

.product-banner-cont {
  height: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.product {
  width: 100%;
  height: auto;
  padding-top: 4em;
  padding-bottom: 5em;
  position: relative;
}

.product-cont {
  margin-top: 2em;
}

.product-grid {
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.products {
  width: 100%;
  height: auto;
  text-decoration: none;
}

.product-image {
  width: 100%;
}

.product-head {
  color: #000;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 10px;
  font-family: Roboto, sans-serif;
  font-weight: 300;
}

.list {
  justify-content: center;
  align-items: center;
  display: flex;
}

.owl-carousel.owl-theme {
  justify-content: center;
  align-items: center;
  padding-left: 0;
  display: flex;
}

.owl-head {
  width: 100%;
  text-align: center;
  text-transform: uppercase;
  font-family: Roboto, sans-serif;
  font-size: 15px;
  font-weight: 300;
}

.owl-list {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}

.prod-detail-image {
  width: 100%;
  height: 15em;
  object-fit: cover;
}

.product-detail-cont {
  margin-top: 2em;
}

.detail-slider {
  height: 60vh;
  position: static;
}

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

.slide-nav {
  display: none;
}

.right-arrow {
  width: 1.5em;
  height: 1.5em;
  border: 1px solid #707070;
  top: 0%;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.uygulama-gorselleri {
  width: 100%;
  height: auto;
  flex-direction: column;
  align-items: center;
  padding-top: 4em;
  padding-bottom: 4em;
  display: flex;
}

.uygulama-head {
  width: auto;
  border-bottom: 1px solid #000;
  padding: 15px 20px;
  font-family: Roboto, sans-serif;
  font-weight: 300;
  display: inline-block;
}

.uygulama-gorsel {
  width: 100%;
  height: auto;
  margin-top: 30px;
}

.grid-2 {
  width: 100%;
  height: 35vh;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  display: none;
}

.uygulama-img {
  width: 100%;
  height: 25em;
  min-height: 100%;
  object-fit: cover;
}

.left-arrow {
  width: 1.5em;
  height: 1.5em;
  border: 1px solid #707070;
}

.icon, .icon-2 {
  display: none;
}

.heading-3 {
  width: 100%;
  height: 100%;
  color: #474747;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inconsolata, monospace;
  font-size: 30px;
  font-weight: 400;
  display: flex;
}

.ocaklar-banner-cont {
  height: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.ocaklar-banner {
  width: 100%;
  height: 60vh;
  background-position: 0 0;
  background-size: cover;
}

.ocaklar {
  width: 100%;
  height: auto;
  flex-direction: column;
  align-items: center;
  padding-top: 4em;
  padding-bottom: 7em;
  display: flex;
  position: relative;
}

.ocaklar-cont {
  margin-top: 0;
}

.ocaklar-head {
  margin-bottom: 3em;
  font-family: Roboto, sans-serif;
  font-size: 17px;
  font-weight: 300;
  display: inline-block;
}

.iletisim-map {
  width: 100%;
  height: 60vh;
}

.iletisim-banner {
  width: 100%;
  height: 60vh;
  background-position: 0 0;
  background-size: cover;
}

.iletisim {
  width: 100%;
  height: auto;
  padding-top: 5em;
  padding-bottom: 5em;
}

.iletisim-cont {
  flex-direction: column;
  align-items: center;
  padding: 2.5em;
  display: flex;
}

.iletisim-head {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-weight: 400;
  display: inline-block;
}

.iletisim-columns {
  width: 100%;
  height: auto;
  margin-top: 40px;
}

.iletisim-column {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 25px;
  display: flex;
}

.iletisim-copy {
  width: 100%;
  height: auto;
  padding-top: 5em;
  padding-bottom: 5em;
}

.iletisim-icon {
  width: 6em;
  height: 6em;
}

.iletisim-icon-aciklama {
  margin-top: 15px;
  font-family: Roboto, sans-serif;
  font-size: 15px;
  font-weight: 300;
}

.heading-4 {
  margin-top: 20px;
  font-family: Roboto, sans-serif;
  font-weight: 300;
}

.contact-form {
  width: 100%;
  height: auto;
  flex-direction: column;
  align-items: center;
  margin-top: 35px;
  padding-top: 3em;
  padding-bottom: 3em;
  display: flex;
}

.contact-form-block {
  width: 100%;
}

.textarea {
  height: 100%;
  min-height: 100%;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-weight: 300;
}

.column, .column-2 {
  height: 100%;
}

.columns {
  height: 30vh;
}

.form-input {
  color: #b1b1b1;
  border: 1px #000;
  border-bottom: 1px solid #b1b1b1;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: Roboto, sans-serif;
  font-weight: 300;
}

.submit-button {
  color: #b1b1b1;
  text-transform: uppercase;
  background-color: rgba(0, 0, 0, 0);
  border-bottom: 1px solid #b1b1b1;
  margin-top: 10px;
  padding: 15px 31px 15px 12px;
  font-family: Roboto, sans-serif;
  font-weight: 700;
  position: static;
}

.bold-text {
  font-weight: 300;
}

.grid-content2 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-left: 3.5em;
  padding-right: 3.5em;
  display: flex;
}

.about-grid-image2 {
  width: 100%;
}

.about-grid-image1 {
  width: 100%;
  display: none;
}

.grid-content1 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-left: 3.5em;
  padding-right: 3.5em;
  display: none;
}

@media screen and (max-width: 991px) {
  .home-categories {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .cat-columns {
    flex-direction: column;
    display: block;
  }

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

  .right-arrow, .left-arrow {
    background-color: #fff;
  }
}

@media screen and (max-width: 767px) {
  .heading {
    line-height: 85px;
  }

  .banner-cont {
    padding-left: 3em;
    padding-right: 3em;
  }

  .footer {
    padding-left: 3em;
    padding-right: 3em;
    position: static;
    top: auto;
    bottom: 0%;
    left: 0%;
    right: 0%;
  }

  .about-us {
    padding-left: 3em;
    padding-right: 3em;
  }

  .grid {
    display: block;
  }

  .product {
    padding-left: 3em;
    padding-right: 3em;
  }

  .product-grid {
    display: block;
  }

  .prod-detail-lightbox {
    width: 100%;
  }

  .prod-detail-image {
    height: 20em;
    margin-bottom: 20px;
  }

  .prod-detail-link {
    width: 100%;
  }

  .grid-2 {
    grid-column-gap: 25px;
    grid-row-gap: 5px;
    flex-direction: column;
    grid-template-rows: 200px 200px 200px;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    align-content: stretch;
    display: none;
  }

  .uygulama-img {
    margin-bottom: 15px;
  }

  .columns {
    height: 20vh;
  }

  .grid-content2, .about-grid-image2 {
    display: none;
  }

  .about-grid-image1, .grid-content1 {
    display: block;
  }
}

@media screen and (max-width: 479px) {
  .heading {
    font-size: 62px;
    line-height: 60px;
  }

  .banner-cont {
    padding-left: 1.5em;
    padding-right: 1.5em;
  }

  .button {
    margin-top: 15px;
  }

  .footer {
    padding-left: 1em;
    padding-right: 1em;
  }

  .grid-content {
    padding: 0 0 24px;
  }

  .product {
    padding-left: 1.5em;
    padding-right: 1.5em;
  }

  .ocaklar {
    padding-left: 20px;
    padding-right: 20px;
  }

  .iletisim-head {
    margin-bottom: 30px;
  }

  .grid-content1 {
    padding-left: 0;
    padding-right: 0;
  }
}

#w-node-ac95322b-59af-6dc5-6017-b370a687d358-19df520c, #w-node-f403bf90-4d42-0a9e-b6c5-1a909d738b8b-19df520c, #w-node-ec035b1f-4efb-8740-2230-3dd8d82e17cc-19df520c, #w-node-_64ba6345-59ce-d4b0-bf3c-91b2ce7fb482-19df520c, #w-node-_353b6f53-84fe-3979-ddde-c6f40fac84bc-19df520c, #w-node-_724a02c3-0c79-2d5f-68dd-4b3f93a4d654-19df520c, #w-node-_87285a86-9f11-ae83-1aaf-f680ac82cfe5-9f557f08, #w-node-_9150ec87-01e2-a112-ca72-4184520a5a92-9f557f08, #w-node-_82046d99-a273-6698-139d-12762aa5d1b3-9f557f08, #w-node-_4d5c9180-ccf5-bb4d-4aeb-eae8c0027d59-9f557f08, #w-node-_8c41eaff-ebca-407f-6b2b-bf83a7348e93-9f557f08, #w-node-bd1088b5-1e8d-fa37-dff8-6061387f34cd-9f557f08, #w-node-_45f9875d-c27a-6028-d148-b5e7f56d71be-9f557f08, #w-node-_2997f90f-f1f6-d377-dc3f-06bbdbaafbf4-9f557f08, #w-node-_3b07d15f-a9b7-c362-3bbf-710cd768de83-2e3d53d0, #w-node-_475675b5-0945-3814-3e61-1f664203999b-2e3d53d0, #w-node-_1b133815-93ea-de13-1474-cd9a28b5a0a9-2e3d53d0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}