:root {
  --orange: #f15822;
  --dark-grey: #000b1a;
  --white: #fff;
  --black: #000;
  --bgBlack: #15222b;
  --bodyBg: #f4f3fa;
}

@media only screen and (max-width: 1920px) {
}

@media only screen and (max-width: 1600px) {

}

@media only screen and (max-width: 1400px) {

}

@media only screen and (max-width: 1366px) {

}

@media only screen and (max-width: 1280px) {
    .navbar > .container, .navbar > .container-fluid {
        align-items: flex-start;
    }
}

@media (max-width: 1024px) {
.navbar-dark .navbar-nav .nav-link {font-size: 17px;padding: 3px 5px;}
.heading h1 {font-size: 30px;}
.heading h1:before, .heading h1:after {width: 15%;}
.footer-internal-container {padding: 30px 50px;}
footer {padding: 40px 50px;}
.scroll-to-top {width: 35px;height: 35px;right: 15px;bottom: 15px;}
.navbar-expand-lg .navbar-nav .nav-link:after, .navbar-expand-lg .navbar-nav .nav-link:before {
display: none;}
.navbar-expand-lg .navbar-nav .nav-link:after, .navbar-expand-lg .navbar-nav .nav-link:after {
display: none;}
.reason-attending-container ul{display:block;}
.reason-attending-container ul li{margin:5px 0px 5px 0px}
.reason-attending-container div {
    text-align: center;
    padding: 0px 10px;
    float: none;
width: 100%;margin: 0px 0px;}
.reason-attending-container div p{padding:4px 0px;}

}

@media (max-width: 991px) {
.navbar-dark .navbar-nav .nav-link:hover {background: var(--golden-gradient);color:var(--black) !important;}
.footer-right ul li img {width: 35px;height: 35px;}
}

@media only screen and (max-width: 768px) {
	 .navbar > .container, .navbar > .container-fluid {
        align-items: flex-start;background: var(--maroon);
        padding-bottom: 10px;
    }
.navbar{height:55px;}
.nav-links {display: none;flex-direction: column;background-color: #333;position: absolute;
top: 60px;right: 0;width: 200px;text-align: right;padding: 10px;}
.nav-links.active {display: flex;}
.menu-toggle {display: block;}
.nav-links li {margin: 10px 0;}
.navbar-dark .navbar-nav .nav-link {border-bottom: 1px solid #ffffff47;}
.navbar-toggler {
        padding: 3px 3px;
        margin: 4px 0px;
    }
.navbar-brand img{width:230px;}
.banner {margin-top: 50px;}
.heading {font-size: 20px;line-height: 20px;}
.content{padding:20px 20px;}
.reasonAttending-bg{padding:20px 20px 0px 20px}
.content p, .reasonAttending-bg p{font-size:14px; line-height:22px;}
.reasonAttending-bg p br{display:none;}
.reason-attending-container ul li:nth-child(odd), .reason-attending-container ul li:nth-child(even){width:100%;}
.reason-attending-container{padding:0px 0px 0px 0px;}
.reason-attending-container li h2 br{display:none;}
.reason-attending-container ul li{height:auto;font-size: 14px;line-height: 22px;}
.limited-seatbg{height:100px;}
.footer-left, .footer-right {width: 100%;}
.footer-left {border-bottom: 1px solid white;padding-bottom: 10px;margin-bottom: 15px;}
footer {padding: 20px 0px;background-color: var(--black);}
.footer-internal-container {padding: 15px 30px;}
}

@media only screen and (max-width: 640px) {

}

@media only screen and (max-width: 575px) {
footer h1 {font-size: 20px;}
footer ul li {font-size: 15px;}
footer ul {margin: 0px 0px;}
}

@media only screen and (max-width: 480px) {
.navbar {height: 50px;}
.navbar-brand {padding:0px 0px;}
.navbar-brand img {width: 200px;}
.navbar-toggler {padding: 3px 3px;margin: 4px 0px;}
.banner {margin-top: 70px;}
.banner-mobile {margin-top: 50px;}
.banner {margin-top: 50px;}
.heading h1 {margin: 5px 0px 5px 0px;font-size: 25px;}
.scroll-to-top {width: 20px;height: 20px;right: 5px;bottom: 5px;}
.fa-chevron-up:before{font-size:12px;}
.caret-icon {width: 10px;}
}

@media only screen and (max-width: 440px) {
.heading h1 {margin: 5px 0px 5px 0px;font-size: 21px;}
.limited-seatbg p{font-size:13px; line-height:16px;}
.footer-internal-container {padding: 15px 15px;}
}

@media only screen and (max-width: 414px) {

}

@media only screen and (max-width: 400px) {
.banner-mobile {margin-top: 45px;}
.limited-seatbg p{font-size:12px; line-height:16px;}
}

@media only screen and (max-width:375px) {
.reason-attending-container div{padding:0px 5px;}
}
