/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 27.10.2020, 18:17:46
    Author     : admin
*/




@media (max-width: 1950px)  {
#navigationcenter, .container70,   .pager, #block-studiografix2-breadcrumbs, #block-studiografix2-local-tasks, #user-login-form, #block-studiografix2-site-branding, #block-studiografix2-content   {    width: 90%;  }
.headerlogomain {    width: 70%;  }
.box-orange {width: 65%;}
.header-ico {width: 80%;}
.headerlogo {width:300px;}

.section1 {width: 65%;}
}

@media (max-width: 1800px)  {
#navigationcenter, .container70, .pager, #block-studiografix2-breadcrumbs,  #block-studiografix2-local-tasks, #user-login-form, #block-studiografix2-site-branding, #block-studiografix2-content  {   width: 90%;  }
  
}


@media (max-width: 1600px)  {
#navigationcenter, .container70,   .pager, #block-studiografix2-breadcrumbs,  #block-studiografix2-local-tasks, #user-login-form, #block-studiografix2-site-branding, #block-studiografix2-content  {  width: 90%;  }  
.headerlogomain {    width: 97%;  } 
.claim h1 {font-size: 60px;}   
.claim h2 {font-size: 20px;}   
h2.sldh2 {font-size: 60px;}
.headermain {background: url("/images/header2.jpg") no-repeat top right; height: 648px;}
.paralaxmain {background: url("/images/paralax2.jpg") no-repeat left top;height: 909px;}
.projektmain {background: url("/images/kontakt2.png") no-repeat center top;  }
.lakalitamain {background: url("/images/2lokalita.png") no-repeat left top;  }
.cenikmain {background: url("/images/cenik2.png")  url("/images/pruh2.jpg") #F4F4F4; background-position: center top, center bottom; background-repeat: no-repeat,no-repeat;  }
.kontaktmain {background: url("/images/lokalita2.png")  no-repeat center top;  }
.paralaxmpadding { padding-top: 400px;}


}



@media (max-width: 1400px)  {
#navigationcenter, .container70, .st_banner_header,  .pager, #block-studiografix2-breadcrumbs,  #block-studiografix2-local-tasks  {  width: 100%;  } 
.container70 {padding: 0px 20px;}

#block-hlavninavigace {width: 100%;height: 100px;}
.headerlogomain { margin: 0px 10px;}
.box-orange {width: 80%;}
.claim {padding-top: 100px;}
.box-text {font-size: 25px; }
.ico {width: 17%;}
.section1 {width: 80%;}
.squre_grey_second, .squre_grey_3 { display: none;}
.st_header_logo img, .headerlogo {width: 250px;} 
.red-point { width: 200px;height: 200px;}
.paralaxmpadding { padding-top: 400px;}
.mainseaitem { width: 15%;}
.projektcontent2, .kontaktcontent { margin-top: 180px;}
.projektmain h2, .lakalitamain h2, .cenikcontent h2, .kontaktmain h2 {  padding-top: 200px;}
}



@media (max-width: 1200px) {
.lefttext, .leftimg {width: 100%;}
.projektmain h2, .lakalitamain h2, .cenikcontent h2, .kontaktmain h2 {font-size: 40px;}
.projektcontent2, .kontaktcontent {  margin-top: 80px; flex-direction: column-reverse;}
.infomain {  margin-top: 120px;}
.info1 {margin-left: 30px;}
.detainin { padding-top: 80px;}
.paralaxkontakt {width: 40%;}
.st_header_logo { width: 190px; left: 10px;}
.st_header_logo img, .headerlogo {width: 210px;} 
.aktualweatherfront {width: 24%;}
.aktualweather { width: 48%;}
}

@media (max-width: 1000px)  {
.content-left, .content-right {width: 100%;}
.content-left {margin-bottom:30px;}
.lefttext {width: 60%;}
.leftimg  {width: 38%;}
.box1 { width: 47%; margin-bottom: 30px;}
.box-orange, .header-ico {width: 95%;}
.claim h1 {font-size: 40px;}   
.claim h2 {font-size: 20px;} 
h2.sldh2 {font-size: 50px;}
.section1 {width: 90%; padding: 20px;}
.headermain {background: url("/images/header3.jpg") no-repeat top right; height: 432px;}
.headerlogo {top: 8px;}
.kontaktleft01, .kontaktleft02 {width: 100%;}
.kontaktleft02 {margin-top: 30px;}
.claim { padding-top: 100px;}
.paralaxmain {background: url("/images/paralax3.jpg") no-repeat left top;height: 568px;}
.paralaxmpadding { padding-top: 200px;}
.paralaxkontakt {width: 65%;}
.paralaxkontakt1 p { font-size: 14px;}
.paralaxkontakt1 h3 { font-size: 16px;}
.projektmain {background: url("/images/kontakt3.png") no-repeat center top;  }
.lakalitamain {background: url("/images/3lokalita.png") no-repeat left top;  }
.cenikmain {background: url("/images/cenik3.png"), url("/images/pruh2.jpg") #F4F4F4; background-position: center top, center bottom; background-repeat: no-repeat,no-repeat;}
.kontaktmain {background: url("/images/lokalita3.png")  no-repeat center top;  }
.galeriefoto{width: 49%;}
.aktualweatherfront {width: 33%;}
.mainseaitem { width: 24%;}
}


@media (max-width: 776px)  {
h2 { font-size: 22px;}
.kontaktcontentleft, .kontaktcontentright {width: 100%;}
.section11text, .section11text2 {width: 100%;}
.kontakt { padding-top: 30px;}
.box-ico3 {width: 120px;margin: 0 auto;}
.aktualweatherfront {width: 49%;}
.box1 { width: 100%;}
.section1 {width: 100%;}
.box-orange {border-radius: 30px; margin: 40px auto;}
.box-button { margin-top: 20px;}
.kontaktleft, .kontaktright {width: 100%; margin-bottom: 40px;}
.container70 {padding: 0px 10px;}
.slidemainHP {width: 100%;margin: 0 auto;}
.pokrytimapa {width: 100%;}
.pokrytitext {width: 100%;}
.pokrytitext img {margin-left: 0px;width: 100%;}
.paralaxmpadding { padding-top: 200px;}
.projektcontent11, .projektcontent22 {width: 100%;}
.projektcontent11 {margin-bottom: 30px;}
.info1 { width: 70px; height: 50px; font-size: 12px;  margin-left: 10px; line-height: 14px; margin-bottom: 10px;}
.infomainkola { width: 20%;}
.infomainobr { width: 80%; padding-top: 50px;}
.infomain { margin-top: 50px;}
.cenikobr, .medailon  {width: 100%;}
h3 {font-size: 18px;}
.kontakt1, .kontakt2, .kontakt3 {width: 100%; }

}

@media (max-width: 700px) {
.headerlogo {top: 5px;}
.st_header_logo { width: 190px; left: 10px;}
.st_header_logo img, .headerlogo {width: 210px;} 
.box-orange02 img {display: none;}
.claim {padding-top: 30px;}
.headermain {background: url("/images/header4.jpg") no-repeat top right; height: 432px;}
.nadpis2 h2 { font-size: 20px;line-height: 20px;padding-top: 10px;}
.nadpis1 h2 {font-size: 80px }
.paralaxkontakt {width: 95%;}
.paralaxkontakt1 {width: 70%;}
.paralaxkontakt2 {width: 30%;}
.paralaxkontakt1 p {font-size: 14px;}
.paralaxmpadding { padding-top: 300px;}
.button1 { margin: 20px auto;}
.progres1 { width: 48%; margin-bottom: 20px;}
.line { display: none;}
.progres { margin: 0 auto;}
.headerprihlaseni {font-size: 16px; padding: 10px 0px 10px 10px;}
.galeriefoto{width: 100%;}
.mainseaitem { width: 45%;}
}




@media (max-width: 600px)  {
.ico h4{color: #d4061e; padding-bottom: 10px;}
.paralaxmpadding { padding-top: 180px;}
.aktualweatherfront {width: 100%; margin-right: 0px;}
.ico {width: 49%; margin-top: 30px;}
.box-ico2 {width: 100px; margin: 0 auto;}
.section1img, .section1text, .section1text2 {width: 100%;}
.section1text2 h2, .section1text2 p {text-align: left;}
.section1text2 p {border-right: 0px;border-left: 10px solid #d2d2d2;}
.button2 { float: left;}
.section1img { display: none;}
.box-ico { width: 60px; padding: 10px 0px 0px 10px;}
.box-text {font-size: 20px;padding-top: 8px; padding-right: 15px; }
.box-button {width: 100%;}
.header-ico {margin: 10px auto;}
.box-text02 p {text-align: center; padding-left: 0px; font-size: 18px;}
.lefttext, .leftimg {width: 100%;}
.paralaxkontakt1 {width: 80%;}
.paralaxkontakt2 {width: 20%;}
.paralaxkontakt1 p {font-size: 12px;}
.paralaxkontakt1 h3 { font-size: 14px;}
.progres {padding-top: 30px;}
.projektmain h2, .lakalitamain h2, .cenikcontent h2, .kontaktmain h2 { padding-top: 100px; font-size: 35px; }
}


@media (max-width: 550px) {
.headermain {background: url("/images/header5.jpg") no-repeat top right; height: 494px;}
.nadpis1 h2 { padding-right: 0px;}

}



@media (max-width: 450px) {
.st_header_logo img, .headerlogo { width: 150px;}
.headerlogo  {margin-top: 10px;}

}