/* -----------------------------------------------------
TABLE OF CONTENTS
--------------------------------------------------------
	1. Mega Menu Right Side Styles
	2. Media Query Break Points
--------------------------------------------------------
----------------------------------------------------- */


/* -----------------------------------------------------
1. Mega Menu Styles
----------------------------------------------------- */
.mm-billboard {
	position:absolute;
	z-index: 4;
	right:55px;
	top:135px;
	display: none;
	width:350px;
}

#mmCloseBtn {
	top: 75px;
	z-index: 3;
}

.billboard {
	position: relative;
	display: block;
	width: 350px;
	height: auto;
	margin: 0 0 20px 0;
}

a.billboard,
a.billboard:link {
	text-decoration: none;
}

a.billboard:hover {
	opacity: 0.5;
}

.billboard.swap {
	margin: 0;
}

.billboard .img {
	display: block;
	height: auto;
	width: 100%;
}

.billboard img {
	display: block;
	width: 100%;
}

.billboard .txt {
	margin: 0;
	padding: 10px;
	font-size: 16px;
	font-weight: 400;
	text-align: center;
	color: #fff;
	background: #b86d13;
}

.billboard .txt h5 {
	margin: 0;
	padding: 0;
	font-size: 20px;
	font-weight: 700;
	color: #fff;
}

.billboard .txt2 {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: auto;
	margin: 0;
	padding: 10px;
	font-size: 16px;
	font-weight: 400;
	text-align: center;
	color: #fff;
	background: rgba(0,0,0,0.75);
}

.billboard .txt2 h5 {
	margin: 0;
	padding: 0;
	font-size: 20px;
	font-weight: 700;
	color: #fff;
}

a.billboard:hover,
a.billboard:focus {
	text-decoration: none;
	color: #fff;
}

.carousel {
	display: block;
	visibility: hidden;
	width: 100%;
	height: 125px;
	background: #b86d13;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; 
}

.slider-wrapper {
	display: block;
	width: 300px;
	height: 65px;
	margin: 0 auto;
	padding: 10px 0 0 0;
}

.slider-wrapper .bx-wrapper .bx-viewport {
	left: 0;
	border: none;
	background: none;
}

.slider-thumbs {
	background: none;
}

.slide {
	position: relative;
	height: 65px;
}

.slide img {
	display: block;
	cursor: pointer;
}

.slide:hover img {
	opacity: 0.5;
}

.slide i {
	position: absolute;
	top: 61px;
	display: none;
	width: 100px;
	margin: 0 auto;
	font-size: 20px;
	text-align: center;
	color: rgba(0,0,0,0.25)
}

.slide .text {
	display: none;
}

.slider-wrapper .bx-wrapper .bx-prev {
	top: 33px;
	left: -28px;
}

.slider-wrapper .bx-wrapper .bx-next {
	top: 33px;
	right: -27px;
}

.billboard .caption {
	position: absolute;
	top: 85px;
	bottom: 0;
	z-index: 1;
	display: block;
	width: 330px;
	margin: 0;
	padding: 10px;
	font-size: 14px;
	text-align: center;
	color: #fff;
	background: rgba(0,0,0,0.25);
}

.mm-bus .billboard .txt, .mm-bus .carousel {background: #bfa12e;}
.mm-res .billboard .txt, .mm-res .carousel {background: #357d59;}
.mm-gov .billboard .txt, .mm-gov .carousel {background: #1588b5;}
.mm-edu .billboard .txt, .mm-edu .carousel {background: #496fb4;}
.mm-tax .billboard .txt, .mm-tax .carousel {background: #6a6180;}
.mm-vis .billboard .txt, .mm-vis .carousel {background: #b33936;}
.mm-fam .billboard .txt, .mm-fam .carousel {background: #8a7456;}


/* -----------------------------------------------------
2. Media Query Break Points
----------------------------------------------------- */
 @media only screen and (max-width : 1300px) { 
 	.mm-billboard {
		right:10px;
 	}	
}

 @media only screen and (max-width : 1165px) { 
 	.mm-billboard .billboard {
	 	display: none;
	 }	
}

@media only screen and (max-width : 909px) {
}

@media only screen and (max-width : 640px) {

}

 @media only screen and (max-height : 900px) { 
 	.mm-billboard .billboard-single {
		display: none;
 	}	
}

 @media only screen and (max-height : 650px) { 
 	.mm-billboard .billboard {
		display: none;
 	}	
}