/* --------------------------------------------------------------------------------
 * Layout
 * ----------------------------------------------------------------------------- */
body {
    display: block;
    margin: auto;
	font-family: "Muli", sans-serif;
	font-size:16px;
	min-width:320px;
}

#wrapper {
	position: relative;
	background: #ffffff;
	min-width:320px;
}

#header_offset,
#header,
#container,
#section,
#footer,
#footer_main,
#footer_bottom {
    clear: both;
    display: block;
	position: relative;
}


.padding-top-s
{
	margin-top:12px;
}
.onlymobile
{
	display:none!important;
}

.only320
{
	display:none;
}

.not320
{
	display:block;
}

/* --------------------------------------------------------------------------------
 * Responsive Design
 * ----------------------------------------------------------------------------- */


/* --- Large devices - Desktop // xxl
 * ---------------------------------------- */

@media only screen and (max-width: 1560px) {
	
}


/* --- Large devices - Desktop // xl
 * ---------------------------------------- */
 
@media only screen and (max-width: 1380px) {
	
	
}


/* --- Large devices - Desktop // lg
 * ---------------------------------------- */
 
@media only screen and (max-width: 1199px) {
	
	
}

/* --- Medium devices - Tablet // md
 * ---------------------------------------- */
 
@media only screen and (max-width: 991px) {
	
	.onlymobile
	{
		display:block!important;
	}

}

/* --- Small devices - Phone // sm
 * ---------------------------------------- */
 
@media only screen and (max-width: 767px) {
	
	#main{
		max-width:100%;
	}

}

/* --- Small devices - Phone // s
 * ---------------------------------------- */
 
@media only screen and (max-width: 639px) {

	#wrapper,
	#main
	{
		width: 100%;
	}

	.only320
	{
		display:block;
	}

	.not320
	{
		display:none;
	}

}


/* --- Extra small devices - Phone // xs
 * ---------------------------------------- */
 
@media only screen and (max-width: 544px) {
	

	
}