@media screen and (max-width:1680px) {
}

@media screen and (max-width:1660px) {


	.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;
	}

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

	.loginbox {
		padding: 10px
	}

	.logintittle {
		font-size: 24px;
	}

	.loginlogo {
		top: 27px;
	}
}

@media screen and (max-width:1600px) {

	.loginbox {
		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: 400px;
	}

	.login-alert {
		top: 64px;
	}

	.loginlogo {
		top: 40px;
	}
}


@media screen and (max-width:1152px) {
	.loginlogo img {
		width: 360px;
	}
}

@media screen and (max-width:1024px) {
	.loginlogo img {
		width: 300px;
	}
}

@media screen and (max-width:991px) {
	.loginlogo img {
		width: 300px;
	}

	.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) {

	.heading-login {
		font-size: 38px;
	}

	.sub-heading-login {
		font-size: 15px;
		text-align: right;
		width: 100%;
		display: table;
		position: absolute;
		right: 62px;
		bottom: -21px;
	}

	.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) {
	.loginworkflow {
		width: 250px;
	}

	.loginlogo {
		top: 38px;
	}
}

@media screen and (max-width:360px) {
	.loginbox {
		width: 90%;
		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;
	}
}