@media (min-width: 991px){
	.navbar-toggler{
		display: none;
	}
}
@media (min-width: 991px) and (max-width: 1399px){
	.bank-detail{
		-webkit-box-flex: 0;
	    -ms-flex: 0 0 50%;
	    flex: 0 0 50%;
	    max-width: 50%;
	}
	.qualification-detail .col-lg-6{
		-webkit-box-flex: 0;
	    -ms-flex: 0 0 100%;
	    flex: 0 0 100%;
	    max-width: 100%;
	}

	.salary-detail .col-lg-4{
	    -webkit-box-flex: 0;
	    -ms-flex: 0 0 50%;
	    flex: 0 0 50%;
	    max-width: 50%;
	}
}
@media (min-width: 991px) and (max-width: 1199px){
	.list-table .table {
	    /*display: block;*/
	    width: 100%;
	    overflow-x: auto;
	    -webkit-overflow-scrolling: touch;
	    -ms-overflow-style: -ms-autohiding-scrollbar;
	}
	.personal-form .col-lg-6,
	.salary-detail .col-lg-4{
		-webkit-box-flex: 0;
	    -ms-flex: 0 0 100%;
	    flex: 0 0 100%;
	    max-width: 100%;
	}
	.interview-details .flex-container{
	    flex-wrap:wrap;
	}
	.interview-details .flex-container > div{
        width: 100%;
    }
    .interview-detail-content .interview-details .tab-file-section .flex-container > div {
        width: auto;
    }
}
@media (min-width: 768px) and (max-width: 1199px){
	.grid-view-section .col-lg-4{
		-webkit-box-flex: 0;
	    -ms-flex: 0 0 50%;
	    flex: 0 0 50%;
	    max-width: 50%;
	}
}
@media screen and (max-width: 1499px){
    /*.prof-detail-tabs.nav-tabs .nav-link{
        min-width: 50%;
    }*/
}
@media screen and (max-width: 1399px){
	.personal-form .form-group .form-control{
		font-size: 13px;
	}
	/*.prof-detail-tabs.nav-tabs .nav-link {
        padding: 0.5rem;
        font-size: 13px;
    }*/
    .profile-salary-tab-content .flex-container > div.column-3 {
        width: 48.5%;
    }
}
@media screen and (max-width: 1199px){
	.detail-content{
		padding: 20px 20px;
		/*width: calc(100% - 230px);*/
	}
	.profile-status {
	    text-align: right;
	    width: 100%;
	}
	.detail-content .form-group{
		padding: 12px 5px 12px 0;
	}
	.detail-content .form-group .form-control{
		font-size: 13px;
	}
	.search-box input.form-control{
	   width: 100%;
	}
	.interview-sort-bar.flex-container,
	.leave-details .approved-section,
	.profile-detail-section{
        flex-wrap: wrap;
    }
    .interview-sort-bar > .right {
        width: 100%;
        margin-top: 15px;
    }
    .leave-details .approved-left-section > div{
		-webkit-box-flex: 0;
	    -ms-flex: 0 0 100%;
	    flex: 0 0 100%;
	    max-width: 100%;
	}
	.leave-details .approved-left-section,
    .leave-details .approved-right-section,
	.profile-content-right{
        width: 100%;
    }
    .profile-content-right{
        margin-left: 0;
    }
    .leave-details .approved-left-section > div{
		padding:0;
		margin-bottom:1rem;
	}
    .confirm-inner-box {
        position: relative;
        padding: 15px 0;
    }
    .profile-content-left {
        width: 100%;
        margin-bottom: 15px;
    }
    /*.prof-detail-tabs.nav-tabs .nav-link {
        padding: 0.5rem 0.75rem;
    }*/

    .dashboard-grid-top .flex-container {
        flex-wrap: wrap;
        align-items: baseline;
    }
    .dashboard-inner-content-section .dashboard-grid-top h6.dashboard-interviewer {
        max-width: 50%;
        order: 2;
        margin-top: 10px;
    }
    .dashboard-inner-content-section .dashboard-grid-top .dashboard-grid-btm {
        max-width: 50%;
        order: 1;
    }
    .dashboard-inner-content-section .dashboard-grid-top .dashboard-interview-tag {
        max-width: 50%;
        order: 3;
        width: auto;
        margin-right: auto;
    }
}
@media screen and (max-width: 991px){
	.sidebar {
	    display: none;
	}
	.collapseToggle, 
	.sidebar-btm-img,
	.profile-side,
	.profileDropdown.dropdown-toggle::after{
		display: none;
	}
	.mob-header .navbar-header {
        height: 100vh;
    }
    .mob-header.navbar{
        overflow-y: auto;
    }
	.nav-sidebar{
		/*height: 100%;*/
		background-color: #FFFFFF;
	    border: 1px solid #E7ECF4;
	    border-radius: 15px;
	    /*overflow-y: initial;*/
    	overflow-x: initial;
    	padding-bottom: 0;
	}
	.inner-wrapper{
		padding: 0;
	}
	.main-content {
	    margin: 90px 0 0 0;
	    padding: 0 15px 0;
	    width: 100%;
	}
	button.navbar-toggler {
	    text-align: center;
	    width: 30px;
	    height: 30px;
	    background-color: #036b84;
	    border-radius: 7px;
	    border: none;
	    padding: 0.25rem;
	    font-size: 0;
	}
	.navbar-nav{
		padding: 6px;
	}
	.nav-main{
		padding: 14px 15px;
	}
	.dropdown-menu.user-profile{
		left: auto;
    	right: -7px;
	}
	.copyright-section{
		position: relative;
		right: auto;
		bottom: auto;
		width: 100%;
	}
	.admin-header{
		position: relative;
	}
	.admin-user-info {
	    height: 100%;
	    overflow-y: initial;
	}
	.nav-sidebar .nav-item a.nav-link{
		width: 100%;
	}
	.no-user-page{
		height: 100vh;
	}
	.detail-section ul.detail-list, 
	.detail-section ul.detail-list-tab{
		position: relative;
		height: initial;
		padding-bottom: 0;
	}
	.detail-content{
		margin-left: 0;
		margin-bottom: 20px;
	}
	.detail-section {
	    display: flex;
	    flex-wrap: wrap;
	    justify-content: stretch;
	    align-items: stretch;
	    height: 100%;
	    padding:15px 15px 0 0;
	}
	.detail-section ul.detail-list:after{
		height: 90px;
		bottom: 0;
	}
	.btm-icon{
		bottom: 20px;
	}
}
@media screen and (max-width: 768px){
	.detail-section ul.detail-list li {
	    margin-bottom: 15px;
	    font-size: 14px;
	}
	.detail-content {
	    width: 100%;
	}
	.detail-list-mob{
		display: flex;
	}
	.detail-section ul.detail-list{
		display: none;
	}
	.detail-section{
		padding-left: 15px;
	}
	.search-sort-bar,
	.profile-tab-content .flex-container{
        flex-wrap: wrap;
    }
    .search-sort-bar > .right {
        width: 100%;
        margin-top: 15px;
    }
    .filter-box-list .filter-box{
	  max-width: 48%;
	}

    .question-box .form-group {
        margin-bottom: 1rem;
    }
    .delete-row{
        margin-left:1rem;
    }
    .review-radio-options {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .review-form-content,
    .review-user{
        width: 100%;
        display: block;
    }
    .review-form-content-section{
        flex-wrap: wrap;
    }
    .review-form-content {
        margin-left: 20px;
    }
    .review-user{
        padding-right:16px;
    }
    .interview-details .flex-container {
	    flex-wrap:wrap;
	}
	.interview-details .flex-container > div,
	 .profile-salary-tab-content .flex-container > div.column-2,
	 .profile-salary-tab-content .flex-container > div.column-3{
        width: 100%;
    }
    .interview-review-detail h3{
        font-size: 14px;
    }
    .interview-detail-content .interview-details .tab-file-section .flex-container > div {
        width: auto;
    }
    .leave-detail-container{
        width: 100%;
        padding: 15px;
    }
    .leave-detail-container .review-form-content {
        margin:0;
    }
    .profile-tab-content .flex-container > div,
    .profile-tab-content .flex-container > div:first-of-type{
        width:100%;
        margin-right:0;
    }
    /*.prof-detail-tabs.nav-tabs .nav-link {
        display: inline-block;
        text-align: left;
        border: none;
        padding-left: 0;
        min-width: auto;
        font-size: 14px;
    }*/
    .edit-profile-btn {
        position: absolute;
        right: 0;
    }
    .edit-profile-btn .btn{
        padding: 5px 10px;
    }
    .edit-profile-btn .btn span:last-of-type {
        display: none;
    }
    .edit-profile-btn .btn span:first-of-type {
        margin-right: 0;
    }
    .doc-list{
        left:0;
        right:auto;
    }
    .doc-list:before{
        right: auto;
        left: 7px;
    }
    .h3, h3 {
        font-size: 1.25rem;
    }
    .broadcast-message-list-cards .message-card-left {
        width: 100%;
        padding-right: 0;
    }
    .broadcast-message-list-cards .message-card-right {
        width: 100%;
        margin-top: 15px;
    }
    .search-sort-bar .left {
        flex-wrap: wrap;
        width: 100%;
    }
    .search-box input.form-control {
        max-width: 100%;
    }
    .search-sort-bar .search-box {
        width: 100%;
    }
    .search-sort-bar .filter-option {
        width: 100%;
        margin-top: 15px;
    }
    .filter-option .btn.btn-filter{
        margin-left: 0;
    }
    .admin-user-tab ul li {
        text-align: center;
    }
    .admin-user-tab ul li a{
        display: inline-block;
    }
    .mob-tab .slick-track{
        padding: 0px 5px;
    }
    .detail-section ul.detail-list-tab {
        width: 100%;
        margin: 0 0 15px;
        padding: 0;
        overflow-x: scroll;
        overflow-y: hidden;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
    }
    .detail-section ul.detail-list-tab li{
        display:inline-block;
    }
    .dashboard-grid-top .flex-container > div,
    .dashboard-inner-content-section .dashboard-grid-top h6.dashboard-interviewer{
        max-width: 100%!important;
    }
    .dashboard-inner-content-section .dashboard-grid-top .dashboard-grid-btm{
        order: 2;
        margin: 10px 0;
    }
    .dashboard-upcoming-info p span{
        margin-right: 3px;
    }
    .leave-type {
       margin-top: 5px;
    }
}
@media screen and (max-width: 576px){
	body{
		font-size: 14px;
	}
	h1 {
	    font-size: 22px;
	    margin: 0 0 10px;
	}
	.title-header,
	.search-sort-bar.flex-container {
	    display: block;
	}
	.search-sort-bar .left {
	    width: auto;
	}
	.search-sort-bar .left {
	    width: auto;
	}
	.user-contact li .organazation {
	    position: relative;
	    margin-left: 3px;
	    margin-top: 5px;
	    display: block;
	}
	.user-contact li{
		display: block;
		margin-right: 0;
		width: 100%;
	}

    .pagination-section{
        flex-wrap:wrap;
    }
	.pagination-section .left {
	    order: 2;
	    width: 100%;
	    text-align: center;
	}
	.pagination-section .right {
	    width: 100%;
	}
	.pagination-section .pagination{
	    justify-content: center;
        margin-bottom: 10px;
	}
	/*.pagination-section .pagination{
		justify-content: center;
	}*/
	.img-upload .img-edit {
	    text-align: left;
	    margin-top: 10px;
	    display: block;
	}
	.title-header li.breadcrumb-item, .title-header li.breadcrumb-item a{
		font-size: 12px;
	}
	.staff-form .form-check{
		margin: 0;
	}
	.detail-content h2{
		font-size: 18px;
	}
	.detail-content h3{
		font-size: 15px;
	}
	.dashboard-inner-content-section .dashboard-grid-top .user-text{
	    max-width: 100%;
	    margin-bottom: 5px;
	}
	.dashboard-grid-top .flex-container,
	.dashboard-upcoming-info,
	.admin-user-info .grid-view-section .grid-box .grid-btm .user-contact{
        flex-wrap: wrap;
	}
	.pageallmain .page-link{
	    margin-left:5px;
	}
	.filter-box-list .filter-box{
	  max-width: 100%;
	  margin: 0;
	}
	.total-salary-list-scenario{
	    flex-wrap: wrap;
	    margin:0;
	}
	.total-salary-container {
        margin: 10px 0 0!important;
    }
    .user-intro-top .left {
        padding: 20px 0 20px 20px;
    }
    .user-prof-img {
        display: inline-block;
        width: 85px;
        height: 85px;
        position: relative;
        top: 0;
    }
    .user-name{
        margin-left:20px;
        display: inline-block;
        vertical-align: top;
    }
   .user-contact-info {
        margin-left: 0;
    }
    .user-name h2{
        position: relative;
        padding-top: 30px;
    }
    .user-name .user-prof-status{
        position: absolute;
        top: 0;
        left: 0;
        margin: 0;
    }
    .user-contact-info li{
       display: block;
    }
    .user-contact-info li:not(:last-of-type) {
        margin-right: 0;
        margin-bottom: 10px;
    }
    .message-content .message {
        display: block;
        vertical-align: middle;
        width: 100%;
        margin-top: 15px;
    }
    .login-page::after,
    .login-page::before{
        width:100%;
    }
    .admin-user-info .grid-view-section .grid-box .grid-btm .user-contact li:last-child {
        margin-left: 15px;
    }
    .user-contact li .organazation:before{
        opacity:0;
    }
}
@media screen and (max-width: 480px){
	.dept-btn .btn {
        width: 100%;
        font-size: 14px!important;
    }
	.form-btn .btn {
	    width: 90px;
	    line-height: 1;
	    font-size: 13px;
	}
	.navbar-brand {
	    width: 140px;
	}
	.navbar-brand img{
	    width: 100%;
	}
	.detail-content .form-group label{
		font-size: 11px;
	}
	.dashboard-container-left .dashboard-banner .banner-content{
	    width:100%;
	}
	.dashboard-container-left .dashboard-banner .banner-bg,
	.dashboard-container-left .dashboard-banner::after{
	    display:none;
	}
	.get-device-section .dashboard-upcoming-info p{
	    width: 100%;
        margin-bottom: 10px;
	}
	.get-device-section .btn-return{
	    margin-left:0;
	}
	.broadcast-massage-inner .message-content .message .user-info{
	    flex-wrap:wrap;
	}
	.message-content .message .user-info span{
        display: block;
        width: 100%;
        margin-top: 5px;
	}
	.message-content .message .user-info span::before{
	   margin: 0 10px 0 0;
	}
	.filter-option .btn.btn-filter{
	    padding: 12px 8px;
	    margin-left: 5px;
	}
	.form-control-feedback {
        left: 13px;
    }
    .interview-sort-bar > .right .btn {
        margin-bottom: 15px;
        display: block;
    }
    .interview-sort-bar > .right .btn:last-of-type {
        margin: 0;
    }
    .browse-btn{
        width: auto;
    }
    .interview-details .interview-priority {
        position: relative;
        margin-bottom: 15px;
        display: inline-block;
    }
    .overtime-detail-content {
        margin: 0;
        border: none;
        border-top: 1px solid #E7ECF4;
        border-radius: 0;
    }

	.login-container{
	    max-width: 90%;
	}
	.login-container .card .login-card-body .login-box-msg{
	    font-size: 14px;
	}
	.login-container .card .card-body {
        padding: 0px 15px 45px;
    }
}
@media screen and (max-width: 360px){
	.qualification-detail .file-input-section{
		height: 125px;
	}
	.qualification-detail {
	    background: none;
	    border: none;
	    padding: 0px;
	    border-radius: 10px;
	}
}


@media (max-width: 767px) {
	.user-intro-2 .user-intro h3 {
		font-size: 20px;
		line-height: 24px;
		color: #fff;
	}

	.overtime-div {
		display: flex;
		flex-direction: column;
	}
	.overtime-div .profile-content-left{
		position: unset;
		width: 100%;
		height: unset;
		margin-bottom: 20px;
	}

	.overtime-div .profile-content-right {
		width: 100%;
		margin-left: 0;
	}
}
@media screen and (max-width: 480px){

	.search-box-left .search-box input.form-control {
		max-width: 175px;
		width: 175px;
	}
}