@media screen and (max-width:1680px) {
	.loginbox {margin-left: 220px;}
}
@media screen and (max-width:1660px) {
	.loginbox {
		margin-left: 150px;
	}

	.half-circle.vertical {
		width: 100px;
		height: 210px;
	}
	.full-circle {
		width: 120px;
		height: 120px;
	}

	.right-half-circle .full-circle {
		left: 40px;
		top: 47px;
	}

	.left-half-circle .full-circle {
		position: relative;
		left: -60px;
		top: 47px;
	}

	.loginbox {
		width: 520px;
		height: 660px;
	}

	.wlc-text {
		margin-bottom: 20px;
	}

	.loginbox{padding: 30px}
	.logintittle {font-size: 24px;	}
	
	
}

@media screen and (max-width:1600px) {
	.loginbox {margin-left: 250px;}
	.loginbox {height: 520px;width: 400px;	}
	.linktxt {font-size: 12px;	}
	.half-circle.vertical {width: 70px;height: 150px;	}
	.full-circle {width: 100px;height: 100px;	}
	.right-half-circle .full-circle {left: 24px;top: 26px;	}
	.left-half-circle .full-circle {left: -57px;top: 30px;	}
	.loginnote {top: 82px;left: 50px;	}
	.input-div > div > input, .input-div.focus .loginicon, .input-div > div > h5, .loginnote, .logintittle span {font-size: 14px;	}
	.logintittle {margin-bottom: 20px;	}
	.wlc-text {font-size: 16px;	}
	.ftr-login{left: 10px}
}
@media screen and (max-width:1440px) {
.loginlogo img {width: 470px;}
.login-alert {top: 64px;}
}

@media screen and (max-width:1280px) {
	.loginbox {margin-left: 150px;}
}

	 @media screen and (max-width:1152px) {
	.loginlogo img {width: 360px;	}
	}
	 @media screen and (max-width:1024px) {
	.loginlogo img {width: 300px;	}
	.loginbox {margin-left: 80px;	}
	}
	 @media screen and (max-width:991px) {
	.loginlogo img {width: 300px;	}
	.loginbox {	margin-left: 80px;	}
	.d-flex-991 {display: block !important;	}
	.loginbox {
		width: 50%;
		margin: 60px auto;
		display: table;
		position: relative;
	}
	.loginlogo {
		position: absolute;
		left: 0px;
		top: 130px;
		margin: 0px auto;
		display: table;
		right: 0px;
	}
	}
	 @media screen and (max-width:850px) {
	.loginbox {width: 460px;}
	.halonix-certif-image {	width: 80px;	}
	.loginlogo {top: 30px;	}
	.loginbox {		margin-top: 132px;	}
	}
	 @media screen and (max-width:799px) {
	.login-from {width: 100%;	}
	.login-alert {
     position: relative;     top: -20px;
		}
	}
	 @media screen and (max-width:575px) {
	.half-circle.vertical {width: 68px;height: 120px;	}
	.full-circle {width: 70px;height: 70px;	}
	.left-half-circle .full-circle {left: -27px; top: 24px;	}
	.loginbox {width: 370px;	}
	.login-content .input-div {margin-bottom: 15px;	}
	.linktxt {
		display: table;
		width: 100%;
		text-align: center;
		margin-bottom: 15px;
	}
	.loginnote span {display: block;	}
	.logintittle {text-align: left !important;	}
	.right-half-circle {display: none;	}
	.halonix-certif-image {position: absolute;right: 30px;	}
	.input-div > div > input, .input-div.focus .loginicon {left: -31px;top: 7px	}
	.input-div.focus > div > h5 {top: -6px;left: -23px	}
	.ftr {
		position: inherit;
		padding: 10px;
		font-size: 12px;
	}
	.ftr-login {
    left: 10px;
    bottom: -40px;
    color: #fff;
    left: 0px;
    right: 0px;
    margin: 0px auto;
    display: table;
}

	#triangle-bottom-right {border-bottom: 104px solid #f05a24;    }
	.traingle-text {top: 60px;}
	.logintittle {text-align: center !important;font-size: 20px;}
}
	 @media screen and (max-width:450px) {
	.loginbox {width: 310px;	}
	.loginbox {margin-top: 90px;	}
	.loginlogo img {
		width: 250px;
		margin: 0px auto;
		display: table;
	}
	.loginlogo {top: 58px;width: 90%;	}
	.right-half-circle {display: none;	}
	}
	 @media screen and (max-width:393px) {
	.loginlogo {top: 38px;	}
	}
	@media screen and (max-width:360px) {
	.loginbox {
		width: 90%;
		height: 587px;
		padding: 30px;
	}
	.logintittle {text-align: left !important;	}
	.right-half-circle {top: 20px;	}
	.half-circle.vertical {width: 68px;height: 151px;	}
	.right-half-circle .full-circle {left: 24px;top: 41px;	}
	.left-half-circle {display: none;	}
	.loginnote {position: initial;margin: 50px 0px 0px 0px;	}
	.loginlogo img {
		width: 60%;
		margin: 0px auto;
		display: table;
	}
	.loginlogo {top: 38px;	}
	.loginnote span {display: initial;	}
	}