@-ms-viewport {width: device-width;}
input[type="button"],
input[type="submit"],
input[type="text"],
textarea{-webkit-appearance: none;}

.burger-ico{display: none;}
body .mini-menu a.nad{display: none;}
.burger-menu{left:-320px; width: 320px; position: fixed; z-index:500; text-align: left;}
body .burger-menu.expanded{background:#202020;top:0;height:100vh;overflow-y:auto;  left:0;}
.burger-o{position:relative; padding:35px;}
.b-close{width:20px;height:20px;display:block;position:absolute;right:20px;top:20px;background-image:url(images/lightbox/close.png);font-size:0;cursor:pointer;background-size:cover;}
.burger-o > a{color:white;font-weight:400;font-size:17px; text-decoration:none; display: inline-block; margin-bottom: 6px; line-height: 23px;}
.burger-o > a:hover{text-decoration:underline;}
span.burger-sub{display:inline-block; margin-bottom:15px;}
span.burger-sub a{color:silver;  font-weight:400;  font-size:14px;  text-decoration:none;  display:inline-block;  margin-bottom:3px;  line-height:21px; }
span.burger-sub a:hover{text-decoration:underline;}

@keyframes zoom-in2 {0% {background-size: 200% auto;} 100% {background-size: 157% auto;}}

@media screen and (max-width: 1670px) { 
  body .company-img,
  body .company-txt{height: 800px;} 
}

@media screen and (max-width: 1540px) { 
  body .company-txt{width:770px;}
  body .company-img{float:left;width:calc(100% - 770px); }
  body .sluzba-item{margin-left:2vw;margin-right:2vw;width:19vw;vertical-align:top;}
  body .sluzba-txt{color:#969696;font-size:12px;line-height:18px;}
  body a.sluzba-href{margin-top:25px;padding:5px 20px;}
  body .sluzba-title{font-size:16px;margin-bottom:16px;}
  body .sluzby{padding-top:60px;padding-bottom:60px;}
  body .sluzby-o{width: auto;}
  body.page-reference_article-detail .dynamic-page {padding-top: 5vw; padding-bottom: 5vw;}
  
  body .round-btn{width:115px;height:114px;background-size:cover;}
  body .round-btn span b{font-size:17px;}
  body .round-btn span{font-size:22px;padding-top:32px;}

}

@media screen and (max-width: 1440px) { 
  body .ref-top-o{width:90vw;}
  body .ref-top-cara{width:calc(90vw + ((100% - 90vw) / 2));}
  body .reference{padding-top:90px;padding-bottom:90px;}
  body .ref-top-o h2{font-size:36px;}
  body .ref-txt{float:right;color:#fff;font-size:12px;line-height:18px;margin-top:7px;}
  body .ref-top-cara{margin-top:35px;}
  body #slider #slides{margin:0;}
  body #slider #commands{top:115px;}
  body #slider{max-width:90vw;}  
  body.pujcovna-page{width:90vw;}
  body .ofirme .o{width:90vw;}
  body .ofirme-vid{width:100%;height:23vw;background-size:cover;}
  body .top-logo{margin-left: 5vw;}
  body .top-right{margin-right: 5vw;}
  body .top-menu > a,
  body .top-menu span.m-item{margin-left: 36px; margin-right: 0;}
  body .theme .o{width:90vw;}
}

@media screen and (max-width: 1380px) { 
  body .dynamic-page{width:90vw;margin:0px auto;padding-top:90px;padding-bottom:90px;text-align:left;}
  body .mini-panel-o{width:90vw;margin:0px auto;}
  body .mini-panel .logo-box{width:280px;}
  body .mini-menu{margin-left:0;}
  body.page-projekce .o,
  body.page-jerabnicke-prace .o{width:90vw;}
  body .projekce-left{width:calc(100% - 40px);}
  body .projekce-txt{float:left;margin-left:93px;width:calc(100% - 450px);margin-top:66px;}
  body .projekce-kontakty{width:calc(100% - 50px);padding:25px;height:auto;}
  body .nad-kont{margin-top:0;display:inline-block;width:30%;margin-right:10%;vertical-align:top;}
  body .kont-it{color:#fff;font-size:16px;line-height:24px;margin-top:0;display:inline-block;vertical-align:top;width:25%;}
  body.page-vystavba .o{width:90vw;}
  body .pujcovna-page{width:90vw;}
  body.page-kontakt .o{width:90vw;}  
  body .vystavba-left{width: calc(100% - 40px);}
  body .vystavba-txt {width: calc(100% - 70px);margin-right: 35px;}
  body .vystavba-kontakty {width: calc(100% - 110px);} 
  body .article-item:nth-child(3n){margin-right: 20px;} 
  body.page-vystavba .sekce-1 .o{width:90vw;}
  body.page-vystavba .sekce-right {width: 40vw;} 
  body.page-vystavba .sekce-right img{width: 100%;}
  body.page-vystavba .sekce-left {width: calc(100% - 44vw);margin-right: 4vw;}
  body.page-vystavba .sekce-1 {padding-top: 70px;padding-bottom: 70px;}
  body .typy-staveb {padding-top: 60px;padding-bottom: 60px;}
  body .sm-panel-btns .st-btn {padding: 10px 12px;}
  body .podstrana .o {width:90vw;}
  body .podstrana .sekce-1 {padding-top: 70px;padding-bottom: 70px;}
  body .podstrana .sekce-1 .sekce-right {width: 40vw;} 
  body .podstrana .sekce-1 .sekce-right img{width: 100%;}
  body .podstrana .sekce-1 .sekce-left {width: calc(100% - 44vw);margin-right: 4vw;}
  body .podstrana .sekce-1 h1{line-height: 41px; margin-top: 0;} 
  body .pruh-box{width:calc(33% - 102px);margin-right:20px;}
  body .podstrana .article-item{width:calc(30vw - 23px);  height:20vw;}
  body .podstrana .article-gallery .gallery-item{width:calc(30vw - 23px);  height:20vw;}
  body .podstrana .article-gallery .gallery-item img{width:calc(30vw - 23px);  height:20vw;min-width:unset;}
  body .podstrana .ref-sk .article-right .title{width:calc(30vw - 23px);  height:20vw;}
  body.page-reference .sekce-1 .o{width:90vw; margin-left:5vw;}
  body.page-reference .reference-sekce .o{width:90vw; margin-left:5vw;}
  body.page-reference .article-item, 
  body.page-reference .article-gallery .gallery-item, 
  body.page-reference .article-gallery .gallery-item img, 
  body.page-reference .ref-sk .article-right .title{width:calc(30vw - 20px);  height:20vw;}
  body.page-reference .sekce-1{padding-bottom:0;padding-top:70px;}
  body.page-reference .nad-ref{text-align:center;}
  body.page-reference .ref-menu{text-align:center;margin-bottom:60px;} 
  body .blue-right,
  body .top-phone{display: none;}  
  body .podstrana .ref-sk .article-right .title{display: inline-block;width: calc(100% - 110px);line-height: 25px;margin-top: calc(11.5vw - 25px);height: auto; text-align: center;}
  body .article-right .title a{width: 100%; padding:0; height: auto;display: inline-block;line-height: unset; font-size: inherit;}
  body .article-item .image img{height: 20vw; min-width:calc(30vw - 20px); min-height:unset;}  
  body.page-reference_article-detail .gallery .gallery-item {width: calc(25% - 15px);height: 15vw;}
  body.page-reference_article-detail .gallery .gallery-item img{width: 100%; height: 15vw; min-width:unset;}
  
}

@media screen and (max-width: 1290px) { 
  body .ref-scr{width:100%;  }
  body .ref-img{width:77vw;height:40vw;display:block;margin-left:13vw;  background-size:cover;}
  body .ref-it-txt #slider p{margin-top: 0;}
  body .ref-obs{height: 25vw;}  
  body .sm-panel-btns .st-btn {padding: 10px 10px;margin-right: 2px; font-size: 13px;}
  body .sm-panel{font-size:12px;}
  body .sekce-2 .sekce-left{width:34vw;margin-right:0;}
  body .sekce-2 .sekce-left img{width:100%;}
  body .sekce-2 .sekce-right{width:calc(100% - 40vw);margin-left:5vw;font-size:14px;}
}

@media screen and (max-width: 1250px) { 
  body .akt-right{width:calc(100% - 797px);margin-left:26px;}
  body .aktualne-realizujeme{padding-top:80px;padding-bottom:80px;}
}

@media screen and (max-width: 1230px) { 
  body .mini-menu a {margin-left: 20px;}
  
  
  
  body .sekce-pruh-4 .pruh-box {
	padding: 22px;
	width: calc(25% - 63px);
	margin-right: 25px;
}

body .sekce-pruh-4 .pruh-box:nth-child(3) {
	margin-right: 25px;
}
}

@media screen and (max-width: 1200px) { 
  body .rozcestnik{margin-top:calc(59vh - 317px);}
  body .polozka{width:300px;height:150px;font-size:19px;}
  body .polozka span{height:150px;width:300px;}
  body .rozcestnik{width:640px;}
  body .logo-nad{width:107px;height:107px;margin-left:263px;margin-top:110px;background-size:cover;}
  body .logo-nad:hover{width:107px;height:107px;margin-left:263px;margin-top:110px;background-size:cover;}
  body .odkazy a {padding: 8px 10px;margin-right: 4px;font-size: 12px;}
  body.page-certifikace .dynamic-page img{width: 25%; height: auto;}
  body .sm-panel{width: calc(33% - 21px);}  
  body .sm-panel-name {font-size: 18px;}
  body .sm-panel-txt {margin-top: 12px;margin-bottom: 25px;height: 33px;}
  body .sm-panel-more {padding: 16px;}  
  body .podstrana .ref-sk .article-right .title{font-size: 16px; line-height: 23px;}
  body.page-reference .ref-sk .article-right .title{font-size: 16px; line-height: 23px;} 
}

@media screen and (max-width: 1146px) { 
  body .company{background-color:#424242; padding-left:6vw; padding-right:6vw;}
  body .company-img{float:left;width:350px;height:270px; margin-top:6vw;}
  body .company-txt{width:calc(100% - 350px);}
  body .company-txt-o{padding:6vw; padding-right:0;}
  body .odkazy a{margin-bottom:10px;}    
  body .ref-obs-o p,
  body .ref-obs-o .ref-it-txt {font-size: 13px;line-height: 20px;}
  body .ref-obs {height: 23vw;}
  body .mini-logo{margin-top:23px;width:207px;}
  body .mini-panel .logo-box {width: 240px;}
  body .aktualne-realizujeme h2{font-size:28px;margin-bottom:54px;text-align:center;display:inline-block;width:100%;}
  body .akt-left{width:100%;text-align:center;}
  body .aktualne-realizujeme .article-item, body .aktualne-realizujeme .articles .article-item:nth-child(3n){margin-left:5px; margin-right:5px;}
  body .aktualne-realizujeme .article-item{margin-bottom:5px;}
  body .akt-right{width:100%;margin-top:40px;margin-left:0;height:290px;}
  body .pruh-box{width:calc(33% - 55px);  padding:20px;}
  body .akt-right iframe{width:100%;height:290px;}
  body .sluzba-item {margin-left: 1vw;margin-right: 1vw;width: 21vw;}
  
  
}

@media screen and (max-width: 1100px) {
  body .big-panel-img {margin-right: 5vw;width: 42vw;}
  body .big-panel-img img{width: 100%;}
  body .big-panel-name{margin-top: 0;}
  body .big-panel-right {width: calc(100% - 47vw);}
  body .sm-panel-name {font-size: 18px;}
  body .st-btn {padding: 10px 16px;}
  body .big-panel-sub {font-size: 13px;margin-bottom: 15px;}
  body .big-panel-txt {font-size: 13px;line-height: 18px;margin-bottom: 30px;}
  body .big-panel {margin-bottom: 50px;}
  body .sm-panel-more{text-align: center;} 
  body .sluzba-item{margin-left:3vw;margin-right:3vw;width:42vw;margin-bottom:2vw;margin-top:1vw;}
  body .article-right .title{margin-top:calc(11vw - 25px); font-size:16px; line-height:23px;}
  
  body .onas-box-right {
	width: 330px;
	margin-left: 70px;
}
body .onas-box-right img{width: 100%; height: auto;}
body .onas-box-left {
	width: calc(100% - 400px);
}
  
}

@media screen and (max-width: 1090px) {
  body .mini-menu a{font-size:13px;margin-left:12px;}
  body.page-projekce .o{padding-top:70px;padding-bottom:50px;}
  body.pujcovna-page h1,
  body.page-jerabnicke-prace h1,
  body.page-kontakt h1,
  body.page-projekce h1
  body .dynamic-page h1{text-transform:uppercase;margin-bottom:50px;font-size:32px;font-weight:400;}
  body .projekce-txt{float:left;margin-left:52px;width:calc(100% - 390px);margin-top:26px;}
  body .projekce-txt .dev-html-block{line-height:21px;}
  body .nad-kont{margin-right:6%;}
  body .kont-it{width:30%;color:#fff;font-size:14px;line-height:20px;}
  body .nad-kont{font-size:17px;line-height:28px;}
  body .reference-sekce{text-align:center;}
  body .article-item{margin-right:10px;  margin-left:10px;}
  body .article-item:nth-child(3n){margin-right:10px;  margin-left:10px;}
  body .vystavba-txt{margin:0; width:100%;}
  body .vystavba-left{width:calc(100% - 60px);  padding:30px;}
  body .vystavba-kontakty{width:calc(100% - 60px);  padding:30px;}
  body .vystavba-kontakty .article-item{margin-left:0;}
  body .vystavba-kontakty .article-item:nth-child(3n){margin-right:0px;margin-left:0px;}
  body .ref-menu a{margin-bottom:3px;}
  body .vystavba-kontakty .article-right{padding-bottom:20px;}
  body .ref-obs-o strong,body .ref-obs-o strong .dev-label p{color:#fff;font-size:20px;font-weight:600;text-transform:uppercase;line-height:26px;}
  body .ref-obs-o{padding:30px;}
  body .pucovna-kategorie{float:none;margin-right:0px;width:calc(100% - 40px);margin-bottom:30px;}
  body .pucovna-kategorie ul li a{border-bottom:none;width:auto;padding-left:15px;padding-right:15px;background:#dedede;margin-right:3px;margin-bottom:3px;}
  body .pucovna-kategorie{float:none;margin-right:0px;width:100%;margin-bottom:30px;padding:0;background:none;  text-align:center;}
  body .pucovna-kategorie ul li{display: inline-block; vertical-align: top;}
  body .pujcovna-produkty{width: 100%; text-align: center;}
  body .pujcovna-produkty .dev-produkt-component{text-align: center;}
  body .ofirme .o{padding-top: 80px; padding-bottom: 80px;}
  body .ofirme-left {width: 100%;}
  body .ofirme-right{float:left;text-align:center;width:100%;margin-top:30px;background-color:#f7f7f7;padding-top:30px;padding-bottom:40px;}
  body .ofirme-vid{width:500px;height:320px;background-size:cover;} 
  body .sekce-1 h1{font-size:25px;margin-bottom:28px;margin-top:0px;  line-height:29px;}
  body .sekce-left{font-size:13px;line-height:20px;}  
  body .big-panel-name{font-size:22px;}
  body .sm-panel-btns .st-btn{padding:6px 10px;margin-right:0;font-size:13px;width:calc(100% - 20px);text-align:center;margin-top:1px;}
  body .sm-panel-name{font-size:16px;}
  body .sm-panel{margin-right:15px; width:calc(33% - 8px);}
  body .podstrana .sekce-1 h1{line-height:29px;}
  body .podstrana .sekce-1{padding-top:50px;padding-bottom:50px;}
  body .sekce-2 .sekce-nadpis{font-size:25px;}
  body .sekce-2{padding-top:60px;padding-bottom:60px;}
  body .podstrana .sekce-reference .sekce-nadpis{font-size:25px; text-align:center;}
  body .podstrana .sekce-reference{background-color:#f4f4f4;padding-top:70px;padding-bottom:60px;}
  body.page-reference .nad-ref {font-size: 22px;}
  body.page-jerabnicke-prace .o{padding-top:70px;padding-bottom:50px;}
  body .jerab .projekce-txt{margin-top:26px;}
  body .article-right .title a{font-size:15px;line-height:21px;}
  body .pujcovna-page h1,body.page-jerabnicke-prace h1,body.page-kontakt h1,body.page-projekce h1,body .dynamic-page h1{margin-bottom:50px;font-size:32px;  display:inline-block;  width:100%;   text-align:center;}
  body .pujcovna-page{margin-top:70px;}
  body .dev-article-detail-right .perex {width: calc(65% - 20px);margin-right: 40px;}
  body .dev-article-detail-right .text {width: calc(35% - 20px);}
}

@media screen and (max-width: 970px) {
  body .ref-txt{width:calc(100% - 300px);}
  body .article-item{width:196px;height:140px;}
  body.page-projekce .article-right .title{width:166px;height:140px;font-size:13px;padding-left:15px;padding-right:15px;line-height:19px;} 
  body.page-vystavba .clanky-ref .ref-sk .article-right .title{width:166px;height:140px;font-size:13px;padding-left:15px;padding-right:15px;line-height:19px;}
  body .ref-obs{height: 230px;}    
}

@media screen and (max-width: 920px) {
  body .top-logo {width: 56px;height: auto;}
  body .top-menu {margin-top: 36px;}
  body .top-menu-bar{height: 88px;}
  body .under-bar {height: 88px;}
  body .top-menu > a,
  body .top-menu span.m-item {margin-left: 24px;font-size: 13px;}
}


@media screen and (max-width: 900px) {
  body .logo{margin-left:35px;  margin-top:35px; }
  body .tradice{width:91px;  height:46px;  margin-top:29px;  margin-left:30px;  background-size:cover;  }
  body a.top-phone{font-size:18px;padding-left:32px;margin-top:43px;background-size:24px;}
  body .rozcestnik{margin-top:calc(63vh - 317px);}
  body .company-txt-o h1{margin-bottom:30px;}
  body .company-img{width:250px;height:190px;}
  body .company-txt{width:calc(100% - 250px);  height:auto;}
  body .nadace{top:100px;}
  body .podstrana .ref-sk .article-right .title{font-size:13px;line-height:20px;}
  body.page-reference .ref-sk .article-right .title{font-size:13px;line-height:20px;} 
  
  body .sekce-pruh-4 .pruh-box-txt {font-size: 13px;line-height: 19px;}
  body .sekce-pruh-4 .pruh-box-ico {margin-bottom: 20px;}
  
}


@media screen and (max-width: 870px) {
  body .ref-obs-o strong, 
  body .ref-obs-o strong .dev-label p{font-size: 16px;}
  body .ref-obs-o p{font-size: 12px;}
  body .ref-obs-o strong, 
  body .ref-obs-o strong .dev-label p{margin-bottom: 8px;}
  body .mini-panel .logo-box{width:210px;overflow:hidden;}
  body .burger-ico{display:block;float:right;width:32px;height:25px;background-image:url(images/burger-ico.png);margin-top:31px;cursor:pointer;}
  body .mini-menu.burger-menu{margin-left:0;left:-270px;position:absolute;width:270px;text-align:center;margin-top:85px;background:#4e4e4e;  line-height:22px;height:calc(100vh - 85px);}
  body .mini-menu.burger-menu.expanded{left:0;}
  body .mini-menu.burger-menu a{margin:0;  padding:0;margin-top:1px;width:100%;display:block;margin-left:0;line-height:33px;  border-bottom:1px solid #424242;  background:none;}  
  body .mini-menu a{margin-right:1px;margin-left:1px;background-color:#bc0b00;padding:4px 4px;margin-bottom:2px;width:27%;}
  body .mini-menu.burger-menu a.fb-ikona{width:30px;height:30px;background-image:url(images/ico-fb.png);background-size:cover;margin-top:20px;margin-left:calc(50% - 16px);border:1px solid #696969;}
  body .mini-menu.burger-menu a.nad{color: #fe0b66; font-weight: 500;}
  body .big-panel-img{width:30vw;}
  body .big-panel-right{width:calc(100% - 35vw);}
  body .top-menu{display: none;}
  body .top-phone{display:block;  height:60px;  padding-right:5vw;  padding-left:5vw;  padding-top:28px;}
}

@media screen and (max-width: 860px) {
  body .ref-obs-o{padding:25px;}
  body .ref-obs{width:294px;height:206px; top:85px;}
  body .ref-obs-o .ref-it-txt{font-size:12px;line-height:19px;}
  body .projekce-ilu{height:333px;width:220px;background-position:center;background-size:contain;}
  body .projekce-txt{float:left;margin-left:40px;width:calc(100% - 274px);margin-top:15px;}  
  body.page-vystavba .sekce-1 {padding-top: 50px;padding-bottom: 50px;}
  body .pruh-box-name{font-weight:700;font-size:16px;margin-bottom:12px;}
  body .pruh-box-txt{font-size:12px;line-height:17px;}
  body .sekce-2 .sekce-left{width:26vw;}
  body .sekce-2 .sekce-right{width:calc(100% - 32vw);}
  body .sekce-2 .sekce-nadpis{margin-bottom:0;}
  body .sekce-2.arch .sekce-nadpis,
  body .sekce-2.arch .onas-box h2 {
	margin-bottom: 20px;
  font-size: 25px;
}


  body .step{margin-top:20px;}
  body .nr{font-size:28px;}
  body .step-txt{margin-top:6px;display:inline-block;font-size:13px;color:#8d8d8d;line-height:19px;}
  body .podstrana .article-item, body .podstrana .ref-sk .article-right .title, body .podstrana .article-gallery .gallery-item, body .podstrana .article-gallery .gallery-item img{width:calc(45vw - 23px);height:28vw;}  
  body.page-reference .article-item {width:calc(45vw - 23px);height:28vw;}
  body .article-item .image img {height: 28vw;min-width: calc(45vw - 23px);}  
  body .podstrana .ref-sk .article-right .title{width:auto;height: auto;margin-top: calc(16vw - 25px);font-size: 16px;line-height: 23px;}
  body .logo-foot{margin-bottom:25px;}
  body .jerab-ilu{height:328px;width:220px;background-position:center;background-size:contain;}
  body .jerab .projekce-txt{margin-top:15px;}
  body .dev-article-detail-right .text{font-size:12px;line-height:16px;}
  body .dev-article-detail-right{width:calc(100% - 60px);padding:20px 30px;}
  
  
  body .sekce-2.arch .sekce-left {
	display: none;
}
body .sekce-2.arch .sekce-right {
	width: 100%; margin-left: 0;
}
body .onas-box-left {
	width: 100%;
}
body .onas-box-right {
	width: 100%;
	margin-left: 0;
  margin-top: 30px;
}
body .sekce-2.arch {
	padding-top: 5vw;
}
body .onas-box {
	padding-top: 5.5vw;
}

body .sekce-pruh-3 .pruh-box {
	padding: 25px;
	width: calc(33% - 67px);
	margin-right: 26px;
}

}

@media screen and (max-width: 780px) {
  body .company-txt-o h1{font-size:23px;}
  body .company-txt-o h1{margin-bottom:20px;padding-top:25px;}
  body .company-txt-o .dev-html-block{font-size:13px;line-height:18px;}
  body .company-img{width:190px;height:150px;}
  body .company-txt{width:calc(100% - 190px);height:auto;}
  body .sluzba-title{font-size:14px;margin-bottom:16px;}
  body .ref-txt{width:100%;margin-top:22px;}
  body .ref-top-o h2{font-size:24px;}
  body .reference{padding-top:44px;padding-bottom:44px;}
  body .kontakt-left{float:left;margin-right:0;padding-top:0;width:calc(100% - 60px);background:#f9f9f9;padding:30px;}
  body .kontakt-right{width:calc(100% - 70px);}
}

@media screen and (max-width: 730px) {
  body .sluzby{display:none;}
  body .nad-kont{font-size:17px;line-height:28px;width:100%;margin-bottom:20px;}
  body .kont-it{width:49%;}
  body .ref-obs-o{padding: 18px;}
  body .ref-obs-o p, 
  body .ref-obs-o .ref-it-txt{line-height:18px;}
  body .ref-obs{height:152px;}
  body .produkt.produkt-item{width: calc(100% - 40px); text-align: center;}
  body .produkt-obrazek{background-size: auto 100%;}
  body .produkt.produkt-item{margin-left: 0; margin-right: 0;}
  body .ofirme-txt .dev-html-block strong{font-size:16px;line-height:25px;}
  body .ofirme-txt .dev-html-block{font-size:13px;line-height:20px;}
  body .odkazy{margin-top:0;}
  body .aktualne-realizujeme h2{font-size:25px;margin-bottom:46px;text-align:center;display:inline-block;width:100%;}
  body .aktualne-realizujeme{padding-top:55px;padding-bottom:55px;}
  body .pruh-box{width:calc(100% - 40px);padding:20px;margin-right:0;  text-align:left;  min-height:unset;  margin-bottom:2px;}
  body .pruh-box-ico{margin-bottom:0;float:left;margin-right:28px;width:95px;text-align:center;  height:84px;}
  body .sekce-2 .sekce-left{display:none;}
  body .sekce-2 .sekce-right{width:100%;margin-left:0;}
  body .sekce-2 .sekce-nadpis br{display:none;}
  
  
  body .sekce-pruh-4 .pruh-box,
  body .sekce-pruh-3 .pruh-box  {
	width: calc(100% - 40px);
	padding: 20px;
	margin-right: 0;
	text-align: left;
	min-height: unset;
	margin-bottom: 2px;
}
  body .sekce-pruh-4 .pruh-box-ico,
  body .sekce-pruh-3 .pruh-box-ico{margin-bottom:0;float:left;margin-right:28px;width:46px;text-align:center;  height:auto;}
    body .sekce-pruh-4 .pruh-box-ico img,
  body .sekce-pruh-3 .pruh-box-ico img{width: 46px; height: auto;}
}

@media screen and (max-width: 700px) {
  body .polozka{width:210px;height:120px;font-size:14px;}
  body .polozka span{width:210px;height:120px;}
  body .logo-nad,body .logo-nad:hover{width:77px;height:77px;margin-left:175px;margin-top:86px;background-size:cover;}
  body .polozka.polozka-1,body .polozka.polozka-3{margin-right:10px;margin-bottom:10px;}
  body .polozka.polozka-2{margin-bottom:10px;}
  body .rozcestnik{width:440px; height: auto;}
  body .rozcestnik{margin-top:calc(63vh - 266px);}
  body .ref-img{height:52vw;margin-left:0;width:90vw;}
  body .ref-obs{width:100%;height:110px;position:relative;top:0;}
  body .ref-obs-o strong,body .ref-obs-o strong .dev-label p{margin-bottom:5px;}
  body .ref-scr{margin-top:30px;}
  body #slider #commands{top:30px;right:0;left:unset;}
  body #commands label:nth-child(5),body #commands label:nth-child(1),body #commands label:nth-child(2),body #commands label:nth-child(3),body #commands label:nth-child(4){background-color:#000;}
  body .ref-obs-o strong,body .ref-obs-o strong .dev-label p{font-size:16px;line-height:24px;}
  body .more-references{margin-top:35px;}
  body .ref-obs-o{padding:25px;height:66px;}
  body.page-projekce .dev-html-block{font-size:12px;line-height:20px;}
  body .vystavba-kontakty .image{width:100%;text-align:center;margin-top:20px;margin-bottom:10px;  }
  /* body .vystavba-kontakty .article-right{width:100%;text-align:center;} */
  body.page-vystavba .clanky-ref .article-right .title{width:calc(100% - 50px); height:auto; margin-top:10px;}
  body .ref-obs-o{text-align: center; height: 105px;}
  body .ref-obs {height: auto;}
  body #slider .ref-obs .ref-obs-o p{margin-bottom: 0;}  
  body.page-vystavba .sekce-right,
  body .podstrana .sekce-1 .sekce-right{display: none;}
  body.page-vystavba .sekce-left,
  body .podstrana .sekce-1 .sekce-left{margin-right: 0; width: 100%;}
  body .sekce-1 h1{margin-top: 0;}
  body .big-panel-name{font-size:18px;margin-bottom:15px;}
  body .sm-panel{width:100%;margin-right:0;  background:none;  margin-top:30px;  border-top:1px solid silver;  padding-top:30px;}
  body .sm-panel-img{width:30vw;float:left;background:none;}
  body .sm-panel-more{text-align:left;float:left;margin-left:5vw;padding:0;width:calc(100% - 35vw);}
  body .sm-panel-name{font-size:18px;}
  body .sm-panel-txt{margin-top:13px;margin-bottom:25px;line-height:18px;  font-size:13px;}
  body .big-panel{margin-bottom:0px;}
  body .sm-panel-btns .st-btn{text-decoration:none;font-size:12px;padding:8px 13px;display:inline-block;vertical-align:top;margin-right:10px;  width:auto;}
  body .st-btn{padding:8px 13px;font-size:12px;}  
  body .podstrana .sekce-1 h2{font-size:14px;color:#5a5a5a;margin-bottom:20px;}
  body .podstrana .sekce-2 .sekce-right{display:inline-block;}
  body .article-right .title a{font-size:14px;line-height:20px;}
  body .pujcovna-page h1,body.page-jerabnicke-prace h1,body.page-kontakt h1,body.page-projekce h1,body .dynamic-page h1{font-size:25px;  margin-bottom:30px;}
  body.page-projekce .o, body.page-jerabnicke-prace .o{padding-top:55px;}
  body .pujcovna-page{margin-top:55px;}
  
  body .round-btn{width:85px;height:84px; bottom:15px; right:10px;}
  body .round-btn span b{font-size:13px;}
  body .round-btn span{font-size:19px;padding-top:20px;}

}

@media screen and (max-width: 640px) {
  body .company-img{display:none;}
  body .company-txt{width:100%;}
  body .company-txt-o{padding-left:0;}
  body .company-txt-o h1{margin-bottom:32px;padding-top:25px;}
  body .dynamic-page{padding-top:50px;padding-bottom:50px;}
  body .dev-html-block{font-size:12px;line-height:20px;}
  body .projekce-ilu{display:none;}
  body .projekce-txt{float:left;margin-left:0;width:100%;margin-top:0;}
  body.pujcovna-page h1,
  body.page-jerabnicke-prace h1,
  body.page-kontakt h1,
  body.page-projekce h1,
  body .dynamic-page h1{text-transform:uppercase;margin-bottom:30px;font-size:25px;font-weight:400;text-align:center;}
  body .projekce-left{text-align:center;height:auto;padding:0;margin-bottom:60px;background:none;  width:100%;}
  body.page-vystavba h1{text-transform:uppercase;margin-bottom:30px;font-size:25px;font-weight:400;text-align:center;}
  body .vystavba-txt .dev-html-block{line-height:19px;text-align:center;}
  body .vystavba-kontakty h2{text-align:center;}
  body.page-kontakt .o, body.page-pujcovna .o{padding-top:50px; padding-bottom:50px;}
  body .pujcovna-page{margin-top:50px;}
  body .pujcovna-page h2{line-height:23px;}
  body .pujcovna-txt{margin-top:0;}
  body.page-vystavba .sekce-left{text-align: center;}
  body .podstrana .sekce-left{text-align: center;}
  body .podstrana .sekce-1 h1 {line-height: 29px;text-transform: uppercase;font-weight: 400;}
  body .jerab-ilu{display:none;}
  body .jerab .projekce-txt{margin-top:0px;}
  body .claim{width:50.2vw;height:10.4vw;}
  
  body.page-reference_article-detail .gallery .gallery-item {width: calc(50% - 15px);height: 27vw;}
  body.page-reference_article-detail .gallery .gallery-item img{width: 100%; height: 27vw; }
  body.page-reference_article-detail .gallery .gallery-item:nth-child(4n) {	margin-right: 15px;}
  body.page-reference_article-detail .gallery .gallery-item:nth-child(2n) {	margin-right: 0px;}
  
  
  body .sekce-2.arch,
  body .onas-box,
  body .podstrana .sekce-reference {padding-top: 6.5vw;}
  
  body .sekce-2.arch .sekce-nadpis, 
  body .sekce-2.arch .onas-box h2{text-align: center;}
  
  body .arch-box h3{text-align: center;}
}

@media screen and (max-width: 590px) {
  body .logo{margin-left:22px;margin-top:22px;}
  body .tradice{width:68px;height:33px;margin-top:21px;margin-left:20px;background-size:cover;}
  body a.top-phone{font-size:14px;padding-left:22px;margin-top:31px;background-size:19px;}
  body .pujcovna-txt{text-align: center;}
  body .outofdate-modal-body {width: calc(90vw - 60px);}
  body.page-home .nadace{top:70px;} 
  body .pruh-box-ico {height: 100px;}  
  body .top-menu-bar{height: 65px;}
  body .under-bar{height: 65px;}
  body .top-logo {margin-top: 12px;width: 44px; height: 41px;}
  body .top-menu{margin-top:23px;}
  body .blue-right{height:65px;}
  body .top-phone{padding-top:20px;height:45px;}
  body .top-phone a.phone-ico{font-size: 20px;}
  body .burger-ico{margin-top: 20px;}
  body .dev-article-detail-right .perex{width:100%;margin-right:0;}
  body .dev-article-detail-right .text{width:100%;}
  body .dev-article-detail-right .perex{color:#003e57;font-size:14px;line-height:21px;}
}

@media screen and (max-width: 560px) {
  body .ofirme-right{margin-top:30px;background:none;padding-top:0;padding-bottom:0;}
  body .ofirme-vid{width:100%;height:57vw;background-size:cover;}
  body .big-panel-img{width:100%;}
  body .typy-staveb{padding-top:5vw;padding-bottom:5vw;}
  body .big-panel-right{width:100%;text-align:center;margin-top:25px;}
  body .sm-panel-img {width: 100%;}
  body .sm-panel-more{text-align:center;float:left;margin-left:0;padding:0;width:100%;margin-top:25px;}
  body .aktualne-realizujeme .article-item, body .aktualne-realizujeme .article-gallery{width:350px;height:153px;overflow:hidden;}
  body .aktualne-realizujeme .article-gallery .gallery-item{width:350px;height:auto;margin:0;}
  body.page-vystavba .aktualne-realizujeme .article-gallery .gallery-item img{width:100%;height:auto;min-width:unset;min-height:unset;  margin-top:-50px;  }
  body.page-vystavba .article-right .title{width:350px;height:153px;color:#fff;}
  body .podstrana .article-item,body .podstrana .ref-sk .article-right .title,body .podstrana .article-gallery .gallery-item,body .podstrana .article-gallery .gallery-item img{width:calc(90vw - 20px);height:60vw;}
  body .podstrana .ref-sk .article-right .title{font-size:15px;line-height:22px;}
  body.page-reference .article-item,
  body.page-reference .article-gallery .gallery-item img{width:calc(90vw - 20px);height:60vw;}
  body .article-item .image img {height: 60vw;min-width: calc(90vw - 20px);}
  body .podstrana .ref-sk .article-right .title{width: auto; height: auto; font-size: 15px; line-height: 22px;margin-top: calc(32vw - 25px);}
}

@media screen and (max-width: 510px) {
  body .foot{padding-top:40px;padding-bottom:40px;}
  body .foot-phone,body .foot-mail{font-size:18px;margin-bottom:4px;}
  body .cara{margin-top:26px;}
  body .eu{margin-bottom:30px;}
  body .reference-sekce h2{font-size:26px;}
  body .reference-sekce{margin-top:50px;}
  body .ref-menu a{width:calc(100% - 30px); padding:11px 15px;}
  body .vystavba-kontakty .article-gallery{width:100%;text-align:center;margin-bottom:20px;}
  body .vystavba-kontakty .article-right{padding-bottom:20px;text-align:center;width:90%;float:none;margin:0px auto;padding-top:8px;} 
  body .pruh-box-ico{height:118px;}
  body .sekce-2 .sekce-nadpis{font-size:22px;  text-align:center;  line-height:29px;}
  body .sekce-2{padding-top:40px;padding-bottom:40px;}
  body.page-reference .sekce-1{padding-top:46px;}
  body.page-reference .sekce-1 h1{margin-bottom:14px;}
  body .top-phone a.fb-ico{display: none;}
  body .dynamic-page .dev-article-detail-right h1 {margin-bottom: 15px;font-size: 20px;}
}

@media screen and (max-width: 480px) {
  body a.sipka{display: none;}
  body .logo-nad,body .logo-nad:hover{display:none;}
  body .rozcestnik{width:94vw;margin-top:56px;}
  body .polozka.polozka-1,body .polozka.polozka-3,body .polozka.polozka-4,body .polozka.polozka-2{margin-right:0;margin-bottom:2px;}
  body .polozka{width:calc(63vw - 2px);height:42px;font-size:14px;border:1px solid #bfbfbf;overflow:hidden;}
  body .polozka span{width:63vw;height:42px;}
  body .polozka span br{display:none;}
  body .top-panel{height:382px;background-size:cover;}
  body .tradice{display:none;}
  body a.top-phone{margin-right:3vw;}
  body .logo {margin-left: 5vw;width: 50px;}
  body .company-txt-o{text-align:center;}
  body .company-txt-o h1{background-position:center top;}
  body .over{background-color:rgba(0,0,0,0.6);}
  body .company-txt-o{padding-top:14vw;  padding-bottom:14vw;}
  body .ref-top-o{text-align:center;}
  body .ref-top-o h2{text-align:center;width:100%;}
  body .ref-top-cara{display:none;}
  body .dynamic-page{text-align:center;}
  body .projekce-kontakty{width:calc(100% - 60px);padding:30px;}
  body .nad-kont{line-height:25px;  margin-bottom:0;}
  body .kont-it{width:100%;margin-bottom:0;margin-top:20px;}                                                                                                                             
  body .nadace{width:50px;height:60px;background-size:cover;}  
  body .ofirme .o{padding-top:20px;padding-bottom:50px;}
  body .line{display:none;}
  body .ofirme .o h1{font-weight:100;font-size:28px;margin-bottom:25px;margin-top:19px;}
  body .ofirme .o{text-align: center;}
  body .ofirme .o h1{font-size: 24px; font-weight: 600;}
  body .polozka:hover span{opacity:1;}
  body.page-vystavba h1{font-size: 21px;}
  body .podstrana .sekce-1 h1{font-size:21px;}
  body .nr{font-size:23px;}
  body .step-name{width:120px; display: inline-block; text-align: left;}
  body .sekce-2 .sekce-nadpis{font-size:20px;line-height:24px;margin-bottom:30px;}
  body .step {text-align: center;}
  body .podstrana .sekce-reference .sekce-nadpis{font-size:18px;margin-bottom:25px;}
  body .podstrana .sekce-reference{padding-top:40px;padding-bottom:40px;}
  body .podstrana .ref-sk{margin-top:34px;}
  body .nadace{display: none;}
  body .nadace-bar{width: calc(100% - 12px); padding: 6px; background-color: #fe0b66; color:#fff; text-decoration: none; font-weight: 700;}
  body .jerab-ilu-siroka{display:block; width:100%; height:58vw; background-color:#dedede; margin-bottom:30px; background-image:url(images/jerab-mob.jpg); background-size:cover;}
  body .article-right .title a{font-size:16px;line-height:25px;}
  body.page-projekce .o,body.page-jerabnicke-prace .o{padding-top:40px;}
  body .pujcovna-page{margin-top:40px;}
  body .dev-article-detail-right table{text-align:left;}
  
  
  
  body .sekce-2.arch .sekce-nadpis, body .sekce-2.arch .onas-box h2 {
	font-size: 20px;
	line-height: 24px;
	margin-bottom: 30px;
}
body .sekce-2.arch, body .onas-box, body .podstrana .sekce-reference {
	padding-top: 9.5vw;
}
body .arch-box h3{
font-size: 20px;
	line-height: 24px;
}


}

@media screen and (max-width: 440px) {
  body .pruh-box-ico{height:auto;width:100%;margin-bottom:20px;}
  body .pruh-box{text-align:center;}
  body .podstrana .sekce-1 .sekce-right{display:inline-block;width:100%;margin-top:40px;}
  body .sekce-2 .sekce-nadpis{font-size:15px;  line-height:24px;  margin-bottom:30px;  }
  body .step-name{font-size:15px;  margin-left:10px;  width:90px;}
  body .nr{font-size:20px;}
  body .dev-article-detail-right .perex{font-size:12px;line-height:18px;}
  body .dev-article-detail-right .perex table{font-size:13px;}
}

@media screen and (max-width: 430px) {
  body .ref-obs-o{text-align:center;height:98px;padding-bottom:35px;}
  body .aktualne-realizujeme .article-item,body .aktualne-realizujeme .article-gallery{width:85vw;}
  body .aktualne-realizujeme h2{font-size:20px;margin-bottom:36px;}
  body .aktualne-realizujeme{padding-top:45px;padding-bottom:38px;}
  body .top-phone{display: none;}
  body .pucovna-kategorie ul li{width:100%;}
  body .pucovna-kategorie ul li a{border-bottom:none;width:calc(100% - 30px);padding-left:15px;padding-right:15px;background:#dedede;margin-right:0;margin-bottom:1px;font-size:13px;line-height:32px;}
  
  body.page-reference_article-detail .gallery .gallery-item {width: 100%;height: auto;}
  body.page-reference_article-detail .gallery .gallery-item img{width: 100%; height: auto; }
  body.page-reference_article-detail .gallery .gallery-item:nth-child(4n) {	margin-right: 0px;}
  body.page-reference_article-detail .gallery .gallery-item:nth-child(2n) {	margin-right: 0px;}
  
}

@media screen and (max-width: 400px) {
  body .vystavba-kontakty{width:calc(100% - 20px);padding:30px 10px;  padding-bottom:0;}
  body .kontakt-left{float:left;margin-right:0;width:calc(100% - 40px);background:#f9f9f9;padding:20px;text-align:center;}
  body .kontakt-right{float:left;width:calc(100% - 40px);background:#eee;padding:20px;}
  body .kontakt-mapa{width:100%;margin-top:30px;}
  body .vystavba-left{width:calc(100% - 30px);padding:15px;}
  body .projekce-kontakty{text-align:center;}   
  body .theme {height: 58vw; background-size: auto 58vw;}
  body .first{background-size: 157% auto;animation: zoom-in2 3s ;}
  body .claim {width: 62.2vw;height: 12.9vw;}
  body .logo-foot{margin-bottom:18px;width:44px;}
  body .pujcovna-page h1,body.page-jerabnicke-prace h1,body.page-kontakt h1,body.page-projekce h1,body .dynamic-page h1{font-size:22px;  margin-bottom:30px;}
  body .reference-sekce h2{font-size:20px;  margin-bottom:10px;}
  body .pujcovna-page h2{line-height:23px;font-size:16px;}
  
  body .arch-box {
	padding: 20px;
}
body .arch-box h3 {
	font-size: 17px;
	line-height: 24px;
	margin-top: 10px;
}

body .round-btn {
	width: 65px;
	height: 65px;
}
body .round-btn span b {
	font-size: 11px;
}
body .round-btn span {
	font-size: 17px;
	padding-top: 13px;
}



}

@media screen and (max-width: 380px) {
  body .polozka{width:calc(72vw - 2px);}
  body .polozka span{width:72vw; }
  body .projekce-kontakty{width:calc(100% - 40px);padding:20px;}
  body .mini-menu.burger-menu{width: 100%; height: auto; left:-380px; padding-bottom: 20px;}
  body .big-panel-name{font-size:15px;margin-bottom:15px;}
  body .big-panel-sub{font-size:11px;margin-bottom:15px;}
  body .big-panel-txt{display:none;}
  body .st-btn{padding:7px 9px;font-size:11px;}
  body .sm-panel-name{font-size:15px;}
  body .sm-panel-txt{margin-bottom:20px;font-size:11px;}
  body .sm-panel-btns .st-btn{font-size:11px;padding:7px 9px;}
  body .big-panel-right, body .sm-panel-more{margin-top:16px;}
  body .dynamic-page .dev-article-detail-right h1 {font-size: 18px;}
  body .sekce-pruh-3 .pruh-box-txt {
	font-size: 13px;
	line-height: 17px;
}
  
}

@media screen and (max-width: 360px) {
  body .top-panel {height: 330px;}
  body .rozcestnik{width:88vw;margin-top:38px;}
  body .ofirme-txt .dev-html-block strong{font-size:13px;line-height:20px;}
  body .ofirme .o h1{font-size:20px;}
  body .ref-top-o h2{font-size:20px;}
  body .reference{padding-top:34px;padding-bottom:34px;}
}