/* --------------- Mobile Version by e-Maco and RYBOXX DESIGN --------------- */

@media screen and (min-width:320px) and (max-width:767px) {

#wrapper {
	width: 100%;
}

#inside-wrapper {
	width: 100%;
	margin: 0;
	padding: 0;
}

.logo-box {
	float: none;
	width: 100%;
}

.logo-box .logo {
	top: 0;
	left: 60px;
	top: 30px;
}

.logo-box .logo img {
	width: 100%;
}

.phone-box {
	float: none;
	width: 100%;
	margin-left: 0;
	margin-top: 0;
}

.phone-box .number {
	font-size: 18px;
}

.ofirmie-box {
	width: 90%;
	padding: 5%;
}

.oferta-box {
	width: 90%;
	margin-left: 0;
	padding: 5%;
}

.oferta-box .img-box img {
	width: 100%;
}

.map-box {
	width: 100%;
}

.map-box iframe {
	wdith: 100%;
}

.contact-box {
	width: 100%;
	margin-left: 0;
}

.contact-box .button {
	width: 80px;
	background-position: -40px 0px;
}

.contact-box .dane {
	font-size: 12px;
}

.copyright {
	font-size: 10px;
}

.copyright p {
	margin-right: 5%;
	padding-bottom: 10px;
}


.logo-box, .phone-box, .ofirmie-box, .oferta-box, .map-box, .contact-box {
	-webkit-box-shadow: none;
	box-shadow: none;
} 

}

@media screen and (min-width:481px) and (max-width:767px) {

.logo-box .logo {
	top: 15px;
}

.logo-box .logo img {
	width: 80%;
}

.map-box iframe {
	margin-left: 18%;
}

.contact-box .button {
	width: 158px;
	background-position: 0px 0px;
}

.contact-box .dane {
	font-size: 13px;
}

}

@media screen and (min-width:768px) and (max-width:954px) {
	
#wrapper {
	width: 100%;
}

#inside-wrapper {
	width: 100%;
	margin: 0;
	padding: 15px 0px;
}

.logo-box {
	width: 49%;
}

.logo-box .logo {
	top: 0;
	left: 55px;
	top: 25px;
}

.logo-box .logo img {
	width: 100%;
}

.phone-box {
	width: 49%;
	margin-left: 2%;
	margin-top: 37px;
}

.phone-box .number {
	font-size: 25px;
}

.ofirmie-box {
	width: 43%;
	padding: 3%;
}

.oferta-box {
	width: 43%;
	margin-left: 2%;
	padding: 3%;
}

.oferta-box .img-box img {
	width: 100%;
}

.map-box {
	width: 49%;
}

.map-box iframe {
	wdith: 100%;
}

.contact-box {
	width: 49%;
	margin-left: 2%;
}

.contact-box .button {
	width: 158px;
	background-position: 0px 0px;
}

.contact-box .dane {
	font-size: 12px;
}

.contact-box .dane {
	font-size: 12px;
}

.copyright {
	font-size: 10px;
}

.copyright p {
	margin-right: 5%;
	padding-bottom: 10px;
}

.logo-box, .phone-box, .ofirmie-box, .oferta-box, .map-box, .contact-box {
	-webkit-box-shadow: none;
	box-shadow: none;
}
	
}