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

.burger-menu{left:-320px; width: 320px; position: fixed; z-index:500; text-align: left;background:#202020;top:0;height:100vh;overflow-y:auto;}
.burger-menu.expanded{left:0;}
.burger-ico{display:none;width:30px;height:25px;background-image:url(images/burger-ico-black.png);cursor:pointer;float:left;margin-top:19px;margin-right:20px;}
.burger-o{position:relative; padding:35px;}
.burger-o a{display: block; text-align: left; color:#fff; text-decoration: none; font-size: 15px; line-height: 26px; width: 100%;}
.burger-o span{font-size: 15px; line-height: 26px;color:#fff;}
.burger-o a:hover{text-decoration: underline;}
.burger-o a.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;}
.b-social{margin-top: 30px;}
.b-social a.ico-fb{width: 37px; height: 37px; background-image: url(images/ico-fb-foot.png);display: inline-block; vertical-align: top; margin-right: 12px;}
.b-social a.ico-ig{width: 37px; height: 37px; background-image: url(images/ico-ig-foot.png);display: inline-block; vertical-align: top;}
.b-schuzka a.schuzka-btn{width:calc(100% - 28px);display:inline-block;padding:6px 14px;font-size:14px;margin-top:25px;background:#ff2e17;text-align:center;color:#000;font-weight:600;}
.b-schuzka a.schuzka-btn:hover{text-decoration: none;}
.ref-mobile{display: none;}
.show-boxes.siroke{display: none;}
.o-nas-img.for-mobile{display: none;}


@media screen and (max-width: 1460px) {
  body .dark-box {
	width: calc(100% - ((100vw - 94vw) / 2) - 50px);
  padding: 50px;
}

body .sekce-wide-2 .dark-box {
	padding: 50px;
	width: calc(100% - ((100vw - 94vw) / 2) - 80px);
	margin-left: 0;
}


}

@media screen and (max-width: 1380px) {
  body .o {width: 94vw;}
  body .zak-nad-2 {margin-bottom: 30px;}
  body .footer {padding-top: 60px;padding-bottom: 40px;}
  body .produkty-panel{width: 94%; margin-left: 3%;}
  body .produkty-panel-in {padding: 1vw; font-size: 0;}
  body a.produkt {width: calc(25% - 20px); margin-right: 10px; margin-left: 10px;}
  body .show-left{width:35%;}
  body .show-right{width:57%; margin-left:8%;}
  body .show-left img.show1{width:100%; height:auto;}
  body .show-left img.show2, body .show-left img.show3{width:calc(50% - 6px);}
  body .show-left img.show2{margin-right:12px;}
  body .showroom{padding-top:80px;padding-bottom:80px;}
  body .show-box{height:auto; min-height:170px;}
  body .akce .sekce-left .sekce-txt {width: 460px;}
  body .akce .sekce-img-akce {width: calc(100% - 560px);height: 35vw;background-size: cover;}  
  body .akce .sekce-right .sekce-txt {width: 460px;} 
  body .foot-2 {margin-left: 80px;} 
  body .req-right {width: calc(100% - 735px);} 
  body .resp-right {width: calc(100% - 700px);}  
  body .history-item{width: calc(33% - 12px);}
  body .poptavka-left{margin-right:60px;}
  body .poptavka-right{width:calc(100% - 660px);}
  body .realizace-left{width:calc(100% - 870px);margin-right:70px;}
  body .jak-box{width:calc(25% - 43px);  background-size:100% auto;}
  body .jak-box-nad{padding-top:20.6vw;}
  body .zaskleni-box-img{width:17vw;height:17vw;}
  body .zaskleni-box-right{width:calc(100% - 45px - 17vw);}

  

    
}

@media screen and (max-width: 1320px) {
  body .reference-top{background-position:right -180px top -1px;}
  body .typ-nazev{width:calc(100% - 30px);font-size:15px;  padding-left:15px; padding-right:15px;}
  body .kontakt-box a {font-size: 26px;}
body .kontakt-box {
	padding-right: 40px;
	margin-right: 40px;
  width: calc(33% - 59px);
}
body .kontakt-box .kontakt-box-nazev {
	font-size: 15px;
}
body .kontakty-boxy {
	margin-top: 50px;
}
body .kontakt-box-txt {
	font-size: 14px;
}

}

@media screen and (max-width: 1220px) {
  body .foot-2 {margin-left: 80px;width: 340px;}
  body .motto {font-size: 14px;color: #7c7c7c;line-height: 23px;}
  body .theme-txt h1{font-size:40px;}
  body .sekce-left .sekce-txt{width:52%;margin-right:8%;}
  body .sekce-left .sekce-img{width:40%;height:30vw;background-size:cover;}
  body.page-forarch .sekce-left.sekce-1 .sekce-img{width: 40%; height: 23vw;}
  body .sekce-right .sekce-img{width:40%;height:30vw;}
  body .sekce-right .sekce-txt{width:52%;margin-left:8%;}
  body .podstrana{padding-bottom:20px;padding-top:60px;}

  body.page-forarch .sekce-right.sekce-2 .sekce-img{width:40%; height:22.5vw; background-size:cover; background-repeat:no-repeat;}
  body .req-left{width:470px;}
  body .req-right{width:calc(100% - 555px);}
  body .response,body .request,body .share{padding-bottom:40px;}
  body a.produkt span.pr-nad{font-size:20px;padding:13px;margin-top:6px;}
  body a.produkt span.pr-txt{font-size:13px;padding-left:15px;padding-right:15px;line-height:19px;}
  body a.produkt{background-position:center;}
  body .top-right .schuzka{display:none;}

}

@media screen and (max-width: 1180px) {
  body .realizace-left{width:100%;margin-right:0;text-align:center;}
  body .realizace-left .s-txt{width:100%;}
  body .realizace-slider{float:left;margin-left:calc(50% - 400px);margin-top:50px;}
  body .jak-box-nad{font-size: 18px;}

}

@media screen and (max-width: 1160px) {
  body .menu a{margin-right:20px;}
  body .menu .menu-item{margin-right:20px;}
  body .social{margin-right:0px;}
  body .o-nas-txt h2,
  body h2{font-size:36px;}
  body .s-txt{font-size:16px;line-height:25px;margin-top:30px;margin-bottom:30px;}
  body .o-nas-img{width:378px;}
  body .o-nas-txt{width:calc(100% - 438px);margin-right:60px;padding-top:100px;padding-bottom:100px;} 
  body .poptavka-left {width: 480px;}
  body .poptavka-right {width: calc(100% - 540px);}
  body .show-right{padding-top: 0;}
  body .reference-top-left{float:left;width:270px;}
  
  body .sekce-theme-txt h1 {font-size: 36px; padding-left: 4vw; padding-right: 4vw;width: calc(100% - 8vw);}
  body .sekce-theme-txt h2 {font-size: 18px;line-height: 27px;}
  
  body .sekce-left {
	width: 320px;
	margin-right: 50px;
}
body .sekce-right {
	width: calc(100% - 390px);
}
body .gray-box{padding:25px;}


}

@media screen and (max-width: 1110px) {
  body .show-boxes.siroke{display: block; text-align: left; margin-top: 30px;}
  body .show-boxes.siroke .show-box {min-height: 153px;}
  body .show-right a.schuzka-btn{margin-bottom: 20px;}
  body .akce-zalozka{background-size:137px auto;height:48px;width:164px;} 
  body .resp-left{width:460px;}
  body .resp-right{width:calc(100% - 545px);}
  /* padding top a bottom */
  body .poptavka-bar,
  body .realizace,
  body .jak-to-probiha,
  body .showroom,
  body .sekce,
  body .konfigurator,
  body .faqs,
  body .sekce-zaskleni,
  body.page-o-nas .o-nas,
  body .kontakty-pruh {padding-top:45px;padding-bottom:45px;}
  body .faqs-box {margin-top: 40px;}
  
}

@media screen and (max-width: 1060px) {
  body .ref-item{width:27%;margin-left:2%;margin-right:2%;}
  body .ref-txt{font-size:13px; line-height:19px;}
  body .ref-name{margin-top:10px;font-size:14px;}
  body .zakaznici{padding-top:65px;padding-bottom:45px;}
  /*nadpisy*/
  body .zak-nad-2{font-size:26px;}
  body .zak-nad-1{font-size:14px;}  
  body a.produkt {font-size: 16px;}
  body .o-nas-nad-2{font-size:20px;}
  body .o-nas-povidani{font-size:14px;line-height:20px;}
  body .sekce-left .sekce-txt h1{margin-bottom:28px;font-size:24px;}
  body .sekce-left .sekce-txt span{font-size:14px;line-height:21px;}
  body .sekce-right .sekce-txt span{font-size:14px;line-height:21px;}  
  body .akce .sekce-left .sekce-txt h1{font-size:20px;}
  body .akce .sekce-left .sekce-txt h1 span{font-size:55px;line-height:76px;}
  body .akce .sekce-left .sekce-txt{width:360px;margin-right:60px;}
  body .akce .sekce-right .sekce-txt{width:360px;margin-left:60px;}
  body .akce .sekce-img-akce{width:calc(100% - 420px);}
  body .foot-1 {width: 290px;margin-bottom: 30px;}
  body .o .request h1 {margin-bottom: 28px;font-size: 24px;}  
  body .rychla-reakce {width: 100%;}
  body .nezavazna-konzultace {margin-left: 0;margin-top: 24px;width: 100%;}
  body .poptavka-left{width:340px;}
  body .poptavka-right{width:calc(100% - 400px);}
  body .reference-top{background-position:right -170px top -1px;background-size:auto 310px;  height:255px;}
  body .reference-top{padding-top:55px;}

}

@media screen and (max-width: 980px) {
  body .req-popis strong{font-size:15px;font-weight:500;}
  body .req-popis{font-size:13px;line-height:unset;}
  body .req-form{padding:14px;font-size:10px;margin-top:30px;}
  body .req-form label,body .req-form input{font-size:13px;}
  body .req-form label{width:135px;}
  body .req-form input{width:calc(100% - 155px);}
  body .req-right{width:calc(100% - 515px);margin-left:45px;  height:390px;  background-size:cover;}
  body .ai-foto,body .ai-upload{width:240px;}
  body .form-umisteni{width:calc(100% - 340px);}
  body .form-umisteni{font-size:12px;}
  body .resp-right h2,body .ai-upload h2,body .form-umisteni h2{font-size:16px;  margin-bottom:15px;}
  body a.produkt{height:285px;}
  body a.produkt span.pr-nad{font-size:16px;}
  body .produkty-panel{height:326px;}
  body .o-nas{padding-top:210px;}
  body .zaskleni-nadpis {
	font-size: 18px;
	margin-top: 0;
}
body .zaskleni-txt {
	font-size: 13px;
	margin-top: 10px;
	margin-bottom: 10px;
	line-height: 18px;
}
body .zaskleni-box .s-button {
	padding: 8px 10px;
	font-size: 12px;
}


}

@media screen and (max-width: 940px) {
  body .ref-txt{font-size:12px;line-height:17px;}
  body .theme-txt h1{font-size:25px;margin-bottom:22px;}
  body .theme-txt {margin-top: 89px;}
  body .theme-txt h2{font-size:15px; line-height: 24px;}
  body .showroom {padding-top: 60px;padding-bottom: 60px;} 
  body .podstrana.textova .o h1{margin-bottom:30px;font-size:24px;}
  body .podstrana.textova{padding-bottom:60px;  padding-top:50px;  }
  body .share h1,body .response h1{margin-bottom:30px;font-size:24px;}
  body .theme-txt h1{font-size:31px;margin-bottom:15px;}
  body .theme-txt h2{margin-bottom:40px;}
  body .theme{height:445px;}
  body .podstrana-obsah {margin-top: 0;}
  
body .o-nas-box {background-position: center bottom;padding-bottom: 510px;}
body .o-nas-box .o-nas-box-txt{width: 100%}
body .o-nas-left {padding-bottom: 0;} 

body .kontakt-box a {
	font-size: 22px;
}

}

@media screen and (max-width: 890px) {
  body a.produkt span.pr-txt{display:none;}
  body a.produkt span.pr-content{height:55px;}
  body a.produkt{height:195px;}
  body .produkty-panel{height:233px;}
  body a.produkt span.pr-nad{font-size:14px;font-weight:500;}
  body .o-nas{padding-top:110px;}
  body .o-nas-img{width:328px;}
  body .o-nas-txt{width:calc(100% - 322px);margin-right:30px;padding-top:80px;padding-bottom:80px;}
  body .o-nas-txt h2,body h2{font-size:32px;}
  body .sl-img{width:50%;height:40vw;overflow:hidden;}
  body .sl-img img{width:100%; height:auto;}
  body .realizace-slider{height:40vw;}
  body .realizace-slider{width:100%; margin-left:0;}
  body .sl-content{width:calc(50% - 70px);height:calc(40vw - 70px);}
  body .reference-top{height:auto;}
  body .reference-top{background-position:right -170px top -1px;background-size:auto 250px;height:auto;}
  body .reference-top-left{width:37vw;}
  body .reference-top{padding-top:42px;}
  
  body .sekce-left{width:100%;margin-right:0;}
  body .sekce-right{width:100%; margin-top: 15px;}


}

@media screen and (max-width: 870px) {
  body .foot-1 {text-align: center;width: 100%;}
  body .foot-logo{margin-bottom:20px;}
  body .motto{font-size:12px;line-height:20px;  margin-bottom:25px;}
  body .foot-2{margin-left:0;width:100%;text-align:center;margin-top:40px;}
  body .foot-nad{margin-bottom: 10px;}
  body .foot-adresa a{font-size:12px;margin-bottom:5px;}
  body .foot-2 span{font-size:12px;}
  body .foot-3{float:right;width:100%;margin-top:40px;}
  body .foot-3 br{display: none;}
  body .foot-3 a{display: inline-block; vertical-align: top;}
  body .theme video {margin-left: -13vw;}
  body .copy strong {width: 300px;}  
  body .resp-left{width:370px;}
  body .resp-right{width:calc(100% - 455px);}
  body .logo{float:left;margin-top:30px;width:115px;}
  body .menu a, body .menu .menu-item{font-size:13px;}
  body .social a.ico-fb,body .social a.ico-ig{width:24px;height:24px;background-size:cover;}
  body .social{margin-top:36px;}
  body .menu a, body .menu .menu-item{margin-right:14px;}
  body .show-left{width:100%;}
  body .show-left .cl{display:none;}
  body .show-left img.show1,body .show-left img.show2,body .show-left img.show3{width:calc(33% - 12px);margin-right:20px;}
  body .show-left img.show3{margin-right:0;}
  body .show-left{width:100%;height:20vw;overflow:hidden;margin-bottom:35px;}
  body .show-right{padding-top:0;width:100%;margin-left:0;text-align:center;}
  body .showroom{padding-top:30px;padding-bottom:40px;}
  body .show-boxes{margin-bottom:40px;}

}

@media screen and (max-width: 840px) {
  body .akce .sekce-left .sekce-txt{width:100%;margin-right:0;}
  body .akce .sekce-img-akce{width:100%;margin-top:40px;height:60vw;}
  body .akce .sekce-right .sekce-txt {width: 100%;margin-left: 0;}
  body .pravidla{margin-bottom:40px;}
  body .req-left{width:390px;}
  body .req-right{width:calc(100% - 435px);}
  body .history-item{width:calc(50% - 12px);}
  body .menu a{font-size:13px;}
  /* padding top a bottom */
  body .poptavka-bar,
  body .realizace,
  body .jak-to-probiha,
  body .sekce{padding-top:55px;padding-bottom:55px;}
  body .poptavka-left{width:280px;}
  body .poptavka-right{width:calc(100% - 340px);}
  body .safe-data{font-size:11px;}
  body .ref-box-img {height: 16vw;}
    
}

@media screen and (max-width: 800px) {
  body .ref-box {width: calc(50% - 24px);}

}

@media screen and (max-width: 780px) {
  body .jak-boxy{width:80%;margin-left:10%;}
  body .jak-box{width:calc(50% - 30px);background-size:100% auto;  margin-bottom:30px;  height:50vw;}
  body .jak-box.jak-box-3{margin-left: 0;}
  body .jak-box-nad {padding-top: 34.6vw;}
  body .jak-to-probiha{padding-bottom: 25px;}
  body .kontakt-box a {
	font-size: 18px;
}
body .kontakt-box .kontakt-box-nazev {
	font-size: 13px;
	margin-bottom: 11px;
}

}

@media screen and (max-width: 770px) {
  body .pop-component .pop-obsah {width: 80vw;height: 60vw;}
  body .pop-component .pop-obsah img{width: 100%; height: auto;}
  body .pop-component .pop-obsah button {right: 4vw;top: 4vw;width: 4vw;height: 4vw;}
  body .faq-item{font-size: 14px;}
  
}

@media screen and (max-width: 760px) {
  body .top-bar, body .pod-top-bar{height:60px;}
  body .logo{margin-top:14px;width:110px;}
  body .menu{margin-top:23px;}
  body .podstrana{padding-top:40px;}
  body .social{margin-top:19px;}
  body .theme-txt{margin-top:69px;}
  body .theme{height:405px;}
  body .realizace-slider{height:754px;}
  body .sl-img{width:500px;height:auto;overflow:hidden;float:none;}
  body .sl-img img{width:100%; height:auto;}
  body .realizace-slider{width:500px;margin-left:calc(50% - 250px);}
  body .sl-content{width:calc(100% - 70px);height:230px;}
  body .reference-top {background-position: right -170px top -1px;background-size: auto 190px;height: auto;}
  body .reference-top-left {width: 53vw;}

  body .zaskleni-box{padding:25px;margin-right:0;width:calc(100% - 50px);}
  body .zaskleni-box-right{width:calc(100% - 20px - 150px);margin-left:20px;margin-right:0;}
  body .zaskleni-box-img{width:150px;height:150px;}  
  
  body.page-zimni-zahrady .sekce-wide-left,
  body.page-stani-pro-auta .sekce-wide-left,
  body.page-ploty .sekce-wide-left,
  body.page-zaskleni-a-stineni .sekce-wide-left,
  body.page-bioklimaticke-pergoly .sekce-wide-left,
  body.page-pergoly-s-pevnou-strechou .sekce-wide-left{display:block;width:100%;height:40vw; background-position: center;}
  body .sekce-wide{display:block;}
  body .sekce-wide-right{display:block;width:100%;}
  body .dark-box{width:calc(100% - 100px);}

  body.page-zimni-zahrady .sekce-wide-2 .sekce-wide-left,
  body.page-stani-pro-auta .sekce-wide-2 .sekce-wide-left,
  body.page-ploty .sekce-wide-2 .sekce-wide-left,
  body.page-zaskleni-a-stineni .sekce-wide-2 .sekce-wide-left{width: 100%; height: auto;}
  
  body .sekce-wide-2 .sekce-wide-right, 
  body.page-stani-pro-auta .sekce-wide-2 .sekce-wide-right,
  body.page-ploty .sekce-wide-2 .sekce-wide-right,
  body.page-zaskleni-a-stineni .sekce-wide-2 .sekce-wide-right{display: block;width: 100%;height: 40vw;}







}

@media screen and (max-width: 750px) {
  body .req-left{width:100%;}
  body .req-right{width:100%;margin-left:0;margin-top:20px;height:87vw;}
  body a.produkt{width:calc(50% - 20px);}
  body .produkty-panel{height:435px;}
  body .theme {height: 425px;}
  body .theme-txt h1{width: 70%;}
  body .theme-txt h2{margin-bottom:28px;width:auto;margin-left:4vw;margin-right:4vw;}
  body .theme-txt{margin-top:59px;}
  body .o-nas{padding-top:300px;}
  body .o-nas-txt{width:100%;margin-right:0;padding-top:80px;padding-bottom:80px;}
  body .o-nas-txt .s-txt{width:calc(100% - 340px);}
  body .poptavka-left{width:100%;margin-right:0;}
  body .rychla-reakce{width:auto;}
  body .nezavazna-konzultace{margin-left:40px;margin-top:0;width:auto;}
  body .poptavka-right{width:100%;margin-top:50px;}
  body .sekce-theme-txt h2{width: 90%;}
}

@media screen and (max-width: 700px) {
  body .menu{display:none;}
  body .burger-ico{display:block;}
  body .schuzka{display:inline-block; margin-top: 14px;}
  body .ref-item:nth-child(3){display:none;}
  body .ref-item{width:40%;}
  body .zak-nad-2{margin-bottom:0px;}
  body .zakaznici{padding-top:60px;padding-bottom:45px;}
  body #slider #commands{margin:-55% 0 0 0%;}
  body .gallery-item{width:33.333%;height:33vw;}
  body .gallery-item img{height:34vw;width:auto;}
  body .showroom{padding-bottom:30px;}
  body .sekce-left .sekce-txt{width:100%;margin-right:0;margin-bottom:30px;}
  body .sekce-left .sekce-img{width:100%;height:60vw;}
  body .sekce-right .sekce-txt{width:100%;margin-left:0;  margin-bottom:30px;}
  body .sekce-right .sekce-img{width:100%;height:60vw;}
  body .podstrana{padding-bottom:20px;padding-top:50px;}
  body.page-forarch .sekce-left.sekce-1 .sekce-img{width: 100%; height: 55vw;}
  body.page-forarch .sekce-right.sekce-2 .sekce-img{width: 100%; height: 56.4vw;}
  body .resp-left{width:calc(100% - 34px);}
  body .resp-right{width:calc(100% - 24px);margin-left:0;margin-top:10px;}
  body .history-item{width:calc(33% - 12px);}
  body .reference-top-left{width:100%;text-align:center;}
  body .reference-top{padding-top:35px;padding-bottom:38vw;  background-size:100% auto;  background-position:center bottom;}
  body .kontakty-pruh .o {
	text-align: center;
}
  body .kontakt-box:nth-child(1), 
  body .kontakt-box:nth-child(2) {
  	width: calc(50% - 1px);
  	padding-right: 0;
  	margin-right: 0;
  	border: none;
  	text-align: center;
  }
  body .kontakt-box:nth-child(3) {
  	width: 100%;
  	margin-top: 35px;
  	text-align: center;
  }
body .kontakt-box:nth-child(1){border-right:1px solid gray;}
}

@media screen and (max-width: 690px) {
  body .ai-foto,body .ai-upload{width:calc(100% - 34px);margin-right:0;}
  body .form-umisteni{width:calc(100% - 34px);margin-top:10px;}
  body .ai-foto{margin-bottom:0;}
}

@media screen and (max-width: 600px) {
  body .o-nas-img{width:258px;}
  body .o-nas-txt .s-txt{width:calc(100% - 270px);font-size:14px;line-height:21px;}
  body .o-nas-txt{padding-top:70px;padding-bottom:50px;}
  body .s-txt{font-size:14px;line-height:21px;margin-top:20px;margin-bottom:20px;}
  /* padding top a bottom */
  body .poptavka-bar, 
  body .realizace, 
  body .sekce,
  body .konfigurator,
  body .faqs,
  body .sekce-zaskleni,
  body.page-o-nas .o-nas,
  body .kontakty-pruh {padding-top: 35px;padding-bottom: 35px;}
  body .jak-to-probiha{padding-top: 35px;padding-bottom: 5px;}
  body .faqs-box {margin-top: 30px;}

}

@media screen and (max-width: 560px) {
  body .show-box{width:calc(50% - 4px);margin-bottom:8px;}
  body .show-box.show-box-1{margin-right:8px;}
  body .show-box.show-box-2{margin-right:0;}
  body .show-box.show-box-3{margin-right:0; width:100%;}
  body .akce .sekce-left .sekce-txt,
  body .akce .sekce-right .sekce-txt{text-align: center;}
  body .pravidla {text-align: center;} 
  body .podstrana.textova .o h1{font-size:20px;}
  body .podstrana.textova{padding-top:40px;}
  body .share h1, body .response h1{font-size:20px;}    
  body .theme-txt h1 {font-size: 28px;margin-bottom: 15px;}
  body .o-nas-txt h2,
  body h2 {font-size: 28px;}
  body .realizace-slider{width:400px;margin-left:calc(50% - 200px);}
  body .sl-img{width:400px;}
  body .realizace-slider{height:656px;}
  body .jak-box {height: 55vw;}
  body .show-left {height: 19vw;}
  
  body .sekce-theme-txt h1 {
	font-size: 28px;
  margin-bottom: 20px;
}
body .sekce-theme-txt{margin-top: 70px;}
body .sekce-theme-txt h2 {
	font-size: 15px;
	line-height: 23px;
	margin-bottom: 26px;
}
body .sekce-theme,
body .sekce-theme-over {
	height: 365px;
}

body .dark-box, body .sekce-wide-2 .dark-box {
	width: calc(100% - 60px);
  padding:30px;
}
body .dark-box-item-txt {
	font-size: 12px;
}
body .dark-box-item-name {
	font-size: 14px;
}

}

@media screen and (max-width: 530px) {
  body .rychla-reakce,body .nezavazna-konzultace{width:auto;background-size:25px;padding-left:40px;  font-size:11px;  line-height:16px;}
  body .rychla-reakce strong,body .nezavazna-konzultace strong{font-size:12px;}
  body .nezavazna-konzultace{margin-left:15px;}
  body .ref-box{width:calc(100% - 20px);}
  body .ref-box-img{height:36vw;}
  body .ref-box-txt{text-align:center;width:100%;}
  body .uvozovka{margin-left:calc(50% - 13px);}
  
  body .typ-pergoly{margin-right: 0; width: 100%; margin-top: 15px;}
  body .typ-pergoly:nth-child(1){margin-top: 0;}    
  
  body.page-ploty .gray-box-item:nth-child(1),
  body.page-ploty .gray-box-item:nth-child(2),
  body.page-ploty .gray-box-item:nth-child(3){background-size: auto 22px;}
  body.page-ploty .gray-box-item {
	width: calc(100% - 55px);
	padding-left: 55px;
}
}

@media screen and (max-width: 500px) {
  body a.produkt{margin-left:10px;margin-right:0;width:calc(50% - 15px);}
  body .stin{height:177px;}
  body .show-right span{font-size:13px;line-height:21px;}
  body .show-right{font-size:12px;line-height:18px;}
  body .o-nas-povidani{font-size:12px;line-height:18px;}
  body .podstrana .o{text-align:center;}  
  body .req-form{text-align: left;}
  body .form-umisteni{text-align: left;}
  body .ai-upload{text-align: left;}
  body .req-btn{width: 100%;}
  body .share .req-popis a.req-btn {width: calc(100% - 30px);}
  body .resp-txt{font-size:10px;color:#6e6e6e;}
  body .response .cl-btn{margin-top:5px; margin-left:0; width:100%;}
  body .o-nas-txt{padding-top:70px;padding-bottom:30px;text-align:center;}
  body .o-nas-txt .s-txt{width:100%;}
  body .o-nas-img{width:268px;position:relative;} 
  body .poptavka-left{text-align: center;}
  body .rychla-reakce, body .nezavazna-konzultace {text-align: left;}  
  body .theme-txt h1 {font-size: 25px;margin-bottom: 15px;}
  body .konfigurator .o{text-align: center;}

}

@media screen and (max-width: 470px) {
  body .jak-boxy{width:100%;margin-left:0;}
  body .jak-box{width:calc(50% - 13px);height:67vw;  margin-left:26px;}
  body .jak-box-nad{padding-top:44.6vw;}
  body .show-left{height:19vw;margin-bottom:35px;}
  
  body .o-nas-box{background-size: 340px auto;padding-bottom: 380px;}
}

@media screen and (max-width: 460px) {
  body .schuzka{display:none;}
  body .burger-ico{width:25px;height:23px;margin-top:20px;background-size:cover;}
  body .ref-item{width:80%;}
  body .zak-nad-2{font-size:22px;margin-top:8px;}
  body article#slider.for-desktop{display:none;}
  body .ref-mobile{display:block;}
  body .ref-mobile .ref-item{margin-top:30px;}
  body .ref-item:nth-child(3){display:inline-block;}
  body .ref-img{margin-bottom:20px;}
  body .foot-logo{margin-bottom:34px;}
  body .footer{padding-top:45px;padding-bottom:30px;}
  body .sekce-left .sekce-txt h1{margin-bottom:20px;font-size:21px;}
  body .sekce-left .sekce-txt span{font-size:12px;line-height:19px;}
  body .sekce-right .sekce-txt span{font-size:14px;line-height:21px;}
  body span.odrazky{text-align:left;}    
  body .top-bar .o {width: 90vw;}
  body .o-nas-img{margin-top: 15px;}
  body .o-nas-img.for-mobile{display: none;}
  body .o-nas-img.for-pc{display: block;}
  body .o .request h1 {margin-bottom: 20px;font-size: 21px;}
  body .req-form label{width:100%;margin-bottom:5px;}
  body .req-form input{width:calc(100% - 16px);}
  body.page-vizualizace .modal-body{font-size:12px;}
  body.page-vizualizace h4.modal-title .title{font-size:17px;}
  body.page-vizualizace .modal-dialog button.btn{font-size:13px;padding:7px 12px;}
  body .priklad{font-size:10px;}
  body .history-item{width:calc(50% - 12px);  }
  body .s-button{padding:7px 20px;font-size:13px;}
  body .theme-txt h2{font-size:13px;line-height:19px;}
  body .theme-txt{margin-top:49px;}
  body .theme{height:375px;}
  body .theme-txt h1{font-size:22px;}
  body .safe-data{margin-top:21px;}
  body .realizace-slider{width:310px;margin-left:calc(50% - 155px);  height:576px;}
  body .sl-img{width:310px;}
  body .sl-price{font-size:14px;font-weight:700;}
  body .sl-content{width:calc(100% - 50px);height:250px;padding:25px;text-align:center;}
  body .sl-arrows{font-size:12px;width:calc(100% - 50px);}
  body .show-left img.show1{width: 100%; margin-right: 0;}
  body .show-left img.show2, body .show-left img.show3 {display: none;}
  body .show-left {height: 59vw;} 
  body .sekce,
  body .sekce-left{text-align: center;}
  body .dark-box,
  body .sekce-wide-2 .dark-box {text-align: center;width: calc(100% - 40px);padding:30px 20px;}
  body .zaskleni-box-img{width:100%;height:180px;overflow:hidden;  margin-bottom:20px;}
  body .zaskleni-box-right{width:100%;margin-left:0;margin-right:0;  text-align:center;}
  body .sekce-zaskleni .o,
  body .kontakty-pruh .o, 
  body.page-o-nas .o-nas .o{text-align: center;}


body .kontakt-box:nth-child(1) {
	border-right: none;
}
body .kontakt-box:nth-child(1), body .kontakt-box:nth-child(2) {
	width: 100%;
  margin-bottom: 35px;

}
body .kontakt-box:nth-child(3){margin-top: 0; margin-bottom: 15px;}
body .kontakty-boxy {
	margin-top: 30px;
}

}

@media screen and (max-width: 400px) {
  body .o-nas-btns a{font-size:12px;padding:5px 10px;}
  body a.btn-showroom{margin-right:2px;}
  body .o-nas-txt{padding-bottom:30px;}
  body .o-nas-btns{margin-top:30px;}
  body .show-right a.schuzka-btn{font-size:12px;padding:5px 10px;}
  body .show-box{text-align:center;}
  body .show-box.show-box-1{margin-right:0; width:100%;}
  body .show-box.show-box-2{margin-right:0; width:100%;}
  body .show-box.show-box-3{margin-right:0; width:100%;}
  body .show-box-top{padding-left:15px; }
  body .show-box-1 .show-box-top, body .show-box-2 .show-box-top, body .show-box-3 .show-box-top{background:none; font-weight:800;}
  body .podstrana{padding-bottom:0px;padding-top:35px;}
  body .pop-in{width:248px;}
  body .o-nas-nad-2{font-size:13px;}
  body .foot-logo {width: 120px;}
  body .motto{display: none;}
  body .podstrana .o {width: 88vw;}
  body .sekce-right .sekce-txt span {font-size: 12px;line-height: 19px;}
  body .form-nadpis {font-size: 16px;line-height: 22px;}
  body a.produkt{height:145px;}
  body .produkty-panel{height:328px;}
  body a.produkt span.pr-nad{font-size:12px;font-weight:500;}
  body a.produkt span.pr-content{height:40px;}
  body a.produkt span.pr-nad{padding:7px;}
  body .o-nas{padding-top:200px;}
  body .o-nas-txt h2{font-size:23px;}  
  body .rychla-reakce{width: 150px;}
  body .nezavazna-konzultace{width: 150px; margin-left: 0; margin-top: 10px;}

}

@media screen and (max-width: 390px) {
  body .volby label{font-size:12px;width:128px;}
  body .volby select{width:calc(100% - 132px);}
  body .resp-right h2,body .ai-upload h2,body .form-umisteni h2{font-size:14px;}
  body .theme-txt h2{font-size:11px;line-height:16px;  margin-bottom:18px;}
  body .theme{height:344px;}
  body .safe-data{margin-top:22px; margin-left:10px;font-size:9px;}
  body .theme-txt h1{font-size:18px;}
  body .realizace-slider{width:280px;margin-left:calc(50% - 140px);  height:556px;}
  body .sl-img{width:280px;}
  body .jak-box-nad{font-size:14px;  margin-bottom:4px;}
  body .jak-box-txt{text-align:left;font-size:12px;line-height:16px;}
  body .o-nas-txt h2,body h2{font-size:23px;}
  body .show-right .s-button{width:calc(100% - 40px);margin-bottom:2px;}
  
  body .sekce-theme-txt h1 {
	font-size: 23px;
	margin-bottom: 13px;
}
body .sekce-theme-txt h2 {
	font-size: 13px;
	line-height: 20px;
	margin-bottom: 22px;
}
body .sekce-theme-txt {
	margin-top: 50px;
}
body .sekce-theme, body .sekce-theme-over {
	height: 295px;
}
  
}

@media screen and (max-width: 350px) {
  body .akce-lista a{font-size: 10px;}   
  
}