@media(max-width: 1919px){
	.dashboard-leads .status-box span.text em { font-size: 1.1em;}
	.login-main:before{ border-right: 1590px solid transparent;}
	.history-wrapper aside form{ padding-left: 10px;}
}
@media(max-width: 1799px){
.status-box span.text em,
.system-status span.text em{ font-size: 1.471em; line-height: 25px;}
.status-box-left i{ font-size: 3.143em;}
.valve-txt{ background-size: 100% auto; font-size: 1.2em; line-height: 52px;}
.dashboard-top-right .status-box .status-box-left { padding: 0 6px;}
.graph-count-main{ padding: 10px 0; margin: 0;}
.graph-count-main .count-number{ font-size: 1.5em;}
.db-graphs .small-graph{ -ms-flex: 0 0 35%; flex: 0 0 35%; max-width: 35%;}
.db-graphs .medium-graph{ -ms-flex: 0 0 65%; flex: 0 0 65%; max-width: 65%;}
.db-graphs .large-graph{ -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
.dashboard-mid-right .blue-bg-with-radius{ padding: 0;}
}
/*1699 to 1600 */
@media(max-width: 1699px){
	.watercost-box table tr td input{ width: 76px;}
	.valve-txt{ font-size: 1em; line-height: 42px;}
}
/*1599 to 1440 */
@media(max-width: 1599px){
	.login-main:before{ border-right: 1430px solid transparent;}	
	.navbar-left{ width: 230px;}
	.content-container{ padding-left: 230px;}
	.watercost-box table tr td input { width: 60px;}
	.valve-txt{ line-height: 36px;}
	.status-box span.text em,
	.system-status span.text em{ font-size: 1.271em;}
	.status-icon{ font-size: 1.4em; right: 10px; top: 8px;}
	.history-wrapper aside{ padding-bottom: 30px;}
	.history-wrapper select.eng-select{ padding-right: 30px;}
	.history-wrapper .heading-with-right-text + .heading-with-right-text{ padding-left: 0; justify-content: flex-end;}
}

/*1439 to 1360 */
@media (max-width: 1439px) {
	.login-main:before{ border-right: 1360px solid transparent;}
	.profile-box .social-login{ padding: 30px 0 33px;}
	.profile-box .social-login ul li{ padding: 0 5px;}
	.profile-box .social-login ul li a{ width: 50px; height: 50px; line-height: 50px; font-size: 1.5em;}
	.status-box span.text em,
	.system-status span.text em{ font-size: 1.02em;}
	.valve-txt{ font-size: 0.8em; line-height: 28px;}
	.graph-count-main .count-graph{ padding-left: 0;}
}
/*1359 to 1280 */
@media (max-width: 1359px) {
	.login-main:before { border-right: 1270px solid transparent;}
	.navbar-left{ width: 170px;}
	.content-container{ padding-left: 170px;}
	div.connecting_to_systems,
	div.connecting_to_system,
	div.adding_sensor,
	div.removing_sensor{
		margin-left: 170px;
	}
	.left-side-nav ul li a span{ font-size: 1em; padding: 13px 30px 13px 42px;}
	.main-body { padding: 36px 15px 28px;}
	.property-details aside{ margin-bottom: 15px;}
	.property-details aside:nth-child(1),
	.property-details aside:nth-child(2),
	.property-details aside:nth-child(3){ -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}
	.top-bar{ padding: 0;}
	.loader, .loader-txt{ left: 42%;}
}

/*1279 to 1152 */
@media (max-width: 1279px) {
	.login-main:before{ border-right: 1140px solid transparent;}
	.overview-box-in a{ width: 10%;}
	table.profile-details,
	.profile-activities ul li,
	table.inline-table, .profile-cont ul li h3, .profile-cont ul li p{ font-size: 1em;}
	.db-graphs .small-graph{ -ms-flex: 0 0 45%; flex: 0 0 45%; max-width: 45%;}
	.db-graphs .medium-graph{ -ms-flex: 0 0 55%; flex: 0 0 55%; max-width: 55%;}
	.top-bar-left .floor-list ul li { padding: 0 12px;}
	.sys-status ul li .row{ margin: 0 -20px;}
	.sys-status ul li aside{ padding: 0 20px;}
	.sys-status .icon-first, .sys-status .icon-last{ font-size: 1.8em; top: 8px;}
	.sys-status-row { padding: 0 38px 0 44px;}
}
/*1199 to 1151 */
@media (max-width: 1199px) {
	.watercost-box table tr td input{ width: 80px;}
	.system-view-wrapper .profile-cont{ padding-top: 25px;}
	.system-view-wrapper .profile-cont .row{ margin: 0;}
	.water-pressure-sec{ max-width: 100%; margin: auto; display: flex; justify-content: space-evenly;}
	.water-pressure-sec.table-wrap aside{ -ms-flex: 0 0 308px; flex: 0 0 308px; max-width: 308px;}
	.water-pressure-sec aside + aside:before{ left: -18%;}
	.gauges-main-wrapper{ background: #2b3455; border-radius: 10px;}
	.gauges-left,
	.gauges-right-div{ flex: 0 0 100%; max-width: 100%; -ms-flex: 0 0 100%;}
	.dashboard-top-right,
	.dashboard-mid-right{ padding-left: 15px;}
	.status-box-left i { font-size: 5.143em;}
	.status-box span.text em, .system-status span.text em{ font-size: 2em;}
	.valve-txt{ font-size: 1.286em; line-height: 59px;}
	.status-box{ padding: 12px 0;}
	.water-pressure-sec aside + aside:before{ display: none;}
	.gauges-main-wrapper{ position: relative;}
	.gauges-main-wrapper:before{background: #8b90b7; content: ""; width: 1px; height: 90%; position: absolute; top: 17px; z-index: 1; left: 0; right: 0; margin: auto;}
	.graph-count-wrapper {  width: 700px;}
}
/*1151 to 1024 */
@media (max-width: 1151px) {
	.login-main:before { border-right: 1010px solid transparent;}
	.profile-box .social-login ul li{ padding: 0 3px;}
	table.inline-table tr th{ width: 52%;}
	table.inline-table tr td{ width: 48%;}
	.profile-box .social-login{ padding: 18px 0 21px;}
	.sys-status .sys-status-txt{ font-size: 0.9em;}
	.top-bar-left ul.dropdown-menu{ margin-left: -80px;}
}
/*1023 to 992 */
@media (max-width: 1023px) {
	.login-main:before { border-right: 960px solid transparent;}
}
/*991 to 970 */
@media (max-width: 991px) {
	.navbar-left{ width: 100%; bottom: auto; padding: 15px 0; margin: 0; align-items: center;}
	.content-container{ padding-left: 0; margin-top: 78px;}
	.navbar-left .logo-sec, .desk-topbar-right{ display: none;}
	.mob-top-bar-right{ display: block; text-align: right;}
	.top-bar-dropdown ul.dropdown-menu{ left: 0 !important; right: auto;}
	.top-bar-dropdown button.dropdown-toggle{ color: #fff;}
	.top-bar-dropdown button.dropdown-toggle span,
	.top-bar-dropdown button.dropdown-toggle i.fa-angle-down{ display: none;}
	.mobile-logo{ margin-left: 60px; display: inline-block;}
	.mobile-logo img{ max-width: 36px;}
	.header-nav{ position: static;}
	.header-nav .navoverlay{ width: 100%; left: 0; top: 78px; z-index: 99; position: absolute; height: calc( 100vh - 78px ); overflow-y: scroll; background: #1b1d3d; padding: 26px 0 0;}
	.header-nav ul li.has-sub{ position: relative;}
	.header-nav #cssmenu ul ul{ position: static; margin-top: 0; background: #111328; padding-left: 40px;}
	.header-nav ul span.submenu-button { position: absolute; width: 20px; height: 20px; top: 15px; right: 0;}
	.header-nav ul span.submenu-button:before { content: "\f105"; font-family: "Font Awesome 5 Pro"; display: block; color: #fff; right: 20px; line-height: normal; top: 12px; font-size: 1.286em; margin-top: 0;}
    .header-nav ul span.submenu-button.submenu-opened:before { content: "\f107";}
    .top-bar-right .top-bar-links{ color: #fff;}
    .left-side-nav ul li a span{ padding: 13px 30px 13px 66px;}
    .left-side-nav ul li a i{ left: 26px;}
    .main-body { padding: 36px 15px 28px;}
    table.inline-table tr th{ width: 40%;}
    table.inline-table tr td{ width: 60%; padding-left: 20px;}
    .profile-acnt-info tr td span{ display: block;}
    .top-bar .top-bar-right{ display: none;}
    .top-bar .top-bar-left{ justify-content: center;}
    .top-bar-left .floor-list{ width: 80%;}
    .top-bar-left ul{ justify-content: center;}
    .top-bar-left .floor-list ul li{ width: 20%;}
    .left-side-nav ul li.has-sub > a span:after{ display: none;}
    div.connecting_to_systems, div.connecting_to_system, div.adding_sensor, div.removing_sensor { margin-left: 0;}
    .sensor-details .profile-cont{ padding: 20px 15px;}
    .profile-wrapper .profile-cont{ padding-left: 15px;}
	.profile-cont .row{ padding-top: 15px;}
	.profile-acnt-info,
	.profile-activities{ margin: 0;}
	.loader, .loader-txt{ left: 0; right: 0; margin: auto;}
}

/*969 to 900 */
@media (max-width: 969px) {
	.login-main:before { border-right: 890px solid transparent;}
	table.profile-details,
	.profile-activities ul li,
	table.inline-table{ font-size: 1.143em;}
}

/*899 to 800 */
@media (max-width: 899px) {
	.login-main:before { border-right: 760px solid transparent;}
	.overview-cont p{ line-height: normal;}
	.profile-box .social-login ul li a { width: 40px; height: 40px; line-height: 40px; font-size: 1.3em;}
	.prof-setting-edit{ padding: 15px 15px 0;}
	/*.profile-cont ul li h3,
	.profile-cont ul li p{ font-size: 1em;}*/
	.blue-bg-box{ padding: 15px;}
	.db-graphs .small-graph,
	.db-graphs .medium-graph{ -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}
	.sys-status .sys-status-txt{ font-size: 0.8em;}
	.sys-status .icon-first, .sys-status .icon-last{ font-size: 1.4em;}
	.sys-status-row{ padding: 0 28px 0 34px;}
	.watercost-box table tr td input{ width: 60px;}
	.heading-with-input input{ max-width: 220px;}
}

/*799 to 768 */
@media (max-width: 799px) {
	.actions a{ padding: 0 5px;}
	.phone-code-field .code-field{ -ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 40%;}
	.phone-code-field .phone-field{ -ms-flex: 0 0 60%; flex: 0 0 60%; max-width: 60%;}
}

/*767 to 736 */
@media (max-width: 767px) {
	.login-main:before{ border-right: 730px solid transparent;}
	.profile-box .social-login ul li{ padding: 0 10px;}
	.profile-box .social-login ul li a{ width: 54px; height: 54px;line-height: 54px; font-size: 2em;}
	table.profile-details tr th,
	table.profile-details tr td{ padding: 0 10px 10px;}
	.property-details aside:nth-child(1),
	.property-details aside:nth-child(2),
	.property-details aside:nth-child(3){ -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
	.actions a{ padding: 0 7px;}
	.valve-txt{ font-size: 1.1em; line-height: 53px;}
	.property-address { padding: 10px 0 12px;}
	.property-address em{ display: block;}
	.top-bar-left ul.dropdown-menu{ margin-left: -130px;}
	.db-graphs .small-graph,
	.db-graphs .medium-graph{ -ms-flex: 0 0 10%; flex: 0 0 100%; max-width: 100%;}

	.enolgas-table-wrapper{ margin: 0 -15px; height: auto;}
	table.enolgas-table thead{ border: none; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; /*position: absolute;*/ position: static; width: 1px; background: #fff;}
	table.enolgas-table thead th{ display: none;}
	table.enolgas-table tbody tr{ padding: 20px 0; display: block;}
	table.enolgas-table tbody tr:first-child{ padding-top: 0;}
	table.enolgas-table tbody tr:nth-child(2n){ border-top: 1px solid #8b90b7; border-bottom: 1px solid #8b90b7; background: #3a4468;}
	table.enolgas-table tr td{ display: block; text-align: right;}
	table.enolgas-table tr td:before{ content: attr(data-value); font-weight: bold; margin-top: 0; position: absolute; left: 15px; top: 50%; margin-top: -10px; width: 150px; text-align: left;}
	table.enolgas-table thead tr th, table.enolgas-table tbody tr td{ padding: 8px 20px; border: none; font-size: 1em; word-break: break-all;}
	table.enolgas-table tbody tr td{ padding-left: 160px; position: relative; text-align: right;}
	table.enolgas-table tbody tr td td{ padding-left: 200px;}
	table.enolgas-table tbody tr.table-data-empty td{ padding-left: 0;}
	.actions span { padding: 0;}
	.watercost-box table tr td input { width: 80px;}
	.message{ height: auto; line-height: normal;}
	.actions span.icon-action{ padding: 0 5px 0 10px; width: 30px; display: inline-block;} 
	span.icon-action a{ left: 0;}
}

/*735 to 667 */
@media (max-width: 735px) {
	.login-main:before{ border-right: 660px solid transparent;}
	.status-box span.text em,
	.system-status span.text em{ font-size: 1.5em;}
	.valve-txt{ line-height: 45px;}
	.dashboard-top-right aside{ display: block; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
	.valve-txt{ line-height: 58px; font-size: 1.3em;}
	.water-pressure-sec{ display: block;}
	.water-pressure-sec aside{ -ms-flex: 0 0 308px; flex: 0 0 308px; max-width: 308px; display: block; padding-top: 1px; margin: auto;}
	.water-pressure-sec aside + aside{ margin-top: 20px;}
	.gauges-main-wrapper:before{ display: none;}
	.unit-accordion .card-body-in{ padding-right: 0;}
	.status-box-main .system-status{ padding-left: 0;}
	.water-pressure-sec .cold{ border-top: 1px solid #8b90b7;}
	table.profile-details{ padding: 26px 10px 15px;}
}

/*666 to 600 */
@media (max-width: 666px) {
	.login-main:before{ border-right: 560px solid transparent;}
}

/*599 to 568 */
@media (max-width: 575px) {
	.profile-wrapper .blue-bg-with-radius{ height: auto; min-height: auto;}
	.profile-cont .row{ padding-top: 0;}
	.profile-cont .profile-cont-box { margin: 20px 0 0;}
	.system-status .blue-bg-with-radius { min-height: auto;}
	.top-bar-left .floor-list { width: 94%;}
	.top-bar-left .floor-list ul li a { font-size: 1em;}
	.card-header .card-header-right{ text-align: left; padding-left: 5px;}
	.graph-count-main .count-graph{ padding-left: 15px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
	.graph-count-main .count-number{ text-align: left; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
	.sys-status-row{ margin-bottom: 20px; padding: 0 38px 0 70px;}
	.sys-status ul li{ padding: 0;}
	.blue-bg-box.sys-status{ padding-bottom: 40px;}
	.sys-status .sys-status-txt { font-size: 1em;}
	.sys-status .icon-first, .sys-status .icon-last{ font-size: 2em;}
	.sensor-details .profile-cont-box + .profile-cont-box{ margin-top: 20px;}
	.bluebox-table-wrapper{ height: auto; margin: 0 -15px;}
	.graph-count-main{ width: 610px;}
	.history-wrapper .heading-with-right-text + .heading-with-right-text{ padding-left: 15px; padding-top: 20px; justify-content: space-between;}
	.history-wrapper select.eng-select{ min-width: 100px; padding-left: 15px;}
}

/*567 to 480  */
@media (max-width : 567px) {
	.login-main{ padding: 0;}
	.login-main:before{ display: none;}
	.login-box{ padding: 30px; border-radius: 0; width: 100%;}
	.login-logo-sec{ margin: 0 0 25px;}
	.login-form button{ margin-top: 18px;}
	.social-login{ padding: 26px 0 10px;}
	.copy-right span{ display: block;}
	.actions span { padding: 0 2px;}
	.units-table-wrapper table.units-table tr th,
	.units-table-wrapper table.units-table tr td{ padding-left: 15px; padding-right: 15px;}
	.top-bar-left ul.dropdown-menu{ margin-left: -140px;}
	.main-wrapper{ min-height: auto;}
}

/*479 to 414  */
@media (max-width : 479px) {
	.overview-box-in a{ font-size: 1.1em;}
	table.profile-details,
	table.inline-table{ font-size: 1.143em;}
	.profile-cont ul li h3, .profile-cont ul li p, .profile-activities ul li{ font-size: 1em;}
	.units-table-wrapper table.units-table tr th,
	.units-table-wrapper table.units-table tr td{ width: 30%;}
	.units-table-wrapper table.units-table tr th:last-child,
	.units-table-wrapper table.units-table tr td:last-child{ width: 40%;}
	.profile-cont .watercost-box table tr th{ width: 64%;}
	.profile-cont .watercost-box table tr td{ width: 36%;}
	.reset-pwd.login-main{ min-height: calc( 100vh - 82px );}
	.reset-pwd .login-box{ height: calc( 100vh - 82px );}
	.login-form .form-field{ font-size: 1em;}
	.property-address{ font-size: 1em;}
	.top-bar-left .floor-list ul li { width: auto; padding: 0px 9px;}
	.top-bar-left .floor-list ul li a{ font-size: 0.9em; padding: 8px 0;}
	.top-bar .top-bar-left{ padding: 10px 0 0;}
	.floor-drop-down button { padding-top: 5px;}
	.top-bar-left li.dropdown button{ padding-top: 4px;}
	.floor-drop-down ul.dropdown-menu li.dropdown a{ padding: 4px 26px 4px 15px;}
	.chart-sec-wrapper::-webkit-scrollbar{ width: 2px; height: 14px;}
	.chart-sec-wrapper::-webkit-scrollbar-thumb{ border-radius: 10px; -webkit-box-shadow: inset 10px 10px 50px #fefefe; -webkit-box-shadow: inset 10px 10px 50px #fefefe; -moz-box-shadow: inset 10px 10px 50px #fefefe; border: 3px solid #ccc;}
	.chart-sec-wrapper::-webkit-scrollbar-track{ -webkit-box-shadow: inset 0px 10px 80px #cccccc; -webkit-box-shadow: inset 0px 10px 80px #cccccc; -moz-box-shadow: inset 0px 10px 80px #cccccc; border-radius: 10px;}
	.chart-sec-wrapper{ width: 700px; overflow: auto; max-width: 100%; padding: 0 0 6px; border-radius: 10px; border-bottom-right-radius: 30px;}
	.chart-sec{ width: 500px; overflow: auto;}
	.chart-sec-wrapper .blue-chart{ width: 500px;}
	.accordion-header{ font-size: 1em;}
	p{ line-height: 21px; font-size: 1em;}
	.message{ font-size: 1em;}
	.top-bar-right .top-bar-links{ padding-top: 0;}
	.heading-with-input{ display: block;}
	.heading-with-input input{ max-width: 100%;}
	.heading-with-input h2{ margin-bottom: 10px;}
	.top-bar-left .floor-list ul li a i.fa-exclamation-triangle{ top: -4px;}
}

/*413 to 375*/
@media (max-width : 413px) {
	.login-logo-sec img{ max-width: 110px;}
	.login-form .form-field{ height: 48px;}
	.login-form button{ line-height: 48px;}
	.social-login{ padding: 40px 0 52px;}
	.social-login ul li a{ width: 45px; height: 45px; line-height: 45px; font-size: 1.286em;}
	.overview-box-in a{ width: 11%;}
	.valve-txt{ line-height: 48px; font-size: 1.3em;}
	.top-bar-left .floor-list ul li{ padding: 0 5px;}
	.help-center-grids ul li a{ font-size: 1em;}
	.watercost-box table tr td input{ width: 70px;}
	table.inline-table.stack-td-data tr th,
	table.inline-table.stack-td-data tr td{ width: 100%; display: block;}
	table.inline-table.stack-td-data tr td{ padding: 2px 0 15px; text-align: left; word-break: break-all;}
}

/*374 to 320*/
@media (max-width : 374px) {
	.login-box { padding: 30px 15px 0;}
	.remember-btns aside + aside{ padding-left: 0;}
	.remember-btns span{ padding: 0 4px; }
	/*.remember-btns label{ margin: 0 0 0 5px;}*/
	.copy-right{ font-size: 1em;}
	.social-login{ padding: 20px 0 52px;}
	.social-login ul li{ padding: 0 8px;}
	.login-form .form-field{ height: 40px; font-size: 1em;}
	.login-form button{ line-height: 40px;}
	.login-logo-sec{ margin: 0 0 20px;}
	.login-box{ padding: 20px 15px 30px;}
	.overview-box-in{ text-align: center;}
	.overview-box-in a{ font-size: 1em;}
	.profile-box .social-login ul li a { width: 40px; height: 40px; line-height: 40px; font-size: 1.3em;}
	table.profile-details, .profile-activities ul li, table.inline-table, .profile-cont ul li h3, .profile-cont ul li p { font-size: 1em;}
	.profile-cont .watercost-box table tr th{ width: 55%;}
	.profile-cont .watercost-box table tr td{ width: 45%;}
	.reset-pwd h2{ margin: 38px 0 25px;}
	.remember-btns input{ margin-right: 2px;}
	.reset-pwd.login-main{ min-height: calc( 100vh - 70px );}
	.reset-pwd .login-box{ height: calc( 100vh - 70px );}
	.valve-txt{ line-height: 40px; font-size: 1.1em;}
	.status-box-left i{ font-size: 4em;}
	.status-box span.text em,
	.system-status span.text em{ font-size: 1.2em;}
	.top-bar-left .floor-list ul li{ padding: 0 5px;}
	.water-pressure-sec{ overflow: hidden;}
	.water-pressure-sec aside{ padding-left: 0; padding-right: 0; width: 308px; margin-left: -26px;}
	.sys-status-row{ padding: 0 38px 0 45px;}
	.sys-status .icon-first, .sys-status .icon-last{ font-size: 1.5em;}
	.top-bar-left .floor-list ul li a { font-size: 0.7em;}
	table.enolgas-table{ font-size: 1em;}
	table.enolgas-table thead tr th,
	table.enolgas-table tbody tr td{ font-size: 0.9em;}
	.floor-drop-down button{ padding-top: 2px;}
	.message{ font-size: 0.9em; padding: 0 5px;}
	.water-bill-box form span{ font-size: 1em;}
	.water-bill-box form span em{ padding: 0 4px;}
	.water-bill-box form span select{ min-width: auto; }
	.history-wrapper .hot-cold{ text-align: right;}
}