@media screen and (max-width: 768px){
	body, #body {width: 100%!important; overflow-x: hidden!important; margin: 0; font-size: 1em; border: 0; padding: 0; min-height: 100%;}
	h1 {margin-left: 10px; margin-right: 10px; text-align: left;}
	#akcesrazy .akce {box-sizing: border-box;}
	#akcesrazy .akce .title {text-align: left;}
	#akcesrazy .sraz {float: none; width: 100%; overflow: hidden; margin-bottom: 20px;}
	#akcesrazy .sraz .atitle {text-align: center;}
	#akcesrazy .sraz .atitle > img {margin: auto auto;}
	#akcesrazy .sraz:nth-child(odd) {margin-right: 0;}
	#akcesrazy .kalendar {display: none;}
	#akcesrazydetail .lpan {width: 100%; float: none;}
	#akcesrazydetail .lpan .diskuze .new > textarea {width: 100%; box-sizing: border-box;}
	#akcesrazydetail .lpan .diskuze .post {padding: 0;}
	#akcesrazydetail .lpan .diskuze .post > .header {margin: 5px 5px 15px 5px;}
	#akcesrazydetail .lpan .diskuze .post .inner {padding: 0 10px;}
	#akcesrazydetail .lpan .diskuze .post .reply {margin: 15px 0 0 0; width: 100%; box-sizing: border-box; padding: 0 4px;}
	#akcesrazydetail .lpan .diskuze .post .reply input {width: 100%; box-sizing: border-box; margin: 4px 0;}
	#akcesrazydetail .lpan .diskuze .postuser .reply {width: 100%; box-sizing: border-box;}
	#akcesrazydetail .lpan .diskuze .postuser .reply input {width: 100%; box-sizing: border-box;}
	#akcesrazydetail .lpan .icons > div > .obsah {font-size: 18pt; min-height: 26px; height: 26px;}
	#akcesrazydetail .lpan .icons .podminky {width: 90px; display: none;}
	#akcesrazydetail .lpan .icons .rucitel {width: 100px;}
	#akcesrazydetail .lpan .icons .vstupne {width: 100px;}
	#akcesrazydetail .lpan .oakci {margin: 20px;font-size: 1em;}
	#akcesrazydetail .lpan .time {width: 100%; box-sizing: border-box;}
	#akcesrazydetail .rpan {float: none; width: 100%; margin-left: 0; margin-bottom: 30px;}
	#akcesrazydetail .users .userlist tr td:nth-of-type(3), #akcesrazydetail .users .userlist tr th:nth-of-type(3) {display: none;}
	#akcesrazydetail .users .userlist tr td:nth-of-type(5), #akcesrazydetail .users .userlist tr th:nth-of-type(5) {display: none;}
	#akcesrazydetail .users .userlist tr td:nth-of-type(6), #akcesrazydetail .users .userlist tr th:nth-of-type(6) {display: none;}
	#akcesrazydetail .users .userlist tr td:nth-of-type(8), #akcesrazydetail .users .userlist tr th:nth-of-type(8) {display: none;}
	#blogy2 .arts {width: 100%; float: none;}
	#blogy2 .arts .art .footer .blogname {visibility: hidden;}
	#blogy2 .menu {width: 100%;}
	#blogy2 .menu a {display: block;}
	#blogy2 .menu a:nth-of-type(n+4) {display: none;}
	#blogy2 .rpanel {display: none;}
	#body .nastavenif {margin-left: 0; position: absolute; top: 120px; width: 100%; background-color: #fff; padding: 10px 10px 30px 10px; box-sizing: border-box; border-bottom: 2px solid #1e90ff; box-shadow: 0 15px 15px #fff; height: 2.5em; overflow: hidden;}
	#body .nastavenif h6 {font-size: 1.5em; border-bottom: 0;}
	#body .nastavenif h6:after {content: 'N'; float: right; color: #1e90ff; font-family: LifeDings; font-size: 14pt;}
	#body .nastavenif_expand {height: auto;}
	#diskuze form .edit {display: none;}
	#diskuze form .send {margin-bottom: 60px; font-size: 1em;}
	#diskuze h3 {margin-top: 50px;}
	#diskuze textarea {width: 100%; max-width: 100%; font-size: 1em; margin: 5px 0; padding: 0;}
	#dotaznik .toolbar {width: 100%; overflow-x: auto; height: 26px; overflow-y: hidden;}
	#dotaznik .toolbar .handler {width: 750px;}
	#dotazniky tr td:nth-of-type(3),#dotazniky tr th:nth-of-type(3) {display: none;}
	#dotazniky tr td:nth-of-type(5),#dotazniky tr th:nth-of-type(5) {display: none;}
	#dotazniky tr td:nth-of-type(6),#dotazniky tr th:nth-of-type(6) {display: none;}
	#editacemd .tab1 {background-image: url('');}
	#fotka {float: none; width: 100%; text-align: center;}
	#fotka img {max-width: 100%; box-sizing: border-box;}
	#fotka-dalsifotky {margin-left: 0; position: absolute; bottom: -700px; width: 100%; box-sizing: border-box; background-color: #fff;}
	#fotka-dalsifotky .vsechny {border: 1px solid #888; border-radius: 5px; padding: 10px; display: block; margin: 10px; font-size: 1em; text-decoration: none; color: #555; background-color: #fff;}
	#fotka-dalsifotky .vsechny a {color: #555; text-decoration: none;}
	#fotka-hodnoceni {width: 100%; box-sizing: border-box;}
	#fotka-popis {width: 100%; box-sizing: border-box; overflow: hidden;}
	#fotka-popis table {width: 100%; box-sizing: border-box;}
	#fotkadiv {margin-bottom: 700px; position: relative; width: 100%; box-sizing: border-box;}
	#fotky .fotka {width: 140px; padding: 5px; height: 170px;}
	#fotky .fotka:nth-child(6n+1) {margin-right: 9px;}
	#fotky .fotka .img {text-align: center; margin-bottom: 5px; width: 140px; height: 120px;}
	#fotky .fotka .img img {max-width: 140px; max-height: 120px;}
	#fotky .fotka .name {padding: 5px 0;}
	#group {margin-top: 0; padding-bottom: 50px;} 
	#group > .header {height: auto; width: 100%; padding-right: 0;}
	#group > .header h1 {margin-top: 50px; margin-left: 20px;}
	#group > .header h2 {margin-left: 20px;}
	#group > .header .himg {top: 20px;}
	#group .mainwindow .lpan {width: 100%;}
	#group .mainwindow .rpan {display: none;}
	#group .newpostcount span, #group .tablediv .info span {display: none;}
	#group .topmenu > a:nth-of-type(1),#group .topmenu > a:nth-of-type(2),#group .topmenu > a:nth-of-type(4), #group .topmenu > a:nth-of-type(7) {display: none;}
	#header .showMenuButton {display: inline!important;}
	#header .logo {width: 10%; min-width: 185px!important; overflow: hidden; background-image: url('img/header/logo.svg');}
	#header .user {width: auto;}
	#header .user .av {width: auto;}
	#header .user .av .img img {float: right;}
	#header .user .av .img img.arrow {float: right; position: relative; top: 30px; left: 35px; margin-left: -12px;}
	#header .user .av .info {display: none;}
	#header .user .panel {position: absolute; float: none; margin: 40px 0 0 0; width: 100%; box-sizing: border-box; border-radius: 0;}
	#header .user .panel .notifications {max-height: 200px;}
	#header .user .panel .top {border-radius: 0;}
	#inzeraty .inzerat {width: auto; min-height: 0; background-image: url('');}
	#inzeraty .inzerat .inz {min-height: 0; margin-left: 0;}
	#inzeraty .inzerat .inz .txt {min-height: 0; clear: both;}
	#inzeraty .inzerat .user {width: 100%; text-align: left; float: none;}
	#inzeraty .inzerat .user .nick {float: left;}
	#inzeraty .inzerat .user .number {clear: both; text-align: center;}
	#inzeraty .inzerat .user .sendpm {margin-top: -25px; float: right;}
	#inzeraty .inzerat .user .sendpm a {text-decoration: none; color: #000; border: 1px solid #888; background-color: #fff; padding: 5px 10px;}
	#katalog {width: 100%;}
	#katalog .menu {width: 100%; float: none; box-sizing: border-box; padding: 0 20px;}
	#katalog .menu:last-of-type {float: none;}
	#katalog > .title {margin: 0 0 40px 0!important;}
	#katalog .vyber .polozka .availability, #katalog .vyber .polozka .place, #katalog .vyber .polozka .price {font-size: 8pt;}
	#katalog .zapis {width: 100%; overflow: hidden;}
	#katalog .zapis h1 {margin-top: 0; font-size: 28pt;}
	#katalog .zapis .advanced {width: 100%; box-sizing: border-box; float: none;}
	#katalog .zapis .basic {width: 100%; box-sizing: border-box; float: none;}
	#katalog .zapis .contacts {width: 100%; float: none; margin-bottom: 35px;}
	#katalog .zapis .opening {width: 100%; float: none; margin-bottom: 50px;}
	#katalog .zapis .otherphotos {margin-top: 10px;}
	#katalog .zapis .photo {float: none; width: 100%; box-sizing: border-box; margin: 0 10px 10px 0;}
	#katalog .zapis .services .service {background-color: #830; border-color: #830;}
	#katalog .zapis .vote {float: none; width: 100%;}
	#klub {margin: 0 10px 50px 10px; width: auto;}
	#klub h3 {padding-left: 0;}
	#klub .buttons .fl {float: none; margin: 0; margin-bottom: 15px; display: block; box-sizing: border-box;}
	#klub .buttons .fr {float: none; margin: 0; margin-bottom: 15px; display: block; box-sizing: border-box;}
	#klub .buttons .hor {width: 100%; height: 100px;}
	#klub .buttons .ver {width: 100%; height: 100px;}
	#klub .buttons .fr {height: 180px;}
	#klub .buttons .fr2 {width: 100%;}
	#klub .vyhody {font-size: 1em; padding-left: 0;}
	#klub .vyhody li {list-style-type: none; background-repeat: no-repeat; background-position: left center; padding: 5px 0 5px 0;}
	#lpan {display: none; z-index: 100; position: absolute; background-color: #fff; box-shadow: 0 15px 15px #fff;}
	#maily .blockbox {width: 100%!important; box-sizing: border-box;}
	#main2 .logoutpan {float: none; margin-top: 10px; text-align: center; padding: 0;}
	#main2 .logoutpan a {width: 90px; height: 70px; float: none;}
	#main2 .mainpanel {width: 100%;}
	#main2 .mainpanel .inner {display: none;}
	#main2 .online {width: 100%; margin: 0; padding: 10px; box-sizing: border-box; float: none; clear: both;}
	#main2 .online h2 {width: 100%;}
	#main2 .online .list {display: none;}
	#main2 .phonebuttons {padding: 20px;}
	#main2 .phonebuttons a {border: 1px solid #888; border-radius: 5px; padding: 10px; display: block; margin-bottom: 10px; font-size: 1em; text-decoration: none; color: #555;}
	#main2 .phonebuttons a span {font-family: LifeDings; display: inline-block; width: 40px; font-size: 1.2em; float: left;}
	#main2 .switchtopc {background-color: #555; color: #fff; padding: 10px; font-size: 1em;}
	#main2 .switchtopc a {color: #fff;}
	#main2 .zpravy .mailbox .box {width: 80%; float: none!important; margin: auto auto;}
	#main2 .zpravy .mailbox .box .progress {width: 100%;}
	#main2 .zpravy .mailbox .pages {margin-bottom: 30px;}
	#main2 .zpravy .menu {display: none;}
	#main2 .zpravy .menu a {display: block; border-right: 0; border-bottom: 1px solid #555;}
	#main2 .zpravy .menu a.blockbutton {float: none; position: static; top: 0; border-bottom: 1px solid #555;}
	#mapy .mapa {height: auto;}
	#mapy .mapa h3 {font-size: 1.3em; margin-top: 5px;}
	#mapy .mapa .panel {float: none; width: 100%; padding-bottom: 10px;}
	#mapy .mapa .panel .l {width: auto;}
	#mapy .mapa .panel .popis {height: auto; padding: 0; width: 100%; clear: both;}
	#mapy .mapa .panel .r {float: right;}
	#mapy .mapa .pic {width: 100%; height: 250px; float: none; margin-right: 0;}
	#menu, #lpan {width: 100%; float: none; font-size: 1em;}
	#minidotazniky .tab1 td:nth-of-type(3), #minidotazniky .tab1 th:nth-of-type(3) {display: none;}
	#minidotazniky .tab1 td:nth-of-type(6), #minidotazniky .tab1 th:nth-of-type(5) {display: none;}
	#minidotazniky .tab1 th a {display: none;}
	#novazprava .chk01 {display: none;}
	#novinky {padding: 0 10px;}
	#novyinzerat {padding-bottom: 60px;}
	#novyinzerat .group {font-size: 1em;}
	#novyinzerat .group .answers .a .inz-h, #novyinzerat .group .answers .a .inz-t {width: 100%; box-sizing: border-box;}
	#novyinzerat .group .answers .a .nepovinny {margin-left: 0; position: relative; top: -10px;}
	#novyinzerat .group .column:not(:last-child) {float: none; width: auto; margin-right: 0;}
	#novyinzerat .notnow {margin: 0 10px;}
	#payment {margin-bottom: 60px}
	#payment .paytype {margin-left: 0; width: 100%;}
	#payment .paytype td:nth-of-type(1) {padding-left: 10px;}
	#payment .paytype td:nth-of-type(4) {display: none;}
	#povidky {padding: 0 10px;}
	#povidky h3 {font-size: 1.8em; text-align: left;}
	#povidky h3 a {text-decoration: none; display: block;}
	#povidky .h3 {background-color: #ddd; margin: 0 -10px 0 -10px; padding: 10px;}
	#povidky .authors {display: none;}
	#povidky .komentare {width: 100%; margin: 0 -10px 100px -10px; padding: 0 10px; float: none;}
	#povidky .komentare .komentar .txt {font-size: 1em;}
	#povidky .komentare .novy {width: 100%; margin: 0 -10px 100px -10px; padding: 10px;}
	#povidky .komentare .novy textarea {width: 100%; max-width: 100%; font-size: 1.3em; line-height: 1.5;}
	#povidky .komentare .novy .send {font-size: 1.3em; margin-left: 0; margin-top: 15px; padding: 10px 15px;}
	#povidky .next > a {display: none;}
	#povidky .txt {font-size: 1em; padding-top: 5px;}
	#povidky .txt3 {font-size: 1.3em; font-family: Georgia, Times; line-height: 1.8; width: 100%; background-color: #000; color: #fff; padding: 20px 10px; margin: 0 -10px 0 -10px;}
	#profilebody2 .mainpanel {clear: both; margin-top: 68px; width: 100%; box-sizing: border-box;}
	#profilebody2 .mainpanel .lpanel {width: 100%;}
	#profilebody2 .mainpanel .lpanel .about, #profilebody2 .mainpanel .lpanel .badges {width: 100%; box-sizing: border-box;}
	#profilebody2 .mainpanel .lpanel .actionbar {width: 100%; margin-bottom: 25px;}
	#profilebody2 .mainpanel .lpanel .actionbar .menu {width: 100%; overflow: auto; height: 20px; padding-top: 10px;}
	#profilebody2 .mainpanel .lpanel .actionbar .menu div {width: 500px;}
	#profilebody2 .mainpanel .lpanel .actionbar .menu div a {font-size: 12px; font-weight: bold; padding: 10px 8px 10px 8px; color: #3f4e69; text-decoration: none; border-right: 1px solid #aaa;}
	#profilebody2 .mainpanel .lpanel .actionbar .window {height: auto; background-color: #fff; width: 100%; box-sizing: border-box; overflow: hidden;}
	#profilebody2 .mainpanel .lpanel .actionbar .window .info .abovechart {display: none;}
	#profilebody2 .mainpanel .lpanel .actionbar .window .info .membersince {display: none;}
	#profilebody2 .mainpanel .lpanel .actionbar .window .inner {height: auto; min-height: 60px;}
	#profilebody2 .mainpanel .lpanel .actionbar .window .inner #report {width: 100%; box-sizing: border-box;}
	#profilebody2 .mainpanel .lpanel .infobox {width: 100%; overflow: auto; box-sizing: border-box;}
	#profilebody2 .mainpanel .lpanel .infobox .handler {width: 501px; height: 76px; overflow: hidden;}
	#profilebody2 .mainpanel .lpanel .relationship {width: 100%; box-sizing: border-box;}
	#profilebody2 .mainpanel .lpanel .relationship .relation .type {font-size: 10pt;}
	#profilebody2 .mainpanel .rpanel {float: none; margin: auto auto; clear: both;}
	#profilebody2 .notexists {padding: 350px 0 40px 0; background-position: center 20px; min-height: 0;}
	#profilebody2 .topline {z-index: 0;}
	#profilebody2 .topline .awards {float: none; margin: 7px auto 0 auto; clear: both; position: relative; top: 10px; overflow: visible;}
	#recenze2 h2 {padding-left: 10px;}
	#recenze2 .leftwindow {width: 100%; float: none; margin-bottom: 60px;}
	#recenze2 .leftwindow .info {padding: 10px; font-size: 1em;}
	#recenze2 .leftwindow .recenze .newbtn {font-size: 1em;}
	#recenze2 .leftwindow .recenze .rec {border-bottom: 1px solid #ccc;}
	#recenze2 .leftwindow .recenze .rec .title .name {width: auto;}
	#recenze2 .leftwindow .recenze .rec .title .vote {float: right;}
	#recenze2 .leftwindow .recenze .vlastni .bottom .addbtn {font-size: 1em;}
	#recenze2 .leftwindow .recenze .vlastni .bottom .ta {width: 100%; font-size: 1em;}
	#recenze2 .leftwindow .recenze .vlastni .top .i {width: auto;}
	#recenze2 .rightimg {display: none;}
	#registrace .regfrm, #registrace form {margin: 0 10px 30px 10px!important;}
	#registrace .regfrm .txt, #registrace form input[type=text], #registrace form input[type=password] {padding: 5px 0!important; width: 100%!important;}
	#registrace form p {float: none!important; width: 100%!important; margin: 0 0 10px 0!important; line-height: 1.2;}
	#registrace form .pohlavi, #registrace form .region {float: none!important; padding: 5px 0!important; width: 100%!important; top: -5px!important;}
	#registrace form .pohlavi .list, #registrace form .region .list {width: 100%!important; margin-left: 0!important;}
	#registrace form .status .statuserror {width: auto!important;  height: auto!important;}
	#registrace form .selector {width: 100%;}
	#registrace form .selectornote .classbop2 {position: absolute!important; top: auto!important; left: 45%!important; margin-top: 8px!important;}
	#registrace form .selectornote .classbop3 {position: absolute!important; top: auto!important; left: auto!important; right: 20px; margin-top: -40px!important;}
	#registrace form .selector .classbo2 {position: absolute!important; top: auto!important; left: 45%!important; margin-top: -10px!important;}
	#registrace form .selector .classbo3 {position: absolute!important; top: auto!important; left: auto!important; right: 20px; margin-top: -10px!important;}
	#registrace form .selectornote .classsop2 {position: absolute!important; top: auto!important; left: 25%!important; margin-top: 8px!important;}
	#registrace form .selectornote .classsop3 {position: absolute!important; top: auto!important; left: 45%!important; margin-top: -40px!important;}
	#registrace form .selectornote .classsop4 {position: absolute!important; top: auto!important; left: auto!important; right: 20px; margin-top: 8px!important;}
	#registrace form .selector .classso2 {position: absolute!important; top: auto!important; left: 30%!important; margin-top: -10px!important;}
	#registrace form .selector .classso3 {position: absolute!important; top: auto!important; left: 50%!important; margin-top: -10px!important;}
	#registrace form .selector .classso4 {position: absolute!important; top: auto!important; left: auto!important; right: 20px; margin-top: -10px!important;}
	#seznamdiskuzi .diskuze .tab1 tr td:nth-of-type(1) small {display: none;}
	#seznamdiskuzi .diskuze .tab1 tr td:nth-of-type(2) {display: none;}
	#seznamdiskuzi .overlayw .ta, #diskuze .overlayw .ta {width: 100%; max-width: 100%; height: 280px; max-height: 80%;}
	#seznamdiskuzi .overlayw .txt, #diskuze .overlayw .txt {width: 100%;}
	#seznamdiskuzi .tab2 tr td span.user {display: none;}
	#skupiny {padding-bottom: 50px;}
	#skupiny .lpanp {width: 100%;}
	#skupiny .menu {height: auto;}
	#skupiny .menu a {display: block; border-bottom: 3px solid #fff;}
	#skupiny .menu a:first-of-type {display: none;}
	#skupiny .skupina h2 {width: auto;}
	#skupiny .skupina .seznam {width: 100%;}
	#smlouvy .smlouva {font-size: 1em; padding: 10px;}
	#smlouvy .smlouva .signbottom, #smlouvy .smlouva .signtop {width: 100%;}
	#smlouvy .smlouva .signbottom {float: none; margin-bottom: 60px;}
	#smlouvy .smlouva .signtop {float: none; margin-bottom: 20px;}
	#test .testwindow .window {height: 350px; overflow: hidden; position: relative;}
	#test .testwindow .window .handler .item {height: 350px; overflow: hidden;}
	#test .testwindow .window .handler .item .answers {padding: 15px 10% 0 10%;}
	#test .testwindow .window .handler .item .answers a {font-size: 1em; padding: 6px 10px;}
	#test .testwindow .window .handler .item .question {height: 100px; overflow: hidden; font-size: 16pt; line-height: 1.6; padding-top: 0;}
	#test .testwindow .window .legend {display: none;}
	#testy {margin-bottom: 100px;}
	#testy h2 {padding: 0 10px;}
	#testy .nabidka {text-align: center; width: 100%; box-sizing: border-box;}
	#testy .nabidka .test {max-width: 380px; width: 100%; float: none; text-align: justify; margin-right: 0; box-sizing: border-box;}
	#testy .row .datum {display: none;}
	#userpanelinfo {overflow: hidden;}
	#userpanelinfo .mainp {width: auto;}
	#uvod .browsers {width: auto!important; margin: 15px 10px 40px 10px;}
	#uvod .browsers .getchrome img {height: auto!important; max-width: 70%!important; float: right;}
	#uvod .login {width: 90%!important; margin: auto auto; text-align: center;}
	#uvod .login input.txt {width: 80%; margin: auto auto; margin-bottom: 5px;}
	#uvod .login span {float: left;}
	#uvod .regimage img {width: 100%!important; height: auto!important;}
	#uvod .rp {width: 100%; float: none; padding: 0; margin: 0;}
	#uvod .rp .undlog {margin-bottom: 30px;}
	#uvod .uvod {width: 90%!important; margin: auto auto;}
	#uvod .warn {width: auto!important; margin: 15px 10px 40px 10px; background-color: #fff; border-radius: 5px;}
	#uzivatele {float: none; width: 100%; padding-top: 2.5em;}
	#uzivatele .uzivatel {float: none; margin: 0 0 10px 0; width: 100%; padding: 5px; height: 162px; font-size: 1em; box-sizing: border-box;}
	#uzivatele .uzivatel .img {width: 120px; height: 150px;}
	#uzivatele .uzivatel .img img {height: 150px;}
	#uzivatele .uzivatel .r .l {width: 110px;}
	#uzivatele .uzivatel .r .name {height: 1.5em;}
	
	.dontShowOnPhone {display: none!important;}
	.prompt {min-width: 350px; max-width: 100%!important; max-height: 100%; overflow: auto;}
	.showOnPhone {display: block!important;}
	.xbackbtn {display: none;}
}