/* bp Overwrite */
.container, .modal-ajax.container, .modal-iframe{
	max-width: 1215px;
}

.mainWrapper{
	position: relative;
	width: 100%;
	display: block;
}


#navIcon{
	display: none;
}
	
/* Small devices (tablets, 768px and up) */


@media (min-width: 1200px) {

	body{
		/* background: red; */
	}
}

@media (max-width: 1300px) {
	
	body{ 
		/* background: pink; */
	}
	#carousel > button.forward.carousel-control { right: 60%;}
	#carousel > button.back.carousel-control { left: 60%;}
		
}
@media (max-width: 1240px) {
	
	body{
		/* background: purple; */
	}
    header #navCont li{ font-size: 1.2em; }
    header #navSlogan{ font-size: 1.1em; }
	footer .footerLogos img { margin-bottom: 10px;}
    
}
@media (max-width: 1179px) {
	
	body{
		/* background: purple; */
	}
	#carousel > button.forward.carousel-control { right: 70%;}
	#carousel > button.back.carousel-control { left: 70%;}

}
	
@media (max-width: 1000px) {
	
	body{
		/* background: purple; */	
	}
    header .logo { width: 200px; }
}
@media (max-width: 1060px) {
	
	#navCont{ display: none; }
	#navIcon{ display: block; position: absolute; right: 10px; background: #be9f57; border-radius: 5px; border-top-left-radius: 0px; color: #ffffff; border: 0px; top: 70px; padding: 0 10px; }
	#navIcon .fa{  margin: 0 5px 0 0; }
	.main .sidePanel ul.subNav, .main .sidePanel ul.departments { margin: 0px 20px 10px 20px;}
	.main .sidePanel h2 { margin: 10px 20px 0 20px;}
	#wrapper > div.carouselOverlay { display: none; }
}
@media (max-width: 1010px) {
	
	body{
		/* background: purple; */
	}
	header { height: 140px;}
	header .container { height: 140px;}
	
}
	
@media (max-width: 990px) {
	
	body{
		/* background: navy; */
	}
    header .container{ padding: 20px 10px 0 20px;}
    header #navCont{ position: absolute; width: 100%; height: auto; top: 140px; right: 0px;}
	header nav#navCont ul.menu{ border-radius: 5px; border-top-left-radius: 0px; margin: 0; padding: 0px; display: block; list-style: none; position: relative; max-height: none; width: 100%; text-align: center; color: #be9f57; background: #ffffff; position: relative; clear: both; right: inherit; height: auto; }
	header nav#navCont ul.menu li{ display: block; clear: both; height: auto; font-size: 1.3em; line-height: 2em; background: none; border-bottom: 1px rgba(225,225,225,.8) solid; padding: 0; float: none; }
    header #navCont li:hover > ul{ display: none; }
    header #navCont li a { width: 100%; display: block; padding: 0 !important; margin: 0 !important; color: #be9f57 !important; font-size: 15px; line-height: 35px !important; font-size: 18px; }
    header #navCont li.active a{ text-decoration: none; background-color: rgba(225,225,225,.2);}
    header #navCont li a:hover { background: #be9f57; color: #ffffff; }
    header #navCont li:last-child a{ margin: 0;}
    header #navCont li:last-child{ margin: 0;}
    header #navCont li:after {content: "";}
	header nav#navCont ul.menu li.blank{ display: none; }
	header nav#navCont ul.menu li:last-child{ border-bottom: 0px #cccccc solid; background: none; }
	.onScroll { opacity: 1;}
	header #navCont .menu li:hover > div.visitContainer {display: none;}
	header #navCont .menu li:hover { }
	#wrapper > div > div.fullPanel > div.container.homepageContent > div:nth-child(1) > div.col-m-6.homeWelcome  { margin: 0; }
	#wrapper > div > div.fullPanel > div.container.homepageContent > div:nth-child(1) > div.col-m-6.homeWelcome h2 { text-align: center; }
	#wrapper > div > div.fullPanel > div.container.homepageContent > div:nth-child(1) > div.col-m-6.homeWelcome p { text-align: center; }
	#wrapper > div > div.fullPanel .homeSocial h1 { display: block; text-align: center; } 

    header #contact{ margin-right: 0;  left: 20px; right: auto; top: 0; }
	header #email{ margin-left: 0;  right: 20px; left: auto; top: 0; }
	.carousel figcaption{ display: none; }
	footer ul#footerNav, footer ul#footerNavSub, footer em, footer #lazy{ text-align: left; }
	footer #footerLegal{ position: relative; right: auto; text-align: left;}
	.leftSideLayout{ padding: padding: 165px 0 0 0; }
	#navCont > ul.menu.main > li:nth-of-type(1n+6) {display: inherit;}
	#navCont > ul.secondLevel { display: none;}
	#navCont > ul.menu.main > li > ul { display: none;}	
	.main .fullPanel h2 {	margin: 0 auto; padding: 0 50px 50px 50px; font-size: 1.45em; background-image: none;}
	.contentPanel .infoBox { margin-bottom: 10px;}
}
@media (max-width: 975px) {
	
	body{
		/* background: brown; */
	}
    footer #footerSitemap{ padding: 20px 0; text-align: center;}
	footer #footerSitemap .footerSitemapSection{ border: 0px; border-bottom: 1px #a5a5a5 solid; min-height: initial; width: 98%; margin: 0 1%; padding: 0; }
	footer #footerSitemap .footerSitemapSection:last-child{ border: 0px; }
	footer #footerSitemap .footerSitemapSection br{ display: none; }
	footer #footerSitemap .footerSitemapSection { min-height: none;}
	footer #footerSitemap .footerSitemapSection ul { height: auto; }
	footer #footerSitemap .footerSitemapSection ul li{ display: none; padding:  0; margin: 0 5px 0 0; color: #ffffff; }
    footer #footerSitemap .footerSitemapSection ul li a{ padding: 0 5px 0 0; }
    footer #footerSitemap .footerSitemapSection ul li:after {content: "/";}
    footer #footerSitemap .footerSitemapSection ul li:last-child:after {content: "";}
    footer #footerSitemap a.buttPhone, footer #footerSitemap a.buttEmail, footer #footerSitemap a.buttFacebook, footer #footerSitemap a.buttTwitter{ margin: 0 5px 0 0; }
	.main .contentPanel .row { padding: 0 40px; margin: 0;}
	#carousel > button.forward.carousel-control { right: 80%;}
	#carousel > button.back.carousel-control { left: 80%;}

}
@media (max-width: 850px) {
	
	body{
		/* background: brown; */
	}
	header .container{ padding: 20px 10px 0 20px;}
	header #navSlogan{ display: none;}
    header #navContact li{ font-size: 2em; padding: 0 0 0 5px; }
    header #navContact li a span{ display: none;}
    #navIcon{ right: 10px;}
	.main .contentPanel .carousel.carousel-sma figure figcaption { display: none; }
	#wrapper > div > div.fullPanel.container > h1 > img { display: none; }
	#buttHolders { display: none;}
	
    
	
}
@media (max-width: 800px) {
	
	#carousel > button.forward.carousel-control { right: 90%;}
	#carousel > button.back.carousel-control { left: 90%;}	
}
@media (max-width: 720px) {
	
	#carousel > button.forward.carousel-control { right: 95%;}
	#carousel > button.back.carousel-control { left: 95%;}	
}
@media (max-width: 670px) {
	
	.main .fullPanel h1 { line-height: 1.2em; text-align: center; padding: 0 0 20px 0; }
	.main .fullPanel h1 img { display: none; }
	.main .contentPanel h1 { font-size: 25px; margin: 0 0 0 30px; }
	.main .contentPanel h1 img { display: none; }
	.main .contentPanel h2 { padding: 10px 30px !important;}
	.main .contentPanel h3 { margin: 0 30px !important;}
	.main .commentlist h3 { margin: 0px   !important;}
	.main .contentPanel h4 { margin: 10px 30px !important;}
	.main .contentPanel p { margin: 0 30px !important;}
	.main .sidePanel .buttTickets { display: none;}
	.main .sidePanel .buttMailList { display: none;}
	.main .sidePanel ul.subNav, .main .sidePanel ul.departments { margin: 0px 15px 10px 15px;}
	.main .sidePanel h2 { margin: 10px 15px 0 15px;}
	.main .sidePanel ul.subNav li ul li a, .main .sidePanel ul.departments li ul li a { padding: 10px;}
	.main .contentPanel .littleListings .gridSmallLayout li h3 { letter-spacing: 0px; line-height: 20px; font-size: 0.8em;}
	.main .contentPanel .row { padding: 0 25px; margin: 0;}
	#carousel > button.forward.carousel-control { right: 110%;}
	#carousel > button.back.carousel-control { left: 100%;}	
}
@media (max-width: 583px) {
    .gridSmallLayout{ width: 98%; margin: 0 1%;}
    .gridSmallLayout li{ padding: 0px; margin: 0 0 10px 0; }
    .carouselCont .carousel .overlayRight{ display: none; }
    .carouselCont .carousel{ width: 100%;}
    .carouselCont .carousel button{ display: none; }
    .carouselCont .carousel figcaption{ display: none; }
    .carouselCont .carousel figcaption h3{ font-size: 1.2em; padding: 10px 0; width: auto; }
    .carouselCont .carousel figcaption p{ padding: 5px 0;  width: auto; }
    footer #footerLegal #lazygrace{ position: relative; clear: both; top: auto; display: block; text-align: center; }
    footer #footerLegal em{ position: relative; clear: both; top: auto; display: block; text-align: center; padding:  20px 0 0 0;  }
    footer #footerLegal{ text-align: center; }
    .main .sidePanel ul.subNav, .main .sidePanel ul.departments{ margin: 0px 0px 10px 0px;}
	.main .sidePanel h2 {margin: 10px 0px 0 0px;}
    .main .contentPanel{ margin: 0px; }
	.main #googleMap { height: 300px; }
	#navContact > li.flagHolder {display: none;}
	header .logo img{ -webkit-transition: none; transition: none;  }
	.main .contentPanel .littleListings .gridSmallLayout li:last-child { padding: 0 10px 10px 0;} 
	footer .footerLogos img { max-height: 40px;}
	footer .footerLogos { margin-top: 10px; margin-bottom: 10px;}
	.main .fullPanel .littleListings .gridSmallLayout li { padding: 0 0 10px 0;}
	.main .contentPanel .row { padding: 0 30px; }
	.main .contentPanel .eventsList { padding: 10px 30px;}
	.main .contentPanel .eventsList li h3 {margin: 0 !important;}
	.main .contentPanel .eventsList li p {margin: 0 !important;}
	.main .contentPanel .eventsList li em {margin: 0 !important;}
	.main .contentPanel .eventsList li .buttView {margin: 0px;}
	.main .postPage .postPageContent { padding: 0;}
	.main .postPage .postPageHeader p { padding: 0;}
	
}

@media (max-width: 500px) {
	
	body{
		/* background: lightblue; */
	}
	header #navContact{ padding: 0; float: right; }
}
@media (max-width: 380px) {
		
	#navIcon > span { display: none;}
	
}
@media (max-width: 300px) {
		
	body{
		/* background: darkgreen; */
	}
	header #navContact{ padding: 0; width: 40px; float: right; }
    header #navContact li:nth-child(3n){ display: none;}
    header #navContact li:nth-child(4n){ display: none;}
	
}