@media screen and (min-width: 480px) and (max-width: 767px) and
	(orientation:landscape) {
	body {
		margin: 0 !important;
		text-align: right !important;
		direction: rtl !important;
	}
	.topnav {
		width: 30% !important;
	}
	.dashboardDiv {
		width: 30% !important;
		margin-left: 9px !important;
		margin-top: 2px !important;
	}
	.userHomeMain {
		width: 70% !important;
	}
	.dashboardCloseBtn {
		float: left !important;
		margin: 4px 0 0 7px !important;
	}
	.dashboardAddIcon {
		width: 23px !important;
	}
	.dashboardDialogs {
		width: 62% !important;
		border-radius: 11px !important;
		height: auto !important;
	}
	.dashboardDialogDiv {
		width: 30% !important;
		float: right !important;
		margin: 2px 3px !important;
	}
	/* senario responsive */
	#descriptionDiv {
		margin-right: 0% !important;
	}
	#widget_descriptionInput {
		width: 159px !important;
		height: 80px !important;
	}
	#widget_nameForSenario {
		width: 159px !important;
	}
	#creatingSenario {
		width: 100% !important;
		margin: 0 auto !important;
	}
	#widget_nameForAutomation {
		width: 105px !important;
	}
	#choosePhotoP {
		text-align: center !important;
		font-size: 15px !important;
		display: block !important;
		color: #726c6ccf !important;
	}
	#widget_AutomationdescriptionInput {
		width: 106px !important;
		height: 72px !important;
		margin-right: 16px !important;
	}
	.inner {
		display: block !important;
		width: 50% !important;
		margin: 10px auto;
	}
	.conditions {
		display: block !important;
		width: 64% !important;
		height: auto !important;
		margin: 28px auto !important;
		border-style: solid;
		border-radius: 10px;
		border-color: rgba(138, 188, 159, 0.5);
		text-align: center;
		padding-right: 10px;
		cursor: pointer;
		font-size: 17px;
		color: #2e484c;
		background-color: rgba(138, 188, 159, 0.5);
		border-width: 1px;
		transition-duration: 0.3s !important;
	}
	.automationTdd {
		background: #FFFFFF;
		padding: 0 24px;
		text-align: right;
		vertical-align: middle;
		font-weight: 300;
		font-size: 18px;
		text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.1);
	}
	.automationTd {
		background: #FFFFFF;
		padding: 10px 26px;
		text-align: right;
		vertical-align: middle;
		font-weight: 300;
		font-size: 18px;
		text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.1);
	}
	td.automationTdd:nth-child(1)>img:nth-child(1) {
		width: 39px;
	}
	#chooseTypeOfConditionP {
		font-size: 25px;
	}
	td.automationTdd:nth-child(1)>img:nth-child(1) {
		width: 49px;
	}
	#conditionTable, #scheduleTable {
		border-radius: 3px !important;
		border-collapse: collapse !important;
		height: auto !important;
		margin: auto !important;
		padding: 0px !important;
		box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1) !important;
		animation: float 5s infinite !important;
	}
	#senarioTaskTable, #SelectedsenarioTaskTable,
		#SelectedDeviceOptionsTaskTable {
		display: block !important;
		border-radius: 3px !important;
		border-collapse: collapse !important;
		height: auto !important;
		margin: auto !important;
		padding: 0px !important;
		box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1) !important;
		animation: float 5s infinite !important;
	}
	.column {
		width: 23% !important;
	}
	.choosePhotoAutomationP {
		top: -3% !important;
		position: relative;
		font-size: 21px;
	}
	#newPhotoAutomation {
		cursor: pointer !important;
		background-color: #eeeeeebd !important;
		height: auto !important;
		border-radius: 28px !important;
		border-color: gray !important;
		border-width: 2px !important;
		border-style: dashed !important;
		width: 90% !important;
		display: block !important;
		margin: 7px auto !important;
	}
	#automationMainInnerDiv {
		width: 91% !important;
	}
	.Firstautomation {
		width: 100%;
		margin: 0 auto;
		display: block;
	}
	#mobileTable, .automationInfoTable {
		margin: 0 auto !important;
		width: 100% !important;
	}
	#widget_AutomationdescriptionInput, #widget_nameForAutomation,
		#widget_effectiveTime-from, #widget_effectiveTime-to {
		width: 60% !important;
		margin: 0 auto !important;
		display: block !important;
	}
	.newPhoto {
		cursor: pointer;
		background-color: #eeeeeebd;
		border-radius: 19px;
		border-color: gray;
		border-width: 2px;
		border-style: dashed;
		display: block;
		margin: 0 auto;
		position: unset;
	}
	.FirstautomationInnerDiv {
		width: 96%;
		display: inline-block;
		background-color: #d4d4d494;
		border-radius: 13px;
		padding: 1%;
		margin: 0 auto;
	}
	.newPhotoAutomation.newPhoto {
		height: auto !important;
		width: 75% !important;
		margin: 24px auto 0 !important;
	}
	.automationDetailsP {
		height: 6px !important;
	}
	/* places */
	.dashboardDiv {
		float: right !important;
		width: 30% !important;
		cursor: pointer !important;
		margin-right: 9px;
	}
	.column {
		float: left !important;
		width: 27% !important;
		padding: 10px !important;
	}
	.dashboardDiv {
		width: 27% !important;
		/*! margin-left: -0 !important; */
		margin-top: 0px !important;
		margin-right: 6px;
	}
	.main-block {
		width: 100% !important;
	}
	.account-details>div, .personal-details>div, .main-block input, label {
		width: 100% !important;
	}
	#widget_dob, #widget_firstName, #widget_lastName, #widget_address,
		#widget_phoneNumber, #widget_homeNumber, #widget_emailAddress,
		#widget_Currentpassword, #widget_repeatPassword, #widget_newpassword,
		.newPhotoProfile {
		width: 100% !important;
	}
	.senarioInnerDiv {
		width: 100%;
		height: auto;
		margin: 0 auto;
		display: flex;
	}
	.indexMainDiv {
		width: 88% !important;
		height: 90% !important;
		padding: 0 17px 58px;
	}
	.logo {
		width: 26% !important;
	}
	#indexDiv {
		width: 90% !important;
		height: 80% !important;
		margin: 5% auto !important;
		display: block !important;
		position: relative !important;
		background: rgba(242, 246, 248, 0.31) !important;
		background: -moz-linear-gradient(top, rgba(242, 246, 248, 0.71) 0%,
			rgba(216, 225, 231, 0.75) 50%, rgba(181, 198, 208, 0.75) 71%,
			rgba(224, 239, 249, 0.79) 100%) !important;
		background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(242, 246,
			248, 0.71)), color-stop(50%, rgba(216, 225, 231, 0.75)),
			color-stop(71%, rgba(181, 198, 208, 0.75)),
			color-stop(100%, rgba(224, 239, 249, 0.79))) !important;
		background: -webkit-linear-gradient(top, rgba(242, 246, 248, 0.71) 0%,
			rgba(216, 225, 231, 0.75) 50%, rgba(181, 198, 208, 0.75) 71%,
			rgba(224, 239, 249, 0.79) 100%) !important;
		background: -o-linear-gradient(top, rgba(242, 246, 248, 0.71) 0%,
			rgba(216, 225, 231, 0.75) 50%, rgba(181, 198, 208, 0.75) 71%,
			rgba(224, 239, 249, 0.79) 100%) !important;
		background: -ms-linear-gradient(top, rgba(242, 246, 248, 0.71) 0%,
			rgba(216, 225, 231, 0.75) 50%, rgba(181, 198, 208, 0.75) 71%,
			rgba(224, 239, 249, 0.79) 100%) !important;
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f6f8',
			endColorstr='#e0eff9', GradientType=0) !important;
		-o-border-radius: 10px !important;
		-moz-border-radius: 12px !important;
		-webkit-border-radius: 10px !important;
		-webkit-box-shadow: 0px 3px 7px #c0c0c0 !important;
		border-radius: 10px !important;
		-moz-box-sizing: border-box !important;
		-opera-sizing: border-box !important;
		-webkit-box-sizing: border-box !important;
		-khtml-box-sizing: border-box !important;
	}
	#indexFlex {
		display: flex !important;
		width: 100% !important;
		margin: auto !important;
	}
	.indexLandscapeInner {
		width: 100% !important;
	}
	div.indexLandscapeInner:nth-child(3) {
		margin-right: 41px !important;
	}
	div.innerLandscape:nth-child(2)>img:nth-child(1) {
		width: 90% !important;
	}
	.button {
		display: inline-block !important;
	}
	.buttonLandscapeInner {
		width: 50% !important;
		margin: auto !important;
		display: flex !important;
	}
	.selectionBackgroundDiv {
		width: 100%;
		position: absolute;
		display: block;
		background-size: cover;
		background-position: center;
		filter: blur(1.5px);
		border-radius: inherit;
		z-index: 6;
		border: white solid 1px;
	}
	.selectionBackgroundDiv {
		width: 100%;
		position: absolute;
		display: block;
		background-size: cover;
		background-position: center;
		filter: blur(1.5px);
		border-radius: inherit;
		z-index: 6;
		border: white solid 1px;
	}
		.dashboardDialogDiv {
			width: 30% !important;
			float: right !important;
			margin: 2px 3px !important;
		}
		/* senario responsive */
		#descriptionDiv {
			margin-right: 0% !important;
		}
		#widget_descriptionInput {
			width: 159px !important;
			height: 80px !important;
		}
		#widget_nameForSenario {
			width: 159px !important;
		}
		#creatingSenario {
			width: 100% !important;
			margin: 0 auto !important;
		}
		#widget_nameForAutomation {
			width: 105px !important;
		}
		#choosePhotoP {
			text-align: center !important;
			font-size: 15px !important;
			display: block !important;
			color: #726c6ccf !important;
		}
		#widget_AutomationdescriptionInput {
			width: 106px !important;
			height: 72px !important;
			margin-right: 16px !important;
		}
		.inner {
			display: block !important;
			width: 50% !important;
			margin: 10px auto;
		}
		.conditions {
			display: block !important;
			width: 64% !important;
			height: auto !important;
			margin: 28px auto !important;
			border-style: solid;
			border-radius: 10px;
			border-color: rgba(138, 188, 159, 0.5);
			text-align: center;
			padding-right: 10px;
			cursor: pointer;
			font-size: 17px;
			color: #2e484c;
			background-color: rgba(138, 188, 159, 0.5);
			border-width: 1px;
			transition-duration: 0.3s !important;
		}
		.automationTdd {
			background: #FFFFFF;
			padding: 0 24px;
			text-align: right;
			vertical-align: middle;
			font-weight: 300;
			font-size: 18px;
			text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.1);
		}
		.automationTd {
			background: #FFFFFF;
			padding: 10px 26px;
			text-align: right;
			vertical-align: middle;
			font-weight: 300;
			font-size: 18px;
			text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.1);
		}
		td.automationTdd:nth-child(1)>img:nth-child(1) {
			width: 39px;
		}
		#chooseTypeOfConditionP {
			font-size: 25px;
		}
		td.automationTdd:nth-child(1)>img:nth-child(1) {
			width: 49px;
		}
		#conditionTable, #scheduleTable {
			border-radius: 3px !important;
			border-collapse: collapse !important;
			height: auto !important;
			margin: auto !important;
			padding: 0px !important;
			box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1) !important;
			animation: float 5s infinite !important;
		}
		#senarioTaskTable, #SelectedsenarioTaskTable,
			#SelectedDeviceOptionsTaskTable {
			display: block !important;
			border-radius: 3px !important;
			border-collapse: collapse !important;
			height: auto !important;
			margin: auto !important;
			padding: 0px !important;
			box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1) !important;
			animation: float 5s infinite !important;
		}
		.column {
			width: 23% !important;
		}
		.choosePhotoAutomationP {
			top: -3% !important;
			position: relative;
			font-size: 21px;
		}
		#newPhotoAutomation {
			cursor: pointer !important;
			background-color: #eeeeeebd !important;
			height: auto !important;
			border-radius: 28px !important;
			border-color: gray !important;
			border-width: 2px !important;
			border-style: dashed !important;
			width: 90% !important;
			display: block !important;
			margin: 7px auto !important;
		}
		#automationMainInnerDiv {
			width: 91% !important;
		}
		.Firstautomation {
			width: 100%;
			margin: 0 auto;
			display: block;
		}
		#mobileTable, .automationInfoTable {
			margin: 0 auto !important;
			width: 100% !important;
		}
		#widget_AutomationdescriptionInput, #widget_nameForAutomation,
			#widget_effectiveTime-from, #widget_effectiveTime-to {
			width: 60% !important;
			margin: 0 auto !important;
			display: block !important;
		}
		.newPhoto {
			cursor: pointer;
			background-color: #eeeeeebd;
			border-radius: 19px;
			border-color: gray;
			border-width: 2px;
			border-style: dashed;
			display: block;
			margin: 0 auto;
			position: unset;
		}
		.FirstautomationInnerDiv {
			width: 96%;
			display: inline-block;
			background-color: #d4d4d494;
			border-radius: 13px;
			padding: 1%;
			margin: 0 auto;
		}
		.newPhotoAutomation.newPhoto {
			height: auto !important;
			width: 75% !important;
			margin: 24px auto 0 !important;
		}
		.automationDetailsP {
			height: 6px !important;
		}
		/* places */
		.dashboardDiv {
			float: right !important;
			width: 30% !important;
			cursor: pointer !important;
			margin-right: 9px;
		}
		.column {
			float: left !important;
			width: 27% !important;
			padding: 10px !important;
		}
		.dashboardDiv {
			width: 27% !important;
			/*! margin-left: -0 !important; */
			margin-top: 0px !important;
			margin-right: 6px;
		}
		.main-block {
			width: 100% !important;
		}
		.account-details>div, .personal-details>div, .main-block input, label {
			width: 100% !important;
		}
		#widget_dob, #widget_firstName, #widget_lastName, #widget_address,
			#widget_phoneNumber, #widget_homeNumber, #widget_emailAddress,
			#widget_Currentpassword, #widget_repeatPassword, #widget_newpassword,
			.newPhotoProfile {
			width: 100% !important;
		}
		.senarioInnerDiv {
			width: 100%;
			height: auto;
			margin: 0 auto;
			display: flex;
		}
		.indexMainDiv {
			width: 88% !important;
			height: 90% !important;
			padding: 0 17px 58px;
		}
		.logo {
			width: 26% !important;
		}
		#indexDiv {
			width: 90% !important;
			height: 80% !important;
			margin: 5% auto !important;
			display: block !important;
			position: relative !important;
			background: rgba(242, 246, 248, 0.31) !important;
			background: -moz-linear-gradient(top, rgba(242, 246, 248, 0.71) 0%,
				rgba(216, 225, 231, 0.75) 50%, rgba(181, 198, 208, 0.75) 71%,
				rgba(224, 239, 249, 0.79) 100%) !important;
			background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(242, 246,
				248, 0.71)), color-stop(50%, rgba(216, 225, 231, 0.75)),
				color-stop(71%, rgba(181, 198, 208, 0.75)),
				color-stop(100%, rgba(224, 239, 249, 0.79))) !important;
			background: -webkit-linear-gradient(top, rgba(242, 246, 248, 0.71) 0%,
				rgba(216, 225, 231, 0.75) 50%, rgba(181, 198, 208, 0.75) 71%,
				rgba(224, 239, 249, 0.79) 100%) !important;
			background: -o-linear-gradient(top, rgba(242, 246, 248, 0.71) 0%,
				rgba(216, 225, 231, 0.75) 50%, rgba(181, 198, 208, 0.75) 71%,
				rgba(224, 239, 249, 0.79) 100%) !important;
			background: -ms-linear-gradient(top, rgba(242, 246, 248, 0.71) 0%,
				rgba(216, 225, 231, 0.75) 50%, rgba(181, 198, 208, 0.75) 71%,
				rgba(224, 239, 249, 0.79) 100%) !important;
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f6f8',
				endColorstr='#e0eff9', GradientType=0) !important;
			-o-border-radius: 10px !important;
			-moz-border-radius: 12px !important;
			-webkit-border-radius: 10px !important;
			-webkit-box-shadow: 0px 3px 7px #c0c0c0 !important;
			border-radius: 10px !important;
			-moz-box-sizing: border-box !important;
			-opera-sizing: border-box !important;
			-webkit-box-sizing: border-box !important;
			-khtml-box-sizing: border-box !important;
		}
		#indexFlex {
			display: flex !important;
			width: 100% !important;
			margin: auto !important;
		}
		.indexLandscapeInner {
			width: 100% !important;
		}
		div.indexLandscapeInner:nth-child(3) {
			margin-right: 41px !important;
		}
		div.innerLandscape:nth-child(2)>img:nth-child(1) {
			width: 90% !important;
		}
		.button {
			display: inline-block !important;
		}
		.buttonLandscapeInner {
			width: 50% !important;
			margin: auto !important;
			display: flex !important;
		}
		.dashboardSelectionDiv {
			width: 226px !important;
			margin: 5px !important;
			height: 127px !important;
			display: inline-block !important;
			position: relative !important;
			border-radius: 16px !important;
			transition-duration: 0.1s !important;
			/*! border: white solid 2px; */
		}
		.innerDashboardJspDiv .dashboardSelectionDiv {
			width: 224px !important;
			margin: 5px !important;
			height: 130px !important;
			display: inline-block !important;
			position: relative !important;
			border-radius: 16px !important;
			transition-duration: 0.1s !important;
		}
}