body, html {
	background-color: #fdfdfd;
    background-image: url(../images/a1in1mover.gif);
	background-size: 100%;
}

/* Big screens and systems... bigger machines .... */
@media screen and (min-width: 1200px){

.get_on{
	color: #00058A;
}
.animation_and_others{
	width: 56%;
	float: left;
	border: 12px solid #ffffff;
}
.animation_and_others .allin1{
	vertical-align: center;
	text-align: center;
	margin-left: 10%;
	display: block;
}
.animation_and_others .transparent_pc{
	width: 80%;
	display: block;
	vertical-align: center;
	text-align: center;
}
.signup_signin{
	width: 40%;
	float: right;
}

.signin_side{
	padding: 10px;
	width: 100%;
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
	background-color: #fedede;
}
.signin_side tr{
	width: 100%;
}
.signin_side tr td{
	width: 50%;
	text-align: left;
}
.signin_side tr td label{
	font-size: 18px;
}
.signin_side tr td input{
	width: 80%;
	border-radius: 20px;
	padding: 8px;
}
.signin_side .header{
	display: block;
	text-align: center;
}
.signin_side .header h4{
	font-size: 20px;
}
.signin_side tr .login{
	text-align: right;

}
.signin_side tr .login a{
	font-size: 18px;
	font-weight: bold;
	margin-right: 10%;
}
.inside_screen{
	text-align: center;
	position: absolute;
	margin-top: 20%;
	margin-left: 18%;
}
.inside_screen h2{
	
}
.inside_screen .associates_signup{
	display: none;
}

.signup_side{
	width: 100%;
	background-color: #fed546;
	padding: 12px;
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
}
.signup_side tr{
	width: 100%;
}
.signup_side tr .inputers{
	width: 70%;
	text-align: left;
}
.signup_side tr td {
	width: 30%;
	text-align: left;
}
.signup_side tr td label{
	font-size: 18px;
}
.signup_side tr .inputers input{
	width: 80%;
	border-radius: 20px;
	padding: 8px;
}
.signup_side tr .register{
	text-align: right;
}
.signup_side tr .register a{
	font-size: 18px;
	font-weight: bold;
	margin-right: 10%;
}

}

/* Tablets and Medium Devices and lit stuffs .... */
@media screen and (max-width: 1200px){

.get_on{
	color: #00058A;

}
.animation_and_others{
	width: 56%;
	float: left;
	border: 12px solid #ffffff;
}
.animation_and_others .allin1{
	vertical-align: center;
	text-align: center;
	margin-left: 10%;
	display: block;
}
.animation_and_others .transparent_pc{
	width: 20%;
	display: block;
	vertical-align: center;

	text-align: center;
}
.signup_signin{
	width: 100%;
}

.signin_side{
	padding: 10px;
	width: 100%;
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
	background-color: #fedede;
}
.signin_side tr{
	width: 100%;
}
.signin_side tr td{
	width: 50%;
	text-align: left;
}
.signin_side tr td label{
	font-size: 18px;
}
.signin_side tr td input{
	width: 80%;
	border-radius: 20px;
	padding: 8px;
}
.signin_side .header{
	display: block;
	text-align: center;
}
.signin_side .header h4{
	font-size: 20px;
}
.signin_side tr .login{
	text-align: right;

}
.signin_side tr .login a{
	font-size: 18px;
	font-weight: bold;
	margin-right: 10%;
}
.inside_screen{
	text-align: center;
	position: absolute;
	margin-top: 20%;
	margin-left: 14.5%;
	display: none;
}
.inside_screen h2{
	
}
.inside_screen .associates_signup{
	display: inline;
}

.signup_side{
	width: 100%;
	background-color: #fed546;
	padding: 12px;
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
}
.signup_side tr{
	width: 100%;
}
.signup_side tr .inputers{
	width: 70%;
	text-align: left;
}
.signup_side tr td {
	width: 30%;
	text-align: left;
}
.signup_side tr td label{
	font-size: 18px;
}
.signup_side tr .inputers input{
	width: 80%;
	border-radius: 20px;
	padding: 8px;
}
.signup_side tr .register{
	text-align: right;
}
.signup_side tr .register a{
	font-size: 18px;
	font-weight: bold;
	margin-right: 10%;
}


}

/* Smallest Screens and Mobile Devices... Hand gadgets .... */
@media screen and (max-width: 860px){

.get_on{
	color: #00058A;

}
.animation_and_others{
	width: 56%;
	
	border: 12px solid #ffffff;
}
.animation_and_others .allin1{
	vertical-align: center;
	text-align: center;
	margin-left: 10%;
	display: block;
}
.animation_and_others .transparent_pc{
	width: 20%;
	display: block;
	vertical-align: center;
	text-align: center;
	display: none;
}
.signup_signin{
	width: 100%;
}

.signin_side{
	padding: 10px;
	width: 100%;
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
	background-color: #fedede;
}
.signin_side tr{
	width: 100%;
}
.signin_side tr td{
	width: 50%;
	text-align: left;
}
.signin_side tr td label{
	font-size: 18px;
}
.signin_side tr td input{
	width: 80%;
	border-radius: 20px;
	padding: 8px;
}
.signin_side .header{
	display: block;
	text-align: center;
}
.signin_side .header h4{
	font-size: 20px;
}
.signin_side tr .login{
	text-align: right;

}
.signin_side tr .login a{
	font-size: 18px;
	font-weight: bold;
	margin-right: 10%;
}
.inside_screen{
	text-align: center;
	position: absolute;
	margin-top: 20%;
	margin-left: 14.5%;
	display: none;
}
.inside_screen h2{
	
}
.inside_screen .associates_signup{
	display: inline;
}

.signup_side{
	width: 100%;
	background-color: #fed546;
	padding: 12px;
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
}
.signup_side tr{
	width: 100%;
}
.signup_side tr .inputers{
	width: 70%;
	text-align: left;
}
.signup_side tr td {
	width: 30%;
	text-align: left;
}
.signup_side tr td label{
	font-size: 18px;
}
.signup_side tr .inputers input{
	width: 80%;
	border-radius: 20px;
	padding: 8px;
}
.signup_side tr .register{
	text-align: right;
}
.signup_side tr .register a{
	font-size: 18px;
	font-weight: bold;
	margin-right: 10%;
}

}