@media all and (max-width: 499px) {
header, .header, .slideshow, .wrapper, footer, .footer, .boxes {
    width: 100%;
}
.wrap, .iconsblock, .line1>div, .line3>div, .footline>div, .footer .wrap {min-width:90%;}
header {max-height:none;}
.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 {width:40%;max-width:unset;height:16vh;margin:0;margin-right:40%;}
.header .logo img, .header .logo:hover img {position:relative;top:auto;left:auto;-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);margin: -30% auto 0;}

#nav-trigger {display: flex; align-items: center; }
nav#nav-main {display: none; }
/*nav#nav-mobile {display: block !important; }*/
.respo {display: block; }
.homebg {height:calc(92vh - 80px);}
.homebg {height:calc(78vh - 80px);}
    
.slogan {position:relative;top:auto;left:auto;width:90%;height:auto; margin:0 auto;padding:20px;}
.sloganbg {}
.slogan h3 {font-size:1.9em;}.slogan h4 {font-size:1.4em;}.slogan h1 {font-size:12vw;margin:6vw auto 3vw;}
.slogan:before {top: 40%;}
.slogan p {width:100%;font-size:1.2em;}
.slogan p span {font-size:1.4em;}
.topline {flex-direction:column; font-size:1em;bottom: 7%;}
.topline b {display: none;}
.iconsblock {padding:10px;width:100%;}
.iconsblock>a {padding:15px;width:50%;margin:0 auto;}
.iconsblock>a img {padding: 0 15px;}
.iconsblock>a h2 {font-size:4vw;padding:6px 0 0;}
.home .iconsblock {padding:10px;width:74%;}
.home .iconsblock>a {padding:15px;width:33.33%;margin:0 auto;}
    
.line1>div, .line2>div, .line3>div {flex-direction: column;min-width:90%;}
.line1 {margin: 0 auto 0;padding: 30px 0;}
.line1 .img {width:100%;margin-bottom:20px;}
.line1 .txt {width:100%;text-align:center;padding:0;}
.line1 .txt h2, .line1 .txt p, .line1 .txt h5, .line2 .txt h2, .line2 .txt p {text-align:center;margin-left:auto;margin-right:auto;}
.line2 {padding: 30px 0;}
.line2 .txt {width:100%;text-align:center;padding:0 4vw;}
.line2 .btn {margin: 10px 0 0;}
.line2 .img {width:100%; height:auto; clip-path: none;}
.line3 {padding: 30px 0;}
.line3 {margin: 0 auto 0;padding: 30px 0;}
.line3 .img {width:100%;margin-bottom:20px;}
.line3 .txt {width:100%;text-align:center;padding:0;}
.line3 .img img {left:0;}
.line2 .box {width:100%;margin-bottom:20px;padding:0;}
.line2 a.box>div i {font-size: 10vw;}
.slimtopbg {padding: 13vh 0 20px;}
.oznamybtn > div {
    font-size: 6vw;
}
.tabulka-column {
    flex-direction: column;min-width: 100px;
}
.tabulka-column table {margin:0 auto 20px;}

.home {position:relative;bottom:auto;right:auto;}
.home h1 {font-size: 2em;margin: 0 auto 10px;}
.home:after {top: -2%;left: 2%;width: 34%;height: 30vh;}
.homeinfo h2 {font-size: 2em;margin: 0 auto 10px;}
.video-background {height:80%;}
    
.gallery-simplebox.gallery-uvod {width:90%;margin: 0 auto;}
.gallery-simplebox.gallery-uvod .gallery-thumb {display: block !important;}
#o-nas .gallery {flex-direction: column;}
    
.formular {margin: -2px auto 0;padding: 40px 0 1vw;}
.formular h3 {font-size:2em;text-align: left;padding-left: 20px;z-index:2;}.formular h4 {font-size:1em;text-align: left;padding-left: 20px;z-index:2;}
.contact-form form {padding:0;width:90%;margin:0 auto;}
.contact-form .suhlas input[type="checkbox"] + label {font-size:0.6em;}
.contact-form input#send {margin:15px auto;float:none;width:100%;}
.contact-form textarea {margin:10px auto 0;}

.formular>img {margin:0 auto;max-width: 50vw;left:auto;bottom:auto;top:0;}

.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%;max-width:90%;}
.main {margin-top:0;padding: 30px 0;}
.main.home {margin-top:-25px;}
.main > h1 {font-size: 2em;}
.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;}
.slimtopbg > h1, .autotopbg > h1 {font-size: 2em;}
    
.line1 .txt .podpis {left:0;margin:0 auto;}
    
.referencie {flex-direction: column;}
.referencie>div { width: 100%;}
    
.main.carpage article {flex-direction: column;padding:0 0 30px;}
.main section.mainbar, .main section.sidebar {width:100%;padding-left:0;font-size:0.9em;}
    
#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:0; margin-bottom:1%;width:100%;}
.gallery-simplebox a {width:100% !important;}
.gallery-simplebox .gallery-thumb:nth-child(2n) { margin-right:0;}
    
.contact-form {width: 100%;margin:0;}

.footline, .kontaktline {padding:20px 0;flex-direction: column;}
.footline>div, .kontaktline>div {margin:20px auto;display: flex;flex-direction: column;align-items: center;}
.footline .kontakty, .footline .otvaracie, .footline .formular {width: 100%;padding:15px 0;}
.footline>div a {text-align:center;}
.footline .kontakty>a>span {font-size:1em;}
.footline .kontakty>h5 {margin:0 auto;text-align: center !important;width: 100%;}
.footline .kontakty>a {justify-content: center;}
.socials {justify-content: center;} .socials a {margin:10px;}
.footline .otvaracie table {font-size:85%;margin:0 auto;}
    
/*.footmapa {height:100vw;}
.footmapa>img {height:100vw;width:auto;max-width:none;}*/
.footlogo {width:100%;margin:20px auto;flex-direction: row;align-items:center;}
.footlogo>a {margin:0 auto;width:20%;}
.footlogo img {width:100%;margin:0 auto;}
.footlogo .adresa a {font-size: 1em;}
.footmenu {width:94%;margin:0 auto 20px;}
.footmenu>div, .footmenu>div h3 {flex-direction: column;text-align:left;padding:0;}
.footmenu ul li a {font-size:1em;padding:8px 0;}
.footer {height:auto;position:relative;padding:0;}
.footer .wrapper {width: 90%;height:auto;padding: 20px 0;}
.footer .wrap {flex-direction: column;align-items: center;}
.copy {padding: 15px;font-size:0.85em;}
#googleMap {float: none;height:300px;margin: 10px auto 20px;width: 100%;}
.partners img {padding:0 10px;}
    
.contact-form input {
    width: 100%;
    margin: 8px auto;
}
.contact-form select {
    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;}
.btn, a.btn {text-align: center;padding:12px 25px 11px}
    
#back-top {display: none !important;opacity:0 !important;}
.cky-btn-revisit-wrapper {display: none !important;opacity:0 !important;}
.telbox {display:flex;}
    
.gallery{display: block;}
.gallery .gallery-thumb, .gallery .gallery-thumb a, .gallery .gallery-thumb img, 
.gallery-produkt-section .gallery-thumb:nth-child(10n+7) a, .gallery-produkt-section .gallery-thumb:nth-child(10n+6) a, .gallery-produkt-section .gallery-thumb:nth-child(10n+4) a{width:100% !important;height:auto !important;position:relative !important;}

.blue-wrapper { flex-direction: column; }
.blue-box { padding:10px 20px; width:100%; }
.blue-box input#send { margin-top:45px; }
.footmapa {display: flex;flex-direction: column;justify-content: space-around;}
.footmapa h3 {font-size: 1.1em;}
.footmapa_pp {width: 100%;margin:20px 0;height:250px; }
.footmapa_le {width: 100%;height:250px;}

}
/*---------------------------------------*/
@media all and (min-width: 500px) and (max-width: 899px) {
header, .header, .slideshow, .wrapper, footer, .footer, .boxes {
    width: 100%;
}
.wrap, .iconsblock, .line1>div, .line3>div, .footline>div, .footer .wrap {min-width:90%;}
header {max-height:none;}
.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:10px;display: block;width:90%;max-width:90%;}
.header .logo img, .header .logo:hover img {width:auto;margin:0;max-width:60%;height:60px; position:relative;top:auto;left:auto;-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}

#nav-trigger {display: flex; align-items: center; }
nav#nav-main {display: none; }
/*nav#nav-mobile {display: block !important; }*/
.respo {display: block; }
.homebg {height:calc(100vh - 80px); align-items: flex-start;}
.family {width:100vw;}
    
.slogan {position:relative;top:auto;left:auto;width:100%;height:auto; margin:0 auto;padding:20px;}
.sloganbg {}
.slogan h3 {font-size:1.9em;}.slogan h4 {font-size:1.4em;}.slogan h1 {font-size:14vw;margin:7vw auto;}
.slogan p {width:100%;font-size:90%;display:none;}
    
.iconsblock {padding:10px;}
.iconsblock>a {padding:15px 20px;width:25%;margin:0 auto;}
.iconsblock>a img {padding:10px 25px;}
.iconsblock>a h2 {font-size:2.2vw;padding:6px 0 0;}
    
.line1>div, .line2>div, .line3>div {flex-direction: column;}
.line1 {margin: 30px auto 0;padding: 30px 0;}
.line1 .img {width:70%;margin-bottom:20px;}
.line1 .txt {width:100%;text-align:center;}
.line1 .txt h2, .line1 .txt p, .line1 .txt h5, .line2 .txt h2, .line2 .txt p {text-align:center;margin-left:auto;margin-right:auto;}
.line2 {padding: 30px 0 0;}
.line2 .txt {width:100%;text-align:center;padding:0 4vw;}
.line2 .btn {margin: 20px auto;}
.line2 .img {width:100%; height:auto; clip-path: none;}
.line3 {padding: 30px 0;}

.home {position:relative;bottom:auto;right:auto;}
.home h1 {font-size: 2em;margin: 0 auto 10px;}
.home:after {top: -2%;left: 2%;width: 34%;height: 30vh;}
.homeinfo h2 {font-size: 2em;margin: 0 auto 10px;}
    
.gallery-simplebox.gallery-uvod {width:90%;margin: 0 auto;}
.gallery-simplebox.gallery-uvod .gallery-thumb {display: block !important;}
    
.formular {margin: -2px auto 0;padding: 40px 0 1vw;}
.formular h3 {font-size:2em;text-align: left;padding-left: 20px;z-index:2;}.formular h4 {font-size:1em;text-align: left;padding-left: 20px;z-index:2;}
.contact-form form {padding:0;width:90%;margin:0 auto;}
.contact-form .suhlas input[type="checkbox"] + label {font-size:0.6em;}
.contact-form input#send {margin:15px auto;float:none;width:100%;}
.contact-form textarea {margin:8px auto;}

.formular>img {margin:0 auto;max-width: 50vw;left:auto;bottom:auto;top:0;}

.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%;}
.main {margin-top:0;}
.main.home {margin-top:-25px;}
.main > h1 {font-size: 2em;}
.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;}
.slimtopbg > h1, .autotopbg > h1 {font-size: 2em;}
    
.line1 .txt .podpis {left:0;margin:0 auto;}
    
.main.carpage article {flex-direction: column;padding:0 0 30px;}
.main section.mainbar, .main section.sidebar {width:100%;padding-left:0;font-size:0.9em;}
    
#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:0; margin-bottom:1%;width:100%;}
.gallery-simplebox a {width:100% !important;}
.gallery-simplebox .gallery-thumb:nth-child(2n) { margin-right:0;}
    
.contact-form {width: 100%;margin:0;}

.footline {padding:15px 0;}
.footline>div {flex-direction: column;}
.footline .kontakty, .footline .otvaracie, .footline .formular {width: 100%;padding:15px 0;}
.footline>div>div h4 {text-align:center;}
.footline .kontakty>a>span {font-size:1em;}
.footline .kontakty>a {justify-content: center;}
.socials {justify-content: center;} .socials a {margin:10px;}
.footline .otvaracie table {font-size:85%;margin:0 auto;}
    
.footmapa {height:100vh;}
.footmapa>img {height:100vh;width:auto;max-width:none;}
.footlogo, .partners {width:80%;margin:0 auto;}
.footlogo>a {margin:0 auto 10px;}
.footlogo img {width:60%;margin:0 auto;}
.footlogo .adresa a {font-size: 1em;}
.footmenu {width:90%;margin:0 auto 20px;}
.footmenu ul {flex-direction: column;}
.footmenu ul li a {font-size:1em;padding:8px 0;}
.footer {height:auto;position:relative;padding:0;}
.footer .wrapper {width: 90%;height:auto;padding: 20px 0;}
.footer .wrap {flex-direction: column;align-items: center;}
.copy {padding: 15px;font-size:0.85em;}
#googleMap {float: none;height:300px;margin: 10px auto 20px;width: 100%;}
.partners img {padding:0 10px;}
    
.contact-form input {
    width: 100%;
    margin: 8px auto;
}
.contact-form select {
    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;}
.btn, a.btn {text-align: center;padding:12px 25px 11px}
    
#back-top {display: none !important;opacity:0 !important;}
.cky-btn-revisit-wrapper {display: none !important;opacity:0 !important;}
.telbox {display:flex;}
.blue-wrapper { flex-direction: column; }
.blue-box { padding:10px 20px;width:100%; }

}

/*-------------------------------*/
@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 {width:96%}
.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: 1180px) and (max-width: 1400px) {
body {font-size:85%;}
.header .logo img {}
.wrapper, .header, .footer .wrapper {width:96%}
}

@media all and (min-width: 1050px) and (max-width: 1179px) {
#nav-main {font-size:70%}
.wrapper, .header, .footer .wrapper {width:96%}
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 */
}