/* Mobile Large (L) - min-width: 768px and max-width: 991.98px */
@media (min-width: 768px) and (max-width: 991.98px) {
    .font18 {
        font-size: 16px !important; /* Adjust as needed */
    }
    .font20 {
        font-size: 18px !important; /* Adjust as needed */
    }
    .font24 {
        font-size: 20px !important; /* Adjust as needed */
    }
    .font30 {
        font-size: 25px !important; /* Adjust as needed */
    }
    .font35 {
        font-size: 30px !important; /* Adjust as needed */
    }
    .font40 {
        font-size: 35px !important; /* Adjust as needed */
    }
    .font60 {
        font-size: 50px !important; /* Adjust as needed */
    }
    .font70 {
        font-size: 60px !important; /* Adjust as needed */
    }
    .font100 {
        font-size: 80px !important; /* Adjust as needed */
    }

    .home-section {
        width: 100%;
        min-height: 25vh !important;
        background-color: #000!important;
        padding: 20% 0 40px 0 !important;
    }

    .mobile-eco-img{
        height: auto!important;
    }

    .mobile-about-content{
        font-size: 15px !important;
        font-weight: 400 !important;
    }
    .first-section {
        width: 100%;
        padding: 0px 0 0px 0 !important;
        min-height: 25vh;
    }

    .desktop-about-section{
        display: none!important;
    }

    .mobile-about-section{
        display: block!important;
    }


    .mobile-mar-top-5per{
        margin-top: 5% !important;
    }
    .mobile-pad-bottom-5per{
        padding-bottom: 5% !important;
        font-size: 30px !important;
        line-height: 30px !important;
    }

    .about-section {
        width: 100%;
        padding: 20px 0 40px 0 !important;
        min-height: 60vh;
    }

    /*Join*/
    .join-section {
        width: 100%;
        padding: 20px 0 40px 0 !important;
        min-height: 25vh;
    }

    .join-content{
        font-size: 15px !important;
        font-weight: 300 !important;
    }

    .contact-form-input, input.form-control.bg-transparent.contact-form-input:focus {
        margin-bottom: 5%;
    }

    .contact-content{
        font-size: 16px !important;
        font-weight: 400 !important;
    }

    .mobile-pt-0{
        padding-top: 0% !important;
    }
}