/* 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) {
	.menu-dropdown a.level1 > span, .menu-dropdown span.level1 > span {
		padding: 0 10px;
	}
	.menu-dropdown a.level1, .menu-dropdown span.level1 {
		font-size: 11px;
	}
	ul.i_want_to_buttons li {
		margin: 0 0 5px;
		width: 100%;
	}
	ul.i_want_to_buttons li br {
		float: left;
	}
	ul.i_want_to_buttons li strong {
		padding-left: 10px;
		position: relative;
	}
	ul.i_want_to_buttons li strong::before {
		content: "-";
		left: -5px;
		position: relative;
	}

}

/* 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,
	#menubar,
	#breadcrumbs,
	#totop-scroller { display: none; }
	#logo img {display: none;}
	.mod-box {padding: 0px;}
	.module {margin: 5px;}
	#headerbar a#logo {display: none;}
	#maininner .mod-box {margin: 0px;}
	#maininner {padding-right: 0px;}
	section#top-a .module.mod-box.testing.hide-mobile {display: none;}
	section#innerbottom ul.i_want_to_buttons {padding: 10px;}
}

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

}

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

	/* 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;
	}

}
/* Only Tablets and Desktop */
@media (min-width: 768px) {
	section#innerbottom .module.mod-box.testing.hide-desktop {display: none;}
}