div.google-maps img {

	max-width: none;

}

img 
{
   max-width: 100%; 
   height: auto;
   height: auto\9;
}


.gallery-list.video article img
{
	height: 100%;
}

.fb-nav {
	position: absolute;
	right: 16px;
	top: 16px;
}

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

	#main-header
	{
		padding: 0 20px;
		
	}

	#main-header header[role="banner"]
	{
		padding-top: 1px;
    	margin-top: -1px; /* http://stackoverflow.com/questions/1762539/margin-on-child-element-moves-parent-element */
	}


	footer#main-footer .mtr 
	{
		padding: 0 20px;
	}

	.gallery-list.video article .info dl 
	{
		padding: 0 5%;
	}
	.gallery-list.video article .info dl dd
	{
		float: none;
		text-align: right;
		display: inline;
		border: 0;
		padding: 0 5%;
		margin: 0;

	}

	.gallery-list.video article .info dl dd:after
	{
		content: "x";
	}

	.gallery-list.video article .info dl dt
	{
		width: 90%;
		display: inline;
		float: none;
		margin: 0;
	}

	.ubytovani-detail .common-info .btn 
	{
		top: 0px;
		margin-top: 5px;
	}


}


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



}


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

	#main-nav li a
	{
		width: auto !important;
		padding: 0 10px;

	}


	table
	{
		table-layout: fixed;
	}




}

@media only screen and (max-width: 1355px) {
	#main-nav > ul {
		display:none;
	}
	#main-nav {
		background:none;
		border: 0;
		position:absolute;
	}
	#main-nav > h1 {
		left: 10px;
		right: 10px;
		margin: 0;
		position: absolute;
		width: auto;
	}
	#main-nav > h1 > a {
		margin: 0 auto;
	}
	.slider-wrapper {
		top: 0;
		height: 540px;
	}
	#header-box 
	{
		position: static;
		width: 100%;
		height: auto;
		overflow: hidden;
		margin-top: 2em;
		padding: 1em 0;
	}
	.responsive-nav-container
	{
		display: block;
		width: 100%;
		margin: 40px 5px 8px 5px;
	}
	.responsive-nav-container.slide
	{
		float:left;
	}
	#main-header {
		padding-top:96px;	
	}
	body {
		padding-top:0;	
	}
}

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

	.fb-nav {
		margin-top: 10px;
		display:block;
		width: 100%;
		position: relative;
		top:0;
		right:0;
	}

	.section-cols-2 .c1 .menu
	{
		display: none;
	}

	#left-nav-responsive
	{
		display: block;
		width: 100%;
		padding: 8px 5px;
		margin-top: 2em;
	}

	#left-nav-responsive
	{
		margin-top: 0;
	}

/*
	#header-box 
	{
		position: static;
		width: 100%;
		height: auto;
		overflow: hidden;
		margin-top: 2em;
		padding: 1em 0;
	}
*/	
	#header-box 
	{
		display: none;
	}


	footer#main-footer article 
	{
		
		width: 48.5%;
		margin-right: 3.0%;
	}

	footer#main-footer article:nth-child(even)
	{
		margin-right: 0;
	}


	.section-contact .form article
	{
		width: 100% !important;
		margin-right: 0 !important;
		margin-bottom: 1em;
	}

	.section-cols-2 .c1,
	.section-cols-2 .c2
	{
		width: 100%;
		margin-right: 0;
	}

	.section-cols-2 .c1
	{
		padding-top: 0;
		padding: 0 20px;
		background: none;
		margin-top: 1em;
		border: 0;
	}

	.section-cols-2 .c2
	{
		padding-top: 1em;
	}



	.section-faq .box
	{
		width: 100%;
		margin-bottom: 2em;
	}

	.section-faq .box dt
	{
		width: 40%;
		float: left;
	}

	.section-faq .box dd
	{
		width: 40%;
		float: left;
	}



	.tabBox .tabs
	{
		height: auto;
		margin-bottom: 1em;
	}

	.tabBox .tabs li
	{
		display: inline;
		float: none !important;
	}
	.tabBox .tabs li a,
	.tabBox .tabs li span
	{
		width: 100%;
		border-radius: 0;
	}

	#snippet-prijezdy- table,
	#snippet-odjezdy- table
	{
		table-layout: fixed;
	}

	#snippet-prijezdy- table th:last-child,
	#snippet-prijezdy- table td:last-child
	{
		display: none;
	}


	.wrapper-search-link
	{
		padding: 0.5em;
	}

	.wrapper-search-link table
	{
		table-layout: auto;
	}


	.ubytovani-form
	{
		
	}
	

	.ubytovani-form p.clearfix
	{
		float: none;
		clear: none;
		margin-right: 0em;
	
	}

	.ubytovani-form h4
	{
		clear: both;
	}

	.ubytovani-form .hasDatepicker
	{
		margin-right: 0.5em;
	}

	.ubytovani-form .half.select80
	{
		float: left !important;
		margin-left: 1em;
	}

	.ubytovani-form #frmform-submit
	{
		clear: both;
	}


	.ubytovani-form .select-wrapper
	{
		width: 100% !important;
	}

	.ubytovani-form .half.select80
	{
		width: 100%;
		float: none;
		margin-left: 0;
		margin-bottom: 1em;
	}


	.section-contact .map,
	.section-contact .info,
	.station-guide .content,
	.station-guide .map
	{
		width: 100%;
	}

	.train-list-content article
	{
		width: 100%;
		margin-right: 0;
		margin-bottom: 2em;
	}


	.basket-userbox
	{
		margin: 0 auto;
		clear: both;
		float: none;
	}



	div#main-header h1 {
	    float: none;
	    margin: 1em auto 0;
	}

}





@media only screen and (max-width: 600px) {
	
	.homepage .c1,
	.homepage .c2
	{
		width: 100%;
	}

	#bullets
	{
		display: none;
	}

	.homepage .c1
	{
		margin-bottom: 2em;
	}



	.destination-detail-info-gray .btn
	{
		width: 100% !important;
		margin-bottom: 1em;
	}

	

	.section-cols-2 .c2 .pic-fl
	{
		float: none;
		display: block;
		width: 100%;
		max-width: 100%;
	}



	.gallery-list.partner article	
	{
		width: 48%;
		margin-right: 2% !important;
	}


	.social-buttons
	{
		width: 100%;
		float: none !important;
		margin-bottom: 2em;
	}

	.gallery-list.video article img
	{
		width: 100%;
		max-width: 100%;
	}



	.gallery-list.video article
	{
		width: 48.75%;
		margin-right: 2.5%;
	}

	.gallery-list.video article:nth-child(2n)
	{
		margin-right: 0;
	}


	.tickets-list header h3
	{
		font-size: 13px;
	}



	div.section-cols-2 .tickets-list article
	{
		width: 48%;
		margin-right: 0;
		margin-right: 2%;
	}

	div.section-cols-2 .tickets-list article img
	{
		width: 100%;
	
	}


	.article.article-detail .x1,
	.article.article-detail .x2
	{
		width: 100%;
	}

	.article.article-detail .x1 img
	{
		width: 100%;
	}


	.basket-userbox
	{
		max-width: 260px;
	}

	.basket-userbox .c1,
	.basket-userbox .c2
	{
		float: none;
		margin: 0 auto;
		width: 260px;
		margin-top: 1em;
	}

	.basket-userbox .c1
	{
		width: 230px;
	}


}




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

	footer#main-footer article 
	{
		
		width: 100%;
		margin-right: 0;
	}


	div#main-header h1
	{
		float: none;
		margin: 0 auto;
		margin-top: 1em;
	}

	/*#search-form
	{
		float: none;
		margin-bottom: 1em;
	}

	#lang-select, #social-networks
	{
		margin-top: 0;
	}



	#social-networks
	{
		margin-top: 5px;
	
	}

	#lang-select
	{
		float: none;
		display: block;
		margin: 0 auto;
		margin-bottom: 1em;
	}

	#social-networks
	{
		overflow: hidden;
		text-align: center;
	}

	#social-networks li
	{
		display: inline-block;
	}

	#social-networks li a
	{
		float: none;
		display: inline-block;
	}

	#search-form
	{
		width: 254px;
		margin: auto;
		margin-bottom: 1em;
		margin-top: 1em;
	}*/


	.tickets-list header h3
	{
		font-size: 12px;
	}


	#snippet-prijezdy- table,
	#snippet-odjezdy- table
	{
		table-layout: auto;
	}


	.ubytovani-form p.clearfix
	{
		display: block;
		width: 100%;
		float: none !important;
	}

	.ubytovani-form p.clearfix *
	{
		float: none !important;
	}


}


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

	table.form td
	{
		padding: 5px 0;
	}

	.buttons .btn,
	.buttons .btn-auto
	{
		margin-bottom: 4px;
	}


	.section-faq .box dt
	{
		width: 100%;
		
	}

	.section-faq .box dd
	{
		width: 100%;
		margin: 0;
		
	}



	.gallery-list.partner article	
	{
		width: 100%;
		margin-right: 0% !important;
	}


	.gallery-list.partner article .fake-cell
	{
		text-align: center;

	}
	
	.gallery-list.partner .fake-table
	{
		width: 100%;
	}

	.gallery-list.partner article .fake-cell img
	{
		display: inline-block;
	}

	.gallery-list article .info dl dt
	{
		width: auto;
	}


	.gallery-list.video article
	{
		width: 100%;
		
	}


	div.content.section-tickets .tickets-list article
	{
		width: 30%;
		margin-right: 0 !important;
		margin-right: 3.333% !important;
	}


	table td,
	table th
	{
		font-size: 11px;
		padding: 0 !important;
	}



	#searchform input[type="text"],
	#searchform .fake
	{
		max-width: 180px;
		width: 70%;
	}



	div.section-cols-2 .tickets-list article
	{
		width: 100%;
		margin-right: 0;

	}


	#frm-contactform-form .form td.w100
	{
		width: 30% !important;
	}

	#frm-contactform-form .form td.w250
	{
		width: 69% !important;
	}

	#frm-contactform-form .form td
	{
		padding-bottom: 0.5em !important;
	}


	.article .x1,
	.article .x2
	{
		width: 100%;
	}

	.article .x1 img
	{
		width: 100%;
	}

	.article .x1 .social-buttons
	{
		clear: both;
		text-align: center;
	}

}


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

	div.content.section-tickets .tickets-list article
	{
		width: 100%;
		margin-right: 0 !important;
	}

	div.content.section-tickets .tickets-list article img
	{
		width: 100%;
	}


	.wrapper-search-link table tr
	{
		display: block;
		width: 100%;
	}

	.wrapper-search-link table tr td
	{
		width: auto !important;
		display: block;
		text-align: center !important;
		padding: 5px !important;
	}

	table.form.search-link .btn-big 
	{
		width: auto;
		padding: 0 20px;
	}

} 


@media only screen and (max-width: 320px) {
	.article .x1 .social-buttons
	{
		display: none;
	}

	.article .x1 img
	{
		margin-bottom: 1em;
	}


	.article.article-detail .x1 .social-buttons
	{
		display: none;
	}
}