@media screen and (max-width: 360px) {
.scena5 h2 {
    font-size: 40px;
    line-height: 40px;
}
#scena5 img {
    height: 300px !important;
}
.scena4 p {
font-size: 40px;
}
#scena4 img {
    max-width: 100% !important;
}
.scena2 h2 {
    font-size: 40px;
    line-height: 38px;
}
#w-adrestop p {
    display: block;
    padding: 5px 0 !important;
    text-align: center;
    width: 100%;
}
#modtop {
    padding: 15px 0;
}
#w-adrestop p a {
    font-size: 20px;
}
}
@media screen and (max-width: 480px) {
#scena2{
display:none;
}
.download-attachments ul li {
    line-height: 22px;
}
#sidek {
    clear: both;
    float: none;
    margin: 0 auto;
    width: 90%;
}
.contpadding {
    width: 94%;
}
}
@media screen and (max-width: 640px) {
.nivo-caption {
    font-size: 25px;
}
#scena5 img {
    height: 400px;
}
.scena1 {
    left: auto;
    margin: 220px auto 0;
    width: 90%;
}
}
@media screen and (max-width: 700px) {
#footer .stopka:nth-child(1) {
    padding: 0 !important;
    width: 100% !important;
	min-height: auto !important;
}
#footer .stopka:nth-child(2) {
    padding: 0 !important;
    width: 100% !important;
	min-height: auto !important;
}
#footer .stopka:nth-child(3) {
    padding: 0 !important;
    width: 100% !important;
	min-height: auto !important;
}
#footer .stopka:nth-child(4) {
    padding: 0 !important;
    width: 100% !important;
	min-height: auto !important;
}
}
@media screen and (max-width: 768px) {
#scena1 {
    padding-bottom: 100px;
}
.videobg{
display:none;
}
.scena1 {
    position: relative;
}
.scena1 h1 {
    font-size: 35px !important;
    line-height: 40px !important;
}
}
@media screen and (max-width: 800px) {
#tabtabor td, #tabtabor2 td {
    padding: 3%;
    width: 94% !important;
	display:block;
}
.contpadding .wpcf7 .wpcf7-form p{
width: 100% !important;
}
.scena3 table td {
    display: block;
    padding: 3%;
    text-align: center;
    width: 94%;
}
.scena3 table td h3 {
    padding-left: 0 !important;
	background:transparent !important; 
}
}
@media screen and (max-width: 980px) {
.scena4 {
    margin: 0 auto;
    width: 100%;
}
#scena4 img {
    display: block;
    float: none;
    margin: 0 auto;
    max-width: 50%;
    padding-top: 75px;
    width: 100%;
}
}
@media screen and (max-width: 1000px) {
#tabkontakt td {
    display: block;
    padding: 5px 3%;
    width: 94%;
}
.stopka .menu-menuglowne-container{
display:block !important;
}
#responsive-menu .menu-menuglowne-container{
display:block !important;
}
#sep2{
display:none;
}
#scena2{
background:#fff !important;
}
.scena2{
    float: none;
    margin: 0 auto;
    max-width: none;
    text-align: center;
    width: 90%;
}
#scena2{
min-height:auto;
}
#sep1{
display:none;
}
.videobg {
    min-height: 700px;
	width:130%;
}
#modnavi.fixnij{
position:absolute !important;
}
.menu-menuglowne-container{
display:none;
}
}
@media screen and (max-width: 1100px) {
#footer .stopka:nth-child(1){
width: 48%;
min-height: 350px;
}
#footer .stopka:nth-child(2){
width: 48%;
min-height: 350px;
}
#footer .stopka:nth-child(3){
width: 48%;
min-height: 350px;
}
#footer .stopka:nth-child(4){
width: 48%;
min-height: 350px;
}
#scena5 img {
    display: block;
    float: none;
    height: 600px;
    margin: 0 auto !important;
}
.scena5 {
    margin-bottom: 10%;
    margin-right: 5%;
    margin-top: 5%;
    text-align: center;
    width: 90%;
}
#scena2{
background: #fff url("../img/bgscena2.jpg") no-repeat scroll;
background-position:120% center;
background-size:auto 75%;
}
}
@media screen and (max-width: 1220px) {
#modnavi ul li a {
    font-size: 18px;
}
}
@media screen and (max-width: 1280px) {
#sep3{
display:none;
}
.szer{
max-width: 1200px;
width:90%;
}
#modnavi ul li a{
padding-right:15px;
}
.scena1 p {
    font-size: 16px;
}
.menu-item-19 a{
padding-right:10px !important;
}
.scena1 h1 {
    font-size: 50px;
line-height:52px;
	margin-top:0px;
}
.scena1 p{
margin-bottom:0px;
}
}