@media only screen and (max-width:600px) {
    section.bannersection { padding-top: 130px; padding-bottom: 300px ; background-size: 170%; background-position: 100% bottom;background: #ffffff url(../images/xlri-ba-banner-mob.webp) 30% 100% / cover no-repeat; }
.container.header-banner{margin-bottom: 0px;}
ul.navbar-nav li.nav-item { display: block; margin-bottom: 0; margin: auto; }
}
@media only screen and (min-device-width :768px) and (max-device-width :1024px) and (orientation :landscape) {
section.bannersection{padding-top:90px;padding-bottom:40px}
}
@media only screen and (min-device-width :768px) and (max-device-width :1024px) and (orientation :portrait) {
section.bannersection { background-position: -50px 82px;padding-bottom: 0; }
.circle{top:-70px; left: 0; right: 0; margin: auto; bottom: auto;}
.bannersection hr {margin-top: 10px;margin-bottom: 10px;}
ul.navbar-nav li.nav-item { display: block; margin-bottom: 0; margin: auto; }
}
@media only screen and (min-width :1500px) {
section.bannersection{background-position:100% 70px;}
}
@media only screen and (max-device-width:1366px) and (min-device-width:1024px) and (orientation:portrait) {
section.bannersection { background-position: 80% 83px !important; background-size: cover; padding-bottom: 80px; min-height: auto; }
}