@media only screen and (max-width:600px) {
   section#bannersection {background-size: 250%; background-position: 100% 100%; border-bottom: 1px solid #E8E3EB; min-height: 1350px; }
   ul.navbar-nav li.nav-item { font-size: 14px; font-weight: 400; padding-right: 4px; padding-top: 2px; display: inline-block; text-align: center; padding-bottom: 10px; }
   nav.navbar.navbar-expand-lg { width: 100%; padding: 0; background: #fff;}
}
@media only screen and (min-device-width :768px) and (max-device-width :1024px) and (orientation :portrait) {
 section#bannersection {background: #fae3fd url(../images/banner-img.webp) no-repeat; position: relative; background-size: contain; background-position: 100% 100%; border-bottom: 1px solid #E8E3EB; min-height: 870px}
 p.program-byline {width: 65%;}
}
@media only screen and (max-device-width:1366px) and (min-device-width:1024px) and (orientation:portrait) {
section#bannersection { min-height: 686px;}

}
@media only screen and (min-width:1200px) and (max-width:1290px) {
}
@media only screen and (min-width :1400px){
p.program-tagline {font-size: 20px;}
}
@media only screen and (min-width :1500px){

}
@media only screen and (min-width :1600px) {
section#bannersection {background-position: 100% 30%;}
}
@media only screen and (min-width :1800px) {


}
@media only screen and (min-width :2000px) {
}