@media (min-width: 980px) and (max-width: 1040px) 
{
	
	
	.auto_bar
	{
		width:950px;
		margin:auto;
	}
	.inner_outer
	{
		width:935px;
		float:left;
		padding:42px 0px 50px 0px;
	
	}
	.inner_left
	{
		width:463px;
		float:left;
		margin:0 0 0 8px
	}
}

@media (min-width: 360px) and (max-width: 640px) 
{
		

.auto_bar
{
width:360px;
margin:auto;
}
.inner_outer
{
width:344px;
float:left;
padding:25px 0px 30px 0px;
}
.inner_left
{
	display:none;
}
.inner_left img
{
	width:80%;
}
.right_form_outer {
    float: left;
    margin: 23px 0 0 17px;
    width: 327px;
}

.inner_right {
    float: left;
    width: 360px;
}
.right_top_green_inner {
    background-color: #90A621;
    color: #FFFFFF;
    float: left;
    font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
    font-size: 19.58px;
    padding: 10px 0 10px 10%;
    width: 90%;
}
.right_top_green {
    float: left;
    margin: 0;
    width: 362px;
}
.arrow_green { display:none; }
.copy_right_outer {
    color: #303030;
    float: left;
    font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
    font-size: 12.55px;
    margin: 40px 0;
    text-align: center;
    width: 100%;
}		

	
}

@media (min-width: 768px) and (max-width: 979px) 
{

.auto_bar
{
width:740px;
margin:auto;
}
.inner_outer
{
	width:740px;
	float:left;
	background:url(https://calvarychristian.empowerlearning.net/images/EmpowerLogin/white_img.png) repeat;
	border: 8px solid rgba(0,0,0,0.1);
	padding:42px 0px 50px 0px;
	-webkit-box-shadow: 0px 0px 25px 6px rgba(50, 50, 50, 0.14);
	-moz-box-shadow:    0px 0px 25px 6px rgba(50, 50, 50, 0.14);
	box-shadow:         0px 0px 25px 6px rgba(50, 50, 50, 0.14);
}
.inner_left
{
	width:420px;
	float:left;
	margin:0 0 0 0;
	background:url(https://calvarychristian.empowerlearning.net/images/EmpowerLogin/img_laptop_768.png) left top no-repeat;
	padding:27px 0 42px 0px;
	display:none;
}
.username_submit_outer {
    float: left;
    margin: 0 0 15px;
    width: 95%;
}
.inner_left img
{
	width:76%;
	padding-left:51px;
}

.right_top_green {
    float: left;
    margin: 0 0 0 9px;
    width: 100%;
}
.right_top_green_inner {
 background-color: #90A621;
    color: #FFFFFF;
    float: left;
    font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
    font-size: 18.58px;
    padding: 10px 16px 10px 10%;
    width: 92%;

}
.inner_right {
    float: left;
    width: 696px;
}
.right_form_outer {
    float: left;
    margin: 17px 0 0 10px;
    width: calc(100% - 35px);
}

.username_field_outer {
    background-color: #F9F9F9;
    border: 1px solid #E7E7E7;
    border-radius: 20px;
    float: left;
    margin: 0 0 15px;
    width: 97%;
}

.username_field_inner {
    background-color: #FFFFFF;
    border: 1px solid #E7E7E7;
    border-radius: 20px;
    float: left;
    margin: 3px;
    width: 99%;
}
.username_submit_outer {
    float: left;
    margin: 0 0 15px;
    width: 87%;
}
.arrow_green { display:none; }


}

@media (min-width:600px) and (max-width: 767px) 
{
	
.auto_bar
{
width:600px;
margin:auto;
}


.inner_outer {
    float: left;
    padding: 25px 0 30px;
    width:584px;
}
.right_top_green_inner {
    background-color: #90A621;
    color: #FFFFFF;
    float: left;
    font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
    font-size: 19.58px;
    padding: 10px 0 10px 10%;
    width: 90%;
}

.right_top_green {
    float: left;
    margin: 0;
    width: 581px;
}
.inner_right {
    float: left;
    width: 583px;
}
.right_form_outer {
    float: left;
    margin: 23px 0 0 17px;
    width: 552px;
}
.username_field_inner {
    background-color: #FFFFFF;
    border: 1px solid #E7E7E7;
    border-radius: 20px;
    float: left;
    margin: 3px;
    width: 541px;
}
.username_field_outer {
    background-color: #F9F9F9;
    border: 1px solid #E7E7E7;
    border-radius: 20px;
    float: left;
    margin: 0 0 15px;
    width: 549px;
}
.inner_left {
    background: url(https://calvarychristian.empowerlearning.net/images/EmpowerLogin/img_laptop.png) no-repeat left top;
    float: left;
    margin: 0 0 0 8px;
    padding: 18px 0 50px 65px;
    width: 482px;
	display:none;
}
.arrow_green { display:none; }
}

@media (min-width: 320px) and (max-width: 599px) 
{
	
.auto_bar
{
width:320px;
margin:auto;
}
.arrow_green { display:none; }

.inner_outer {
    float: left;
    padding: 25px 0 30px;
    width:309px;
}

.inner_right {
    float: left;
    width: 312px;
}
.right_top_green {
    float: left;
    margin: 0 0 0 0px;
    width: 97.3%;
}
.inner_left {
    background: url(https://calvarychristian.empowerlearning.net/images/EmpowerLogin/img_laptop.png) no-repeat scroll left top rgba(0, 0, 0, 0);
    float: left;
    margin: 0 0 0 8px;
    padding: 18px 0 50px 65px;
    width: 482px;
	display:none;
}
.right_top_green_inner {
    background-color: #90A621;
    color: #FFFFFF;
    float: left;
    font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
    font-size: 18.58px;
    padding: 10px 0 10px 10%;
    width: 90%;
}
.right_form_outer {
    float: left;
    margin: 18px 0 0 21px;
    width: 245px;
}
.username_field_outer {
    background-color: #F9F9F9;
    border: 1px solid #E7E7E7;
    border-radius: 20px;
    float: left;
    margin: 0 0 15px;
    width: 250px;
}
.username_field_inner {
    background-color: #FFFFFF;
    border: 1px solid #E7E7E7;
    border-radius: 20px;
    float: left;
    margin: 3px;
    width: 241px;
}

}