@media (max-width: 31em) {
  html {
    /* 8px / 16px = 0.5 = 50% */
    font-size: 46%;
  }
  .contact {
    margin-right: 8%;
  }
  .main-nav-list {
    padding-top: 20%;
    flex-direction: column;
    gap: 6rem;
  }
  .section-hero {
    height: 25rem;
  }
  .hero {
    height: 20rem;
    border-radius: 9px;
  }
  .section-hero2 {
    height: 70rem;
    padding-top: 0%;
    padding-bottom: 3%;
  }
  .gallery-item img {
    height: 100%;
    border-radius: 9px;
  }
  .gallery-items {
    gap: 3%;
    left: 1%;
    right: 1%;
    height: 60rem;
    grid-template-columns: repeat(2, 1fr);
  }
  .gallery-item:nth-child(4),
  .gallery-item:nth-child(5) {
    left: 0%;
  }
  .gallery-item:nth-child(5) {
    left: 50%;
  }
  .gallery-item p {
    font-size: 1.3rem;
  }
  .s2-contenct h1 {
    color: gold;
    font-size: 1.7rem;
  }
  .s2-contenct {
    text-align: center;
    word-spacing: 1px;
    padding: 5%;
    width: 100%;
    height: 100%;
    font-size: 5px;
  }
  .content-text {
    font-size: 1.5rem;
    height: 20rem;
  }
  .services-head {
    height: 4rem;
    font-size: 4rem;
  }
  .slider {
    width: 100%;
    height: 65rem;
  }
  .slider-item {
    width: 13rem;
    height: 13rem;
    padding: 1rem;
  }
  .slider-item p {
    font-size: 1rem;
  }
  #slider-1 {
    width: 10rem;
    height: 10rem;
    font-size: 1.1rem;
  }
  #circle-text {
    font-size: 1.2rem;
  }
  /* Dairesel yerleşim */
  .slider-item:nth-child(2) {
    top: 34%;
    left: 50%;
  }
  .slider-item:nth-child(3) {
    top: 49%;
    left: 76%;
  }
  .slider-item:nth-child(4) {
    top: 73%;
    left: 67%;
  }
  .slider-item:nth-child(5) {
    top: 73%;
    left: 34%;
  }
  .slider-item:nth-child(6) {
    top: 49%;
    left: 24%;
  }
  .right-gallery {
    height: 45rem;
  }
  .left-gallery {
    height: 45rem;
  }
  .right-text {
    height: 35rem;
    font-size: 1.4rem;
  }
  .left-text {
    height: 25rem;
    font-size: 1.4rem;
  }
  /**************************/
  /* VIDEO-SLIDER */
  /**************************/
  .video-header {
    height: 7rem;
    padding-top: 0rem;
    font-size: 4rem;
  }
  .row {
    height: 65rem;
    padding-left: 0;
    padding-right: 0;
  }
  /* ABOUT-US */
  .about-us {
    padding: 3%;
    height: 140rem;
    padding-top: 0%;
    padding-bottom: 0%;
  }
  .about-img {
    height: 50rem;
  }
  .about-main {
    height: 110rem;
  }
  .about-text h1 {
    font-size: 2.3rem;
  }
  .about-text {
    font-size: 1.5rem;
    height: 60rem;
  }
  /**************************/
  /* FOOTER MAIN */
  /**************************/

  .footer {
    height: 89rem;
  }
  .footer-back {
    height: 89rem;
  }
  .footer-contenct {
    background-position: 50%;
    height: 89rem;
    font-size: 1.6rem;
    opacity: 0.7;
  }
  .footer-back img {
    width: 100%;
    height: 80rem;
  }
  .footer-grid {
    height: 33rem;
    grid-template-columns: none;
    grid-template-columns: repeat(1fr);
    display: grid;
  }
  .logo-col {
    height: 90px;
    width: auto;
  }
  .footer-logo {
    height: 90px;
    width: auto;
    margin: auto;
  }
  .footer-logo img {
    height: 90px;
    padding: 0% 0% 0% 0%;
    bottom: 4%;
    margin: auto;
    width: auto;
  }
  .nav-col {
    height: 20rem;
    padding-top: 0%;
  }
  .footer-nav {
    grid-template-columns: repeat(2, 1fr);
    font-size: 3rem;
    gap: 1rem;
    height: 18rem;
    width: 100%;
    padding: 0 0 0 0%;
    display: grid;
    text-align: center;
  }
  #home-foot {
    position: absolute;
    width: 50%;
  }
  .br-space {
    padding: 0% 10% 0% 10%;
  }
  .address-col {
    grid-template-columns: none;
    grid-template-columns: repeat(1fr);
    height: 47rem;
    padding-left: 1%;
    padding-right: 1%;
    font-size: 2.4rem;
    gap: 1%;
    width: 100%;
    align-items: center;
    text-align: center;
  }

  .addres-cont1 {
    height: 4rem;
    padding-top: 0%;
    margin-left: 0%;
    padding-left: 0%;
  }
  .addres-cont2 {
    padding-top: 0%;
    height: 2rem;
    padding-right: 0%;
    padding-left: 0%;
  }
  .addres-cont3 {
    padding-top: 0%;
    height: 4rem;
    margin-left: 0%;
    padding-left: 0%;
    margin-bottom: 0%;
  }
  .social-links {
    padding-top: 0%;
    padding-left: 0%;
    height: 5rem;
    margin-left: 0%;
    margin-bottom: 0%;
  }
  .social-icon {
    align-items: center;
    height: 7rem;
    width: 7rem;
  }
  #soc-pos {
    margin: auto;
  }

  .copyright {
    height: 1cm;
    font-size: 2rem;
  }
  .privaciy {
    height: 2rem;
  }
  #progress {
    z-index: 1000;
    position: fixed;
    bottom: 50px;
    right: 10px;
    height: 70px;
    width: 70px;
  }
  .logo {
    height: 8rem;
  }
}
@media (max-width: 25em) {
  .right-text {
    height: 35rem;
    font-size: 1.5rem;
  }
  .left-text {
    height: 35rem;
    font-size: 1.5rem;
  }
  .logo {
    height: 8rem;
  }
  .contact {
    padding: 1.2rem 2.4rem;
    border-radius: 9px;
    font-size: 1.5rem;
    margin-left: 0rem;
  }
}