@media screen and (min-width: 1440px) {

	#emailAll {
		width:900px;
	}
	.search_table_timesheet {
		position: absolute;
		clear: both;
		z-index: 97;
	}
	.search_table_report {
		position: absolute;
		clear: both;
		z-index: 97;
	}
		.search_table_report input {
			width: 100px;
		}
	.search_table_timesheet input {
		width: 100px;
	}
}

	@media (max-width: 1400px) {
		table {
			border-bottom: none;
		}
		.search_table_timesheet input {
			width: 100px;
		}
		.search_table_report input {
			width: 100px;
		}
		.search_table_employee {
			margin-left: -6px;
			position: relative;
			left: -5px;
			top: 0;
			left: 0;
			float: left;
		}
		 .search_table_user {
			margin-left: -6px;
			position: relative;
			left: -5px;
			top: 0;
			left: 0;
			float: left;
		}

		#emailAll {
			width: 900px;
		}
	}

	@media all and (max-width: 1100px) {


		.search_table_employee {
			position: relative;
			left: -10px;
			top: 0;
			right: auto;
		}

		.search_table_timesheet {
			position: relative;
			left: -10px;
			top: 0;
			right: auto;
		}

		.search_table_report {
			position: relative;
			left: -10px;
			top: 0;
			right: auto;
		}

		.chat_box {
			right: 30px;
		}

		.message_list {
			width: 410px;
		}

		.main_section {
			margin-right: 260px;
		}

		.right_bar {
			width: 260px;
		}

		.des input {
			width: 160px;
		}

		.price input {
			padding: 7px;
			width: 71px;
		}

		.parts_add label {
			display: none;
		}

		.nav-link {
			display: block;
			padding: .5rem 6px;
			font-size: 14px !important;
		}

		.vehicle_bay td {
			font-weight: 500;
			font-size: 14px;
			color: #4d4d4d;
			border-top: 1px solid #eee;
			border-bottom: 1px solid #eee;
			padding: 20px 9px;
		}

		.main_section {
			padding-left: 0;
		}

		.vehicle_bay th {
			font-size: 14px;
		}

		.play img {
			display: block;
			width: 100%;
			margin: 0 auto;
			padding: 2px;
		}

		.play span {
			display: none;
		}

		.play {
			width: 25px;
			height: 25px;
			padding: 0;
			margin-left: 5px;
			margin-top: -5px;
		}

		.vehicle_bay {
			overflow-x: scroll;
		}

			.vehicle_bay .dropdown img {
				width: 34px !important;
				float: left;
			}
	}

	@media all and (max-width: 991px) {
		.chat_box {
			top: 131px;
		}
		.row.buttonSide button {
			clear: both;
			margin: 5px auto;
			float: left !important;
		}
		.search input {
			width: 150px;
		}

		.nav-tabs {
			width: 100%;
		}

		.parts_table_section {
			width: 100%;
			overflow-x: scroll;
		}

		.right_bar.scrollbar.thin-scroll {
			position: static;
			margin-left: 100px;
			margin-top: 30px;
		}

		.main_section {
			margin-right: 0;
		}

		.vehicle_bay td {
			padding: 20px 5px;
		}

		.appointment {
			width: 90%;
		}

		.service_box p {
			font-size: 15px;
		}

		.service_box {
			padding: 15px !important;
		}

		.open_service p {
			font-size: 15px;
		}

		.dataTables_wrapper {
			overflow-x: scroll;
		}

			.dataTables_wrapper th {
				min-width: 150px;
				font-size: 14px;
			}

			.dataTables_wrapper td {
				font-size: 14px;
			}

		.dataTables_wrapper {
			margin-top: 50px;
		}
	}

	@media all and (max-width: 567px) {
		table th {
			font-size: 14px;
			font-weight: 500;
		}
		
		a.btn.btn-primary {
			padding: 13px 10px;
			height: 50px;
			font-size: 14px;
			min-width: 130px;
		}

		.btn-danger {
			padding: 0 10px;
			height: 50px;
			font-size: 14px;
		}

		.border-right strong {
			display: block;
			text-align: center;
			font-size: 14px;
		}

		label.control-label {
			font-size: 14px;
		}

		strong {
			display: block;
			margin: 0 auto;
			text-align: center;
		}

		.create-emp {
			text-align: center;
		}

		table td .btn-danger {
			padding: 7px 12px;
			height: auto;
			font-size: 16px;
		}

		div#map {
			min-width: 320px !important;
			overflow: scroll;
		}

		div.dataTables_wrapper div.dataTables_length label {
			float: left;
		}

		div.dataTables_wrapper div.dataTables_filter label {
			float: left;
		}

		.message_list {
			width: 100%;
		}

		.message_part ul {
			width: 100%;
		}

		.service_record button {
			font-size: 14px;
			width: 130px;
			height: 35px;
		}

		.chat_box {
			top: 147px;
			right: 0;
			left: 0;
			bottom: 0;
			height: auto;
			margin: 0 auto;
			width: 100%;
		}

		.conversation {
			overflow-y: scroll;
			height: auto;
		}

		.search {
			float: right;
			position: relative;
			right: 0;
			top: 20px;
			width: 100%;
			margin: 10px auto;
		}

			.search input {
				width: 100%;
			}

		.mobile_scroll {
			width: 100%;
			overflow-x: scroll;
		}

		.border_form {
			width: 100%;
		}

		.parts_table_section {
			width: 100%;
			overflow-x: scroll;
		}

		.display_message {
			padding: 6px 60px;
			font-size: 14px;
			top: 17px;
		}

		.nav-tabs {
			width: 600px;
		}

		.mob_btn {
			float: left;
			width: 100%;
			text-align: center;
		}

		.mob_btn {
			float: left;
			width: 100%;
			margin-bottom: 10px;
			text-align: center;
		}

		.total_price.mobile_view li {
			float: none;
			padding: 0;
			width: 50%;
			clear: both;
			text-align: left;
		}

		.total_price.mobile_view button {
			width: 100px;
			float: none;
			margin-right: 15px;
			cursor: pointer;
			margin-top: 7px;
			background: #fff;
			border: none;
			border-radius: 20px;
			width: 130px;
			height: 37px;
			font-weight: 600;
			font-size: 15px;
			color: #0071bc;
		}

		.mobile_view_price li {
			width: 100% !important;
			text-align: left;
			padding-left: 30px !important;
		}

		.mobile_view_price {
			display: none;
			position: relative;
			width: 100%;
			float: left;
			border-bottom: 1px solid #ddd;
			margin-bottom: 15px;
		}

		.total_price.mobile_view span {
			color: #fff !important;
			margin-top: 15px;
		}

		.total_price.mobile_view p {
			color: #fff !important;
			margin-top: 15px;
		}

		.total_price.mobile_view {
			position: fixed;
			bottom: 0;
			width: 100%;
			left: 0;
			right: 0;
			background: #0071bc;
			padding: 0px;
			margin: 0;
			border-top-left-radius: 10px;
			border-top-right-radius: 10px;
			text-align: center;
		}

		.mobile_view {
			display: block !important;
		}

		.total_price {
			display: none;
		}

		.add_labour_parts button {
			margin-top: 5px;
		}

		.right_bar {
			position: static;
			width: 90% !important;
			margin: 30px auto !important;
			display: block;
		}

		.content {
			width: 100% !important;
			display: block;
			height: auto;
		}

		.left_sidebar ul li:hover .menu_option {
			display: block;
			left: 100px;
		}

		.scroll_menu {
			overflow-x: scroll;
		}

		.main_section {
			margin-left: 0;
			padding: 0;
		}

		.logo {
			float: left;
			width: 100%;
		}

		.service_status .d-flex.flex-row.bd-highlight.mb-3 {
			display: block !important;
		}

		.service_box {
			padding: 15px !important;
			width: 100%;
		}

		.open_service {
			margin: 0;
		}

		.carousel-item {
			padding-right: 25px !important;
		}

		.carousel-inner {
			overflow: hidden;
		}

		.service_request {
			clear: both;
			float: left;
			width: 100%;
		}

		.parts_ordered {
			overflow-x: scroll;
		}

		.vehicle_bay {
			overflow-x: scroll;
		}

		.heading h3 {
			font-size: 19px;
		}

		.heading h3 {
			font-size: 19px;
			margin-bottom: 15px;
		}

		.lock a {
			margin-top: 10px;
		}

		.total_price span {
			min-width: 50%;
		}

		.button_price button {
			width: 45%;
		}

		.full_screen {
			float: left;
			border: none;
		}

		.profile_btn button {
			margin-top: 12px;
		}

		.profile_btn img {
			width: 51px;
			float: right;
		}

		.profile_btn {
			padding: 0 !important;
			border: none;
			float: left !important;
		}

		.full_screen img {
			width: 22px;
			margin: 20px 5px;
		}

		.lock {
			float: left;
			border: none;
		}

		.full_screen img {
			width: 22px;
			margin: 18px 10px;
		}

		.show_menu {
			display: block;
		}

		.topbar {
			z-index: 987;
		}

		.main_section {
			margin-top: 170px;
		}

		.left_sidebar {
			position: fixed;
			top: 0;
			bottom: 0;
			width: 100px;
			z-index: 98765;
			left: -100px;
			transition: all 0.4s ease-in-out 0s;
			-moz-transition: all 0.4s ease-in-out 0s;
			-webkit-transition: all 0.4s ease-in-out 0s;
		}

		.modal-dialog {
			margin: 28px !important;
		}

		.logo img {
			max-width: 250px;
			float: left;
			position: initial;
		}

		.service_box p {
			font-size: 18px;
		}

		.parts_ordered table {
			width: 100%;
		}

		.topbar .d-flex.justify-content-end {
			float: left;
			width: 100%;
		}

		.show_menu img {
			float: right;
			width: 40px;
			opacity: .4;
		}

		.hide_menu img {
			cursor: pointer;
			float: right;
			width: 30px;
			opacity: .4;
		}

		.service_request .carousel-control-prev {
			top: -45px !important;
		}

		.service_request .carousel-control-next {
			top: -45px !important;
		}

		.modal-header p {
			font-size: 18px;
		}

		.licence {
			padding-left: 30px;
		}

		.vin_number input {
			border: none;
		}

		.request_form label {
			margin-top: 20px;
		}

		.add_labour_parts .d-flex.justify-content-between {
			display: block !important;
		}

		.add_labour_parts .p-2 {
			display: block;
			float: left;
			width: 100%;
		}

		.des input {
			width: 100px;
			margin-top: 2px;
		}

		.price input {
			width: 100px;
			margin-top: 2px;
		}

		.add_labour_parts label::before {
			display: none;
		}

		.add_labour_parts label::after {
			display: none;
		}

		.price p {
			text-align: left;
		}

		.parts_add label {
			opacity: 1;
			height: auto;
			margin-top: 0px;
		}

		.add_labour_parts {
			overflow-x: scroll;
		}

		.sort-mes-emp {
			float: none;
			text-align: center;
			margin-bottom: 7px;
		}

		.searchbox input {
			width: 100%;
		}

		.qr-code img {
			width: 170px;
			height: auto;
		}

		.right-logo {
			margin-top: 66px !important;
			float: right !important;
		}

		.dataTables_wrapper th {
			min-width: 150px;
			font-size: 14px;
		}

		.dataTables_wrapper {
			margin-top: 60px;
		}

			.dataTables_wrapper td {
				font-size: 14px;
			}

		.info-div {
			margin-top: 10px;
		}

		.search_table_employee {
			position: relative;
			right: 0;
			top: 0;
			clear: both;
			z-index: 9;
			width: 100%;
		}

			.search_table_employee td {
				width: 50%;
				display: block;
				padding: 6px;
				float: left;
			}

		.search_table_timesheet {
			position: relative;
			right: 0;
			top: 0;
			clear: both;
			z-index: 9;
			width: 100%;
		}

			.search_table_timesheet td {
				width: 50%;
				display: block;
				padding: 6px;
				float: left;
			}

		.search_table_report {
			position: relative;
			right: 0;
			top: 0;
			clear: both;
			z-index: 9;
			width: 100%;
		}

			.search_table_report td {
				width: 50%;
				display: block;
				padding: 6px;
				float: left;
			}
	}