@media screen and (max-width: 1250px){
  .detail-title{font-size:34px;}
}

/* max-width 1024 */
@media screen and (max-width: 1024px){
  #menu-horizontalne{display:none;} #navbar{display:none;}
  #menu-mobil{display:block!important;position:fixed!important;top:0!important;left:0!important;right:0!important;width:100%!important;z-index:1000001!important;background:black!important;padding:23px 0!important;transition:opacity .3s ease;}
  #matterport{height:250px;}
}

@media (max-width: 900px) {
/* FILTER - Mobil */
  .realty-filter-wrap {
    padding: 0 12px;
    max-width: 520px;
  }

  .realty-filter {
    gap: 10px;
    background: transparent;
    box-shadow: none;
    position: relative;
    z-index: 10;
    overflow: visible;
  }

  .realty-filter.is-clean,
  .realty-filter.is-filtered {
    grid-template-columns: 1fr 1fr;
  }

  .rf-col {
    border-right: 0;
    position: relative;
    z-index: 1;
    overflow: visible;
  }

  .rf-buttons {
    grid-column: 1 / -1;
    width: 100%;
    height: 56px;
    background: #333;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-left: 0;
    box-sizing: border-box;
    position: relative;
    z-index: 0 !important;
    overflow: visible;
  }

  .rf-reset-btn {
    width: 100%;
    height: 100%;
    background: transparent;
    font-size: 20px;
    color: #fff;
  }

  .rf-reset-btn:hover {
    background: #e74c3c;
  }

  .cs {
    position: relative;
    z-index: 1;
    overflow: visible;
  }

  .cs-btn {
    height: 56px;
    line-height: 56px;
    padding: 0 14px;
    background: #333;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 0;
    box-sizing: border-box;
    color: #fff;
  }

  .cs-label {
    font-size: 14px;
    opacity: 0.95;
  }

  .cs-caret {
    border-left-width: 5px;
    border-right-width: 5px;
    border-top-width: 6px;
    opacity: 0.9;
  }

  .cs.is-open .cs-btn {
    background: #3b3b3b;
    box-shadow: none;
  }

  .cs-menu {
    background: #333;
    border: 1px solid rgba(255, 255, 255, 0.14);
    box-shadow: 0 14px 30px rgba(0, 0, 0, 0.28);
    max-height: 280px;
    overflow: auto;
    z-index: 1000000;
  }

  .cs-item {
    padding: 10px 14px;
    font-size: 14px;
  }

  .cs-item:hover {
    background: #3b3b3b;
    padding-left: 14px;
  }

  .rf-col.is-open-col {
    z-index: 999999 !important;
  }

  /* Footer */
  #down-cele{background:radial-gradient(700px 220px at 50% 0%,rgba(255,255,255,.10),transparent 60%),linear-gradient(#1c1c1c 0%,#000 100%)!important;}
  .footer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 10px;align-items:stretch;margin:0 auto;}
  #down-1{float:none;margin:0;} .down-col{float:none;margin:0;}
  .footer-grid>#down-1,.footer-grid>.down-col{padding:14px!important;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.03);box-shadow:0 10px 24px rgba(0,0,0,.18);display:flex;flex-direction:column;justify-content:flex-start;min-height:120px;}
  .footer-grid .nadpis{font-size:17px!important;font-weight:600;letter-spacing:.04em;margin-bottom:8px!important;}
  .footer-grid .text{font-size:14px!important;line-height:1.55!important;opacity:.92;}
  .footer-grid .text a{color:rgba(255,255,255,.92);text-decoration:none;border-bottom:1px solid rgba(255,255,255,.18);}
  .footer-grid .text a:hover{color:#0fadfb;border-bottom-color:rgba(15,173,251,.55);}
  .footer-grid #separator-5{display:none;}
  #down-3{float:none!important;width:100%;text-align:center;margin:12px 0 6px!important;height:auto!important;}
  #down-3 img{height:auto!important;max-width:78%!important;opacity:.98;}
  .footer-social-line{margin:10px 0 8px!important;gap:10px!important;}
  .fsl-icon{width:32px!important;height:32px!important;}
  .fsl-icon svg{width:15px!important;height:15px!important;}
  .footer-bottom-bar{padding:10px 0 2px!important;border-top:1px solid rgba(255,255,255,.14);margin-top:10px;gap:8px!important;opacity:.9;}
  .footer-bottom-bar>div{text-align:left!important;white-space:normal!important;}
  .footer-bottom-bar .fb-right{opacity:.9;}

  /* animácia off */
  #lava-detail,#prava-detail{opacity:1!important;transform:none!important;transition:none!important;will-change:auto;}
  #prava-detail.is-visible{transition-delay:0s!important;}

  .detail-title{font-size:28px;}
}

/* max-width 768 */
@media screen and (max-width: 768px){
  #telo-cele{width:100%;background-repeat:no-repeat;} #telo{width:95%;}
  #filter-cele{width:100%;background-repeat:no-repeat;} #filter{width:95%;margin-top:45px;}
  #detail-cele{width:100%;background-repeat:no-repeat;} #detail{width:95%;margin-top:45px;}
  #lava{width:95%;} #prava{width:95%;}
  #down-cele{width:100%;background-repeat:no-repeat;} #down{width:95%;}
  .scrollToTop{bottom:20px;right:20px;} table{width:100%;}
  .kocky{grid-template-columns:1fr;}
  #down-3{clear:both;float:none;width:100%;text-align:center;}
  #down-3 img{margin-top:10px;display:inline-block;height:auto;max-width:80%;}
  .form-control{width:94%;} .img-ciara{width:100%;}
  #lava-detail{width:100%;} #prava-detail{width:100%;}
  .top-text{display:none;} #logo-top{height:90px;}
  #telo button,#detail button,#filter button{width:100%;}
  #slider .slider-buttons{flex-direction:column;align-items:center;height:180px;}
  #slider .button-slider{width:100%;max-width:320px;}
  #top-cele{width:100%;background-repeat:no-repeat;margin-top:45px;}
  #top{width:95%;max-width:95%;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:10px 8px;box-sizing:border-box;}
  .left-side{display:flex;align-items:center;gap:10px;padding-left:6px;animation:topLeftSoft 1.2s ease-out;}
  .logos-right{display:flex;align-items:center;gap:8px;padding-right:6px;animation:topRightSoft 1.2s ease-out;}
  #logo-top{height:78px;margin-top:0;}
  .logos-right img{height:56px;width:auto;display:block;}
  .top-text{font-size:14px;line-height:1.2;}
  #telo .load-more-wrap .load-more-btn {width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
  }

  @keyframes topLeftSoft{0%{opacity:0;transform:translateX(8px);}100%{opacity:1;transform:translateX(0);}}
  @keyframes topRightSoft{0%{opacity:0;transform:translateX(-8px);}100%{opacity:1;transform:translateX(0);}}
}