:root {
  --orange: #f15822;
  --dark-grey: #000b1a;
  --white: #fff;
  --black: #000;
  --bgBlack: #15222b;
  --bodyBg: #f4f3fa;
}
@media only screen and (max-width: 1920px) {
.footer-inner {background-position: 0px -114px;}
}

@media only screen and (max-width: 1600px) {
}

@media only screen and (max-width: 1400px) {
}

@media only screen and (max-width: 1366px) {
.footer-inner{background-position:0px -70px;}
}

@media only screen and (max-width: 1112px) {

}

@media only screen and (max-width: 1024px){

}

@media only screen and (max-width: 980px) {

}

@media only screen and (max-width: 800px) {

}

@media only screen and (max-width: 768px) {
body {font-size: 15px;line-height: 21px;}
header{height:55px;}
.navbar{align-items:flex-start;height:55px;}
.navbar-brand {margin-top:0px;max-width: 310px;}
.navbar-toggler{border:1px solid var(--white);margin-top: 7px;}
.collapse.show {display: block;background: var(--orange);margin-top: -10px;z-index: -1;    padding: 20px 0px;}
.navbar-expand-lg .navbar-nav .nav-link {padding: 5px 20px;border-bottom: 1px solid #ffffff36;}
.navbar-toggler-icon {background-image:url(../images/lucknow29th-images/navbar-toggle-image.png);background-repeat: no-repeat;background-size: 30px;background-position: center center;}
.navbar-expand-lg .navbar-nav .nav-link:hover {color: var(--black) !important;}
.navbar-expand-lg .navbar-nav .nav-link:last-child{border-bottom: none;}
.banner-mobile {display: block;margin-top: 55px;}
.desktopView{display:none;}
.mobileView{display:block;}
footer {margin:110px 0px 0px 0px;}
.footer-inner {padding:10px 10px;height: 200px;}
.footer-left {width:99%;padding-left: 20px;border-bottom:1px solid #cccccc30;padding-bottom: 15px;margin-bottom: 10px;}
.footer-right {width: 99%;padding-left:20px;padding-bottom: 10px;margin-bottom: 10px;}
footer .h2, footer h2{font-size: 21px;font-weight:bold;}
footer .pr-1,  footer .px-1{padding-right:4px !important;}
.footer-right ul li img {max-width:32px;}
.scroll-to-top{right:5px;bottom:5px;width:20px;height:20px;}
.banner{margin:20px 0px 0px 0px;}
}

@media only screen and (max-width: 640px) {
footer{padding-bottom:20px;}
.footer-right ul li img{max-width:25px;}
}

@media only screen and (max-width: 575px) {
}

@media only screen and (max-width: 480px) {
header {padding: 0px 20px;}
.navbar-brand{max-width:295px;margin-top:0px;}
.navbar{align-items:start;}
.navbar-toggler{margin:5px 0px;padding:3px 3px;}
    .navbar-toggler-icon {
        background-image: url(../images/lucknow29th-images/navbar-toggle-image.png);
        background-repeat: no-repeat;
        background-size: 20px;
        background-position: center center;
        width: 20px;
        height: 20px;
        padding: 1px 1px !important;
    }
.banner-mobile{margin-top: 40px;}
.footer-inner {width: 90%;padding: 20px 10px;height: 275px;}
footer .h2, footer h2 {font-size:18px;}
.footer-left li {width: 100%;line-height:20px;border-right:none !important;}
footer .pl-2, footer .px-2{padding-left: 0px !important;}
    
}

@media only screen and (max-width: 440px){

}


@media only screen and (max-width:414px) {}


@media only screen and (max-width: 400px) {
.navbar-brand{max-width:270px;}
.banner-mobile{margin-top:40px;}
header{height:40px;}
}

@media only screen and (max-width:375px) {	

}