#responsive-banner
{
width: 100%;
position:relative;
overflow:hidden;
}
#responsive-banner ul
{
margin: 0px;
padding: 0px;
list-style: none;
height: 548px;
position: relative;
z-index:1;
}
#responsive-banner ul li
{
position: absolute;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
}
#responsive-banner ul li div
{
position:absolute;
width: 100%;
height: 100%;
top:0px;
left:0px;
}
#responsive-banner .overlay
{
height: 100%;
z-index: 5;
position: absolute;
width: 100%;
top: 0px;
left: 0px;
max-width:745px;
background: url(/templates/crj/img/banner_overlay.png);
}
#responsive-banner .overlay .over-img
{
	position: absolute;
	left: 30px;
	bottom: 0px;
	display:none;
}
#responsive-banner .overlay .over
{
font-family: "Montserrat Regular",Montserrat,arial;
color: #fff;
font-size: 29px;
margin: 0 auto;
width:100%;
height:100%;
position:absolute;
}
#responsive-banner .overlay .over .text
{
float: left;
margin-top: 80px;
line-height: 1.3;
font-family: 'Cardo',serif;
font-size: 26px;
color: #000;
margin-left: 130px;
position:relative;
}
#responsive-banner .overlay a
{
font-family: "Montserrat Regular",Montserrat,arial;
color: #fff;
font-size: 19px;
background: url(images/arrow.png) #1278bd no-repeat right 13px;
border-bottom: #f38231 2px solid;
text-decoration: none;
padding: 7px 13px;
position: absolute;
bottom: 40px;
right: 0px;
padding-right: 35px;
z-index:40;
display:none;
}
#responsive-banner .overlay .over a
{
display: block;
position: absolute;
font-family: 'Cordo', serif;
top: 120%;
bottom: auto;
left: 0px;
right: auto;
margin-top: 0px;
background: #dc243a;
padding: 8px 20px;
border: none;
border-radius: 5px;
font-size: 18px;
text-transform: uppercase;
}
#responsive-banner .overlay a:hover
{
}
#responsive-banner .left-arrow
{
background: url(/templates/crj/img/nav_left.png);
position: absolute;
width: 34px;
height: 62px;
margin-top: -31px;
top: 50%;
left: 20px;
z-index: 50;
cursor: pointer;
}
#responsive-banner .right-arrow
{
background: url(/templates/crj/img/nav_right.png);
position: absolute;
width: 34px;
height: 62px;
margin-top: -31px;
top: 50%;
right: 20px;
z-index: 50;
cursor: pointer;
}
@media screen and (max-width:1120px)
{
#responsive-banner .overlay
{
}
#responsive-banner .overlay .over
{
	width:100%;
}
#responsive-banner .overlay .over-img
{
	max-width:35%;
	width:auto;
	height:auto;
}
#responsive-banner .overlay .over .text
{
	width: 60%;
	font-size: 25px;
}
}
@media screen and (max-width:768px)
{
#responsive-banner .right-arrow, 
#responsive-banner .left-arrow
{
	display:none;
}
#responsive-banner .overlay
{
width: 64%;
height: 100%;
background-position: -293px 0px;
background-repeat: no-repeat;
min-width:450px;
}
#responsive-banner ul li div
{
background-size: 100% !important;
background-position: right center !important;
}
#responsive-banner ul
{
	height:150px;
}
#responsive-banner .overlay a
{
	bottom:15px;
}
#responsive-banner .overlay .over .text
{
margin-top: 15px;
margin-left: 60px;
font-size: 19px;
width: 65%;
}
#responsive-banner .overlay .over-img
{
	max-width:35%;
	max-height:90%;
	width:auto;
	height:auto;
}
}
@media screen and (min-width:540px)
{
#responsive-banner .overlay .over .text
{
margin-right:100px;
}
}
@media screen and (max-width:540px)
{
	#responsive-banner .overlay .over .text
	{
		margin-top:15px;
	}
}
@media screen and (max-width:480px)
{
#responsive-banner .overlay .over .text
{
	width:60%;
	padding-top:30px !important;
	font-size:14px;
}
}