@media (max-width: 767px) {
	.save-msgmob {
		font-size: 11px;
	}
	.autosave-msg {
		margin-left: 0px;
	}
	.mob-time .navbar-hdr {
		margin-bottom: 0px;
	}
	.navbar-nav li:first-child {
		margin-top: 0px !important;
	}
	/* .selected{
	height:161px;
} */
	.save-msgsuccessmob {
		color: #9CB842!important;
	}
	.check_icon_mob, .icon_ind_mob {
		margin-left: 35%;
		text-align: center;
	}
	.position-headermob {
		position: fixed;
		z-index: 7;
		width: 100%;
		padding: 0px 24px;
		background: #fff;
		height: 55px;
		margin-top: -2px;
		border-bottom: 0.5px solid rgba(0, 0, 0, 0.1);
	}
	.mobskyc-headerline {
		border-bottom: 0.5px solid rgba(0, 0, 0, 0.1);
	}
	.div-headerline {
		padding-left: 0px;
		height: 0px;
	}
	.btn-whitebg, .btn-whitebgconf {
		/* width: 120px; */
		height: 40px;
		font-size: 14px;
	}
	.header {
		height: 70px;
		/* padding-top:20px; */
	}
	.progress-status {
		margin: 14px 0px;
		text-align: center;
	}
	.mrgntop-mob {
		margin-top: 10px;
	}
	.header-mob {
		position: fixed;
		z-index: 8;
		background: url(../images/content_bg.jpg);
		/* box-shadow: 0 1px 5px rgba(0, 0, 0, 0.10); */
		width: 100%;
	}
	.left-pannel {
		width: 197px;
		float: left;
		padding-right: 0;
	}
	.loan-sanctioned {
		display: none;
	}
	.header-right {
		float: right;
		margin-top: 6px;
		margin-right: 30px;
	}
	.remove-rgt-margn {
		margin-right: 0px !important;
	}
	.header-right h4 {
		font-size: 15px;
	}
	.container-width {
		padding: 0;
		padding-top: 70px !important;
	}
	.sidebar-wdth {
		display: none;
	}
	.main-content {
		margin-left: 0;
	}
	.inner-content {
		border-radius: 0;
		height: auto;
	}
	.loan-body {
		padding-bottom: 70px;
		height: auto;
	}
	.reqchangepopwdth, .changepopwdth {
		width: 100%;
		height: auto;
	}
	.changepopwdth {
		margin-top: 53%;
	}
	.reqchangepopwdth {
		margin-top: 46%;
	}
	#reqchangepop .modal-footer, #changepop .modal-footer {
		border-top: none;
		margin-top: 53%;
	}
	.title-right {
		display: none;
	}
	.save-app {
		/* display:block; */
		float: right;
	}
	.save-app h4 {
		letter-spacing: 0.79px;
		color: #5AB5E3;
		text-transform: uppercase;
		font-size: 12px;
		margin-bottom: 3px;
	}
	.save-app p {
		letter-spacing: 0px;
		color: #707070;
		opacity: 0.8;
		font-size: 10px;
	}
	.header-name h3 {
		color: #000;
		font-size: 18px;
		margin-top: 13px;
		font-size: 17px;
	}
	.title-years {
		float: left;
		margin-right: 0;
	}
	.title-years h5 {
		text-align: left;
		float: left;
		margin-right: 0;
		margin-top: 2px;
		margin-bottom: 4px;
	}
	.right-info-loandtls {
		position: relative;
		float: left;
		line-height: 0px;
	}
	.info-icon {
		float: left !important;
	}

	.mob-info-rt {
		padding-left: 15px;
		margin-top: 0px;
	}
	.rqrt-loandtls {
		margin-top: 60px;
	}
	.content-footer {
		height: auto;
		padding: 20px 30px 20px;
		position: fixed;
		text-align: center;
		z-index: 10;
	}
	.right-info-loandtls span {
		right: -33px;
		left: inherit;
	}
	.loan-amount {
		float: none;
	}
	.contue {
		float: none;
		margin-top: 15px;
	}
	.contue a {
		width: 100%;
	}
	.loan-amount ul li p {
		font-size: 12px;
		line-height: 20px;
	}
	.loan-amount ul li p span {
		display: block;
		padding-left: 0;
		font-size: 20px;
	}
	.mob-change {
		display: block;
		letter-spacing: 0px;
		color: #62BCE9;
		text-transform: uppercase;
		opacity: 1;
		font-size: 14px;
	}
	.info-dtls span {
		min-width: 200px;
	}
	.no-property {
		width: 300px;
		margin: auto;
		margin-top: 30px;
	}
	.template-options {
		height: auto;
		display: block;
		position: fixed;
		z-index: 97;
		right: -334px;
		top: 60px;
		bottom: 10px;
		width: 334px;
		background: url(../images/content_bg.jpg);
		border-left: 1px solid rgba(0, 0, 0, 0.1);
		-webkit-transition: all 0.4s ease-in-out;
		transition: all 0.4s ease-in-out;
		border-radius: 20px 0px 0px 20px;
	}
	.navbar-nav {
		margin: 7.5px 0 !important;
	}
	/*.template-options .to-toggle {
    position: absolute;
    top: 200px;
    left: -45px;
    width: 45px;
    height: 45px;
    line-height: 47px;
    background-color: #fff;
    font-size: 1.4rem;
    color: #999;
    text-align: center;
    cursor: pointer;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-right: none;
    box-shadow: -10px 0 30px rgba(0, 0, 0, 0.05);
    -webkit-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}*/
	.template-options.opened {
		right: 0;
		box-shadow: 5px 10px 40px rgba(0, 0, 0, 0.1);
	}
	.toggle-btnmenu {
		background: #9bb740;
		border: 0;
		border-radius: 24px 0 0 24px;
		bottom: 0%;
		left: -88px;
		position: absolute;
		height: 48px;
		box-sizing: border-box;
		padding-left: 35px;
		cursor: pointer;
		transition: all 1s ease;
	}
	.toggle-btnmenu:focus {
		outline: none;
	}
	.left-icon {
		position: absolute;
		left: 18px;
		top: 15px;
		color: #fff;
		font-size: 14px;
		font-weight: normal;
	}
	.btn-active .left-icon {
		left: 18px;
	}
	.btn-active {
		left: -20px;
		transition: all 0.5s ease;
		width: 48px;
		border-radius: 37%;
		border-radius: 50%;
	}
	.btn-active .progress--circle {
		display: none;
	}
	.new-overlay {
		position: fixed;
		top: 0;
		left: 0;
		background: rgba(112, 112, 112, .3);
		z-index: 50;
		width: 100%;
		height: 100%;
		-webkit-transition: opacity .15s linear;
		-o-transition: opacity .15s linear;
		transition: opacity .15s linear;
		opacity: 0;
		display: none;
	}
	.open-overlay .new-overlay {
		opacity: 1;
		display: block;
	}
	.open-overlay {
		overflow: hidden;
	}
	.navbar-collapse.collapse {
		display: block;
		border: none;
		margin-top: 5px;
	}
	.right-cnt-body {
		height: 99%;
		overflow-y: auto;
		overflow-x: hidden;
	}
	.sidebar-nav .navbar li {
		margin: 20px 0;
	}
	.sidebar-nav .navbar li:last-child {
		margin-bottom: 0;
	}
	.sidebar-nav .navbar li:first-child {
		margin-top: 10px;
	}
	.pie-wrapper .label {
		line-height: 4.2em;
	}
	.pie-wrapper {
		height: 0.7em;
		width: 0.7em;
	}
	.progress--circle {
		position: relative;
		display: inline-block;
		width: 38px;
		height: 38px;
		border-radius: 50%;
		background-color: #9dbd62;
		margin: 5px;
	}
	.progress--circle:before {
		content: '';
		position: absolute;
		top: 3px;
		left: 3px;
		width: 33px;
		height: 33px;
		border-radius: 50%;
		background-color: rgba(155, 183, 64, 1);
	}
	.progress__number {
		position: absolute;
		top: 50%;
		width: 100%;
		line-height: 1;
		margin-top: -0.75rem;
		text-align: center;
		font-size: 12px;
		color: #fff;
	}
	.progress--circle:after {
		content: '';
		display: inline-block;
		width: 100%;
		height: 100%;
		border-radius: 50%;
		background-color: #fff;
	}
	/*.progress--circle.progress--15:after {
			background-image: linear-gradient(90deg, #9dbd62 50%, transparent 50%, transparent), linear-gradient(150deg, #fff 50%, #9dbd62 50%, #9dbd62);
		}*/
	.progress--circle.progress--0:after {
		background-image: linear-gradient(90deg, #9dbd62 50%, transparent 50%, transparent), linear-gradient(150deg, #9dbd62 50%, #9dbd62 50%, #9dbd62);
	}
	.sidebar-nav {
		margin: 24px 0 0;
		padding-left: 24px;
	}
	.mob-welcome {
		float: left;
		width: 50%;
	}
	.mob-time {
		float: left;
		width: 50%;
	}
	.navbar-hdr {
		font-size: 12px;
		letter-spacing: 0.19px;
		color: #777;
	}
	.navbar-spanmsg {
		font-size: 16px;
		letter-spacing: -0.48px;
	}
	.mob-navbar-hdr {
		font-size: 14px;
		letter-spacing: 0.22px;
		color: #777;
		margin: 0;
	}
	.navbar-nav li a {
		font-size: 18px;
		padding: 10px 10px;
	}
	.navbar-default {
		margin-bottom: 0;
	}
	.pie-wrapper {
		float: none;
		margin: auto;
	}
	.close-left-arw {
		display: block !important;
	}
	.close-right-arw {
		display: none !important;
	}
	.btn-active .close-left-arw {
		display: none !important;
	}
	.btn-active .close-right-arw {
		display: block !important;
	}
	/*KYC PAGE*/
	.all-applicants {
		margin: 50px 0 25px 15px;
	}
	.accordion-section-title {
		height: auto;
		padding: 10px 30px;
		border-radius: 15px;
	}
	.accordion-section-title .arrow-left {
		display: none;
	}
	.accordion-section-title p {
		float: none;
		font-size: 11px;
	}
	.toggle-sectionrec {
		font-size: 10px;
		text-transform: uppercase;
	}
	.header-name h3 span {
		font-size: 12px;
	}
	.mail-applts {
		float: none;
	}
	.accordion-section-title {
		line-height: 20px;
	}
	.mail-applts ul li {
		font-size: 13px;
		text-transform: capitalize;
	}
	.mail-applts ul li:first-child {
		margin-left: 0;
		border: none;
		padding-left: 0;
	}
	.pending {
		position: absolute;
		right: 20px;
		top: 10px;
	}
	.proofs-box {
		margin-right: 0px;
	}
	.mob-complte-rt {
		display: block;
	}
	.accordion-section-title.rotate .mob-complte-rt {
		display: none;
	}
	.bt-position {
		display: none;
	}
	.accordion-section-title.rotate {
		position: absolute;
		width: 100%;
		left: 0;
		top: 27px;
		border-radius: 0;
	}
	.accordion-section-content.open {
		top: 90px;
		padding: 15px 0;
	}
	.section-content-ht {
		height: auto;
		padding-bottom: 115px;
		padding-top: 0;
	}
	.mob-pd {
		padding-right: 15px !important;
		padding-left: 15px !important;
	}
	.mgrighttoggle {
		float: left;
		width: 35%;
		padding: 0;
		margin-right: 15px;
	}
	.toggle-btn {
		float: left;
		width: 15%;
		padding: 0;
	}
	.mglefttoggle {
		width: 35%;
		float: left;
		padding: 0;
		margin-left: 15px;
	}
	.togle-post {
		padding: 0;
	}
	.toggle-sectionhdr {
		font-size: 15px;
	}
	.toggle-sectionmsg {
		font-size: 11px;
	}
	.margintop-subpage {
		padding: 0;
	}
	.margintop-subpage .text-right {
		padding: 0;
		text-align: left;
	}
	.sub-container {
		padding: 0;
	}
	.vid-min {
		width: 100%;
		margin: 10px 0;
	}
	.vid-min1 {
		width: 100%;
		margin: 10px 0;
	}
	.msg-superior {
		font-size: 16px;
		line-height: 20px;
	}
	.docs-mrgn {
		margin-top: 20px;
	}
	.docs-msg {
		margin-top: 10px;
	}
	.proofs-box {
		width: 175PX;
		height: auto;
		float: left;
		margin-top: 0;
		margin-bottom: 20px;
		padding: 0 5px;
	}
	.mobclear {
		clear: both;
	}
	.proof-iconcircle {
		float: none;
		width: 30px;
		height: 30px;
	}
	.proof-iconcircle img {
		width: 20px;
		padding-bottom: 5px;
	}
	.proof-boxheader {
		float: none;
		margin-top: 5px;
		margin-bottom: 5px;
	}
	.mob-mglft0 {
		margin-left: 0;
	}
	.docs-msg .col-sm-9 {
		margin: 0px 0 20px;
	}
	.li-mob {
		display: inline-block !important;
	}
	.docs-msg .change-width3 {
		width: 100%;
		margin-bottom: 0px;
	}
	.btn-starts {
		margin-top: 0;
	}
	.btn-sndmail {
		margin-top: 20px;
	}
	/*upload kyc*/
	.sub-containerupload {
		padding: 0;
	}
	.doc-dy {
		text-align: right;
	}
	.docs-msg-subhdr {
		height: auto;
		margin-bottom: 15px;
	}
	.proofs-box2 {
		width: auto;
	}
	.mglft10 {
		margin-left: 13px;
	}
	.docs-msg .change-width6 {
		padding: 0 15px;
	}
	.no-doc-add {
		margin-top: 30px;
	}
	.upload-document {
		margin: 30px 0;
	}
	.upload-document1 {
		margin: 30px 0;
	}
	.upload-document h5 {
		margin-bottom: 25px;
	}
	.upload-document1 h5 {
		margin-bottom: 25px;
	}
	.upload-document-list {
		padding: 15px;
	}
	.upload-document-list .doc {
		float: left;
		width: 10%;
	}
	.prgs-list {
		float: left;
		width: 90%;
	}
	.prgs-title h5 {
		margin-bottom: 0 !important;
	}
	.kyc-progress-bar {
		top: -5px;
	}
	.kyc-progress {
		padding: 2px;
	}
	.upload-document1 .upload-document-list {
		padding: 15px;
	}
	.pancard-drop {
		float: none;
		margin-right: 0;
	}
	.pan-card-fnt {
		float: none;
	}
	.pancard-drop .select-wrapper {
		width: 100%;
	}
	.events-accordion.post-ent {
		margin-top: 40px;
	}
	.complete-kyc p span img {
		width: 16px;
	}
	.digilockerpopwdth {
		width: 90%;
		margin: auto;
		margin-top: 35%;
	}
	.digilockerpopwdth .modal-header {
		padding-top: 20px;
	}
	.digilockerpopwdth .modal-header h4 {
		font-size: 20px;
	}
	.digilockerpopwdth .modal-header .close {
		display: none;
	}
	.dont-docmtpopwdth {
		width: 100%;
		margin: auto;
	}
	.dont-docmtpopwdth .modal-header .close {
		display: none;
	}
	.dont-docmtpopwdth .modal-header h4 {
		font-size: 20px;
	}
	.upload-Alternate-content p {
		width: 100%;
	}
	.dont-docmtpopwdth .modal-content {
		padding: 0 40px;
	}
	.dont-docmtpopwdth .proofs-box2 {
		width: 90%;
		padding: 5px;
	}
	.mgt-30 {
		margin-top: 10px;
	}
	#dont-docmt .modal-footer {
		text-align: center;
	}
	#dont-docmt1 .modal-footer {
		text-align: center;
	}
	#dont-docmt2 .modal-footer {
		text-align: center;
	}
	.proofs-box2 .right-info-dtls span {
		right: -38px;
		left: inherit;
	}
	.proofs-box2 .right-info-dtls span:before {
		right: 40px;
		left: inherit;
	}
	.dont-docmtpopwdth .right-info-dtls span {
		right: -38px;
		left: inherit;
	}
	.dont-docmtpopwdth .right-info-dtls span:before {
		right: 40px;
		left: inherit;
	}
	.mob-all-applicant.showit {
		display: block;
		-webkit-animation: slide-down .7s ease-out;
		-moz-animation: slide-down .7s ease-out;
	}
	/*APPLICANT CSS STARTS HERE*/
	.aplt-main {
		margin-top: 40px;
	}
	.mob-cellpin {
		width: 30%;
		float: left;
	}
	.mob-celnum {
		width: 69%;
		float: left;
	}
	.mob-month {
		width: 50%;
		float: left;
	}
	.mob-day {
		width: 20%;
		float: left;
	}
	.mob-year {
		width: 30%;
		float: left;
	}
	.mob-year input {
		width: 100%;
	}
	.mob-day input {
		width: 100%;
	}
	.mob-clear {
		clear: both;
	}
	.aplt-box {
		padding: 20px 20px;
		height: auto;
	}
	.aplt-name {
		float: none;
	}
	.aplt-adrs {
		float: none;
		padding-right: 0;
		margin-top: 30px;
	}
	.dlt-apcnt {
		position: absolute;
		top: 12px;
		right: 10px;
	}
	.edit-apcnt {
		position: absolute;
		top: 12px;
		right: 50px;
		display: block;
	}
	.mob-hide {
		display: none;
	}
	.aplt-adrs ul li:first-child {
		padding-left: 0;
	}
	.change-web {
		display: none;
	}
	.change-mob {
		display: block;
	}
	.modal-body-mgrt {
		margin-right: 0;
	}
	.addaplnt-popup {
		width: 100%;
		height: auto;
		margin-top: 0;
		margin: 0;
	}
	.modal-content.md-cnt-ht {
		height: 100vh;
		position: relative;
	}
	.modal-content.md-cnt-ht .modal-footer {
		position: absolute;
		bottom: 20px;
		width: 100%;
	}
	/* #ndco-verification .modal-content{
		height: 100vh;
		position: relative;
	}

	#ndco-verification .modal-content .modal-footer{
		position: absolute;
		bottom: 20px;	
		width: 100%;
	} */
	.changeapcnt {
		width: 95%;
		margin-top: 30%;
	}
	.modal-title span {
		display: block;
		margin-top: 15px;
	}
	/*LOAN APPLICANT CSS STARTS HERE*/
	.progress-menu-item a span {
		display: block;
		text-align: left;
		padding-top: 5px;
	}
	.mob-close {
		display: none;
	}
	.loantab-content {
		padding: 0;
	}
	.mob-inner-content {
		padding: 15px 0;
	}
	.loan-mob-inner-content {
		margin-bottom: 50px;
	}
	.error-msg {
		bottom: -25px;
	}
	.mob-loanaplcnt {
		padding: 0 25px;
	}
	.mob-loan-arcd {
		margin-right: 25px;
		margin-left: 25px;
	}
	.bottom-content p {
		font-size: 12px;
		width: 70%;
		display: none;
	}
	.mob-loan-arcd.rotate {
		margin: 0 !important;
	}
	.list-inline>li:first-child {
		margin-left: 30px;
	}
	.progress-menu-item {
		font-size: 14px;
	}
	.loantab-content h4 {
		font-size: 16px;
		margin-bottom: 20px;
		margin-top: 20px;
	}
	.tab-subheaders h5 {
		font-size: 14px;
		margin-top: 2px;
		text-transform: capitalize;
	}
	.rest-dtls h4 {
		font-size: 12px !important;
		margin-bottom: 0 !important;
		margin-top: 1px !important;
	}
	.tab-innercnt .selectlabel {
		font-size: 12px;
	}
	.scroll-arrow {
		display: none;
	}
	/*Income details*/
	.income-proof-dts1 {
		width: 190px;
	}
	/*login fees*/
	.mob-fees-content {
		height: 90vh;
	}
	.fees-reffcode input {
		width: 85%;
	}
	#complete-instnt {
		display: none !important;
	}
	.login-verfycodebt #loginverified {
		display: block !important;
		width: 100%;
	}
	.login-verfycodebt #loginverified1 {
		display: none !important;
		width: 100%;
	}
	.statusChk {
		top: 60px;
		transform: none;
		z-index: 10;
	}
}

@media (max-width:480px) and (max-height:854px) {
	.template-options {
		height: 640px;
	}
	.template-options.open-option {
		height: 695px;
	}
	.changeapcnt {
		width: 95%;
		margin-top: 30%;
	}
	.addaplnt-popup {
		width: 95%;
		margin: 10px;
		margin-top: 30%;
	}
	.changeapcnt {
		width: 95%;
		margin-top: 40%;
	}
	.login-main {
		width: 100%;
	}
	.login-input {
		width: 100%;
	}
	.allerror-msg {
		width: 90%;
	}
}

@media (max-width:425px) and (max-height:518px) {
	.header-right {
		width: 197px;
	}
	.section-content-ht {
		height: auto;
		padding-bottom: 175px;
		padding-top: 0;
	}
	.content-footer {
		height: auto;
		padding: 15px 30px 15px;
		position: fixed;
		text-align: center;
	}
	.contue {
		float: none;
		margin-top: 5px;
	}
}


@media (max-width: 414px) {
	.navbar-collapse.collapse {
		margin-top: 11px;
	}
	.pie-wrapper .label {
		line-height: 3.8em;
	}
	.div-header {
		height: 60px;
		padding-left: 0px;
	}
	.header-right {
		width: 185px;
	}
	.header {
		height: 70px;
	}
	.left-pannel {
		width: 195px;
		float: left;
		padding-right: 0;
	}
	.loan-sanctioned {
		display: none;
	}
	.header-right {
		float: right;
		margin-top: 6px;
		margin-right: 10px;
	}
	.header-right h4 {
		font-size: 15px;
	}
	.container-width {
		padding: 0;
	}
	.sidebar-wdth {
		display: none;
	}
	.main-content {
		margin-left: 0;
	}
	.inner-content {
		border-radius: 0;
		height: auto;
	}
	.loan-body {
		padding-bottom: 115px;
		height: auto;
		margin-bottom: 0px;
	}
	.reqchangepopwdth, .changepopwdth {
		width: 95%;
		height: auto;
		/* margin-left:0px!important; */
	}
	#reqchangepop .modal-footer, #changepop .modal-footer {
		border-top: none;
		margin-top: 0%;
	}
	.title-right {
		display: none;
	}
	.save-app {
		/* display:block; */
		float: right;
	}
	.save-app h4 {
		letter-spacing: 0.79px;
		color: #5AB5E3;
		text-transform: uppercase;
		font-size: 12px;
		margin-bottom: 3px;
	}
	.save-app p {
		letter-spacing: 0px;
		color: #707070;
		opacity: 0.8;
		font-size: 10px;
	}
	.header-name h3 {
		color: #000;
		font-size: 18px;
		margin-top: 13px;
	}
	.header-name h3 span {
		display: none;
	}
	.position-headermob {
		padding: 0px 30px;
	}
	.title-years {
		float: left;
		margin-right: 0;
	}
	.title-years h5 {
		text-align: left;
	}
	.info-icon {
		float: left !important;
	}
	.vrMid .rqrt-loandtls {
		width: 73%;
		display: inline-block;
		vertical-align: middle;
		margin-top:36px;
	}

	.vrMid .mob-change {
		width: 25%;
		margin-top: 25px;
		text-align: right;
		display: inline-block;
		vertical-align: middle;
	}
	.mob-info-rt {
		padding-left: 15px;
	}
	/* .rqrt-loandtls {
		margin-top: 36px;
	} */
	.content-footer {
		height: auto;
		padding: 15px 30px 15px;
		position: fixed;
		text-align: center;
	}
	.loan-amount {
		float: none;
	}
	.contue {
		float: none;
		margin-top: 5px;
	}
	.contue a {
		width: 100%;
	}
	.loan-amount ul li p {
		font-size: 12px;
		line-height: 20px;
	}
	.loan-amount ul li p span {
		display: block;
		padding-left: 0;
		font-size: 14px;
	}
	.toggle-btnmenu {
		background: #9bb740;
		border: 0;
		border-radius: 24px 0 0 24px;
		bottom: 2px;
		left: -82px;
		position: absolute;
		height: 35px;
		box-sizing: border-box;
		padding-left: 35px;
		cursor: pointer;
		transition: all 1s ease;
	}
	.left-icon {
		top: 10px;
	}
	.progress--circle {
		margin-top: 2px;
		width: 30px;
		height: 30px;
	}
	.progress--circle:before {
		width: 27px;
		height: 27px;
		top: 2px;
		left: 2px;
	}
	.progress__number {
		font-size: 10px;
		top: 56%;
	}
	.btn-active {
		left: -20px;
		transition: all 0.5s ease;
		width: 40px;
		border-radius: 37%;
		border-radius: 50%;
	}
	.btn-active .left-icon {
		left: 15px;
	}
	.template-options.open-option {
		height: 600px;
	}
	.template-options.kyc-open-option {
		height: 560px;
	}
	.template-options {
		height: 545px;
	}
	/*KYC PAGE*/
	.all-applicants {
		margin: 50px 0 25px 15px;
	}
	.accordion-section-title {
		height: auto;
		padding: 10px 30px;
		border-radius: 15px;
	}
	.accordion-section-title .arrow-left {
		display: none;
	}
	.accordion-section-title p {
		float: none;
		font-size: 11px;
	}
	.toggle-sectionrec {
		font-size: 10px;
		text-transform: uppercase;
	}
	.header-name h3 span {
		font-size: 12px;
	}
	.mail-applts {
		float: none;
	}
	.mail-applts ul li {
		font-size: 13px;
		text-transform: capitalize;
	}
	.mail-applts ul li:first-child {
		margin-left: 0;
		border: none;
		padding-left: 0;
	}
	.pending {
		position: absolute;
		right: 20px;
		top: 5px;
	}
	.accordion-section-title .progress-img img {
		margin-right: 0px;
		padding-top: 0px !important;
	}
	.mob-complte-rt {
		display: block;
	}
	.accordion-section-title.rotate .mob-complte-rt {
		display: none;
	}
	.prgs-position p {
		padding-left: 10px;
	}
	.mob-nb {
		padding-left: 15px !important;
	}
	.error-msg p {
		padding-left: 0;
	}
	.bt-position {
		display: none;
	}
	.accordion-section-title.rotate {
		position: absolute;
		width: 100%;
		left: 0;
		top: 27px;
		border-radius: 0;
	}
	.accordion-section-content.open {
		top: 90px;
		padding: 15px 0;
	}
	.section-content-ht {
		height: auto;
		padding-bottom: 175px;
		padding-top: 0;
	}
	.mgrighttoggle {
		float: left;
		width: 35%;
		padding: 0;
		margin-right: 15px;
	}
	.toggle-btn {
		float: left;
		width: 15%;
		padding: 0;
	}
	.mglefttoggle {
		width: 35%;
		float: left;
		padding: 0;
		margin-left: 15px;
	}
	.togle-post {
		padding: 0;
	}
	.toggle-sectionhdr {
		font-size: 15px;
	}
	.toggle-sectionmsg {
		font-size: 11px;
	}
	.margintop-subpage {
		padding: 0;
	}
	.margintop-subpage .text-right {
		padding: 0;
		text-align: left;
	}
	.sub-container {
		padding: 0;
	}
	.vid-min {
		width: 100%;
		margin: 10px 0;
	}
	.vid-min1 {
		width: 100%;
		margin: 10px 0;
	}
	.msg-superior {
		font-size: 16px;
		line-height: 20px;
	}
	.docs-mrgn {
		margin-top: 20px;
	}
	.docs-msg {
		margin-top: 10px;
	}
	.proofs-box {
		width: 175PX;
		height: auto;
		float: left;
		margin-top: 0;
		margin-bottom: 20px;
		padding: 0 5px;
	}
	.proof-iconcircle {
		float: none;
		width: 30px;
		height: 30px;
	}
	.proof-iconcircle img {
		width: 20px;
		padding-bottom: 5px;
	}
	.proof-boxheader {
		float: none;
		margin-top: 5px;
		margin-bottom: 5px;
	}
	.proof-boxheader p {
		font-size: 12px !important;
	}
	.mob-mglft0 {
		margin-left: 0;
	}
	.docs-msg .col-sm-9 {
		margin: 0px 0 20px;
	}
	/*upload kyc*/
	.sub-containerupload {
		padding: 0;
	}
	.doc-dy {
		text-align: right;
	}
	.docs-msg-subhdr {
		height: auto;
		margin-bottom: 15px;
	}
	.proofs-box2 {
		width: auto;
	}
	.no-doc-add {
		margin-top: 30px;
	}
	.upload-document {
		margin: 30px 0;
	}
	.upload-document1 {
		margin: 30px 0;
	}
	.upload-document h5 {
		margin-bottom: 25px;
	}
	.upload-document1 h5 {
		margin-bottom: 25px;
	}
	.upload-document-list {
		padding: 15px;
	}
	.upload-document-list .doc {
		float: left;
		width: 10%;
	}
	.prgs-list {
		float: left;
		width: 90%;
	}
	.prgs-title h5 {
		margin-bottom: 0 !important;
	}
	.kyc-progress-bar {
		top: -5px;
	}
	.kyc-progress {
		padding: 2px;
	}
	.upload-document1 .upload-document-list {
		padding: 15px;
	}
	.pancard-drop {
		float: none;
		margin-right: 0;
	}
	.pan-card-fnt {
		float: none;
	}
	.pancard-drop .select-wrapper {
		width: 100%;
	}
	.events-accordion.post-ent {
		margin-top: 40px;
	}
	.complete-kyc p span img {
		width: 16px;
	}
	.digilockerpopwdth {
		width: 95%;
		margin: auto;
		margin-top: 58%;
	}
	.digilockerpopwdth .modal-header {
		padding-top: 20px;
	}
	.digilockerpopwdth .modal-header h4 {
		font-size: 20px;
	}
	.digilockerpopwdth .modal-header .close {
		display: none;
	}
	.dont-docmtpopwdth {
		width: 100%;
		margin: auto;
	}
	.dont-docmtpopwdth .modal-header .close {
		display: none;
	}
	.dont-docmtpopwdth .modal-header h4 {
		font-size: 20px;
	}
	.upload-Alternate-content p {
		width: 100%;
	}
	.dont-docmtpopwdth .modal-content {
		padding: 0 40px;
	}
	.dont-docmtpopwdth .proofs-box2 {
		width: 90%;
		padding: 5px;
	}
	.mgt-30 {
		margin-top: 10px;
	}
	#dont-docmt .modal-footer {
		text-align: center;
	}
	#dont-docmt1 .modal-footer {
		text-align: center;
	}
	#dont-docmt2 .modal-footer {
		text-align: center;
	}
	.proofs-box2 .right-info-dtls span {
		right: -38px;
		left: inherit;
	}
	.proofs-box2 .right-info-dtls span:before {
		right: 40px;
		left: inherit;
	}
	.dont-docmtpopwdth .right-info-dtls span {
		right: -38px;
		left: inherit;
	}
	.dont-docmtpopwdth .right-info-dtls span:before {
		right: 40px;
		left: inherit;
	}
	.mob-all-applicant.showit {
		display: block;
		-webkit-animation: slide-down .7s ease-out;
		-moz-animation: slide-down .7s ease-out;
	}
	.up-digilocker {
		margin-top: 0;
	}
	.modal-title {
		font-size: 20px;
	}
	.close-iconpop {
		font-size: 20px;
	}
	/*LOAN APPLICANT*/
	.loantab-content h4 {
		font-size: 16px;
		margin-bottom: 20px;
		margin-top: 0px;
	}
	.expy-date {
		text-transform: lowercase;
		font-size: 12px;
		margin-bottom: 0;
	}
	.tab-subheaders h5 {
		font-size: 12px;
		margin-top: 2px;
		text-transform: capitalize;
	}
	.rest-dtls h4 {
		font-size: 12px !important;
		margin-bottom: 0 !important;
		margin-top: 1px !important;
	}
	/*LOAN APPLICANT*/
	/*Income Details*/
	.income-proofs-box {
		width: 180px;
	}
	.income-proof-dts1 {
		width: 210px !important;
		float: none;
	}
	.income-detils-thing .income-proof-dts1 {
		width: 255px !important;
	}
	.income-profe-dts .income-proof-dts1 {
		width: 255px !important;
	}
	.income-proof-dts {
		margin-right: 5px;
	}
	/*Income Details*/
	/*login fees*/
	.mob-fees-content {
		height: 90vh !important;
	}
	/*Verification*/
	.prgs-position p {
		font-size: 16px;
	}
	.verf-footer p {
		font-size: 14px !important;
	}
	.verf-footer p span {
		font-size: 14px;
	}
	
	/*thankyou css*/
	.tanqq-main {
		width: 90%;
		margin-top: 45%;
	}
	.thanq-header p {
		font-size: 20px;
	}
	/*thankyou css*/
	/*Sanction details*/
	.mrgnbtm-btnsmob {
		margin-top: 90px;
	}
	/*LOGIN CSS*/
	.login-phonenum p {
		padding-left: 0 !important;
		margin-bottom: 15px !important;
	}
	.login-main p {
		font-size: 16px !important;
	}
	.login-verf-codebtn {
		position: absolute;
		bottom: 40px;
		width: 87%;
	}
	.login-verfycodebt {
		position: absolute;
		bottom: 40px;
		width: 87%;
	}
	.allerror-msg {
		width: 90%;
	}
	.cost-header h3 {
		font-size: 12px;
	}
	.cost-saveapp .position-headermob {
		padding: 0px 10px !important;
	}
	/* KYC PAGE */
	.borderB p.toggle-sectionmsg {
		font-size: 9px;
		padding: 0;
	}
	.borderB .toggle-sectionhdr {
		font-size: 14px;
	}
}


@media (max-width:411px) and (max-height:823px) {
	.template-options {
		height: 638px;
	}
	.template-options.open-option {
		height: 685px;
	}
	.template-options.kyc-open-option {
		height: 650px;
	}
}

@media (max-width:411px) and (max-height:731px) {
	.template-options {
		height: 550px;
	}
	.template-options.open-option {
		height: 595px;
	}
	.template-options.kyc-open-option {
		height: 560px;
	}
	.proofs-box {
		width: 170PX;
	}
	.section-content-ht {
		height: auto;
		padding-bottom: 150px;
	}
}

@media (max-width:384px) and (max-height:640px)  {
	.header-right {
		margin-right: 0;
	}

	.template-options.open-option {
		height: 550px;
	}

}

@media (max-width:375px) and (max-height:812px) {
	.template-options {
		height: 636px;
	}
	.template-options.kyc-open-option {
		height: 645px;
	}
	.changeapcnt {
		width: 95%;
		margin-top: 40%;
	}
	.digilockerpopwdth {
		margin-top: 75%;
	}
}

@media (max-width:375px) and (max-height:667px) {
	.template-options {
		height: 490px;
	}
	.template-options.open-option {
		height: 540px;
	}
	.sidebar-nav {
		margin: 3px 0 0;
	}
	.sidebar-nav .navbar li {
		margin: 17px 0;
	}
	.template-options.kyc-open-option {
		height: 500px;
	}
	.digilockerpopwdth {
		margin-top: 60%;
	}
}

@media (max-width: 375px) {
	.left-pannel {
		width: 190px;
	}
	.proof-boxheader p {
		font-size: 10px;
	}
	.header-right {
		margin-right: 0;
	}
	.content-footer {
		padding: 10px 25px 10px;
	}
	.property-details h3 {
		font-size: 15px;
	}
	.contue {
		height: 32px;
	}
	.toggle-btnmenu {
		bottom: -1px;
	}
	/*KYC CSS*/
	.events-accordion {
		margin-bottom: 50px;
	}
	.mglefttoggle {
		margin-left: 10px;
	}
	.mail-applts ul li {
		padding-left: 10px;
		margin-left: 10px;
	}
	.mgrighttoggle {
		margin-right: 10px;
	}
	.proofs-box {
		width: 155px;
	}
	.proofs-box2 {
		width: auto;
	}
	.mob-all-applicant {
		bottom: 55px;
	}
	.dragfiles-border {
		height: auto;
		padding-top: 15px;
	}
	.modal-title {
		font-size: 16px;
	}
	/*Sanction Details*/
	.featr-selt {
		width: 140px;
	}
	.label-grey {
		font-size: 14px;
	}
	.bold-styles b {
		font-size: 14px;
	}
	.emi-prmth p {
		letter-spacing: 0px;
		color: #000000;
		font-size: 14px;
	}
	.emi-prmth h4 {
		font-family: 'WorkSans-SemiBold';
		font-size: 17px;
	}
	.mrgnbtm-btnsmob {
		margin-top: 70px;
	}
	.btn-outline-save {
		height: 50px;
		width: 90%;
	}
	.label-download {
		padding-left: 0;
	}
	/*Error msg*/
	.allerror-msg p {
		width: 75%;
	}
}

@media (max-width: 380px) {
	.header-right {
		margin-right: 0px;
	}
}

@media (max-width: 360px) {
	.content-footer {
		padding: 10px 20px 10px;
	}
	.navbar-collapse.collapse {
		margin-top: 7px;
	}
	.sidebar-nav .navbar li {
		margin: 16px 0;
	}
	.pie-wrapper {
		height: 0.6em;
		width: 0.6em;
	}
	.pie-wrapper .label {
		line-height: 60px;
	}
	.navbar-nav li a {
		font-size: 16px;
	}
	.navbar-nav li:first-child {
		margin-top: 3px !important;
	}
	.sidebar-nav {
		margin: 10px 0 0;
	}
	.template-options {
		height: 465px;
	}
	.template-options.open-option {
		height: 510px;
	}
	.left-pannel {
		width: 173px;
	}
	.property-details h3 {
		font-size: 14px;
	}
	.navbar-nav li {
		margin: 20px 0px;
	}
	/*KYC CSS*/
	.proofs-box {
		width: 150px;
	}
	.mglft10 {
		margin-left: 10px;
	}
	.template-options.kyc-open-option {
		height: 470px;
	}
	.mail-applts ul li {
		padding-left: 5px;
		margin-left: 5px;
	}
	/*loan-applicant*/
	.loantab-content h4 {
		font-size: 14px;
	}
	.progress-menu-item {
		font-size: 12px;
	}
	.rest-dtls h4 {
		font-size: 12px !important;
		margin-bottom: 0 !important;
		margin-top: 1px !important;
	}
	.tab-subheaders h5 {
		font-size: 12px;
		margin-top: 2px;
		text-transform: capitalize;
	}
	.featr-selt {
		width: 132px;
	}
	.label-download {
		font-size: 12px;
	}
	.login-main h3 {
		font-size: 18px;
	}
	.income-profe h4 {
		font-size: 12px;
	}
}

@media (max-width:320px) and (max-height:568px) {
	.sidebar-nav .navbar li {
		margin: 10px 0!important;
	}
	.sidebar-nav {
		margin: 8px 0 0 !important;
	}
	.navbar-nav li a {
		font-size: 14px !important;
	}
	.navbar-nav li:first-child {
		margin-top: 0px!important;
	}
	.template-options {
		width: 280px;
		top: 54px;
		height: 395px;
	}
	/* .template-options.open-option {
		height: 445px;
	} */
	.template-options.open-option {
		height: 450px;
	}

	.toggle-btnmenu {
		left: -134px;
		bottom: -2px;
	}
	.toggle-btnmenu.btn-active {
		left: -20px;
	}

	.vrMid .rqrt-loandtls {
		width: 100%;
	}

	.vrMid .mob-change {
		width: 100%;
		text-align: initial;
		margin-top: 0;
	}
}

@media (max-width: 320px) and (max-height:480px) {
	.template-options {
		width: 280px;
		height: 312px;
		top: 54px;
	}
	.template-options.open-option {
		height: 357px;
	}
	.template-options.kyc-open-option {
		height: 470px;
	}
	.digilockerpopwdth {
		width: 90%;
		margin: auto;
		margin-top: 20%;
	}
	.changeapcnt {
		margin-top: 13%;
	}
}

@media (max-width: 320px) {
	.sidebar-nav .navbar li {
		margin: 15px 0;
	}
	.select-property h4 {
		font-size: 16px;
	}
	.header-right p {
		margin-bottom: 0;
		font-size: 12px;
	}
	.header-right h4 {
		font-size: 12px;
	}
	.quest_mark {
		float: right;
		line-height: 33px;
	}
	.left-pannel {
		width: 140px;
	}
	.div-header {
		padding-left: 0;
	}
	.header-name h3 {
		color: #000;
		font-size: 14px;
		margin-top: 13px;
	}
	.content-footer {
		padding: 10px 10px 10px;
	}
	.loan-amount ul li p span {
		font-size: 16px;
	}
	.property-details h3 {
		font-size: 12px;
	}
	.house-icon {
		width: 50px;
	}
	.property-details p {
		font-size: 12px;
	}
	.property-details h6 {
		font-size: 12px;
		color: #777;
	}
	.selected {
		width: 100%;
		padding: 20px 10px;
	}
	/* .toggle-btnmenu {
		left: -134px;
		bottom: -2px;
	} */
	.btn-active {
		left: -20px;
		transition: all 0.5s ease;
		width: 40px;
		border-radius: 37%;
		border-radius: 50%;
	}
	.navbar-nav li a {
		font-size: 16px;
	}
	.header-right {
		width: 180px;
	}
	.no-property {
		width: 260px;
		margin: auto;
		margin-top: 30px;
	}
	.header {
		height: 55px;
	}
	.container-width {
		padding: 0;
		padding-top: 55px !important;
	}
	.info-dtls span {
		min-width: 140px;
	}
	.right-info-loandtls span {
		min-width: 200px;
	}
	/*KYC CSS*/
	.header-name h3 span {
		font-size: 12px;
	}
	.accordion-section-title {
		padding: 10px;
	}
	.mail-applts ul li {
		font-size: 12px;
		padding-left: 10px;
		margin-left: 10px;
	}
	.super-header h4 {
		font-size: 14px;
	}
	.docs-mrgn {
		margin-top: 0px;
	}
	.docs-mrgn h4 {
		font-size: 14px;
	}
	.proofs-box {
		width: 130px;
	}
	.mglft10 {
		margin-left: 5px;
	}
	.prof-submsg {
		font-size: 11px;
	}
	.toggle-btn .round-btn {
		left: 16px;
	}
	.proofs-box2 {
		width: auto;
	}
	/*APPICANT CSS STARTS HERE*/
	.aplt-adrs ul li {
		font-size: 12px;
		line-height: 12px;
	}
	.aplt-main-hd ul li {
		font-size: 12px;
	}
	.changeapcnt {
		margin-top: 13%;
	}
	.modal-footer .btn+.btn {
		margin-left: 0;
	}
	.add-btn-wd {
		width: 100%;
	}
	/*thankyou css*/
	.tanqq-main {
		width: 90%;
		margin-top: 40%;
	}
	.thanq-header h3 {
		font-size: 20px;
		margin-bottom: 30px;
	}
	.thanq-header p {
		font-size: 16px;
	}
	/*thankyou css*/
	.featr-selt {
		width: 115px;
	}
	.featr-selt h5 {
		font-size: 11px;
		margin-bottom: 0;
	}
	.label-download {
		font-size: 11px;
	}
	.textbox-smallwdth {
		width: 30px;
		height: 40px;
	}
	.modal-footer p {
		font-size: 11px;
	}
	.modal-footer p span {
		font-size: 11px;
	}
	.login-main p {
		font-size: 12px !important;
	}
	.login-phonenum {
		width: 100%;
		margin: auto;
		margin-top: 60px;
	}
	.textbox-small h6 {
		font-size: 12px;
	}
	.mob-fees-content {
		height: 91vh !important;
		overflow: auto;
		margin-bottom: 50px;
	}
	/* customer Inactive css */
	button.actionBtn {
		font-size: 11px !important;
	}
	.action {
		bottom: 5px !important;
	}
		
	/* Product Feature */
	.sidebar-nav .navbar li {
		margin: 10px 0!important;
	}
	.sidebar-nav {
		margin: 8px 0 0 !important;
	}
	.navbar-nav li a {
		font-size: 14px !important;
	}
	.navbar-nav li:first-child{
		margin-top:0px!important;
	}
	.template-options {
		width:280px;
		top:54px;
		height: 410px;
	}
	.toggle-btnmenu {
		left: -134px;
		bottom: -2px;
	}
	.toggle-btnmenu.btn-active {
		left: -20px;
	}
	.vrMid .rqrt-loandtls {
		width: 100%;
	}

	.vrMid .mob-change {
		width: 100%;
		text-align: initial;
		margin-top: 0;
	}
}

/* CUSTOMER PAGE CSS */

@media (max-width:1366px) {
	#cust-main-header, #cust-main-body {
		display: block;
	}
	#cust-mob-main-header, #cust-mob-main-body {
		display: none;
	}
	.heading {
		margin: auto 0;
		padding: 10px;
		height: 70px;
		font: normal normal bold 32px/38px Work Sans;
	}
	.cust-header-right {
		margin-top: 20px;
		width: 23%;
	}
	.cust-header-right h4 {
		font-size: 11px;
	}
	.cust-header-right h4 img {
		height: 12px;
		width: 16px;
	}
	.cust-sub-header {
		margin-left: 20%;
	}
	.cust-button-container {
		height: 500px;
		border-radius: 12px;
	}
	.cust-checkbox {
		font-size: 11px;
		padding: 8px;
	}
	.cust-checkbox label {
		margin: auto;
		padding-left: 20px;
	}
	.cust-checkbox input.larger {
		width: 10px;
		height: 10px;
	}
	.cust-accordion, .cust-accordion-top, .cust-accordion-bottom {
		padding: 9px;
		font-size: 11px;
	}
	#cust-content tr td, #cust-content-table .table-headers {
		font-size: 11px;
		padding: 6px;
	}
	#table-content-main {
		padding: 9px 25px;
		height: 587px;
	}
	#cust-content-table {
		border-spacing: 0px 10px;
	}
	#cust-content-table tbody tr {
		height: 36px;
		border-radius: 5px;
	}
	.cust-div-option {
		height: 45px;
	}
	.cust-side-panel {
		height: 30px;
	}
	#filter-holder {
		height: 30px;
	}
	.cust-labels {
		font-size: 11px;
	}
	.cust-div-search {
		height: 30px;
		padding: 0px 30px;
	}
	#cust-search-box {
		padding: 8px 10px;
		height: 100%;
	}
	#cust-search-box input {
		font-size: 11px;
	}
	#cust-search-box input::placeholder {
		font-size: 11px;
	}
	#cust-search-form {
		font-size: 11px;
	}
	.cust-btn-blue {
		height: 30px;
		margin-left: 10px;
		font-size: 11px;
	}
	#search-nav-panel {
		height: 30px;
	}
	.cust-newapplt-popup {
		margin-top: 8%;
	}
}

/* iPad - V */

@media (min-device-width: 768px) and (min-device-height: 1024px) and (orientation: portrait) {
	#cust-main-header, #cust-main-body {
		display: block;
	}
	#cust-mob-main-header, #cust-mob-main-body {
		display: none;
	}
	.cust-container-width {
		height: 94vh;
		padding: 0px 15px;
	}
	.cust-page-header {
		padding-top: 0;
		height: 60px;
	}
	.cust-left-pannel {
		width: 25%
	}
	.cust-left-pannel img {
		width: 200px;
	}
	.heading {
		height: 50px;
		font-size: 24px;
		padding-left: 0px;
	}
	.cust-sub-header {
		font-size: 26px;
		margin-top: 0px;
	}
	.cust-header-right {
		padding-left: 0px;
		padding-right: 25px;
		float: right;
		margin-right: 5%;
		margin-top: 10px;
		width: 16.66666667%;
	}
	.cust-header-right h4 {
		font-size: 12px;
		margin-top: 5px;
	}
	.cust-header-right h4 img {
		width: 16px;
		height: 15px;
	}
	#nav-wrapper {
		display: flex;
		flex-direction: column-reverse;
		height: 180px;
		padding: 0px 50px;
	}
	#search-nav-panel {
		width: 100%;
		height: 60%;
	}
	#search-nav-panel div {
		width: 100%;
	}
	.cust-div-search {
		height: 38px;
		padding: 0px;
		margin: 13px 0px 15px 0px;
	}
	#cust-search-box {
		padding: 8px 12px;
		height: 100%;
	}
	#cust-search-form, #cust-search-box input, #cust-search-box input::placeholder {
		font-size: 14px;
		height: 16px;
	}
	.cust-right {
		margin: 0px;
		padding: 0px;
		display: table;
		height: 38px;
	}
	.cust-btn-blue {
		width: 37%;
		margin-left: 3%;
		height: 100%;
		display: table-cell;
		font-size: 14px;
	}
	.cust-btn-blue:first-child {
		width: 30%;
		margin-left: 0px;
		float: left;
	}
	.cust-btn-blue:last-child {
		float: right;
		margin-left: 0px;
		width: 27%;
	}
	#filter-side-panel {
		width: 100%;
		padding: 0px 15px;
		z-index: 2;
		height: 38px;
		opacity: 1;
	}
	#filter-holder {
		width: 53%;
		padding: 0px;
		height: 100%;
		float: left;
		transition: all 0.5s;
	}
	#filter-button {
		margin: 0px;
		width: 50%;
		height: 100%;
		float: left;
		background: #FFFFFF 0% 0% no-repeat padding-box;
		box-shadow: 0px 10px 20px #00000029;
		border-radius: 15px;
		opacity: 1;
		color: #5AB5E3;
		cursor: pointer;
		transition: all 0.5s;
	}
	#greybox {
		margin-top: 38px;
	}
	#filter-labels {
		padding: 0px;
		width: 50%;
		height: 100%;
		position: relative;
	}
	@keyframes diagonalX {
		0% {
			transform: translateX(0px) translateY(0px);
		}
		100% {
			transform: translateX(-170px) translateY(35px);
		}
	}
	@keyframes diagonalY {
		0% {
			transform: translateX(0px) translateY(0px);
		}
		100% {
			transform: translateX(-15px) translateY(35px);
		}
	}
	@keyframes diagonalXRev {
		100% {
			transform: translateX(0px) translateY(0px);
		}
		0% {
			transform: translateX(-170px) translateY(35px);
		}
	}
	@keyframes diagonalYRev {
		100% {
			transform: translateX(0px) translateY(0px);
		}
		0% {
			transform: translateX(-15px) translateY(35px);
		}
	}
	.div-filter-holder {
		width: 100%;
		padding: 8px;
		height: 100%;
		display: block;
	}
	#filter-icon {
		display: block;
		height: 100%;
		width: 30%;
		margin-left: 12px;
		float: left;
		font-size: 14px;
	}
	#filter-icon img {
		width: 18px;
		height: 18px;
	}
	#filter-label {
		display: block;
		height: 100%;
		float: left;
		width: 50%;
		font-size: 14px;
	}
	#filter-label span {
		display: none;
	}
	#filter-applied {
		/* width: 48%; */
		width: fit-content;
		display: block;
		height: 100%;
		padding-top: 12px;
		font-size: 12px;
		font-family: "WorkSans-Regular";
	}
	.cust-clear {
		clear: none;
		/* width: 52%; */
		width: fit-content;
		height: 100%;
		padding-top: 10px;
		float: right;
		font-size: 14px;
		font-family: "WorkSans-Medium";
	}
	#div-paginate {
		float: right;
		margin: auto;
		margin-right: 0px;
		margin-top: 8px;
		display: block;
	}
	.paginates {
		width: fit-content;
		float: left;
		height: 16px;
	}
	#page-text {
		padding: 0px 15px;
		height: 18px;
		text-align: center;
		font: normal normal normal 12px/20px Work Sans;
		letter-spacing: 0px;
		color: #707070;
		text-transform: capitalize;
		opacity: 1;
	}
	#side-panel {
		display: none;
	}
	#row2 {
		height: 78%;
	}
	#row2 div {
		padding: 0px;
		height: 100%;
		width: 100%;
	}
	.cust-table-responsive {
		height: 100%;
		width: 100%;
		overflow-y: hidden;
	}
	#cust-content-table {
		border-spacing: 0px 14px;
	}
	#cust-content-table .table-headers {
		min-width: 205px;
		height: 52px;
		font-size: 13px;
		padding-bottom: 25px;
	}
	#cust-content-table tbody tr {
		height: 52px;
		border-radius: 5px;
	}
	#cust-content-table thead tr th:first-child, #cust-content-table tbody tr td:first-child {
		min-width: 230px;
		position: sticky;
		left: 0;
		z-index: 1;
		opacity: 1;
		padding-left: 1% !important;
	}
	#cust-content-table thead tr th:nth-child(2), #cust-content-table tbody tr td:nth-child(2) {
		margin-left: 230px;
	}
	#cust-content tr td, #cust-content-table .table-headers {
		font-size: 13px;
	}
	#cust-content-table thead tr th:first-child {
		background-color: #FFFFFF;
	}
	#cust-content-table tbody tr td:first-child {
		background: #FAF9F9 0% 0% no-repeat padding-box;
	}
	#clear-filter-btn {
		height: 38px;
		margin-right: 15px;
		float: right;
		font-size: 18px;
		margin-top: 10px;
		margin-left: 310px;
		position: absolute;
		z-index: 10;
		color: #5AB5E3;
	}
	.cust-button-container {
		height: 460px;
		border-radius: 0px 0px 15px 15px;
	}
	.cust-accordion, .cust-accordion-top, .cust-accordion-bottom {
		background-color: #ffffff;
		cursor: pointer;
		padding: 15px 12px;
		width: 100%;
		height: fit-content;
		border: none;
		text-align: left;
		outline: none;
		letter-spacing: 0;
		line-height: 2rem;
		font-family: "WorkSans-Regular";
		font-size: 12px;
		transition: 0.5s ease-out;
		margin: 0;
	}
	.cust-active {
		background-color: #5FB9E6;
	}
	.cust-accordion:focus, .cust-accordion:active {
		background-color: #5FB9E6;
	}
	.cust-accordion:after {
		color: #777;
		font-weight: bold;
		float: right;
		margin-left: 5px;
	}
	.cust-custom-arrow {
		float: right;
		width: 24px;
		text-align: center;
	}
	.cust-panel {
		padding: 0 16px;
		background-color: #F3F3F2;
		max-height: 0;
		width: 100%;
		height: auto;
		overflow-x: hidden;
		overflow-y: auto;
		transition: max-height 0.5s ease-out;
		padding: 0%;
		margin: 0;
		border-bottom: 1px solid transparent;
		border-top: 0;
	}
	hr.seperator {
		margin: 0px;
		width: 100%;
	}
	.cust-hr {
		margin: 0px;
	}
	.cust-checkbox {
		width: 100%;
		margin: 0px;
		padding: 16px;
		font-size: 12px;
	}
	input[type=checkbox] {
		color: #ccc;
		margin: 0;
	}
	input[type=checkbox]:checked {
		color: #5FB9E6;
		background: #fff;
	}
	.cust-checkbox input.larger {
		width: 18px;
		height: 18px;
		border-radius: 10px;
		margin-left: 0px;
		font-size: 12px;
	}
	.cust-checkbox label {
		margin: auto;
		padding-left: 35px;
	}
	.cust-newapplt-popup {
		width: 60%;
		height: 50%;
		margin-top: 30%;
	}
	#cust-new-applicant .cust-modal-header {
		border: none;
		height: 10%;
		font-family: "WorkSans-Medium";
		font-size: 17px;
		text-align: left;
		color: #000000;
		text-transform: capitalize;
		opacity: 1;
	}
	.cust-modal-heading {
		font-size: 17px;
	}
	.close-iconpop img {
		width: 16px;
	}
	.selectlabel {
		font-size: 11px;
	}
	.cust-btn-bluebg {
		font-size: 14px;
	}
}

/* iPad Pro - V */

@media (min-device-width: 834px) and (min-device-height: 1112px) and (orientation: portrait) {
	#cust-main-header, #cust-main-body {
		display: block;
	}
	#cust-mob-main-header, #cust-mob-main-body {
		display: none;
	}
	.cust-container-width {
		height: 94vh;
		padding: 0px 15px;
	}
	.cust-page-header {
		padding-top: 0;
		height: 65px;
	}
	.cust-left-pannel {
		width: 25%
	}
	.cust-left-pannel img {
		width: 220px;
	}
	.heading {
		height: 60px;
		font-size: 26px;
		padding-left: 0px;
	}
	.cust-sub-header {
		font-size: 28px;
		margin-top: 0px;
	}
	.cust-header-right {
		padding-left: 0px;
		padding-right: 25px;
		float: right;
		margin-right: 5%;
		margin-top: 10px;
		width: 16.66666667%;
	}
	.cust-header-right h4 {
		font-size: 14px;
		margin-top: 7px;
	}
	.cust-header-right h4 img {
		width: 18px;
		height: 17px;
	}
	#nav-wrapper {
		display: flex;
		flex-direction: column-reverse;
		height: 190px;
		padding: 0px 50px;
	}
	#search-nav-panel {
		width: 100%;
		height: 60%;
	}
	#search-nav-panel div {
		width: 100%;
	}
	.cust-div-search {
		height: 40px;
		padding: 0px;
		margin: 15px 0px 20px 0px;
	}
	#cust-search-box {
		padding: 10px 15px;
		height: 100%;
	}
	#cust-search-form, #cust-search-box input, #cust-search-box input::placeholder {
		font-size: 16px;
		height: 18px;
	}
	.cust-right {
		margin: 0px;
		padding: 0px;
		display: table;
		height: 40px;
	}
	.cust-btn-blue {
		width: 37%;
		margin-left: 3%;
		height: 100%;
		display: table-cell;
		font-size: 16px;
	}
	.cust-btn-blue:first-child {
		width: 30%;
		margin-left: 0px;
		float: left;
	}
	.cust-btn-blue:last-child {
		float: right;
		margin-left: 0px;
		width: 27%;
	}
	#filter-side-panel {
		width: 100%;
		padding: 0px 15px;
		z-index: 2;
		height: 40px;
		opacity: 1;
	}
	#filter-holder {
		width: 53%;
		padding: 0px;
		height: 100%;
		float: left;
		transition: all 0.5s;
	}
	#filter-button {
		margin: 0px;
		width: 50%;
		height: 100%;
		float: left;
		background: #FFFFFF 0% 0% no-repeat padding-box;
		box-shadow: 0px 10px 20px #00000029;
		border-radius: 17px;
		opacity: 1;
		color: #5AB5E3;
		cursor: pointer;
		transition: all 0.5s;
	}
	#greybox {
		margin-top: 40px;
	}
	#filter-labels {
		padding: 0px;
		width: 50%;
		height: 100%;
		position: relative;
	}
	@keyframes diagonalX {
		0% {
			transform: translateX(0px) translateY(0px);
		}
		100% {
			transform: translateX(-185px) translateY(40px);
		}
	}
	@keyframes diagonalY {
		0% {
			transform: translateX(0px) translateY(0px);
		}
		100% {
			transform: translateX(-15px) translateY(40px);
		}
	}
	@keyframes diagonalXRev {
		100% {
			transform: translateX(0px) translateY(0px);
		}
		0% {
			transform: translateX(-185px) translateY(40px);
		}
	}
	@keyframes diagonalYRev {
		100% {
			transform: translateX(0px) translateY(0px);
		}
		0% {
			transform: translateX(-15px) translateY(40px);
		}
	}
	.div-filter-holder {
		width: 100%;
		padding: 8px;
		height: 100%;
		display: block;
	}
	#filter-icon {
		display: block;
		height: 100%;
		width: 30%;
		margin-left: 12px;
		float: left;
		font-size: 16px;
	}
	#filter-icon img {
		width: 20px;
		height: 20px;
	}
	#filter-label {
		display: block;
		height: 100%;
		float: left;
		width: 50%;
		font-size: 16px;
	}
	#filter-label span {
		display: none;
	}
	#filter-applied {
		/* width: 48%; */
		width: fit-content;
		display: block;
		height: 100%;
		padding-top: 10px;
		font-size: 14px;
		font-family: "WorkSans-Regular";
	}
	.cust-clear {
		clear: none;
		/* width: 52%; */
		width: fit-content;
		height: 100%;
		padding-top: 10px;
		float: right;
		font-size: 16px;
		font-family: "WorkSans-Medium";
	}
	#div-paginate {
		float: right;
		margin: auto;
		margin-right: 0px;
		margin-top: 10px;
		display: block;
	}
	.paginates {
		width: fit-content;
		float: left;
		height: 16px;
	}
	#page-text {
		padding: 0px 15px;
		height: 14px;
		text-align: center;
		font: normal normal normal 12px/20px Work Sans;
		letter-spacing: 0px;
		color: #707070;
		text-transform: capitalize;
		opacity: 1;
	}
	#side-panel {
		display: none;
	}
	#row2 {
		height: 78%;
	}
	#row2 div {
		padding: 0px;
		height: 100%;
		width: 100%;
	}
	.cust-table-responsive {
		height: 100%;
		width: 100%;
		overflow-y: hidden;
	}
	#cust-content-table {
		border-spacing: 0px 18px;
	}
	#cust-content-table .table-headers {
		min-width: 220px;
		height: 54px;
		font-size: 14px;
		padding-bottom: 25px;
	}
	#cust-content-table tbody tr {
		height: 54px;
		border-radius: 5px;
	}
	#cust-content-table thead tr th:first-child, #cust-content-table tbody tr td:first-child {
		min-width: 256px;
		position: sticky;
		left: 0;
		z-index: 1;
		opacity: 1;
		padding-left: 2% !important;
	}
	#cust-content-table thead tr th:nth-child(2), #cust-content-table tbody tr td:nth-child(2) {
		margin-left: 256px;
	}
	#cust-content tr td, #cust-content-table .table-headers {
		font-size: 14px;
	}
	#cust-content-table thead tr th:first-child {
		background-color: #FFFFFF;
	}
	#cust-content-table tbody tr td:first-child {
		background: #FAF9F9 0% 0% no-repeat padding-box;
	}
	#clear-filter-btn {
		height: 40px;
		margin-right: 15px;
		float: right;
		font-size: 18px;
		margin-top: 10px;
		margin-left: 340px;
		position: absolute;
		z-index: 10;
		color: #5AB5E3;
	}
	.cust-button-container {
		height: 500px;
		border-radius: 0px 0px 17px 17px;
	}
	.cust-accordion, .cust-accordion-top, .cust-accordion-bottom {
		background-color: #ffffff;
		cursor: pointer;
		padding: 15px 12px;
		width: 100%;
		height: fit-content;
		border: none;
		text-align: left;
		outline: none;
		letter-spacing: 0;
		line-height: 2rem;
		font-family: "WorkSans-Regular";
		font-size: 14px;
		transition: 0.5s ease-out;
		margin: 0;
	}
	.cust-active {
		background-color: #5FB9E6;
	}
	.cust-accordion:focus, .cust-accordion:active {
		background-color: #5FB9E6;
	}
	.cust-accordion:after {
		color: #777;
		font-weight: bold;
		float: right;
		margin-left: 5px;
	}
	.cust-custom-arrow {
		float: right;
		width: 24px;
		text-align: center;
	}
	.cust-panel {
		padding: 0 16px;
		background-color: #F3F3F2;
		max-height: 0;
		width: 100%;
		height: auto;
		overflow-x: hidden;
		overflow-y: auto;
		transition: max-height 0.5s ease-out;
		padding: 0%;
		margin: 0;
		border-bottom: 1px solid transparent;
		border-top: 0;
	}
	hr.seperator {
		margin: 0px;
		width: 100%;
	}
	.cust-hr {
		margin: 0px;
	}
	.cust-checkbox {
		width: 100%;
		margin: 0px;
		padding: 16px;
		font-size: 14px;
	}
	input[type=checkbox] {
		color: #ccc;
		margin: 0;
	}
	input[type=checkbox]:checked {
		color: #5FB9E6;
		background: #fff;
	}
	.cust-checkbox input.larger {
		width: 18px;
		height: 18px;
		border-radius: 10px;
		margin-left: 0px;
		font-size: 14px;
	}
	.cust-checkbox label {
		margin: auto;
		padding-left: 35px;
	}
	.cust-newapplt-popup {
		width: 60%;
		height: 50%;
		margin-top: 30%;
	}
	#cust-new-applicant .cust-modal-header {
		border: none;
		height: 10%;
		font-family: "WorkSans-Medium";
		font-size: 18px;
		text-align: left;
		color: #000000;
		text-transform: capitalize;
		opacity: 1;
	}
	.cust-modal-heading {
		font-size: 18px;
	}
	.close-iconpop img {
		width: 20px;
	}
	.selectlabel {
		font-size: 12px;
	}
	.cust-btn-bluebg {
		font-size: 16px;
	}
}

/* iPad Pro 12.9 inch - V */

@media (min-device-width: 1024px) and (min-device-height: 1366px) and (orientation: portrait) {
	#cust-main-header, #cust-main-body {
		display: block;
	}
	#cust-mob-main-header, #cust-mob-main-body {
		display: none;
	}
	.cust-container-width {
		height: 94vh;
		padding: 0px 15px;
	}
	.cust-page-header {
		padding-top: 0;
		height: 70px;
	}
	.cust-left-pannel {
		width: 25%
	}
	.cust-left-pannel img {
		width: 240px;
	}
	.heading {
		height: 70px;
		font-size: 30px;
		padding-left: 0px;
	}
	.cust-sub-header {
		font-size: 32px;
		margin-top: 2px;
	}
	.cust-header-right {
		padding-left: 0px;
		padding-right: 30px;
		float: right;
		margin-right: 5%;
		margin-top: 14px;
		width: 16.66666667%;
	}
	.cust-header-right h4 {
		font-size: 16px;
	}
	.cust-header-right h4 img {
		width: 21px;
		height: 19px;
	}
	#nav-wrapper {
		display: flex;
		flex-direction: column-reverse;
		height: 250px;
		padding: 0px 65px;
	}
	#search-nav-panel {
		width: 100%;
		height: 60%;
	}
	#search-nav-panel div {
		width: 100%;
	}
	.cust-div-search {
		height: 50px;
		padding: 0px;
		margin: 25px 0px;
	}
	#cust-search-box {
		padding: 12px 20px;
		height: 100%;
	}
	#cust-search-form, #cust-search-box input, #cust-search-box input::placeholder {
		font-size: 18px;
		height: 22px;
	}
	.cust-right {
		margin: 0px;
		padding: 0px;
		display: table;
		height: 50px;
	}
	.cust-btn-blue {
		width: 37%;
		margin-left: 3%;
		height: 100%;
		display: table-cell;
		font-size: 18px;
	}
	.cust-btn-blue:first-child {
		width: 30%;
		margin-left: 0px;
		float: left;
	}
	.cust-btn-blue:last-child {
		float: right;
		margin-left: 0px;
		width: 27%;
	}
	#filter-side-panel {
		width: 100%;
		padding: 0px 15px;
		z-index: 2;
		height: 50px;
		opacity: 1;
	}
	#filter-holder {
		width: 53%;
		padding: 0px;
		height: 100%;
		float: left;
		transition: all 0.5s;
	}
	#filter-button {
		margin: 0px;
		width: 50%;
		height: 100%;
		float: left;
		background: #FFFFFF 0% 0% no-repeat padding-box;
		box-shadow: 0px 10px 20px #00000029;
		border-radius: 20px;
		opacity: 1;
		color: #5AB5E3;
		cursor: pointer;
		transition: all 0.5s;
	}
	#greybox {
		margin-top: 50px;
	}
	#filter-labels {
		padding: 0px;
		width: 50%;
		height: 100%;
		position: relative;
	}
	@keyframes diagonalX {
		0% {
			transform: translateX(0px) translateY(0px);
		}
		100% {
			transform: translateX(-220px) translateY(50px);
		}
	}
	@keyframes diagonalY {
		0% {
			transform: translateX(0px) translateY(0px);
		}
		100% {
			transform: translateX(-25px) translateY(50px);
		}
	}
	@keyframes diagonalXRev {
		100% {
			transform: translateX(0px) translateY(0px);
		}
		0% {
			transform: translateX(-220px) translateY(50px);
		}
	}
	@keyframes diagonalYRev {
		100% {
			transform: translateX(0px) translateY(0px);
		}
		0% {
			transform: translateX(-25px) translateY(50px);
		}
	}
	.div-filter-holder {
		width: 100%;
		padding: 10px;
		height: 100%;
		display: block;
	}
	#filter-icon {
		display: block;
		height: 100%;
		width: 30%;
		margin-left: 15px;
		float: left;
		font-size: 18px;
	}
	#filter-icon img {
		width: 24px;
		height: 24px;
	}
	#filter-label {
		display: block;
		height: 100%;
		float: left;
		width: 50%;
		font-size: 18px;
	}
	#filter-label span {
		display: none;
	}
	#filter-applied {
		/* width: 48%; */
		width: fit-content;
		display: block;
		height: 100%;
		padding-top: 12px;
		font-size: 16px;
		font-family: "WorkSans-Regular";
	}
	.cust-clear {
		clear: none;
		/* width: 52%; */
		width: fit-content;
		height: 100%;
		padding-top: 10px;
		float: right;
		font-size: 18px;
		font-family: "WorkSans-Medium";
	}
	#div-paginate {
		float: right;
		margin: auto;
		margin-right: 0px;
		margin-top: 15px;
		display: block;
	}
	.paginates {
		width: fit-content;
		float: left;
		height: 18px;
	}
	#page-text {
		padding: 0px 15px;
		height: 18px;
		text-align: center;
		font: normal normal normal 14px/20px Work Sans;
		letter-spacing: 0px;
		color: #707070;
		text-transform: capitalize;
		opacity: 1;
	}
	#side-panel {
		display: none;
	}
	#row2 {
		height: 78%;
	}
	#row2 div {
		padding: 0px;
		height: 100%;
		width: 100%;
	}
	.cust-table-responsive {
		height: 100%;
		width: 100%;
		overflow-y: hidden;
	}
	#cust-content-table {
		border-spacing: 0px 25px;
	}
	#cust-content-table .table-headers {
		min-width: 260px;
		height: 65px;
		font-size: 16px;
		padding-bottom: 30px;
	}
	#cust-content-table tbody tr {
		height: 65px;
		border-radius: 5px;
	}
	#cust-content-table thead tr th:first-child, #cust-content-table tbody tr td:first-child {
		min-width: 330px;
		position: sticky;
		left: 0;
		z-index: 1;
		opacity: 1;
		padding-left: 2% !important;
	}
	#cust-content-table thead tr th:nth-child(2), #cust-content-table tbody tr td:nth-child(2) {
		margin-left: 330px;
	}
	#cust-content tr td, #cust-content-table .table-headers {
		font-size: 16px;
	}
	#cust-content-table thead tr th:first-child {
		background-color: #FFFFFF;
	}
	#cust-content-table tbody tr td:first-child {
		background: #FAF9F9 0% 0% no-repeat padding-box;
	}
	#clear-filter-btn {
		/* display: block; */
		height: 45px;
		margin-right: 15px;
		float: right;
		font-size: 20px;
		margin-top: 10px;
		margin-left: 420px;
		position: absolute;
		z-index: 10;
		color: #5AB5E3;
	}
	.cust-button-container {
		height: 600px;
		border-radius: 0px 0px 20px 20px;
	}
	.cust-accordion, .cust-accordion-top, .cust-accordion-bottom {
		background-color: #ffffff;
		cursor: pointer;
		padding: 20px;
		width: 100%;
		height: fit-content;
		border: none;
		text-align: left;
		outline: none;
		letter-spacing: 0;
		line-height: 2rem;
		font-family: "WorkSans-Regular";
		font-size: 16px;
		transition: 0.5s ease-out;
		margin: 0;
	}
	.cust-active {
		background-color: #5FB9E6;
	}
	.cust-accordion:focus, .cust-accordion:active {
		background-color: #5FB9E6;
	}
	.cust-accordion:after {
		color: #777;
		font-weight: bold;
		float: right;
		margin-left: 5px;
	}
	.cust-custom-arrow {
		float: right;
		width: 24px;
		text-align: center;
	}
	.cust-panel {
		padding: 0 18px;
		background-color: #F3F3F2;
		max-height: 0;
		width: 100%;
		height: auto;
		overflow-x: hidden;
		overflow-y: auto;
		transition: max-height 0.5s ease-out;
		padding: 0%;
		margin: 0;
		border-bottom: 1px solid transparent;
		border-top: 0;
	}
	hr.seperator {
		margin: 0px;
		width: 100%;
	}
	.cust-hr {
		margin: 0px;
	}
	.cust-checkbox {
		width: 100%;
		margin: 0px;
		padding: 18px;
		font-size: 16px;
	}
	input[type=checkbox] {
		color: #ccc;
		margin: 0;
	}
	input[type=checkbox]:checked {
		color: #5FB9E6;
		background: #fff;
	}
	.cust-checkbox input.larger {
		width: 20px;
		height: 20px;
		border-radius: 10px;
		margin-left: 0px;
		font-size: 18px;
	}
	.cust-checkbox label {
		margin: auto;
		padding-left: 35px;
	}
	.cust-newapplt-popup {
		width: 60%;
		height: 50%;
		margin-top: 30%;
	}
	#cust-new-applicant .cust-modal-header {
		border: none;
		height: 10%;
		font-family: "WorkSans-Medium";
		font-size: 22px;
		text-align: left;
		color: #000000;
		text-transform: capitalize;
		opacity: 1;
	}
	.cust-modal-heading {
		font-size: 22px;
	}
	.close-iconpop img {
		width: 20px;
	}
	.selectlabel {
		font-size: 14px;
	}
	.cust-btn-bluebg {
		font-size: 18px;
	}
}

/* mobile */

@media(max-width: 518px) {
	#cust-main-header, #cust-main-body {
		display: none;
	}
	#cust-mob-main-header, #cust-mob-main-body {
		display: block;
	}
	/*--header--*/
	.cust-mob-header {
		margin-top: 0;
		padding-top: 0;
		width: 100vw;
		height: 10vh;
		margin: 0;
		/* added trial 1*/
		/* position: fixed;
		top: 0;
		transition: top 0.6s; */
	}
	.cust-mob-header>div {
		height: 100%;
		padding: 2vh 12vw 2vh 0vw;
	}
	.cust-mob-header>div:last-child {
		padding-right: 5%;
	}
	.cust-mob-menu-btn {
		float: right;
		height: 100%;
		margin: auto;
	}
	.cust-mob-menu-btn>i {
		height: 100%;
		color: #5AB5E3;
		font-size: 1.75em;
		margin-top: 1vh;
		cursor: pointer;
	}
	.cust-mob-menu-popup {
		width: 70%;
		height: 50%;
		margin: 1%;
		float: right;
	}
	.cust-mob-modal-popup {
		border-radius: 10px;
		opacity: 1;
		border: none;
		height: 100%;
		width: 100%;
		padding: 4% 5% 8% 5%;
	}
	.cust-mob-modal-header {
		border: none;
		height: 20%;
		width: 100%;
	}
	.cust-mob-modal-body {
		height: 60%;
		width: 100%;
	}
	.cust-mob-modal-footer {
		height: 20%;
		width: 100%;
	}
	.cust-mob-modal-close {
		height: fit-content;
		width: fit-content;
		float: right;
		top: 0;
		right: 0;
		opacity: 1;
	}
	.cust-mob-modal-close>img {
		width: 1em;
		margin-top: 30%;
		vertical-align: top;
		cursor: pointer;
	}
	.cust-mob-btn-blue {
		width: 100%;
		height: 25%;
		margin-bottom: 5%;
		background: #5FB9E6 0% 0% no-repeat padding-box;
		border-radius: 4px;
		opacity: 1;
		font-size: 16px;
		font-family: 'WorkSans-Medium';
		color: #FFFFFF;
		letter-spacing: -0.48px;
	}
	.cust-mob-modal-footer>div {
		height: 60%;
		margin-top: 10%;
	}
	.cust-mob-username {
		width: 50%;
		float: left;
		font-size: 12px;
	}
	.cust-mob-logout {
		width: fit-content;
		float: right;
	}
	.cust-mob-logout>img {
		margin-top: 30%;
		cursor: pointer;
	}
	/*--body --*/
	#cust-mob-main-body {
		width: 100vw;
		height: 90vh;
		background-color: #FFFFFF;
		padding: 5%;
		transition: all 0.6s ease-in-out;
		position: relative;
	}
	#cust-mob-main-body>div {
		margin: 0;
	}
	#cust-mob-main-body>#row1 {
		height: 6.5%;
	}
	#cust-mob-search-box {
		background-color: #F5F5F5;
		height: 100%;
		padding: 2.5% 5.5%;
		cursor: pointer;
	}
	#cust-mob-search-box>input {
		margin: 0;
		border: none;
		float: left;
		color: #000000;
		background: transparent;
		font-family: "WorkSans-Light";
		letter-spacing: -0.42px;
		font-size: 14px;
		width: 95%;
	}
	#cust-mob-search-box>input::placeholder {
		color: #808080 !important;
	}
	#search-icon {
		width: 5%;
		margin-top: 1%;
	}
	#cust-mob-main-body>#row2 {
		display: block;
		height: 10%;
		padding: 6% 23%;
	}
	#cust-mob-page-prev-icon {
		width: 10%;
		float: left;
		color: #000000;
		opacity: 20%;
		cursor: pointer;
	}
	#cust-mob-page-next-icon {
		float: right;
		color: #5AB5E3;
		opacity: 100%;
		cursor: pointer;
	}
	#page-text {
		width: 80%;
		height: 100%;
		padding: 0% 0%;
		float: left;
		font-family: "WorkSans-Regular";
		font-size: 12px;
		text-align: center;
		color: #707070;
		opacity: 1;
	}
	#cust-mob-main-body>#row3 {
		height: 83.5%;
		width: 90%;
		-ms-overflow-style: none;
		scrollbar-width: none;
		z-index: 1;
		position: absolute;
		overflow-y: auto !important;
		overflow-x: hidden;
	}
	#cust-mob-main-body>#row3::-webkit-scrollbar {
		display: none;
	}
	.cust-mob-data {
		width: 100%;
		height: 291px;
		background-color: #F3F3F2;
		border-radius: 20px;
		padding: 6%;
		margin-bottom: 5%;
	}
	.cust-mob-data-last {
		height: 26.5%;
		width: 100%;
	}
	.cust-mob-data-row1 {
		height: 16%;
	}
	.cust-mob-data-row2 {
		height: 19%;
		border-bottom: 1px solid #DDDDDD;
		padding: 5% 0%;
	}
	.cust-mob-data-row2.relative {
		position: relative;
	}
	.cust-mob-data-row2>div {
		width: fit-content;
		margin-right: 5px;
	}
	.cust-mob-data-row3, .cust-mob-data-row4, .cust-mob-data-row5 {
		height: 22%;
		padding: 5% 0%;
	}
	.cust-mob-data-row5>div:first-child {
		width: 70%;
		float: left;
	}
	.cust-mob-data-row5>div:last-child {
		width: 30%;
		float: right;
	}
	#cust-mob-data-username {
		width: 45%;
		font-family: "WorkSans-SemiBold";
		font-size: 16px;
		text-transform: uppercase;
		float: left;
	}
	#cust-mob-appl-status {
		width: fit-content;
		font-family: "WorkSans-Medium";
		font-size: 12px;
		color: #5AB5E3;
		text-transform: capitalize;
		float: right;
	}
	.cust-mob-data-label {
		font-family: "WorkSans-Regular";
		font-size: 12px;
		text-transform: capitalize;
		color: #797979;
		float: left;
		width: 100%;
	}
	.cust-mob-data-value {
		font-family: "WorkSans-Medium";
		font-size: 13px;
		text-transform: capitalize;
		color: #000000;
		float: left;
		width: 100%;
	}
	.cust-mob-text-uppercase {
		text-transform: uppercase !important;
	}
	#cust-mob-main-body>#row4, #cust-mob-main-body>#row5 {
		width: 91%;
		height: 16.5%;
		position: fixed;
		background-color: #FFFFFF;
		border-radius: 20px;
		box-shadow: 0px 10px 20px #00000029;
		opacity: 100%;
		z-index: 2;
		bottom: 4%;
		padding: 5% 6%;
	}
	#cust-mob-main-body>#row4 {
		cursor: pointer;
	}
	#row4>.cust-mob-filter-info {
		width: 100%;
		height: 45%;
	}
	#row4>#cust-mob-filter-btn {
		width: 100%;
		height: 55%;
		background-color: #5AB5E3;
		border-radius: 20px;
		color: #FFFFFF;
		font-family: "WorkSans-Medium";
		font-size: 16px;
		letter-spacing: -0.48px;
		text-transform: uppercase;
		opacity: 1;
		padding: 2.5%;
		text-align: center;
	}
	#row4>#cust-mob-filter-btn>span {
		height: 24px;
		vertical-align: middle;
		margin-left: 2%;
	}
	#cust-mob-filter-applied {
		float: left;
		color: #000000;
		font-family: "WorkSans-Regular";
		font-size: 12px;
		height: 16px;
		margin-top: 1%;
		letter-spacing: -0.42px;
		text-transform: capitalize;
		opacity: 1;
	}
	.cust-labels {
		font-family: "WorkSans-Medium";
		font-size: 14px;
		color: #5AB5E3;
		float: right;
		cursor: pointer;
	}
	#cust-mob-main-body>#row5 {
		display: none;
		z-index: 100;
		height: 80vh;
		width: 85%;
		margin-left: 2.5%;
		padding: 0%;
		background: 0% 0% no-repeat padding-box padding-box rgb(255, 255, 255);
		box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 20px;
	}
	#cust-mob-main-body>#row5>div {
		width: 100%;
	}
	#row5>.cust-mob-row5-head {
		height: 9%;
		color: #5AB5E3;
		font-size: 14px;
		text-transform: uppercase;
		padding: 5% 5% 0% 5%;
	}
	#cust-mob-filter-label {
		vertical-align: middle;
		margin-left: 2%;
	}
	#cust-mob-clear-filter-btn {
		display: block;
		font-size: 24px;
		float: right;
	}
	#row5>.cust-mob-row5-options {
		background-color: #DDDDDD;
		padding: 2% 5%;
		height: 6.5%;
	}
	#row5>.cust-mob-row5-body {
		overflow-y: hidden;
		height: 84.5%;
	}
	.cust-accordion, .cust-accordion-top, .cust-accordion-bottom, .cust-checkbox {
		padding: 3.5% 5%;
		font-size: 12px;
	}
	.cust-checkbox input.larger {
		width: 15px;
		height: 15px;
	}
	.cust-checkbox label {
		padding-left: 30px;
	}
	.cust-mob-newapplt-popup {
		width: 70%;
		margin: 20% 15% 10% 15%;
	}
	.cust-mob2-modal-header {
		border: none;
		height: 15%;
		width: 100%;
		padding: 5%;
	}
	.cust-modal-heading {
		margin-left: 0%;
		font-size: 18px;
	}
	.cust-mob2-modal-body {
		width: 100%;
		padding: 0% 6%;
	}
	#cust-mob-new-applt-modal .select-wrapper .select2-container--default .select2-selection--single .select2-selection__rendered {
		color: #000000;
	}
	.selectbtmline {
		border: 1px solid #00000029;
		margin-top: 0px;
		margin-bottom: 5%;
	}
	.cust-mob2-modal-footer {
		width: 100%;
		padding: 5%;
	}
	/* .btn-bluebg{ width: 100%;} */
}

@media (max-width:375px) and (max-height:812px) {
	.cust-mob-header {
		height: 9vh;
	}
	#row4>#cust-mob-filter-btn {
		padding: 4%;
	}
	.cust-mob-data {
		height: 270px;
	}
}

@media (max-width:375px) and (max-height:667px) {
	.cust-mob-header {
		height: 10vh;
	}
	.cust-mob-data {
		height: 260px;
	}
	#cust-mob-clear-filter-btn {
		font-size: 20px;
	}
	.cust-modal-heading {
		font-size: 16px;
	}
	.cust-mob-btn-blue, #cust-mob-data-username {
		font-size: 14px;
	}
	.select-wrapper .select2-container--default .select2-selection--single .select2-selection__rendered, .inputno-border, .select2-container--default .select2-results>.select2-results__options, .cust-labels {
		font-size: 13px;
	}
	#cust-mob-filter-applied {
		font-size: 11px;
	}
	.selectlabel {
		font-size: 10px;
	}
	.cust-mob-data {
		padding: 5%;
	}
	#row4>#cust-mob-filter-btn {
		padding: 3%;
		font-size: 14px;
	}
	.cust-accordion, .cust-accordion-top, .cust-accordion-bottom, .cust-checkbox {
		padding: 3% 4.5%;
		font-size: 11px;
	}
	#row5>.cust-mob-row5-head {
		padding-top: 4%;
	}
	.cust-checkbox input.larger {
		width: 12px;
		height: 12px;
		margin-top: 1px;
	}
	.cust-checkbox label {
		padding-left: 25px;
	}
}

@media (max-width: 375px) {
	.cust-mob-username {
		width: 60%;
		font-size: 11px;
	}
	#cust-mob-data-username {
		width: 47%;
		font-size: 15px;
	}
	.cust-mob-data-label {
		font-size: 11px;
	}
	.cust-mob-data-value {
		font-size: 12px;
	}
}

@media(max-width: 360px) {
	.cust-mob-data {
		height: 240px;
	}
	.cust-mob-btn-blue, #cust-mob-data-username {
		font-size: 14px;
	}
	#cust-mob-appl-status {
		font-size: 11px;
	}
	.cust-mob-data-row3, .cust-mob-data-row4, .cust-mob-data-row5 {
		padding: 4% 0%;
	}
	#row4>#cust-mob-filter-btn {
		padding: 2%;
		font-size: 14px;
	}
	#row5>.cust-mob-row5-head {
		padding-top: 3.5%;
	}
	#row5>.cust-mob-row5-options {
		padding: 2.5% 5%;
	}
	.cust-mob2-modal-body {
		line-height: 1.3;
	}
	.close-iconpop img {
		width: 14px;
	}
}

@media(max-width: 320px) {
	.cust-mob-data {
		height: 200px;
	}
	.cust-mob-data-row3, .cust-mob-data-row4, .cust-mob-data-row5 {
		padding: 3% 0%;
	}
	.cust-mob-btn-blue, #cust-mob-data-username, #row5>.cust-mob-row5-head {
		font-size: 12px;
	}
	.select-wrapper .select2-container--default .select2-selection--single .select2-selection__rendered, .select2-container--default .select2-results>.select2-results__options, .inputno-border, #cust-mob-search-box>input, #page-text, .cust-labels {
		font-size: 11px;
	}
	.cust-mob-data-value, .cust-mob-username, #cust-mob-filter-applied {
		font-size: 10px;
	}
	.cust-mob-data-label, .selectlabel {
		font-size: 9px;
	}
	.cust-mob-menu-btn>i {
		font-size: 1.5em;
	}
	#row4>#cust-mob-filter-btn {
		padding: 2%;
		font-size: 12px;
	}
	.cust-accordion, .cust-accordion-top, .cust-accordion-bottom, .cust-checkbox {
		padding: 3% 4.5%;
		font-size: 10px;
	}
	#row5>.cust-mob-row5-head {
		padding-top: 3.5%;
	}
	#row4>#cust-mob-filter-btn {
		padding: 2%;
		font-size: 12px;
	}
	#row5>.cust-mob-row5-head {
		padding-top: 3.5%;
	}
	.cust-checkbox input.larger {
		width: 10px;
		height: 10px;
		margin-top: 1px;
	}
	.cust-checkbox label {
		padding-left: 20px;
	}
	.cust-modal-heading {
		font-size: 14px;
	}
	.btn-bluebg {
		font-size: 12px;
		padding-top: 5%;
	}
	.close-iconpop img {
		width: 14px;
	}
}

/* iPad - H */

@media (max-device-width: 1024px) and (min-device-height: 768px) and (orientation: landscape) {
	#cust-main-header, #cust-main-body {
		display: block;
	}
	#cust-mob-main-header, #cust-mob-main-body {
		display: none;
	}
	.cust-container-width {
		height: 94vh;
		padding: 0px 15px;
	}
	.cust-header {
		padding-top: 0;
		height: 50px;
	}
	.cust-left-pannel {
		width: 20%
	}
	.cust-left-pannel img {
		width: 200px;
	}
	.heading {
		height: 50px;
		font-size: 24px;
		padding-left: 150px;
	}
	.cust-sub-header {
		font-size: 24px;
		margin-top: 6px;
	}
	.cust-header-right {
		padding-left: 0px;
		padding-right: 25px;
		float: right;
		margin-right: 5%;
		margin-top: 20px;
	}
	.cust-header-right h4 {
		font-size: 12px;
	}
	.cust-header-right h4 img {
		width: 18px;
		height: 16px;
	}
	#nav-wrapper {
		display: flex;
		flex-direction: column-reverse;
		height: 135px;
		padding: 0px 65px;
	}
	#search-nav-panel {
		width: 100%;
		height: 40%;
		padding: 18px 10px;
	}
	.cust-div-search {
		width: 44%;
		padding-left: 0px;
		padding-right: 32px;
		height: 37px;
	}
	#cust-search-box {
		padding: 10px 16px;
		height: 100%;
	}
	#cust-search-form, #cust-search-box input, #cust-search-box input::placeholder {
		font-size: 14px;
		height: 17px;
	}
	.cust-right {
		margin: 0px;
		padding: 0px;
		display: table;
		height: 37px;
		width: 56%;
	}
	.cust-btn-blue {
		width: 35%;
		margin-left: 3%;
		height: 100%;
		display: table-cell;
		font-size: 14px;
	}
	.cust-btn-blue:first-child {
		width: 32%;
		margin-left: 0px;
		float: left;
	}
	.cust-btn-blue:last-child {
		float: right;
		margin-left: 0px;
		width: 27%;
	}
	#filter-side-panel {
		width: 100%;
		padding: 0px 12px;
		z-index: 2;
		height: 42px;
		opacity: 1;
	}
	#filter-holder {
		width: 36%;
		padding: 0px;
		height: 100%;
		float: left;
		transition: all 0.5s;
	}
	#filter-button {
		margin: 0px;
		width: 50%;
		height: 100%;
		float: left;
		background: #FFFFFF 0% 0% no-repeat padding-box;
		box-shadow: 0px 10px 20px #00000029;
		border-radius: 20px;
		opacity: 1;
		color: #5AB5E3;
		cursor: pointer;
		transition: all 0.5s;
	}
	#greybox {
		margin-top: 42px;
	}
	#filter-labels {
		padding: 0px;
		width: 55%;
		height: 100%;
		position: relative;
	}
	@keyframes diagonalX {
		0% {
			transform: translateX(0px) translateY(0px);
		}
		100% {
			transform: translateX(-155px) translateY(43px);
		}
	}
	@keyframes diagonalY {
		0% {
			transform: translateX(0px) translateY(0px);
		}
		100% {
			transform: translateX(-15px) translateY(43px);
		}
	}
	@keyframes diagonalXRev {
		100% {
			transform: translateX(0px) translateY(0px);
		}
		0% {
			transform: translateX(-155px) translateY(43px);
		}
	}
	@keyframes diagonalYRev {
		100% {
			transform: translateX(0px) translateY(0px);
		}
		0% {
			transform: translateX(-15px) translateY(43px);
		}
	}
	.div-filter-holder {
		width: 100%;
		padding: 10px;
		height: 100%;
		display: block;
	}
	#filter-icon {
		display: block;
		height: 100%;
		width: 30%;
		margin-left: 8px;
		float: left;
		font-size: 14px;
	}
	#filter-icon img {
		width: 24px;
		height: 24px;
	}
	#filter-label {
		display: block;
		height: 100%;
		float: left;
		width: 50%;
		font-size: 14px;
	}
	#filter-label span {
		display: none;
	}
	#filter-applied {
		/* width: 46%; */
		width: fit-content;
		display: block;
		height: 100%;
		padding-top: 10px;
		padding-left: 15px;
		font-size: 13px;
		font-family: "WorkSans-Regular";
	}
	.cust-clear {
		clear: none;
		/* width: 54%; */
		width: fit-content;
		height: 100%;
		padding-top: 8px;
		float: right;
		font-size: 14px;
		font-family: "WorkSans-Medium";
	}
	#div-paginate {
		float: right;
		margin: auto;
		margin-right: 0px;
		margin-top: 15px;
		display: block;
	}
	.paginates {
		width: fit-content;
		float: left;
		height: 13px;
	}
	#page-text {
		padding: 0px 15px;
		height: 14px;
		text-align: center;
		font: normal normal normal 11px/20px Work Sans;
		letter-spacing: 0px;
		color: #707070;
		text-transform: capitalize;
		opacity: 1;
	}
	#side-panel {
		display: none;
	}
	#row2 {
		height: 78%;
	}
	#row2 div {
		padding: 0px;
		height: 100%;
		width: 100%;
	}
	.cust-table-responsive {
		height: 100%;
		width: 100%;
		overflow-y: hidden;
	}
	#cust-content-table {
		border-spacing: 0px 16px;
	}
	#cust-content-table .table-headers {
		min-width: 210px;
		height: 52px;
		font-size: 13px;
		padding-bottom: 30px;
	}
	#cust-content-table tbody tr {
		height: 52px;
		border-radius: 5px;
	}
	#cust-content-table thead tr th:first-child, #cust-content-table tbody tr td:first-child {
		min-width: 240px;
		position: sticky;
		left: 0;
		z-index: 1;
		opacity: 1;
		padding-left: 2% !important;
	}
	#cust-content-table thead tr th:nth-child(2), #cust-content-table tbody tr td:nth-child(2) {
		margin-left: 240px;
	}
	#cust-content tr td, #cust-content-table .table-headers {
		font-size: 13px;
	}
	#cust-content-table thead tr th:first-child {
		background-color: #FFFFFF;
	}
	#cust-content-table tbody tr td:first-child {
		background: #FAF9F9 0% 0% no-repeat padding-box;
	}
	#clear-filter-btn {
		height: 42px;
		margin-right: 15px;
		float: right;
		font-size: 16px;
		margin-top: 10px;
		margin-left: 280px;
		position: absolute;
		z-index: 10;
		color: #5AB5E3;
	}
	.cust-button-container {
		height: 475px;
		border-radius: 0px 0px 20px 20px;
	}
	.cust-accordion, .cust-accordion-top, .cust-accordion-bottom {
		background-color: #ffffff;
		cursor: pointer;
		padding: 14px;
		width: 100%;
		height: fit-content;
		border: none;
		text-align: left;
		outline: none;
		letter-spacing: 0;
		line-height: 2rem;
		font-family: "WorkSans-Regular";
		font-size: 12px;
		transition: 0.5s ease-out;
		margin: 0;
	}
	.cust-active {
		background-color: #5FB9E6;
	}
	.cust-accordion:focus, .cust-accordion:active {
		background-color: #5FB9E6;
	}
	.cust-accordion:after {
		color: #777;
		font-weight: bold;
		float: right;
		margin-left: 5px;
	}
	.cust-panel {
		padding: 0 18px;
		background-color: #F3F3F2;
		max-height: 0;
		width: 100%;
		height: auto;
		overflow-x: hidden;
		overflow-y: auto;
		transition: max-height 0.5s ease-out;
		padding: 0%;
		margin: 0;
		border-bottom: 1px solid transparent;
		border-top: 0;
	}
	hr.seperator {
		margin: 0px;
		width: 100%;
	}
	.cust-hr {
		margin: 0px;
	}
	.cust-checkbox {
		width: 100%;
		margin: 0px;
		padding: 14px;
		font-size: 12px;
	}
	input[type=checkbox] {
		color: #ccc;
		margin: 0;
	}
	input[type=checkbox]:checked {
		color: #5FB9E6;
		background: #fff;
	}
	.cust-checkbox input.larger {
		width: 20px;
		height: 14px;
		border-radius: 10px;
		margin-left: 0px;
		font-size: 12px;
	}
	.cust-checkbox label {
		margin: auto;
		padding-left: 35px;
	}
	.cust-newapplt-popup {
		width: 60%;
		height: 50%;
		margin-top: 17%;
	}
	#cust-new-applicant .modal-header {
		border: none;
		height: 10%;
		font-family: "WorkSans-Medium";
		font-size: 17px;
		text-align: left;
		color: #000000;
		text-transform: capitalize;
		opacity: 1;
	}
	.cust-modal-heading {
		font-size: 17px;
	}
	.close-iconpop img {
		width: 16px;
	}
	.selectlabel {
		font-size: 11px;
	}
	.cust-btn-bluebg {
		font-size: 14px;
	}
}

/* iPad Pro - H */

@media (max-device-width: 1112px) and (min-device-height: 834px) and (orientation: landscape) {
	#cust-main-header, #cust-main-body {
		display: block;
	}
	#cust-mob-main-header, #cust-mob-main-body {
		display: none;
	}
	.cust-container-width {
		height: 94vh;
		padding: 0px 15px;
	}
	.cust-header {
		padding-top: 0;
		height: 50px;
	}
	.cust-left-pannel {
		width: 20%
	}
	.cust-left-pannel img {
		width: 210px;
	}
	.heading {
		height: 50px;
		font-size: 26px;
		padding-left: 160px;
	}
	.cust-sub-header {
		font-size: 26px;
		margin-top: 6px;
	}
	.cust-header-right {
		padding-left: 0px;
		padding-right: 25px;
		float: right;
		margin-right: 5%;
		margin-top: 20px;
	}
	.cust-header-right h4 {
		font-size: 12px;
	}
	.cust-header-right h4 img {
		width: 19px;
		height: 17px;
	}
	#nav-wrapper {
		display: flex;
		flex-direction: column-reverse;
		height: 140px;
		padding: 0px 65px;
	}
	#search-nav-panel {
		width: 100%;
		height: 40%;
		padding: 18px 10px;
	}
	.cust-div-search {
		width: 43%;
		padding-left: 0px;
		padding-right: 30px;
		height: 40px;
	}
	#cust-search-box {
		padding: 10px 18px;
		height: 100%;
	}
	#cust-search-form, #cust-search-box input, #cust-search-box input::placeholder {
		font-size: 16px;
		height: 19px;
	}
	.cust-right {
		margin: 0px;
		padding: 0px;
		display: table;
		height: 40px;
		width: 57%;
	}
	.cust-btn-blue {
		width: 33%;
		margin-left: 3%;
		height: 100%;
		display: table-cell;
		font-size: 15px;
	}
	.cust-btn-blue:first-child {
		width: 33%;
		margin-left: 0px;
		float: left;
	}
	.cust-btn-blue:last-child {
		float: right;
		margin-left: 0px;
		width: 28%;
	}
	#filter-side-panel {
		width: 100%;
		padding: 0px 13px;
		z-index: 2;
		height: 43px;
		opacity: 1;
	}
	#filter-holder {
		width: 35%;
		padding: 0px;
		height: 100%;
		float: left;
		transition: all 0.5s;
	}
	#filter-button {
		margin: 0px;
		width: 50%;
		height: 100%;
		float: left;
		background: #FFFFFF 0% 0% no-repeat padding-box;
		box-shadow: 0px 10px 20px #00000029;
		border-radius: 20px;
		opacity: 1;
		color: #5AB5E3;
		cursor: pointer;
		transition: all 0.5s;
	}
	#greybox {
		margin-top: 43px;
	}
	#filter-labels {
		padding: 0px;
		width: 56%;
		height: 100%;
		position: relative;
	}
	@keyframes diagonalX {
		0% {
			transform: translateX(0px) translateY(0px);
		}
		100% {
			transform: translateX(-160px) translateY(43px);
		}
	}
	@keyframes diagonalY {
		0% {
			transform: translateX(0px) translateY(0px);
		}
		100% {
			transform: translateX(-15px) translateY(43px);
		}
	}
	@keyframes diagonalXRev {
		100% {
			transform: translateX(0px) translateY(0px);
		}
		0% {
			transform: translateX(-160px) translateY(43px);
		}
	}
	@keyframes diagonalYRev {
		100% {
			transform: translateX(0px) translateY(0px);
		}
		0% {
			transform: translateX(-15px) translateY(43px);
		}
	}
	.div-filter-holder {
		width: 100%;
		padding: 10px;
		height: 100%;
		display: block;
	}
	#filter-icon {
		display: block;
		height: 100%;
		width: 30%;
		margin-left: 8px;
		float: left;
		font-size: 16px;
	}
	#filter-icon img {
		width: 24px;
		height: 24px;
	}
	#filter-label {
		display: block;
		height: 100%;
		float: left;
		width: 50%;
		font-size: 16px;
	}
	#filter-label span {
		display: none;
	}
	#filter-applied {
		/* width: 46%; */
		width: fit-content;
		display: block;
		height: 100%;
		padding-top: 10px;
		padding-left: 12px;
		font-size: 14px;
		font-family: "WorkSans-Regular";
	}
	.cust-clear {
		clear: none;
		/* width: 54%; */
		width: fit-content;
		height: 100%;
		padding-top: 10px;
		padding-right: 0px;
		float: right;
		font-size: 16px;
		font-family: "WorkSans-Medium";
	}
	#div-paginate {
		float: right;
		margin: auto;
		margin-right: 0px;
		margin-top: 15px;
		display: block;
	}
	.paginates {
		width: fit-content;
		float: left;
		height: 14px;
	}
	#page-text {
		padding: 0px 15px;
		height: 14px;
		text-align: center;
		font: normal normal normal 12px/20px Work Sans;
		letter-spacing: 0px;
		color: #707070;
		text-transform: capitalize;
		opacity: 1;
	}
	#side-panel {
		display: none;
	}
	#row2 {
		height: 78%;
	}
	#row2 div {
		padding: 0px;
		height: 100%;
		width: 100%;
	}
	.cust-table-responsive {
		height: 100%;
		width: 100%;
		overflow-y: hidden;
	}
	#cust-content-table {
		border-spacing: 0px 18px;
	}
	#cust-content-table .table-headers {
		min-width: 225px;
		height: 54px;
		font-size: 14px;
		padding-bottom: 30px;
	}
	#cust-content-table tbody tr {
		height: 54px;
		border-radius: 5px;
	}
	#cust-content-table thead tr th:first-child, #cust-content-table tbody tr td:first-child {
		min-width: 256px;
		position: sticky;
		left: 0;
		z-index: 1;
		opacity: 1;
		padding-left: 2% !important;
	}
	#cust-content-table thead tr th:nth-child(2), #cust-content-table tbody tr td:nth-child(2) {
		margin-left: 256px;
	}
	#cust-content tr td, #cust-content-table .table-headers {
		font-size: 14px;
	}
	#cust-content-table thead tr th:first-child {
		background-color: #FFFFFF;
	}
	#cust-content-table tbody tr td:first-child {
		background: #FAF9F9 0% 0% no-repeat padding-box;
	}
	#clear-filter-btn {
		height: 43px;
		margin-right: 15px;
		float: right;
		font-size: 20px;
		margin-top: 10px;
		margin-left: 300px;
		position: absolute;
		z-index: 10;
		color: #5AB5E3;
	}
	.cust-button-container {
		height: 500px;
		border-radius: 0px 0px 20px 20px;
	}
	.cust-accordion, .cust-accordion-top, .cust-accordion-bottom {
		background-color: #ffffff;
		cursor: pointer;
		padding: 14px;
		width: 100%;
		height: fit-content;
		border: none;
		text-align: left;
		outline: none;
		letter-spacing: 0;
		line-height: 2rem;
		font-family: "WorkSans-Regular";
		font-size: 14px;
		transition: 0.5s ease-out;
		margin: 0;
	}
	.cust-active {
		background-color: #5FB9E6;
	}
	.cust-accordion:focus, .cust-accordion:active {
		background-color: #5FB9E6;
	}
	.cust-accordion:after {
		color: #777;
		font-weight: bold;
		float: right;
		margin-left: 5px;
	}
	.cust-panel {
		padding: 0 18px;
		background-color: #F3F3F2;
		max-height: 0;
		width: 100%;
		height: auto;
		overflow-x: hidden;
		overflow-y: auto;
		transition: max-height 0.5s ease-out;
		padding: 0%;
		margin: 0;
		border-bottom: 1px solid transparent;
		border-top: 0;
	}
	hr.seperator {
		margin: 0px;
		width: 100%;
	}
	.cust-hr {
		margin: 0px;
	}
	.cust-checkbox {
		width: 100%;
		margin: 0px;
		padding: 14px;
		font-size: 14px;
	}
	input[type=checkbox] {
		color: #ccc;
		margin: 0;
	}
	input[type=checkbox]:checked {
		color: #5FB9E6;
		background: #fff;
	}
	.cust-checkbox input.larger {
		width: 20px;
		height: 20px;
		border-radius: 10px;
		margin-left: 0px;
		font-size: 14px;
	}
	.cust-checkbox label {
		margin: auto;
		padding-left: 35px;
	}
	.cust-newapplt-popup {
		width: 60%;
		height: 50%;
		margin-top: 17%;
	}
	#cust-new-applicant .cust-modal-header {
		border: none;
		height: 10%;
		font-family: "WorkSans-Medium";
		font-size: 20px;
		text-align: left;
		color: #000000;
		text-transform: capitalize;
		opacity: 1;
	}
	.cust-modal-heading {
		font-size: 20px;
	}
	.close-iconpop img {
		width: 18px;
	}
	.selectlabel {
		font-size: 14px;
	}
	.cust-btn-bluebg {
		font-size: 16px;
	}
}

/* iPad Pro 12.9 inch - H */

@media (max-device-width: 1366px) and (min-device-height: 1024px) and (orientation: landscape) {
	#cust-main-header, #cust-main-body {
		display: block;
	}
	#cust-mob-main-header, #cust-mob-main-body {
		display: none;
	}
	.cust-container-width {
		height: 94vh;
		padding: 0px 15px;
	}
	.cust-header {
		padding-top: 0;
		height: 70px;
	}
	.cust-left-pannel {
		width: 20%
	}
	.cust-left-pannel img {
		width: 210px;
	}
	.heading {
		height: 60px;
		font-size: 30px;
		padding-left: 190px;
	}
	.cust-sub-header {
		font-size: 30px;
		margin-top: 10px;
	}
	.cust-header-right {
		padding-left: 0px;
		padding-right: 15px;
		float: right;
		margin-right: 5%;
		margin-top: 25px;
	}
	.cust-header-right h4 {
		font-size: 16px;
	}
	.cust-header-right h4 img {
		width: 21px;
		height: 19px;
	}
	#nav-wrapper {
		display: flex;
		flex-direction: column-reverse;
		height: 160px;
		padding: 0px 65px;
	}
	#search-nav-panel {
		width: 100%;
		height: 40%;
		padding: 20px 15px;
	}
	.cust-div-search {
		width: 44%;
		padding-left: 0px;
		padding-right: 30px;
		height: 45px;
	}
	#cust-search-box {
		padding: 10px 20px;
		height: 100%;
	}
	#cust-search-form, #cust-search-box input, #cust-search-box input::placeholder {
		font-size: 17px;
		height: 21px;
	}
	.cust-right {
		margin: 0px;
		padding: 0px;
		display: table;
		height: 45px;
		width: 56%;
	}
	.cust-btn-blue {
		width: 33%;
		margin-left: 3%;
		height: 100%;
		display: table-cell;
		font-size: 17px;
	}
	.cust-btn-blue:first-child {
		width: 33%;
		margin-left: 0px;
		float: left;
	}
	.cust-btn-blue:last-child {
		float: right;
		margin-left: 0px;
		width: 28%;
	}
	#filter-side-panel {
		width: 100%;
		padding: 0px 15px;
		z-index: 2;
		height: 45px;
		opacity: 1;
	}
	#filter-holder {
		width: 35%;
		padding: 0px;
		height: 100%;
		float: left;
		transition: all 0.5s;
	}
	#filter-button {
		margin: 0px;
		width: 50%;
		height: 100%;
		float: left;
		background: #FFFFFF 0% 0% no-repeat padding-box;
		box-shadow: 0px 10px 20px #00000029;
		border-radius: 20px;
		opacity: 1;
		color: #5AB5E3;
		cursor: pointer;
		transition: all 0.5s;
	}
	#greybox {
		margin-top: 45px;
	}
	#filter-labels {
		padding: 0px;
		width: 58%;
		height: 100%;
		position: relative;
	}
	@keyframes diagonalX {
		0% {
			transform: translateX(0px) translateY(0px);
		}
		100% {
			transform: translateX(-220px) translateY(47px);
		}
	}
	@keyframes diagonalY {
		0% {
			transform: translateX(0px) translateY(0px);
		}
		100% {
			transform: translateX(-5px) translateY(47px);
		}
	}
	@keyframes diagonalXRev {
		100% {
			transform: translateX(0px) translateY(0px);
		}
		0% {
			transform: translateX(-220px) translateY(47px);
		}
	}
	@keyframes diagonalYRev {
		100% {
			transform: translateX(0px) translateY(0px);
		}
		0% {
			transform: translateX(-5px) translateY(47px);
		}
	}
	.div-filter-holder {
		width: 100%;
		padding: 10px;
		height: 100%;
		display: block;
	}
	#filter-icon {
		display: block;
		height: 100%;
		width: 30%;
		margin-left: 10px;
		float: left;
		font-size: 17px;
	}
	#filter-icon img {
		width: 24px;
		height: 24px;
	}
	#filter-label {
		display: block;
		height: 100%;
		float: left;
		width: 50%;
		font-size: 17px;
	}
	#filter-label span {
		display: none;
	}
	#filter-applied {
		/* width: 48%; */
		width: fit-content;
		display: block;
		height: 100%;
		padding-top: 10px;
		padding-left: 25px;
		font-size: 15px;
		font-family: "WorkSans-Regular";
	}
	.cust-clear {
		clear: none;
		/* width: 52%; */
		width: fit-content;
		height: 100%;
		padding-top: 9px;
		padding-right: 20px;
		float: right;
		font-size: 17px;
		font-family: "WorkSans-Medium";
	}
	#div-paginate {
		float: right;
		margin: auto;
		margin-right: 0px;
		margin-top: 15px;
		display: block;
	}
	.paginates {
		width: fit-content;
		float: left;
		height: 14px;
	}
	#page-text {
		padding: 0px 20px;
		height: 14px;
		text-align: center;
		font: normal normal normal 14px/20px Work Sans;
		letter-spacing: 0px;
		color: #707070;
		text-transform: capitalize;
		opacity: 1;
	}
	#side-panel {
		display: none;
	}
	#row2 {
		height: 78%;
	}
	#row2 div {
		padding: 0px;
		height: 100%;
		width: 100%;
	}
	.cust-table-responsive {
		height: 100%;
		width: 100%;
		overflow-y: hidden;
	}
	#cust-content-table {
		border-spacing: 0px 25px;
	}
	#cust-content-table .table-headers {
		min-width: 260px;
		height: 65px;
		font-size: 16px;
		padding-bottom: 30px;
	}
	#cust-content-table tbody tr {
		height: 65px;
		border-radius: 5px;
	}
	#cust-content-table thead tr th:first-child, #cust-content-table tbody tr td:first-child {
		min-width: 330px;
		position: sticky;
		left: 0;
		z-index: 1;
		opacity: 1;
		padding-left: 2% !important;
	}
	#cust-content-table thead tr th:nth-child(2), #cust-content-table tbody tr td:nth-child(2) {
		margin-left: 330px;
	}
	#cust-content tr td, #cust-content-table .table-headers {
		font-size: 16px;
	}
	#cust-content-table thead tr th:first-child {
		background-color: #FFFFFF;
	}
	#cust-content-table tbody tr td:first-child {
		background: #FAF9F9 0% 0% no-repeat padding-box;
	}
	#clear-filter-btn {
		height: 45px;
		margin-right: 15px;
		float: right;
		font-size: 20px;
		margin-top: 10px;
		margin-left: 385px;
		position: absolute;
		z-index: 10;
		color: #5AB5E3;
	}
	.cust-button-container {
		height: 600px;
		border-radius: 0px 0px 20px 20px;
	}
	.cust-accordion, .cust-accordion-top, .cust-accordion-bottom {
		background-color: #ffffff;
		cursor: pointer;
		padding: 15px;
		width: 100%;
		height: fit-content;
		border: none;
		text-align: left;
		outline: none;
		letter-spacing: 0;
		line-height: 2rem;
		font-family: "WorkSans-Regular";
		font-size: 15px;
		transition: 0.5s ease-out;
		margin: 0;
	}
	.cust-active {
		background-color: #5FB9E6;
	}
	.cust-accordion:focus, .cust-accordion:active {
		background-color: #5FB9E6;
	}
	.cust-accordion:after {
		color: #777;
		font-weight: bold;
		float: right;
		margin-left: 5px;
	}
	.cust-panel {
		padding: 0 18px;
		background-color: #F3F3F2;
		max-height: 0;
		width: 100%;
		height: auto;
		overflow-x: hidden;
		overflow-y: auto;
		transition: max-height 0.5s ease-out;
		padding: 0%;
		margin: 0;
		border-bottom: 1px solid transparent;
		border-top: 0;
	}
	hr.seperator {
		margin: 0px;
		width: 100%;
	}
	.cust-hr {
		margin: 0px;
	}
	.cust-checkbox {
		width: 100%;
		margin: 0px;
		padding: 15px;
		font-size: 15px;
	}
	input[type=checkbox] {
		color: #ccc;
		margin: 0;
	}
	input[type=checkbox]:checked {
		color: #5FB9E6;
		background: #fff;
	}
	.cust-checkbox input.larger {
		width: 20px;
		height: 20px;
		border-radius: 10px;
		margin-left: 0px;
		font-size: 15px;
	}
	.cust-checkbox label {
		margin: auto;
		padding-left: 35px;
	}
	.cust-newapplt-popup {
		width: 60%;
		height: 50%;
		margin-top: 16%;
	}
	#cust-new-applicant .cust-modal-header {
		border: none;
		height: 10%;
		font-family: "WorkSans-Medium";
		font-size: 22px;
		text-align: left;
		color: #000000;
		text-transform: capitalize;
		opacity: 1;
	}
	.cust-modal-heading {
		font-size: 22px;
	}
	.close-iconpop img {
		width: 20px;
	}
	.selectlabel {
		font-size: 14px;
	}
	.cust-btn-bluebg {
		font-size: 18px;
	}
}