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

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


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

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

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

	#maininner:before {
		content: "";
		display: block;
		position: absolute;
		bottom: 0;
		left: 15px;
		right: 15px;
		height: 1px;
		background: url(../images/line_dotted.png) 0 100% repeat-x;
	}

	/* Menu */
	.menu-dropdown a.level1 > span,
	.menu-dropdown span.level1 > span {
		padding-left: 5px;
		padding-right: 5px;
	}

}

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

	/* Modules */
	#sidebar-a .grid-v:first-child > .mod-line:before,
	#sidebar-b .grid-v:first-child > .mod-line:before { display: none; }

}

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

	/* Layout */
	#block-toolbar,
	#logo,
	#menu { display: none; }
	#footer .float-left, #footer .float-right{float:none; margin:10px auto;}
	#footer ul.menu li:first-child{padding-left:0;}
	#block-main .module {width:auto;}
	.typo-column2, .typo-column3, .typo-column4 {width:auto; float:none; margin:40px 0 30px 0!important;}
	.typo-last-column {margin-bottom:0!important;}
	.width50{ width: 100%; }
	.nspCol4 { width: 50%; }
	.nspCol4 img.nspImage{width:100%!important;}
	.nspArt.nspCol4 {padding-bottom:10px!important; padding-top:10px!important;}
	#header-responsive{padding-top:-20px;}
	#header{
		
		border-bottom:0;
		
		
		}
	select.menu-responsive{
		padding:10px 5px; 
		background:#401c03; 
		color:#ffffff;
		margin-top:20px;
		
}

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

	/* Layout */
	#maininner:before { display: none; }

	/* Modules */
	#block-main .grid-h .mod-line:before {
		content: "";
		display: block;
		position: absolute;
		top: -15px;
		left: 0;
		right: 0;
		height: 1px;
		background: url(../images/line_dotted.png) 0 100% repeat-x;
	}
	#block-main .grid-h:first-child > .mod-line:before { display: none; }
	.xtypo_column2, .xtypo_column3, .xtypo_column4 {width:100%; float:none; margin:0 0 25px 0;}

}