/* Small devices (phones, 576px and up) */
@media (min-width: 576px) {

    html {
        font-size: 75%;
        /* Adjust as needed */
    }

    #service-content {
        font-size: 16px;
        /* Adjust as needed */
    }

    #service-description {
        font-size: 14px;
        /* Adjust as needed */
        padding: 10px;
        /* Adjust as needed */
        margin: 10px;
        /* Adjust as needed */
        text-align: justify;
        font-family: "Montserrat", sans-serif;

    }

    .carousel-item img {
        height: 200px;
        /* Adjust height as needed */
        object-fit: cover;
        /* Add this line */
    }


    h1,
    .address-info li,
    footer p {
        font-size: 14px;
        text-align: center;
        /* Adjust as needed */
    }

   
              
              .text p {
    text-align: center; 
   
              }
    #downloads-link {
        margin-right: 20px;
    }

    #loginSelect {
        font-size: 14px;
        text-align: center;
        /* Center the selected option */
    }

    .container {
        max-width: 100%;
        /* Adjusting the container width for smaller screens */
    }

    .downloads-row {
        display: block;
        /* Switching to a single column layout */
    }

    .col {
        width: 100%;
        padding: 0;
        margin: 0 auto 20px;
        /* Center the column horizontally and add bottom margin */
    }


.big-text {
    font-size: 40px;
    padding-bottom: 20px;
    font-family: 'Montserrat', sans-serif;
}

    
    .more-downloads {
        margin-top: 10px;
    }

    .more-downloads ul {
        width: 100%;
    }

    .more-downloads span {
        font-size: 18px;
        background-color: #c8f7ce;
        padding: 10px 10px;
        /* Adjusted padding for smaller screens */
        display: block;
        max-width: 420px;
        /* Limiting the span's width */
        font-family: 'Montserrat', sans-serif;
    }


    .downloads a {
        text-decoration: none;
        color: black;
        font-family: 'Montserrat', sans-serif;


    }

    .downloads li,
    .more-downloads li {
        margin-top: 20px;
        position: relative;
        list-style-type: none;
        font-size: 14pt;
        line-height: 1.4;
        /*width: 450px;*/
        padding-left: 45px;
        text-align: justify;
    }


    .downloads li .line,
    .more-downloads li .line {
        height: 2px;
        background-color: gray;
        width: 100%;
        margin-top: 15px;
    }

    /*
    .col-lg-3,
    .col-md-3,
    .col-sm-6,
    .col-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }

      .row.col-lg-8 {
        width: 100%;
    }

    .col-md-4, .col-md-8 {
        width: 100%;
        padding: 0 15px;
    }

    .col-md-4 {
        text-align: center;
    }

    */
}



/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    #service-content {
        font-size: 16px;
        /* Adjust as needed */
    }

    #service-description {
        font-size: 14px;
        /* Adjust as needed */
        padding: 20px;
        /* Adjust as needed */
        margin: 20px;
        /* Adjust as needed */
        text-align: justify;
        font-family: "Montserrat", sans-serif;

    }

    .carousel-item img {
        height: 300px;
        /* Adjust height as needed */
        object-fit: cover;
        /* Add this line */
    }

    h1,
    .address-info li,
    footer p {
        font-size: 16px;
        text-align: center;
        /* Adjust as needed */
    }

 

.text p {
    text-align: center;
}


    #downloads-link {
        margin-right: 20px;
        text-align-last: center;
        /* Center the selected option */
    }

    .container {
        max-width: 100%;
        /* Adjust as needed */
    }
      .row.col-lg-8 {
        width: 100%;
    }

    .col-md-4, .col-md-8 {
        width: 100%;
        padding: 0 15px;
    }

    .col-md-4 {
        text-align: center;
    }

}



/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    #service-content {
        font-size: 24px;
        /* Adjust as needed */
    }

    #service-description {
        font-size: 18px;
        /* Adjust as needed */
        padding: 10px;
        /* Adjust as needed */
        margin: 10px;
        /* Adjust as needed */
        text-align: justify;
        font-family: "Montserrat", sans-serif;

    }

    .carousel-item img {
        height: 400px;
        /* Adjust height as needed */
        object-fit: cover;
        /* Add this line */
    }

    h1,
    .address-info li,
    footer p {
        font-size: 18px;
        /* Adjust as needed */
    }


    .navbar-nav .nav-link {
        color: #333;
        text-align: center;
        margin-right: 5px;
        /* Add this line */
    }

    #downloads-link {
        margin-right: 20px;
        text-align-last: center;
        /* Center the selected option */
    }

           .text p {
               text-align: center;
           }



     .container {
        max-width: 100%; /* Adjust as needed */
      }

    
    
      .more-downloads {
        margin-top: 10px;
      }

      .more-downloads ul {
        width: 100%;
      }

      .more-downloads span {
        font-size: 14px;
        background-color: #c8f7ce;
        padding: 10px 10px; /* Adjusted padding for smaller screens */
        display: block;
        max-width:420px; /* Limiting the span's width */
        font-family: 'Montserrat', sans-serif;
      }


      .downloads a {
      text-decoration: none;
      color: black;
      font-family: 'Montserrat', sans-serif;
    }

      .downloads li,
      .more-downloads li {
        margin-top: 20px;
        position: relative;
        list-style-type: none;
        font-size: 14pt;
        line-height: 1.4;
        width: 400px;
        padding-left: 10px;
        text-align: justify;
      }


      .downloads li .line,
      .more-downloads li .line {
        height: 2px;
        background-color: gray;
        width: 100%;
        margin-top: 15px;
      }

   .row .col-lg-3 {
        flex: 0 0 100%;
        max-width: 100%;
    }



}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    #service-content {
        font-size: 28px;
        /* Adjust as needed */
    }

    #service-description {
        font-size: 20px;
        /* Adjust as needed */
        padding: 10px;
        /* Adjust as needed */
        margin: 10px;
        /* Adjust as needed */
        text-align: justify;
        font-family: "Montserrat", sans-serif;

    }

    .carousel-item img {
        height: 500px;
        /* Adjust height as needed */
        object-fit: cover;
        /* Add this line */
    }

    h1,
    .address-info li,
    footer p {
        font-size: 15px;
        /* Adjust as needed */
    }

    

    .navbar-nav .nav-link {
        color: #333;
        text-align: center;
        margin-right: 5px;
        /* Add this line */
    }

    #downloads-link {
        margin-right: 20px;
    }

    #loginSelect {
        width: 100%;
        /* Make the select element take the full width of its parent */
        text-align-last: center;
        /* Center the selected option */
    }

    .container {
        max-width: 100%;
        /* Adjust as needed */
    }

}


/* Screen size 720x1480 */
@media (max-width: 720px) and (max-height: 1480px) {
    #service-content {
        font-size: 18px;
        /* Adjust as needed */
    }

    #service-description {
        font-size: 14px;
        /* Adjust as needed */
        padding: 10px;
        /* Adjust as needed */
        margin: 10px;
        /* Adjust as needed */
        text-align: justify;
        font-family: "Montserrat", sans-serif;

    }

    .carousel-item img {
        height: 400px;
        /* Adjust height as needed */
        object-fit: cover;
        /* Add this line */
    }

    h1,
    .address-info li,
    footer p {
        font-size: 14px;
        text-align: center;
        /* Adjust as needed */
    }

   


                           .text p {
                               text-align: center;
                           }

    #loginSelect {
        width: 100%;
        /* Make the select element take the full width of its parent */
        text-align-last: center;
        /* Center the selected option */
    }

    .container {
        max-width: 80%;
        /* Adjust as needed */
    }
      .row.col-lg-8 {
        width: 100%;
    }

    .col-md-4, .col-md-8 {
        width: 100%;
        padding: 0 15px;
    }

    .col-md-4 {
        text-align: center;
    }



}