/* @@ -1,59 +1,59 @@ */



/* 04,12,2024
  იმ რეზოლუციაზე რაზეც ბურგერი ჩნდება, ნავიგაციიას დამალვა უნდა გავუწეროთ  */

 /* მობილურზე ნავიგაცია ვერტიკალური გახდეს */

/* მობილურის ნავიგაციის სტილი */

/* @media (max-width: 320px) {
  .burger{
    display: block;
  }
  .navigation{
   display:  none;
}
}
@media (max-width: 320px) {
  .burger {
    display: block;
    cursor: pointer;
  }

  .navigation {
    display: none;
    flex-direction: column;
    position: absolute;
    top: 60px;
    left: 0;
    width: 100%;
    background: white;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    transition: max-height 0.5s ease-in-out;
    max-height: 0;
    overflow: hidden;
  }

  .navigation.show-nav {
    display: flex;
    max-height: 420px;
  }

  .burger:hover i {
    transform: rotate(90deg);
  }

  .burger.open i {
    transform: rotate(90deg);
  }
} */



@media (max-width: 420px) {
  .navigation {
    display: none;
    flex-direction: column;
    align-items: flex-start;
    position: absolute;
    top: 60px;
    left: 0;
    width: 100%;
    background: white;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    max-height: 0;
    transition: max-height 0.3s ease-in-out;
    z-index: 1000;
  }

  .navigation.show {
    display: flex;
    max-height: 500px;
    padding: 10px 20px;
  }

  .burger {
    display: block;
    font-size: 26px;
    z-index: 1100;
    position: relative;
  }

.navigation ul {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
}

.navigation ul li {
  width: 100%;
}

.navigation ul li a {
  text-decoration: none;
  color: #333;
  font-size: 18px;
  width: 100%;
  display: block;
}
}







/* მთავარი გვერდი, ყუთები */

@media (max-width: 1024px) {
    .box1 {
      width: calc(50% - 30px);
    }
  }
  
  @media (max-width: 600px) {
    .box1 {
      width: 100%;
    }

  }

  @media (max-width: 1024px) {
    .box3 {
      width: calc(50% - 30px);
    }
  }
  
  @media (max-width: 600px) {
    .box3 {
      width: 100%;
    }

  }


/* კონტაქტების რესფონსიულობა */



@media (max-width: 768px) {
    .sacont {
      padding: 10px;
    }
    .li_cont li {
      font-size: 20px;
    }
    .social-box {
      gap: 15px;
    }
    .social-box li {
      font-size: 24px;
    }
  }

 /* რუკა */

/* For mobile devices */
@media (max-width: 768px) {
  #contact1 {
    padding-bottom: 75%; /* 4:3 aspect ratio for smaller screens */
  }
}
  

   
  





  /* ფიზიკოსები 
  მობილურისთვის 2x2 განლაგება
პლანშეტისთვის 3x3 განლაგება
მშვენივრად ადაპტირდება სხვადასხვა ეკრანებზე */


  @media (max-width: 1024px) {
    .if1 {
        grid-template-columns: repeat(2, 1fr); 
    }
}

@media (max-width: 768px) {
    .if1 {
        grid-template-columns: repeat(1, 1fr); /
    }
} 
 
@media (max-width: 1024px) {
  .physicists__grid {
      grid-template-columns: repeat(2, 1fr); 
  }
}

@media (max-width: 768px) {
  .physicists__grid {
      grid-template-columns: repeat(1, 1fr); /
  }
} 

/* სიახლეების გვერდი */

@media screen and (max-width: 480px) {
    .survey {
        flex-direction: colum;
    }

    form {
        width: 100%;
        max-width: 100px;
        padding: 15px;
    }
    input {
        font-size: 14px;
        padding: 6px;
    }
    input[type="submit"] {
        padding: 8px;
    }
    }
    .survey2 {
        flex-direction: column;
    }
    form {
        width: 90%;
        padding: 15px;
    }
    input {
        font-size: 14px;
        padding: 6px;
    }
    input[type="submit"] {
        padding: 8px;
    }
    





/* რესფონსივი responsive- პატარა ეკრანებისთვის */

/* Responsive adjustments for smaller screens */











  /* სიახლეების გვერდი

  @media (max-width: 768px) {
    .container__item {
      flex-basis: 100%; მცირე ეკრანზე ერთ ხაზზე */
    /* }
  }

  @media (max-width: 768px) {
    .container__item1 { */
      /* flex-basis: 100%; მცირე ეკრანზე ერთ ხაზზე */
    /* }
  } */

  /* Mobile Responsive  სიახლეების გვერდი, bem მეთოდოლოგია*/

/* @media screen and (max-width: 768px) {
    .container__item--quote {
      width: 100%;
    }
  }
  @media screen and (max-width: 768px) {
    .container__item1--quote {
      width: 100%;
    }
  } */









  /* /* ფიზიკოსები ყუთები */



  @media (min-width: 768px) {
    .box {
        width: 45%; /* On larger screens, 2 boxes will be side by side */
    }
}

@media (max-width: 768px) {
    .box {
        width: 100%; /* On small screens, each box will take full width */
    }
} 
@media (min-width: 428px) {
    .box {
        width: 45%; /* On larger screens, 2 boxes will be side by side */
    }
}

@media (max-width: 428px) {
    .box {
        width: 100%; /* On small screens, each box will take full width */
    }
} 

/* მედია მოთხოვნები (რესპონსიულობა)
ფიზიკოსების ბიოგრაფიები ფოტოებით */



@media (max-width: 768px) {
    .scientists__grid {
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    }

    .scientists__title {
        font-size: 1.8em;
    }

    .main__section.intro {
        font-size: 1.2em;
    }
}

@media (max-width: 480px) {
    .scientists__grid {
        grid-template-columns: 1fr;
    }

    .scientists__title {
        font-size: 1.5em;
    }

    .main__section.intro {
        font-size: 1em;
    }
}



/* about - სიახლეების გვერდი */




@media (max-width: 768px) {
    .test {
        width: 90%;
    }
    .box {
        width: 90%;
    }
}

/* ფიზიკა და ყოველდღიურობა */
@media (max-width: 768px) {
  .section1, #sectionphys {
    margin-left: 0;
    padding: 10px;
  }
}

/* პოსტერი

*/
    /* 2x2 → 2 სვეტი ტაბლეტზე */

    @media (max-width: 768px) {
      .grid-container {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
      }
    }
    /* 1 სვეტი მცირე ეკრანზე */
    @media (max-width: 480px) {
      .grid-container {
        grid-template-columns: 1fr;
        gap: 15px;
      }
      .card {
        width: 100%;
        padding: 1rem;
      }
    }

    @media (min-width: 768px) {
  #hidden-part {
    grid-template-columns: repeat(4, 1fr);
  }
}

/* newv.html */

@media (max-width: 420px) {
  .container {
    padding: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .container__box {
    width: 100%;
    margin-bottom: 20px;
  }

  .container__item--quote {
    font-size: 14px;
    text-align: center;
  }

  iframe.container__text {
    width: 100%;
    height: auto;
    max-width: 300px; /* რომ არ გახდეს ძალიან დიდი */
  }

  .container__title {
    font-size: 18px;
    text-align: center;
  }
}