@charset "utf-8";

@media (min-width: 901px) and (max-width: 1250px) {
	.responsive-shown{
		display: block;
	}
	
	form#form1{
		min-width:auto;
	}
	
	.top_container .top_content .logo img{
		width:80%;
		height: auto;
		max-width:270px;
	}
	
	.content_container .content_content .content .background-table tr td{
		padding:30px 10px !important;
	}
	
	.content_container .content_content .content .background-table tr td table tr td{
		padding:5px !important;
	}
	
	.scroll_holder{
		max-height:100%;
		overflow:visible;
	}
	
	/****APP****/
	.reserve-form .reserve-item{
		width:32.33% !important;
		margin:0px;
		margin-right:1% !important;
	}
	
	#cycles-content{
		padding:0px;
		text-align: center;
	}
	
	#cycles-content .cycle-item{
		width:31.33%;
		margin:0px 1% 20px 1%;
	}
	
	.events_titles{
		display: none;
	}
	
	.event_item{
		border-bottom:1px solid #324871;
	}

	.event_item div {
    width: 33.33% !important;
  }
	
	.event_item .clear.responsive-shown{
		display: none !important;
	}
	
	.events_holder .button{
		margin-top:10px;
	}
	
	.events_holder .button a{
		width:98% !important;
	}
	
	.list-details .left{
		float:left !important;
		width:40% !important;
		display:block !important;
		padding:10px !important;
	}
	
	.list-details .right{
		display:block !important;
		width:60% !important;
		float:right;
	}
	/****APP****/
	
	.footer_container .footer_content table tr td{
		display:block;
		text-align: center !important;
		width: 100% !important;
	}
	
	.footer_container .footer_content table tr td:nth-last-child(1){
		margin-top:10px;
	}
}

@media (min-width: 601px) and (max-width: 900px) {
	.responsive-shown{
		display: block;
	}
	
	form#form1{
		min-width:auto;
	}
	
	.top_container .top_content .logo img{
		width:80%;
		height: auto;
		max-width:270px;
	}
	
	.content_container .content_content{
		height: auto;
	}
	
	.content_container .content_content .left{
		clip-path: none;
		display:block;
		height: auto;
		padding:50px;
		text-align: center;
	}
	
	.content_container .content_content .left .content{
		margin-right:0px !important;
	}
	
	.content_container .content_content .right{
		display:none;
	}
	
	.content_container .content_content .content .background-table tr td{
		padding:30px 10px !important;
	}
	
	.content_container .content_content .content .background-table tr td table tr td{
		padding:5px !important;
	}
	
	.scroll_holder{
		max-height:100%;
		overflow:visible;
	}
	
	/****APP****/
	.user-menu{
		padding:0px 0px
	}
	
	.user-menu .title{
		padding-left:20px;
		border-bottom:2px solid #fff;
		width:100%;
	}
	
	.user-menu .buttons{
		float:none;
	}
	
	.user-menu .buttons a{
		width:50% !important;
	}
	
	.reserve-form .reserve-item{
		width:33.33%;
		margin:0px;
	}
	
	.reserve-form .reserve-item:nth-last-child(1){
		width:32.33% !important;
		margin-left:1% !important;
	}
	
	#cycles-content{
		padding:0px;
		text-align: center;
	}
	
	#cycles-content .cycle-item{
		width:48%;
		margin:0px 1% 20px 1%;
	
	}
	
	.events_titles{
		display: none;
	}
	
	.event_item{
		border-bottom:1px solid #324871;
	}
	
	.event_item div{
		width:50% !important;
	}
	
	.events_holder .button{
		width:50%;
	}
	
	.events_holder .button a{
		width:98% !important;
	}
	
	.list-details .left{
		float:left !important;
		width:60% !important;
		display:block !important;
		padding:10px !important;
	}
	
	.list-details .right{
		display:block !important;
		width:40% !important;
		float:right;
	}
	/****APP****/
	
	.footer_container .footer_content table tr td{
		display:block;
		text-align: center !important;
		width: 100% !important;
	}
	
	.footer_container .footer_content table tr td:nth-last-child(1){
		margin-top:10px;
	}
}

@media (min-width:0px) and (max-width: 600px) {
	.responsive-shown{
		display: block;
	}
	
	form#form1{
		min-width:auto;
	}
	
	.top_container .top_content .logo img{
		width:80%;
		height: auto;
		max-width:270px;
	}
	
	.content_container .content_content{
		height: auto;
	}
	
	.content_container .content_content .left{
		clip-path: none;
		display:block;
		height: auto;
		padding:50px;
		text-align: center;
	}
	
	.content_container .content_content .right{
		display:none;
	}
	
	.content_container .content_content .content .background-table tr td{
		padding:30px 10px !important;
	}
	
	.content_container .content_content .content .background-table tr td table tr td{
		padding:5px !important;
	}
	
	.scroll_holder{
		max-height:100%;
		overflow:visible;
	}
	
	/****APP****/
	.user-menu{
		padding:0px 0px
	}
	
	.user-menu .title{
		padding-left:20px;
		border-bottom:2px solid #fff;
		width:100%;
	}
	
	.user-menu .buttons a{
		width:100% !important;
	}
	
	.profile-left,
	.profile-right{
		float:none;
		width:100%;
	}
	
	.reserve-form .reserve-item{
		width:50%;
		margin:0px;
	}
	
	.reserve-form .reserve-item:nth-last-child(1){
		width:100% !important;
		margin-top:20px;
	}
	
	#cycles-content{
		padding:0px;
	}
	
	#cycles-content .cycle-item{
		width:100%;
		margin:0px auto 20px auto;
	}
	
	.events_titles{
		display: none;
	}
	
	.event_item{
		border-bottom:1px solid #324871;
	}
	
	.event_item div{
		width:50% !important;
	}
	
	.events_holder .button{
		width:50%;
	}
	
	.events_holder .button a{
		width:98% !important;
	}
	
	.list-details .left{
		width:100% !important;
		padding:0px !important;
	}
	
	.list-details .right{
		width:100% !important;
		padding:0px !important;
		display:block !important;
	}
	/****APP****/
	
	.footer_container .footer_content table tr td{
		display:block;
		text-align: center !important;
		width: 100% !important;
	}
	
	.footer_container .footer_content table tr td:nth-last-child(1){
		margin-top:10px;
	}
}