@media only screen and (max-width:600px) {
    section.bannersection {padding-bottom: 281px !important; background-position: 94% 110%; background-size: 150%;}
    section.bannersection p.title_desc {font-size: 18px;}
    section.bannersection p br{display: none}
    .bannersection p.call-info{font-size: 18px;}
    img.header-graphic-img { position: absolute; right: 0; bottom: 0; height: auto; width: 90%; }
    footer {padding: 20px 0;}
    ul.navbar-nav li.nav-item { display: block; margin: auto;}
    
}
@media only screen and (min-device-width :768px) and (max-device-width :1024px) and (orientation :landscape) {

}
@media only screen and (min-device-width :768px) and (max-device-width :1024px) and (orientation :portrait) {
    section.bannersection { background-position: 94% 113%; background-size: contain; padding-bottom: 350px; } 
        ul.navbar-nav li.nav-item { display: block; margin: auto;}
}
@media only screen and (max-device-width:1366px) and (min-device-width:1024px) and (orientation:portrait) {
}
@media only screen and (min-width:1200px) and (max-width:1290px) {
}
@media only screen and (min-width :1400px) {
    section.bannersection { background-size: 65%; background-position: 100% 10px}
    .program-details ul {width: 91%;}
    img.awards {width: 84%; margin-bottom: 0;}
    .prg-form {min-height: 585px;}
}
@media only screen and (min-width :1500px) {
}
@media only screen and (min-width :1600px) {
    .program-details ul {width: 85%;}
}
@media only screen and (min-width :1800px) {
   section.bannersection { background-size: 100%; background-position: 100% 29%; padding-bottom: 100px; min-height: 680px; }
    .program-details {bottom: -70px;}
    h2.highlights-heading {bottom: -70px;}
    .program-details ul {width: 70%;}
    img.header-graphic-img { position: absolute; right: 350px; bottom: 0; height: 560px; }
    

}