@media (max-width: 146em) {
  .section-hero {
    height: 60rem;
  }
  .hero {
    height: 60rem;
  }
  .content-text {
    height: 60rem;
  }
  .gallery-items {
    gap: 1%;
  }
  .slider {
    height: 105rem;
  }
  .slider-item {
    width: 25rem;
    height: 25rem;
    padding: 1rem;
  }
  #slider-1 {
    width: 17rem;
    height: 17rem;
    font-size: 1.8rem;
    top: 55%;
    left: 50%;
  }
}
@media (max-width: 120em) {
  html {
    font-size: 59.5%;
  }
  .section-hero {
    height: 55rem;
  }
  .hero {
    height: 55rem;
  }
  .content-text {
    height: 55rem;
  }
  .gallery-items {
    height: 20rem;
  }
  .s2-contenct h1 {
    text-align: center;
    font-size: 2rem;
  }
  .slider {
    width: 100%;
    height: 105rem;
  }
  .slider-item {
    width: 25rem;
    height: 25rem;
    padding: 1rem;
  }
  .slider-item h3 {
    font-size: 1.5rem;
  }
  #slider-item h2 {
    font-size: 1rem;
  }
  #slider-1 {
    width: 17rem;
    height: 17rem;
    font-size: 1.7rem;
    top: 55%;
    left: 50%;
  }
  #circle-text {
    font-size: 2.2rem;
  }
  /* Dairesel yerleşim */
  .slider-item:nth-child(2) {
    top: 28%;
    left: 50%;
  }
  .slider-item:nth-child(3) {
    top: 45%;
    left: 62%;
  }
  .slider-item:nth-child(4) {
    top: 74%;
    left: 59%;
  }
  .slider-item:nth-child(5) {
    top: 76%;
    left: 43%;
  }
  .section6 h1 {
    margin-top: 10%;
  }
  .grid-m {
    grid-template-columns: repeat(1, 2fr);
    padding: 1rem;
    gap: 1rem;
  }
  .grid-gallery {
    grid-template-columns: repeat(2, 1fr);
    padding: 1rem;
    gap: 1rem;
  }
  .right-gallery {
    height: 95rem;
  }
  .left-gallery {
    height: 95rem;
  }
  .right-text {
    font-size: 2.5rem;
  }
  .left-text {
    font-size: 2.5rem;
  }
  /* VIDEO-SLIDER */
  .video-slider {
    padding-top: 5%;
    padding-bottom: 5%;
  }
  .video-header {
    height: 10rem;
  }
  .row {
    height: 40rem;
  }
  .pagebutton {
    height: 3rem;
    width: 50%-50%;
    margin-top: 0%; /* Üst boşluk ekleyin */
  }
  .youtube_video {
    height: 40rem;
  }
  .details {
    margin-left: 0%;
  }
  .details span {
    font-size: 1.6rem;
  }
  .gallery {
    padding-top: 13%;
    padding-bottom: 10%;
    height: 20rem;
  }
  #next1,
  #prev1 {
    top: -10%; /* Dikey konum */
  }
  /* ABOUT-US */
  .about-main {
    grid-template-columns: 35fr 65fr;
  }
  .about-text {
    font-size: 2.2rem;
    padding: 4%;
  }
  .footer-nav {
    gap: 9rem;
  }
}
@media (max-width: 115em) {
  .section-hero {
    height: 45rem;
  }
  .hero {
    height: 45rem;
    left: 1%;
    right: 1%;
  }
  .content-text {
    font-size: 2.2rem;
    height: 45rem;
  }
  .gallery-items {
    gap: 1%;
    height: 14rem;
  }
  .s2-contenct h1 {
    font-size: 2rem;
  }
  .s2-contenct {
    font-size: 1.3rem;
  }
  .slider {
    height: 90rem;
  }

  .slider-item {
    width: 20rem;
    height: 20rem;
  }
  .slider-item p {
    font-size: 1.5rem;
  }

  #slider-1 {
    width: 14rem;
    height: 14rem;
    font-size: 1.5rem;
  }
  #circle-text {
    font-size: 1.7rem;
  }
  .slider-item:nth-child(2) {
    top: 28%;
    left: 50%;
  }
  .slider-item:nth-child(3) {
    top: 46%;
    left: 63%;
  }
  .slider-item:nth-child(4) {
    top: 74%;
    left: 59%;
  }
  .slider-item:nth-child(5) {
    top: 76%;
    left: 42%;
  }
  .slider-item:nth-child(6) {
    top: 47%;
    left: 37%;
  }
  .video-header {
    height: 7rem;
    padding-top: 0rem;
  }
  .row {
    height: 45rem;
  }
  .youtube_video {
    height: 40rem;
  }
  .gallery {
    padding-right: 0%;
    padding-left: 0%;
  }
  /* ABOUT-US */
  .about-us {
    height: 90rem;
    padding: 30%;
  }
  /* FOOTER MAIN */
  .footer-grid {
    width: 90%;
    margin: auto;
  }
  .footer-logo img {
    padding: 0% 10% 1% 65%;
    bottom: 4%;
  }
  .br-space {
    width: 85%;
  }
  .address-col {
    width: 80%;
    gap: 5%;
  }
  .close-button {
    left: 95.5%;
    font-size: 24px;
    height: 30px;
  }
}
@media (max-width: 82em) {
  .header {
    height: 12rem;
    padding: 0 4.8rem;
    position: relative;
  }
  .main-nav-list {
    gap: 1rem;
    margin-left: 0rem;
  }
  .main-nav-link:link,
  .main-nav-link:visited {
    font-size: 1.4rem;
  }
  .logo {
    height: 10rem;
    width: 100%;
  }
  .contact {
    padding: 1rem 2rem;
    border-radius: 9px;
    font-size: 1.4rem;
  }
  .section-hero {
    height: 30rem;
  }
  .hero {
    height: 30rem;
    left: 1%;
    right: 1%;
  }
  .content-text {
    height: 30rem;
  }
  .section-hero2 {
    padding-top: 25%;
    padding-bottom: 25%;
  }
  .gallery-item img {
    height: 100%;
    border-radius: 9px;
  }
  .gallery-items {
    left: 1%;
    gap: 4%;
    right: 1%;
    height: 30rem;
    grid-template-columns: repeat(3, 1fr);
  }
  .gallery-item:nth-child(4),
  .gallery-item:nth-child(5) {
    left: 50%;
  }
  .gallery-item p {
    font-size: 1.4rem;
  }
  .slider {
    height: 60rem;
  }
  .slider-item {
    width: 15rem;
    height: 15rem;
  }
  .slider-item p {
    font-size: 1.2rem;
  }

  #slider-1 {
    width: 10rem;
    height: 10rem;
    font-size: 1rem;
  }
  #circle-text {
    font-size: 1.3rem;
  }
  .right-text {
    font-size: 1.8rem;
    height: 70rem;
  }
  .left-text {
    font-size: 1.8rem;
    height: 70rem;
  }
  .right-gallery {
    height: 70rem;
    gap: 1rem;
  }
  .left-gallery {
    height: 70rem;
  }
  .right-text {
    font-size: 2rem;
  }
  .left-text {
    font-size: 2rem;
  }
  .video-header {
    height: 5rem;
    padding-top: 0rem;
  }
  .row {
    padding-left: 25%;
    padding-right: 25%;
    height: 40rem;
  }
  .details p {
    font-size: 3rem;
    font-family: "Arvo";
  }
  .youtube_video {
    height: 30rem;
  }
  /* ABOUT-US */
  .about-us {
    height: 90rem;
    padding: 30%;
  }
  .about-main {
    left: 3%;
    right: 3%;
    height: 60rem;
    grid-template-columns: 48fr 52fr;
  }
  .about-text h1 {
    font-size: 4rem;
  }
  .about-text {
    font-size: 1.6rem;
  }
  /* FOOTER MAIN */
  .footer-nav {
    gap: 3rem;
  }
  .br-space {
    width: 98%;
  }
  .footer-grid {
    width: 95%;
  }
  .address-col {
    width: 95%;
    font-size: 1.4rem;
    gap: 1%;
  }
  .close-button {
    left: 95.5%;
    font-size: 18px;
    height: 20px;
  }
}