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

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


/* Breakpoints
----------------------------------------------------------------------------------------------------*/
#header-responsive .searchbox { display: none; } 

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

}

/* Only Phones and Tablets (Portrait) */
@media (max-width: 959px) {
.custom-logo {
	width: 132px;
	height: 132px;
	background: url(../../../images/Demo/logo.png) 50% 50% no-repeat;
	background-size: contain;
	margin-top:0px;
	position:relative;
}
}

/* Only Tablets (Portrait) */
@media (min-width: 768px) and (max-width: 959px) {
.custom-logo {
	width: 132px;
	height: 132px;
	background: url(../../../images/Demo/logo.png) 50% 50% no-repeat;
	background-size: contain;
	margin-top:0px;
	position:relative;
}

}

/* Only Tablets (Portrait) and Phones (Portrait) */
@media (min-width: 480px) and (max-width: 959px) {
.custom-logo {
	width: 132px;
	height: 132px;
	background: url(../../../images/Demo/logo.png) 50% 50% no-repeat;
	background-size: contain;
	margin-top:0px;
	position:relative;
}
	/* Layout */
	#search { display: none; }
.wrapper.max-width60,
.wrapper.max-width70 { max-width: 100%; }

}

/* Only Phones */
@media (max-width: 767px) {
	
	.level1{
		background:#eeeeee;
	}
	
	.float-right {
    padding: 10px;
	float:none;
}

.toolbar {
	 padding: 10px;
}

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


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

}

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

.custom-logo {
	margin-left:60%;
	width: 142px;
	height: 142px;
	background: url(../../../images/Demo/logo.png) 50% 50% no-repeat;
	background-size: contain;
	margin-top:0px;
	position:relative;
}
	/* 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;
	}
	
	.events-content, .item-content {
    float: left;
    margin: 0 0;
    width: 100%;
}

	.item-info, .events .itemImageBlock {
    float: left;
    min-height: 10px;
    width: 100%;
}

.large.mybutton, .large.mybutton:visited {
    min-width: 240px;
}
#block-toolbar {
	padding:0px;
}
}