/* Адаптация для планшетов ( 1024px) 
 ______________________________________________________*/

 @media (max-width: 1024px) {
     body {
         line-height: 1.4;
         font-size: 0.9rem;
     }

     .content {
         padding: 0.5rem;
         max-width: 55vw;
     }

     .table-wrapper {
        min-width: 85%;
         overflow-x: auto;
         margin: 0.5rem;
     }

     .table {        
        overflow-x: auto;
         font-size: 0.85rem;
     }

     .table th,
     .table td {
         padding: 0.5rem;
     }

     .image-gov {
         max-width: 100px;
         margin: 0;
     }

     .play-btn,
     .pause-btn,
     .player-time,
     .audio-player {
         font-style: 8px;
         padding: 5px;
     }

     .link-see{
        font-size: 1em;
     }
 }

 /* Адаптация для мобильных (до 900px) 
 ________________________________________________________*/
 @media (max-width: 900px) {}


 /* Адаптация для мобильных (до768px)
 _________________________________________________________ */
 @media (max-width: 768px) {
     .logo {
         width: 2rem;
         height: 2rem;
         left: 0;
     }

     h1 {
         font-size: 1.6rem;
         margin-left: 2.2rem;
         margin-left: 0.5rem;
     }

     h2 {
         font-size: 1.5rem;
         margin-top: 1.5rem !important;
     }

     main {
         padding: 0.5rem;
         display: flex;
         flex-direction: column;
     }

     /* Кнопка Back to Home */
    .btn-HomeandAd-contaner {
         order: 2;
         margin: 10px;
         display: flex;
         flex-direction: column;
         gap: 1rem;
     }
     .btnHome{
        margin-top: 0;
        margin-bottom: 10px;
     }

     .intro-section{
      order: 2;
     }

     /* Растягиваем основную секцию по ширине экрана */
     .content1 {
         order: 3;
         max-width: 90vw;
         padding: 1rem;
         border-radius: 0;
         box-shadow: none;
     }

     .content2{
        order: 5;
     }

     .content3{
        order: 7;
     }

     .text-with-image {
        flex-direction: column;
     }

     .text-with-image  p{
        order: 2;
     }

     .img-costa-rica-dictionary {
        order: 1;
        max-width: 150px;
        /* Ограничиваем ширину картинки */
        height: auto;
        /* Сохраняем пропорции */
        border-radius: 4px;
        /* Закругленные углы (опционально) */
        margin: auto 0;
    }
      
    .modal-content-money {
        width: 200px;
        height: auto;
    }
    
    .intro-text {
        font-size: 1rem;
    }

    .back-to-top-wrapper{
        display: flex;
        width: 100%;
        flex-direction: column;
    }
    .must-try-text {
        padding-top: 40px;
      }


 }

 /* Медиа-запрос для маленьких телефонов (до 480px)
 ___________________________________________________________ */
 @media (max-width: 480px) {
     main {
         padding: 0.5rem;
     }

     h1 {
        font-size: 1.2rem;
        margin-left: 10%;
    }

     .content {
         padding: 0.8rem;
     }

     .table {
        max-width: 95vw;
         font-size: 0.9rem;
     }

     .table th,
     .table td {
         padding: 0.5rem;
     }

     .language-info{
        min-width: 95vw;
     }
 }