.header nav,
#show-menu,
.mobile {
  display:none;
}

@media screen and (max-width: 768px) {
	body {
		font-family: Arial, Tahoma;
		background: #fff;
		font-size: 14px;
	}

	.menu,
	.weather,
	.logorome2,
	.logorome3,
	.googleSearch,
	.header .logorome .mobile a img {
		display: none !important;
	}

  .googleSearch {
    display:block !important;
  }

	.header,
	.logorome,
	.logolink,
	.touristinfo,
	.listy,
	.page,
	.content,
	.con-tent,
	.header,
	.obsah, .rb, .a23,
	#placemap #map_content,
	.footerx,
	footer {
		width: 100%;
		min-width: 0;
		box-sizing: border-box;
		float: none;
	}

	.obsah,
	.listy,
	.touristinfo,
	.header .logorome,
	.header .logolink,
	.header .logolink a  {
		background: transparent;
		border: none;
	}


	select, select:focus, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"] {
		font-size: 16px;
	}

	div.page > .header {
		padding: 0;
		position:relative;
    margin-bottom:30px;
	}

	.header img.mobile {
		visibility:visible;
		display: block;
		width: 100%;
		height: auto;
	}

	.header .logorome,
	.header .logolink {
		position: absolute;
	}
	.header .logolink {
		height:100%;
		max-height: 100px;
	}
	.header .logolink a {
		position: absolute;
		top: 35px;
		height: 80%;
		width: 50% !important;
		max-height: 80px;
	}
	.header .logorome {
		/*width: auto;*/
    width: 120px;
		background: rgba(0,0,0,.5);
		height: 25px;
		line-height: 25px;
		padding: 0 10px 0 0;
		z-index:9;
	}
	.header .logorome .mobile {
		display:block;
		position:absolute;
		float: none !important;
    padding: 0 !important;
    text-indent: -500px;
		width:70px;
		right:-75px;
		top:3px;
	}
	.header .logorome .mobile a {
		display: block;
		visibility: visible;
		float:left;
		margin-right: 5px;
		width:30px;
		height:20px;
		background:transparent url(/img/flags.png) no-repeat;
	}
	.header .logorome .mobile a:last-child {
		margin:0;
	}
	.header .logorome .mobile a.flag-en { background-position: 0 -120px; }
	.header .logorome .mobile a.flag-fr { background-position: 0 0; }
	.header .logorome .mobile a.flag-it { background-position: 0 -60px; }



	#show-menu {
		display: block;
    height: 40px;
    width: 40px;
    padding: 15px 14px;
		box-sizing:border-box;
    position: fixed;
    text-align: center;
    text-decoration: none;
    right: 0;
    top: 0;
    background: #b22222;
    color: #fff;
		z-index:99;
	}
	#show-menu:before, #show-menu:after {
    content: '\20';
	}
	#show-menu em, #show-menu:before, #show-menu:after {
    background-color: transparent;
    display: block;
    height: 2px;
    width: 12px;
    border-top: 2px solid #fff;
    overflow: hidden;
    text-indent: -200px;
	}

	.header nav {
		display: block;
		position: fixed;
		margin: 0;
	}
	.touchNavOpen .header nav {
		margin: 0px 0 0 0;
    z-index:99;
	}
	.touchNavOpen .googleSearch {
		display:block;
	}
		/*.touchNavOpen .googleSearch > div {
			left: 0 !important;
			width: 100% !important;
		}*/

    #main-nav {
      max-height: 0;
      height: auto;
      overflow: hidden;
      /*display:none;*/
      /*-webkit-transform-style: preserve-3d; transform-style: preserve-3d;
      -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0);
      -webkit-transition: -webkit-transform 0.8s;	transition: transform 0.8s;
      -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
      transition-timing-function: cubic-bezier(0.7,0,0.3,1);*/
    }

    .touchNavOpen #main-nav {
        display: block;
        width: 100%;
        height: auto;
        overflow: hidden;
        color: #fff;
        top: 139px;
        padding: 0;
        z-index: 50;
        line-height: 36px;
        float: none;
        /*margin: 0;*/
				border-top: 1px solid #ccc;
        max-height: 80%;
        /*transition: max-height 500ms ease-in-out 0s;
        -moz-transition: max-height 500ms ease-in-out 0s;
        -webkit-transition: max-height 500ms ease-in-out 0s;
        -o-transition: max-height 500ms ease-in-out 0s;*/
    }

  	.touchNavOpen #main-nav {
  	position: fixed;
  	right: 0;
  	top: 40px;
  	height: auto;
    width: 160px;
  	overflow-y: auto;
  	background: white;
  	margin: -1px 0 0 0;
  	padding: 10px;
  	z-index: 999;
  	border: 1px solid #996600;

     /*-webkit-transform: translate3d(0,0,0);
     transform: translate3d(0,0,0);*/
  	/*-webkit-transform-style: preserve-3d;
  	transform-style: preserve-3d;
  	-webkit-transform: translate3d(100%,0,0);
  	transform: translate3d(100%,0,0);
  	-webkit-transition: -webkit-transform: 0.8s;
  	transition: transform 0.8s;
  	/*-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
  	transition-timing-function: cubic-bezier(0.7,0,0.3,1);*/
  	}

    .touchNavOpen nav .adsbygoogle {
        display:block;
    }

    nav .adsbygoogle {
        display:none; !important
    }

    #main-nav li li.subItems > a:after,#main-nav > li.subItems > a:after {
        display: none;
    }

    #main-nav > li {
        width: 100%;
        float: none;
        box-sizing: border-box;
        padding: 0;
        height: auto;
        border-bottom: 1px solid #ccc;
    }

			#main-nav > li > a {
				display: block;
				padding: 0 12px;
				color: #fff;
				text-decoration: none;
				font-size: 16px;
				line-height: 49px;
				background-color: #333;
				-moz-transition: background-color 100ms ease-in-out;
				-o-transition: background-color 100ms ease-in-out;
				-webkit-transition: background-color 100ms ease-in-out;
				transition: background-color 100ms ease-in-out;
			}
			#main-nav > li > a > span {
			text-decoration:none;
			}

			#main-nav li ul li a, #main-nav ul li a, #main-nav > li > a {
				background: #f1f4e5;
				color: #B22222;
				font-size: 14px;
				line-height: 40px;
			}

    #main-nav li ul li {
        width: 100%;
        position: relative;
        border-bottom: 1px solid #ccc;
    }

    #main-nav li ul li:first-child {
        border-top: 1px solid #ccc;
    }

    #main-nav li ul li:last-child {
        border: none;
    }

    #main-nav li li.active {
        color: #fff;
    }

    #main-nav li li.active > a {
        background-color: rgba(255,255,255,.25);
        color: #fff;
    }

    #main-nav li a {
        padding-left: 10px;
    }

    #main-nav li ul li a {
        width: auto;
        padding: 15px 45px 15px 20px;
        color: #fff;
        min-height: 17px;
        font-size: 16px;
        line-height: 18px;
    }

    #main-nav li.touchOpen > ul {
        position: static;
        display: block !important;
    }

    #main-nav li li li a {
        padding-left: 30px;
    }

    #main-nav li ul {
        opacity: 1;
        position: relative;
        top: 0;
        box-shadow: 0 0 0;
        padding: 0;
        border: none;
        width: 100%;
        line-height: 36px;
        background: transparent;
        box-sizing: border-box;
    }

    #main-nav li ul ul {
        padding: 0;
        left: 0;
    }
		.pictures_li {
    border-top: none;
}

	.page > div {
		padding: 0 10px;
	}

	.touristinfo {
		position: static;
		margin: 10px 0;
		padding: 0;
		line-height: 22px;
		height: auto;
	}

	.con-tent {
		padding:0;
		font-size:14px;
	}
	.con-tent table {
		width:100%;
	}
	.con-tent img {
		max-width: 100%;
		height:auto;
	}

	.bookform .searchbutton .blue {
		font-size: 1em;
    padding-left: 0;
    text-align: center;
    padding-right: 0;
	}
	.bookform label {
		white-space: nowrap;
	}
	.bookform .p50.searchbutton {
    width: 28%;
    left: 14%;
	}

	.rb {
		padding:20px 0px;
	}
	.gsc-input-box,
	.listy, .touristinfo,
	.obsah,
	.rb,
	.quick-links {
		width:100% !important;
	}

  .gsc-input-box {
    width:190px !important;
  }
   .googleSearch > div {
    top: 0px !important;
    left: 6px !important;
  } 
  .gsc-search-box-tools .gsc-search-box .gsc-input {
    /*top:1px;*/
  }

	a .rb-hotel {
		width: 100%;
		box-sizing: border-box;
	}

	footer {
		margin-left:0;
	}
}

@media screen and (max-width: 340px) {
.header .logorome .mobile {
		width:70px;
		left:7px;
		top:26px;
	}
	.header .logorome .mobile a {
		display: block;
		float:left;
		margin-right: 5px;
		width:25px;
		height:16px;
	}
	.header .logorome .mobile a.flag-en { background-position: 0 -271px; }
	.header .logorome .mobile a.flag-fr { background-position: 0 -180px; }
	.header .logorome .mobile a.flag-it { background-position: 0 -225px; }
}