/**** < 767 / mobile **********************************************************/
@media (max-width:767px) {

.mobile-hidden {
	display:none;
}
.pc-hidden {
	display:block!important;
}
.pc-hidden.hidden {
	display:none!important;
}

/**** layout **********************************************************/
.content-width {
	width:auto;
}
.floating {
	position:static!important;
}
body {
  background-image:url(../img/mobile/bg.jpg);
}
div.screen {
	background:none;
}
div.head {
	border:0;
	height:110px;
	background:url(../img/mobile/head.jpg) no-repeat top center;
	left:0;
}
div.page {
	padding:165px 0 0 0;
} 
div.page-in {
	border:0;
	margin:0;
	padding:10px 10px 20px 10px;
	background:white;
}
a.to-home {
	margin:10px 0 0 10px;
	width:77px;
	height:48px;
	background-size:77px 48px;
}

div.l-r {
	margin:0 0 20px 0;
	padding:0 0 15px 0;
	border-bottom:1px solid #CCCCCC;
}
div.l {
	float:none;
	width:auto;
	margin:0 0 15px 0;
}
div.r {
	float:none;
	width:auto;
}



/*** topinfo ***/
div.topinfo > * {
	margin:0 0 0 20px;
}
div.topinfo > * span {
	display:none;
}
div.topinfo > * img {
	margin:0 0 0 0;
}



/*** foot side ***/
div.side-social {
	display:none;
}

/*** menu ***/
a.showmenu {
	display:block;
}

ul.menu {
	position:absolute;
	top:165px;
	left:0;
	right:0;
	z-index:100;
	background-color:#1C3440;
	display:none;
}
ul.menu li {
	float:none;
}
ul.menu li a {
	float:none;
	height:auto;
	line-height:auto;
	font-size:20px;
	border-bottom:1px solid #4B6676;
}
ul.menu li.act a em {
	display:none;
}
ul.menu li.m-home a {
	display:none;
}

ul.pagemenu li {
	padding:0 0 0 0;
}
ul.pagemenu li.act {
	background:none;
}
ul.pagemenu li.act a {
	background:url(../img/submenu/li.png) no-repeat 8px 8px #FEEDD9;
	color:#655D52;
}
ul.pagemenu li.act a:hover {
	background-color:#FDD9AC;
	color:#A56A1E;
}
.kotva {
	top:0;
}

/*** langs ***/
div.langs {
	right:10px;
	top:10px;
}
div.langs a {
	display:block;
	float:left;
	margin:0 0 0 0;
	width:37px;
	height:37px;
	display:none;
}
div.langs a img {
	display:block;
	margin:4px 0 0 4px;
}
div.langs a.act {
	display:block;
}


div.path {
	display:none;
}



/*** slider ***/
.flexslider-out {
	flex-direction:column;
	height:auto;
	border:none;
	z-index:1;
	top:10px;
	margin:0 0 10px 0;
}
.search-box {
	margin:0 0 10px 0;
}
.flexslider-out .flexslider {
	margin:0 0 10px 0;
	order:-1;
}
.flexslider-out .flexslider .slides li a {
	padding-top:calc((100vw/4)*2);
}
.flex-direction-nav, .flex-control-nav {display:none;}
.flexslider li span.slide-desc span {
	padding:5px 5px 5px 5px;
	font-size:12px;
}
.flexslider li span.slide-desc em {
	display:none;
}
.flexslider-detail {
	border:none;
}
.flexslider-detail .flex-direction-nav, .flexslider-detail .flex-control-nav {
	display:block;
}


/*** foot ***/
div.foot-in {
	text-align:center;
	flex-direction:column;
}
/*** foot social ***/
div.foot-social {
	position:static;
	margin:20px 0 20px 0;
}
div.foot-social a {
	display:inline-block;
	float:none;
	margin:0 5px 0 5px;
}

/*** foot aut ***/
div.foot-aut {
	color:#cdcdcd;
	text-align:center;
}
.foot-logo {
	display:none;
}
div.copy {
	margin:0 0 10px 0;
	font-size:14px;
}
div.made {
	font-size:12px;
}


/*** footmenu ***/
ul.footmenu li {
	padding:0;
	margin:0;
}
ul.footmenu li a {
	float:none;
	color:white;
	text-decoration:none;
	font-size:15px;
	font-weight:bold;
}
ul.footmenu li:last-child a {
	background:none;
}

ul.footmenu li a:hover {
	color:#ddd;
}

ul.footmenu li.act a {
	color:#99C18B;
}


/**** partneri **********************************************************/
div.partneri {
	padding:10px 10px 10px 10px;
	text-align:center;
}



/**** boxy **********************************************************/
a.box {
	width:auto;
	padding:0 0 10px 0;
	max-width:auto;
	float:none;
	clear:both;
}
a.box img {
	width:100%;
	xmax-width:369px;
	border:0;
}
a.box span.box-in {
	padding:10px 7px 40px 7px;
}
a.box h3 {
	height:auto;
}
a.box span.rec-price {
	font-size:16px;
	width:auto;
	height:auto;
}


h1, .h1 {
	font-size:22px;
}
h2, .h2 {
	font-size:18px;
}

/*** search ***/
div.search-box-in {
	padding:10px 10px 10px 10px;
	border:1px solid #BC6F1D!important;
	border-bottom:2px solid #BC6F1D!important;
}
div.search-box-in .check-col {
	width:100px;
}
div.search-box-in input.submit {
	padding:8px 40px 8px 40px;
	font-size:22px;
}
div.search-map {
	text-align:center;
	clear:both;
	padding:15px 0 0 0;
}

div#vmap {
	width:100%;
	height:230px;
	float:none!important;
	margin:auto;
}

.ave-banner {
	width:100%;
	max-width:371px;
	margin:auto;
	display:none;
}

/*** tour box ***/
a.tour-box .tour-img {
	width:auto;
	display:block;
	margin:0 0 20px 0;
	max-width:100%;
	float:none;
}

/*tour-terms*/
table.tour-terms th, table.tour-terms td {
	display:block;
	width:auto;
}
table.tour-terms th {
	border:0;
}



/* tour detail */
img.tour-in-img {
	max-width:100%;
	float:none!important;
	margin:0 0 10px 0!important;
}
img.tour-in-img.f-right {
	float:none!important;
}



/*** favorite ***/
.favorite {
	display:block;
	float:none!important;
	padding:2px 0 2px 26px;
	background:url(../img/icons/star_s.png) no-repeat left top;
	color:#666666;
	text-decoration:none;
	margin:0 0 10px 0;
}
.favorite.f-right {
	margin-left:0;
}
.favorite-box {
	margin:-50px 0 0 15px;
}

/*** ave logo item ***/
.ave-touritem {
	position:absolute;
	right:10px;
	margin:-80px 0 0 0;
	cursor:pointer;
}


.show-favorite {
	top:9px;
	right:56px;
	width:29px;
	height:29px;
	padding:0;
}
.show-favorite span {
	display:none;
}


/* table1 */
table.table1 th, table.table1 td {
	display:block;
}
table.table1 input, table.table1 textarea {
	width:95%!important;
}
table.table1 input.submit {
	width:auto!important;
}


/**** forms **********************************************************/

.period {width:auto!important;}
.two-period {width:auto!important;}

.period.f-left, .period.f-right {float:none!important;}
.two-period.f-left, .two-period.f-right {float:none!important;}


table.table1 .half {width:480px!important;}
table.table1 .period {width:371px!important;}
table.table1 .two-period {width:778px!important;}
table.table1 .extratiny {width:20px!important;}
table.table1 .tiny {width:35px!important;}
table.table1 .small {width:50px!important;}
table.table1 .little {width:70px!important;}
table.table1 .normal {width:150px!important;}

}