@charset "utf-8";
/* CSS Document */
@media screen and (min-width:767px) {
	.loginForm {
		width: 100%;
		max-width: 90%;
	}
}
@media screen and (min-width:1080px) {
	.loginForm {
		width: 100%;
		max-width:75%;
	}
}

@media screen and (min-width:1280px) {
	.loginForm {
		width: 100%;
		max-width: 60%;
	}
}

@media screen and (min-width:1320px) {
	.col-xxl-7 {
		flex: 0 0 auto;
		width: 58.33333333%;
	}
}

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

		.boxView tbody tr {
			flex: 0 0 22.8%;
			max-width: 22.8%;
		}
	}

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

	@media screen and (max-width: 992px) {
	/*	.login-left-content  { height:100%; display:flex; align-items:center; }*/
		.login-left h1 { line-height:1.2; }
		.spanIconSvg svg {
			height: 1.5rem;
			width: 1.5rem; 
		}
	}
	/*and  (min-width:576px) and*/
	@media only screen and (max-width:1080px) {
		.boxView tbody tr {
			flex: 0 0 31%;
			max-width: 31%;
			margin: 1rem 1.1%;
		}
	}

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

		.navbar-brand img {
			max-width: 120px
		}

		.navbar {
			padding: .7rem 1rem;
		}

		.boxView tbody tr {
			flex: 0 0 100%;
			max-width: 100%;
		}

		/*	Login Responsive Start Here===============*/
		body.loginPage .h-100 {
			height: auto !important;
		}

		.innerContent {
			padding: 2rem 0;
		}

		.vectorImg {
			display: none;
		}

		.loginForm {
			margin-top: 2rem !important;
		}

		.innerContent h1 span.font-35 {
			font-size: 2.2rem !important;
		}

		.innerContent h1 {
			line-height: 32px;
			margin: 0;
		}

			.innerContent h1 span.font-25 {
				font-size: 20px !important;
			}
		/*	Login Responsive End Here===============*/
	}

@media screen and (max-width:767px) {
	.loginPage .h-100 { 
		height: auto !important
	}
	.footer_purpose {
		position: relative;
	}
}
	@media screen and (max-width:800px) { 
		.boxView tbody tr {
			flex: 0 0 47%;
			max-width: 47%;
			margin: 1rem 1.2%;
		}

		
	}

	@media screen and (max-width:600px) {
		.boxView tbody tr {
			flex: 0 0 96%;
			max-width: 96%;
			margin: 1rem 1.8%;
		}

		.footer_purpose {
			position: relative;
		}
	}