@media only screen and (min-width:1910px) and (max-width:2160px) {
	.manager-left {
		width: 47%;
	}

	.manager-right {
		width: 53%;
	}
}

@media only screen and (min-width:1910px) and (max-width:2063.99px) {

	.leaveListRow .btn-group,
	.leave-cate {
		margin: 0.75rem;
	}

	.list-of-leave .btn-group>.btn-sm-df:first-child {
		width: 116px;
	}
}

@media only screen and (min-width:1799px) and (max-width:2063.99px) {
	.summary-form .form-col>strong {
		min-width: 100px;
	}

	.summary-form .input-wrap {
		min-width: 180px;
	}

	.summary-form .btn-sm-df {
		min-width: 90px;
	}
}

@media only screen and (min-width:992px) and (max-width:1909.99px) {

	.leaveListRow .btn-group,
	.leave-cate {
		margin: 0.5rem;
	}

	.list-of-leave {
		width: 37%;
	}

	.summary-leave {
		width: 61%;
	}

	.leaveListRow .btn-group {
		width: 100%;
	}
}

@media only screen and (min-width:992px) and (max-width:1599.99px) {
	.list-of-leave {
		align-content: stretch;
	}
}

@media only screen and (max-width:991.99px) {
	.summary-leave,
	.list-of-leave {
		width: 100%;
	}

	.leaveListRow .btn-group,
	.leave-cate {
		margin: 0.5rem;
	}

	.user-login-wrap {
		padding-top: 10%;
	}

	.other-links-wrap>.col-6 {
		width: 100%;
	}

	.logo-hourly {
		margin-bottom: 50px;
	}

	.user-login-title {
		margin-bottom: 30px;
	}

	.user-login-title h1 {
		font-size: 50px;
	}

	.user-login-footer {
		flex-direction: column;
	}

	.user-right li {
		padding-top: 10px;
		margin: 0 30px 0 0;
	}

	.circle-chart {
		margin-bottom: 20px;
	}
	.deliver-ticket,
	.task-worked {
		max-width: 100%;
		width: 100%;
	}
	.profile-preview-content .row {
		padding-top: 0;
		padding-bottom: 0;
	}
	.profile-colon {
		justify-content: flex-start;
	}
	.profile-colon .fa {
		right: auto;
		left: 4px;
	}
}

@media only screen and (max-width:469.99px) {
	.leaveListRow .btn-group {
		width: 100%;
	}
}

@media only screen and (max-width:1799.99px) {
	.summary-form .col-xxl-5.form-col {
		width: 50%;
	}

	.summary-form .col-xxl-2.form-col {
		width: 80%;
		padding-left: 132px;
	}
}

@media only screen and (max-width:1599.99px) {

	.board-modal-left,
	.board-modal-right {
		padding-left: 30px;
		padding-right: 30px;
	}

	.title-left {
		padding-right: 20px;
	}

	.btn-track-save {
		padding-top: 10px;
	}

	.profile-edit-left,
	.profile-edit-right {
		width: 100% !important;
		max-width: 1000px;
		margin: auto;
	}

	.profile-edit-right {
		border: 0;
		max-width: 700px;
		padding-top: 24px;
	}

	.for-scroll-y {
		max-height: none;
		padding-right: 20px;
	}

	.cyanBtn,
	.btnLg-outline,
	.select-week {
		margin-left: 0 !important;
		margin-right: 20px !important;
		margin-bottom: 20px !important;
	}

	.downloadBtn,
	.yellowBg {
		margin: 0 !important;
	}

	.edit-task-form .add-form-label {
		width: 200px;
	}
	.edit-task-form .input-wrap {
		width: 64%;
	}
}

@media only screen and (max-width:1499.99px) {
	.summary-report .manager-left {
		width: 45%;
	}

	.summary-report .manager-right {
		width: 55%;
	}

	.summary-form .col-xxl-5.form-col {
		width: 100%;
	}
}

@media only screen and (max-width:1380px) {
	.all-entry-title {
		width: 100%;
		padding-bottom: 0!important;
	}
}

@media only screen and (max-width:1279.99px) {
	.table-container tbody td p {
		white-space: nowrap;
	}

	.partner-stat-row {
		flex-direction: column;
	}

	.partner-stat-box {
		width: 100%;
	}
	.mr-25 {
		margin-right: 25px;
	}
}

@media only screen and (max-width:1199.99px) {
	.title-right {
		margin-top: 20px;
	}
	.title-right .dropdown-content {
		right: 0 !important;
		left: 0 !important;
	}

	.modal-body-inner {
		flex-direction: column;
	}

	/* .title-left {
		padding-bottom: 30px;
	} */

	.board-title {
		flex-wrap: wrap;
		flex-direction: column;
		margin-bottom: 20px;
	}

	.schedulerData .table-responsive {
		max-height: none;
	}

	.manager-left {
		padding-right: 0;
		padding-bottom: 30px;
		width: 100%;
	}

	.manager-right {
		width: 100%;
		justify-content: flex-start;
	}

	.summary-report .manager-left {
		width: 100%;
	}

	.summary-report .manager-right {
		width: 100%;
	}
}

@media only screen and (max-width:1079.99px) {
	.my-stats {
		min-width: 100px;
	}
}

@media only screen and (max-width:959.99px) {
	.profile-preview-head h3 {
		font-size: 20px;
		margin-bottom: 0;
	}

	.profile-preview-head span {
		font-size: 14px;
	}

	.profile-title-name {
		padding-top: 40px;
	}
	.edit-task-form .add-form-row {
		flex-wrap: wrap;
		padding-right: 0;
    	margin-bottom: 18px !important;
	}
	.edit-task-form .add-form-label {
		width: 100%;
		text-align: left;
		padding-bottom: 5px;
	}
	.edit-task-form .input-wrap {
		width: 100%;
	}
	.edit-task-form .input-sm,
	.edit-task-form .mxw-380 {
		max-width: 100%;
	}
}
@media only screen and (max-width:900px) {
	.all-entry-filter > .btnCol,
	.all-user-filter > .btnCol,
	.milestone-report-filter > .btnCol,
	.billing-report-filter > .btnCol {
		width: 100%;
		padding-right: 0!important;
		margin-right:0!important;
	}

	.hourly-report-form > .btnCol .input-wrap,
	.milestone-report-filter > .btnCol .input-wrap,
	.billing-report-filter > .btnCol .input-wrap {
		width: 100%;
	}
	.new-ad-form .add-form-row,
	.new-task-group .add-form-row,
	.new-task-type .add-form-row,
	.product-type-form .add-form-row {
		padding-right: 0!important;
		flex-wrap: wrap;
	}
	.new-ad-form .add-form-label,
	.new-task-group .add-form-label,
	.new-task-type .add-form-label,
	.product-type-form .add-form-label {
		padding-right: 0;
		padding-bottom: 5px;
		width: 100%;
		text-align: left;
	}
	.new-ad-form .add-form-row:last-child .add-form-label,
	.new-task-group .add-form-row:last-child .add-form-label,
	.new-task-type .add-form-row:last-child .add-form-label,
	.product-type-form .add-form-row:last-child .add-form-label {
		display: none;
	}
	.new-ad-form .input-wrap,
	.new-task-group .input-wrap,
	.new-task-type .input-wrap,
	.product-type-form .input-wrap {
		width: 100%;
	}
	.new-ad-form .input-sm,
	.new-task-group .input-sm,
	.new-task-type .input-sm,
	.product-type-form .input-sm {
		max-width: 100%;
	}
	.new-ad-form .justify-content-end,
	.new-task-group .justify-content-end,
	.new-task-type .justify-content-end,
	.product-type-form .justify-content-end {
		justify-content: flex-start!important;
	}
}
@media only screen and (max-width: 827px) {
	.hourly-report-form .btnCol {
		margin-right: 12px;
	}
}
@media only screen and (max-width:767.99px) {
	h1 {
		font-size: 32px;
	}

	h2 {
		font-size: 30px;
		line-height: 1.2!important;
	}
	.main-container {
		padding-left: 0;
	}
	.title-left {
		padding-right: 0;
	}
	.sidebar {
		left: -250px;
	}

	.body-container {
		padding-left: 20px;
		padding-right: 20px;
		position: relative;
		left: 0;
		overflow-x: hidden;
		-webkit-transition: all 0.3s ease-in-out 0s;
		-moz-transition: all 0.3s ease-in-out 0s;
		-ms-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out 0s;
		transition: all 0.3s ease-in-out 0s;
	}

	.sidebarShow .body-container {
		left: 250px;
	}

	.sidebarShow .sidebar {
		left: 0px;
	}

	.hs-bars,
	.hs-ellipsis {
		display: inline-block;
		cursor: pointer;
		padding: 0 20px;
	}

	.nav-handler {
		display: none;
	}

	.account-user {
		display: none;
	}

	.account-user .dropdown-menu {
		top: 46px;
		min-width: 250px;
	}

	.accountUserShow {
		display: block;
		width: 100%;
		max-width: 250px;
		position: absolute;
		background: #0b333f;
		top: 69px;
		right: 0;
		padding: 0;
	}

	.accountUserShow .dropdown-menu {
		display: block;
		position: absolute;
	}
	.accountUserShow .dropdown-menu.show {
		top:44px;
	}
	.nav-user {
		padding: 0;
		margin: 0 0 15px;
		margin-left: auto;
		max-width: 230px;
	}

	.nav-user::after {
		content: "";
	}

	.feature-card {
		/* margin-left: 0;
		margin-right: 0; */
	}

	.borderBox {
		/* margin-left: 0;
		margin-right: 0; */
		max-width: 100%;
		width: 100%;
	}

	.search-wrap {
		flex-wrap: wrap;
	}

	.table-pagination {
		flex-wrap: wrap;
	}

	.table-filter,
	.pagination-count {
		padding-bottom: 20px;
	}

	.custom-pagination li a {
		padding-left: 7px;
		padding-right: 7px;
	}

	.copyright-bg {
		padding-left: 30px;
	}

	.sidebarShow .copyright-bg {
		left: 250px;
		position: relative;
	}

	.modal-body-inner {
		flex-direction: column;
	}

	.assignee-row .modal-thumb {
		padding-bottom: 30px;
	}

	.time-calendar,
	.custom-select,
	.custom-select2 {
		margin-bottom: 30px;
	}

	.board-modal .modal-dialog {
		margin: 20px 0;
	}

	.board-modal-left,
	.board-modal-right {
		padding: 20px;
	}

	.assignee-row {
		padding-top: 20px;
	}

	.scheduleDataCol {
		max-width: 100%;
	}

	.profile-preview-head {
		padding-left: 30px;
		padding-right: 30px;
	}

	.profile-preview-content {
		padding: 0 30px;
		max-height: none;
	}

	.preview-buttons {
		right: 30px;
	}

	.profile-bio-thumb img {
		border-radius: 8px 8px 0 0;
	}

	.profile-bio-info {
		padding: 40px 0 90px;
	}

	.user-login {
		padding: 30px;
	}

	.user-login-footer {
		padding: 20px 30px;
	}
	.pt-select-10 {
		padding-top: 10px!important;
	}
	.status-select .custom-option {
		width: 100%;
		left: auto;
	}
	.project-details .row {
		padding-top: 0;
		padding-bottom: 0;
	}
	.assignee-row .upperTxt {
		margin-bottom: 0;
	}
	.project-info .upperTxt {
		margin-bottom: 0;
		margin-top: 20px;
	}
	.priority-status {
		padding-top: 6px!important;
		padding-bottom: 0!important;
	}
	.comment-thread {
		margin-bottom: 20px;
		padding-bottom: 20px;
	}
	.two-factor {
		padding: 30px;
	}
}
@media only screen and (max-width:728px) {
	.two-factor-form .wp-45 {
		width: 65%;
	}
}
@media only screen and (max-width:640px) {
	.dataTables_wrapper .dataTables_length,
	.dataTables_wrapper .dataTables_filter {
		float: none;
		text-align: left;
	}

	.dataTables_wrapper .dataTables_filter {
		padding-left: 6px;
	}
	.customTable .dataTables_length label select {
		margin-left: 38px;
	}
	.reporting-head .select-advertiser {
		padding-right: 0!important;
	}

}

@media only screen and (max-width:557.99px) {
	.add-hour-form .btnCol {
		padding-right: 0 !important;
		/* margin-right: 0; */
		width: 100%;
	}
	.add-hour-form > .btnCol {
		margin-right: 0;
	}
	/** new **/
	.add-hour-form .input-wrap {
		width: 100%;
	}
	/** end new **/
	.add-hour-form .mnw-210 {
		min-width: 100%;
	}
	.d-ticket-form .input-wrap {
		width: 100%;
	}
	.d-ticket-form .btnCol {
		padding-right: 0 !important;
	}
	.d-ticket-btns .btnCol {
		padding-right: 1.5rem !important;
	}
	.hourly-report-btn {
		flex-wrap: wrap;
	}
	.hourly-report-btn .btnCol {
		width: auto;
	}
	.utilize-report-btn {
		width: 100%;
	}
	.utilize-report-btn .btnCol {
		width: auto;
	}
	.milestone-report-btn {
		flex-wrap: wrap;
	}
	.milestone-report-btn .btnCol {
		width: auto;
		padding-right: 0!important;
	}
	.ad-report-form > .btnCol,
	.reporting-head > .btnCol {
		padding-right: 0!important;
		margin-right: 0;
	}
	.reporting-head > .btnCol {
		width: 100%;
	}
	.ad-report-form > .btnCol .input-wrap,
	.reporting-head > .btnCol .input-wrap {
		width: 100%;
	}
	.ad-report-btn .btnCol {
		width: auto;
	}
	.ad-report-btn .btnCol:last-child{
		padding-right: 0!important;
	}
	.timesheet-form .input-wrap {
		width: 100%;
	}
	.timesheet-form .btnCol {
		padding-right: 0 !important;
		margin-right: 0;
	}
	.qa-internal-field {
		width: 100%;
	}
	.qa-internal-field > .btnCol {
		padding-right: 0!important;
		margin-right: 0!important;
		width: 100%;
	}
	.qa-internal {
		min-width: 210px;
	}
	.mnw-120.flatpickr-mobile {
		max-width: 100%;
		width: 100%;
		text-align: left;
	}
	.hourly-report-form > .btnCol {
		margin-right: 0;
		padding-right: 0!important;
		text-align: left;
	}

	.assignee-row .col-lg-4 {
		margin-bottom: 20px;
	}
	.two-factor-form label {
		margin-top: 16px;
	}
	.two-factor-form .wp-45 {
		width: 100%;
		display: block;
	}
}

@media only screen and (max-width:479.99px) {
	.queue-breakout {
		flex-direction: column;
	}

	.shift-breakout {
		padding-top: 0;
	}

	.shift-breakout .v-divider {
		padding-left: 0;
		padding-top: 20px;
		border: 0;
		border-top: 1px solid #E5E4E4;
	}

	.config-form {
		padding: 0;
		border: 0;
	}

	.config-form > .d-flex {
		flex-wrap: wrap;
	}

	.form-labels {
		text-align: left;
	}

	.d-none-m {
		display: none;
	}

	.profile-edit-row .wp-100 {
		width: 60%;
		min-width: 180px;
	}

	.user-login-form .btn-login {
		font-size: 14px;
		letter-spacing: 0.2px;
	}

	.user-login-form a.btn-login {
		padding-top: 8px;
	}

	.milestone-report-btn .btnCol {
		margin-right: 12px;
	}
	.profile-edit-row {
		flex-wrap: wrap;
		margin-bottom: 18px;
	}
	.profile-edit-row .input-wrap {
		width: 100%;
	}
	.edit-form-label {
		width: 100%;
		text-align: left;
		padding-bottom: 5px;
	}
	.profile-edit-row .flex-grow-1 {
		width: 100%;
	}
	.profile-edit-row .input-sm {
		max-width: 100%;
	}
	/* .for-scroll-y {
		padding-right: 0;
	} */
	.for-scroll-y .edit-form-label {
		width: 100%;
	}
	.for-scroll-y .profile-edit-row .flex-grow-1 {
		width: 100%;
		padding-right: 0!important;
	}
	.attendance-filter {
		flex-wrap: wrap;
	}
	.attendance-filter .title {
		width: 100%;
		display: block;
	}
	.global-stat .col-6{
		border: 0;
		width: 100%;
	}
	.global-stat .col-6:first-child {
		border-bottom: 1px solid #E5E4E4;
		padding-bottom: 10px;
		margin-bottom: 10px;
	}
	.stats-chart {
		flex-wrap: wrap;
	}
	.stats-chart .col-6 {
		width: 100%;
	}
	.stats-chart .col-6:first-child {
		padding-bottom: 20px;
	}
	.stats-chart .progress {
		width: 100%;
	}
}
@media only screen and (max-width:408px) {
	.title-lg-btn {
		font-size: 15px;
		padding-left: 12px;
		padding-right: 12px;
		/* margin-left: 10px!important; */
		/* margin-right: 10px!important; */
	}
	.dropdown .title-lg-btn {
		padding-right: 30px;
	}
	.dropdown .btnArrow.title-lg-btn:after {
		right: 15px;
	}
}
@media only screen and (max-width:394px) {
	.utilize-report-btn .btnCol {
		padding-right: 0!important;
	}
	.utilize-report-btn .btnCol:last-child {
		margin-right: 0;
	}
	.milestone-report-btn .btnCol {
		margin-right: 10px;
	}
	/* .ad-report-btn .btn {
		min-height: 48px;
	} */
	.hourly-report-form .btnCol {
		margin-right: 3px;
	}
	.summary-form .col-xxl-5.form-col {
		flex-wrap: wrap;
	}
	.summary-form .col-xxl-5.form-col strong {
		text-align: left;
		padding-bottom: 5px;
	}
	.summary-form .col-xxl-5.form-col .input-wrap {
		width: 100%;
	}
	.summary-form .col-xxl-2.form-col {
		padding-left: 12px;
	}
	.ad-report-btn .btn-sm-df {
		padding-left: 6px;
		padding-right: 6px;
		min-width: 130px;
	}
}
@media only screen and (min-width:558px) and (max-width:767.99px) {
	.add-hour-form .btnCol:nth-child(3n+3) {
		padding-right: 0 !important;
	}

	.add-hour-form .mnw-210 {
		min-width: 200px;
	}

	.timesheet-form .btnCol:nth-child(3n+3) {
		padding-right: 0.5rem !important;
	}
}

@media only screen and (min-width:768px) and (max-width:827px) {
	.add-hour-form .btnCol:nth-child(2n+2) {
		padding-right: 0 !important;
		margin-right: 0;
	}

	.add-hour-form .mnw-210 {
		min-width: 190px;
	}

	.hourly-report-form .btnCol:nth-child(2n+2) {
		padding-right: .5rem !important;
		margin-right: 12px;
	}

	.timesheet-form .btnCol:nth-child(2n+2) {
		padding-right: 0.5rem !important;
		margin-right: 20px;
	}
	.timesheet-form .btnCol {
		margin-right: 10px!important;
	}
}
@media only screen and (min-width:768px) and (max-width:991.99px) {
	.assignee-row .modal-thumb {
		padding-bottom: 30px;
	}
}

@media only screen and (min-width:1200px) and (max-width:1365.99px) {
	.schedulerTable {
		margin-left: -15px;
		margin-right: -15px;
	}

	.schedulerData {
		padding-left: 15px;
		padding-right: 15px;
	}
}

@media only screen and (min-width:1365px) and (max-width:1380px) {
	.upper-filter .btnCol {
		margin-right: 12px;
	}
}