/* @media(min-width:1280px){
    #hero-section-cover {
        height: 28rem;
    }
}
@media(min-width:1230px){
    #hero-section-cover {
        height: 27rem;
    }
}
@media(min-width:1194px){
    #hero-section-cover {
        height: 26rem;
    }
}
@media(min-width:1170px){
    #hero-section-cover {
        height: 25rem;
    }
}
@media(min-width:1120px){
    #hero-section-cover {
        height: 24rem;
    }
}
@media(min-width:1090px){
    #hero-section-cover {
        height: 23rem;
    }
} */
/* @media(min-width:1840px){
    #hero-section-cover {
        height: 40rem;
    }
} */
@media(max-width:2000px){
    #hero-section-cover {
        height: 40rem;
    }
}
@media(max-width:1500px){
    #hero-section-cover {
        height: 28rem;
    }
    #hero-section-new .navbar a .logo,
    #hero-section-cover .navbar a .logo {
        height: 50px;
    }
}
/* @media(min-width:1200px){
    #hero-section-cover {
        height: 27rem;
    }
} */
@media(max-width:1024px){
    #topic-details .content {
        min-height: 20vh;
    }
}
@media(max-width:1024px) and (min-width:835px){
    .d-flex#wrapper #hero-section-cover{
        height: 21.2rem;
    }
    .d-flex.toggled#wrapper #hero-section-cover{
        height: 22.2rem;
    }
}
@media(max-width:830px){
    .d-flex#wrapper #hero-section-cover{
        height: 15.5rem;
    }
    .d-flex.toggled#wrapper #hero-section-cover{
        height: 18rem;
    }
}
@media(width:812px) and(width:823px){
    #hero-section-cover {
        height: 18rem;
    }
}

@media(max-width:823px){
    .navbar{
        z-index:999;
    }
    #hero-section-new .navbar .navbar-collapse ul.navbar-nav li,
    #hero-section-new .navbar .navbar-collapse ul.navbar-nav li a,
    #hero-section-cover .navbar .navbar-collapse ul.navbar-nav li,
    #hero-section-cover .navbar .navbar-collapse ul.navbar-nav li a{
        color:#000;
    }
    .Welcome {
        padding: 0px 27px !important;
    }
}
@media(max-width:812px){
    #topic-details .content {
        min-height: 10vh;
    }
}
@media(max-width:768px) and (min-width:700px){
    #hero-section-cover {
        height: 17rem;
    }
}
@media(width:768px){
    .d-flex#wrapper #hero-section-cover{
        height:14rem;
    }
    .d-flex.toggled#wrapper #hero-section-cover{
        height:17rem;
    }
}
@media(max-width:699px) and (min-width:600px){
    .d-flex.toggled#wrapper #hero-section-cover,
    .d-flex#wrapper #hero-section-cover{
        height: 15rem;
    }
}
@media(width:640px){
    #hero-section-cover {
        height: 15rem;
    }
}
@media(max-width:599px) and (min-width:500px){
    #hero-section-cover {
        height: 20rem;
    }
}
/* @media(max-width:499px) and (min-width:400px){
    #hero-section-cover {
        height: 18rem;
    }
} */
@media(max-width:568px){
    .d-flex#wrapper #hero-section-cover{
        background: linear-gradient(#022f5b70,#022f5b70),url(../images/web_page_cover_no_logo.jpg);
        height: 9rem;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    #hero-section .navbar, #hero-section-cover .navbar {
        background: none;
    }
    #hero-section-new{
        background: linear-gradient(#022f5b70,#022f5b70);
    }
    .inner-nav{
        height:70px!important
    }
    #topic-details .content {
        min-height: 10vh;
    }
}