@-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: 0px;margin-left: 40px;width: 80px;}
  body .login-form {margin-top: 60px;}  

}

@media screen and (max-width: 1200px) {
  body .reminder-comp .a-reminder,
  body .reminder-comp .a-last,
  body .reminder-comp .a-period{font-size: 12px;}
  body .reminder-comp .a-last{width: 175px;margin-right: 10px;}
  body .reminder-comp .a-period {
	width: 110px;
	margin-right: 10px;
}
body .reminder-comp .a-reminder {
	width: calc(100% - 470px);
}
  
}

@media screen and (max-width: 1130px) {
  body .welcome h1{font-size:22px;margin-bottom:15px;padding-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{margin-top:20px;border-top:1px solid #383938;padding-top:8px;}
  body .left-menu .cara{margin-bottom:8px;margin-top:8px;}
  body .help-box{margin-top:20px;}
  
  body .left-menu a{padding-left: 40px; padding-top: 7px; padding-bottom: 7px;}
  body .left-menu a.ico-1 {background-position: left 10px top 5px;}
  body .left-menu a.ico-2 {background-position: left 10px top -337px;}
  body .left-menu a.ico-3 {background-position: left 10px top -23px;}
  body .left-menu a.ico-4 {background-position: left 10px top -51px;}
  body .left-menu a.ico-5 {background-position: left 10px top -81px;}
  body .left-menu a.ico-6 {background-position: left 10px top -109px;}
  body .left-menu a.ico-7 {background-position: left 10px top -137px;}
  body .left-menu a.ico-8 {background-position: left 10px top -164px;}
  body .left-menu a.ico-9 {background-position: left 10px top -191px;}
  body .left-menu a.ico-10 {background-position: left 10px top -282px;}
  body .left-menu a.ico-11 {background-position: left 10px top -311px;}
  body .left-menu a.ico-12 {background-position: left 10px top -251px;}
  body .left-menu a.ico-13 {background-position: left 10px top -23px;}

  body .help-box{padding:12px;}

}


@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 60px;-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;}

body .mobile-bar .s-b-bar{display: block;}

body .gallery-item,
body .gallery-item img {height: 90px;}

}

@media screen and (max-width: 860px) {
body .reminder-comp .a-reminder {
	width: 100%;
	margin-right: 0;
	border-bottom: 1px solid #cecece;
	margin-bottom: 8px;
	padding-bottom: 11px;
	font-weight: 700;
}


}


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

  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 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:34vw;
	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;
}

body .gallery-item,
body .gallery-item img {height: 70px;}
body .gallery-item{margin-right: 2px; margin-bottom: 2px;}
}


@media screen and (max-width: 640px) {
  body .reminder-comp .a-btns {
	float: left;
	width: 100%;
	margin-top: 10px;
}

}


@media screen and (max-width: 570px) {
  body .login-img img {
	margin-top:0;
	margin-left: 27px;
	width: 42px;
}
  body .sys-logo img {
	width: 88px;
}
body .logo-txt-1{font-size: 24px; margin-top: 30px;}
body .logo-txt-2 {
	font-size: 11px;
	letter-spacing: 0px;
	margin-top: 5px;
}



}



@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: 500px) {
  body .login-img img{display: none;}
  body .login-bar {width: calc(100% - 120px);}

  body .s-b-bar{display: block;}
  body .tab-text h2 {
	font-size: 14px;
}
}


@media screen and (max-width: 480px) {
  body .right-bar-o {
	padding: 0;
}
body .my-house {
	padding-top: 38vw;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;}
body .address-book .a-btns button.btn {
	font-size: 8px;
}
}


@media screen and (max-width: 400px) {
  body .login-bar{width:calc(100% - 60px);  left:0;  padding-left:30px;  padding-right:30px;}
  body .s-b-bar {
	width:calc(100% - 60px);  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;
}

body .login button{letter-spacing: 0;}

body .gallery-item, body .gallery-item img {
	height: 60px;
}


}