@media only screen and (max-device-width: 330px) or (max-width: 330px) {
	.facebook_btn_login,
	.google_btn_login,
	.apple_btn_login {
		font-size: 49%;
	}

	.facebook_img_login {
		width: 17px;
	}

	.google_img_login {
		width: 12px;
		margin-top: 0%;
	}

	.apple_img_login {
		width: 11px;
	}
}

@media only screen and (min-width: 331px) and (max-device-width: 375px) {
	.facebook_btn_login,
	.google_btn_login,
	.apple_btn_login {
		font-size: 51%;
	}

	.facebook_img_login {
		width: 19px;
	}

	.google_img_login {
		width: 12px;
	}

	.apple_img_login {
		width: 11px;
	}
	
	.g_id_signin_edit_profile {
		margin-top: -5%;
	}

	.google_btn_edit_profile {
		margin-top: 4%;
	}

	.google_img_edit_profile {
		left: 35%;
	}
}

@media only screen and (min-width: 376px) and (max-device-width: 385px) {
	.facebook_btn_login,
	.google_btn_login,
	.apple_btn_login {
		font-size: 66%;
	}

	.apple_img_login {
		width: 15px;
	}

	.google_img_login {
		width: 13px;
	}

	.facebook_img_login {
		width: 18px;
	}
	
	.g_id_signin_edit_profile {
		margin-top: -6%;
	}

	.google_btn_edit_profile {
		margin-top: 4%;
	}

	.google_img_edit_profile {
		left: 40%;
	}
}

@media only screen and (min-width: 386px) and (max-device-width: 425px) {
	.facebook_btn_login,
	.google_btn_login,
	.apple_btn_login {
		font-size: 70%;
	}

	.facebook_img_login {
		width: 15px;
	}

	.google_img_login {
		width: 13px;
	}

	.apple_img_login {
		width: 14px;
	}
	
	.g_id_signin_edit_profile {
		margin-top: -5%;
	}

	.google_btn_edit_profile {
		margin-top: 4%;
	}

	.google_img_edit_profile {
		left: 40%;
	}
}

@media only screen and (min-width: 426px) and (max-device-width: 435px) {
	.facebook_btn_login,
	.google_btn_login,
	.apple_btn_login {
		font-size: 70%;
	}

	.facebook_img_login {
		width: 19px;
	}

	.google_img_login {
		width: 13px;
	}

	.apple_img_login {
		width: 15px;
	}
	
	.g_id_signin_edit_profile {
		margin-top: -4%;
	}

	.google_btn_edit_profile {
		margin-top: 3%;
	}

	.google_img_edit_profile {
		left: 41%;
	}
}

@media only screen and (min-width: 436px) and (max-device-width: 767px) {
	.facebook_img_login {
		width: 17px;
	}

	.google_img_login {
		width: 14px;
	}

	.apple_img_login {
		width: 13px;
	}

	.facebook_btn_login,
	.google_btn_login,
	.apple_btn_login {
		font-size: 80%;
	}
	
	.g_id_signin_edit_profile {
		margin-top: -2%;
	}

	.google_btn_edit_profile {
		margin-top: 2%;
	}

	.google_img_edit_profile {
		left: 45%;
	}
}

@media only screen and (min-width: 768px) {
	.facebook_img_login {
		width: 17px;
	}

	.google_img_login {
		width: 14px;
	}

	.apple_img_login {
		width: 13px;
	}

	.facebook_btn_login,
	.google_btn_login,
	.apple_btn_login {
		font-size: 70%;
	}
}

@media only screen and (min-width: 981px) {
	.login-xs .login-box {
		max-width: 60%;
		margin-left: 20%;
	}
}

@media only screen and (min-width: 1056px) {
	#leftSide {
		padding-left: 3%;
	}

	#rightSide {
		padding-right: 3%;
	}
}

@media only screen and (min-width: 500px) and (max-width: 539px) {
	#loginBox {
		width: 85%;
	}
}

@media only screen and (min-width: 540px) and (max-width: 579px) {
	#loginBox {
		width: 80%;
	}
}

@media only screen and (min-width: 570px) and (max-width: 609px) {
	#loginBox {
		width: 75%;
	}
}

@media only screen and (min-width: 610px) and (max-width: 659px) {
	#loginBox {
		width: 70%;
	}
}

@media only screen and (min-width: 660px) and (max-width: 719px) {
	#loginBox {
		width: 65%;
	}
}

@media only screen and (min-width: 720px) and (max-width: 789px) {
	#loginBox {
		width: 60%;
	}
}

@media only screen and (min-width: 790px) and (max-width: 869px) {
	#loginBox {
		width: 55%;
	}
}

@media only screen and (min-width: 870px) and (max-width: 980px) {
	#loginBox {
		width: 50%;
	}
}

@media only screen and (max-width: 320px) {
	.g_id_signin_edit_profile {
		margin-top: -6%;
	}

	.google_img_edit_profile {
		left: 35%;
	}

	.google_btn_edit_profile {
		margin-top: 4%;
	}
}

@media only screen and (min-width: 321px) and (max-width: 330px) {
	.google_img_edit_profile {
		left: 35%;
	}
}

@media only screen and (min-width: 700px) and (max-width: 720px) {
	#editProfileCard {
		margin-left: 10%;
		width: 82%;
	}
}

@media only screen and (min-width: 721px) and (max-width: 740px) {
	#editProfileCard {
		margin-left: 10%;
		width: 82%;
	}
}

@media only screen and (min-width: 741px) and (max-width: 767px) {
	#editProfileCard {
		margin-left: 10%;
		width: 70%;
	}
}

@media only screen and (min-width: 768px) and (max-width: 778px) {
	.g_id_signin_edit_profile {
		margin-top: -7%;
	}

	.google_btn_edit_profile {
		margin-top: 5%;
	}

	.google_img_edit_profile {
		left: 38%;
	}
}

@media only screen and (min-width: 779px) and (max-width: 1024px) {
	.google_img_edit_profile {
		left: 37%;
	}

	.google_btn_edit_profile {
		margin-top: 5%;
	}
}

@media only screen and (min-width: 1025px) and (max-width: 1034px) {
	.google_btn_edit_profile {
		margin-top: 5%;
	}

	.google_img_edit_profile {
		left: 38%;
	}
}

@media only screen and (min-width: 1035px) and (max-width: 1450px) {
	.google_img_edit_profile {
		left: 40%;
	}

	.google_btn_edit_profile {
		margin-top: 4%;
	}
}

@media only screen and (min-width: 1451px) {
	.google_img_edit_profile {
		left: 39%;
	}

	.google_btn_edit_profile {
		margin-top: 4%;
	}
}

#chkNewsletter:checked {
	accent-color: #f7821b;
}