@media(max-width: 1699px){


}

/* ============================================================================================ */

@media(max-width: 1499px){


}

/* ============================================================================================ */

@media(max-width: 1399px){


	/* nav tabs pills */
	.nav-pills .nav-link {height: 36px; font-size: 14px;}

	/* table */
	.table thead th {font-size: 12px;}
	.table th, .table td {padding: 7px 15px;}
	.table tr td {font-size: 14px;}

	.upload-doc label {font-size: 16px;}
	label { font-size: 14px;}
	.form-control, .form-select {font-size: 14px; height: 40px; padding: 4px 20px;}
	.form-select {padding: 4px 40px 4px 20px;}
	textarea.form-control {height: 90px;}
	.btn {font-size: 14px; padding: 9px 15px; height: 40px;}

	.default-modal .modal-title {font-size: 20px;}

}

/* ============================================================================================ */

@media(max-width:1199px){
	.headerserarch { max-width: 240px;}



	/* sidebar responsive */
	.closemenu-btn{		display: block;		text-align: right;		cursor: pointer; position: absolute;
        top: 12px;
		right: 0;
	padding-right: 12px;}
	.innerbody{		padding-left: 0;	}
	.sidebar{		left: -100%;	}
	.innerbody.menu-collapse .sidebar{		left: 0;		box-shadow: 4px 0px 10px rgba(0,0,0,.2);	}

	.menu-collapse .sidebar .logo-icon {
    display: none;
}
.sidebar .logo-icon, .menu-collapse .sidebar .logo-full {
    display: block;
}

	

}

/* ============================================================================================ */

@media screen and (max-width: 991px) {
	.login-left,
	.loginLeftImg{
		        padding: 30px;
	}
	.login-left img {
    width: 200px;
}
	.loginRightImg {
		padding: 30px; align-items: center;
	}

	

}

/* ============================================================================================ */

@media only screen and (min-width:1200px){ 
	/*--nav bar css--*/

	.menu-collapse .sidebar .sildebarlogo img{
		width: 55px;
		transition: all .1s ease-in;
	}
	.menu-collapse .sidebar{
		width:75px;
		transition: all .1s ease-in;
	}
	.menu-collapse .menubar li > a span{
		white-space: nowrap;
		visibility: hidden;
		transition: all .1s ease-in;
		display: none;
	}
	.innerbody.menu-collapse{
		padding-left: 75px;
	}

}

/* ============================================================================================ */

@media only screen and (max-width: 767px){
	.header{
		flex-wrap: wrap;
	}
	.tp-search{
		max-width: 100%;
		flex:0 0 calc(100% - 45px);
		margin-bottom: 10px;
	}
	.table-result nav{
		width: 100%;
		margin-top: 10px;
	}
	.table-result{
		flex-wrap:wrap ;
	}
	.form-step-process .step-name{
		display: none;
	}

	.page-title-row h5 {font-size: 22px;}


	.table {width: 740px;}


	.login-container {
    padding: 40px 0 30px;
}


	.tp-search-input input { width: auto;}
}

/* ============================================================================================ */

@media only screen and (max-width: 575px){
.headerserarch {max-width: 100%;}
.date-filter {margin-bottom: 15px;}
.filter-row-search .btn {padding: 9px 25px; height: 38px;}



.header-rgt-btns button {width: auto;}
.before-login-screen header .logo {width: 170px;}
.before-login-screen .header-in {padding: 15px 0;}

.header-rgt-btns button {
    padding: 2px 10px !important;
    width: auto !important;
    min-width: auto;
}


.tp-search-input input {
    width: 175px;
    max-width: 100%;
}
.login-container .whiteBg { padding: 0;}
}