/**************************/
/* BELOW 704px (Smaller tablets) */
/**************************/
@media (max-width: 44em) {
  .icon-mobile-nav {
    height: 6rem;
    width: 6rem;
    padding-top: 6%;
    padding-left: 0%;
  }
  .section-hero {
    height: 30rem;
  }
  .hero {
    height: 30rem;
    left: 1%;
    right: 1%;
  }
  .content-text {
    font-size: 2.2rem;
    height: 30rem;
  }
  .section-hero2 {
    height: 110rem;
    padding-top: 0%;
    padding-bottom: 3%;
  }
  .gallery-item img {
    height: 100%;
    border-radius: 9px;
  }
  .gallery-items {
    gap: 3%;
    left: 1%;
    right: 1%;
    height: 90rem;
    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: 2rem;
  }
  .s2-contenct {
    padding: 8%;
    width: 100%;
    height: 100%;
    font-size: 1.2rem;
  }
  .logo2 {
    top: 3%;
    left: 92%;
  }
  .slider-item {
    width: 22rem;
    height: 22rem;
    padding: 1rem;
  }
  .slider-item p {
    font-size: 1.8rem;
  }
  .slider {
    width: 100%;
    height: 105rem;
  }
  #slider-1 {
    width: 17rem;
    height: 17rem;
    font-size: 1.5rem;
    top: 55%;
    left: 50%;
  }
  #circle-text {
    font-size: 2rem;
  }
  /* Dairesel yerleşim */
  .slider-item:nth-child(2) {
    top: 34%;
    left: 50%;
  }
  .slider-item:nth-child(3) {
    top: 50%;
    left: 76%;
  }
  .slider-item:nth-child(4) {
    top: 73%;
    left: 66%;
  }
  .slider-item:nth-child(5) {
    top: 73%;
    left: 36%;
  }
  .slider-item:nth-child(6) {
    top: 47%;
    left: 26%;
  }
  .section6-cont {
    grid-template-columns: repeat(1fr);
    display: grid;
    padding-top: 6%;
    padding-left: 2%;
    padding-right: 2%;
  }
  .s6-head-text {
    height: 5rem;
    color: #3533cd;
    text-align: center;
    font-size: 5rem;
  }
  .section6 {
    margin-top: 3%;
    margin-bottom: 6.2%;
    grid-template-columns: none;
  }
  .grid-m {
    grid-template-columns: none;
    display: grid;
    padding: 2rem;
    gap: 3rem;
  }
  .grid-gallery {
    grid-template-columns: repeat(2, 1fr);
    display: grid;
    padding: 1rem;
    gap: 3rem;
  }
  .right-gallery {
    height: 80rem;
  }
  .left-gallery {
    height: 80rem;
  }
  .right-text {
    height: 40rem;
    font-size: 1.8rem;
  }
  .left-text {
    height: 40rem;
    font-size: 1.8rem;
  }
  /**************************/
  /* VIDEO-SLIDER */
  /**************************/
  .row {
    height: 60rem;
    grid-template-columns: 1fr;
    padding-left: 10%;
    padding-right: 10%;
  }
  .gallery {
    padding-right: 0%;
    padding-left: 0%;
  }
  /* ABOUT-US */
  .about-us {
    padding: 30%;
    height: 190rem;
  }
  .about-img {
    height: 70rem;
  }
  .about-main {
    position: absolute;
    left: 0%;
    right: 0%;
    grid-template-columns: none;
    grid-template-columns: repeat(1fr);
    height: 115rem;
  }
  .about-text h1 {
    font-size: 3rem;
  }
  .about-text {
    font-size: 1.8rem;
    padding: 3rem;
    height: 100rem;
  }
  .s6-head-text h1 {
    font-size: 4rem;
  }
  /* FOOTER MAIN */
  .footer {
    height: 65rem;
  }
  .footer-back {
    height: 65rem;
  }
  .footer-contenct {
    background-position: 50%;
    height: 65rem;
    font-size: 2rem;
    opacity: 0.7;
  }
  .fback-im1 img {
    height: 65rem;
  }
  .footer-grid {
    height: 22rem;
    grid-template-columns: none;
    grid-template-columns: repeat(1fr);
  }
  .logo-col {
    height: 15rem;
  }
  .footer-logo {
    height: 15rem;
  }
  .footer-logo img {
    padding: 0% 10% 1% 45%;
    bottom: 4%;
  }
  .nav-col {
    height: 10rem;
    padding-top: 0%;
  }
  .footer-nav {
    gap: 4.2rem;
    height: 10rem;
    padding: 0% 0rem 0rem 0%;
    margin: auto;
  }
  .br-space {
    width: 95%;
  }
  .address-col {
    grid-template-columns: none;
    grid-template-columns: repeat(2, 1fr);
    display: grid;
    width: 100%;
    height: 38rem;
    gap: 5%;
    align-items: center;
  }
  .addres-cont1 {
    height: 20rem;
    padding-top: 5%;
    margin-left: 14%;
  }
  .addres-cont2 {
    padding-top: 5%;
    height: 20rem;
    padding-right: 6%;
  }
  .addres-cont3 {
    padding-top: 0%;
    height: 14rem;
    margin-left: 1%;
  }
  .social-links {
    padding-top: 0%;
    height: 14rem;
    margin-left: 12%;
  }
  .social-icon {
    height: 5rem;
    width: 5rem;
  }
}
/**************************/
/* BELOW 544px (Phones) */
/**************************/
@media (max-width: 34em) {
  html {
    /* 8px / 16px = 0.5 = 50% */
    font-size: 50%;
  }
  .sticky .header .logo {
    height: 8rem;
  }
  .icon-mobile-nav {
    height: 6rem;
    width: 6rem;
    padding-top: 6%;
    padding-left: 0%;
    margin-left: 0%;
    margin-right: 0%;
  }
  .logo2 {
    top: 3%;
    left: 86%;
  }
  .slider {
    width: 100%;
    height: 85rem;
  }
  .slider-item {
    width: 19rem;
    height: 19rem;
    padding: 1rem;
  }
  .slider-item p {
    font-size: 1.5rem;
  }
  #slider-1 {
    width: 14rem;
    height: 14rem;
    font-size: 1.5rem;
    top: 55%;
    left: 50%;
  }
  #circle-text {
    font-size: 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%;
  }
  .grid-gallery {
    grid-template-columns: repeat(2, 1fr);
    display: grid;
    padding: 1rem;
    gap: 1rem;
  }
  .right-gallery {
    height: 60rem;
  }
  .left-gallery {
    height: 60rem;
  }
  /* VIDEO-SLIDER */
  .row {
    height: 65rem;
  }
  /* ABOUT-US */
  .about-us {
    padding: 0%;
    height: 160rem;
    padding-top: 60%;
    padding-bottom: 60%;
  }
  .about-img {
    height: 70rem;
  }
  .about-main {
    height: 125rem;
  }
  .about-text {
    height: 75rem;
  }
  /**************************/
  /* FOOTER MAIN */
  /**************************/

  .footer {
    height: 65rem;
  }
  .footer-back {
    height: 65rem;
  }
  .footer-contenct {
    background-position: 50%;
    height: 65rem;
    font-size: 1.6rem;
    opacity: 0.7;
  }
  .footer-grid {
    height: 24rem;
    width: none;
    grid-template-columns: none;
    grid-template-columns: repeat(1fr);
  }
  .logo-col {
    height: 15rem;

    margin: auto;
  }
  .footer-logo {
    height: 22rem;
  }
  .footer-logo img {
    padding-bottom: 15%;
    padding: 0% 1% 0% 0%;
    height: 145px;
  }
  .nav-col {
    height: 6rem;
    padding-top: 0%;
  }
  .footer-nav {
    font-size: 2.1rem;
    gap: 3rem;
    height: 10rem;
  }
  .br-space {
    padding: 0 5% 0 5%;
  }
  .address-col {
    grid-template-columns: none;
    grid-template-columns: repeat(2, 1fr);
    display: grid;
    height: 38rem;
    padding-left: 5%;
    padding-right: 5%;
    gap: 5%;
    font-size: 2.4rem;
  }

  .addres-cont1 {
    height: 20rem;
    padding-top: 5%;
    margin-left: 0%;
    padding-left: 0%;
  }
  .addres-cont2 {
    padding-top: 5%;
    height: 20rem;
    padding-right: 0%;
    padding-left: 5%;
    margin: auto;
  }
  .addres-cont3 {
    padding-top: 0%;
    height: 14rem;
    margin-left: 0%;
    padding-left: 0%;
    margin-bottom: 15%;
  }
  .social-links {
    padding-top: 0%;
    height: 14rem;
    margin-left: 0%;
    margin-bottom: 20%;
  }
  .social-icon {
    height: 5rem;
    width: 5rem;
  }
  .fullscreen-image {
    max-width: 85%;
    max-height: 85%;
    transition: opacity 0.3s ease-in-out; /* Geçiş efekti */
  }
}