/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */

@import url(../warp/css/responsive.css);


/* Breakpoints
----------------------------------------------------------------------------------------------------*/

/* All except large Screens */
@media (max-width: 1220px) {

}

/* Only Phones and Tablets (Portrait) */
@media (max-width: 959px) {

}

/* Only Tablets (Portrait) */
@media (min-width: 768px) and (max-width: 959px) {

}

/* Only Tablets (Portrait) and Phones (Landscape) */
@media (min-width: 480px) and (max-width: 959px) {

	/* Layout */
	#search { display: none; }

}

/* Only Phones */
@media (max-width: 767px) {

	/* Layout */
	#toolbar,
	#headerbar,
	#menubar,
	#breadcrumbs,
	#totop-scroller { display: none; }

}

/* Only Phones (Landscape) */
@media (min-width: 480px) and (max-width: 767px) {

}

/* Only Phones (Portrait) */
@media (max-width: 479px) {

	#header {
		margin: 0;
		height: 130px;
	}

	#headerbar{display: inline}
	#headerbar #logo{display: none}
	#headerbar .module{float: none}
	#top-a:before , #top-a:after{background: none;display: none}
	#headerbar .jf_mm_trigger {
		background-color: rgba(0,0,0,0)!important;
	}
	#header-responsive {
		text-align: center;
	}

	/*search*/
	#maba-search select{width: 100px;font-size: 11px;margin-right: 5px}
	#maba-search .sort-a,#maba-search .sort-c {width:100%;text-align: center;padding: 0;margin-left:5px}
	#maba-search .sort-c{margin-top:5px;margin-bottom: 5px}
	#top-a .maba-search-box {height:auto;margin: 0}

	#selectionapart {margin-right: 0px;}
	#selectionapart .selectionappart-block{width: 50%;float: left}

	#selectionapart .category{
		margin-right: 10px;
		width: auto;
		float: none;
	}
	#selectionapart .selectionappart-block:nth-child(2n) .category{margin-right: 0;}

	#selectionapart h3 {
		line-height: 12px;
		font-size: 12px;
	}
	#selectionapart .category img{width: 100%;height:auto}
	#selectionapart p.p2, .apartments-list .list p.p2{
		font-size: 11px;
	}

	#selectionapart p.p2 span, .apartments-list .list p.p2 span{width: 43%}
	#selectionapart p.p2 span.star,  .apartments-list .list p.p2 span.star {
		width: 14%;
	}

	#selectionapart p.p2 span.small, .apartments-list .list p.p2 span.small{
		width: 100%;
	}

	#selectionapart .category h2 a{font-size: 14px}
	#top-a {position:static;margin: 0;top:100px;float: left}
	#top-b {position:static;margin: 5px 0 0 0;float: right}

	#maba-search {line-height:32px;}


	/* Apartment list*/
	.apartments-list {
		padding-left: 2px;
		padding-right: 2px;
		width: 100%;
	}
	.apartments-list .apartments-list-container {width: 50%;float: left;}
	.apartments-list .list{width: auto;margin-right: 0px;margin-left: 0px}
	.apartments-list div.list:nth-child(2n+1){margin-right: 5px}
	.apartments-list div.list:nth-child(4n+1){margin-left: 0px}
	.apartments-list div.list:first-child {margin-left:0}
	.apartments-list .list a {width: auto}
	.apartments-list .list img{width: 100%;height: auto}
	.apartments-list h3{line-height: 12px;font-size: 12px;}

	/*Page appartement*/
	.apartment{
		padding: 0 5px;
	}

	#photos .panel{background-color: #fff}

	.apartment h2{
		margin-bottom: 10px;
	}
	.apartment .apartment-top{
		padding: 0;
	}
	#description{
		float: none;
		width: 100%;
		margin-left: 0;
		padding:0;
		text-align: justify;
	}
	.apartment p.txtintro{
		margin: 10px 0;
		width: auto;
	}
	.apartment .favourite {
		display: none;
	}
	.apartment .price-block{
		width: 33%;
		margin-right: 1px;
	}
	.apartment .prices .price{width: auto}
	.apartment .deposit{
		width: 100%;
	}
	.apartment #calendar{display: none;}
	.apartment #request{
		height: 50px;
	}
	#apartment-description{
		width: auto;
		padding-left: 5px;
		padding-right: 5px;
		margin: 10px 0 20px 0;
		float: none;
		height: auto;
	}
	#apartment-map{width: auto;padding:7px;float: none;margin-bottom: 20px;height: auto}
	#map_canvas{width: auto}
	#apartment-comments {
		padding: 0 5px;
		width: auto;
	}
	.apartment #apartment-comments .comment {
		padding: 5px;
	}
		/* System */
	#system .items .item,
	#system .items .item:first-child {
		margin-top: 12px;
		padding-top: 18px;
		border-top-width: 1px;
	}

	#system .items :first-child .item:first-child {
		margin-top: 0;
		padding-top: 0;
		border-width: 0;
	}

	#system .items .leading .item {
		margin-bottom: 0;
		padding-bottom: 0;
		border-width: 0;
	}
	#bottom-a{margin:0 5px}

	#footer .footer-a,#footer .footer-d{width: 100%;text-align: center}

	#info-request button, #owner-request button, #contact-request button, #favourite-request button{float: right;}

	p.required {float: left;width: 100%}
	.information h2,.owner h2,.contact h2,.reservation h2{text-align: center;}
	#info-request,#contact-request,#owner-request,#accordion3#accordion3.mabafaq {padding:10px 15px 10px 10px;}
	#system .item .content{padding:10px 15px 10px 10px;}
	#info-request textarea,#info-request input,#contact-request textarea,#contact-request input,#owner-request textarea,#owner-request input{width: 100%}
	#info-request input[type="checkbox"],#contat-request input[type="checkbox"],#owner-request input[type="checkbox"] {width: auto}

	.polaroid-img-left img{width: 100%;height: auto}
	.polaroid-img-right{padding: 0;margin: 0}
	.polaroid-img-right img{width: 100%;height: auto}

	#accordion1.mabafaq div.accordionfaqitem,#accordion3.mabafaq div.accordionfaqitem {margin-left:10px}
	#accordion1{margin: 0}
	#accordion1 h3,#accordion3 h3{height: auto !important;font-size: 15px!important;}

	#system .item > header .title,#system  h1.title{text-align: center}

	article img{width: 100%;height:auto}

	#resa-request .left-block{width: 100%;padding: 0 0 0 10px;float: none;height: auto}
	#resa-request .col1, #resa-request .col2,#resa-request .col3 {width: 100%;float: none}
	#resa-request input[type="text"], #resa-request input[type="email"]{width: 100%}
	#resa-request .right-block{width: 100%;float: none}
	#resa-request button{margin-left: 20px;}

}