@charset "utf-8";
/* ***************************************************** */
/*
/*  copyright 2017
/*  PIXMEDIA - Jakub Kribik
/*  www.pixmedia.cz
/*  info@pixmedia.cz
/*
/* ***************************************************** */
/* wide mobile layout */
@media only screen and (max-width: 767px) and (min-width: 480px) {
	.content-in{
		width:440px;
		_background-color:rgba(0,0,255,0.2);
	}
	.content-in .menu{
		margin:0 0 10px;
		clear:both;
		float:none;
	}
	.content-in .menu li{
		padding:20px 15px;
		padding:5px 0;
		width:50%;
		text-align:center;
	}
	.content-in .social{
		padding:10px 20px;
		clear:right;
	}
	.content-in .social li{
		padding:10px 10px;
	}
	#header{
		background:transparent;
	}
	#header .content-in{
		_background-image:url(img/header-in-back-nologo.jpg);
		background-position:center 55px;
		background-size:100%;
	}
	#header .box-background{
		height:70px;
	}
	#header a#logo{
		margin:0 auto;
		width:100%;
		float:none;
		text-align:center;
	}
	#header .menu{
		margin:0 0 20px;
		display:none;
	}
	#header .social{
		display:none;
	}
	#header .box-background2{
		margin:155px 0 0 0;
		height:auto;
		background:#303030;
	}
	#header .box-background2,
	#header .box-background2 *{
		font-size:20px;
	}
	#header .box-background2 h2{
		padding:20px 0 10px 0;
	}
	#menu2 .content-in{
		padding:0 0 40px;
		height:auto;
		background-size:cover;
	}
	#menu2 ul{
		padding:30px 0 0;
		width:440px;
	}
	#menu2 ul li{
		padding:0 2% 30px;
		width:46%
	}
	#menu2 ul li:nth-child(3){
		clear:left;
	}
	#menu2 ul li a{
		font-size:20px;
	}
	#content .content-in{
		padding:20px !important;
		width:400px;
	}
	#content .content-in #banner1{
		display:none;
	}
	#kontaktni-formular form{
		padding:30px 20px 40px;
		width:400px;
	}
	#kontaktni-formular p{
		margin:0;
	}
	#kontaktni-formular p.inputs br{
		display:block;
	}
	#kontaktni-formular #form_jmeno{
		width:170px;
	}
	#kontaktni-formular #form_tel{
		margin-right:0;
		width:290px;
	}
	#kontaktni-formular #form_email{
		width:265px;
	}
	#kontaktni-formular #form_skola{
		margin-right:0;
		width:270px;
	}
	#kontaktni-formular #form_obor{
		width:275px;
	}
	#kontaktni-formular #form_bydliste{
		width:250px;
	}
	#footer{
		background:transparent;
	}
	#footer .box-background{
		padding:20px 0 0 0;
		text-align:center;
	}
	#footer .box-background2{
		margin-top:0;
	}
	#footer .menu,
	#footer .social{
		margin:0 auto;
		width:auto;
		clear:both;
		display:inline-block;
		float:none;
	}
	#footer .box-background2{
		text-align:center;
	}
	#footer p,
	#footer #created{
		float:none;
		text-align:center;
	}
}