/**
 * Handle header/footer using wb_responsive
 */
@media only screen and (max-width: 1200px) {
	body {
		/*overflow-y: hidden;*/
	}
	#p .header-inner {
		padding-top: 25px;
		height: auto;
	}
	#p .search-outer,
	#p .main-menu-outer,
	#p .breadcrump-outer,
	#p.with-left-menu .content-wrapper-aside-outer {
		display: none;
	}
	#p .footer-outer{
		display: block;
		margin-bottom: 28px;
	}
	#p.with-left-menu.right-content .container-article-outer {
		width: 72.5%;
	}
	#p.with-left-menu .container-article-outer,
	#p.with-left-menu .content-wrapper-outer {
		width: 100%;
	}
	html body .wb-responsive {
		display: block;
	}
	.news .article h3{
		margin: 0 !important;
	}
	#p .wb-cycle-item{
		width: 100%;
	}
	.wb-cycle-item.cycle-slide.cycle-slide-active iframe{
		width: 100%;
	}
	.item-list img{
		display: block;
	}
	ul.gallery img{
		display: block;
		width: 100%;
		height: auto;
	}
	.controls{
		padding-right: 0;
		padding-left: 0;
	}
	.accordion-panel-content ul.gallery li{
		padding: 5px;
		margin-top: 1px;
		margin-left: 1px;
	}
}
/**
 * Handle other style
 */
@media only screen and (max-width: 1200px) {

	#p .keyvisual-placeholder-outer {
		padding-top: 0px;
		margin-top: 1px;
		clear: both;
	}
	#p .keyvisual-placeholder-inner {
		height: auto !important;
	}
	#p .keyvisual-placeholder-inner #slider #slideshow {
		width: 100% !important;
  		height: 0 !important;
  		padding-bottom: 46% !important;
	}
	#p .keyvisual-placeholder-inner .main_slider .slider-item {
		width: 100% !important;
		height: 100% !important;
		background-size: cover !important;
	}
	#p .keyvisual-placeholder-inner .main_slider .slider-nav .control {
		top: 49%;
	}
	#p .keyvisual-placeholder-inner .main_slider .pager-outer {
		bottom: 3%;
	}
	#p .keyvisual-placeholder-inner .main_slider .keyvisual-item-desc {
		padding: 20px 10px;
		max-width: 600px;
		width: auto;
	}
	#p .keyvisual-placeholder-inner .main_slider .keyvisual-item-desc span {
		padding-bottom: 10px;
	}
	#p .keyvisual-placeholder-inner .main_slider .keyvisual-item-desc span.heading {
		font-size: 70px;
	}
}
@media only screen and (max-width: 1201px) {
	#p .content-outer {
		padding: 0 2%;
		margin: 20px auto 30px;
 	}
	#p.with-left-menu .content-inner {
		margin: 50px 0;
	}
	#p .textpic-wrapper img {
		max-width: 100% !important;
		height: auto;
	}
	#p .textpic-wrapper .csc-textpic .csc-textpic-imagewrap {
		width: 100% !important;
	}
	#p .full-width-section .fws-inner {
		width: auto;
	}
}
@media only screen and (max-width: 1140px) {
	#real-estate-search-controls{
		max-width: none;
		min-height: auto;
		overflow: initial;
		padding-right: 0;
		padding-left: 0;
		width: 100%;
		
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
}
@media only screen and (max-width: 1024px) {
	#p .item-list h2, #p .item-list h2 a{
		margin-bottom: 10px !important;
		font-size: 16px;
	}
	.item-list section{
		padding-bottom: 40px;
	}
	.item-list figure{
		margin-top: 0;
		margin-bottom: 0;
	}
	.item-list li{
		padding: 15px;
	}
}
@media only screen and (max-width: 990px) {
	#p.with-left-menu .container-article-outer,
	#p.with-left-menu .content-wrapper-outer {
		width: auto;
		float: none;
		margin-bottom: 20px;
	}
	#p.with-left-menu .container-article-inner {
		width: 98%;
	}
	#p.with-left-menu.right-content .container-aside-outer,
	#p.with-left-menu.right-content .container-article-outer {
		width: 25%;
		float: none;
		display: inline-block;
		vertical-align: top;
	}
	#p.with-left-menu.right-content .container-article-outer {
		width: 68%;
		margin-right: 2%;
	}
	#p.with-left-menu .content-wrapper-aside-outer {
		width: 100%;
		max-width: 380px;
	}
	#p .keyvisual-placeholder-inner .main_slider .keyvisual-item-desc {
		padding: 2%;
		width: 96%;
		max-width: 100%;
		position: absolute;
		bottom: 0px;
		background: #ddd;
		border-radius: 0px;
	}
	#p .keyvisual-placeholder-inner .main_slider .slider-item {
		padding-top: 0;
	}
	#p .keyvisual-placeholder-outer:hover .pager-outer {
		display: none !important;
	}
	#p .keyvisual-placeholder-inner .main_slider .keyvisual-item-desc span.heading {
		font-size: 40px;
		line-height: 50px;
	}
	#p .keyvisual-placeholder-inner .main_slider .keyvisual-item-desc span.small-caption {
		font-size: 20px;
		line-height: 20px;
	}
}
@media only screen and (max-width: 860px) {
	#p .g .w-67,
	#p .g .w-50,
	#p .g .w-33,
	#p .g .w-25 {
		width: auto;
		float: none;"typo3conf/ext/wb_base/locallang/fe/general.xml"
		clear: none;
	}
	#p .g .gc {
		padding: 0px;
		margin: 0px;
	}
	#p .banner .banner-content-outer {
		width: 60%;
	}
	.item-list figure{
		float: none;
		margin-right: 0;
		margin-bottom: 30px;
	}
	.item-list a{
		display: block;
	}
	.item-list img{
		height: auto;
		width: 100%;
	}#p .item-list h2, #p .item-list h2 a{
		font-size: 24px;
	}
	.w-75{
		float: none;
		width: 100%;
	}
	.availabilities .field-wrap.slider-wrap, #p .availabilities #submitFilter{
		width: 226px;
	}
}
@media only screen and (max-width: 620px) {
	#p.with-left-menu.right-content .container-article-outer,
	#p.with-left-menu.right-content .container-aside-outer {
		width: 100%;
		margin-right: 0px;
		float: none;
		display: inline-block;
		vertical-align: top;
	}
	.item-list li{
		padding: 2px;
	}
	#p .footer-top-outer, #p .footer-bottom-inner{
		padding-left: 2%;
		padding-right: 2%;
	}
	.basic-info dt{
		width: 30%;
		word-wrap: break-word;
		padding-right: 10px;
		
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.basic-info dd{
		width: 70%;
	}
	#p .available-tops.accordion h4.accordion-panel-title{
		padding-left: 0;
	}
	#p .controls a{
		display: block;
		float: none;
	}
	.controls .center{
		text-align: left;
	}
	#p .accordion-panel-title span.space{
		width: 13.3%;
	}
}
@media (max-width: 780px){
	#real-estate-search-controls .slider-wrap, #real-estate-search-controls .field-wrap{
		margin-bottom: 20px;
		float: none;
	}
	.ui-slider-horizontal{
		margin-left: 6px;
	}
}
@media only screen and (max-width: 580px) { 
	#p .textpic-wrapper .csc-textpic-intext-right-nowrap .csc-textpic-imagewrap + div {
		margin-right: 0px !important;
	}
	#p .textpic-wrapper .csc-textpic-intext-left-nowrap .csc-textpic-imagewrap + div {
		margin-left: 0px !important;
	} 
	#p .keyvisual-placeholder-inner .main_slider .keyvisual-item-desc span.heading {
		font-size: 30px;
		line-height: 35px;
	}
	#p .keyvisual-placeholder-inner .main_slider .keyvisual-item-desc span.small-caption {
		font-size: 12px;
		line-height: 12px;
	}
}
@media only screen and (max-width: 500px) { 
	#p .textpic-wrapper .csc-textpic .csc-textpic-imagewrap {
		width: 100% !important;
		display: inline-block;
		vertical-align: top;
	}
	#p .keyvisual-placeholder-inner .main_slider .slider-nav .control {
		top: auto; 
		bottom: 0px;	 
	}
	.accordion-panel-content dd, .accordion-panel-content dt{
		width: 50%;
		word-wrap: break-word;
	}
	.accordion-panel-content dt{
		padding-right: 15px;
		
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.accordion-panel-content{
		padding-right: 10px;
		padding-left: 10px;
	}
}
@media only screen and (max-width: 415px) {
	#p .tabs .a-h span {
		padding: 5px;
	}
	#p .tabs .a-h {
		float: none;
	}
}
@media only screen and (max-width: 400px) {
	#p .content-outer input,
	#p .content-outer textarea {
		width: 90%;
		max-width: 90%;
	}
	#p .accordion-panel-title span.pos{
		width: 15%;
	}
	#p .accordion-panel-title span.space{
		width: 16.8%;
	}
	#p .accordion-panel-title .name{
		width: 43%;
	}
}
@media only screen and (max-width: 380px) {
	#p.with-left-menu .content-inner {
		margin: 20px 0;
	}
	#p .breadcrump-outer {
		padding: 10px 2%;
	}
	#p.with-left-menu .content-wrapper-aside-outer {
		width: 100%;
	}
	#p .content-outer input, 
	#p .content-outer textarea {
		margin: 0 0 15px 0;
	}
}