@media (max-width: 1169px) {
.banner .coption .wrap{width:auto;}
.cmn-heading{width:auto;}
.nav-main .navbar-nav li a{padding: 12px 6px;}
.fixedheader .logo{width:38%;}
.banner .coption span{font-size:20px;}
}


@media (max-width:900px) {
.fixedheader .logo{width:100%;}
.banner .coption span{font-size:14px;}
.contact-main .info{margin-left:0;}
.card-section .imageL, .card-section .imageR {}
}
@media (max-width:767px) {
.top-sec-main{position:static; background:#000;}	
.banner .coption span, .banner .coption .wrap{background:none;}
.banner .coption { bottom: 6%;}
.banner .coption span{font-size:18px;}
.banner .coption span.white-txt, .banner .coption span.yellow-txt{float:none; display:block; background: rgba(0, 0, 0, 0.4); color:#fff; margin-bottom:5px;}	
.logo{display: inline-block; padding: 20px 0;  text-align: center; width: 150px ;}
.top-sec-main .fixedheader{border-radius:0;}	

#top-header .container{padding:0;}
#top-header.fixedheader .container {padding-left:15px; padding-right:15px;}

#top-header.nav-main{/*display:none;*/margin-bottom: 0;}
#top-header.fixedheader {display:block;}
.nav-main .navbar-toggle{ background-color: #e3b001; color: #fff;  font-family: 'Open Sans'; font-size: 24px; font-weight: bold; letter-spacing: 0; margin: 34px 0 0;
    padding: 0; text-align: center; text-transform: uppercase;}
#top-header.fixedheader .navbar-toggle{margin: 24px 0 0;}
.nav-main .navbar-toggle .fa.fa-navicon { font-size: 34px;  padding: 10px 20px;}

.top-sec-main .navbar-nav , .top-sec-main .fixedheader .navbar-collapse { clear: both;  float: none;width: auto;}
.nav-main .navbar-nav{margin-top:0; margin-bottom:0;}
.nav-main.fixedheader .navbar-nav {}
.nav-main .navbar-nav li {display: block; background:#000;}
.nav-main .navbar-nav li a, .nav-main.fixedheader .navbar-nav li a{ border:none;  border-bottom: 1px solid #333333;}
.nav-main .navbar-nav li a:hover, .nav-main .navbar-nav li a:focus, .nav-main.fixedheader .navbar-nav li a:hover, .nav-main.fixedheader .navbar-nav li a:focus{ border:none; border-bottom: 1px solid #e3b001;}
.card-section .imageL, .card-section .imageR {padding:0; text-align:center;}
.cmn-heading h2{font-size:38px;}
.cmn-heading p{font-size: 16px;}
.event-section .cmn-heading p{font-size: 14px;}
.contact-main .map {height: 1200px;}

ul.foot-links, ul.social{text-align:center;}
ul.foot-links li { display: inline-block;}
}

@media (max-width:479px) {
.banner .coption span{font-size:13px;}	
table.event-date th, table.event-date td{padding: 10px 6px; font-size:12px;}
.cmn-heading h2 {  font-size: 30px;}
}