/* 4k screen sizes */
@media only screen and (min-width: 1441px) {
	.upload_image {
		height: 68%;
		width: 412px;
		border-radius: 10px;
		background-color: #ffffff;

		display: flex;
		margin-top: 30px;
	}
	.save_photo {
		background-color: var(--primary-color);
		color: #ffffff;
		border-radius: 10px;
		width: 196px;
		height: 50px;
		font-size: 16px;
		border: 0px;
		font-family: inter;
		text-align: center;
		margin: 10% 30%;
	}

	/* .form-group2 {
      transition: all.3s;
      padding-bottom: 80px;
      margin-left: 0px;
    } */
	.form-group2 input {
		box-shadow: none;
		position: absolute;
	}

	.form-group2 label {
		color: #aaa;
		margin-left: 15px;
		transition: 0.5s;
		transform: translateX(15px) translateY(15px);
	}
	.form-group2 input:focus ~ label,
	.form-group2 input:valid ~ label {
		transform: translateX(-10px) translateY(-32px);
	}
	.search {
		color: black;
	}
	.profile_name {
		margin-top: 0px;
	}

	.profile_pic img {
		width: 40px;
		max-width: 40px;
		height: 40px;
		margin-left: 0px;
	}
	.icons:focus {
		outline: none;
	}
}

@media only screen and (max-width: 1280px) {
	.box_text {
		padding: 0 20%;
	}

	.skip,
	.previous,
	.next {
		width: 140px;
	}

	.sidenav {
		width: 22%;
	}

	#main {
		margin-left: 22%;
	}
}

@media only screen and (max-width: 1024px) {
	.sidenav {
		width: 25%;
	}

	#main {
		margin-left: 25%;
	}

	.box_text {
		padding: 0 10%;
	}

	.applications {
		height: 290px;
		flex-direction: column;
		justify-content: space-around;
		align-items: center;
	}

	.applications_text {
		padding-top: 0;
	}
}

@media only screen and (max-width: 800px) {
	.box_text {
		padding: 0 8%;
	}

	#main {
		margin-left: 28%;
	}

	.sidenav {
		width: 28%;
	}
}

@media only screen and (max-width: 1280px) {
	.box_text {
		padding: 0 20%;
	}

	.skip,
	.previous,
	.next {
		width: 140px;
	}

	.sidenav {
		width: 22%;
	}

	#main {
		margin-left: 22%;
	}
}

@media only screen and (max-width: 1024px) {
	.sidenav {
		width: 25%;
	}

	#main {
		margin-left: 25%;
	}

	.box_text {
		padding: 0 10%;
	}

	.applications {
		height: 190px;
		flex-direction: column;
		justify-content: space-around;
		align-items: center;
	}

	.applications_text {
		padding-top: 0;
		width: 90%;
	}

	.applications_text h5 {
		font-size: 0.8rem;
	}
	.exctr-search {
		margin: 10px 0;
		width: 250px;
		height: 36px;
	}
	.has-icon .search-input {
		position: absolute;
		left: 0;
		top: 15px;
		margin: 8px 15px;
		color: #8a8383;
	}
}

@media only screen and (max-width: 800px) {
	.box_text {
		padding: 0 8%;
	}

	#main {
		margin-left: 28%;
	}

	.sidenav {
		width: 28%;
	}
	.exctr-search {
		margin: 10px 0;
		width: 200px;
		height: 36px;
	}
	.has-icon .search-input {
		position: absolute;
		left: 0;
		top: 15px;
		margin: 8px 15px;
		color: #8a8383;
	}
	.exctr-schname-wrapper-inner {
		width: 100%;
		text-align: center;
	}
	.exctr--btn {
		border: 1px solid #8a8383;
		box-sizing: border-box;
		border-radius: 10px;
		width: 130px;
		font-size: 14px;
	}
	.exctr-submit-btn {
		background: var(--primary-color);
		border-radius: 10px;
		width: 130px;
		font-size: 14px;
	}
}

@media only screen and (max-width: 480px) {
	/* mobile nav */
	.add-line-text {
		display: none;
	}

	.desktop-topnav {
		display: none;
	}
	.head {
		padding: 10px 0px;
		position: fixed;
		z-index: 10;
	}
	.mobile-add-account {
		display: block;
	}

	.add_more {
		width: 35px;
		height: 35px;
		border-radius: 50%;
		line-height: 25px;
		padding: 5px 7px;
		margin-right: 7px;
		font-size: 20px;
		border: solid 1px #ddd;
	}
	.add_more i {
		color: #8a8383;
		font-size: 20px;
		margin-left: 0;
	}

	.mobiletop-nav-container {
		display: flex;
		justify-content: flex-end;
		align-items: center;
		width: 100%;
	}
	.profile_name {
		margin-right: 0px;
	}
	.profile_pic img {
		box-shadow: none;
		border: 0.6px solid #efecec;
		max-width: 40px;
	}
	.profile-wrap {
		display: flex;
		justify-content: space-between;
		width: 80%;
		align-items: center;
	}
	.profile-name-multiple-user {
		color: var(--primary-color);
	}

	.page_title {
		display: block;
		text-transform: uppercase;
		text-align: center;
		width: 70%;
		font-weight: bold;
		font-size: 12px;
		line-height: 17px;
		color: #8a8383;
	}

	.exctr-dropdown-text {
		font-size: 12px;
	}
	#menuToggle {
		display: block;
		position: absolute;
		top: 10px;
		left: 20px;
		z-index: 1;
		-webkit-user-select: none;
		user-select: none;
	}

	.hamburger {
		margin: 5px 10px;
		font-size: 24px;
		color: #595858;
		display: block;
		width: 100%;
		position: absolute;
		top: 0;
	}

	.sidenav {
		list-style-type: none;
		-webkit-font-smoothing: antialiased;
		opacity: 0;
		transform-origin: 0% 0%;
		transform: translate(-100%, 0);
		transition: all 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
		height: 100%;
		width: 270px;
		top: 0;
		left: 0;
		background-color: #ffffff;
		overflow: hidden ¡important;
		transition: 0.5s;
		padding-top: 30px;
		position: fixed !important;
		right: 0;
		font-size: 36px;
		z-index: 9999;
		display: none;
	}

	.close-nav {
		display: block;
		width: 100%;
		position: absolute;
		top: 30px;
		left: 20px;
		font-size: 24px;
		color: #595858;
	}

	.sidenav.show {
		transform: translate(0, 0);
		opacity: 1;
		display: block;
	}

	.sidenav li {
		padding: 0px 0;
		font-size: 22px;
	}

	#menuToggle input:checked ~ ul {
		transform: none;
	}

	.logo {
		margin: 40px 20px 20px;
	}

	.logo img {
		width: 120px;
		height: auto;
	}

	.navbar-nav {
		margin-top: 20px;
	}

	.sidenav a.icon {
		color: black;
		display: block;
		position: absolute;
		left: 0;
		top: 0;
	}

	.box {
		margin: 20px 0 30px;
	}

	.box1 p {
		padding: 0;
		margin: 0px 0 20px;
	}

	/* end nav */

	#main {
		transition: none;
		margin-left: 0;
		width: 100%;
		padding: 0;
	}

	.head {
		/* width: 375px;
        height: 61px; */
		background: #ffffff;
		border: 0.5px solid rgba(151, 151, 151, 0.25);
		box-shadow: 0px 8.26989px 32.1607px rgba(0, 0, 0, 0.03);
		width: 100%;
		margin-bottom: 30px;
	}

	.content {
		width: 100%;
		padding: 70px 5% 30px;
	}

	.heading-sec {
		display: none;
	}
	.search,
	.text {
		display: none;
	}

	.contact_form {
		display: none;
	}
	.box_text {
		padding: 0 5%;
		width: 100%;
	}
	.section-sign {
		background: #f5f7fb;
		width: 100%;
		height: 100vh;
		padding: 0 5%;
	}

	.woman_sitting {
		display: none;
	}

	.form-container {
		width: 100%;
		min-height: 250px;
		background: #ffffff;
		border-radius: 10px 10px 0px 0px;
		margin: 5px auto;
		padding: 50px 16px;
	}
	.form-container2 {
		width: 100%;
		min-height: 250px;
		background: #ffffff;
		border-radius: 10px 10px 0px 0px;
		margin: 20px auto;
		padding: 8px 27px;
	}
	.signin-text__container {
		text-align: left;
		padding: 20px 15px;
		font-family: DM Sans;
		font-style: normal;
		width:350px;
	}
	.form-label {
		display: none;
	}
	.form-input {
		border-radius: 5px;
		border: 1px solid #8a8383;
		width: 100%;
		height: 48px;
		opacity: 0.5;
		padding: 14px 28px;
		margin-bottom: 14px;
	}
	.exam-header {
		display: block;
		margin-left: 30px;
	}

	.school_questions {
		height: 220px;
	}

	.view_questions {
		margin-top: 0;
	}

	.new_student_signup {
		font-weight: bold;
		font-size: 28px;
		line-height: 110%;
		color: #595858;
		width: 250px;
	}

	.sigin-paragraph {
		font-weight: normal;
		font-size: 12px;
		line-height: 140%;
		color: #595858;
	}
	.signin-input::placeholder,
	.signup-input::placeholder {
		display: block;
		visibility: visible;
	}
	.exctr-logo {
		width: 100px;
	}
	.forgot-password {
		text-align: right;
		font-weight: 500;
	}
	.btn-login {
		padding: 0;
		margin-top: 5px;
		height: 40px;
		border-radius: 5px;
		font-size: 14px;
	}
	.signup-up {
		display: none;
	}
	.signup-down {
		display: block;
		margin: 25px;
		font-weight: 500;
		font-size: 12px;
		line-height: 140%;
		text-align: center;
	}
	.signup-down span {
		color: var(--primary-color);
		font-size: 14px;
	}

	.box_text3 {
		padding: 20px;
		width: 100%;
		min-height: 48px;
	}
	.signup_form {
		border-radius: 5px;
		width: 100%;
		height: 48px;
	}

	.applications {
		margin: 0px 0;
		height: 180px;
	}

	.applications_img {
		text-align: center;
	}

	.applications_img img {
		width: 50%;
		height: auto;
		padding: 0;
	}

	.applications_text {
		text-align: center;
	}

	.applications_text p {
		margin: 0;
		font-size: 30px;
	}

	.box-text {
		width: 100%;
	}

	.box-img {
		display: none;
	}

	/* apply responsive  */

	.exctr-sub-wrapper {
		display: flex;
		justify-content: center;
		align-items: flex-start;
		margin: 50px 0px 10px 0px;
		flex-direction: column;
	}
	.exctr-search {
		margin: 10px 0;
		width: 300px;
		height: 36px;
	}
	.has-icon .search-input {
		position: absolute;
		left: 0;
		top: 15px;
		margin: 8px 15px;
		color: #8a8383;
	}

	/* school applications */
	.exctr-schname-wrapper-inner img {
		width: 70px;
	}
	.exctr-schname {
		font-size: 18px;
	}
	.exctr--btn {
		border: 1px solid #8a8383;
		box-sizing: border-box;
		border-radius: 10px;
		width: 120px;
		font-size: 12px;
		height: 45px;
	}
	.exctr-submit-btn {
		background: var(--primary-color);
		border-radius: 10px;
		width: 200px;
		font-size: 12px;
		height: 45px;
		border-radius: 5px;
	}
	.exctr-btn-wrapper {
		margin: 14px 22px;
		float: right;
	}
	.section {
		padding: 20px;
	}
	.student_application {
		display: none;
	}
	.progress {
		height: 5.74px;
		border-radius: 0.15rem;
	}
	.box_text {
		padding: 0;
	}
	.box_text label {
		font-size: 12px;
	}
	.TextBox,
	.TextBox1 {
		border-radius: 5px;
		height: 40px;
		font-size: 12px;
		padding: 10px 20px;
	}
	.btn-wrap {
		padding: 0;
	}
	.skip-btn,
	.next-btn,
	.previous-btn,
	.submit-btn {
		width: 100%;
		border-radius: 5px;
		height: 40px;
		line-height: 20px;
		font-size: 14px;
	}
	.next-btn,
	.submit-btn {
		margin: 15px auto;
	}
	.previous-btn {
		font-size: 14px;
		text-align: center;
		line-height: 28px;
		border-radius: 5px;
		margin: 20px auto 0 auto;
	}
	.skip-btn {
		font-size: 14px;
		text-align: center;
		line-height: 28px;
		border-radius: 5px;
		color: var(--primary-color);
		border: 1px solid var(--primary-color);
		margin: 20px auto 0 auto;
	}
	.exctr-select-input:after {
		top: 13px;
		right: 26px;
		font-size: 0.5rem;
	}
	label.error {
		font-size: 12px !important;
	}

	/* photo upload */
	.profile-image-upload {
		width: 320px;
		height: 400px;
		padding: 20px;
	}
	.profile-image-preview {
		width: auto;
		height: 230px;
	}
	.profile_size_title {
		margin-top: 15px;
		font-size: 11px;
		line-height: 18px;
	}
	.profile-save-btn {
		background-color: var(--primary-color);
		color: #ffffff;
		border-radius: 5px;
		height: 40px;
		font-size: 14px;
		width: 100%;
	}
	.filter-container {
		margin-bottom: 20px;
		padding: 10px 5px;
		border-radius: 5px;
	}
	.pri-action-btn {
		background-color: var(--primary-color);
		border-radius: 5px;
		width: 111px;
		margin: 0px 5px;
		color: #ffffff;
		font-weight: bold;
		padding: 8px 14px;
		font-size: 10px;
		line-height: 14px;
	}
	.application-nav {
		display: none;
		visibility: hidden;
	}
	.exctr-app-btn {
		display: block;
		visibility: visible;
	}
	.exctr-form-container {
		display: block;
		width: 100%;
		min-height: 250px;
		background: #ffffff;
		border-radius: 10px;
		margin-top: 20px;
		padding: 50px 20px 30px 20px;
	}
	.exctr-forget {
		margin: 20px 0;
		display: flex;
		justify-content: flex-end;
	}
	.exctrform-wrapper {
		margin: 10px 0;
	}
	#signup-form,
	#signin-form,
	#reset-form {
		width: 350px;
	}
	.exctr-appliction-select {
		border-radius: 5px;
		height: 40px;
		font-size: 12px;
		padding: 10px 20px;
	}
	.exctr-appliction-form:after {
		top: 60px;
		font-size: 0.5rem;
	}
	.card-interview {
		margin-top: 30px;
		padding: 20px;
		height: 220px;
		background: #ffffff;
		border-radius: 10px;
	}
	.interview-text {
		font-size: 12px;
		line-height: 15px;
		text-transform: uppercase;
		color: var(--primary-color);
	}
	.interview-logo img {
		width: 51px;
		height: 58px;
		object-fit: contain;
	}
	.exctr-app-title {
		font-size: 10px;
		line-height: 10px;
	}
	.pq-date,
	.btn-download-text {
		display: none;
	}
	.pq-btn a {
		background: transparent;
	}
}
@media only screen and (max-width: 375px) {
	.signin-text__container {
		text-align: left;
		padding: 20px 15px;
		font-family: DM Sans;
		font-style: normal;
		width:300px;
	}
	.desktop-topnav {
		display: none;
	}
	.section {
		padding: 20px;
	}
	.student_application {
		font-size: 20px;
		padding-bottom: 0px;
	}
	.progress {
		height: 5.74px;
		border-radius: 0.15rem;
	}
	.box_text {
		padding: 0;
	}
	.box_text label {
		font-size: 12px;
	}
	.TextBox,
	.TextBox1 {
		border-radius: 5px;
		height: 40px;
		font-size: 12px;
		padding: 10px 20px;
	}
	.btn-wrap {
		padding: 0;
	}
	.skip-btn,
	.next-btn,
	.previous-btn {
		width: 100%;
		border-radius: 5px;
		height: 40px;
		line-height: 20px;
		font-size: 14px;
		margin: 20px 0 0 0;
	}

	.skip-btn,
	.previous-btn {
		font-size: 14px;
		text-align: center;
		line-height: 28px;
		border-radius: 5px;
	}
	label.error {
		font-size: 12px !important;
	}
	.exctr-select-input:after {
		top: 13px;
		right: 25px;
		font-size: 0.5rem;
	}
	.exctr-search {
		margin: 10px 0;
		width: 240px;
		height: 36px;
	}
	.has-icon .search-input {
		position: absolute;
		left: 0;
		top: 15px;
		margin: 8px 15px;
		color: #8a8383;
	}
	.exctr-submit-btn {
		background: var(--primary-color);
		border-radius: 10px;
		width: 200px;
		font-size: 12px;
		height: 45px;
		border-radius: 5px;
	}
	.exctr--btn {
		border: 1px solid #8a8383;
		box-sizing: border-box;
		border-radius: 10px;
		width: 100px;
		font-size: 12px;
		height: 45px;
	}
	.exctr-btn-wrapper {
		margin: 14px 22px;
		float: right;
	}

	/* photo upload */
	.profile-image-upload {
		width: 300px;
		height: 400px;
		padding: 20px;
	}
	.profile-image-preview {
		width: auto;
		height: 230px;
	}
	.profile_size_title {
		margin-top: 15px;
		font-size: 11px;
		line-height: 18px;
	}
	.profile-save-btn {
		background-color: var(--primary-color);
		color: #ffffff;
		border-radius: 5px;
		height: 40px;
		font-size: 14px;
		width: 100%;
	}
	.filter-container {
		margin-bottom: 20px;
		padding: 10px 5px;
		border-radius: 5px;
	}
	.pri-action-btn {
		background-color: var(--primary-color);
		border-radius: 5px;
		width: 111px;

		margin: 0px 5px;
		color: #ffffff;
		font-weight: bold;
		padding: 8px 14px;
		font-size: 10px;
		line-height: 14px;
	}
	.application-nav {
		display: none;
		visibility: hidden;
	}
	.exctr-app-btn {
		display: block;
		visibility: visible;
	}
	#signup-form,
	#signin-form,
	#reset-form {
		width: 300px;
	}
}

@media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
	.ipad-pro-view {
		flex: 0 0 50%;
		max-width: 100%;
	}
	.box-text {
		width: 100%;
		padding: 40px;
	}
	.box-img {
		display: none;
	}
	.applications_text {
		text-align: center;
	}
}

@media (max-width: 992px) {
  .bg-col {
    display: none;
  }
}