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

.burger-menu{display: none;}
.burger-ico{display: none; width: 71px; height: 17px; background-image: url(images/burger-ico.png); margin-top: 31px; cursor: pointer;}
.burger-close {
	width: 20px;
	height: 20px;
	background-image: url(images/lightbox/close.png);
	background-size: cover;
	position: absolute;
	right: 0;
	margin-right: 16px;
}


body .nad h1{font-size: 2.5vw;}

body .mobile-reg{display: none;}
body .mobile-log{display: none;}

body .sekce-logo{float: left; margin-right: 25px; margin-bottom: 15px;}
body .podlogem{display: none; clear:both;}

@media screen and (max-width: 1240px) {
  body .o,
  body .article-detail{width: 94vw;}
  body .rozcestnik{text-align: center;}
  body .rozcestnik a{margin-bottom: 10px;width: 180px;height: 88px;}
  body .ban-rezervace{width: 100%; text-align: center;}
  body .kurz-box{float: none; display: inline-block; margin-right: 0;}  
  body.page-home .gallery{width: 94vw; text-align: center;}
  body .gallery .gallery-item{margin-left: 8px; margin-right: 8px;}
  body .gallery .gallery-item:nth-child(4n){margin-left: 8px; margin-right: 8px;}  
  body .kontakt-box{width: 30vw;}  
  body .partneri{margin-left: 100px;} 
  body .page-content-model{width: 94vw;}
  body.page-kavarna .gallery, 
  body.page-obchod .gallery, 
  body.page-home .gallery {width: 94vw; text-align: center;} 
  body .o.kal{width: calc(94vw - 50px);}  
  body .team-item {width: 42vw;margin-left: 2vw;margin-right: 2vw;}
  body.page-kavarna .gallery, 
  body.page-obchod .gallery, 
  body.page-home .gallery, 
  body.page-studio .gallery {width: 94vw;text-align: center;margin: 0px auto; }
  body.page-detail-trenera .tym-detail {width: 94vw;}
  body img.banner-hp{width: 100%; height: auto;}
  body.page-potvrzeni-registrace > p{width: 90vw !important;} 
  body.page-home .gallery{margin-top: 30px;}
  body .roz .o a:nth-child(1),body .roz .o a:nth-child(2),body .roz .o a:nth-child(3){height:9.5vw;}
  body .roz .o a:nth-child(4),body .roz .o a:nth-child(5),body .roz .o a:nth-child(6){height:9.7vw;}
  body .zalozky{width:220px;margin-right:30px;margin-left:3vw;}
  body .o.member-right{width:calc(94vw - 250px);}
  body .novinka-img {height: 20vw;}


}

@media screen and (max-width: 1220px) {
  body .ext-form-left{width:48%;margin-right:4%;}
  body .ext-form-right{width:47%;}
  body .member-form-main.member-info-form-main input{width:calc(100% - 176px);}
  body .member-form-main.member-info-form-main .form-row select{width:calc(100% - 158px);}
  body .member-form-main.member-info-form-main .form-row textarea{width:calc(100% - 176px);}
}

@media screen and (max-width: 1200px) {
  body .burger-ico{display:block;float:right;margin-top:45px;}
  body .menu-new {
	display: none; 
}
 .burger-menu{position: fixed; left:0; top:0; z-index:800; padding:20px; width: 280px; background-color: rgba(0,0,0,0.9); display: none; height: 100vh; overflow-y: auto; text-align: left;}
.burger-menu a,
.burger-menu span{color:#fff; font-size: 17px; text-decoration: none;display: block; margin-bottom: 3px; line-height: 23px;}
.burger-menu span.sub-menu {
	background: #454545;
	display: block;
	padding: 6px;
	margin-bottom: 15px;
	margin-top: 8px;
}
.sub-menu a{font-size: 14px;}
body .theme {
	height: 364px;
}
body .theme-box {
	margin-top: 81px;
}

}

@media screen and (max-width: 1040px) {
  body .nadpis {font-size: 27px;} 
  body .prefer-txt {width: 210px;} 
  
  body .partneri {
	margin-left: 30px;
}
body .foot-odkazy {
	margin-left: 80px;
  
}
}

@media screen and (max-width: 950px) {

  body .social-icons .fb, body .social-icons .ig{float: left;}
  body .social-icons .fb{margin-left: 0; margin-right: 10px;}  
  body .page-content-model{margin-top: 70px; margin-bottom: 30px; }
  body .page-content-model h1{font-size: 28px;}
  
  body .theme-box h1 {
	font-size: 40px;
	margin-bottom: 22px;
}
body .theme-box h2 {
	font-size: 30px;
}
body .theme-box {
	margin-top: 105px;
}

body .novinka-nad {
	font-size: 16px;
	line-height: 24px;
}
body .novinka-txt {
	font-size: 13px;
	line-height: 19px;
	max-height: 136px;
}

body .article-detail .head-title {
	margin-bottom: 30px;
	font-size: 28px;
	line-height: 37px;
}

}
@media screen and (max-width: 830px) {
  body .foot-social-nadpis{display: none;}
  body .foot-social {margin-top: 25px;}

}

@media screen and (max-width: 820px) {
  body .ext-form-left{width:100%;margin-right:0;}
  body .ext-form-right{width:100%;}
  body .member-form-main.member-info-form-main .form-row label{width:190px;}
  body .member-form-main.member-info-form-main input{width:calc(100% - 216px);}
  body .member-info-form-main.member-info-form-main .form-row select{width:calc(100% - 198px);}
  body .member-info-form-main.member-info-form-main .form-row textarea {width: calc(100% - 216px);}
  body .prefer-txt {margin-left: 192px;}
  
  body .page h1 {
	font-size: 26px;
}
body .page-txt h2 {
	font-size: 21px;
  line-height: 28px;
}


}

@media screen and (max-width: 780px) {
  body .kontakt-bar{margin-top: 35px;}
  body .o.kal{padding: 10px;width: calc(94vw - 10px);}
  body .vypis-informaci table{font-size: 11px;}
  body .warning-txt {width: 100%;} 

body .theme-box {
	margin-top: 105px;
	width: 100%;
	text-align: center;
}
body .theme {
	height: 284px;
  background-position: center;
}
body .theme-box h1 {
	font-size: 34px;
	margin-bottom: 10px;
}
body .theme-box h2 {
	font-size: 19px;
}

body .zalozky a {
	font-size: 11px;
	padding: 8px 10px;
	margin-bottom: 2px;
	width: calc(100% - 20px);
}
body .nav-box {
	margin-bottom: 10px;
	border: none;
	padding: 0px;
}
body .profil-uzivatele h1 {
	font-size: 23px;
  margin-bottom: 20px;
}
body .zalozky {
	width: 160px;
}


body .nav-head{font-size: 13px;}
body .nav-head span {
	font-size: 11px;
}

body .o.member-right {
	width: calc(94vw - 190px);
}


}

@media screen and (max-width: 760px) {
  body .kontakt-bar{height: auto; padding-bottom: 60px; background-size: cover; padding-left: 4vw; padding-right: 4vw; text-align: center; width: calc(100% - 8vw);}
  body .kontakt-box {width: 40vw; text-align: left;}
  body .kontakt-bar .o{width: calc(100% - 8vw);}    
  body h1.nadpis{font-size: 28px; text-align: center;}
  body .akce-detail h1 {font-size: 28px; text-align: center;}
  body .akce-detail {margin-top: 45px;margin-bottom: 45px;}
  body .popis-left {float: left;width: 100%;}
  body .popis-right {width: 100%;margin-top: 30px;}
  body .cant-reservation{width: calc(100% - 50px); text-align: center;}   
  body .akce-detail h1{text-align: center;}
body .profil-uzivatele h1{text-align: left; font-size: 22px;}
  body .member-form-main{text-align: center;}
  body input.btn.login-btn,
  body input.btn, 
  body button.btn,
  body.page-Register a.btn {display: inline-block;float: none;}
  body .member-form-main input{text-align: center; width: 50vw;}
  body .member-form-main .remember input {width: 12px;margin-right: 8px;margin-top: 0px;float: none;}
  body .member-form-main.member-info-form-main{text-align: left;}
  body .member-form-main.member-info-form-main input{text-align: left;}
    body .top-line .place{display: none;} 
    
    body .zalozky {
	width: 94vw;
}

body .nav-head{display: none;}
body .zalozky a {
	width: auto;
	display: inline-block;
}
body .nav-box {
	margin-bottom: 0;
  display: inline;
}
body .o.member-right {
	width: 94vw;
	margin-left: 3vw;
}
body .member-form {
	margin-top: 35px;
}
  body .zalozky {
	border-bottom: 1px solid #dedede;
	padding-bottom: 25px;
}

body .article-detail .head-image {
	float: left;
	margin-right: 40px;
	margin-bottom: 35px;
	width: 40vw;
	height: 26vw;
	overflow: hidden;
}

 body .article-detail .head-image img{width: 100%; height: auto;}


}

@media screen and (max-width: 724px) {
  body .aktual{font-size: 13px;}
  body .btn-kredit{font-size: 11px;}
  
  
  body .foot-left {
	float: left;
	width: 100%;
	text-align: center;
}
body .foot-odkazy {
	margin-left: 0;
	text-align: center;
	width: 100%;
	margin-top: 30px;
}
body .foot-right {
	float: right;
	margin-top: 30px;
	width: 100%;
	text-align: center;
}
body .foot-social {
	float: none;
	width: 37px;
  display: inline-block;
  margin-top: 0;
}
          body .partneri {
	margin-left: 0;
	float: none;
	margin-top: 15px;
  margin-bottom: 20px;
}


}

@media screen and (max-width: 700px) {

  body.user-logged .mobile-reg{display: none;}
  body .team-item {width: 100%;margin-left: 0;margin-right: 0; text-align: center;}
  body .team-item-head{width: 100%; float: none;}
  body .team-item-img{float: none; display: inline-block; margin-right: 0;}
  body .team-more{float: none;}
  body .facebook{margin-left: 10px; margin-right: 10px;}
  body.page-detail-trenera .tym-detail{text-align: center;}
  body .tym-detail-foto {float: none;margin-right: 0;}
  body .tym-detail-txt {margin-top: 25px;}
  body .back-btn{float: none; display: inline-block;}  
}

@media screen and (max-width: 680px) {

  body .foot{text-align: center;}
  body .foot .o{text-align: center;}
  body .foot-social{text-align: center;}

  body .foot{padding-bottom: 25px;}   
  body .filtrace select{width: 100%; margin-right: 0; margin-bottom: 5px; padding:4px;}
  body .filtrace a.btn{margin-left: 0; margin-top: 15px;}  
  body .fc-toolbar h2{font-size: 10px;}
  body .fc{font-size: 10px;} 


    body .novinka{width: calc(50% - 18px); }

  body .novinka:nth-child(3n) {
	margin-right: 20px;
}
  body .novinka:nth-child(2n) {
	margin-right: 0;
}
      body .novinka-img {
	height: 31vw;
}


}

@media screen and (max-width: 600px) {
 
  body .reg-check label{display:inline-block;font-size:14px;width:210px;text-align:left;vertical-align:top;margin-top:2px;margin-bottom:10px;}
  body .member-form-main input{width:75vw;}
  
  
  body .roz .o a{width: calc(50% - 9px);}
    body .roz .o a:nth-child(1),
  body .roz .o a:nth-child(2),
  body .roz .o a:nth-child(3),
  body .roz .o a:nth-child(4),
  body .roz .o a:nth-child(5),
  body .roz .o a:nth-child(6) {
	height: 14.2vw;
}
body .roz .o a:nth-child(3), 
body .roz .o a:nth-child(6)  {
	margin-right: 15px;
}
body .roz .o a:nth-child(2n) 
 {
	margin-right: 0;
}
body .roz {
	padding-top: 20px;
	padding-bottom: 5px;
}

body .article-detail .head-image {
	margin-right: 30px;
}

}

@media screen and (max-width: 570px) {
  body .mobile-log{display: block;}

body .log-status {
	background: rgba(0,0,0,0.7);
	padding: 6px;
	border-radius: 0;
	width: calc((100% - 12px) + 6vw);
	text-align: center;
  right:-3vw;
}
body .log-status a.btn{float: none; display: inline-block; vertical-align: top;}

body .page h1 {
	text-align: center;
}
body .page-txt {
	text-align: center;
}
body .page-txt ul{text-align: left;}
body .logged-left {
	float: none;
	margin-right: 10px;
	display: inline-block;
}
body form.unlog {
	float: none;
	display: inline-block;
}
body .logged {
	width: 100%;
}
body .novinky {
	margin-top: 70px;
}


}



@media screen and (max-width: 530px) {  
  body .mobile-log .logged {background: #262626;float: none;margin-top: 0; margin-bottom: 20px; margin-top: 20px;color:#fff;}
  body .mobile-log button.logout{font-size: 12px; width: auto; height: auto; background: none;color:#fff;}
  body .mobile-log .logged-left{margin-right: 0; text-align: left;}
  body .mobile-log .logged-left a{border:none; padding: 0 ; text-decoration: underline; color:#fff;}

  body .kurz-box{margin-top: 15px; margin-bottom: 15px;}
  body .ban-rezervace{height: auto;}  
  body .page-content-model h1{font-size: 30px;}
  body .page-content-model{margin-top: 75px;}  
  body .theme{height: 190px; background-position: center;}
  body .nr{background:#eaeaea;color:#000;width:calc(100% - 24px);margin-right:0;margin-bottom:25px;}
  body .group-txt {text-align: center;}
  body .group ul{margin-left: 0;}
  body .warning-txt{text-align: center;}  
  body .theme-box h1{font-size:22px;margin-bottom:10px;}
  body .theme-box h2{font-size:16px;}
  body .theme-box{margin-top:80px;width:100%;text-align:center;}

 body .page-content-model h1 {
	font-size: 24px;
	text-align: center;
}

body .novinky {
	margin-top: 30px;
}
body .article-detail .head-title {
	margin-bottom: 24px;
	font-size: 23px;
	line-height: 31px;
}


}

@media screen and (max-width: 470px) {

  body .nad h1 {font-size: 6.5vw;}
  body .index, body .nad, body .theme-txt{color:#fff;}
  body .novinky {margin-top: 30px;border-top: 1px solid #dedede;padding-top: 10px;}
  body .kontakt-box {width: 85vw; text-align: center; background-position: center top;}    
  body .fc-right{display: none;} 
  body .kontakt-bar{background:none;background-color: #136736;}
  body .member-form-hint.continue-reg a {padding: 8px 14px;border-radius: 8px;}
  body .vypis-informaci table tr th {padding: 5px;} 
  body.page-potvrzeni-registrace > p{text-align: center !important;line-height: 23px;} 
  body .member-form-hint{text-align:center;width:90vw;margin-bottom:70px;margin-left:2vw;line-height:23px;}
  body .member-form-main.member-info-form-main .form-row label{width:100%;margin-bottom:6px;}
  body .member-form-main.member-info-form-main input{width:calc(100% - 18px);}
  body .member-info-form-main.member-info-form-main .form-row textarea{width:calc(100% - 18px);}
  body .prefer-txt{margin-left:0;width:100%;}
  body .member-info-form-main.member-info-form-main .form-row select{width: 100%;}
  body .member-form-main.member-info-form-main{text-align: left;}
  body .member-form-main.member-info-form-main input{text-align: left;}
  body .member-info-form-main.member-info-form-main .form-row select{text-align: left;}
  body .member-info-form-main.member-info-form-main a.btn{float: none;}
  
  


}

@media screen and (max-width: 460px) {
  body .kurz-box{padding:20px; height: auto; width: auto; margin-left: 20px; margin-right: 20px;}
  body .page-content-model {text-align:center;}
  body .podlogem{display: block; margin-bottom: 20px;}
  body .sekce-logo{float: none; margin-right: 0;}
  body .page-content-model h1 {font-size: 24px;}
  body .head-doc{display: none;}
  body .rozcestnik-pruh a span {
	display: inline-block;
	margin-top: 16px;
}
body .rozcestnik-pruh a {
	width: calc(50% - 18px);
	font-size: 12px;
	height: 45px;
	margin-bottom: 12px;
}
body .rozcestnik-pruh{padding-top: 30px; padding-bottom: 18px;}
    
    body .article-detail .head-image {
	margin-right: 0;
	width: 100%;
	height: 67vw;
}           
body a.back-btn{margin-top: 20px; margin-bottom: 0;}
                       
                   
}

@media screen and (max-width: 410px) {
  body .rozcestnik a{margin-bottom: 10px;width: 138px;height: 68px;} 
  body .burger-ico{margin-right: 10px;}
}

@media screen and (max-width: 400px) {
body .logo {
	margin-top: 13px;
	width: 100px;
}
  body .theme-box{text-align: center;}

  body .novinky-bar .btn{float: none;} 
  body .castka{width: 100px;}
body .burger-ico{margin-top: 26px;}
body .head {
	height: 68px;
}
body .log-status{margin-top: 13px;}


          body .page-content-model {
	margin-top: 35px;
}
body .page-content-model h1 {
	font-size: 20px;
}

     body .novinka-nad {
	font-size: 14px;
	line-height: 21px;
}
body .novinka-txt {
	font-size: 12px;
	line-height: 17px;
	max-height: 136px;
}

body .article-detail{padding-top: 20px;}

}






@media screen and (max-width: 390px) {
  body .vypis-informaci table {font-size: 8px;} 
  
  body .theme-box h2 {
	font-size: 12px;
}

body .rozcestnik-pruh a{font-size: 11px;}



}