:root {
  --petnfun: #d7246b;
  --green: #64a532;
  --black: black;
  --white: white;
}

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

body {
  color: #333;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

.logo {
  color: #564741;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Nunito, sans-serif;
  font-size: 32px;
  font-weight: 700;
  text-decoration: none;
  position: static;
}

.logo.colored {
  color: #f69946;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 5px;
  line-height: 40px;
}

.logo.white {
  color: #fdfdfd;
  line-height: 40px;
}

.brand {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  display: flex;
}

.nav-link {
  color: #564741;
  cursor: pointer;
  padding: 10px 15px;
  font-family: Paytone One, sans-serif;
  font-size: 16px;
  font-weight: 400;
  text-decoration: none;
  transition: all .2s;
}

.nav-link:hover {
  color: var(--petnfun);
}

.nav-link:focus {
  text-transform: none;
}

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

.container {
  max-width: 1440px;
  height: auto;
  min-height: 100px;
  margin-left: auto;
  margin-right: auto;
}

.nav-menu {
  justify-content: space-between;
  align-items: center;
  margin-left: 110px;
  display: block;
}

.container-2 {
  max-width: 1440px;
  height: auto;
  min-height: 100px;
  margin-left: auto;
  margin-right: auto;
}

.nav-menu-2 {
  position: relative;
}

.container-3 {
  justify-content: space-between;
  align-items: center;
  max-width: 1440px;
  height: auto;
  min-height: 100px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

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

.heading {
  color: #564741;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Nunito, sans-serif;
  font-size: 32px;
  text-decoration: none;
}

.div-block {
  width: 100%;
  height: 100%;
}

.navbar-2 {
  width: 100%;
  padding-top: 25px;
  padding-bottom: 0;
  position: relative;
}

.nav-container {
  justify-content: space-between;
  align-items: center;
  min-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-left: 20px;
  padding-right: 20px;
  display: block;
}

.div-block-2 {
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
}

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

.div-block-3 {
  height: 100%;
  display: block;
  position: absolute;
}

.link-block {
  justify-content: flex-start;
  align-items: center;
  max-width: 1440px;
  height: auto;
  min-height: 100px;
  display: flex;
}

.nav-button {
  background-color: var(--green);
  color: #fdfdfd;
  cursor: pointer;
  background-image: url('../images/paw-small-right.png');
  background-position: 90%;
  background-repeat: no-repeat;
  background-size: auto;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  margin-left: 0;
  padding: 10px 20px;
  font-family: Nunito, sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.nav-button:hover {
  background-color: #3a3330;
}

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

.navbar-3 {
  background-color: #fdfdfd;
  padding-top: 10px;
  padding-bottom: 10px;
}

.container-4 {
  max-width: 100%;
  height: auto;
  min-height: 50px;
  margin-left: 0;
  margin-right: 0;
  padding-left: 20px;
  padding-right: 20px;
}

.brand-4 {
  margin-top: 3px;
  display: flex;
}

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

.nav-menu-3 {
  justify-content: flex-start;
  align-items: center;
  margin-left: 0;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.button {
  border-radius: 3px;
  padding: 25px 100px;
  text-decoration: none;
}

.link-block-2 {
  background-color: #564741;
  border-radius: 3px;
  justify-content: flex-start;
  align-items: center;
  margin-left: 110px;
  padding: 10px;
  font-family: Nunito, sans-serif;
  font-size: 18px;
  font-weight: 600;
  display: block;
}

.heading-2 {
  font-size: 18px;
  line-height: 20px;
}

.nav-button-h1 {
  color: #fdfdfd;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 10px;
  padding-left: 0;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  display: block;
}

.body {
  background-color: #fdfdfd;
}

.slider {
  width: 1440px;
  height: 700px;
  margin-left: auto;
  margin-right: auto;
}

.slide {
  background-image: url('../images/portfolio-5.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.slide-2 {
  background-image: url('../images/portfolio-4.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.slider-2 {
  width: 1440px;
  height: 700px;
  margin-left: auto;
  margin-right: auto;
}

.slide-3 {
  background-image: url('../images/portfolio-5.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-4 {
  background-image: url('../images/portfolio-4.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
}

.slider-3 {
  height: 700px;
}

.slide-5 {
  background-image: url('../images/portfolio-5.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-6 {
  background-image: url('../images/portfolio-3.jpg');
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

.ana-slider {
  width: 100%;
  height: 75vh;
  margin-left: auto;
  margin-right: auto;
}

.slide-7 {
  background-image: url('../images/pet-n-fun-kopek-otel-slider-ana-gorsel.jpeg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-8 {
  background-image: url('../images/pet-n-fun-kopek-otel-slider-ikinci-gorsel.jpeg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-nav {
  display: none;
}

.slide-9 {
  background-image: url('../images/pet-n-fun-kopek-otel-slider-son-gorsel.jpeg');
  background-position: 50% 36%;
  background-repeat: no-repeat;
  background-size: cover;
}

.left-arrow {
  flex-flow: row;
  justify-content: center;
  align-items: center;
  display: none;
}

.right-arrow {
  justify-content: center;
  align-items: center;
  display: none;
}

.slider-hizmet-section {
  margin-top: 0;
  margin-bottom: 0;
  position: relative;
}

.ana-hizmet-block {
  z-index: 1;
  justify-content: center;
  align-items: center;
  margin-top: 60px;
  margin-left: 0;
  margin-right: 0;
  display: flex;
  position: relative;
  top: auto;
  bottom: auto;
  left: 0;
  right: 0;
}

.ana-hizmet-grid {
  grid-column-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 300px 300px 300px;
}

.home-icon {
  background-image: url('../images/home.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.hizmet-h1 {
  color: #564741;
  vertical-align: middle;
  justify-content: center;
  align-items: center;
  margin: 10px 0 0;
  font-family: Paytone One, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  display: flex;
  position: static;
}

.hizmet-h1.white {
  color: #fdfdfd;
}

.hizmet-p {
  color: #564741;
  text-align: center;
  margin: 10px 20px 20px;
  font-family: Nunito, sans-serif;
  font-size: 12px;
  font-weight: 300;
}

.hizmet-p.white {
  color: #fdfdfd;
}

.hizmet-block {
  cursor: pointer;
  background-color: #fff;
  border-radius: 10px;
  text-decoration: none;
  transition: transform .2s;
  box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
}

.hizmet-block:hover {
  color: #fff;
  background-color: #564741;
  transform: translate(0, -4px);
}

.hizmet-block.brown {
  background-color: #564741;
}

.div-block-7 {
  background-color: #564741;
  background-image: url('../images/fbox-hover-1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
}

.barber-icon {
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.hakk-m-zda-section {
  justify-content: center;
  align-items: center;
  margin-top: 0;
  padding-top: 50px;
  padding-bottom: 60px;
  display: flex;
}

.hakk-m-zda-div-block {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 1260px;
  margin-left: 0;
  margin-right: 0;
  padding-left: 30px;
  padding-right: 30px;
  display: flex;
}

.hakk-m-zda-text-block {
  color: var(--petnfun);
  vertical-align: baseline;
  background-color: #fff;
  border-radius: 3px;
  margin: 0;
  padding: 10px 30px;
  font-family: Paytone One, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  display: inline-block;
  box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
}

.hakk-m-zda-grid-block {
  margin-top: 50px;
}

.hakk-m-zda-grid {
  grid-column-gap: 40px;
  grid-template-rows: 1fr;
  grid-template-columns: 1fr 1fr;
  margin-top: 50px;
}

.div-block-8 {
  background-image: url('../images/hakkimizda-gorseli.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 10px;
}

.hakk-m-zda-h1 {
  color: #564741;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Paytone One, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  display: inline-block;
}

.div-block-9 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.paragraph {
  color: #564741;
  margin-top: 20px;
  margin-bottom: 0;
  font-family: Nunito, sans-serif;
  font-size: 16px;
  font-weight: 300;
}

.feature-div-main-block {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: 50px;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
  display: block;
}

.feature-text {
  color: #fdfdfd;
  background-color: #f69946;
  border-radius: 5px;
  padding: 10px 20px;
  font-family: Nunito, sans-serif;
  font-size: 16px;
}

.feature-div-block {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex: 0 auto;
  grid-template-rows: 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: stretch;
  align-items: stretch;
  justify-items: stretch;
  margin-top: 50px;
  display: grid;
}

.feature-div-block.bottom {
  grid-column-gap: 20px;
  margin-top: 20px;
}

.feature-text-block {
  background-color: rgba(246, 153, 70, 0);
  border-radius: 5px;
  justify-content: flex-start;
  align-items: center;
  padding: 0;
  display: flex;
}

.feature-text-block.right {
  margin-left: 0;
}

.paragraph-2 {
  color: #564741;
  margin-bottom: 0;
  margin-left: 10px;
  font-family: Nunito, sans-serif;
  font-size: 16px;
}

.hizmet-section {
  text-align: center;
  background-color: rgba(0, 0, 0, 0);
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
}

.hizmet-div-block {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.hizmet-sub-block {
  margin-top: 50px;
  margin-left: 0;
  margin-right: 0;
}

.hizmetler-grid {
  grid-column-gap: 60px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  margin-top: 0;
  margin-bottom: 0;
  transition: all .2s;
}

.hizmetler-grid.last {
  grid-template-columns: 1fr;
}

.hizmet-slide-sub-block {
  text-align: left;
  background-color: #fff;
  border-radius: 10px;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
}

.hizmet-image-block {
  background-image: url('../images/portfolio-5.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 10px;
  height: 200px;
}

.hizmet-image-block._5 {
  background-image: url('../images/portfolio-img-23.jpg');
  height: auto;
}

.hizmet-image-block._2 {
  background-image: url('../images/portfolio-5.jpg');
  height: 250px;
}

.hizmet-image-block._3 {
  background-image: url('../images/portfolio-img-24.jpg');
}

.hizmet-image-block._4 {
  background-image: url('../images/portfolio-6.jpg');
  border-radius: 0;
  height: auto;
}

.hizmet-image-block._6 {
  background-image: url('../images/portfolio-11.jpg');
  height: auto;
}

.hizmet-image-block._7 {
  background-image: url('../images/portfolio-7.jpg');
}

.hizmet-heading-block {
  background-color: var(--green);
  border-radius: 5px;
  justify-content: space-between;
  align-items: center;
  margin-top: 0;
  margin-left: -10px;
  margin-right: 10px;
  display: flex;
  position: relative;
  top: -21px;
}

.hizmet-heading {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 20px;
  font-family: Nunito, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
  display: inline-block;
}

.hizmet-icon {
  margin-top: -10px;
  margin-bottom: 10px;
  margin-right: 10px;
  display: inline-block;
}

.hizmet-text {
  color: #564741;
  margin: 20px 10px;
  font-family: Nunito, sans-serif;
  font-size: 16px;
  font-weight: 300;
}

.hizmet-incele-block {
  cursor: pointer;
  justify-content: flex-start;
  align-items: center;
  margin: 20px 0 0;
  text-decoration: none;
  transition: opacity .2s;
  display: flex;
}

.hizmet-incele-block:hover {
  transform: translate(4px);
}

.paragraph-3 {
  color: #564741;
  margin-bottom: 0;
  margin-right: 10px;
  font-family: Nunito, sans-serif;
  font-size: 16px;
  font-weight: 500;
}

.hizmet-grid-sub-block {
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  margin: 20px 15px 0;
  padding-bottom: 20px;
  display: flex;
}

.paw-big-left {
  width: 50px;
  position: absolute;
  top: 40px;
  left: 60px;
}

.paw-small-left {
  width: 40px;
  position: absolute;
  top: 140px;
  left: 60px;
}

.bone {
  width: 50px;
  position: absolute;
  bottom: 100px;
  left: 50px;
}

.paw-big-right {
  width: 50px;
  position: absolute;
  top: 40px;
  right: 60px;
}

.paw-small-right {
  width: 40px;
  position: absolute;
  top: 140px;
  right: 60px;
}

.ball {
  width: 50px;
  position: absolute;
  bottom: 140px;
  right: 90px;
}

.hizmet-slider {
  background-color: rgba(221, 221, 221, 0);
  width: 980px;
  height: 500px;
  padding-left: 0;
  overflow: hidden;
}

.left-arrow-2, .right-arrow-2 {
  display: none;
}

.hizmet-slider-mask {
  width: 330px;
  padding-left: 0;
  position: relative;
  left: auto;
  overflow: visible;
}

.hizmet-slide {
  padding-left: 10px;
  overflow: hidden;
}

.galeri-section {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 50px;
}

.galeri-block {
  flex-flow: column;
  align-items: center;
  max-width: 1260px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 30px;
  padding-right: 30px;
  display: block;
}

.galeri-grid-1 {
  grid-column-gap: 10px;
  grid-template-rows: 250px;
  grid-template-columns: 490px 1fr 1fr;
  height: auto;
}

.div-block-10 {
  background-image: url('../images/portfolio-3.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.galeri-image-1 {
  background-image: url('../images/4e306053-e029-4c80-815d-9fb6afc05f03.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 10px;
}

.galeri-image-2 {
  background-image: url('../images/243CC8C0-702C-46E4-940F-EE42C46B3783.JPG');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 10px;
  max-height: none;
}

.galeri-image-3 {
  background-image: url('../images/2023-03-28-11.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 10px;
  max-height: none;
}

.galeri-grid-2 {
  grid-column-gap: 10px;
  grid-template-rows: 250px;
  grid-template-columns: 1fr 1fr 490px;
  height: auto;
  margin-top: 10px;
}

.galeri-image-4 {
  background-image: url('../images/2022-06-15.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 10px;
}

.galeri-image-5 {
  background-image: url('../images/2022-07-31-12.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 10px;
}

.galeri-image-6 {
  background-image: url('../images/6ca2e57c-39ee-452b-80dc-cd2056a0680c.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 10px;
  padding-bottom: 0;
}

.merak-edilenler-section {
  margin-bottom: 0;
  padding-bottom: 50px;
}

.merak-edilenler-block {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 1260px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 30px;
  padding-right: 30px;
  display: flex;
}

.merak-edilenler-slider {
  background-color: rgba(221, 221, 221, 0);
  width: 100%;
  max-height: 230px;
  margin-top: 50px;
  padding-left: 0;
  padding-right: 0;
  overflow: hidden;
}

.merka-edilenler-mask {
  overflow: visible;
}

.left-arrow-3, .right-arrow-3 {
  display: none;
}

.merak-edilenler-h1 {
  color: #564741;
  text-align: center;
  margin: 0 0 10px;
  font-family: Nunito, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  display: block;
}

.merak-edlienler-slide-block {
  cursor: auto;
  margin-left: 0;
  margin-right: 0;
  padding-left: 20px;
  padding-right: 20px;
  text-decoration: none;
  transition: all .2s;
}

.merak-edlienler-slide-block:hover {
  transform: translate(0, -4px);
}

.merak-edlienler-text {
  color: #564741;
  text-align: center;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  font-family: Nunito, sans-serif;
  font-size: 16px;
  font-weight: 300;
}

.merak-edilenler-slide {
  width: 33.3%;
  padding-left: 0;
  padding-right: 0;
}

.merak-edlienler-sub-block {
  margin-top: 20px;
}

.hizmet-slide-block {
  width: 320px;
  margin-left: 0;
  margin-right: 0;
  padding-left: 10px;
  position: relative;
}

.footer-section {
  background-color: #3a3330;
  background-image: url('../images/bg-footer.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 80px;
}

.footer-main-div {
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

.footer-grid {
  grid-column-gap: 163px;
  grid-row-gap: 80px;
  grid-template-rows: auto;
  grid-template-columns: 1fr auto 2fr;
  max-width: 1260px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 30px;
  padding-right: 30px;
}

.footer-grid-block {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0;
  display: flex;
}

.phone-icon {
  margin-top: 0;
  margin-right: 10px;
}

.footer-phone {
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
  text-decoration: none;
  display: flex;
}

.address-h1 {
  color: #fdfdfd;
  width: 100%;
  margin-top: 15px;
  margin-bottom: 0;
  font-family: Nunito, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
}

.location-h1 {
  color: #fdfdfd;
  cursor: pointer;
  margin-top: 5px;
  margin-bottom: 0;
  font-family: Nunito, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
  text-decoration: none;
  transition: all .2s;
  display: block;
}

.location-h1:hover {
  color: var(--petnfun);
}

.location-h1.adres {
  cursor: auto;
  margin-top: 5px;
  transition-property: none;
}

.location-h1.adres:hover {
  color: #fdfdfd;
  -webkit-text-stroke-color: #fdfdfd;
}

.social-block {
  justify-content: flex-start;
  align-items: center;
  margin-top: 15px;
  display: flex;
}

.social-icon-right {
  margin-left: 0;
}

.kurumsal-h1 {
  color: #fdfdfd;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Nunito, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  transition: all .2s;
}

.kurumsal-h1:hover {
  color: var(--petnfun);
}

.kurumsal-h1.w--current {
  cursor: pointer;
  transition: all .2s;
}

.kurumsal-h1.heading {
  transition-property: none;
}

.kurumsal-h1.heading:hover {
  color: #fdfdfd;
}

.kurumsal-block {
  grid-column-gap: 16px;
  grid-row-gap: 15px;
  flex-flow: column;
  grid-template-rows: auto auto auto auto auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: stretch;
  align-items: stretch;
  margin-top: 0;
  display: grid;
}

.kurumsal-h2 {
  color: #fdfdfd;
  cursor: pointer;
  margin-top: 0;
  margin-bottom: 5px;
  font-family: Nunito, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
  text-decoration: none;
  transition: opacity .2s;
}

.kurumsal-h2:hover {
  color: #f69946;
}

.footer-image-grid {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  grid-template-rows: 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  min-width: 100%;
  min-height: 200px;
  margin-top: 10px;
}

.footer-grid-div {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 3px;
  width: 60px;
  height: 60px;
}

.footer-grid-div._1 {
  background-image: url('../images/7c607c3d-94b5-4178-a35c-88f853c7f72f.jpg');
  width: auto;
  height: auto;
}

.footer-grid-div._2 {
  background-image: url('../images/2022-07-31-3.jpg');
  width: auto;
  height: auto;
}

.footer-grid-div._3 {
  background-image: url('../images/2022-07-31-9.jpg');
  width: auto;
  height: auto;
}

.footer-grid-div._4 {
  background-image: url('../images/2022-07-31-5.jpg');
  width: auto;
  height: auto;
}

.footer-grid-div._5 {
  background-image: url('../images/2023-03-28-10.jpg');
  background-position: 50%;
  width: auto;
  height: auto;
}

.footer-grid-div._6 {
  background-image: url('../images/2022-07-31-13.jpg');
  width: auto;
  height: auto;
}

.footer-sub-div {
  border-top: 1px solid #6b6664;
  justify-content: space-between;
  align-items: center;
  max-width: 1260px;
  margin-top: 60px;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 30px;
  display: flex;
}

.footer-grid-sub-block {
  max-width: 200px;
}

.social-link-block {
  cursor: pointer;
}

.social-link-block.right {
  margin-left: 10px;
}

.footer-sub-div-h1 {
  color: #fdfdfd;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Nunito, sans-serif;
  font-size: 12px;
  font-weight: 300;
  line-height: 20px;
  text-decoration: none;
}

.info-section {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.info-block {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 1260px;
  margin-left: auto;
  margin-right: auto;
  padding: 60px 30px;
  display: flex;
}

.info-h1 {
  color: #564741;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Paytone One, sans-serif;
  font-size: 32px;
  font-weight: 400;
  line-height: 45px;
}

.info-p {
  color: #564741;
  margin-top: 20px;
  margin-bottom: 0;
  font-family: Nunito, sans-serif;
  font-size: 16px;
  font-weight: 300;
}

.hizmetler-section {
  margin-top: 70px;
  margin-bottom: 70px;
  padding-left: 0;
  padding-right: 0;
}

.hizmetler-section._2 {
  margin-top: 50px;
  margin-bottom: 100px;
}

.hizmetler-block {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 1260px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 30px;
  padding-right: 30px;
  display: flex;
}

.hizmet-block-top {
  width: 100%;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.hizmetler-heading {
  color: var(--black);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Nunito, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 28px;
}

.hizmet-grid-block {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  min-height: 0;
  display: flex;
}

.hizmet-grid-block.last {
  text-align: left;
  justify-content: center;
  align-items: flex-start;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.hizmetler-p {
  color: #564741;
  margin-top: 10px;
  margin-bottom: 0;
  font-family: Nunito, sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 26px;
}

.hizmet-block-bottom {
  text-align: left;
  border-top: 1px #6b6664;
  width: 100%;
  padding-top: 25px;
  padding-bottom: 0;
}

.hizmet-grid-image {
  background-image: url('../images/konaklama-hizmet-gorseli.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 10px;
  min-height: 400px;
  padding-bottom: 0;
}

.hizmet-grid-image._2 {
  background-image: url('../images/kres-hizmet-gorseli.jpg');
  background-position: 50%;
}

.hizmet-grid-image._2.merak {
  background-image: url('../images/portfolio-1-1.jpg');
}

.hizmet-grid-image._2.merak._8 {
  background-image: url('../images/portfolio-8.jpg');
}

.hizmet-grid-image._2.merak._9 {
  background-image: url('../images/portfolio-img-18.jpg');
}

.hizmet-grid-image._3 {
  background-image: url('../images/kuafor-hizmet-gorseli.jpg');
  background-position: 50% 18%;
}

.hizmet-grid-image._3.merak {
  background-image: url('../images/portfolio-4.jpg');
}

.hizmet-grid-image._4 {
  background-image: url('../images/veteriner-hizmet-gorseli.jpg');
}

.hizmet-grid-image._4.merak {
  background-image: url('../images/portfolio-9.jpg');
}

.hizmet-grid-image._5 {
  background-image: url('../images/petshop-hizmet-gorseli.jpg');
  background-position: 50% 64%;
}

.hizmet-grid-image._5.merak {
  background-image: url('../images/portfolio-img-24.jpg');
}

.hizmet-grid-image._6 {
  background-image: url('../images/pet-taksi-hizmet-gorseli.jpg');
  background-position: 50% 37%;
}

.hizmet-grid-image._6.merak {
  background-image: url('../images/portfolio-2.jpg');
}

.hizmet-grid-image._7 {
  background-image: url('../images/etkinlik-parti-hizmet-gorseli.jpg');
}

.hizmet-grid-image._7.merak {
  background-image: url('../images/portfolio-10.jpg');
}

.hizmet-grid-image.merak {
  background-image: url('../images/portfolio-1.jpg');
}

.galeri-page-section {
  margin-top: 50px;
  margin-bottom: 50px;
}

.galeri {
  max-width: 1260px;
  margin-left: auto;
  margin-right: auto;
}

.galeri-page-block {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 1260px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 30px;
  padding-right: 30px;
  display: flex;
}

.galeri-page-grid-block {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  margin-top: 50px;
  display: flex;
}

.galeri-sub-div {
  margin-bottom: 0;
}

.galeri-sub-div._2 {
  margin-top: 10px;
}

.galeri-main-grid {
  grid-column-gap: 10px;
  grid-template-rows: auto;
}

.galeri-grid-sub-grid {
  grid-row-gap: 10px;
  grid-template-columns: 1fr;
}

.galeri-grid-div {
  background-image: url('../images/portfolio-img-23.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 510px;
}

.galeri-grid-div._2 {
  background-image: url('../images/portfolio-14.jpg');
}

.galeri-grid-div._3 {
  background-image: url('../images/portfolio-img-16.jpg');
}

.galeri-grid-div._4 {
  background-image: url('../images/portfolio-img-15.jpg');
}

.galeri-grid-div._5 {
  background-image: url('../images/portfolio-img-24.jpg');
}

.galeri-grid-div._6 {
  background-image: url('../images/portfolio-img-19.jpg');
}

.galeri-grid-div._7 {
  background-image: url('../images/portfolio-img-17.jpg');
}

.galeri-grid-div._8 {
  background-image: url('../images/portfolio-img-22.jpg');
}

.sub-grid-div-first {
  background-image: url('../images/portfolio-6.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.sub-grid-div-first._2 {
  background-image: url('../images/portfolio-3.jpg');
}

.sub-grid-div-first._3 {
  background-image: url('../images/portfolio-10.jpg');
}

.sub-grid-div-first._4 {
  background-image: url('../images/portfolio-7.jpg');
}

.sub-grid-div-first._5 {
  background-image: url('../images/portfolio-1-1.jpg');
}

.sub-grid-div-first._6 {
  background-image: url('../images/portfolio-2.jpg');
}

.sub-grid-div-first._7 {
  background-image: url('../images/portfolio-img-20.jpg');
}

.sub-grid-div-first._8 {
  background-image: url('../images/portfolio-img-18.jpg');
}

.sub-grid-div-second {
  background-image: url('../images/portfolio-11.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.sub-grid-div-second._2 {
  background-image: url('../images/portfolio-1.jpg');
}

.sub-grid-div-second._3 {
  background-image: url('../images/portfolio-5.jpg');
}

.sub-grid-div-second._4 {
  background-image: url('../images/portfolio-9.jpg');
}

.sub-grid-div-second._5 {
  background-image: url('../images/portfolio-4.jpg');
}

.sub-grid-div-second._6 {
  background-image: url('../images/portfolio-8.jpg');
}

.sub-grid-div-second._7 {
  background-image: url('../images/portfolio-img-21.jpg');
}

.sub-grid-div-second._8 {
  background-image: url('../images/portfolio-img-25.jpg');
}

.blog-section {
  margin-top: 0;
  margin-bottom: 100px;
}

.blog-div {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 1340px;
  margin-top: 50px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

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

.blog-sub-div {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

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

.blog-grid {
  grid-column-gap: 100px;
  grid-template-rows: auto;
  width: 100%;
  margin-top: 50px;
}

.blog-sub-grid-2 {
  grid-row-gap: 50px;
  grid-template-rows: auto auto auto auto auto;
  grid-template-columns: 1fr;
}

.blog-sub-grid-2._2 {
  grid-row-gap: 20px;
  grid-template-rows: auto auto auto auto auto auto auto;
}

.blog-sub-grid-2-div {
  background-image: url('../images/portfolio-img-23.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 620px;
}

.blog-sub-grid-2-div._2 {
  background-image: url('../images/portfolio-14.jpg');
  height: 300px;
}

.blog-sub-grid-2-div._3 {
  background-image: url('../images/portfolio-img-16.jpg');
}

.blog-sub-grid-2-div._4 {
  background-image: url('../images/portfolio-img-15.jpg');
}

.blog-sub-grid-2-div._5 {
  background-image: url('../images/portfolio-img-19.jpg');
}

.blog-sub-grid-2-div.last {
  height: 300px;
}

.blog-sub-grid-1 {
  grid-column-gap: 16px;
  grid-row-gap: 20px;
  flex-flow: column;
  grid-template-rows: auto auto auto auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: stretch;
  display: grid;
}

.blog-sub-grid-1._2 {
  grid-template-rows: auto auto auto auto auto auto auto;
}

.blog-h1 {
  color: #564741;
  margin-top: 0;
  margin-bottom: 10px;
  font-family: Nunito, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
}

.blog-p-div {
  border-top: 1px solid #6b6664;
}

.blog-p {
  color: #564741;
  margin-top: 10px;
  margin-bottom: 0;
  font-family: Nunito, sans-serif;
  font-weight: 300;
}

.blog-h2 {
  color: #564741;
  margin-top: 20px;
  margin-bottom: 0;
  font-family: Nunito, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
}

.block-sub-grid-2-div-2 {
  background-image: url('../images/portfolio-6.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 300px;
  padding-bottom: 0;
}

.block-sub-grid-2-div-2._2 {
  background-image: url('../images/portfolio-5.jpg');
}

.block-sub-grid-2-div-2._3 {
  background-image: url('../images/portfolio-10.jpg');
}

.block-sub-grid-2-div-2._4 {
  background-image: url('../images/portfolio-2.jpg');
}

.block-sub-grid-2-div-2._5 {
  background-image: url('../images/portfolio-8.jpg');
}

.list {
  margin-top: 10px;
  margin-bottom: 0;
  padding-left: 25px;
}

.list-item {
  color: #564741;
  padding-bottom: 10px;
  font-family: Nunito, sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 28px;
}

.list-item.last {
  padding-bottom: 0;
}

.ileti-im-section {
  margin-top: 0;
  margin-bottom: 0;
}

.ileti-im-block {
  max-width: 1260px;
  margin: auto;
  padding-left: 30px;
  padding-right: 30px;
}

.ileti-im-grid {
  grid-column-gap: 50px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.5fr;
}

.ileti-im-sub-grid {
  grid-column-gap: 16px;
  grid-row-gap: 50px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.ileti-im-image-block {
  background-image: url('../images/adres.jpeg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.ileti-im-h1 {
  color: #564741;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Paytone One, sans-serif;
  font-size: 28px;
  font-weight: 400;
}

.ileti-im-grid-sub-block {
  border-radius: 5px;
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
  padding: 20px;
  display: flex;
  box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
}

.ileti-im-grid-image-block {
  background-image: url('../images/adres.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  margin: 30px;
}

.ileti-im-grid-image-block._2 {
  background-image: url('../images/iphone-big.png');
}

.ileti-im-text-block {
  width: 100%;
  margin-right: 0;
}

.ileti-im-text-h1 {
  color: #564741;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Paytone One, sans-serif;
  font-size: 20px;
  font-weight: 400;
}

.ileti-im-p {
  color: #564741;
  margin-bottom: 0;
  font-family: Nunito, sans-serif;
  font-size: 16px;
  font-weight: 300;
}

.ileti-im-icon {
  margin: 0 20px 0 0;
}

.slider-arrow-right {
  cursor: pointer;
  transition: all .2s;
}

.slider-arrow-right:hover {
  transform: translate(4px);
}

.slider-arrow-left {
  cursor: pointer;
  transition: all .2s;
}

.slider-arrow-left:hover {
  transform: translate(-4px);
}

.list-2 {
  margin-top: 40px;
  margin-bottom: 0;
  padding-left: 25px;
  font-size: 20px;
  line-height: 28px;
}

.ileti-im-body {
  background-color: #fdfdfd;
  flex-flow: column;
  justify-content: space-between;
  display: flex;
}

.hizmet-listesi-grid {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 50px;
  margin-left: 0;
  margin-right: 0;
  display: grid;
}

.main-container {
  text-align: center;
  background-color: #fcf9f4;
  background-image: url('../images/ball.png'), url('../images/bone-small.png'), url('../images/paw-small-right.png'), url('../images/paw-big.png');
  background-position: 90% 95%, 5% 90%, 97% 3%, 2% 1%;
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
  background-size: auto, auto, auto, auto;
  justify-content: center;
  align-items: flex-start;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 50px 0;
  display: block;
}

.hizmetler-slider-grid {
  grid-column-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  max-width: 1200px;
  padding-top: 0;
}

.hizmetler-slider {
  background-color: rgba(0, 0, 0, 0);
  max-width: 1260px;
  min-height: 600px;
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 30px;
  padding-right: 30px;
  overflow: hidden;
}

.slide-nav-3 {
  display: block;
}

.hizmetler-slide {
  width: 30%;
  margin-left: 0;
  margin-right: 30px;
}

.div-block-11 {
  background-image: url('../images/portfolio-img-23.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: auto;
  height: auto;
}

.hizmetler-section-grid {
  grid-column-gap: 50px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.link-block-3 {
  justify-content: center;
  align-items: center;
  min-height: 500px;
  display: flex;
}

.text-block {
  padding-top: 0;
}

.hizmet-sub-grid {
  grid-row-gap: 0px;
  background-color: #fff;
  border-radius: 10px;
  grid-template-rows: 4fr .5fr 2fr;
  grid-template-columns: 1fr;
  min-height: 500px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
}

.div-block-12 {
  background-image: url('../images/portfolio-5.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.div-block-13 {
  background-image: url('../images/portfolio-img-23.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.div-block-14 {
  background-image: url('../images/kuafor-hizmet-gorseli.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 10px 10px 0 0;
}

.hizmet-sub-grid-5 {
  background-image: url('../images/petshop-hizmet-gorseli.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 10px 10px 0 0;
}

.button-2 {
  cursor: pointer;
  background-color: #f69946;
  border-radius: 5px;
  padding: 15px 25px;
  font-family: Nunito, sans-serif;
  font-size: 20px;
  font-weight: 600;
  transition: all .2s;
}

.button-2:hover {
  background-color: #fc8113;
}

.div-block-16 {
  background-color: #f69946;
  border-radius: 3px;
  margin-top: 0;
  padding: 5px 10px;
}

.grid-3 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  min-height: 700px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
}

.merak-edlienler-grid {
  grid-column-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  min-height: 150px;
}

.hizmet-sub-grid-image-2 {
  background-image: url('../images/veteriner-hizmet-gorseli.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 10px 10px 0 0;
}

.hizmet-sub-grid-image-1 {
  background-image: url('../images/konaklama-hizmet-gorseli.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 10px 10px 0 0;
}

.left-arrow-4, .right-arrow-4 {
  display: none;
}

.hizmet-sub-grid-image-3 {
  background-image: url('../images/kres-hizmet-gorseli.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 10px 10px 0 0;
}

.hizmet-sub-grid-6 {
  background-image: url('../images/pet-taksi-hizmet-gorseli.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 10px 10px 0 0;
}

.hizmet-sub-grid-image-7 {
  background-image: url('../images/etkinlik-parti-hizmet-gorseli.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 10px 10px 0 0;
}

.hizmetler-slide-button {
  vertical-align: baseline;
  width: 60%;
}

.mask {
  padding-left: 10px;
  padding-right: 0;
}

.zellikler-grid {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%;
  margin-top: 60px;
}

.zellikler-grid-div {
  grid-column-gap: 15px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: .25fr 1.5fr;
  grid-auto-columns: 1fr;
  justify-content: stretch;
  align-items: center;
  justify-items: stretch;
  display: grid;
}

.check-image-div {
  background-color: var(--green);
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  padding: 5px 10px;
  display: block;
}

.zellik-h1 {
  color: #564741;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-family: Nunito, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
}

.galeri-grid {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: 300px 300px 300px 300px 300px 300px 300px 300px 300px 300px 300px 300px 300px 300px 300px 300px;
  grid-auto-rows: auto;
  width: 100%;
  margin-top: 50px;
}

.image-3 {
  max-height: 100%;
}

.grid-div-1 {
  background-image: url('../images/243CC8C0-702C-46E4-940F-EE42C46B3783.JPG');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.grid-div-2 {
  background-image: url('../images/etkinlik-parti-hizmet-gorseli.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.grid-div-3 {
  background-image: url('../images/2022-07-31-9.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.grid-div-4 {
  background-image: url('../images/2022-07-31-5.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.grid-div-5 {
  background-image: url('../images/2023-03-28-11.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.grid-div-6 {
  background-image: url('../images/2022-07-31-13.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.grid-div-7 {
  background-image: url('../images/WhatsApp-Image-2024-07-02-at-12.04.15-3.jpeg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.grid-div-8 {
  background-image: url('../images/konaklama-hizmet-gorseli.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.grid-div-9 {
  background-image: url('../images/kuafor-hizmet-gorseli.jpg');
  background-position: 50% 15%;
  background-repeat: no-repeat;
  background-size: cover;
}

.grid-div-10 {
  background-image: url('../images/2022-06-15.jpg');
  background-position: 50% 55%;
  background-repeat: no-repeat;
  background-size: cover;
}

.grid-div-11 {
  background-image: url('../images/hakkimizda-gorseli.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.grid-div-12 {
  background-image: url('../images/2022-07-31-12.jpg');
  background-position: 50% 81%;
  background-repeat: no-repeat;
  background-size: cover;
}

.grid-div-13 {
  background-image: url('../images/veteriner-hizmet-gorseli.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.grid-div-14 {
  background-image: url('../images/7c607c3d-94b5-4178-a35c-88f853c7f72f.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.grid-div-15 {
  background-image: url('../images/4e306053-e029-4c80-815d-9fb6afc05f03.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.grid-div-16 {
  background-image: url('../images/2023-03-28-10.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.grid-div-17 {
  background-image: url('../images/kres-hizmet-gorseli.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.grid-div-18 {
  background-image: url('../images/2022-07-31-3.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.grid-div-19 {
  background-image: url('../images/petshop-hizmet-gorseli.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.grid-div-20 {
  background-image: url('../images/6ca2e57c-39ee-452b-80dc-cd2056a0680c.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.grid-div-21 {
  background-image: url('../images/2022-07-31-15.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.grid-div-22 {
  background-image: url('../images/2022-07-31-16.jpg');
  background-position: 50% 42%;
  background-repeat: no-repeat;
  background-size: cover;
}

.grid-div-23 {
  background-image: url('../images/8AB54FAE-1412-48C5-A09C-378FB8531022.jpeg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.grid-div-24 {
  background-image: url('../images/2022-07-31-1.jpg');
  background-position: 50% 59%;
  background-repeat: no-repeat;
  background-size: cover;
}

.galeri-grid-main {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  grid-template-rows: auto auto auto auto auto auto auto auto;
  grid-template-columns: 1fr;
  justify-content: center;
  align-items: flex-start;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.galeri-grid-sub-1 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: 620px;
  grid-template-columns: 1fr 1fr;
}

.galeri-grid-sub-2 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: 300px 300px;
  grid-template-columns: 1fr;
}

.galeri-ana-grid {
  grid-row-gap: 20px;
  grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr auto;
  grid-template-columns: 1fr;
  width: 100%;
  margin-top: 50px;
  margin-bottom: 50px;
}

.galeri-grid-ana-block {
  min-height: 600px;
}

.galeri-alt-grid {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  min-height: 100%;
}

.grid-div-25 {
  background-image: url('../images/pet-n-fun-kopek-otel-slider-ana-gorsel.jpeg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.grid-div-26 {
  background-image: url('../images/pet-n-fun-kopek-otel-slider-son-gorsel.jpeg');
  background-position: 50% 36%;
  background-repeat: no-repeat;
  background-size: cover;
}

.hizmetler-main-grid {
  grid-row-gap: 25px;
  grid-template-rows: auto auto auto auto auto;
  grid-template-columns: 1fr;
  width: 100%;
  margin-top: 50px;
}

.image-4 {
  border-radius: 200px;
  max-width: 100%;
}

.ilet {
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.body-3, .body-4, .body-5, .body-6 {
  background-color: #fdfdfd;
}

.map-block {
  border-radius: 20px;
  display: block;
}

.heading-3 {
  line-height: 20px;
}

.div-block-19 {
  border-radius: 10px;
}

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

.code-embed {
  border-radius: 20px;
}

.grid-div-27 {
  background-image: url('../images/pet-n-fun-kopek-otel-slider-ikinci-gorsel.jpeg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slider-h1 {
  color: #fff;
  margin-bottom: 140px;
  font-family: Paytone One, sans-serif;
  font-size: 32px;
  line-height: 38px;
}

.slider-container {
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  max-width: 1260px;
  height: 75vh;
  margin-left: auto;
  margin-right: auto;
  padding-left: 30px;
  padding-right: 30px;
  display: flex;
}

.link-block-4 {
  z-index: 999999;
  position: fixed;
  bottom: 26px;
  right: 14px;
}

@media screen and (min-width: 1280px) {
  .nav-link {
    padding-left: 20px;
    padding-right: 20px;
    transition-property: all;
  }

  .nav-button {
    background-image: url('../images/paw-small-right.png');
    background-position: 90%;
    background-repeat: no-repeat;
    background-size: auto;
    border-radius: 5px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .navbar-3 {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .container-4 {
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
  }

  .div-block-4 {
    text-align: center;
  }

  .nav-menu-3 {
    justify-content: flex-start;
    align-items: center;
  }

  .nav-button-h1 {
    font-size: 16px;
    font-weight: 600;
  }

  .ana-slider {
    width: auto;
    height: 80vh;
  }

  .slide-7 {
    background-image: url('../images/pet-n-fun-kopek-otel-slider-ana-gorsel.jpeg');
    background-position: 50%;
    background-size: cover;
  }

  .slide-9 {
    background-image: url('../images/pet-n-fun-kopek-otel-slider-son-gorsel.jpeg');
    background-position: 50% 36%;
  }

  .left-arrow, .right-arrow {
    display: none;
  }

  .slider-hizmet-section {
    margin-top: 0;
  }

  .hizmet-h1 {
    font-size: 24px;
    line-height: 32px;
  }

  .hizmet-p {
    font-size: 14px;
    line-height: 20px;
  }

  .hakk-m-zda-grid {
    grid-column-gap: 50px;
    margin-top: 50px;
  }

  .paragraph-2 {
    font-size: 14px;
    line-height: 20px;
  }

  .hizmet-section {
    background-color: rgba(0, 0, 0, 0);
    background-image: none;
    padding-left: 0;
    padding-right: 0;
    position: static;
  }

  .hizmet-heading-block {
    margin-bottom: 0;
  }

  .hizmet-text {
    margin-bottom: 20px;
    margin-left: 20px;
    margin-right: 20px;
    padding-right: 0;
    font-size: 16px;
  }

  .hizmet-grid-sub-block {
    height: auto;
  }

  .paw-big-left {
    width: auto;
    left: 70px;
  }

  .paw-small-left {
    width: auto;
    top: 170px;
    left: 70px;
  }

  .bone {
    width: auto;
    left: 100px;
  }

  .paw-big-right {
    width: auto;
    right: 70px;
  }

  .paw-small-right {
    width: auto;
    top: 170px;
    right: 70px;
  }

  .ball {
    width: auto;
  }

  .hizmet-slider {
    width: 1020px;
  }

  .hizmet-slider-mask {
    width: 350px;
  }

  .galeri-grid-1 {
    grid-column-gap: 20px;
    grid-template-rows: 300px;
    grid-template-columns: 620px 1fr 1fr;
  }

  .galeri-grid-2 {
    grid-template-rows: 300px;
    grid-template-columns: 1fr 1fr 620px;
    margin-top: 20px;
  }

  .merak-edilenler-section {
    margin-bottom: 50px;
  }

  .merak-edilenler-block {
    max-width: 1260px;
  }

  .merka-edilenler-mask {
    width: auto;
  }

  .merak-edilenler-h1 {
    font-size: 18px;
  }

  .merak-edlienler-text {
    font-size: 16px;
    line-height: 20px;
  }

  .footer-section {
    background-position: 50%;
    background-size: cover;
  }

  .location-h1.adres {
    transition-property: none;
  }

  .kurumsal-h1.w--current {
    transition-property: all;
  }

  .kurumsal-h2 {
    transition: all .2s;
  }

  .hizmetler-block {
    max-width: 1200px;
  }

  .hizmet-block-bottom {
    padding-top: 25px;
    padding-bottom: 0;
  }

  .galeri-page-block {
    max-width: 1200px;
  }

  .galeri-sub-div._2 {
    margin-top: 20px;
  }

  .galeri-main-grid {
    grid-column-gap: 20px;
  }

  .galeri-grid-sub-grid {
    grid-row-gap: 20px;
  }

  .galeri-grid-div {
    height: 620px;
  }

  .ileti-im-section {
    margin-top: 0;
    margin-bottom: 0;
  }

  .ileti-im-block {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
  }

  .ileti-im-image-block {
    background-image: url('../images/adres.jpeg');
  }

  .ileti-im-h1 {
    text-align: center;
  }

  .ileti-im-grid-sub-block {
    margin-top: 0;
  }

  .ileti-im-text-h1 {
    margin-bottom: 10px;
  }

  .ileti-im-icon._2 {
    margin: 0 20px 0 0;
  }

  .list-2 {
    margin-top: 40px;
    margin-bottom: 0;
    font-size: 20px;
  }

  .ileti-im-body {
    flex-flow: column;
    justify-content: space-between;
    align-items: stretch;
    display: flex;
  }

  .main-container {
    background-color: #fcf9f4;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .hizmetler-slider {
    max-width: 1200px;
    min-height: 600px;
  }

  .hizmet-sub-grid {
    grid-template-rows: 4fr .5fr 2fr;
    min-height: 500px;
  }

  .grid-div-25 {
    background-image: url('../images/pet-n-fun-kopek-otel-slider-ana-gorsel.jpeg');
  }

  .grid-div-26 {
    background-image: url('../images/pet-n-fun-kopek-otel-slider-son-gorsel.jpeg');
    background-position: 50% 36%;
  }

  .hizmetler-main-grid {
    margin-top: 50px;
  }

  .div-block-20 {
    justify-content: center;
    align-items: center;
  }

  .link-block-4 {
    z-index: 999999;
    order: 0;
    display: block;
    position: fixed;
    bottom: 12px;
    right: 12px;
  }
}

@media screen and (max-width: 991px) {
  .logo {
    font-size: 28px;
    line-height: 32px;
  }

  .logo.colored, .logo.white {
    line-height: 32px;
  }

  .nav-link {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .nav-container {
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
  }

  .nav-button {
    float: right;
    margin-top: 15px;
    margin-bottom: 5px;
    margin-right: 10px;
    padding: 10px;
    display: block;
  }

  .navbar-3 {
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .container-4 {
    justify-content: flex-start;
    align-items: center;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
  }

  .div-block-4 {
    width: 100%;
    padding-top: 0;
    display: block;
    position: static;
  }

  .nav-menu-3 {
    background-color: #fdfdfd;
    padding: 40px;
  }

  .nav-button-h1 {
    float: right;
    margin-top: 7px;
    font-size: 16px;
  }

  .ana-slider {
    width: 100%;
  }

  .slider-hizmet-section {
    margin-top: 0;
    margin-bottom: 0;
  }

  .ana-hizmet-grid {
    grid-column-gap: 30px;
    grid-template-columns: 200px 200px 200px;
  }

  .home-icon {
    margin-top: 10px;
  }

  .hizmet-h1 {
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
  }

  .hizmet-p {
    text-align: center;
    margin-bottom: 10px;
    font-weight: 300;
  }

  .hakk-m-zda-section {
    margin-top: 20px;
  }

  .hakk-m-zda-div-block {
    justify-content: flex-start;
    align-items: center;
  }

  .hakk-m-zda-text-block {
    margin-bottom: 0;
    padding: 10px 20px;
    font-size: 16px;
    line-height: 24px;
  }

  .hakk-m-zda-grid {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-rows: 1fr 1fr;
    grid-template-columns: 1fr;
  }

  .div-block-8 {
    border-radius: 10px;
  }

  .hakk-m-zda-h1 {
    font-size: 24px;
    line-height: 32px;
  }

  .paragraph {
    font-size: 14px;
    line-height: 20px;
  }

  .feature-div-main-block {
    margin-top: 20px;
    padding-left: 0;
    padding-right: 0;
  }

  .feature-div-block {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .feature-text-block {
    padding: 0;
  }

  .feature-text-block.right {
    margin-left: 5px;
  }

  .paragraph-2 {
    margin-left: 5px;
    font-size: 14px;
    font-weight: 300;
  }

  .hizmet-section {
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
    margin-top: 0;
    margin-bottom: 20px;
    padding-top: 0;
    padding-bottom: 0;
  }

  .hizmet-sub-block {
    margin-top: 20px;
  }

  .hizmetler-grid {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    min-height: 0;
  }

  .hizmet-image-block._5, .hizmet-image-block._2, .hizmet-image-block._3, .hizmet-image-block._4, .hizmet-image-block._6, .hizmet-image-block._7 {
    height: 100px;
  }

  .hizmet-heading-block {
    margin-left: -5px;
    margin-right: 5px;
  }

  .hizmet-heading {
    margin-left: 10px;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
  }

  .hizmet-icon.left, .hizmet-icon.middle, .hizmet-icon.right {
    width: auto;
    max-height: 80%;
    margin-top: -5px;
    margin-bottom: 5px;
    margin-right: 5px;
  }

  .hizmet-text {
    font-size: 14px;
    font-weight: 300;
  }

  .paragraph-3 {
    margin-right: 5px;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
  }

  .hizmet-grid-sub-block {
    height: 150px;
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 10px;
    padding-bottom: 10px;
  }

  .paw-big-left {
    width: 40px;
    top: 0;
    left: 20px;
  }

  .paw-small-left {
    width: 30px;
    top: 50px;
    left: 20px;
  }

  .bone {
    width: 40px;
    left: 10px;
  }

  .paw-big-right {
    width: 40px;
    top: 0;
    right: 20px;
  }

  .paw-small-right {
    width: 30px;
    top: 50px;
    right: 20px;
  }

  .ball {
    width: 40px;
    right: 10px;
  }

  .hizmet-slider {
    width: 650px;
    height: 340px;
  }

  .hizmet-slider-mask {
    width: 220px;
  }

  .hizmet-slide {
    padding-left: 5px;
  }

  .galeri-section {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .galeri-block {
    max-width: 790px;
  }

  .galeri-grid-1 {
    grid-column-gap: 10px;
    grid-template-rows: 150px;
    grid-template-columns: 310px 1fr 1fr;
    height: auto;
  }

  .galeri-image-1, .galeri-image-2, .galeri-image-3 {
    border-radius: 10px;
  }

  .galeri-grid-2 {
    grid-column-gap: 10px;
    grid-template-rows: 150px;
    grid-template-columns: 1fr 1fr 310px;
    height: auto;
    margin-top: 10px;
  }

  .galeri-image-4 {
    border-radius: 10px;
  }

  .galeri-image-5 {
    background-position: 50% 77%;
    border-radius: 10px;
  }

  .galeri-image-6 {
    border-radius: 10px;
  }

  .merak-edilenler-block {
    text-align: center;
    justify-content: flex-start;
    align-items: center;
    max-width: 790px;
    display: flex;
  }

  .merak-edilenler-slider {
    max-height: 200px;
    margin-top: 0;
  }

  .merka-edilenler-mask {
    overflow: visible;
  }

  .merak-edilenler-h1 {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
  }

  .merak-edlienler-slide-block {
    width: auto;
    height: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .merak-edlienler-text {
    font-size: 16px;
  }

  .merak-edilenler-slide {
    width: 100%;
  }

  .merak-edlienler-sub-block {
    margin-top: 20px;
  }

  .footer-section {
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
  }

  .footer-grid {
    grid-row-gap: 50px;
    text-align: left;
    grid-template-rows: 1fr auto auto auto;
    grid-template-columns: auto;
    max-width: 790px;
  }

  .footer-grid-block {
    text-align: center;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .footer-image-grid {
    min-height: 300px;
  }

  .info-section {
    margin: 20px 0 40px;
    padding-top: 0;
    padding-bottom: 0;
  }

  .info-block {
    max-width: 790px;
  }

  .info-h1 {
    font-size: 24px;
    line-height: 32px;
  }

  .hizmetler-section {
    margin-top: 50px;
    margin-bottom: 50px;
  }

  .hizmetler-block {
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .hizmet-block-top {
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
  }

  .hizmetler-heading {
    font-size: 20px;
    line-height: 28px;
  }

  .hizmet-grid-block {
    min-height: 0;
  }

  .hizmet-grid-block.last {
    text-align: left;
    justify-content: flex-start;
    align-items: flex-start;
    max-width: none;
  }

  .hizmetler-p {
    font-size: 16px;
    line-height: 20px;
  }

  .hizmet-block-bottom {
    margin-top: 0;
    padding-top: 25px;
    padding-bottom: 0;
  }

  .hizmet-grid-image {
    background-position: 50% 56%;
  }

  .hizmet-grid-image._5 {
    background-position: 50% 67%;
  }

  .galeri-page-section {
    margin-top: 50px;
    margin-bottom: 50px;
  }

  .galeri-page-block {
    max-width: 790px;
    margin-left: auto;
    margin-right: auto;
  }

  .galeri-sub-div._2 {
    margin-top: 5px;
  }

  .galeri-main-grid {
    grid-column-gap: 5px;
  }

  .galeri-grid-sub-grid {
    grid-row-gap: 5px;
  }

  .galeri-grid-div {
    height: 405px;
  }

  .ileti-im-section {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .ileti-im-block {
    max-width: 790px;
    margin-left: auto;
    margin-right: auto;
  }

  .ileti-im-grid {
    grid-column-gap: 20px;
    grid-row-gap: 40px;
    grid-template-rows: .7fr 2fr;
    grid-template-columns: 1fr;
  }

  .ileti-im-sub-grid {
    grid-column-gap: 20px;
    grid-row-gap: 40px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .ileti-im-image-block {
    background-size: cover;
  }

  .ileti-im-h1 {
    font-size: 28px;
  }

  .ileti-im-grid-sub-block {
    margin-top: 0;
  }

  .ileti-im-text-block {
    margin-right: 0;
  }

  .ileti-im-text-h1 {
    margin-bottom: 0;
    font-family: Paytone One, sans-serif;
    font-size: 20px;
    font-weight: 400;
  }

  .ileti-im-p {
    font-size: 16px;
  }

  .ileti-im-icon {
    margin: 10px;
  }

  .menu-button {
    margin-left: auto;
    padding: 10px;
  }

  .menu-button.w--open {
    background-color: var(--petnfun);
    border-radius: 10px;
  }

  .list-2 {
    padding-left: 20px;
  }

  .list-item-2 {
    font-size: 12px;
    line-height: 18px;
  }

  .hizmet-listesi-grid {
    margin-top: 20px;
  }

  .main-container {
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
    display: block;
  }

  .hizmetler-slide {
    width: 45%;
  }

  .hizmet-sub-grid {
    grid-template-rows: 4fr .5fr 2fr;
  }

  .div-block-14 {
    background-position: 50% 27%;
  }

  .hizmet-sub-grid-5 {
    background-position: 50% 64%;
  }

  .grid-3 {
    grid-template-rows: 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    max-width: none;
    min-height: 1000px;
  }

  .hizmetler-slide-button {
    width: 50%;
  }

  .mask {
    padding-left: 5px;
  }

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

  .zellik-h1 {
    margin-left: 0;
    font-size: 16px;
  }

  .galeri-grid {
    grid-template-rows: 200px 200px 200px 200px 200px 200px 200px 200px 200px 200px 200px 200px 200px 200px 200px 200px;
  }

  .galeri-ana-grid {
    grid-row-gap: 10px;
  }

  .galeri-alt-grid {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .grid-div-26 {
    background-position: 50%;
  }

  .map-block {
    justify-content: center;
    align-items: center;
    display: block;
  }

  .div-block-20 {
    flex-flow: column;
    justify-content: flex-end;
    align-items: center;
  }

  .icon {
    font-size: 34px;
  }

  .link-block-4 {
    float: right;
    text-align: right;
    margin-top: 22px;
    margin-right: 10px;
    right: 5px;
  }
}

@media screen and (max-width: 767px) {
  .logo, .logo.colored, .logo.white {
    font-size: 24px;
    line-height: 32px;
  }

  .nav-button-h1 {
    font-size: 16px;
  }

  .left-arrow {
    width: 50px;
  }

  .right-arrow {
    justify-content: center;
    align-items: center;
    width: 50px;
  }

  .ana-hizmet-block {
    margin: 30px 5px;
  }

  .ana-hizmet-grid {
    grid-column-gap: 5px;
    grid-template-columns: 1fr;
  }

  .home-icon {
    width: 30px;
    max-width: none;
    margin-top: 5px;
  }

  .hizmet-h1 {
    margin-top: 5px;
    font-size: 12px;
    line-height: 16px;
  }

  .hizmet-p {
    text-align: center;
    margin: 5px;
    font-size: 12px;
    line-height: 12px;
  }

  .hizmet-p.white {
    text-align: center;
    font-size: 12px;
  }

  .hizmet-block {
    padding: 16px;
  }

  .hizmet-block.brown {
    padding: 15px;
  }

  .barber-icon {
    width: 30px;
    max-width: none;
    margin-top: 5px;
  }

  .hakk-m-zda-text-block {
    margin-bottom: 0;
  }

  .hakk-m-zda-grid {
    grid-template-rows: .75fr 1fr;
  }

  .div-block-8 {
    border-radius: 10px;
  }

  .paragraph {
    font-size: 14px;
    line-height: 20px;
  }

  .feature-div-block {
    flex-flow: wrap;
    justify-content: flex-start;
    align-items: center;
  }

  .feature-text-block {
    margin-top: 5px;
  }

  .hizmetler-grid {
    grid-row-gap: 20px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: row dense;
    min-height: 0;
  }

  .hizmet-slide-sub-block {
    width: auto;
  }

  .hizmet-image-block._5, .hizmet-image-block._2, .hizmet-image-block._3, .hizmet-image-block._4, .hizmet-image-block._6 {
    border-radius: 3px;
    height: 70px;
  }

  .hizmet-image-block._7 {
    height: 70px;
  }

  .hizmet-heading-block {
    margin-left: -10px;
    margin-right: 10px;
  }

  .hizmet-heading {
    font-size: 20px;
    line-height: 28px;
  }

  .hizmet-icon.left, .hizmet-icon.middle, .hizmet-icon.right {
    width: auto;
    max-height: none;
  }

  .hizmet-text {
    font-size: 16px;
  }

  .paragraph-3 {
    font-size: 8px;
    line-height: 12px;
  }

  .hizmet-grid-sub-block {
    height: 100px;
    margin-top: 5px;
    margin-left: 5px;
    margin-right: 5px;
    padding-bottom: 5px;
  }

  .paw-big-left {
    width: 20px;
    max-width: none;
  }

  .paw-small-left {
    width: 10px;
    max-width: none;
    top: 25px;
  }

  .bone {
    width: 20px;
    bottom: 10px;
  }

  .paw-big-right {
    width: 20px;
    max-width: none;
  }

  .paw-small-right {
    width: 10px;
    max-width: none;
    top: 25px;
  }

  .ball {
    width: 20px;
    max-width: none;
    bottom: 20px;
  }

  .hizmet-slider {
    width: 500px;
    height: 250px;
  }

  .hizmet-slider-mask {
    width: 170px;
  }

  .galeri-section {
    margin-top: 40px;
  }

  .galeri-block {
    max-width: 510px;
    margin-left: auto;
    margin-right: auto;
  }

  .galeri-grid-1 {
    grid-column-gap: 5px;
    grid-template-rows: 125px;
    grid-template-columns: 265px 1fr 1fr;
  }

  .galeri-image-1, .galeri-image-2, .galeri-image-3 {
    border-radius: 10px;
  }

  .galeri-grid-2 {
    grid-column-gap: 5px;
    grid-template-rows: 125px;
    grid-template-columns: 1fr 1fr 265px;
    margin-top: 5px;
  }

  .galeri-image-4, .galeri-image-5, .galeri-image-6 {
    border-radius: 10px;
  }

  .merak-edilenler-section {
    margin-bottom: 20px;
  }

  .merak-edilenler-block {
    max-width: 510px;
  }

  .merak-edilenler-slider {
    max-height: 220px;
    overflow: hidden;
  }

  .merka-edilenler-mask {
    width: auto;
  }

  .merak-edilenler-h1 {
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 24px;
  }

  .merak-edlienler-slide-block {
    width: auto;
    height: auto;
  }

  .merak-edlienler-text {
    font-size: 14px;
    line-height: 20px;
  }

  .merak-edilenler-slide {
    width: 100%;
  }

  .footer-main-div {
    max-width: none;
    margin-left: 10px;
    margin-right: 10px;
  }

  .footer-grid {
    grid-column-gap: 20px;
    text-align: left;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
    max-width: 510px;
  }

  .footer-grid-block {
    justify-content: flex-start;
    align-items: center;
  }

  .address-h1 {
    font-size: 16px;
  }

  .location-h1 {
    font-size: 14px;
  }

  .kurumsal-h1 {
    font-size: 16px;
  }

  .kurumsal-block {
    justify-content: flex-start;
    align-items: center;
  }

  .kurumsal-h2 {
    font-size: 14px;
  }

  .footer-image-grid {
    min-height: 200px;
    margin-top: 20px;
  }

  .info-block {
    max-width: 510px;
  }

  .hizmet-grid-block {
    min-height: 0;
  }

  .hizmet-block-bottom {
    margin-top: 0;
    padding-top: 25px;
  }

  .galeri-page-section {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .galeri-page-block {
    max-width: 510px;
    margin-left: auto;
    margin-right: auto;
  }

  .galeri-grid-div {
    height: 300px;
  }

  .ileti-im-section {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .ileti-im-block {
    max-width: 510px;
  }

  .ileti-im-grid {
    grid-template-rows: .25fr 1fr;
  }

  .ileti-im-sub-grid {
    grid-row-gap: 30px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .ileti-im-grid-sub-block {
    padding: 10px;
  }

  .slider-arrow-right, .slider-arrow-left {
    width: 30px;
    max-width: none;
  }

  .image-2 {
    width: 20px;
    max-width: none;
  }

  .main-container {
    width: auto;
    max-width: 100%;
  }

  .hizmetler-slider {
    min-height: 600px;
  }

  .hizmetler-slide {
    width: 100%;
    margin-right: 10px;
    padding-right: 0;
  }

  .hizmet-sub-grid {
    grid-template-rows: 4fr .5fr 2fr;
    min-height: 500px;
  }

  .button-2 {
    line-height: 28px;
  }

  .grid-3 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-rows: .5fr 1fr 1fr 1fr 1fr .5fr;
    grid-template-columns: 1fr;
    min-height: 1500px;
  }

  .hizmetler-slide-button {
    width: 100%;
  }

  .mask {
    padding-left: 10px;
    padding-right: 0;
  }

  .zellikler-grid {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .zellikler-grid-div {
    grid-template-columns: .25fr 1fr;
  }

  .zellik-h1 {
    font-size: 16px;
    line-height: 24px;
  }

  .galeri-grid {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    margin-top: 20px;
  }

  .galeri-grid-ana-block {
    min-height: 900px;
  }

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

@media screen and (max-width: 479px) {
  .logo {
    font-size: 24px;
    line-height: 32px;
  }

  .logo.colored, .logo.white {
    line-height: 32px;
  }

  .nav-button {
    margin-right: 10px;
    padding-top: 1px;
    padding-bottom: 5px;
  }

  .nav-button-h1 {
    font-size: 14px;
  }

  .ana-slider {
    height: 45vh;
  }

  .left-arrow, .right-arrow {
    width: 40px;
  }

  .ana-hizmet-block {
    margin-top: -50px;
    margin-left: 5px;
    margin-right: 5px;
  }

  .ana-hizmet-grid {
    grid-column-gap: 5px;
    grid-template-columns: 1fr;
  }

  .home-icon {
    width: 30px;
    margin-top: 5px;
  }

  .hizmet-h1, .hizmet-h1.white {
    font-size: 14px;
    line-height: 18px;
  }

  .hizmet-p, .hizmet-p.white {
    margin: 5px;
    font-size: 10px;
    line-height: 14px;
  }

  .barber-icon {
    width: 30px;
    margin-top: 5px;
  }

  .hakk-m-zda-div-block {
    margin-left: 0;
    margin-right: 0;
  }

  .hakk-m-zda-text-block {
    text-align: center;
    font-size: 16px;
    line-height: 20px;
  }

  .hakk-m-zda-grid-block {
    margin-top: 20px;
  }

  .hakk-m-zda-grid {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-rows: .25fr 1fr;
  }

  .div-block-8 {
    min-height: 300px;
  }

  .hakk-m-zda-h1 {
    font-size: 20px;
    line-height: 28px;
  }

  .paragraph {
    font-size: 14px;
    line-height: 20px;
  }

  .feature-div-main-block {
    margin-top: 10px;
    margin-left: 5px;
    margin-right: 5px;
    padding-left: 0;
    padding-right: 0;
  }

  .feature-div-block {
    flex-flow: wrap;
    justify-content: start;
    align-items: flex-start;
  }

  .feature-text-block {
    margin-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
  }

  .paragraph-2 {
    font-size: 8px;
    line-height: 12px;
  }

  .hizmetler-grid {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    align-content: stretch;
    min-height: 0;
  }

  .hizmet-slide-sub-block {
    width: 95px;
  }

  .hizmet-image-block._5 {
    height: 50px;
  }

  .hizmet-image-block._2 {
    border-radius: 3px;
    height: 50px;
  }

  .hizmet-image-block._3, .hizmet-image-block._7 {
    height: 50px;
  }

  .hizmet-heading-block {
    margin-left: -5px;
    margin-right: 5px;
  }

  .hizmet-heading {
    margin-left: 5px;
    font-size: 16px;
    line-height: 20px;
  }

  .hizmet-icon.left, .hizmet-icon.middle, .hizmet-icon.right {
    width: 20px;
  }

  .hizmet-text {
    font-size: 14px;
    line-height: 20px;
  }

  .paragraph-3 {
    font-size: 8px;
    line-height: 12px;
  }

  .hizmet-grid-sub-block {
    height: 150px;
    margin: 5px 5px 0;
    padding-bottom: 5px;
  }

  .paw-big-left {
    width: 20px;
    max-width: none;
  }

  .paw-small-left {
    width: 10px;
    top: 25px;
  }

  .bone {
    width: 20px;
    bottom: 10px;
  }

  .paw-big-right {
    width: 20px;
    max-width: none;
  }

  .paw-small-right {
    width: 10px;
    max-width: none;
    top: 25px;
  }

  .ball {
    width: 20px;
    bottom: 0;
  }

  .hizmet-slider {
    width: 315px;
    height: 280px;
  }

  .hizmet-slider-mask {
    width: 105px;
  }

  .galeri-section {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .galeri-block {
    width: auto;
    max-width: 340px;
    margin-left: auto;
    margin-right: auto;
  }

  .galeri-grid-1 {
    grid-row-gap: 5px;
    grid-template-rows: 1fr 1fr;
    grid-template-columns: 1fr;
    grid-auto-rows: 1fr;
    height: 600px;
  }

  .galeri-grid-2 {
    grid-row-gap: 5px;
    grid-template-rows: 1fr 1fr 1fr;
    grid-template-columns: 1fr;
    height: 600px;
  }

  .merak-edilenler-section {
    margin-bottom: 20px;
  }

  .merak-edilenler-block {
    margin-left: auto;
    margin-right: auto;
  }

  .merak-edilenler-slider {
    max-height: 320px;
    margin-top: 20px;
    overflow: hidden;
  }

  .merka-edilenler-mask {
    width: auto;
  }

  .merak-edilenler-h1 {
    margin-top: 0;
    font-size: 20px;
    line-height: 28px;
  }

  .merak-edlienler-slide-block {
    width: auto;
    height: auto;
  }

  .merak-edlienler-text {
    font-size: 16px;
    line-height: 20px;
  }

  .footer-grid {
    grid-template-rows: .75fr .75fr 1fr auto;
    grid-template-columns: auto;
    grid-auto-flow: column;
    align-content: stretch;
    justify-content: stretch;
    max-width: 340px;
  }

  .footer-grid-block {
    justify-content: flex-start;
    align-items: center;
  }

  .address-h1 {
    font-size: 16px;
  }

  .location-h1 {
    font-size: 14px;
  }

  .kurumsal-h1 {
    font-size: 16px;
    line-height: 20px;
  }

  .kurumsal-block {
    text-align: center;
    justify-content: flex-start;
    align-items: center;
  }

  .kurumsal-h2 {
    text-align: left;
    font-size: 14px;
  }

  .footer-image-grid {
    grid-template-rows: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    min-height: 200px;
  }

  .footer-sub-div-h1 {
    line-height: 20px;
  }

  .info-block {
    max-width: 340px;
  }

  .info-h1 {
    font-size: 20px;
    line-height: 28px;
  }

  .hizmetler-p {
    font-size: 14px;
  }

  .hizmet-grid-image {
    min-height: 250px;
  }

  .galeri-page-block {
    max-width: 340px;
  }

  .galeri-page-grid-block {
    margin-top: 20px;
  }

  .galeri-grid-div {
    height: 150px;
  }

  .ileti-im-section {
    margin-top: 0;
    margin-bottom: 0;
  }

  .ileti-im-block {
    max-width: 340px;
  }

  .ileti-im-grid {
    grid-row-gap: 20px;
    grid-template-rows: .5fr 1fr;
    grid-template-columns: 1fr;
  }

  .ileti-im-sub-grid {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .ileti-im-h1 {
    font-size: 20px;
    line-height: 28px;
  }

  .ileti-im-grid-sub-block {
    margin-top: 0;
  }

  .ileti-im-text-block {
    margin-right: 10px;
  }

  .ileti-im-text-h1 {
    margin-bottom: 5px;
    font-size: 16px;
    line-height: 20px;
  }

  .ileti-im-p {
    font-size: 14px;
    line-height: 20px;
  }

  .ileti-im-icon {
    width: auto;
    max-width: 100%;
    max-height: 50%;
    margin: 10px;
  }

  .slider-arrow-right, .slider-arrow-left {
    width: 20px;
  }

  .menu-button {
    padding-top: 16px;
  }

  .image-2 {
    width: 20px;
    max-width: none;
  }

  .main-container {
    max-width: 100%;
  }

  .hizmetler-slider {
    min-height: 470px;
  }

  .link-block-3 {
    min-height: 400px;
  }

  .hizmet-sub-grid {
    grid-template-rows: 4fr 1fr 3fr;
    min-height: 400px;
  }

  .grid-3 {
    grid-template-rows: .5fr 1fr 1fr 1fr 1fr .5fr;
    grid-template-columns: 1fr;
  }

  .mask {
    padding-left: 5px;
  }

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

  .zellikler-grid-div {
    grid-template-columns: auto 1fr;
  }

  .check-image-div {
    padding: 0 5px;
  }

  .zellik-h1 {
    line-height: 22px;
  }

  .galeri-grid {
    grid-template-rows: 200px 200px 200px 200px 200px 200px 200px 200px 200px 200px 200px 200px 200px 200px 200px 200px 200px 200px 200px 200px 200px 200px 200px 200px 200px 200px 200px 200px 200px 200px 200px 200px;
    grid-template-columns: 1fr;
    grid-auto-flow: column;
  }

  .galeri-grid-ana-block {
    min-height: 600px;
  }

  .image-4 {
    width: 60px;
  }

  .slider-h1 {
    margin-bottom: 40px;
    font-size: 24px;
    line-height: 32px;
  }

  .slider-container {
    height: 45vh;
  }

  .link-block-4 {
    width: 32px;
    bottom: 29px;
  }

  .image-5 {
    width: 20px;
    padding-top: 4px;
  }
}

#w-node-bbb91c2e-e7e4-4bd1-483a-281d8ffe53f8-3cbae9a2, #w-node-_9ffbf4e4-285d-15b5-9ff3-7a594fa61223-3cbae9a2 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_34e86dd7-9c74-5ad2-9123-b5f74b1b4239-4b1b4205 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-d24b8211-d15d-76f8-ba22-1ac4c97bec93-fbef335f, #w-node-_7054420f-bc73-17ae-50a4-8412690d0314-fbef335f, #w-node-a7189b37-d96e-4e29-d512-6d2bf06260e2-fbef335f, #w-node-ac3b397e-f8cf-4a2f-6764-8b5e962349de-fbef335f, #w-node-c51a8d07-9b99-7ae3-db87-bbb89e300fe5-fbef335f, #w-node-a762aa7b-ed94-26e7-1fad-3d74f0ee5ee1-fbef335f {
  align-self: start;
}

#w-node-_9835ab6a-b38c-31cd-d30c-2877d3a2e915-d3a2e911, #w-node-_9835ab6a-b38c-31cd-d30c-2877d3a2e92e-d3a2e911 {
  align-self: center;
}

#w-node-_9835ab6a-b38c-31cd-d30c-2877d3a2e925-d3a2e911 {
  align-self: center;
  justify-self: auto;
}

#w-node-_9835ab6a-b38c-31cd-d30c-2877d3a2e91e-d3a2e911, #w-node-_9835ab6a-b38c-31cd-d30c-2877d3a2e935-d3a2e911, #w-node-_9835ab6a-b38c-31cd-d30c-2877d3a2e93e-d3a2e911, #w-node-_9835ab6a-b38c-31cd-d30c-2877d3a2e945-d3a2e911 {
  align-self: center;
}

#w-node-_9eb9084a-cc1d-7ba2-bd3e-793ea2d270a5-8c0355b0, #w-node-_5b100e8b-9a78-ce04-8608-876ada0b36f5-8c0355b0, #w-node-_27bd9b98-1e23-0df0-8d6b-ef567e2362c5-8c0355b0, #w-node-_718d7294-d372-c22d-c897-35bcc08eec2d-8c0355b0, #w-node-_733b92a0-bb70-aa0a-2b47-0139f7b13e5a-8c0355b0, #w-node-_49e7d763-4bd0-0477-2f5f-7d9595c3209e-8c0355b0, #w-node-_5cfd7654-280a-230a-94a9-c75d89f46f53-8c0355b0, #w-node-_425d1114-0dca-2014-d386-03808cc6ff67-8c0355b0, #w-node-_2ef6cdea-4446-1584-2a80-1bd704c9517a-8c0355b0 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_759fb927-fafc-d83c-0b63-3184561fccc9-235e6bc4 {
  justify-self: auto;
}

#w-node-a7573dd1-a335-de01-c6c0-aea229e2b8cd-cd1b00dc, #w-node-_6a1c252c-0d7a-85b0-fa1a-7b3f1e20ce15-cd1b00dc {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 991px) {
  #w-node-bbb91c2e-e7e4-4bd1-483a-281d8ffe53f8-3cbae9a2 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_9ceb19b6-c2b4-5f9b-777c-90f1bc8494cd-3cbae9a2 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_9ffbf4e4-285d-15b5-9ff3-7a594fa61223-3cbae9a2 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_34e86dd7-9c74-5ad2-9123-b5f74b1b4239-4b1b4205 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_9835ab6a-b38c-31cd-d30c-2877d3a2e91a-d3a2e911, #w-node-_9835ab6a-b38c-31cd-d30c-2877d3a2e92a-d3a2e911, #w-node-_9835ab6a-b38c-31cd-d30c-2877d3a2e93a-d3a2e911, #w-node-_9835ab6a-b38c-31cd-d30c-2877d3a2e94a-d3a2e911 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-a7573dd1-a335-de01-c6c0-aea229e2b8cd-cd1b00dc {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }
}

@media screen and (max-width: 767px) {
  #w-node-bbb91c2e-e7e4-4bd1-483a-281d8ffe53f8-3cbae9a2, #w-node-_9ffbf4e4-285d-15b5-9ff3-7a594fa61223-3cbae9a2 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_34e86dd7-9c74-5ad2-9123-b5f74b1b4208-4b1b4205, #w-node-_34e86dd7-9c74-5ad2-9123-b5f74b1b421f-4b1b4205, #w-node-_34e86dd7-9c74-5ad2-9123-b5f74b1b422f-4b1b4205 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-_9835ab6a-b38c-31cd-d30c-2877d3a2e915-d3a2e911 {
    grid-area: 2 / 1 / 3 / 3;
  }

  #w-node-_9835ab6a-b38c-31cd-d30c-2877d3a2e91a-d3a2e911, #w-node-_9835ab6a-b38c-31cd-d30c-2877d3a2e92d-d3a2e911 {
    grid-area: 1 / 1 / 2 / 3;
  }

  #w-node-_9835ab6a-b38c-31cd-d30c-2877d3a2e92e-d3a2e911, #w-node-_9835ab6a-b38c-31cd-d30c-2877d3a2e925-d3a2e911 {
    grid-area: 2 / 1 / 3 / 3;
  }

  #w-node-_9835ab6a-b38c-31cd-d30c-2877d3a2e92a-d3a2e911, #w-node-_9835ab6a-b38c-31cd-d30c-2877d3a2e91d-d3a2e911 {
    grid-area: 1 / 1 / 2 / 3;
  }

  #w-node-_9835ab6a-b38c-31cd-d30c-2877d3a2e91e-d3a2e911, #w-node-_9835ab6a-b38c-31cd-d30c-2877d3a2e935-d3a2e911 {
    grid-area: 2 / 1 / 3 / 3;
  }

  #w-node-_9835ab6a-b38c-31cd-d30c-2877d3a2e93a-d3a2e911, #w-node-_9835ab6a-b38c-31cd-d30c-2877d3a2e93d-d3a2e911 {
    grid-area: 1 / 1 / 2 / 3;
  }

  #w-node-_9835ab6a-b38c-31cd-d30c-2877d3a2e93e-d3a2e911, #w-node-_9835ab6a-b38c-31cd-d30c-2877d3a2e945-d3a2e911 {
    grid-area: 2 / 1 / 3 / 3;
  }

  #w-node-_9835ab6a-b38c-31cd-d30c-2877d3a2e94a-d3a2e911 {
    grid-area: 1 / 1 / 2 / 3;
  }

  #w-node-_9eb9084a-cc1d-7ba2-bd3e-793ea2d270a5-8c0355b0, #w-node-_5b100e8b-9a78-ce04-8608-876ada0b36f5-8c0355b0, #w-node-_27bd9b98-1e23-0df0-8d6b-ef567e2362c5-8c0355b0, #w-node-_718d7294-d372-c22d-c897-35bcc08eec2d-8c0355b0, #w-node-_733b92a0-bb70-aa0a-2b47-0139f7b13e5a-8c0355b0, #w-node-_49e7d763-4bd0-0477-2f5f-7d9595c3209e-8c0355b0, #w-node-_5cfd7654-280a-230a-94a9-c75d89f46f53-8c0355b0, #w-node-_425d1114-0dca-2014-d386-03808cc6ff67-8c0355b0, #w-node-_2ef6cdea-4446-1584-2a80-1bd704c9517a-8c0355b0 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_759fb927-fafc-d83c-0b63-3184561fccab-235e6bc4, #w-node-_759fb927-fafc-d83c-0b63-3184561fccb4-235e6bc4, #w-node-_759fb927-fafc-d83c-0b63-3184561fccbb-235e6bc4, #w-node-_759fb927-fafc-d83c-0b63-3184561fccdb-235e6bc4, #w-node-_759fb927-fafc-d83c-0b63-3184561fcccb-235e6bc4, #w-node-_759fb927-fafc-d83c-0b63-3184561fccc4-235e6bc4, #w-node-_72a2040d-64de-e963-d5cf-d3a1ecb65cd3-235e6bc4, #w-node-_759fb927-fafc-d83c-0b63-3184561fccd4-235e6bc4, #w-node-_10926f99-841e-2138-52ae-ec1cb80d8fa6-235e6bc4 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-a7573dd1-a335-de01-c6c0-aea229e2b8cd-cd1b00dc {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_34e86dd7-9c74-5ad2-9123-b5f74b1b4239-4b1b4205 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }
}