@media only screen and (min-width:200px) and (max-width:767px) {
	.stellarnav.light a.dd-toggle:hover{
		background:none;
	}
	#logi_area .logi_sec {
	width: 82%;
}
	.sec_between {
	justify-content: safe;
}
	footer p {
	padding: 4px 10px;
}
	#besic_info {
	margin-top: 0!important;
}
	
	header .main_logo_sec {
	margin: 0 auto;
}
	.stellarnav.mobile > ul > li > a {
	padding: 10px 15px;
		height: 42px;
}
	
	.stellarnav ul li a img {
    width: 20px;
}
	
.info_list li {
    margin: 0 0 10px 0;
}
	
	.menu_area span.ico_area {
	width: auto;
	display: inline-block;
	margin-bottom: 0;
	margin-right: 10px;
}
	
	header.fixed-top {
	position: relative;
	padding: 20px 0 0 0;
		z-index: 0;
}
	
	.stellarnav.mobile .menu-toggle, .stellarnav.mobile .dd-toggle, .stellarnav.mobile .close-menu, .stellarnav.mobile .call-btn-mobile, .stellarnav.mobile .location-btn-mobile {
	display: block;
	text-align: center;
}
	
	
	.map_sec_area iframe {
	height: 420px;
}
	
	
	.Dispatched_Area .headline h3 {
	font-size: 17px;
	margin-right: 10px;
}

	.btn-yell, .btn-white {
	padding: 6px 12px 6px 12px;
	font-size: 12px;
}
	
.btn-View {
	
	margin-top: 0;
	}
	
.map_sec_area .map_sec .map_slect {
	margin-bottom: 6px;
}
	.tab {
	width: 100%;
}
	.tabcontent {
	width: 100%;
}
	.offset-1 {
	margin-left: 0;
}
	.live_feed_page .pad0L {
	padding-left: 0 !important;
	padding-right: 0;
}
	
	.list-camera {
	
	text-align: center;
}
	.tab-content {
	width: 100%;
}
	.tab-content .container {
	max-width: 100%;
}
	.btn_list {
	margin: 3px 0 10px 0;
}
	
	#shift_table_filter, #operator_table_filter, #vehicle_table_filter, #route_table_filter, #incident_table_filter, #assist_table_filter, #beats_table_filter, #reprts_table_filter, #trucknumber_table_filter {
	position: relative;
	width: 239px;
	float: none;
	margin-right: 0;
	right: 0;
	top: 0;
	margin: 0 auto;
}
	#shift_table_filter label, #operator_table_filter label, #vehicle_table_filter label, #route_table_filter label, #incident_table_filter label, #assist_table_filter label, #beats_table_filter label, #reprts_table_filter label, #trucknumber_table_filter label {
	
	width: 100%;
}
	
	#shift_table_filter input, #operator_table_filter input, #vehicle_table_filter input, #route_table_filter input, #incident_table_filter input, #assist_table_filter input, #beats_table_filter input, #reprts_table_filter input, #trucknumber_table_filter input {
	width: 100% !important;
	
}
	.shift_page .table_sec_area h3::after {
	display: none;
}
	.menu_area {
    width: 100%;
    left: 0;
    position: relative;
    top: 0;
    height: auto;
    bottom: auto;
	padding-bottom: 0;
		background: none;

filter: none;
}
	
	.menu_area .slimScrollDiv{
		height: 44px !important;
	}
	
	.menu_area .left_menu_area{
		height: 44px !important;
	}
	
	
	.main_content_area {
	margin-left: 0;
	padding-bottom: 140px;
	
}
	
	.pad0R {
    padding-right: 15px !important;
}
	.stellarnav {
    width: 100%;
	}
	
	a.hamburger_area {
    display: none;
	}
	
	.stellarnav.mobile.right > ul, .stellarnav.mobile.left > ul {
    top: 0;
	background: rgb(109, 198, 193);
	}
	
	.stellarnav.mobile.light ul {
   background: #fce78f;
}
	
	.previw_area .previw_list {
    display: block;
	}
	.previw_area .previw_list li {
	
    display: inline-block;
	}
	
	
	.previw_area .previw .ico_area {
    width: 37px;
    height: 37px;
	line-height: 36px;
	}
	.previw_area .previw h3 {
		font-size: 27px;}
	.previw_area .previw p {
    font-size: 12px;
		margin: 0;
		
	}
	
	.stellarnav li a{
		text-align:left;
	}
	
	.stellarnav ul ul{
		left:0;
	}
	
	.shift_table_area .table tbody td{
		font-size:13px;
	}
	
	.shift_table_area .table tbody td a.btn-gray{
		font-size:1.2vh;
		margin-bottom: 5px;
	}
	
.dt-buttons {
    text-align: left;
    padding-bottom: 5px;
}
	
	.pagination{
		padding:15px 0;
	}
	
	
	#shift_table_filter{
		right: 0;
		top:0 !important;
	}
	
	.dt-buttons button[type="button"]{
		margin-bottom:5px;
	}
	
.dataTables_filter {
	position: relative!important;
	width: 100%!important;
	float: left!important;
	margin-right: 8px;
	padding-top: 4px;
	right: 0;
	top: 0 !important;
}
	
.dataTables_filter input {
	width: 100% !important;
	height: 31px;
	border: #888 1px solid !important;
	padding-right: 3px !important;
	padding-right: 4px \9 !important;
	padding-left: 17px !important;
	padding-left: 4px \9 !important;
	color: #a8a8a8 !important;
	font-size: 13px;
	font-family: 'Poppins', sans-serif;
	margin-bottom: 0;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}
	
	.btn-round_small{
		margin-top:5px;
	}
	
.track_location_sec {
    width: 100%;
    height: auto;
    position: relative;
}
	
	.track_location_page .iframe_area{
		margin-left: 0;
		margin-top: -50px;
	}
	
.maptext_area {
    position: relative;
    width: 100%;
/*    min-height: 34px;*/
}
	
	.track_location .slimScrollDiv{
		height:500px !important;
	}
	
.stellarnav li li a {
    text-align: left;
    padding: 10px 15px 10px 40px;
}
	
	.logos{
		width:100%;
	}
	
	.main_logo_sec{
		display:block !important;
	}
	
.info_list {
    margin: 21px 0 21px 0;
    text-align: center;
    width: 100%;
}
	
	footer{
		width: 100%;
		padding-top: 11px;
		padding-bottom: 6px;
	}
	
	.hip-pagination{
		width:100%;
	}
	
.hip-pagination a:nth-child(1) {
	position: absolute;
	bottom: -111px!important;
	left: 9px;
	z-index: 999;
	top:0;
}
	
.hip-pagination a:nth-child(2) {
	position: absolute;
	bottom: -111px!important;
	right: 9px;
	z-index: 999;
	top:0;
}
	
.track_location_sec.trk_page {
	padding: 0;
	width: 100%;
	height: 50%;
	position: relative;
	left: 0;
	top: 0;
	bottom: 0;
	background: #fff;
	border-right: #000 1px solid;
	z-index: 99;
}
	
.track_location_page .iframe_area.trk_page {
	width: 100%;
	/* min-height: 700px; */
	padding-bottom: 40px;
	margin-left: 0;
	margin-bottom: 40px;
}
	
#livefeedleftpanel {
    min-height: auto;
}
	
.track_location_page .iframe_area {
	width: 100%!important;
	/* min-height: 700px; */
	padding-bottom: 40px;
	margin-left: 0;
	margin-bottom: 40px;
}
	
.track_location_page .vehiclefeed {
	padding-top: 20px;
}
	
	#exampleModal2 .modal-dialog{
		min-width:95%!important;
	}
	
	.inspectiontebleformet tr th{
		font-size:14px;
	}
	
	.page-link{
		padding:6px;
	}
	
	#headertop1 .modal-dialog, #headertop2 .modal-dialog, #headertop3 .modal-dialog, #headertop4 .modal-dialog {
    max-width: 100%!important;
}
	.stellarnav.light{
		padding-top:0;
		height: auto;
	}
	
	.vehiclefeed h3{
		font-size:16px;
	}
	
	.locationTrackerTable{
		overflow:scroll!important;
	}
	
	.dashboard-three{
		width:100%;
	}
	
	#draggable-move, #draggable-pointer, #draggable-crosshair {
		top: 0 !important;
		left: 6px !important;
		width: 100% !important;
	}
	
	.dashboard-three{
		position:relative;
	}
	

#helf_accordion .card .card-header a.card-link.collapsed::after {
    right: -20px;

}
	
#helf_accordion .card .card-header a.card-link::after {
    right: -19px;
}
	
.list_tab li {
	text-align: center;
	padding-left: 40px;
}
	
	.list_tab li.basic .ico_area, .list_tab li.info .ico_area, .list_tab li.zone .ico_area, .list_tab li.company .ico_area{
		margin:0 auto;
	}
	
	#zone_sec .text-right{
		text-align:center !important;
	}
	
.fuel_body_top {
    float: left;
}
	
.track_location_sec.location_tracker_lpanel {
	padding: 0;
	width: 100%;
	height: auto;
	position: relative;
	left: 0;
	top: 0;
	bottom: 0;
	background: #fff;
	border-right: #000 1px solid;
	z-index: 9;
}
	
.locationtrackerpanel {
	width: 100% !important;
	margin-left:0% !important;
}
	
	#locationTracker {
	height: 400px;
	width: 100%!important;
	padding: 10px;
}
	
	.track_location_page .locationtrackervideo{
		width:100%;
	}
	.upload-field-customized span i {
	font-size: 60px;
	color: #ccc;
	margin-top: 10px;
}
	
	.tabsection_map {

	width: 100%;

}
	
	.dataTables_info {
	 float: none; 
	padding: 0 0 10px 0;
}
	
	.company-profile-tabs li{
		width:100%;
	}
	
	.company-profile-tabs li a {
	padding: 11px 28px;
	background: #f1f1f1;
	color: #000;
	display: block;
	width: 100%;
}
	

	
	
}

/*@media only screen and (max-width: 678px) {
}*/

@media only screen and (min-width:320px) and (max-width:479px) {
	#logi_area .logi_sec .log_form h3 {
	font-size: 25px;
}
	.previw_area .previw_list{
		text-align: center;
	}
	.previw_area .previw_list li {
	width:44%;
	margin: 5px 0 5px 0;
	border: 1px solid #ccc;
		height: 87px;
		padding: 0 0 0 10px;
}
	
	.previw_area {
    width: 100%!important;
	}
	
	.previw_area .previw .previw_txt{
		top: 0;
		text-align: left;
	}
	
	.map_sec_area .map_sec {
	bottom: 97px;
	text-align: center;
		left: 80px;
}
	.map_sec_area .map_sec .map_txt {
	
	float: none;
}
	
	.incident_current_area .headline {
	
	text-align: center;
	
}.incident_current_area .headline .ico_img1 {
	
	float: none;
}
	.incident_current_area .headline .list-sort {
	
	float: none;
}
	.choose_list {
	
	text-align: center;
}
	.choose_list li {
	
	width: 100%;
	text-align: center;
}
	.choose_sec .choose_area {
	margin: 0 auto;
}
	.or_txt {
	
	padding: 5px 40px;
	
	top: 0;
}
	.drag_sec {
	width: 100%;
	height: 145px;
	
	margin-bottom: 20px;
}
	.camera_panel .nav-tabs .nav-link {
	padding: 15px 9px;
	font-size: 12px;
}
	
	a.short_by {
	padding: 14px 6px;
	font-size: 12px;
}
	
	
	.previw_area .previw {
    width: 100%;
    height: auto;
		border-right: 0;
	}
	
.map_sec1 {
    position: absolute;
/*    top: 273px;*/
    left: 23px;
    width: 176px;
    z-index: 9999;
}
	
.fuel_body_top_box {
	float: left;
	width: 100%;
}
	
.fuel_body_top_box select {
    height: 30px !important;
    width: 69%;
    display: inline !important;
}
	
	.fuel_body_top label{
		width:70px;
	}
	
	.shift_page .table_sec_area h3{
		font-size:25px;
	}
	
.input_fields_wrap .selectstates ul li {
    float: left;
    width: 50%;
	}
	
	.form_sec_area form label{
		font-size: 14px;
	}
	
	.input_fields_wrap .selectstates ul{
		padding-left: 10px;
	}
	
.dt-buttons button[type="button"] {
	padding: 6px 17px 6px 17px;
}
	
	.map_sec_area{
		height:auto!important;
	}
	
/*
	.map_sec_area.track_location_page .slimScrollDiv{
		height:auto !important;
	}
*/
	
.sec_between h3 {
    font-size: 6vw!important;
}
	
.shift_table_area .table tbody td a.btn-gray {
    font-size: 12px;
    margin-bottom: 5px;
}
	
	.btn_sec_area{
		margin-top:10px;
	}
	
#video_view_container.box_view_container_4 .blank_video_container {
    width: 100% !important;
    height: 147px !important;
}
	
.map_sec_area .map_sec2 {
	padding: 25px 25px 0 25px;
	margin-bottom: 0;
	width: 220px;
	height: auto;
	position: absolute;
	left: 56px;
	right: 0;
	bottom: 53px !important;
}
	
}


@media only screen and (min-width:480px) and (max-width:767px) {
	.map_sec_area .map_sec2 {
	padding: 0;
	margin-bottom: 0;
	width: 150px;
	height: auto;
	position: absolute;
	left: 315px;
	right: 158px;
	bottom: 6px;
}
	
	.map_sec_area .map_sec {
	padding: 0;
	width: auto;
	height: auto;
	position: absolute;
	left: 180px;
	right: auto;
	bottom: 5px;
}
	
.map_sec_area .map_sec1 {
	padding: 0;
	margin-bottom: 0;
	width: 170px;
	height: auto;
	position: absolute;
	left: 6px;
	right: 0px;
	bottom: 6px;
}
	
	.previw_area{
		width: 100%;
	}
	.previw_area .previw{border-right: 0;}
	.previw_area .previw_list {
	border-right: 0;
	text-align: center;
}
.previw_area .previw_list li {
	width: 24%;
	margin: 15px 0 5px 0;
	border: 1px solid #ccc;
	height: 87px;
	padding: 9px 0 0 10px;
}
	
	.Dispatched_Area .sec_between{
		justify-content: space-between;
	}
	
	.choose_list {
	
	text-align: center;
}
	.choose_list li {
	
	width: 100%;
	text-align: center;
}
	.choose_sec .choose_area {
	margin: 0 auto;
}
	.or_txt {
	
	padding: 5px 40px;
	
	top: 0;
}
		.drag_sec {
	width: 100%;
	height: 145px;
	
	margin-bottom: 20px;
}
	
	.btn-yell1 {
	
	padding: 6px 10px 6px 9px;
	font-size: 11px;
	
}
	

	
	
.form_sec_area form label {
    font-size: 2.8vw;
	}
	
.sec_between h3 {
    font-size: 4.5vw!important;
}
	
.input_fields_wrap .selectstates ul li {
	width: 50%;
}
	
.shift_table_area .table tbody td a.btn-gray {
    font-size: 11px;
    margin-bottom: 5px;
}
	
	.btn_sec_area{
		margin-top:10px;
	}
	
#video_view_container.box_view_container_4 .blank_video_container {
width: 48.5% !important;
height: 147px !important;
}
	
	
.cam_dropdown ul.dropdown-menu {
    left: -19px !important;
}
	
	.tracker_dash_page .map_sec_area {
    width: 100%;
    height: 2640px;
}
	
/*#draggable-move, #draggable-pointer, #draggable-crosshair {
    top: 0 !important;
    left: 15px !important;
}*/
	

	
	
}


@media only screen and (min-width:768px) and (max-width:991px) {
	
.previw_area .previw h3 {
    font-size: 1.2vw;
    color: #2c2a2a;
    margin-top: 0;
    margin-bottom: 0;
    font-family: 'Poppins', sans-serif;
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
    float: left;
    background: url(../img/number_bg.png)no-repeat 0 0;
    width: 26px;
    height: 31px;
    text-align: center;
    padding: 8px 0 0 0;
    margin-right: 5px;
}
	
.map_sec_area .map_sec::after {
	width: 15px;
	height: 15px;
	content: "\f107";
	font-family: 'FontAwesome';
	text-align: center;
	line-height: 15px;
	color: black;
	font-size: 16px;
	position: absolute;
	top: 20px;
	bottom: 0;
	right: 10px;
	margin: auto;
}
	
	.upload-field-customized span i {
	font-size: 60px;
	color: #ccc;
	margin-top: 10px;
}
	
	.upload-field-customized span {
	text-align: center;
	width: 100%;
	display: block;
	height: 119px;
	line-height: 20px;
	padding: 0;
}
	
.track_location_sec.location_tracker_lpanel {
	padding: 0;
	width: 210px;
	height: auto!important;
	/*position: relative;*/
	left: 0;
	top: 0;
	bottom: 0;
	background: #fff;
	border-right: #000 1px solid;
	z-index: 9;
}
	
	.map_sec_area.track_location_page, .map_sec_area.track_location_page.mainlocationtracker{
		height:auto;
	}
	
.locationtrackerpanel {
	/*width: 100% !important;*/
	width: calc(100% - 210px) !important;
	margin-left:0% !important;
}
	.videobox,
	.timingbottombox{
	    width:100% !important;
	}
	#locationTracker {
	height: 400px;
	width: 100%!important;
	padding: 10px;
}
	
	.track_location_page .locationtrackervideo{
		width:100%;
	}	
	
	.dataTables_filter input {
    width: 236px !important;
	}
	.stellarnav > ul > li > a {
	padding: 8px 4px;
}
	.stellarnav li a {
	font-size: 11px;
}
	.menu_area span.ico_area {
	width: 100%;
	height: 20px;
	} 	.menu_area span.ico_area img{
		width: 16px;
	}
	

	
.previw_area .previw_list {
	width: 100%;	
	text-align: center;
	display: block;
}
	.previw_area .previw_list li {
		width: 44%;
		padding: 0 0px 0 0;

}
	.list_tab li {
	padding: 22px 15px 20px 25px;
}
	
	.or_txt {
	
	padding: 0 10px;
}
	.drag_sec {
	width: 174px;
	
}
	.choose-file label {
	margin-top: 10px;
}
	#shift_table_filter, #operator_table_filter, #vehicle_table_filter, #route_table_filter, #incident_table_filter, #assist_table_filter, #beats_table_filter, #reprts_table_filter, #trucknumber_table_filter {
	width: 239px;
}
	#shift_table_filter label, #operator_table_filter label, #vehicle_table_filter label, #route_table_filter label, #incident_table_filter label, #assist_table_filter label, #beats_table_filter label, #reprts_table_filter label, #trucknumber_table_filter label {
	
	width: 100%;
}
	
	#shift_table_filter input, #operator_table_filter input, #vehicle_table_filter input, #route_table_filter input, #incident_table_filter input, #assist_table_filter input, #beats_table_filter input, #reprts_table_filter input, #trucknumber_table_filter input {
	width: 100%;
	
}
	
	.form_sec_area .color_list li {
	padding: 2px 0;
	
}
	
.input_fields_wrap .selectstates ul li {
    float: left;
    width: 33%;
	}
	
.dataTables_filter {
	position: absolute;
	width: 292px;
	float: right;
	margin-right: 8px;
	padding-top: 4px;
	right: 10px!important;
	top: -7px!important;
	/* bottom: 0; */
}
	
.location_list li a .locat_img {
	left: 0px;
}
	
.location_list li a {
    padding: 15px 30px 20px 46px;
	}
	
.previw_area .previw .ico_area {
	width: 4vw;
	height: 30px;
}
	
.previw_area .previw .ico_area img {
	width: 51%;
	padding: 8px 0 0 0;
}
	
.previw_area .previw {
	height: auto;
}
	
.dt-buttons button[type="button"] {
	padding: 6px 10px 6px 10px;
	font-size: 10px;
}
	
.shift_table_area .table tbody td {
    font-size: 1.5vw;
}
	
.form_sec_area form label {
    font-size: 1.7vw;
	}
	
	.location_list li a{
		font-size:12px;
	}
	
.location_list li a .arrow_R {
	right:-2px;
	top: 8px;
}
	
.main_content_area {
    padding-bottom: 20px;
}
	
.hip-pagination a:nth-child(1) {
	left: 22px;
}
	
.sec_between h3 {
	font-size: 2.5vw;
}
	
footer {
	width: 100%;
}
	
.shift_page .table_sec_area h3 {
	font-size: 2.5vw;
}
	
.dataTables_filter input {
	width: 100%!important;	
}
	
header .main_logo_sec {
    width: 103px;
}
	
.previw_area {
    width: 40%;
	margin-top: 0;
	padding: 0 0 0 0;
}
	

header.inner_header .previw_area {
    margin-top: 0;
}
	
.previw_area .previw p {
    font-size: 7px;
	padding: 9px 0 0 0;
}
	
	.btn_sec_area{
		margin-top:10px;
	}
	
#video_view_container.box_view_container_4 .blank_video_container {
width: 48.5% !important;
height: 225px !important;
}
	
.cam_dropdown ul.dropdown-menu {
    left: -19px !important;
}
	
		
.info_list li.only_main_dashboard {
    position: absolute;
    bottom: 36px;
    right: 8px;
}
	
	.info_list li.only_main_dashboard button{		
		font-size: 8px;
		padding: 3px 3px 3px 3px!important;
	}
	
	.info_list{
		margin-top:18px;
	}
	
.dashboardlocationtracker {
    width: 100%;
} 
	
	.track_location_page .iframe_area {
		margin-left: 22.5%;
		margin-bottom: 40px;
	}
	.locationrightpanel {
		width: 78% !important;
	}
	
	.tracker_dash_page .map_sec_area {
    width: 100%;
    height: 2500px;
}
	
.map_sec_area .map_sec2 {
	padding: 0;
	margin-bottom: 0;
	width: 170px;
	height: auto;
	position: absolute;
	left: 315px;
	right: 158px;
	bottom: 6px;
}
	
	.map_sec_area .map_sec {
	padding: 0;
	width: auto;
	height: auto;
	position: absolute;
	left: 180px;
	right: auto;
	bottom: 5px;
}
	
.map_sec_area .map_sec1 {
	padding: 0;
	margin-bottom: 0;
	width: 170px;
	height: auto;
	position: absolute;
	left: 6px;
	right: 0px;
	bottom: 6px;
}
	
.colo_list li .Choose {
		margin-left: 0;
	margin-top: 5px;
}
	
.dashboardmapheight.track_location_page .iframe_area {
    margin-left: 0 !important;
    margin-bottom: -20px;
}
	
	.fixed-top .sec_between{
		justify-content: left;
	}
	
.info_list li a {
    display: block;
    padding: 0 1px;
}
	
.dashboard-three{
	z-index:999;
}
	
.inci_list_panel .headline{
	float:left !important;
	margin: 0;
	}
	
.inci_list_panel {
    list-style: none;
    position: fixed;
    bottom: 120px;
    left: 110px;
    display: block;
    z-index: 9999;
    width: 83%;
    height: 423px;
    background: #fff;
    padding: 15px 0 0 0;
    -webkit-box-shadow: 0px -3px 12px -3px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px -3px 12px -3px rgba(0,0,0,0.75);
    box-shadow: 0px -3px 12px -8px rgba(0,0,0,0.75);
}
	
	.incideldashtable{
		height:300px !important;
	}
	
	.incident_list > .slimScrollDiv{
		height:300px !important;
	}
	
header {
    background: none;
    padding-top: 0;
    padding-bottom: 0;
}
	
header.inner_header .info_list {
    padding: 0;
    margin: 15px 13px 12px 59px;
    list-style: none;
}
	
#frm-incident-form span {
    font-size: 9px;
}
	

.toggle-label {
    width: 137px;
}
	
.toggle-label input[type=checkbox]+.back .toggle {
    width: 45%;
}
	
.modal-dialog {
    max-width: 80% !important;
    margin: 100px 0 0 120px;
}
	
.btn_list {
    padding: 0;
    margin: 12px 30px 0 0;
    list-style: none;
}
	
/*.track_location_sec.location_tracker_lpanel {*/
/*    padding: 0;*/
/*    width: 49%;*/
/*    height: auto!important;*/
/*    position: relative;*/
/*    left: 0 !important;*/
/*    top: 0;*/
/*    bottom: 0;*/
/*    background: #fff;*/
/*    border-right: #000 1px solid;*/
/*    z-index: 9;*/
/*    display: inline-block;*/
/*}*/
	
.location_tracker_lpanel .slimScrollDiv{
	height:200px !important;
}
	
.list_area.location___trackerlist{
	height:200px !important;
}
	
	
.iframe_area.location-tracker-replay {
    margin-left: 0 !important;
}
	
.timingbottombox {
    width: 100%;
    background: #313131;
    padding: 15px;
    margin: 30px 0 80px 0;
}

.remote-play-list {
    list-style: none;
    padding: 0;
}
	
#rtipReplay button.gm-fullscreen-control {
    border: 0px!important;
    margin: 10px!important;
    padding: 0px!important;
    text-transform: none!important;
    appearance: none!important;
    position: absolute!important;
    cursor: pointer!important;
    user-select: none!important;
    border-radius: 2px!important;
    height: 35px!important;
    width: 35px!important;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px!important;
    overflow: hidden!important;
    right: 57px!important;
    top: 204px!important;
    background: #000!important;
}
	
.vehicle-feed button.gm-fullscreen-control {
    top: 259px!important;
}
	
.vehicle_tracker_dropdown .gmnoprint > div[draggable="false"] {
    bottom: 128px;
}
	
#besic_info {
    margin-top: 7.2vh;
}
	
.map_sec_area.track_location_page iframe {
    height: 195px !important;
}
	
#rtipReplay .gmnoprint > div[draggable="false"] {
    bottom: 435px;
}
	
.vehicle-feed .gmnoprint > div[draggable="false"] {
    bottom: 216px;
}
	
}

/********************@media only screen and (min-width:1024px) and (max-width:1200px)********************/


@media (min-width:992px) and (max-width:1257px) {
	
#dashboardMap .gmnoprint > div[draggable="false"] {
    width: 35px !important;
    /* height: 40px !important; */
    left: -32px !important;
    position: relative;
    bottom: 167px;
    background: #000 !important;
    color: #fff !important;
    font-size: 20px;
}
	
/*.track_location_sec.location_tracker_lpanel {*/
/*    padding: 0;*/
/*    width: 49%;*/
/*    height: auto!important;*/
/*    position: relative;*/
/*    left: 0 !important;*/
/*    top: 0;*/
/*    bottom: 0;*/
/*    background: #fff;*/
/*    border-right: #000 1px solid;*/
/*    z-index: 9;*/
/*    display: inline-block;*/
/*}*/
	
.location_tracker_lpanel .slimScrollDiv{
	height:200px !important;
}
	
.list_area.location___trackerlist{
	height:200px !important;
}
	
.iframe_area.location-tracker-replay {
    margin-left: 0px !important;
    /*width: 100% !important;*/
    width:calc(100% - 118px) !important;
}
	
.location-tracker-replay .container-fluid .row .col-lg-8{
	max-width:100% !important;
	flex: auto;
}
	
.map_sec_area.track_location_page .videobox iframe {
    height: 446px !important;
}
	
.mainlocationtracker{
	height:auto !important;
}
	
.timingbottombox {
    width: 100%;
}
	
.map_sec_area.track_location_page iframe {
    height: 195px !important;
}
	
header.inner_header .previw_area {
    margin-top: 0;
}
	
.fixed-top .sec_between {
    justify-content: left;
}
	
.stellarnav > ul > li > a {
	padding: 12px !important;
}
	.Trip_replay_page .Trip_left #Trip_accordion .card .card-header a {font-size:13px;}
	
	.btn-round-normal{font-size:15px;}

.previw_area .previw_list {
    width: 100%;
    text-align: center;
    display: block;
}
	
	
.previw_area .previw_list li {
    width: 44%;
    padding: 0 0px 0 0;
}
	.previw_area .previw {
	width: 100%;
	height: auto;
	
}
	.previw_area .previw .ico_area {
	width: 58px;
	height: 58px;
	line-height: 56px;
}
	.previw_area .previw h3 {
	font-size: 18px;
}
	.previw_area .previw p {
	font-size: 10px;
}
	.stellarnav > ul > li > a {
	padding: 14px 7px;
}
	.or_txt {
	
	padding: 0 15px;
	
}
	.drag_sec {
	width: 297px;
	
}
	.left_panel .camera_list a, .left_panel label {
	font-size: 10px;
}
	
	
.dataTables_filter {
    position: absolute;
    width: 232px;
    float: right;
    margin-right: 8px;
    padding-top: 4px;
    right: 74px;
    top: -9px!important;
}
	
.shift_table_area .table tbody td {
    font-size: 1.3vw;
	}
	
.form_sec_area form label {
    font-size: 1.4vw;
	}
	
.dataTables_filter {
	right: 74px !important;
}
	
.sec_between h3 {
	font-size: 2vw;
}
	
.location_list li a .arrow_R {
	right: 5px;
}

.shift_page .table_sec_area h3 {
	font-size: 2vw;
}
	
	.custom-search-input .search-query{
		width:120px;
	}
	
	.custom-search-input button{
		position:relative;
		top: 5px !important;
	}
	
#video_view_container.box_view_container_4 .blank_video_container {
    width: 32.1% !important;
   height: 224px !important;
}
	
.previw_area .previw_list li {
    width: 44%;
    padding: 0 0px 0 0;
}
	
.info_list li.only_main_dashboard {
    position: absolute;
    bottom: 32px;
    right: 13px;
}
	
	.info_list li.only_main_dashboard button{
		padding: 3px 10px;
		font-size: 10px;
	}
	
	.info_list{
		margin-top:18px;
	}
	
	.track_location_sec {
		padding: 0;
		width: 19.5%;
	}
	
	#resizable0{
		max-width: 367px !important;
		max-height: 922px !important;
	}
	
.track_location_page .iframe_area {
    margin-left: 0;
}
	
	.dashboardlocationtracker{
		width:100%;
	}
	
	.track_location_page .vehiclefeed{
		width:94%;
	}
	
	.menu_area > .slimScrollDiv{
		height:95vh!important;
	}
	
.previw_area {
    width: 48%;
    height: auto;
    margin-bottom: 0;
    margin-top: 0;
    position: relative;
    padding: 0 5px 0 16px;
}
	
.dashboard-three {
    z-index: 999;
}
	
.inci_list_panel {
    list-style: none;
    position: fixed;
    bottom: 100px;
    left: 110px;
    display: block;
    z-index: 9999;
    width: 87%;
    height: 383px;
    background: #fff;
    padding: 15px 0 0 0;
    -webkit-box-shadow: 0px -3px 12px -3px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px -3px 12px -3px rgba(0,0,0,0.75);
    box-shadow: 0px -3px 12px -8px rgba(0,0,0,0.75);
}
	
	.incident_list > .slimScrollDiv{
		height:300px !important;
	}
	
	.incideldashtable{
		height:300px !important;
	}
	
header {
    background: none;
    padding-top: 0;
    padding-bottom: 0;
}
	
.modal-dialog {
    max-width: 70% !important;
    margin: 100px auto;
}
	
header.inner_header{
	background-color:#ebebea !important;
	background:none;
}
	
#rtipReplay button.gm-fullscreen-control {
    border: 0px!important;
    margin: 10px!important;
    padding: 0px!important;
    text-transform: none!important;
    appearance: none!important;
    position: absolute!important;
    cursor: pointer!important;
    user-select: none!important;
    border-radius: 2px!important;
    height: 35px!important;
    width: 35px!important;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px!important;
    overflow: hidden!important;
    right: 57px!important;
    top: 283px!important;
    background: #000!important;
}
	

	

#rtipReplay .gmnoprint > div[draggable="false"] {
    width: 35px !important;
    /* height: 40px !important; */
    left: -32px !important;
    position: relative;
    bottom: 480px;
    background: #000 !important;
    color: #fff !important;
    font-size: 20px;
}
}

@media (min-width:1200px) and (max-width:1300px) {
	.vehiclefeed h3 {
	font-size: 14px;
}
	.vehicleLatestFeed h3, .wazeContentArea h3 {
	font-size: 14px;
}
	
.map_sec_area.track_location_page iframe {
    height: 195px !important;
}	

	
}


	
/********************@media only screen and (min-width:1921px)********************/
@media (min-width:1921px) and (max-width:2700px) {/*
	.stellarnav > ul > li > a {
	padding: 20px 5px;
		word-break: break-all;

	
}
	.stellarnav li a{
		font-size: .8vw;	
	}
	.Dispatched_Area .table thead th, .Dispatched_Area .table tbody td, .btn-white, .btn-yell, .incident_current_area .headline .list-sort li a, .incident_current_area .table thead th, .incident_current_area .table tbody td{
		font-size: .8vw;
	}
	
	.incident_current_area .headline .ico_img1 {
    width: 2vw;
    height: 4vh;
	}
	.Dispatched_Area .headline .ico_img {
    width: 2vw;
    height: 4vh;
		text-align: center;
		line-height: 3vh;
	}
	.Dispatched_Area .headline .ico_img img{
		width: 90%;
	}
	
	.maptext label, .form-maptext, .form-goview, .form-goview{
		font-size: .7vw;
	}
	.cardetails_box {
    height: auto;
	}
	.map_sec_area .map_sec1 {
    width: 16.5vw;
	}
	
	.maptext {
    width: 100%;
	}
	
	.vehiclefeed h3 {
    font-size: 1.33vw;
		
	}
	.form-cam {
    width: 10vw;
    height: auto;
    padding: 10px;
    font-size: 1vw;
    margin-bottom: 18px;
}
	.form-maptext {
    height: 100px;
	}
	
	.menu_area {
    width: 600px;
		    top: 7vh;
	}
	.stellarnav {
  
    width: 200px;
	}
	
	.stellarnav ul ul {
    width: 400px;
	}
	.main_content_area {
    margin-left: 220px;
	}
	
	.info_list li a{
		font-size: .8vw;
	}
	
	.info_list li a > img{
		width: 1.2vw;
		
	}
	
	
	.arrow_sec:after{
	font-size: .9vw;
	right: 30px;
}
	#besic_info {
    margin-top: 7vh;
}
	header .main_logo_sec img{
		    width: 12vw;
	}
	
	a.hamburger_area {
    padding: 3.3vh .7vw;
}
	
	.pro-drop {
    width: 16vw;
}
	.notification_area .noti-body ul li p, .notification_area .noti-body ul li p strong, .my-acc h3, .my-acc p {
    font-size: .8vw;
}
	.notification_area .noti-body ul li p strong a {
    font-size: .8vw;
	}
	.form-goview {
    width: auto;
    height: 100px;
	}
	.goview_btn a {
    padding: 0.5vw;
    font-size: .8vw;
	}
#nav-icon3 {
    width: 85px;
    height: 80px;
    font-size: .9vw;
    text-align: center;
	}
	
	.goview_btn {
    margin-top: 5.5vh;
	}
	.noti-head {
    font-size: .8vw;
}
	
	.form_sec_area form label{
		font-size: .9vw;
	}
	
	.shift_table_area .table thead th{
		font-size: .9vw;
	}
	.shift_table_area .table tbody td{
		font-size: .8vw;
	}
	
	.shift_page .table_sec_area h3 {
    font-size: 1.4vw;
	}
	
	.menu_area.open {
    left: -235px;
}
	input[type=checkbox], input[type=radio] {
    width: 30px;
    height: 30px;
}
	.btn-round_small {
   padding: 14px 25px;
    font-size: .8vw;
	}
	
	
	.btn-round_small .btn-img {
    width: 1.5vw;
	}
	.btn-gray {
    padding: 8px 24px;
    font-size: .9vw;
	}
	.Trip_replay_page .Trip_left .head h3 {
    font-size: 1.2vw;
	}
	
	#shift_table_filter, #operator_table_filter, #vehicle_table_filter, #route_table_filter, #incident_table_filter, #assist_table_filter, #beats_table_filter, #reprts_table_filter, #trucknumber_table_filter {
   position: absolute;
    width: 500px;
    right: 16vw;
    top: -100px;
}
	
	#shift_table_filter input, #operator_table_filter input, #vehicle_table_filter input, #route_table_filter input, #incident_table_filter input, #assist_table_filter input, #beats_table_filter input, #reprts_table_filter input, #trucknumber_table_filter input {
    width: 500px;
    height: 66px;
    font-size: .7vw;
		 border: #ddd 2px solid;
		
}
	#shift_table_filter label:after, #operator_table_filter label:after, #vehicle_table_filter label:after, #route_table_filter label:after, #incident_table_filter label:after, #assist_table_filter label:after, #beats_table_filter label:after, #reprts_table_filter label:after, #trucknumber_table_filter label:after {
    width: 1.5vw;
    height: 1.5vw;
    
    background-size: 30px;
}
	.btn_list {
    margin: 3px 0 8px 0;
	}
	label {
    font-size: .7vw;
}
	.fuel_body_top_box input.hasDatepicker, .fuel_body_top_box select {
    height: 75px!important;
    width: 69%;
    display: inline!important;
    border: #ddd 2px solid;
}
	.fuel_body_top_box {
    width: 14vw;
}
	footer p {
    font-size: .9vw;
	}
	
	.btn-round-normal {
    -webkit-border-radius: 46px;
    -moz-border-radius: 46px;
    border-radius: 46px;
    border: #fad122 1px solid;
    padding: 10px 25px;
    font-size: .9vw;
	}
	
	.form-control, select.form-control {
    height: 85px;
    padding: 10px 20px;
    font-size: .79vw;
    border: 2px solid #d9d9d9;
    border-radius: 40px;
}
	
	select.form-control:not([size]):not([multiple]) {
    height: 85px;
}
	.form-group p{
		font-size: .82vw;
	}
	
	.modal-title {
    font-size: .7vw;
}
	.view_area .nav-tabs .nav-link {
    font-size: .7vw;
}
	
	.modal table td, .modal table th {
    font-size: .7vw;
}
	
	.Operator_Time .fuel_body_top_box #datepicker2, .Operator_Time .fuel_body_top_box input.hasDatepicker, .Operator_Time .fuel_body_top_box select {
    height: 80px!important;
    width: 100%;
    display: inline!important;
    border-radius: 30px;
    border: 2px solid #d9d9d9;
    padding: 0 10px;
    font-size: .79vw;
}
	.location_list li a {
		    padding: 15px 30px 20px 2.8vw;
    font-size: .8vw;
	}
		
	.location_list li a .locat_img {
    width: 1.5vw;
    height: 1.5vw;
	}
		
	.location_list li a .locat_img img{
		width: 100%;
	}
	
*/}
	


/********************@media only screen and (min-width:1201px)********************/


@media only screen and (min-width:1921px) and (max-width:2999px) {
.singlewindow {
    min-height: calc(700px + 125px) !important;
}
.fourewindow {
    height: 540px;
}
.videobox .fourewindow iframe {
    height: calc(100% - 136px) !important;
}
.header-notofy-area {
    position: absolute;
    right: -45PX;
    top: -17px;
    background: #fad122;
    width: 18px!important;
    height: 18px!important;
    border-radius: 50%;
    text-align: center;
    padding: 1px 0 0 0;
    color: #000;
    line-height: 8px;
    font-size: 12px!important;
    left: auto;
}
.stellarnav ul li a img.tabicon_svg, .stellarnav ul li a img.tabicon_svg_hover {
    width: 25%!important;
}
.stellarnav li a {
font-size: 12px!important;
}

	.stellarnav > ul > li > a {
	padding: 12px 5px;
		word-break: break-all;

	
}
	.stellarnav li a{
		font-size: 0.9vw;	
	}
	.Dispatched_Area .table thead th, .Dispatched_Area .table tbody td, .btn-white, .btn-yell, .incident_current_area .headline .list-sort li a, .incident_current_area .table thead th, .incident_current_area .table tbody td{
		font-size: .8vw;
	}
	
	.incident_current_area .headline .ico_img1 {
    width: 2vw;
    height: 4vh;
	}
	.Dispatched_Area .headline .ico_img {
    width: 2vw;
    height: 4vh;
		text-align: center;
		line-height: 3vh;
	}
	.Dispatched_Area .headline .ico_img img{
		width: 90%;
	}
	
	.maptext label, .form-maptext, .form-goview, .form-goview {
	font-size: 15px;
}
	.cardetails_box {
    height: auto;
	}
.map_sec_area .map_sec1 {
	padding: 0;
	width: 197px !important;
	height: auto;
	position: absolute;
	left: 144px;
	right: auto;
	top: 10px;
	/* box-shadow: 0px 2px 2px #ccc; */
}
	
	.maptext {
    width: 100%;
	}
	
	.vehiclefeed h3 {
    font-size: 20px;
		
	}
	.form-cam {
    width: 5vw;
    height: auto;
    padding: 10px;
    font-size: 0.6vw;
    margin-bottom: 18px;
}
	.form-maptext {
    height: 40px;
	}
	
.menu_area {
    width: 1000px;
    top: 68px;
}
	.stellarnav {
  
    width: 140px;
	}
	
	.stellarnav ul ul {
    width: 240px;
	}
	.main_content_area {
    margin-left: 140px;
	/*padding-bottom: 7.4vh;*/
	}
	
	.info_list li a{
		font-size: .8vw;
	}
	
	.info_list li a > img{
		width: auto;
		
	}
	
	.header-notofy-area {
    position: absolute;
    right: 0;
    top: 4px;
	}
	
	
	.arrow_sec:after{
	font-size: .9vw;
	right: 30px;
		bottom: 0;
position: absolute;
}
	#besic_info {
    /*margin-top: 90px;*/
}
	header .main_logo_sec img{
		    width: 12vw;
	}
	
a.hamburger_area {
    padding: 27px 63px;
}
	
	.pro-drop {
    width: 16vw;
}
	.notification_area .noti-body ul li p, .notification_area .noti-body ul li p strong, .my-acc h3, .my-acc p {
    font-size: .8vw;
}
	.notification_area .noti-body ul li p strong a {
    font-size: .8vw;
	}
.form-goview {
    width: 173px;
    height: 40px;
}
	.goview_btn a {
    padding: 0.5vw;
    font-size: .8vw;
	}
#nav-icon3 {
    width: 85px;
    height: 80px;
    font-size: .9vw;
    text-align: center;
	}
	
	.goview_btn {
    margin-top: 0;
	}
	.noti-head {
    font-size: .8vw;
}
	
	.form_sec_area form label{
		font-size: 1vw;
	}
	
	.shift_table_area .table thead th{
		font-size: 1.1vw;
	}
	.shift_table_area .table tbody td{
		font-size: 0.9vw;
	}
	
	.shift_page .table_sec_area h3 {
    font-size: 1.4vw;
	}
	
	.menu_area.open {
    left: -235px;
}
	input[type=checkbox], input[type=radio] {
    width: 20px;
    height: 20px;
		vertical-align: top;
}
	.btn-round_small {
   padding: 14px 25px;
    font-size: .8vw;
	}
	
	
	.btn-round_small .btn-img {
    width: 1.5vw;
	}
	.btn-gray {
    padding: 8px 24px;
    font-size: .9vw;
	}
	.Trip_replay_page .Trip_left .head h3 {
    font-size: 1.2vw;
	}
	
	.btn_list {
    margin: 3px 30px 8px 0;
	}
	label {
    font-size: .9vw;
}
	.fuel_body_top_box input.hasDatepicker, .fuel_body_top_box select {
    height: 42px!important;
    width: 66%;
    display: inline!important;
    border: #ddd 2px solid;
}
	.fuel_body_top_box {
    width: 14vw;
}
	footer p {
    font-size: .9vw;
	}
	
	.btn-round-normal {
    -webkit-border-radius: 46px;
    -moz-border-radius: 46px;
    border-radius: 46px;
    border: #fad122 1px solid;
    padding: 10px 25px;
    font-size: .7vw;
	}
	
	.form-control, select.form-control {
    height: 60px;
    padding: 10px 20px;
    font-size: .9vw;
    border: 2px solid #d9d9d9;
    border-radius: 40px;
}
	
	select.form-control:not([size]):not([multiple]) {
    height: 60px;
}
	.form-group p{
		font-size: .82vw;
	}
	
	.modal-title {
    font-size: 1vw;
}
	.view_area .nav-tabs .nav-link {
    font-size: 1.2vw;
}
	
	.modal table td, .modal table th {
    font-size: 1.2vw;
}
	
	.Operator_Time .fuel_body_top_box #datepicker2, .Operator_Time .fuel_body_top_box input.hasDatepicker, .Operator_Time .fuel_body_top_box select {
    height: 43px!important;
    width: 100%;
    display: inline!important;
    border-radius: 30px;
    border: 2px solid #d9d9d9;
    padding: 0 10px;
    font-size: .79vw;
}
	.location_list li a {
		   /*padding: 5px 30px 5px 2.8vw;*/
/*font-size: .8vw;*/
	}

	.deviceidboxpanel_bottom span{
		padding: 0;
		margin: 0;
		display: block;
		color: #000;
		font-size: 14px;
		line-height: 27px;
}
	.location_list li a .locat_img {
    width: 1.5vw;
    height: 1.5vw;
	}
		
	.location_list li a .locat_img img{
		width: 100%;
	}
	
	
	#shift_table_filter, #operator_table_filter, #vehicle_table_filter, #route_table_filter, #incident_table_filter, #assist_table_filter, #beats_table_filter, #reprts_table_filter, #trucknumber_table_filter {
   position: absolute;
    width: 500px;
        right: 22vw;
    top: -95px;
}
	
	#shift_table_filter input, #operator_table_filter input, #vehicle_table_filter input, #route_table_filter input, #incident_table_filter input, #assist_table_filter input, #beats_table_filter input, #reprts_table_filter input, #trucknumber_table_filter input {
    width: 500px;
    height: 66px;
    font-size: .7vw;
		 border: #ddd 2px solid;
		
}
	#shift_table_filter label:after, #operator_table_filter label:after, #vehicle_table_filter label:after, #route_table_filter label:after, #incident_table_filter label:after, #assist_table_filter label:after, #beats_table_filter label:after, #reprts_table_filter label:after, #trucknumber_table_filter label:after {
    width: 1.5vw;
    height: 1.5vw;
    
    background-size: 30px;
}
.Operator_Time .fuel_body_top_box {
	width: 176px;
	height: 57px;
	padding-right: 7px;
}
	.btn-accept, .btn-deny{
		font-size: .9vw;
	}
	
	.modal-body p{
		font-size: .9vw;
	}
	
	.inspectiontebleformet tr th, .inspectiontebleformet tr td{
		font-size: .9vw;
	}
	.inspectiontebleformet .upload-field-customized span {
    
    font-size: .9vw;
}
	.questions_area .questions_list li {
    font-size: 1vw;
	}
	.custom-search-input .search-query {
    width: 500px;
    height: 60px;
	}
	.custom-search-input button {
    margin-top: 11px;
    right: 15px;
	}
	.custom-search-input button img{
		width: .6vw;
	}
	.truck_table_area .table thead th, .truck_table_area .table tbody td {
    font-size: .9vw;
	}
	
	.btn-view{
		font-size: .8vw;
	}
	.track_location_page .table thead th, .track_location_page .table tbody td{
		font-size: .9vw;
		padding-left: 10px;
	}
	.track_location_page .vehiclefeed .form-cam {
    height: 41px;
}
	.btn-yell1, .inline_btn_area2 p, .inline_btn_area .btn{
		font-size: .9vw;
	}
	.form_sec_area .with_txt1 .custom-search-input .search-query {
    height: 60px;
    font-size: .9vw;
		border: #e9e9e9 2px solid;
}
	.form_sec_area .with_txt1 .custom-search-input .search-query img{
		width: .9vw;
    margin-top: 9px;
    margin-right: 7px;
		    
	}
	#besic_info .shift_table_area h4 {
    font-size: .9vw;
	}
	.beat_zone_tab .nav-tabs .nav-link{
		font-size: .9vw;
	}
	
	.beat_zone_map iframe {
    height: 70vh;
}
	.custom-search-input .search-query {
    font-size: .8vw;
	}
	.camera_panel .screen_view_area .nav-tabs .nav-link img{
		width: 1.8vw;
	}
	.left_panel .search_area .custom-search-input .search-query {
    height: 60px;
}
	
	.setrule_tab{
		font-size: 0.9vw;
	}
	
	.setrule_tab p{
		font-size: 1vw;
	}
	
	.setrule_tab span{
		font-size: 0.9vw;
	}
	
	.setrule_tab label{
		font-size: 1vw!important;
	}
	
	
}  
@media only screen and (min-width:3000px) and (max-width:4999px) {
    .fourewindow {
    height: 600px;
}
.singlewindow {
    min-height: calc(1500px + 125px) !important;
}
	.stellarnav > ul > li > a {
	padding: 20px 5px;
		word-break: break-all;

	
}
	.stellarnav li a{
		font-size: .8vw;	
	}
	.Dispatched_Area .table thead th, .Dispatched_Area .table tbody td, .btn-white, .btn-yell, .incident_current_area .headline .list-sort li a, .incident_current_area .table thead th, .incident_current_area .table tbody td{
		font-size: .8vw;
	}
	
	.incident_current_area .headline .ico_img1 {
    width: 2vw;
    height: 4vh;
	}
	.Dispatched_Area .headline .ico_img {
    width: 2vw;
    height: 4vh;
		text-align: center;
		line-height: 3vh;
	}
	.Dispatched_Area .headline .ico_img img{
		width: 90%;
	}
	
	.maptext label, .form-maptext, .form-goview, .form-goview{
		font-size: .7vw;
	}
	.cardetails_box {
    height: auto;
	}
	.map_sec_area .map_sec1 {
    width: 16.5vw;
	}
	
	.maptext {
    width: 100%;
	}
	
	.vehiclefeed h3 {
    font-size: 1.33vw;
		
	}
	.form-cam {
    width: 10vw;
    height: auto;
    padding: 10px;
    font-size: 1vw;
    margin-bottom: 18px;
}
	.form-maptext {
    height: 100px;
	}
	
	.menu_area {
    width: 600px;
		    top: 7vh;
	}
	.stellarnav {
  
    width: 200px;
	}
	
	.stellarnav ul ul {
    width: 400px;
	}
	.main_content_area {
    margin-left: 200px;
	}
	
	.info_list li a{
		font-size: .8vw;
	}
	
	.info_list li a > img{
		width: 1.2vw;
		
	}
	
	
	.arrow_sec:after{
	font-size: .9vw;
	right: 30px;
}
	#besic_info {
    /*margin-top: 7vh;*/
    padding-top: 7vh;
}
	header .main_logo_sec img{
		    width: 12vw;
	}
	
	a.hamburger_area {
    /*padding: 3.3vh .7vw;*/
    padding:3.3vh 94px;
}
	
	.pro-drop {
    width: 16vw;
}
	.notification_area .noti-body ul li p, .notification_area .noti-body ul li p strong, .my-acc h3, .my-acc p {
    font-size: .8vw;
}
	.notification_area .noti-body ul li p strong a {
    font-size: .8vw;
	}
	.form-goview {
    width: auto;
    height: 100px;
	}
	.goview_btn a {
    padding: 0.5vw;
    font-size: .8vw;
	}
#nav-icon3 {
    width: 85px;
    height: 80px;
    font-size: .9vw;
    text-align: center;
	}
	
	.goview_btn {
    margin-top: 5.5vh;
	}
	.noti-head {
    font-size: .8vw;
}
	
	.form_sec_area form label{
		font-size: .9vw;
	}
	
	.shift_table_area .table thead th{
		font-size: .9vw;
	}
	.shift_table_area .table tbody td{
		font-size: 1vw;
	}
	
	.shift_page .table_sec_area h3 {
    font-size: 1.4vw;
	}
	
	.menu_area.open {
    left: -235px;
}
	input[type=checkbox], input[type=radio] {
    width: 30px;
    height: 30px;
}
	.btn-round_small {
   padding: 14px 25px;
    font-size: .8vw;
	}
.videotracker_page	.form-check-input {
    margin-top: 0.7rem;
    margin-left: -2.25rem;
}
	.header_form_area .select_area .form-control{
	    height:50px;
	}
	.btn-round_small .btn-img {
    width: 1.5vw;
	}
	.btn-gray {
    padding: 8px 24px;
    font-size: .9vw;
	}
	.Trip_replay_page .Trip_left .head h3 {
    font-size: 1.2vw;
	}
	
	.btn_list {
    margin: 3px 0 8px 0;
	}
	label {
    font-size: .7vw;
}
	.fuel_body_top_box input.hasDatepicker, .fuel_body_top_box select {
    height: 60px!important;
    width: 69%;
    display: inline!important;
    border: #ddd 2px solid;
}
	.fuel_body_top_box {
    width: 14vw;
}
	footer p {
    font-size: .9vw;
	}
	
	.btn-round-normal {
    -webkit-border-radius: 46px;
    -moz-border-radius: 46px;
    border-radius: 46px;
    border: #fad122 1px solid;
    padding: 10px 25px;
    font-size: .9vw;
	}
	
	.form-control, select.form-control {
    height: 85px;
    padding: 10px 20px;
    font-size: .9vw;
    border: 2px solid #d9d9d9;
    border-radius: 40px;
}
	
	select.form-control:not([size]):not([multiple]) {
    height: 85px;
}
	.form-group p{
		font-size: .82vw;
	}
	
	.modal-title {
    font-size: .7vw;
}
	.view_area .nav-tabs .nav-link {
    font-size: .7vw;
}
	
	.modal table td, .modal table th {
    font-size: .7vw;
}
	
	.Operator_Time .fuel_body_top_box #datepicker2, .Operator_Time .fuel_body_top_box input.hasDatepicker, .Operator_Time .fuel_body_top_box select {
    height: 60px!important;
    width: 100%;
    display: inline!important;
    border-radius: 30px;
    border: 2px solid #d9d9d9;
    padding: 0 10px;
    font-size: .79vw;
}
	.location_list li a {
		    padding: 5px 15px 5px 70px;
    /*font-size: .8vw;*/
	}
	.fourewindow {
        height: 770px;
    }
    .singlewindow {
        min-height: calc(820px + 125px);
    }
	.location_list li a .locat_img {
    width: 1.5vw;
    height: 1.5vw;
	}
		
	.location_list li a .locat_img img{
		width: 100%;
	}
	#shift_table_filter, #operator_table_filter, #vehicle_table_filter, #route_table_filter, #incident_table_filter, #assist_table_filter, #beats_table_filter, #reprts_table_filter, #trucknumber_table_filter {
   position: absolute;
    width: 500px;
    right: 18vw;
    top: -100px;
}
	
	#shift_table_filter input, #operator_table_filter input, #vehicle_table_filter input, #route_table_filter input, #incident_table_filter input, #assist_table_filter input, #beats_table_filter input, #reprts_table_filter input, #trucknumber_table_filter input {
    width: 500px;
    height: 66px;
    font-size: .7vw;
		 border: #ddd 2px solid;
		
}
	#shift_table_filter label:after, #operator_table_filter label:after, #vehicle_table_filter label:after, #route_table_filter label:after, #incident_table_filter label:after, #assist_table_filter label:after, #beats_table_filter label:after, #reprts_table_filter label:after, #trucknumber_table_filter label:after {
    width: 1.5vw;
    height: 1.5vw;
    
    background-size: 30px;
}
	.Operator_Time .fuel_body_top_box {
    width: 306px;
    padding-right: 7px;
}
	.btn-accept, .btn-deny{
		font-size: .9vw;
	}
	.modal-body p{
		font-size: .9vw;
	}
	
	.inspectiontebleformet tr th, .inspectiontebleformet tr td{
		font-size: .9vw;
	}
	.inspectiontebleformet .upload-field-customized span {
    
    font-size: .9vw;
}
	.questions_area .questions_list li {
    font-size: 1vw;
	}
	.custom-search-input .search-query {
    width: 500px;
    height: 60px;
	}
	.custom-search-input button {
    margin-top: 5px;
    right: 15px;
	}
	.custom-search-input button img{
		width: .6vw;
	}
	.truck_table_area .table thead th, .truck_table_area .table tbody td {
    font-size: .9vw;
	}
	
	.btn-view{
		font-size: .8vw;
	}
	.track_location_page .table thead th, .track_location_page .table tbody td{
		font-size: .9vw;
	}
	
	.track_location_page .vehiclefeed .form-cam {
    height: 80px;
}
	.btn-yell1, .inline_btn_area2 p, .inline_btn_area .btn{
		font-size: .9vw;
	}
	
	.form_sec_area .with_txt1 .custom-search-input .search-query {
    height: 80px;
    font-size: .9vw;
		border: #e9e9e9 2px solid;
}
	.form_sec_area .with_txt1 .custom-search-input .search-query img{
		width: .9vw;
    margin-top: 9px;
    margin-right: 7px;
		   
	}
	#besic_info .shift_table_area h4 {
    font-size: .9vw;
	}
	.beat_zone_tab .nav-tabs .nav-link{
		font-size: .9vw;
	}
	.beat_zone_map iframe {
    height: 70vh;
}
	.custom-search-input .search-query {
    font-size: .8vw;
	}
	.camera_panel .screen_view_area .nav-tabs .nav-link img{
		width: 1.8vw;
	}
	.left_panel .search_area .custom-search-input .search-query {
    height: 60px;
}

	
} 
@media only screen and (min-width:5000px) and (max-width:7999px) {
	.stellarnav > ul > li > a {
	padding: 20px 5px;
		word-break: break-all;

	
}
	.stellarnav li a{
		font-size: .8vw;	
	}
	.Dispatched_Area .table thead th, .Dispatched_Area .table tbody td, .btn-white, .btn-yell, .incident_current_area .headline .list-sort li a, .incident_current_area .table thead th, .incident_current_area .table tbody td{
		font-size: .8vw;
	}
	
	.incident_current_area .headline .ico_img1 {
    width: 2vw;
    height: 4vh;
	}
	.Dispatched_Area .headline .ico_img {
    width: 2vw;
    height: 4vh;
		text-align: center;
		line-height: 3vh;
	}
	.Dispatched_Area .headline .ico_img img{
		width: 90%;
	}
	
	.maptext label, .form-maptext, .form-goview, .form-goview{
		font-size: .7vw;
	}
	.cardetails_box {
    height: auto;
	}
	.map_sec_area .map_sec1 {
    width: 16.5vw;
	}
	
	.maptext {
    width: 100%;
	}
	
	.vehiclefeed h3 {
    font-size: 1.33vw;
		
	}
	.form-cam {
    width: 10vw;
    height: auto;
    padding: 10px;
    font-size: 1vw;
    margin-bottom: 18px;
}
	.form-maptext {
    height: 100px;
	}
	
	.menu_area {
    width: 600px;
		    top: 7vh;
	}
	.stellarnav {
  
    width: 200px;
	}
	
	.stellarnav ul ul {
    width: 400px;
	}
	.main_content_area {
    margin-left: 220px;
	}
	
	.info_list li a{
		font-size: .8vw;
	}
	
	.info_list li a > img{
		width: 1.2vw;
		
	}
	
	
	.arrow_sec:after{
	font-size: .9vw;
	right: 30px;
}
	#besic_info {
    margin-top: 7vh;
}
	header .main_logo_sec img{
		    width: 12vw !important;
	}
	
	a.hamburger_area {
    padding: 3.3vh .7vw;
}
	
	.pro-drop {
    width: 16vw;
}
	.notification_area .noti-body ul li p, .notification_area .noti-body ul li p strong, .my-acc h3, .my-acc p {
    font-size: .8vw;
}
	.notification_area .noti-body ul li p strong a {
    font-size: .8vw;
	}
	.form-goview {
    width: auto;
    height: 100px;
	}
	.goview_btn a {
    padding: 0.5vw;
    font-size: .8vw;
	}
#nav-icon3 {
    width: 85px;
    height: 80px;
    font-size: .9vw;
    text-align: center;
	}
	
	.goview_btn {
    margin-top: 5.5vh;
	}
	.noti-head {
    font-size: 1vw;
}
	
	.form_sec_area form label{
		font-size: .9vw;
	}
	
	.shift_table_area .table thead th{
		font-size: .9vw;
	}
	.shift_table_area .table tbody td{
		font-size: 1vw;
	}
	
	.shift_page .table_sec_area h3 {
    font-size: 1.4vw;
	}
	
	.menu_area.open {
    left: -235px;
}
	input[type=checkbox], input[type=radio] {
    width: 30px;
    height: 30px;
}
	.btn-round_small {
   padding: 14px 25px;
    font-size: .8vw;
	}
	
	
	.btn-round_small .btn-img {
    width: 1.5vw;
	}
	.btn-gray {
    padding: 8px 24px;
    font-size: .9vw;
	}
	.Trip_replay_page .Trip_left .head h3 {
    font-size: 1.2vw;
	}
	
	.btn_list {
    margin: 3px 0 8px 0;
	}
	label {
    font-size: .7vw;
}
	.fuel_body_top_box input.hasDatepicker, .fuel_body_top_box select {
    height: 60px!important;
    width: 69%;
    display: inline!important;
    border: #ddd 2px solid;
}
	.fuel_body_top_box {
    width: 14vw;
}
	footer p {
    font-size: .9vw;
	}
	
	.btn-round-normal {
    -webkit-border-radius: 46px;
    -moz-border-radius: 46px;
    border-radius: 46px;
    border: #fad122 1px solid;
    padding: 10px 25px;
    font-size: .9vw;
	}
	
	.form-control, select.form-control {
    height: 85px;
    padding: 10px 20px;
    font-size: .9vw;
    border: 2px solid #d9d9d9;
    border-radius: 40px;
}
	
	select.form-control:not([size]):not([multiple]) {
    height: 85px;
}
	.form-group p{
		font-size: .82vw;
	}
	
	.modal-title {
    font-size: .7vw;
}
	.view_area .nav-tabs .nav-link {
    font-size: .7vw;
}
	
	.modal table td, .modal table th {
    font-size: .7vw;
}
	
	.Operator_Time .fuel_body_top_box #datepicker2, .Operator_Time .fuel_body_top_box input.hasDatepicker, .Operator_Time .fuel_body_top_box select {
    height: 60px!important;
    width: 100%;
    display: inline!important;
    border-radius: 30px;
    border: 2px solid #d9d9d9;
    padding: 0 10px;
    font-size: .79vw;
}
	/*.location_list li a {*/
	/*	    padding: 15px 30px 20px 2.8vw;*/
 /*   font-size: .8vw;*/
	/*}*/
		
	/*.location_list li a .locat_img {*/
 /*   width: 1.5vw;*/
 /*   height: 1.5vw;*/
	/*}*/
		
	.location_list li a .locat_img img{
		width: 100%;
	}
	#shift_table_filter, #operator_table_filter, #vehicle_table_filter, #route_table_filter, #incident_table_filter, #assist_table_filter, #beats_table_filter, #reprts_table_filter, #trucknumber_table_filter {
   position: absolute;
    width: 500px;
    right: 18vw;
    top: -100px;
}
	
	#shift_table_filter input, #operator_table_filter input, #vehicle_table_filter input, #route_table_filter input, #incident_table_filter input, #assist_table_filter input, #beats_table_filter input, #reprts_table_filter input, #trucknumber_table_filter input {
    width: 500px;
    height: 66px;
    font-size: .7vw;
		 border: #ddd 2px solid;
		
}
	#shift_table_filter label:after, #operator_table_filter label:after, #vehicle_table_filter label:after, #route_table_filter label:after, #incident_table_filter label:after, #assist_table_filter label:after, #beats_table_filter label:after, #reprts_table_filter label:after, #trucknumber_table_filter label:after {
    width: 1.5vw;
    height: 1.5vw;
    
    background-size: 30px;
}
	.Operator_Time .fuel_body_top_box {
    width: 306px;
    padding-right: 7px;
}
	.btn-accept, .btn-deny{
		font-size: .9vw;
	}
	
	.modal-body p{
		font-size: .9vw;
	}
	.inspectiontebleformet tr th, .inspectiontebleformet tr td{
		font-size: .9vw;
	}
	.inspectiontebleformet .upload-field-customized span {
    
    font-size: .9vw;
}
	.questions_area .questions_list li {
    font-size: 1vw;
	}
	.custom-search-input .search-query {
    width: 500px;
    height: 60px;
	}
	.custom-search-input button {
    margin-top: 5px;
    right: 15px;
	}
	.custom-search-input button img{
		width: .6vw;
	}
	
	.map_sec_area_hist {
    height: 80vh;
	}
	
	
	.truck_table_area .table thead th, .truck_table_area .table tbody td {
    font-size: .9vw;
	}
	
	.btn-view{
		font-size: .8vw;
	}
	
	.track_location_page .table thead th, .track_location_page .table tbody td{
		font-size: .9vw;
	}
	.track_location_page .vehiclefeed .form-cam {
    height: 80px;
}
	.btn-yell1, .inline_btn_area2 p, .inline_btn_area .btn{
		font-size: .9vw;
	}
	.form_sec_area .with_txt1 .custom-search-input .search-query {
    height: 80px;
    font-size: .9vw;
		border: #e9e9e9 2px solid;
}
	.form_sec_area .with_txt1 .custom-search-input .search-query img{
		width: .9vw;
    margin-top: 9px;
    margin-right: 7px;
		    
	}
	
	#besic_info .shift_table_area h4 {
    font-size: .9vw;
	}
	
	.beat_zone_tab .nav-tabs .nav-link{
		font-size: .9vw;
	}
	.beat_zone_map iframe {
    height: 70vh;
}
	
	a.short_by {
  
    font-size: .9vw;
}
	
	.custom-search-input .search-query {
    font-size: .8vw;
	}
	.camera_panel .screen_view_area .nav-tabs .nav-link img{
		width: 1.8vw;
	}
	
	.left_panel .search_area .custom-search-input .search-query {
    height: 60px;
}
} 
.beat_zone_tab .nav-tabs {
    border-bottom: 0px solid #dee2e6;
}
.beat_zone_tab .nav-tabs .nav-item {
    margin-bottom: -1px;
    margin-right: 5px;
}

.beat_zone_tab .nav-tabs .nav-item.show .nav-link, .beat_zone_tab .nav-tabs .nav-link.active {
    color: #000;
    background-color: #fad122;
    border-color: #fad122;
}
.beat_zone_tab .nav-tabs .nav-link {
    border: 1px solid #ccc;
	background-color: #ccc;
	color: #000;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}


.camera_panel .screen_view_area .nav-tabs {
   
    justify-content: center;
}

.camera_panel .screen_view_area .nav-tabs .nav-link {
    padding: 6px 5px;
}

/*
.srceen_video{
	width: 100%;
	height: auto;
	margin-bottom: -1px;
	    border: #000 2px solid;
}

.srceen_video img{
	width: 100%;
}
*/

.camera_panel .tab-content {
    width: 100%;
}

.showon_map {
    width: 100%;
    height: 72vh;
}

.showmapbreadcamb{
	 width: 100%;
    height: 84vh !important;
}

.showon_map iframe{
	width: 100%;
	height: 100%;
}