@media (min-width: 320px) and (max-width: 768px) {
.navbar-toggle.collapsed {
    right: 0;
    position: fixed;
    background: transparent;
    background-color: transparent !important;
} 
.navbar-header {
    position: relative;
    width: 100%;
    display: inline-block;
}
.lgx-navbar .navbar-collapse {
    position: relative;
    width: 90%;
    float: left;
    padding-right: 50px;
}
.lgx-navbar .header-login-box {
    position: fixed;
    width: 10%;
    text-align: center;
    float: left;
    padding-top: 25px;
    display: inline-block;
    right: 110px;
    top: -8px !important;
}
.lgx-logo img {
    height: 50px !important;
    margin-top: 5px !important;
}
.sponsors-area .single.jury a img {
    height: auto;
}    
.sponsors-area .single.jury {
    width: 100%;
} 
.sponsors-area .single.showstopper {
    width: 100%;
}
.sponsors-area .single.showstopper a img {
    height: auto;
}  
.lgx-gallery-single {
    min-height: auto;
}    
.lgx-gallery-single-image {
    height: auto;
}    
.lgx-gallery-single-image img {
    height: auto;
}    
.hero-section {
    position: relative;
    margin-top: 0px!important;
}   
.lgx-about-section {
    padding: 30px 0px;
}
    .h1, .h2, h1, h2 {
        font-size: 24px;
        line-height:30px;
        line-height: 30px;
    }
.lgx-heading .heading {
    font-size: 24px;
    line-height:30px;
} 
.lgx-speakers .lgx-inner {
    padding: 30px 0px;
}
}