#__dropdown-menu-right a.dropdown-item{ border-bottom: 1px solid #f2f2f2}
#__dropdown-menu-right a.dropdown-item:last-child{ border:none}

#__MObileSideMenu {
	display: none;
}


/*iPhone 6 Portrait*/

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: portrait) {
	#__dropdown-menu-right{    transition-delay: .8s}

	#main-footer{padding-left: 0!important}
	.main-menu.menu-dark .navigation{ margin-top:20px!important}
	.app-content.center-layout, html body .content.app-content{ margin-top:15px!important}
	#__HelpButton{ top:70px!important}
	#___dropdown-toggle{ margin-top:-8px}
#__submitOTADeviceSetings{width:100%;}
#___BTNbtnOTAdevice{width:100%!important}

	.SelectOtasetting select#issueinput5 {
		width: 100%;
		margin: 5px 0!important
	}
	#____StepArrowProR{margin-top:-5px!important}
	.SelectOtasetting label.PL-o {
		width: 100%;
		text-align: center;
	}
	.SelectOtasetting a.__createSettings {
		width: 100%;
		margin: 5px 0!important;
		   	background: #1f3161!important;
        color: #fff!important;
        border-color:#1f3161!important;
        text-align:center;
	}
	.OTaheader {
		margin-bottom: 5px!important;
	}
	.OTaSettingtablenew .table {
		width: 136%!important;
	}
	.btnOTAdevice {
		padding-top: 10px!important;
	}
	.btnOTAdevice .btn {
		width: 100%;
		margin: 5px 0px!important
	}
	#__BtnDownload {
		width: 100%!important;
		margin-top: 30px!important
	}
	#Multistepprocess .stepwizard-row .stepwizard-step {
		width: auto!important
	}
	#Multistepprocess .stepwizard-row:before {
		width: 86%!important
	}
	#Multistepprocess #file-drag {
		text-align: center;
	}
	#Multistepprocess #file-drag .__UploadIcon {
		margin-right: 0!important;
		width: 100%;
		float: left;
		text-align: center
	}
	#Multistepprocess #file-drag #file-upload-btn {
		margin-top: 10px;
		display: block
	}
	#Multistepprocess .Sucess_Validate_msg {
		font-size: 15px;
		padding-top: 10px
	}
	#Multistepprocess .__showGreenLine .__ActiveGreen {
		left: 66px!important
	}

	#__MainBOxescaltion .___filters_lone {
    top: 112px!important;
    right: 9px!important;
    z-index: 1;}

		body.vertical-layout.vertical-menu-modern.menu-expanded .main-menu .navigation li.has-sub > span#report:not(.mm-next):after {

		    top: 4px!important;

		}


}


/*iPhone 6 landscape*/

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: landscape) {
	.app-content.center-layout, html body .content.app-content{ margin-top:15px!important}
	#__MainBOxescaltion .___filters_lone{top:15px!important}
		#___dropdown-toggle{ margin-top:-8px}

	.SelectOtasetting select#issueinput5 {
		width: 27%
	}
	#__pushConfigurationButton {
		width: auto!important;
		margin: 0 0 0 10px!important
	}
	#__MainBOxescaltion .___filters_lone {
		top: 16px!important;
		right: 12px!important
	}
	#__MainBOxescaltion #datatableGlobalEscalation_filter input[type=search] {
		width: 100%!important
	}
	#__BtnDownload {
		margin-top: -37px!important
	}
	#Multistepprocess .stepwizard-row:before {
		width: 77%!important;
		left: 72px!important
	}
	#Multistepprocess .__showGreenLine .__ActiveGreen {
		right: -130px!important
	}
	#___Broadcastmsgpage .custom-breadcrumb {
		width: 100%!important
	}
}

@media (max-width: 736px) {

	.table-responsive-e {
	    width: 100%;
	    overflow-x: scroll;
	}
	#HideMObileMenu{ display:none;}
	.__dropdown-menu-right-mobile{ display: block; border:none!important; margin-top:-5px!important; padding-bottom:5px!important;}

	.app-content.center-layout, html body .content.app-content{ margin-top:15px!important}

		#___dropdown-toggle{ margin-top:-8px}
#globalDiv{padding:0 7px;}
.NoescalationcontactsData{margin-top:56%!important}
#____add_global_escalation{margin-top:18px;}

	.____StepArrowPro {
		margin-top: 0;
	}
	.zopim {
		left: 0%!important;
		bottom: 0px!important
	}
	#__MainBOxescaltion .__filtersApplied {
		float: left!important
	}
	.filterModel .fa-sort-desc {
		float: none!important
	}
	.__filtersApplied {
		float: none!important
	}
	.globalEscalation .global_inner_box {
		padding: 0!important
	}
	#__MainBOxescaltion .globalEscalation .global_inner_box {
		padding: 15px!important
	}
	.globalEscalation .note-manage-lone-workers {
		padding: 0!important;
		margin-bottom: 10px;
	}
	#LogsLIstcard {
		overflow: scroll!important;
		overflow-x: hidden;
	}
	#LogsLIstcard #datatable_filter label {
		width: 100%
	}
	#LogsLIstcard #datatable_filter .whatever {
		width: 100%;
		margin-left: 0!important
	}
	#DatePIckerboxdrilldown .allocated-step-three {
		float: left;
		padding: 0px 8px 8px;
		width: 100%
	}
	#DatePIckerboxdrilldown .col-sm-12 {
		padding: 8px 13px!important;
	}
	#DatePIckerboxdrilldown .Escalation-Filters {
		background: #f8f8f8!important;
		border-radius: 6px!important;
		padding: 25px 25px 27px!important;
	}
	#DatePIckerboxdrilldown {
		margin: 5px 10px!important;
		width: 100%;
	}
	#__Permission_table {
		padding-left: 0;
	}
	#__Permission_table .edit_tb {
		display: table!important
	}
	#__adminmanageportal div.dataTables_wrapper div.dataTables_filter label {
		float: right;
	}
	.__innerTabsbox .table td,
	.table th {
		white-space: nowrap;
	}
	.__send_compose {
		width: 100%!important;
	}
	.mobile-menu .nav-menu-main {
		margin-top: -2px
	}
	.___Responsive_scrollbar {
		overflow: scroll;
	}
	.__addmsgbtn {
		width: 100%!important;
	}
	.__searchTab {
		width: 100%!important;
	}
	.Inner__pageheader {
		padding-top: 0!important
	}
	.GroupsBuyCredit {
		width: 100%!important;
		margin: 11px 0 4px!important
	}
	.GroupsBuyCredit span {
		width: 100%
	}
	.GroupsBuyCredit .BuyCreditinner {
		width: 100%!important;
	}
	#SentItems #issueinput5 {
		margin-left: 0!important;
	}
	#SentItems .BtnSearch {
		width: 100%!important;
	}
	#tableDataLoad .dataTables_paginate paging_simple_numbers {
		margin-right: 15px!important
	}
	.drillDownOverlay {
		display: none!important
	}
	#white_boxcustom_breadcrumb {
		padding: 3px 7px!important
	}
	.user-signal-data-manage .dataTables_filter {
		margin-top: 0px!important
	}
	.user-signal-data-manage .dataTables_filter label {
		width: 100%
	}

	.SignalHistoryapply {
		margin-top: 0px!important;
		width: 100%;
		background: #1f3161!important;
        color: #fff!important;
        border-color:#1f3161!important;

	}
	.pagebreadcrum {
		display: none;
	}
	#__avtaricon {
		display: block!important;
		float: left;
		margin-top: -9px;
	}
	#__Eventdetailsummarypage div.dataTables_wrapper div.dataTables_filter label {
		width: 100%;
	}
	#__Eventdetailsummarypage .dataTables_filter {
		margin-bottom: -2px;
	}
	.opensright {
		width: 300px!important;
		left: 30px!important;
		padding: 10px!important

	}

	.daterangepicker button.cancelBtn {
    margin-top: 0!important;
    padding: 7px 16px!important;
    border-radius: 4px!important;
    font-size: 13px!important;
    margin-right: 26px;
}

button.applyBtn.btn.btn-sm.btn-success {
    padding: 7px 15px;
}
	#__pushConfigurationButton {
		margin-top: 10px;
		width: 100%
	}
	.daterangepicker .calendar {
		max-width: 275px!important;
	}
	#dashboard_three_box {
		padding-top: 0!important
	}
	#dashboard_two_box {
		padding-top: 0!important
	}
	body.dashboard .daterange {
		width: 100%!important
	}
	#DesktopMenuSide {
		display: none;
	}
	#__MObileSideMenu .leftSide .dashboardList {
		position: relative;
		;
		width: 100%;
		background: none;
		padding-top: 20px!important
	}
	#__MObileSideMenu .dashboardList ul li {
		width: 216px;
	}
	#__MObileSideMenu {
		display: block;
		position: relative;
	}
	.herd_log.logo {
		position: relative;
	}
	#__MObileSideMenu .simplebar-content {
		padding-top: 20px;
	}
	#__MObileSideMenu .MObileMenuBarIcon {
		color: #fff;
		position: absolute;
		left: 10px;
		top: 22px;
	}
	#__MObileSideMenu .MObileMenuBarIcon img {
		height: 20px;
		width: auto;
	}
	#__MObileSideMenu .sidenavmobile {
		padding-top: 7px;
	}
	.logo a {
		padding: 8px 0 8px 40px!important;
	}
	body#addbackgroundloginpage {
		background: #f4f4f4!important
	}
	#LOGinBoxMiddileinnerLeft .signin-with {
		bottom: -60px!important;
	}
	.LinkPrivacyPolicy {
		display: none;
	}
	#page-signin-bg {
		display: none;
	}
	.loginBox {
		position: relative!important;
	}
	.LOGinBoxMiddileinnerLeft {
		height: auto!important
	}
	.DatePickerButton {
		background: #1f3161!important;
		color: #fff!important;
	}
	.light-blue-crumb {
		background: #0d1f4f!important;
		color: white!important;
	}
	.custom-breadcrumb {
		padding: 3px 0!important;
		width: 100%!important;
		margin-left: 0!important;
		margin-top: 0!important;
	}
	body.globalEscalation .custom-breadcrumb {
		width: 100%!important;
		margin-left: 0!important
	}
	body.activity_report #filterByDate {
		margin-left: 0!important
	}
	body.alarm_activation #filterByDate {
		width: 100%!important
	}
	body.dashboard .SelectDatePicker {
		margin-bottom: 15px;
	}
	body.dashboard .DatePickerButton {
		margin-top: 15px;
	}
	#causeChart .chart_dash_box {
		margin: 4px 0;
	}
	.Responsve_Breadcrum_fixed {
		display: none;
	}

	body.dashboard .light-blue-crumb label {

	}
	body.dashboard #drillDownOverlay {
		top: 4px;
		height: 526px;
	}
	.custom-breadcrumb li:after {
		display: none!important
	}
	.custom-breadcrumb li:before {
		display: none!important;
		border: none!important;
	}
	.custom-breadcrumb li {
		width: 100%!important;
		padding: 18px 30px 32px 30px !important;
		height: auto!important;
		margin: 8px 0!important;
		border-radius: 6px!important;

	}
	.allocated-step-three .SelectDatePicker {
		margin-left: 0!important;
	}
	.DatePickerButton {
		width: 100%!important;
		text-align: center;
	}
	.Escalation-Filters {
		padding: 0!important;
	}
	body.dashboard li.middle_step {
		border: 1px solid red!important
	}
	body.dashboard li.last_step {
		border: 1px solid red!important
	}
	#Multistepprocess .panel .panel-body {
		padding: 5px 10px!important;
	}
	#ManageColumnsPopup .modal-dialog {
		width: 96.2%!important
	}
	.__secondfield_box {
		padding-left: 0px!important
	}
	.firststepprocess {
		padding-right: 0px!important
	}
	.__THLoneworker {
		width: 100%!important
	}
	.stepwizard-row:before {
		left: 18px!important
	}
	#allocated-step-manage .col-lg-3 {
		width: 100%;
		float: left;
	}
	/***************Left Navigation****/
	.leftSide.active {
		-webkit-animation: slide 1s forwards;
		-webkit-animation-delay: 2s;
		animation: slide 1s forwards;
		animation-delay: 2s;
		top: 0px!important
	}
	@-webkit-keyframes leftSide {
		100% {
			left: 0;
		}
	}
	@keyframes leftSide {
		100% {
			left: 0;
		}
	}
	.__burgerMenuClose {
		display: block;
		position: absolute;
		right: 0;
		z-index: 9999;
		top: 8px;
	}
	body.dashboard .DatePickerButton {
		margin-left: 0!important
	}
	#__AddloneWorkersprocess {
		width: 100%!important
	}
	.tableUserMgt .btnUser2 {
		width: 100%;
		padding: 0 4px 0!important
	}
	.tableUserMgt .btn-content {
		width: 100%!important
	}
	.tableUserMgt #ajax_msg {
		width: 100%!important
	}
	.___Managesavebutton {
		width: 100%!important
	}
	.note-global-contact {
		padding-left: 0!important;
		text-align: center!important;
	}
	body.devicePage #event-table-right_paginate {
		margin-left: 0px!important;
		text-align: center!important
	}
	#Useradd-custom-breadcrumb .custom-breadcrumb {
		width: 100%!important
	}
	.portal-user-apply-button {
		width: 100%!important;
		text-align: center!important
	}
	body.viewEvent #min {
		width: 100%!important
	}
	body.viewEvent #max {
		width: 100%!important
	}
	body.viewEvent .apply_btn_event,
	.reset_btn_event {
		width: 47.4%!important;
	}
	.FiltersModal {
		float: left;
		width: 100%!important;
		margin: 10px 0 0 -5px!important;
		padding: 0!important;
	}
	.FilterSortBY {
		float: right!important
	}
	body.devicePage #event-table-right_filter {
		top: -132px!important
	}
	.BtnAddnewLoneworker a {
		width: 95%;
		margin: 15px 0px 0;
		text-align: center;
	}
	.BtnAddnewLoneworker {
		float: none;
		margin: 0 auto;
		width: 100%;
	}
	#datatable_length {
		display: none!important
	}
	.updrilldownprocess {
		padding: 0 5px!important;
	}
	.UserSignalHistroyStep {
		padding: 0px!important;
	}
	.add_global_escalation a {
		width: 100%;
		text-align: center;
	}
	.add_global_escalation {
		width: 100%;
		    margin-top: 16px
	}
	#allocated-step-manage {
		margin-top: 0!important;
		padding: 0;
	}
	.global_inner_box {
		padding: 11px 10px!important
	}
	#breadcrumb a {
		font-size: 11px!important;
		font-weight: normal!important;
	}
	.table.table-striped.user-management {
		overflow: auto;
		display: block;
	}
	.date_range_text {
		text-align: left;
		float: left!important
	}
	.dash_date_filter li {
		width: 100%!important;
		padding: 5px 14px!important;
		border: none!important;
		margin: -1px 0px!important;
	}
	body.event_summary .dash_date_filter li {
		padding: 5px 14px!important;
	}
	#dashboard_date_box .col-sm-12 {
		padding: 0px!important;
		margin: 1px 0px!important;
		float: left!important;
		width: 100%;
	}
	#dashboard_six_box .col-sm-12 {
		padding: 0!important;
		margin: 5px 0px!important;
		float: left;
		width: 100%;
	}
	#dashboard_three_box .col-sm-12 {
		padding: 0px!important;
		margin: 5px 0px!important;
		float: left;
		width: 100%;
	}
	#dashboard_two_box .col-sm-12 {
		padding: 0px!important;
		margin: 5px 0px!important;
		float: left;
		width: 100%;
	}
	#dashboard_date_box {
		width: 100%!important;
		padding: 5px 0px!important;
	}
	#showApplyButton {
		padding: 5px 15px!important
	}
	#individualDiv {
		padding: 0 7px
	}
	/****************Login Page***************
	******************************************/
	.LOGinBoxMiddileinnerLeft {
		margin: 0;
		padding: 30px 0 0 0!important;
		border-left:none!important;
	}
#resetpwbox{ float: left; width: 100%; background: #fff; padding:60px 0}
#resetpwbox #LOGinBoxMiddileinnerLeft{ width: 75%!important; margin: 0 auto; float: none}
#resetpwbox #__submitEmailResetPassword{ width: 100%; margin:0}
#resetpwbox .LoginButtonButton{  margin:0}
#resetpwbox .LoginHeading{display: none!important}
	.LOGinBoxMiddile {
		width: 100%!important;
	}
	.logoLogin {
		width: 100%!important;
		text-align: center!important;
		margin-top: 35px!important
	}
	.loginInner {
		width: 100%!important
	}

	#loginForm .Login-Button{width:100%!important}
	.LoginButtonButton .resettLink{ text-align: center!important; padding:3px 0!important; width: 100%}
	.LoginHeading {
		text-align: center!important;
	}
	.LinkPrivacyPolicy {
		text-align: center!important;
	}
	/****************Forgot password Page***************
	******************************************/
	#resetPasswordForm {
		margin: 0 auto!important;
		width: 90%;
	}
	.ForgotHeading {
		text-align: center!important;
	}
	.ForgotTExt {
		text-align: center!important;
		padding: 0 5%!important
	}
	/****************Dashbaoard Page***************
******************************************/
	#causeChart .col-sm-12 {
		float: none!important
	}
	#causeChart .chart_dash_box {
		height: auto!important;
	}
	#dashboard_two_box .dashboard_access_list {
		height: auto!important;
	}
	/****************My schedule  Page***************
******************************************/
	.schedule #DataTables_Table_0 {
		width: 100%!important
	}
	/****************My Account Page***************
******************************************/
	.bs-example2 {
		padding: 10px;
	}
	.training .bs-example2 {
		padding: 0px!important
	}
	.MyAccountNav {
		display: none!important;
	}
	/****************Drill Down Process***************
******************************************/
	#__AddloneWorkersprocess li {
		padding: 25px 5px 8px 5px!important;
	}
	#__AddloneWorkersprocess li:after {
		left: 158px!important;
		top: -34% !important;
	}
	#__AddloneWorkersprocess li:before {
		left: 152px!important;
		margin-top: -188px !important
	}
	.__ADa_new_esacaltion h2 {
		font-size: 12px!important;
		width: 60%!important
	}
	.__ADDnewEsacaltion {
		width: 40%!important
	}
	.__ADDnewEsacaltion .add-new {
		font-size: 12px!important;
	}
	.table-bordered th {
		font-size: 11px!important
	}
	#dashboard_date_box {
		padding: 15px!important
	}
	.allocated-step-three .SelectDatePicker {
		width: 100%!important;
	}
	.SelectDatePicker .dash_select_group_date .date_search_cal {}
	#stepup4 {
		height: auto!important
	}

	/****************Manage Portal User***************
******************************************/
	#Useradd-custom-breadcrumb {
		width: 100%!important
	}
	#AccessibilityPerission_user {
		padding: 15px 0px!important;
	}
	#AccessibilityPerission_user .edit_user_tb {
		padding: 15px 4px!important;
	}
	/****************Esacaltion Detail Summary***************
******************************************/
	#esacaltiondetailcustom-breadcrumb {
		width: 100%!important;
	}
	body.escalation #content {
		padding: 0 10px!important
	}
	body.activity_report #dashboard_date_box {
		width: 100%!important
	}
	/*******************Live lone workers page*********************
**************************************************************/
	.meshim_widget_components_mobileChatButton_Button {
		display: none!important
	}
	#event-table-right .GridCardBox {
		width: 100%!important;
		border-right: none;
	}
	.devicePage #dashboard_date_box {
		width: 100%!important
	}
	#event-table-right_length {
		float: left;
		width: 100%
	}
	#event-table-right_length label {
		float: left;
		text-align: left
	}
	.box-right-loan-top #scrollbar1 {
		margin-bottom: 0!important;
		padding-bottom: 0!important;
		margin-top: 0px!important;
	}
	.main-tab-box-h {
		padding: 12px 0px 9px 9px!important;
	}
	.Backgrop-live-lone-workers_manage {
		width: 100%!important;
		margin: 80% 0px!important;
		padding: 0!important;
		text-align: center;
	}
	#event-table-right_filter {
		width: 130px!important;
		top: -135.55px!important;
		right: 16px!important;
	}
	.LiveLOneworkerView .filterModel {
		padding: 6px 12px!important;
	}
	#event-table-right_filter input {
		padding: 18px 10px 14px 10px!important
	}
	#event-table-right_paginate {
		margin-right: 15px!important
	}
	.__esacalation_filter {
		margin-right: 11px!important
	}
	#__MainBOxescaltion .broadcastmsg .btn.btn-social {
		margin-right: 0!important;
		width: 201px;
	}
	/*#__MainBOxescaltion .___filters_lone {
		top: 112px!important;
		right: 9px!important;
		z-index:1

	}*/
	#__MainBOxescaltion #datatableGlobalEscalation_filter {
		float: left;
		width: 100%
	}
	#__MainBOxescaltion #datatableGlobalEscalation_filter label {
		float: left;
		width: 100%
	}
	#__MainBOxescaltion #datatableGlobalEscalation_filter input[type=search] {
		position: relative!important;
		width: 82%;
		top: -10px!important;
		margin-left: 0px!important;
		margin-bottom: 13px;
		padding-top: 19px!important;
		padding-bottom: 16px!important;
	}
	#__MainBOxescaltion .ADDBorderLine {
		display: none
	}
	#__MainBOxescaltion .custom-breadcrumb {

		margin-bottom: 0
	}
	.pushConfiguration .btn.btn-social {
		width: 100%;
		text-align: center;
	}
	.__broadcastMessageButton .btn-reddit {
		width: 60%
	}
	#datatableGlobalEscalation_info {
		display: none;
	}
	/****************manage lone worker  Page***************
******************************************/
/*	.popup-heading-manage-lone-workers {
		width: 100%!important;
		padding-bottom: 30px!important;
	}
	.edit-global-contact-second-col {
		float: left;
		width: 100%!important;
		padding-bottom: 30px!important;
	}
	.edit-global-contact-third-col {
		float: left;
		width: 100%!important;
		padding-bottom: 30px!important;
	}
	.GloBal-responsive {
		float: left;
		width: 100%;
	}*/
	#manage-edit-global-contact-space .edit-global-contact-first-col {
		min-height: 525px!important
	}
	#manage-edit-global-contact-space .edit-global-contact-second-col {
		min-height: 405px!important;

	}
	#manage-edit-global-contact-space .edit-global-contact-third-col {
		min-height: 525px!important
	}
	/*.removeTruncate .escalation_tab_text {
		width: 88%!important;
	}*/
	/****************Global Escalation Contacts***************
******************************************/

	#update-btn-padding-add {
		width: 100%!important;
	}
	.MainUserActivity {
		/*overflow-x: scroll!important;
		-webkit-overflow-scrolling: touch;*/
	}
	.activity-report {
		padding-bottom: 70px!important;
	}
	#activityTable #datatable_filter {
		margin-top: 0px!important;
		margin-right: 0;
		width: 100%;
	}
	#activityTable #datatable_filter label {
		width: 100%;
	}
	#activityTable #datatable_filter input[type="search"] {
		width: 100%;
		margin-left: 0
	}
	.activity-summary-heading {
		width: 100%!important;
		font-size: 16px!important;
	}
	.user-signal-data-manage {
		overflow-x: scroll!important;
		-webkit-overflow-scrolling: touch;
	}
	.MainUserActivity .___filters_lone {
		top: 17px!important;
		right: 13px!important;
	}
	.Escalation-Filters select {
		width: 100%!important;
	}
	#user_signal_date {
		margin-top: 2px;
	}
	#user_signal_date li {
		background: #f8f8f8
	}
	#user_signal_date li:first-child {
		border-radius: 5px 5px 0 0;
	}
	#user_signal_date li:last-child {
		border-radius: 0 0 5px 5px;
	}
	/****************live lone worker map view***************
******************************************/
	body.viewEvent #breadcrumb a {
		font-weight: normal!important;
		font-size: 9px!important;
	}
	.Liveloneworkersuserdetail {
		width: 100%!important;
		border-right: none!important;
		border-radius: 15px 15px 0px 0px!important;
	}
	body.viewEvent .search_date_table td {
		width: 100%!important;
		float: left;
		padding-left: 0!important
	}
	.main_event_list_fix {
		width: 100%;
	}
	body.viewEvent #map_event_list {
		width: 100%
	}
	#map-container {
		border: none!important
	}
	#filters-accordian {
		border-radius: 0!important;
	}
	body.viewEvent .modal .modal-dialog {
		margin-top: 20px!important
	}
	body.viewEvent .detlog_location_model {
		width: 100%!important;
	}
	body.viewEvent .detlog_address {
		text-align: left!important
	}
	#filterModel .modal-dialog {
		width: auto!important
	}
}


/* iPhone 5 & 5S in landscape */

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: landscape) {
	#dashboard_three_box .chart_dash_box {
		height: 365px!important
	}
	body.office .mid-buttons {
		width: 100%!important;
	}
	body.office .ADDnotification {
		width: 100%!important;
	}
	body.escalation #datatableGlobalEscalation_filter {
		width: 66%!important;
		margin-right: 53px;
		float: right!important;
	}
}


/* iPhone 5 & 5S in portrait */


/*@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px)
and (orientation : portrait) {
.ViewMapClick{width:97%}
#event-table-right_filter {
       width: 94.6%!important;
    top: -164.5px!important;
    right: 16px!important;


}
#FilterSortBY
.LiveLOneworkerView .filterModel{width:100%; text-align:center;}
.LiveLOneworkerView {  width: 97%;
    margin-top: 45px!important;}

#FilterSortBY {
    float: right !important;
    width: 100% !important;
    clear: both;
    padding-left: 6px!important;
}


}*/

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {

.GridCardBox {
		border-right: none!important;
	}
	.__burgerMenuClose {
		display: block;
		position: absolute;
		left: -10px;
		z-index: 9999;
		top: -13px;
	}
	.MyAccountNav {
		display: none!important
	}
	body#addbackgroundloginpage {
		background: #fff!important
	}
	#LOGinBoxMiddileinnerLeft .signin-with {
		bottom: -60px!important;
		background: none;
		border: none;
	}
	.LinkPrivacyPolicy {
		display: none;
	}
	#page-signin-bg {
		display: none;
	}
	.loginBox {
		position: relative!important;
	}
	.LOGinBoxMiddileinnerLeft {
		height: auto!important
	}
	.DatePickerButton {
		background: #1f3161!important;
		color: #fff!important;
	}
	.Backgrop-live-lone-workers_manage {
		width: 100%;
		padding: 0!important;
	}
	/*	body.activity_report #filterByDate {
		margin-left: 0!important
	}
	body.alarm_activation #filterByDate {
		width: 100%!important
	}
	body.dashboard .SelectDatePicker {
		margin-bottom: 15px;
	}
	body.dashboard .DatePickerButton {
		margin-top: 8px;
	}

	body.viewEvent .border-left {
		border-left: none;
		padding-left: 12px;
	}
	#ViewUserdetailModal .modal-body {
		height: auto!important
	}
	body.viewEvent .Liveloneworkersuserdetail {
		border-right: none!important;
		border-radius: 15px 15px 0px 0px!important
	}
	.logo a {
		padding-left: 41px!important;
	}
	body.alarm_activation .dataTables_filter {
		margin-top: -12px;
		!important
	}
	/****************loginpage***************
		******************************************/
	.LOGinBoxMiddileinnerLeft {
		padding: 200px 80px!important
	}
	.LOGinBoxMiddile {
		width: 100%!important;
	}
	.LOGinBoxMiddileinnerLeft {
		border-left: none!important
	}
	.RightGuidePanel {
		width: 100%!important
	}
	.schedule #DataTables_Table_0 {
		width: 100%!important
	}
	#event-table-right .GridCardBox {
		width: 48%!important
	}
	#map-container {
		border-right: none!important;
	}
	.ViewMapClick {
		display: none!important;
	}
	.zopim {
		left: 48%!important;
		bottom: 0px!important
	}
	.herd_log.logo {
		position: relative;
	}
	/****************Dashbaoard Page***************
	******************************************/

	/****************My schedule  Page***************
	******************************************/
	/*
	body.viewEvent .main_event_list_fix {
		height: 560px!important
	}
	body.viewEvent .Liveloneworkersuserdetail {
		width: 100%!important;
	}
	body.viewEvent #map-container {
		border-right: 0px!important;
	}
	body.viewEvent #event-table-left tbody#myDIV #remove-border-tableEmpty {
		margin: 25% auto!important;
	}
	body.devicePage .custom-breadcrumb li:last-child {
		width: 19.9%!important;
	}
	body.alarm_activation .Escalation-Filters label {
		font-size: 11px!important;
	}
	body.myaccount .user_edit_left {
		text-align: left!important;
	}
	body.devicePage .Escalation-Filters label {
		font-size: 11px!important;
		margin-bottom: 4px!important;
	}
	#dashboard_three_box .chart_dash_box {
		height: auto!important;
	}
	.headereach {
		width: 99%;
		float: right;
	}
	.burgerMenu {
		padding: 5px 0 0 11px
	}
	.burgerMenu .fa-bars {
		font-size: 36px!important
	}
	.leftSide {
		top: -75px;
		-webkit-transition: width 2s;

		transition: width 2s;
		-webkit-transition-timing-function: ease-in-out;
		transition-timing-function: ease-in-out;
	}
	.__burgerMenuOpened {
		display: block;
	}
	@keyframes slide-in {
		0% {
			-webkit-transform: translateX(0%);
		}
		100% {
			-webkit-transform: translateX(100%);
		}
	}
	@-webkit-keyframes slide-in {
		0% {
			transform: translateX(0%);
		}
		100% {
			transform: translateX(100%);
		}
	}

	#DesktopMenuSide {
		display: none;
	}
	#__MObileSideMenu .leftSide .dashboardList {
		position: relative;
		;
		width: 100%;
		background: none;
		padding-top: 20px!important
	}
	#__MObileSideMenu .dashboardList ul li {
		width: 216px;
	}
	#__MObileSideMenu {
		display: block;
		position: relative;
	}

	#__MObileSideMenu .simplebar-content {
		padding-top: 20px;
	}
	#__MObileSideMenu .MObileMenuBarIcon {
		color: #fff;
		position: absolute;
		left: 10px;
		top: 22px;
	}
	#__MObileSideMenu .MObileMenuBarIcon img {
		height: 20px;
		width: auto;
	}*/
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
	/*/
}




/* iPhone X and Xs Max */
	@media only screen and (min-device-width: 375px) and (min-device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) {
		/* styles */
		.SelectOtasetting select#issueinput5 {
			width:100%;
			margin: 5px 0!important
		}
		.SelectOtasetting label.PL-o {
			width: 100%;
			text-align: center;
		}
		.SelectOtasetting a.__createSettings {
			width: 100%;
			margin: 5px 0!important
		}
		.OTaheader {
			margin-bottom: 5px!important;
		}
		.OTaSettingtablenew .table {
			width: 136%!important;
		}
		.btnOTAdevice {
			padding-top: 10px!important;
		}
		.btnOTAdevice .btn {
			width: 100%;
			margin: 5px 0px!important
		}
		#__MainBOxescaltion .broadcastmsg .btn.btn-social {
			width: 201px!important;
		}
	}
	/****iPhone X landscape**/
	@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {
		.custom-breadcrumb li:after {
			display: none!important
		}
		.custom-breadcrumb li:before {
			display: none!important;
			border: none!important;
		}
		.custom-breadcrumb li {
			width: 100%!important;
			padding: 10px 15px 15px 15px !important;
			height: auto!important;
			margin: 4px 0!important;
			border-radius: 6px!important;
			background: #d8d8d8;
		}
		.Drilldownthree {
			padding: 10px!important;
		}
		#DatePIckerboxdrilldown .allocated-step-three {
			float: left;
			padding: 0px 8px 8px;
			width: 100%
		}
		#DatePIckerboxdrilldown .col-sm-12 {
			padding: 8px 13px!important;
		}
		#DatePIckerboxdrilldown .Escalation-Filters {
			background: #f8f8f8!important;
			border-radius: 8px!important;
			padding: 9px 15px!important;
		}
		#causeChart .chart_dash_box {
			height: 405px!important
		}
		#DatePIckerboxdrilldown {
			padding: 0!important
		}
		#DatePIckerboxdrilldown .DatePickerButton {
			padding: 7px 23px 7px!important
		}
		.Escalation-Filters select {
			width: 100%!important
		}
		#myDIV .GridCardBox {
			width: 50%!important;
		}
		#datatableGlobalEscalation_filter {
			width: 203px!important;
		}
		#allocated-step-manage .custom-breadcrumb {
			width: 100%!important;
		}
		.light-blue-crumb {
			background: #0d1f4f!important;
		}
		#datatableGlobalEscalation_filter input[type=search] {
			width: 150px!important
		}
		#allocated-step-manage .Escalation-Filters {
			padding: 0 8px!important
		}
		#User-custom-breadcrumb {
			width: 100%!important
		}
		#___Broadcastmsgpage #issueinput5 {
			width: 56%!important;
		}
		#DatePIckerboxdrilldown .daterange {
			width: 100%!important
		}
		#DatePIckerboxdrilldown #filterByDate {
			background: #1f3161!important;
			margin: 10px 0 0 0!important;
			color: #fff!important;
			width: 100%;
			text-align: center;
		}
		.light-blue-crumb .Escalation-Filters label {
			color: #fff!important
		}
		#esacaltiondetailcustom-breadcrumb {
			width: 100%!important
		}
		#esacaltiondetailcustom-breadcrumb .Escalation-Filters {
			padding: 2px 0px!important;
		}
		.white_boxcustom_breadcrumbx {
			width: 100%!important;
			padding: 10px!important;
			border-radius: 10px 10px 0 0!important
		}
		.___fourthbox {
			width: 100%!important;
			padding: 0px 10px 0!important;
			border-radius: 0 0 10px 10px!important
		}
		.____StepArrowPro .dash_date_filter li {
			width: 100%!important;
			margin-top: 4px!important;
		}
		.____StepArrowPro {
			background: #f8f8f8;
			border-radius: 6px;
			padding: 10px 15px!important;
			float: left;
		}
		.____StepArrowPro #user_signal_date {
			width: 98%!important
		}
		.____StepArrowPro #showApplyButton {
			margin: 0!important;
			padding: 0!important;
			width: 100%
		}
		#showApplyButton .SignalHistoryapply {
			margin-top: 0!important;
			width: 100%;
			text-align: center;
		}
		#__Eventdetailsummarypage .dataTables_filter {
			margin: 0px 0px 0px 0px!important;
		}
		#__signalHistorypage .dataTables_filter {
			margin: 0px 0px 0px 0px!important;
		}
	}
	@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) {
		.SelectOtasetting select#issueinput5 {
			width: 100%;
			margin: 5px 0!important
		}
		.SelectOtasetting label.PL-o {
			width: 100%;
			text-align: center;
		}
		.SelectOtasetting a.__createSettings {
			width: 100%;
			margin: 5px 0!important
		}
		.OTaheader {
			margin-bottom: 5px!important;
		}
		.OTaSettingtablenew .table {
			width: 136%!important;
		}
		.btnOTAdevice {
			padding-top: 10px!important;
		}
		.btnOTAdevice .btn {
			width: 100%;
			margin: 5px 0px!important
		}
		#__BtnDownload {
			width: 100%!important;
			margin-top: 30px!important
		}
	}




/*****************   iPhone 6, 7, & 8 Plus in portrait  *************************/

@media only screen
  and (min-device-width: 414px)
  and (max-device-width: 736px)
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) {


#__MainBOxescaltion .broadcastmsg .btn.btn-social{width:239px!important;}


}










/********iPad mini in portrait & landscape**************/
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)  {
	.header-navbar .navbar-container {
	    padding: 10px 14px 0 13px!important;
	}
	[data-menu=vertical-menu-modern] .header-navbar .navbar-header .navbar-brand{
		top:8px;
	}
}




	/**********iPad in portrait****************/
	@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
		body {
			display: none;
		}
	}


@media only screen and (max-width: 760px) {
#__dropdown-menu-right a.dropdown-item{ padding: 16px 15px; border-bottom: 1px solid #f2f2f2}
#__dropdown-menu-right a.dropdown-item:last-child{ border:none}
#main-footer{ padding-left: 0}

}
@media (max-width:991.98px) {


}