.mi-carousel { 
height: 100vh;
background-color: #ddd;
width: 100%;
max-width: 100%;
 }
.mi-carousel * { font-family: 'Source Sans Pro'; }

.mi-carousel .marquee_data { display: none; }

.mi-carousel .marquee_stage_large { height: inherit; position: relative; overflow: hidden; }

.mi-carousel .marquee_container_1, .marquee .marquee_container_2 { height: inherit; position: absolute; top: 0px; left: 0px; width: 100%; }
.mi-carousel .marquee_container_1 { z-index: 101; }
.mi-carousel .marquee_container_2 { z-index: 102; }

.mi-carousel .marquee_panel { 
	height: inherit; position: absolute; top: 0px; left: 0px; width: 100%; 
	text-align: center; 
	background-repeat: no-repeat;
	background-position: center;
	max-width: 100%;
	background-size: cover;
}

.mi-carousel .marquee_panel .panel_caption {
	width: 600px;
	background: rgba(255,255,255,.85);
	position: absolute;
	left: 7%;
	text-align: left;
	padding: 65px 20px;
	border: 6px solid #fff;
	top: 32%;
}
.mi-carousel .marquee_panel .panel_caption * { color: #000000; line-height: 20px; }
.mi-carousel .marquee_panel .panel_caption h3 { margin: 0px 0px 8px 0px; font-weight: normal; font-size: 1.8em; }
.mi-carousel .marquee_panel .panel_caption p { margin: 0px 0px 15px 0px; color: #888; font-size: 1.1em; }
.mi-carousel .marquee_panel .panel_caption a, .marquee .marquee_panel .panel_caption a:visited { color: #000000; text-decoration: underline; }
.mi-carousel .marquee_panel .panel_caption a:hover { text-decoration: none; }

.mi-carousel .marquee_nav { 
	z-index: 103;
	position: absolute;
	bottom: 20px;
	left: 15%;
	text-align: center;
	padding: 0px 0px 0px 23px;
	right: 15%;
	margin: 0px auto;}
.mi-carousel .marquee_nav div {
	transition: all 1s linear;
	display: inline-block; width: 15px; height: 15px;
	background-color: rgba(255,255,255,.8);
	border: 2px solid #888;
	border-radius: 50%;
	margin: 0px 10px 0px 0px;
	cursor: pointer;
}

.mi-carousel .marquee_nav div:hover { background-color: rgba(0,0,0,.2); transition: background-color .1s linear; }

.mi-carousel .marquee_nav div.selected { background-color: rgba(0,0,0,.5); }

/*  small screen */
.mi-carousel .marquee_stage_small { height: inherit; position: relative; overflow: hidden; }
.mi-carousel .marquee_stage_small .marquee_panel { height: inherit; position: absolute; top: 0px; left: 0px; width: 100%; }

.mi-carousel .marquee_stage_small .marquee_panel .panel_content { display: none; }

@media  (max-width: 980px) {

	.mi-carousel .marquee_panel { background-size: cover; background-position: 75% 0px; }
	.mi-carousel .marquee_panel .panel_caption { width: 75%; margin: auto;padding: 10px 10px 10px 10px; bottom:35%;text-align: center; }
	.mi-carousel .marquee_panel .panel_caption h3 { font-size: 1.4em; }

}


@media screen and (max-width: 576px) {
	.mi-carousel { height: 200px; }
	.mi-carousel .marquee_stage_small .marquee_panel .panel_content {display: block;}
	.mi-carousel .marquee_panel { background-size: cover; background-position: 75% 0px;}
	.mi-carousel .marquee_panel .panel_caption { width: 75%; margin: 0px; padding: 10px 10px 10px 10px; text-align: center;bottom:25px;  }
	.mi-carousel .marquee_panel .panel_caption h3 { font-size: 1.4em; }

}