@media all and (max-width: 499px) {
header, .header, .slideshow, .wrapper, footer, .footer, .boxes {
    width: 100%;
}
header {}
.topbg {width:auto;height:400px;left:50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);}
.topbgdiv {overflow-x:hidden;}
.left, .right { margin:0 auto !important;float:none !important;}
.header .logo, .header.hnorm .logo {float:none;margin:0;display: block;width:100%;padding:0 20px;}
.header.hnorm {height:auto;}
.header .logo img, .header.hnorm .logo img {margin:-10px 0;height:50px;width:auto;}

#nav-trigger {display: block; }
nav#nav-main {display: none; }
#nav-trigger > span {display: none; }
.headmenu {display: none;}
nav#nav-mobile {display: block !important; }
.respo {display: block; }
    
#menu-handle {
	display:block;
}
.logo-symbol {height:4rem;}
#logo-primary a {padding: 1em 1em 2em;transform: translateX(1em);}
    
.slogan {width:90%;margin:0 5%;top:48vh;-webkit-transform: none;-moz-transform: none;padding-bottom:5vw;left:0;}
.slogan h1 {font-size: 7vw; margin: 10px auto;}
.slogan h2 {font-size: 5vw;margin:0 auto 20px;}
.slogan h3 {font-size: 5vw;}
    
.home {position:relative;bottom:auto;right:auto;width:90%;}
.home h1 {font-size: 2em;margin: 0 auto 10px;}
.home:after {top: -2%;left: 2%;width: 34%;height: 30vh;}
    
.gallery-simplebox.gallery-uvod {width:90%;margin: 0 auto;}
.gallery-simplebox.gallery-uvod .gallery-thumb {width: 49%;overflow:hidden;}
.gallery-simplebox.gallery-uvod .gallery-thumb a img {margin:0 auto !important;}
    
.pobockyline h3 {font-size: 2em;}
.pobockyline a {margin: 10px auto;width: 90%;}
.pobockyline a span {font-size: 2.5em;}

.gallery-container, .gallery-cycle, .gallery-slide img {min-height:180px !important}
.slideshow, .gallery-slide, .gallery-image {height:180px !important;min-height:auto;}
.slideshow {margin: 0 auto;}
.gallery-text h2 {display: none;}
.header .contact {display: none;}
.headbtn {min-height: 10px;margin:0 auto;padding:10px 0; width:70%;}
.headbtn strong {font-size: 1rem;}

.wrapper { width:100%;padding: 20px;}
.bytpage>.wrapper {flex-direction: column;}
.bytpage>.wrapper>.img {width: 100%;}
.bytpage>.wrapper>.byt-details {width: 100%;padding: 20px;margin: 10px auto;}
.bytpage>.wrapper>.byt-details .title h3 {font-size: 2.4rem;}
.goback.topright {display: none;}
    
.main {margin:-30px auto 0;}
.main.home { margin:80vh auto 0;}
.main > h1 {font-size: 3em;margin:10px auto 10px;}
.main section {font-size: 1em;}
.wrapper h1, .home .wrapper h1 { text-align:center; font-size:1.8em; padding:0 0 5px;border-bottom: 1px dotted #182f44;}
section img {display:block !important;margin:10px auto !important;height:auto !important; width:100% !important; float:none !important;}
.main.home h1 {font-size:10vw;margin:15px auto;}
    
#popup.positioned {width: 100%;}
#popup .zoznam {-webkit-column-count: 2;-moz-column-count: 2;column-count: 2;font-size: 0.75em;}

.gallery-simplebox .gallery-thumb {margin-right:1%; margin-bottom:0;width:48%;}
.gallery-simplebox a {width:100% !important;}
.gallery-simplebox .gallery-thumb:nth-child(2n) { margin-right:0;}
.gallery-simplebox .gallery-thumb a img {margin:0 auto !important;}
    
.homegallery .gallery {
  display: grid;
  grid-gap: 0px;
  grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
  grid-auto-rows: 120px;
  grid-auto-flow: dense;
    width:100%;
}
.homegallery .gallery .gallery-thumb {margin-right:0; margin-bottom:0;width:auto;}
.homegallery .gallery a {width:auto !important;}
  
#tabscontainer {display: block;}
#tabscontainer > [id^="tab-label"] {display: block;width:100%;}
#tabscontainer > [id^="tab-content"] {padding:0;border:8px solid #ecd6b4;}
#tabscontainer .tabgroup>h3 {font-size: 1.5em;}
#tabscontainer .tabitem .nazov {width: 100%;text-align:center;}
#tabscontainer .tabitem .gramaz, #tabscontainer .tabitem .cena {width: 50%;text-align:center;}
#tabscontainer .tabgroup > h3 {padding:6px;background:#f4f4f4;}
#tabscontainer .tabgroup:last-of-type > h3 {margin-top:20px;padding:6px;}
    
.wrapper .imgcontent {padding: 0;flex-direction: column;}
.wrapper .imgcontent:nth-child(odd) {flex-direction:column-reverse;}
.wrapper .imgcontent>div { width:100%;}
    
.finsteps, .bankaline {flex-direction: column;}
.finsteps .step {width: 100%;margin:0 auto 30px;}
.finsteps .step-body .title {font-size: 9vw;}
    
.contact-form {width: 100%;min-width:200px;}
.contact-form form>div {flex-direction: column;}

.footlogos .wrap {width:90%;}
.footlogos .wrap a {width: 50%;display: flex;align-items: center;justify-content: center; padding: 10px 0;}
.footlogos .wrap a img {width: 80%;height:auto;}
.footlogos .wrap a:first-child img {height: 50px;}
.footer {height:auto;position:relative;padding:0;}
.footer .wrap {padding:0;flex-direction: column; width:100%;max-width:100%;}
.footer .wrap > div {width:90%;padding:20px 0;}
.footer .wrap > div.footmenu {display:none;}
.footer .wrap>div.footlogo {width:100%;}
.footer .wrap>div.footlogo a {height:50vw;margin:0 auto;padding:0;align-items: center;}
.footer .wrap>div.footlogo a img {width: 60%;margin:9vw auto 0;}
.footer .wrap>div.contacts {width:100%;padding:10px 0;border-bottom:3px solid #d3b485; align-items: center;}
.footer .wrap>div.contacts.logof {width: 100%;border:none;padding: 20px 0 0;}
.footer .logo-symbol {margin:0 auto;}
.footer .wrapper {width: 90%;height:auto;padding: 20px 0;}
.footer .contacts {margin:15px auto 0;padding: 15px;}
.footer .contacts > span {display:block;}
.footer .contacts .telefony {font-size: 4.4vw;padding:10px 0;}
.footer .contacts .adresa {font-size:3.5vw;padding-right: 0;}
.footer .contacts .email {font-size: 4.4vw;display: block;}
.copy {padding: 15px;font-size:0.85em;}
#googleMap {float: none;height:300px;margin: 10px auto 20px;width: 100%;}
    
.contact-form input {
    width: 100%;
    margin: 8px auto;
}
.contact-form .suhlas {
    display: block;
    float: none;
    text-align: center;
    padding: 10px 0;
}
.contact-form textarea {width:100%;margin:0 auto;}

h1, h2, h3, h4, h5, h6 {text-align: center;}
    
nav#nav-mobile li.kontakty {flex-direction: column;padding:15px 0;font-size: 0.85em;}
nav#nav-mobile ul li.kontakty>span>a {padding:6px;}
    
.podlazie {flex-direction: column-reverse; width: 90%;}
.podlaziemenu {flex-wrap: wrap;width:100%;flex-direction: unset;}
.podlazie>svg {width:100%;}
.podlaziemenu>li {width:50%;padding:5px;}
.podlaziemenu li span {font-size:5vw;width:100%;display:block;padding:0.4em;}
    
#podorys, #podorys>div, #podorys .plan, #podorys .plan>img, .plan>svg {height: auto;}
#podorys h1 {margin: 0 auto 20px;position: relative;text-align: center;}
#podorys>div.podzemie {padding: 0;}
    
.bytfilter {width:94%;    flex-wrap: wrap;border-bottom: 1px solid #000;}
.bytfilter>div {padding:6px;width:50%;}
.bytfilter>div:last-child {width:100%;}
    
.bytyhdr {display:none;}
.bytyz {width:94%}
.bytyz>.byt {flex-wrap: wrap;}
.bytyz>.byt>div {width:50%;padding-left:20%;border-bottom:1px solid #aaa;text-align:right;}
.bytyz>.byt>div:first-child, .bytyz>.byt>div:last-child {width:100%;padding-left:0;text-align:center;}
.bytyz>.byt>div.dst {width:50%;padding-left:20%;text-align:right;}
.bytyz>.byt>div.hdln {background:#fff}
.bytyz>.byt>div:before {
    color: #666;display: inline-block;position:absolute;left:10px;font-weight:300;
}
.bytyz>.byt>div.pdl:before {content: "Podlažie:"}
.bytyz>.byt>div.izb:before {content: "Počet izieb:"}
.bytyz>.byt>div.vmr:before {content: "Výmera:"}
.bytyz>.byt>div.cena:before {content: "Cena:"}
    
.home .imgcontent {flex-direction: column;padding:5vw 5% 8vw;}
.home .imgcontent>div {text-align: center;width: 100%;}
.casovaos {padding:10vw 5%;}
.casovaos img.osh {display:none;}
.casovaos img.osv {display:block; padding: 0 20%;}
.casovaos h2, .home .imgcontent h2 {font-size: 2.2em;}
    
.formular {padding:30px 15px 10px;}
.overly .showpop {flex-direction: column;}
.popinfo {padding:0 20px}
.plan>svg {top: 2.6%;}
.plan._1np>svg {top: 5%;}
    
.bgimg {display:none;}
.bgimgmob {display:block;}
    
#back-top {display: none !important;opacity:0 !important;}
.telring {display:flex !important;}
    
#menu-handle {
  display: block;
  cursor: pointer;
  padding: 10px;
  z-index: 1001;
}

nav#nav-mobile {
  background: #fff;
  width: 100%;
  position:absolute;
  top:100%;
  left:0;
  box-shadow: 0 2px 10px rgba(0,0,0,0.15);
  padding: 1rem;
  z-index: 1000;
}
nav#nav-mobile ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
nav#nav-mobile li {
  padding: 0.5rem 0;
  border-bottom: 1px solid #ddd;
}
#nav-primary ul.md-hidden {display:none;}
#page-header > h1 {font-size:10vw;display:none;}
    
.banner-text .sm-col-12 {width:90%;}
.skew-right .row-wide {flex-direction: column-reverse;}
.bytpage>.wrapper>.title {flex-wrap: wrap;}
.bytpage>.wrapper .title h3 {width:90%;font-size: 8vw;}
#page-header {min-height: 40vh;}
    
.contact-form form>div.predajcainfo #agent-options>div {flex-direction: column; align-items: center;}
.contact-form form>div.predajcainfo #agent-options>div>div { width: 100%;}
.lokaltable, .reality {flex-direction: column;}
    
#nav-primary { padding:0 3px; }
    
}

@media all and (min-width:500px) and (max-width:899px) {
header, .header, .slideshow, .wrapper, footer, .footer, .boxes {
    width: 100%;
}
header {}
.topbg {width:auto;height:400px;left:50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);}
.topbgdiv {overflow-x:hidden;}
.left, .right { margin:0 auto !important;float:none !important;}
.header .logo {float:none;margin:0 auto;display: block;width:50%;}
.header .logo img {width:100%;margin:0 auto;}

#nav-trigger {display: block; }
nav#nav-main {display: none; }
nav#nav-mobile {display: block; }
.respo {display: block; }
    
.slogan {position:relative;bottom:auto;left:auto;width:90%;margin:-240px auto 0;}
.slogan strong {
    font-size:3em;position:relative;top:auto;left:auto; padding:10px 0;text-align:center;
    -webkit-transform: translate(0, 0);-ms-transform: translate(0, 0);transform: translate(0, 0);
}
.home {position:relative;bottom:auto;right:auto;width:90%;}
.main.home h1 {font-size:10vw;margin:5vh auto;}
.home:after {top: -2%;left: 2%;width: 34%;height: 30vh;}
    
.pobockyline h3 {font-size: 2em;}
.pobockyline a {margin: 10px auto;width: 90%;}
.pobockyline a span {font-size: 2.5em;}

.gallery-container, .gallery-cycle, .gallery-slide img {min-height:180px !important}
.slideshow, .gallery-slide, .gallery-image {height:180px !important;min-height:auto;}
.slideshow {margin: 0 auto;}
.gallery-text h2 {display: none;}
.header .contact {display: none;}

.wrapper { width:100%;padding: 20px;}
.main {margin: -20vh auto 0;}
.main > h1 {font-size: 3em;}
.main section {font-size: 1em;}
.wrapper h1, .home .wrapper h1 { text-align:center; font-size:1.8em; padding:0 0 5px;border-bottom: 1px dotted #182f44;}
section img {display:block !important;margin:10px auto !important;height:auto !important; width:100% !important; float:none !important;}
    
#popup.positioned {width: 100%;}
#popup .zoznam {-webkit-column-count: 2;-moz-column-count: 2;column-count: 2;font-size: 0.75em;}
#tabscontainer > [id^="tab-label"] strong {font-size: 1.1em;}

.gallery-simplebox .gallery-thumb {margin-right:1.6%; margin-bottom:1.6%;width:20%;}
.gallery-simplebox a {width:49% !important;}
.gallery-simplebox a img {margin: 0 0 10px 0 !important;}
.gallery-simplebox .gallery-thumb:nth-child(8n) { margin-right:1.6%;}
.gallery-simplebox .gallery-thumb:nth-child(4n) {margin-right:0;}
.gallery-simplebox .gallery-thumb:last-child {margin-right:0;}
    
.gallery-simplebox.gallery-uvod {width:90%;margin: 0 auto;}
.gallery-simplebox.gallery-uvod .gallery-thumb {width: 24%;}
.gallery-simplebox.gallery-uvod a img {}
.gallery-simplebox.gallery-uvod .gallery-thumb:nth-child(4n) {margin-right:0;}
    
.homegallery .gallery {
  display: grid;
  grid-gap: 0px;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  grid-auto-rows: 300px;
  grid-auto-flow: dense;
    width:100%;
}
.homegallery .gallery .gallery-thumb {margin-right:0; margin-bottom:0;width:auto;}
.homegallery .gallery a {width:auto !important;}

.contact-form {width: 100%;}

.footer {height:auto;position:relative;padding:0;}
.footer .wrapper {width: 90%;height:auto;padding: 20px 0;}
.footer .contacts {margin:15px auto 0;}
.footer .contacts > span {display:block;}
.footer .contacts .telefony {font-size: 2em;}
.footer .contacts .adresa {font-size: 1.3em;padding-right: 0;}
.footer .contacts .email {margin: 10px auto 0; display: block;}
.copy {padding: 15px;font-size:0.85em;}
#googleMap {float: none;height:300px;margin: 10px auto 20px;width: 100%;}
    
.contact-form input {
    width: 100%;
    margin: 8px auto;
}
.contact-form .suhlas {
    display: block;
    float: none;
    text-align: center;
    padding: 10px 0;
}

h1, h2, h3, h4, h5, h6 {text-align: center;}
    
#back-top {display: none !important;opacity:0 !important;}
.telring {display:flex !important;}
}

@media all and (max-width: 734px) {

}

@media all and (min-width: 900px) and (max-width: 1049px) {
header, .header, .slideshow, .wrapper, footer, .footer, .boxes {
    width: 100%;
}
#nav-main {font-size:70%;}
.wrapper, .header, .footer .wrapper {}
.headmenu>ul li a {font-size: 1.8vw;}
.header .logo {}
.header .logo img {}
header, #nav-main {}
.footer {font-size:90%}
.footer .left {max-width: 430px;}
.wrap {max-width: 1000px;}
.ekonsprava {max-height:1000px;}
.enersprava {max-height:500px;}
.techsprava {max-height:650px;}
}

@media all and (min-width: 1401px) and (max-width: 1600px) {
.headbtn h3 {font-size: 1.6em;margin: 0 auto 10px;}
.headmenu>ul li a {font-size: 1.4vw;}
}

@media all and (min-width: 1180px) and (max-width: 1400px) {
#nav-main {font-size:80%;}
.header .logo img {}
.wrapper, .header, .footer .wrapper {}
.headmenu>ul li a {font-size: 1.6vw;}

.podlazie .selectp.podzemie {top:24.1vw}
.podlazie .selectp.np1 {top:20.54vw}
.podlazie .selectp.np2 {top:15.51vw}
.podlazie .selectp.np3 {top:10.88vw}
.podlazie .selectp.np4 {top:5vw}
.podlazie .selectp.np5 {top:2.1vw;width: 73%;left: 10vw;}
.headbtn h3 {font-size: 1.5em;margin: 0 auto 0;}
}

@media all and (min-width: 1050px) and (max-width: 1179px) {
#nav-main {font-size:70%}
.wrapper, .header, .footer .wrapper {}
.headmenu>ul li a {font-size: 1.8vw;}
header, #nav-main {}
.header .logo {}
.header .logo img {}
.footer {font-size:90%}
}

@media all and (min-width: 1050px) and (max-width: 1099px) {
.ekonsprava {max-height:850px;}
.enersprava {max-height:400px;}
.techsprava {max-height:500px;}
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
/* STYLES GO HERE */
}
 
/* Smartphones (landscape) ----------- */
@media only screen
and (min-width : 321px) {
/* STYLES GO HERE */
}
 
/* Smartphones (portrait) ----------- */
@media only screen
and (max-width : 320px) {
/* STYLES GO HERE */
}
 
/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
/* STYLES GO HERE */
}
 
/* iPads (landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
/* STYLES GO HERE */
}
 
/* iPads (portrait) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
/* STYLES GO HERE */
}
 
/* Desktops and laptops ----------- */
@media only screen
and (min-width : 1224px) {
/* STYLES GO HERE */
}
 
/* Large screens ----------- */
@media only screen
and (min-width : 1824px) {
/* STYLES GO HERE */
}
 
/* iPhone 5 (portrait & landscape)----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px) {
/* STYLES GO HERE */
}
 
/* iPhone 5 (landscape)----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px)
and (orientation : landscape) {
/* STYLES GO HERE */
}
 
/* iPhone 5 (portrait)----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px)
and (orientation : portrait) {
/* STYLES GO HERE */
}