@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation:portrait) {
	.dashboardDiv {
		width: 22% !important;
		margin-left: 9px !important;
		margin-top: 2px !important;
	}
	.topnav {
		width: 18% !important;
	}
		#submitSenarioDiv .button {
	display: block  !important;
	border-radius: 4px;
	background-color: #FFFFFF  !important;
	border: none  !important;
	color: #333333  !important;
	text-align: center  !important;
	font-size: 12px ;
	padding: 20px  ;
	transition: all 0.5s  !important;
	cursor: pointer;
	margin: 46px auto !important;
}
.tabcontainer {
	width: 561px !important;
	height:400px !important;
	margin: 0 auto !important;
	overflow-y:auto !important;
}
	.userHomeMain {
		float: left !important;
		width: 80% !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;
	}
	.dashboardMainDiv {
		border-radius: 20px !important;
	}
	/* 	reponsive senario */
	.senarioInnerDiv {
		width: 73% !important;
	}
	#widget_nameForSenario {
		width: 55% !important;
	}
	.senarioInnerDiv {
		width: 79% !important;
	}
	#widget_descriptionInput {
		width: 55% !important;
		height: 80px !important;
	}
	#creatingSenario {
		width: 100% !important;
		height: max-content !important;
		margin: 0 auto !important;
	}
	.inner {
		width: 40% !important;
	}
	.sensorInnerDiv {
		margin: 16px auto !important;
	}
	.automationTd {
		padding: 14px 21px !important;
	}

	/* control */
	.controlDialogs {
		width: 41% !important;
	}
	/* profile */
	.main-block {
		width: 100% !important;
	}
	.inp .label {
		font-size: 36px !important;
	}
	.inp input {
		height: 110px !important;
	}
	#indexDiv {
		width: 73% !important;
		height: 91% !important;
		margin: 6% 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;
	}
	div.indexInner:nth-child(1)>img:nth-child(1) {
		margin: auto !important;
		width: 63% !important;
		display: block !important;
	}
	.inp input {
		-webkit-appearance: none !important;
		width: 100% !important;
		border: 0 !important;
		direction: ltr !important;
		font-family: b yekan !important;
		padding: 12px 0 !important;
		height: 48px !important;
		font-size: 30px !important;
		min-width: 313px !important;
		border-bottom: 1px solid #999999 !important;
		background: none !important;
		border-radius: 0 !important;
		color: #111111 !important;
		transition: all 0.15s ease !important;
	}
	.inp .label {
		position: absolute !important;
		direction: rtl !important;
		top: 2px !important;
		right: 7px !important;
		font-size: 14px !important;
		color: #444444 !important;
		transform-origin: 0 0 !important;
		transition: all 0.2s ease !important;
	}
	@media
	@media screen and (min-width: 768px) and (max-width: 1024px) {
		.indexMainDiv {
			width: 72% !important;
			display: block !important;
			margin: 102px auto !important;
			height: auto !important;
			padding: 53px 45px !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;
		}
		.dashboardDiv {
			width: 22% !important;
			margin-left: 9px !important;
			margin-top: 2px !important;
		}
		.topnav {
			width: 18% !important;
		}
		.userHomeMain {
			float: left !important;
			width: 80% !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;
		}
		.dashboardMainDiv {
			border-radius: 20px !important;
		}
		/* 	reponsive senario */
		.senarioInnerDiv {
			width: 73% !important;
		}
		#widget_nameForSenario {
			width: 55% !important;
		}
		.senarioInnerDiv {
			width: 73% !important;
		}
		#widget_descriptionInput {
			width: 55% !important;
			height: 80px !important;
		}
		#creatingSenario  {
			width: 57% !important;
			height: max-content !important;
			margin: 0 auto !important
		}
		.inner {
			width: 40% !important;
		}
		.sensorInnerDiv {
			margin: 16px auto !important
		}
		.automationTd {
			padding: 14px 21px !important
		}

		/* control */
		.controlDialogs {
			width: 41% !important;
		}
		/* profile */
		.main-block {
			width: 100% !important;
		}
		.inp .label {
			font-size: 30px !important;
		}
		.inp input {
			height: 110px !important;
		}
		#indexDiv {
			width: 73% !important;
			height: 91% !important;
			margin: 6% 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;
		}
		.inp input:not (:placeholder-shown ) +span {
			color: #111111 !important;
			transform: translateY(-26px) scale(0.75) !important;
		}
		.inp .label {
			font-size: 27px !important;
		}
		.innerDashboardJspDiv {
			margin: auto !important;
			width: 97% !important;
			height: 170px !important;
			display: block !important;
			overflow: auto !important;
		}
		.selectionBackgroundDiv {
			width: 100% !important;
			position: absolute !important;
			display: block !important;
			background-size: cover !important;
			background-position: center !important;
			filter: blur(1.5px) !important;
			border-radius: inherit !important;
			z-index: 6 !important;
			border: white solid 1px !important;
		}
		.dashboardSelectionDiv {
			width: 222px !important;
			margin: 7px !important;
			height: 127px !important;
			display: inline-block !important;
			position: relative !important;
			border-radius: 16px !important;
			transition-duration: 0.1s !important;
		}
		#imagesDiv {
			overflow-y: auto !important;
			height: 373px !important;
			width: 612px !important;
		}
		.innerDashboardJspDiv .dashboardSelectionDiv {
			width: 225px !important;
			margin: 5px !important;
			height: 134px !important;
			display: inline-block !important;
			position: relative !important;
			border-radius: 16px !important;
			transition-duration: 0.1s !important;
		}}