@media only screen and (max-width: 1024px) {
	.pos-section > div > div > div > div {
		height:auto !important;
	}
}
@media only screen and (max-width: 768px){
	.mh-logo-txt{
		display: none !important;
	}
	.pos-login{
		padding: 20px 15px;
	}
	.login-design{
		width:100%;
	}
	.login-design>.nav>li>a{
	    padding: 13px 9px;
    	font-size: 14px;
	}
	.employee-login{
        margin-left: 80px;
	}
	.right_col{
    	    padding: 120px 5px 20px 20px !important;
            margin-left: 80px;
    }
    .sideelement,.sideevenet{
        top:350px;
    }

}
@media (max-width: 767px){
	.responsive-btns{
		margin-top:5px;
	}
	table > tbody >  tr > td,
	table > thead > tr > th {
	    white-space: nowrap;
	}
	table > thead > tr > th,
	table > thead > tr > td{
		width:250px;
	}
	.citHeaderTop{
		display:none;
	}
	.nav-md .modal,
	.nav-sm .modal{
	    margin-left: 80px;
	}
	.topnav.nav-tabs>li>a {
	    float: none;
        padding: 14px 6px;
        font-size: 12px;
	}
}
@media (min-width: 320px) and (max-width: 767px){
	.search-group .form-control{
		width: 100%;
	}
	#allowanceDeductionTbl > thead > tr > th:nth-child(1),
	#venuestableid > tbody > tr > td:nth-child(1),
	#venuestableid > thead > tr > th:last-child,
	#venuestableid > tbody > tr > td:last-child{
		min-width:10px !important;
	}
	#venuestableid > thead > tr > th,
	#venuestableid > tbody > tr > td ,
	#venuestableid > tbody > tr > td  {
		min-width:250px
	}
	#venuestableid > thead > tr > th:nth-child(1),
	#venuestableid > tbody > tr > td:nth-child(1),
	#venuestableid > thead > tr > th:last-child,
	#venuestableid > tbody > tr > td:last-child{
		min-width:10px !important
	}

	#leaveDetailTb > thead > tr > th,
	#leaveDetailTb > tbody > tr > td {
		min-width:250px
	}
	#leaveDetailTb > thead > tr > th:nth-child(1),
	#leaveDetailTb > tbody > tr > td:nth-child(1),
	#leaveDetailTb > thead > tr > th:last-child,
	#leaveDetailTb > tbody > tr > td:last-child{
		min-width:10px !important
	}

	#overtimeTable > thead > tr > th,
	#overtimeTable > tbody > tr > td {
		min-width:250px
	}
	#overtimeTable > thead > tr > th:nth-child(1),
	#overtimeTable > tbody > tr > td:nth-child(1),
	#overtimeTable > tbody > tr > td:nth-child(1),
	#overtimeTable > thead > tr > th:last-child,
	#overtimeTable > tbody > tr > td:last-child{
		min-width:10px !important
	}

	#witness > thead > tr > th,
	#overtimeTable > tbody > tr > td {
		min-width:250px
	}

	#witness > thead > tr > th:last-child,
	#witness > tbody > tr > td:last-child {
		min-width:10px !important
	}

	#judgedetails  > thead > tr > th,
	#judgedetails > tbody > tr > td  {
		min-width:250px
	}

	#judgedetails > thead > tr > th:last-child,
	#judgedetails > tbody > tr > td:last-child {
		min-width:10px !important
	}

	#inspection  > thead > tr > th,
	#inspection > tbody > tr > td {
		min-width:250px
	}
	#inspection > thead > tr > th:last-child,
	#inspection > tbody > tr > td:last-child {
		min-width:10px !important
	}
	#addHospitalTbl  > thead > tr > th,
	#addHospitalTbl > tbody > tr > td {
		min-width:250px
	}
	#addHospitalTbl > thead > tr > th:nth-child(1),
	#addHospitalTbl > tbody > tr > td:nth-child(1),
	#addHospitalTbl > tbody > tr > td:nth-child(1),
	#addHospitalTbl > thead > tr > th:last-child,
	#addHospitalTbl > tbody > tr > td:last-child{
		min-width:10px !important
	}
	#addChargeMasterTbl  > thead > tr > th,
	#addChargeMasterTbl > tbody > tr > td {
		min-width:250px
	}
	#addChargeMasterTbl > thead > tr > th:nth-child(1),
	#addChargeMasterTbl > tbody > tr > td:nth-child(1),
	#addChargeMasterTbl > tbody > tr > td:nth-child(1),
	#addChargeMasterTbl > thead > tr > th:last-child,
	#addChargeMasterTbl > tbody > tr > td:last-child{
		min-width:10px !important
	}
	#tblAdd  > thead > tr > th,
	#tblAdd > tbody > tr > td {
		min-width:250px
	}
	#tblAdd > thead > tr > th:nth-child(1),
	#tblAdd > tbody > tr > td:nth-child(1),
	#tblAdd > tbody > tr > td:nth-child(1),
	#tblAdd > thead > tr > th:last-child,
	#tblAdd > tbody > tr > td:last-child{
		min-width:10px !important
	}
	#tblR3Add > thead > tr > th:nth-child(1),
	#tblR3Add > tbody > tr > td:nth-child(1),
	#tblR3Add > tbody > tr > td:nth-child(1),
	#tblR3Add > thead > tr > th:last-child,
	#tblR3Add > tbody > tr > td:last-child{
		min-width:10px !important
	}
	#tblR3Add  > thead > tr > th,
	#tblR3Add > tbody > tr > td {
		min-width:250px;
	}
	#addTbl  > thead > tr > th,
	#addTbl > tbody > tr > td {
		min-width:250px;
	}
	#addTbl > thead > tr > th:nth-child(1),
	#addTbl > tbody > tr > td:nth-child(1),
	#addTbl > tbody > tr > td:nth-child(1),
	#addTbl > thead > tr > th:last-child,
	#addTbl > tbody > tr > td:last-child{
		min-width:10px !important
	}
	.UserProfile, .user-logged .caret,
	.footer-sec{
		display:none;
	}
	.user-logged > span > img{
	    width: 35px;
	    border-radius: 50%;
	    margin-right: 0px;
	}
	.panel-body{
		overflow-x:auto;
		width:100%;
	}
	.no-left-padding {
		padding-left: 0px !important;
    	padding-right: 0px !important;
	}
	.no-right-padding{
		padding-left: 0px !important;
	    padding-right: 0px !important;
	}
	.service-section{
		padding:0px;
	}
	.x_panel{
		padding:5px;
		margin-top:25px;
	}
	.dept-list .panel-body{
		padding:0px;
	}
	.x_panel h2, .StepTitle,
	.form-title h1{
		font-size:16px
	}
	.btn{
		min-width:auto;
	}
	.panel_toolbox>li{
		float:none;
	}
	.listgrievance > li > a {
		font-size:12px;
	}
	#lateFeeDiv input[type='text']{
		width:100px;
	}
	.ulb-section{
		padding:5px;
	}
	.form-group .btn {
    	margin-bottom: 5px;
	}
	.nav-middle{
		padding: 0;
	}
	.nav-middle .navbar-brand{
		padding: 10px 15px;
		float:none;
		display:block;
	}
	.nav-middle .navbar-brand h3{
		font-size: 21px;
	}
	.nav-middle .navbar-brand h5{
		font-size: 17px;
	}
	.checkbox-inline+.checkbox-inline,
	.radio-inline+.radio-inline{
		margin-left:0px;
	}
	.swal2-container{
		z-index:9999 !important;
	}
	.employee-login .navbar-header{
		float:left;
	}
	.employee-login .navbar-right{
		float:right;
		margin-top:0;
		margin-bottom:0;
	}
	.employee-login .navbar-text{
		font-size:16px;
	}
}

@media (min-width: 320px) and (max-width: 667px){
	.navbar-bottom .dropdown-menu{
		position: absolute !important;
	    right: 0;
	    top: 100%;
	    background: #fff !important;
	    left: auto;
	    z-index: 10;
	}
	.employee-login .nav-bottom .navbar-nav a.user-logged{
		padding-top: 15px !important;
		padding-bottom: 15px !important;
	}
	.login-design>.nav>li>a{
		padding: 7px 4px;
	}
	.panel-body{
		padding:0px;
	}
	.sideevenet{
	    width: 190px;
	}
	.x_panel h2,
	.x_title h2{
	    white-space: normal;
	    font-size:18px;
	}
	.application-type{
		padding:0;
	}
	.wizard_horizontal ul.wizard_steps{
		padding:5px;
	}
	.footer-top .footer-block{
		text-align:center;
		padding-bottom: 20px;
		margin-bottom: 20px;
	}
	.footer-top .col-xs-12:last-child .footer-block{
		border-bottom: 0 none;
		margin-bottom:0;
		padding-bottom:0;
	}
	.footer-top .poweredLogo{
		margin-left: auto;
		margin-right:auto;
	}
	.b-bt {
		border-bottom: 1px solid #333333;
	}
	.redirect-div a {
		padding: 9px;
		padding-bottom: 13px;
		padding-top: 13px;
	}
}