/* =================================
SAFE MOBILE FIXES FOR GNPS
================================= */

@media(max-width:991px){

body{
overflow-x:hidden;
}

/* HERO SECTION */

.hero-section{
height:35vh !important;
}

/* BANNER */

.banner-text h2{
font-size:28px !important;
line-height:1.4;
text-align:center;
}

.banner-content p{
font-size:15px !important;
line-height:1.8;
}

/* STACK SEARCH */

.search-form{
flex-direction:column;
}

.search-form button{
width:100%;
margin-top:10px;
}

/* HIGHLIGHTS */

.highlights ul{
grid-template-columns:1fr !important;
}

/* PROGRAM BOXES */

.abt-col{
margin-bottom:20px;
height:auto !important;
}

/* MOBILE SPACING */

.section-title{
margin-bottom:2rem !important;
}

/* BUTTONS */

.cta-buttons a{
display:block;
margin:10px auto !important;
width:90%;
text-align:center;
}

/* GALLERY */

.masonary li{
width:100% !important;
}

/* TABLE FIX */

table{
display:block;
overflow-x:auto;
width:100%;
}

}

/* =================================
SMALL MOBILE
================================= */

@media(max-width:576px){

.hero-section{
height:28vh !important;
}

.banner-text h2{
font-size:22px !important;
}

.section-title h2{
font-size:24px !important;
line-height:1.4;
}

.banner-content p,
.abt-col p{
font-size:14px !important;
}

.logo-mobile img{
max-height:50px !important;
}

.responsive-menu ul li a{
padding:14px 15px;
font-size:14px;
}

.parent-login-mobile a{
width:100%;
}

}
.logo-mobile img{
width:auto;
max-width:240px;
height:auto;
}
.close-menu{
padding-left:15px;
font-size:28px;
}

/* MOBILE DROPDOWN MENU */

.submenu{
display:none;
background:#00264d;
padding-left:15px;
}

.submenu li{
border-bottom:none !important;
}

.submenu li a{
font-size:14px;
padding:10px 15px;
display:block;
color:#fff;
}

.dropdown-toggle{
display:flex;
justify-content:space-between;
align-items:center;
padding-right:15px;
cursor:pointer;
}

.dropdown-icon{
color:#fff;
font-size:20px;
font-weight:bold;
}

/* SUBMENU DESIGN IMPROVEMENT */

.submenu{
display:none;
background:#00264d;
padding-left:20px;
border-left:3px solid #f8c301;
margin-left:15px;
}

.submenu li{
border-bottom:none !important;
}

.submenu li a{
font-size:14px;
padding:12px 15px;
display:block;
color:#dfefff !important;
font-weight:500;
}

/* MAIN MENU DIFFERENT */

.responsive-menu > ul > li > a{
font-weight:700;
font-size:16px;
color:#fff;
}

.submenu li a:before{
content:"› ";
color:#f8c301;
font-size:16px;
margin-right:5px;
}