@-ms-viewport {width: device-width;}
input[type="button"],
input[type="submit"],
input[type="text"],
textarea{-webkit-appearance: none;}

.burger-ico{display: none;}
.oddel{display: none;}

@media screen and (max-width: 1360px) { 
  body .login-page .login-img{width: calc(100% - 550px);}
  body .login-img img {float: left;margin-top: 40px;margin-left: 40px;width: 80px;}
  body .sys-logo img{width: 190px;}
  body .login-form {margin-top: 60px;}  
  body .login-bar-o {padding-top: calc((100vh - 710px) / 2);}

}

@media screen and (max-width: 1130px) {
  body .welcome h1{font-size:22px;margin-bottom:15px;}
  body .welcome-txt,body .tab-text,body .case-txt,body .my-house-desc{font-size:13px;  line-height:19px;}
  body .my-house-txt{padding:30px;height:240px;  overflow:hidden;}
  body .my-house{height:300px;overflow:hidden; margin-top: 0px; margin-bottom: 30px;}
  body .dlazdice a{font-size:12px;}
  body .dlazdice a{height:93px;}
  body .right-bar-o{padding:30px 30px;}
  body .left-menu a{padding-top:8px;padding-bottom:8px;background-size:21px auto;}
  body .left-menu a:nth-child(1){background-position:left 10px top 7px;}
  body .left-menu a:nth-child(2){background-position: left 10px top -25px;}
  body .left-menu a:nth-child(3){background-position:left 10px top -57px;}
  body .left-menu a:nth-child(4){background-position:left 10px top -90px;}
  body .left-menu a:nth-child(5){background-position:left 10px top -121px;}
  body .left-menu a:nth-child(6){background-position:left 10px top -151px;}
  body .left-menu a:nth-child(7){background-position:left 10px top -181px;}
  body .left-menu a:nth-child(8){background-position:left 10px top -211px;}
  body .left-menu a:nth-child(9){background-position:left 10px top -307px;}
  body .left-menu a:nth-child(11){background-position:left 10px top -275px;}
  body .left-menu{margin-top:20px;border-top:1px solid #383938;padding-top:8px;}
  body .left-bar .logo{width:140px;margin-top:23px;}
  body .left-menu a{width:calc(100% - 50px);padding-left:45px;}
  body .left-menu .cara{margin-bottom:8px;margin-top:8px;}
  body .help-box{margin-top:20px;}


}


@media screen and (max-width: 1080px) {
  body .login-bar{width:280px;padding-left:60px;padding-right:60px;}
  body .login-page .login-img{width:calc(100% - 400px);}
  
  body .a-name {
	width: 100%;
	font-size: 13px;
	margin-right: 0px;
  margin-bottom: 5px;
}
body .a-btns {
	float: right;
}
body .address-book button.btn, body .tab-text .form-custom input[type="submit"] {
	letter-spacing: 0;
}
body .a-name input, body .a-phone input{font-size: 11px;}



}

@media screen and (max-width: 980px) {
  body .left-bar {
	position: fixed;
	z-index: 100;
	margin-left: -265px;
}
body .left-bar.expanded{margin-left: 0; -webkit-box-shadow: 5px 0px 11px -2px rgba(0,0,0,0.86);box-shadow: 5px 0px 11px -2px rgba(0,0,0,0.86);}
body .mobile-bar{display: block; position: absolute; left:0; top:0; background-image: url(images/burger-ico-white.webp); background-repeat: no-repeat;background-position: 13px 20px;-webkit-box-shadow: 5px 0px 11px -2px rgba(0,0,0,0.5);box-shadow: 5px 0px 11px -2px rgba(0,0,0,0.5);}
body .mobile-bar.expanded{display: none;} 
body .right-bar{width:calc(100% - 50px);  margin-left:50px;}
body .left-bar.expanded .menu-close{display:block;width:36px;height:36px;background-color:#161616;background-image:url(images/lightbox/close.png);position:absolute;left:265px;background-repeat:no-repeat;background-position:center;background-size:18px;border-left:1px solid #636363;  cursor:pointer;}




}

@media screen and (max-width: 764px) {
  body .sys-logo img{width:160px;}
  body .login-form{margin-top:50px;}
  body input.mail-input{margin-bottom:15px;}
  body a.log-lost{margin-top:20px;font-size:12px;}
  body .log-btn{padding-top:12px;padding-bottom:12px;}
  body .login-img img{display:none;}
  body .login-page .login-img{width:100%;float:none;}
  body .login-bar{position:absolute;z-index:10;top:0;left:calc(50% - 200px);  background-color:rgba(0,0,0,0.85);}
  body .login h1{margin-top:40px;font-size:13px;}
  body .login button{font-size:12px;}
  
  body .add-entry input {width: calc(100% - 18px);margin-bottom: 7px;}
  body .member-file-info > a {width: 100%;}
  body .file-size {
	display: none;
}


}

@media screen and (max-width: 740px) {
  body .my-house {
	height: auto;
	overflow: hidden;
	padding-top: 20vw;
	background-size: 100% auto;
	background-position: center top;
}
body .my-house-txt {
	border-radius: 0px 0 10px 10px;
  background: none;
  background-color: #161616;
  height: auto;
  padding: 25px;
}
body .tab-text .form-custom {
	width: auto;
}
body .form-group input,
body .form-group textarea {
	width: calc(100% - 22px);
}



body .dlazdice a{width: calc(50% - 5px);}
body .dlazdice a:nth-child(2),
body .dlazdice a:nth-child(4),
body .dlazdice a:nth-child(6), 
body .dlazdice a:nth-child(8) {
	margin-right: 0;
}
body .my-house-name {
	font-size: 26px;
  margin-bottom: 20px;
}

}

@media screen and (max-width: 620px) {
  



}



@media screen and (max-width: 520px) {
  body .a-phone {
	margin-right: 0;
	vertical-align: middle;
  width: 100%;
}
body .a-btns {
	float: left;
	margin-top: 16px;
}


}


@media screen and (max-width: 480px) {
  body .right-bar-o {
	padding: 0;
}
body .my-house {
	padding-top: 24vw;border-radius:0; margin-bottom: 0;
}

body .my-house-txt{border-radius:0;}
body .dlazdice{margin-top: 0;padding-left: 20px; padding-right: 20px; padding-bottom: 10px;}
body .welcome {border: none;border-radius: 0;}
}


@media screen and (max-width: 400px) {
  body .login-bar{width:calc(100% - 60px);  left:0;  padding-left:30px;  padding-right:30px;}
  body .help{font-size:10px;}
  
  body .welcome-txt, body .tab-text, body .case-txt, body .my-house-desc {
	font-size: 12px;
	line-height: 17px;
}
body .dlazdice a {
	font-size: 10px;
}


}