@media (min-width: 3400px) {
   .home .owl-dots {left: 9%;}
   .dum img {width: 100%;}
}

@media (min-width: 2500px) {
   .home .item img {
      transform: translate(0,-50%);
      position: absolute;
      top: 50%;
   }
   @keyframes zoom {
     from {transform: scale(1, 1) translate(0,-50%);}
     to {transform: scale(1.5, 1.5) translate(10%,-50%);}
   }
}

@media (max-width: 1680px) {
   .form-title {background-size: auto 100%;}
   .form-title:before {width: 63%;}
}

@media (max-width: 1480px) {
   header .nav-link {margin: 0 10px;}
   .slidingmenu ul {padding: 30px 0;}
   .slidingmenu h6 {margin-top: 30px;}
   .slidingmenu strong {margin: 10px 0;}
   .standardy {padding: 120px 5% 0 5%;}
   .fotky {padding-top: 20px;}
   .flor {
      padding: 10px 30px 10px 5%;
      bottom: 20%;
   }
	.financovani .col-md-8 {
		-ms-flex: 0 0 80%;
		flex: 0 0 80%;
		max-width: 80%;
	}
}

@media (max-width: 1366px) {
}

@media (max-width: 1366px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
   .home .item {padding: 0;}
   .home .item img {
      transform: translate(0,0);
      height: 100%;
      max-width: none;
      width: auto;
   }
   .note {
      left: 10%;
      width: 70%;
   }
   .note > div {
      margin-bottom: 40px;
      padding: 25px;
   }
   .note > div:before {
      left: 0;
      top: 0;
      right: 0;
      bottom: 0;
   }
}

/* iPad landscape ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
   header .nav-link {margin: 0 5px;}
   header .nav-item:last-child {padding-left: 180px;}
   .home .item {padding: 0;}
   .home .item img {
      transform: translate(0,0);
      height: 100%;
      max-width: none;
      width: auto;
   }
   .note {
      left: 10%;
      width: 70%;
   }
   .note > div {
      margin-bottom: 40px;
      padding: 25px;
   }
   .note > div:before {
      left: 0;
      top: 0;
      right: 0;
      bottom: 0;
   }
   .standardy {padding: 140px 4% 0 4%;}
   .nfo .table td {font-size: 16px;}
   .form-title:before {width: 80%;}
	.financovani .col-md-8 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.financovani ol {margin: 0 0 250px 0;}
	.financovani ol li {padding: 45px 25px 45px 150px;}
	.financovani ol li:nth-child(2n+1) {padding: 45px 150px 45px 25px;}
}

/* ipad portrait ----------------------------------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
   .hamburger {top: 15px;}
   header .navbar-nav {padding-left: 70px;}
   header .nav-item:last-child {padding-left: 0;}
   .moremenu {display: none;}
   .slidingmenu {
      position: relative;
      right: auto;
      top: auto;
      height: auto;
      width: 100%;
      padding: 15px;
   }
   .slidingmenu.collapse {right: auto;}
   .slidingmenu.collapse {right: auto;}
   .home .item {padding: 0;}
   .home .item img {
      transform: translate(0,0);
      height: 100%;
      max-width: none;
      width: auto;
   }
   .note {
      left: 10%;
      width: 70%;
   }
   .note > div {
      margin-bottom: 40px;
      padding: 25px;
   }
   .note > div:before {
      left: 0;
      top: 0;
      right: 0;
      bottom: 0;
   }
   .standardy {padding: 140px 2% 0 2%;}
   .cta h5 {font-size: 24px;}
   .cta {font-size: 16px;}
   .cta .button02 {
      padding: 12px 15px;
      font-size: 13px;
   }
   .nfo .table td {font-size: 16px;}
   .form-title h1 {font-size: 40px;}
   .form-title > div {left: 15px;}
   .form-title:before {width: 100%;}
	.financovani {background-size: auto 100vh;}
	.financovani .col-md-8 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.financovani ol {margin: 0 0 250px 0;}
	.financovani ol li {padding: 45px 25px 45px 150px;}
	.financovani ol li:nth-child(2n+1) {padding: 45px 150px 45px 25px;}
   
}

/* ipad Pro portrait ----------------------------------- */
@media only screen and (min-device-width : 900px) and (max-device-width : 1024px) and (orientation : portrait) {
   header .nav-item:last-child {padding-left: 60px;}
   .moremenu {display: inline-block;}
   .hamburger {top: -5px;}
   .slidingmenu {
      position: fixed;
      right: 0;
      top: 0;
      height: 100vh;
      width: 360px;
      color: #fff;
      z-index: 0;
      display: block !important;
      background: #000;
      padding: 15px 15px 15px 60px;
   }
   .slidingmenu.collapse {right: -100%;}
   .slidingmenu.collapse.show {right: 0;}
   }

/* mobile 481px to 812px landscape ----------------------------------- */
@media (min-width: 481px) and (max-width: 812px) and (orientation: landscape) {
   .logo {margin: 0;}
   header .navbar {padding: 0 1rem;}
   header {position: absolute;}
   header .navbar-nav {padding-left: 30px;}
   .hamburger {top: 15px;}
   .button01, .button02 {
      padding: 12px 18px;
      font-size: 14px;
   }
   header .nav-item:last-child {padding-left: 0;}
   .moremenu {display: none;}
   .slidingmenu {
      position: relative;
      right: auto;
      top: auto;
      height: auto;
      width: 100%;
      padding: 15px;
   }
   .slidingmenu.collapse {right: auto;}
   .slidingmenu.collapse {right: auto;}
   .home .item {padding: 0;}
   .note {
      width: 96%;
      margin: 0 2%;
      font-size: 18px;
      bottom: 10%;
   }
   .note > div {
      margin-bottom: 40px;
      padding: 15px;
   }
   .note > div:before {
      left: 0;
      top: 0;
      right: 0;
      bottom: 0;
   }
   .note h1, .note h2 {font-size: 40px;}
   .note > span a + a {margin-left: 5px;}
   .home .owl-dots {
      left: auto;
      right: 4%;
      bottom: 6%;
      z-index: 3;
   }
   .standardy {padding: 140px 2% 0 2%;}
   .cta h5 {font-size: 24px;}
   .cta {font-size: 16px;}
   .cta .button02 {
      padding: 12px 15px;
      font-size: 13px;
   }
   .nfo .table td {font-size: 16px;}
   .nfo-data .container, .form-data .container, .personal-data .container {max-width: 100%;}
   .form-title h1 {font-size: 40px;}
   .form-title > div {left: 15px;}
   .form-title:before {width: 100%;}
	.financovani .col-md-8 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.financovani ol {margin: 0 0 250px 0;}
	.financovani ol li {padding: 45px 25px 45px 150px;}
	.financovani ol li:nth-child(2n+1) {padding: 45px 150px 45px 25px;}
   
}

/* mobile width till 767px ----------------------------------- */
@media (max-width: 767px){
	.financovani {background-size: auto 100vh;}
	.financovani .col-md-8 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.financovani h1 {
	padding: 10px 20px;
	margin: 20vh 0 0 0;
	font-size: 20px;
}
	.financovani h2 {font-size: 24px;}
	.financovani ol {margin: 0 0 20px 0;}
	.financovani ol:before {display: none;}
	.financovani ol li {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		transform: translate(0,0);
	}
	.hypo {padding:  0 30px;}

}

@media (min-width: 420px) and (max-width: 667px) {
   .fotky .col-md-5 span {padding: 15px 0 0 0;}
   .fotky .col-md-5 a img {
      position: relative;
      transform: translate(0,0);
      top: auto;
   }
   .fotky .col-md-5 a:hover img {transform: translate(0,0) scale(1.1,1.1);}
}

@media(max-width:480px) {
   .logo {margin: 0;}
   header .navbar {padding: 0 1rem;}
   header {
      padding: 10px 0 0 0;
      position: absolute;
   }
   .hamburger {top: -35px;}
   .button01, .button02 {
      padding: 12px 18px;
      font-size: 14px;
   }
   header .nav-item:last-child {padding-left: 0;}
   .moremenu {display: none;}
   .slidingmenu {
      position: relative;
      right: auto;
      top: auto;
      height: auto;
      width: 100%;
      padding: 15px;
   }
   .slidingmenu.collapse {right: auto;}
   .slidingmenu.collapse {right: auto;}
   .home .item {padding: 0;}
   .home .item img {
      transform: translate(0,0);
      height: 100%;
      max-width: none;
      width: auto;
   }
   .note {
      width: 96%;
      margin: 0 2%;
      font-size: 18px;
      bottom: 30%;
   }
   .note > div {
      margin-bottom: 40px;
      padding: 15px;
   }
   .note > div:before {
      left: 0;
      top: 0;
      right: 0;
      bottom: 0;
   }
   h1, .note h1, .note h2 {font-size: 40px;}
   .note > span a + a {margin-left: 5px;}
   .home .owl-dots {
      left: 50%;
      bottom: 6%;
      z-index: 3;
      transform: translate(-50%,0);
   }
   .home .owl-dot {
      display: inline-block;
      width: 16px;
   }
   .home .owl-dot.active {margin: 0 70px 0 0;}
   .home .owl-dot.active:after {
      content: "";
      left: 105%;
      width: 64px;
      height: 1px;
      top: 49.5%;
      animation: dotlineMob 0.6s 1;
   }
      @keyframes dotlineMob { 
         0% {width: 0;}
         100% {width: 64px;}
      }
   .standardy {padding: 140px 2% 10px 2%;}
   .fotky .col-md-5 span {padding: 15px 0 0 0;}
   .fotky .col-md-5 a img {
      position: relative;
      transform: translate(0,0);
      top: auto;
   }
   .fotky .col-md-5 a:hover img {transform: translate(0,0) scale(1.1,1.1);}
   .dum {margin: 74px 0 0 0;}
   .flor, .floornfo {
      font-size: 14px;
      padding: 10px 20px;
      bottom: auto;
      left: auto;
      width: 100%;
      position: relative;
   }
   .flor .col-4 {font-size: 30px;}
   .cta {
      padding: 12px 2%;
      margin: 0;
      text-align: center;
   }
   .cta:before {width: 100%;}
   .cta:after {display: none;}
   .cta .col-sm-3.align-self-center {
      text-align: center;
      padding-top: 10px;
   }
   .nfo {padding: 40px 2% 0 2%;}
   .form-title {padding: 0 2%;}
   .form-title > div {left: 15px;}
   .form-title:before {width: 100%;}
   .typ {
      margin: 0 0 15px 0;
      display: block;
   }
   .fotky .col-md-4 {padding-top: 15px;}
   
}

@media(max-width:320px) {
}



/* tom 2021 ----------------------------------- */