/* For devices with a minimum width of 768px (Medium) */

@media screen and (max-width: 1200px) {
    .hero-section{
        min-height: 750px;
    }
    .wrap-navbar a {
        font-size: 0.9em;
    }
}

@media screen and (max-width: 768px) {

    .hero-section{
        height: 100%;
        min-height: 570px;

        padding-top: 100px;
        /*padding: 50px 0;*/


        .hero-title{
            font-size: 2.5em;
        }
        .hero-subtitle{
            font-size: 1em;
        }
        .breadcrumbs-container{
            display: none;
        }

        .feature-card{
            margin-bottom: 10px;
        }
    }



    .hero-features-mobile.hero-section{
        background: white;
        height: auto;
        min-height: auto;
        padding:50px 0 0 0;

    }
    .hero-features-mobile.hero-section:before{
        display: none;
    }

    .hero-features{
        position: relative;
        bottom: 0;
        margin: 0;
    }

}

/* For devices with a minimum width of 992px (Large) */
@media screen and (max-width: 992px) {
    .hero-features{
        position: relative;
        bottom: 0;
        margin: 0 auto;
        padding-top: 30px;
    }
    .feature-card{
        width: 100%;
    }
}



@media (max-height: 780px) {
    .hero-features{
        position: static;
    }
}