/* PECMS COMMON MQ CSS */

@media only screen and (min-width: 1000px) {

 #footer						{ height: 285px; }

 #header .tbar						{ }
 #header .logo						{ width: 220px; height: 100px; float: left; margin-top: -40px; }
 #header .logo a					{ }
 #header .logo a img					{ }
 #header .mmobile					{ display: none; }
 #header .menu						{ width: 680px; height: 60px; margin-left: 260px; }
 #header .menu ul					{ height: 60px; }
 #header .menu ul li					{ float: left; }
 #header .menu ul li a.main				{ width: 84px; }
 #header .menu ul li a.restauracja			{ width: 118px; }
 #header .menu ul li a.fare				{ width: 76px; }
 #header .menu ul li a.oferta				{ width: 78px; }
 #header .menu ul li a.galeria				{ width: 86px; }
 #header .menu ul li a.wydarzenia			{ width: 126px; }
 #header .menu ul li a.kontakt				{ width: 94px; }
 #header .menu ul li a.active				{ color: #3C6C3A; }

 #footer .social					{ width: 30%; float: left; }
 #footer .social .facebook				{ margin: 20px 0px 0px 60px; }
 #footer .social .facebook a				{ margin: 0 auto; }
 #footer .social .googleplus				{ margin: 20px 0px 0px 20px; }
 #footer .social .googleplus a				{ margin: 0 auto; }
 #footer .menu						{ width: 15%; float: left; }
 #footer .hours						{ width: 30%; float: left; }
 #footer .address					{ width: 25%; float: left; }
 #footer .zascianek					{ float: left; height: 40px; line-height: 40px; margin-left: 60px; }
 #footer .ftpstudio					{ float: right; height: 40px; line-height: 40px; margin-right: 60px; }

 div.inner						{ width: 1000px; margin: 0 auto; }

 div.imaginary						{ }
 div.imaginary .igrbox					{ float: left; }

 div.imaginary-headers					{ }
 div.imaginary-headers .igrbox				{ width: 480px; height: 320px; float: left; margin: 5px; }

 .for_mobile						{ display: none !important; }
 .for_mobile						{ display: none !important; }
 .for_desktop						{ display: block !important; }

}

@media only screen and (min-width: 768px) and (max-width: 999px) {

 #header .tbar						{ }
 #header .logo						{ width: 100px; height: 45px; float: left; margin: 10px 0px 0px 5px; }
 #header .logo a					{ }
 #header .logo a img					{ }
 #header .mmobile					{ }
 #header .menu						{ display: none; background-color: #3C6C3A; }
 #header .menu ul					{ }
 #header .menu ul li					{ }
 #header .menu ul li a					{ color: #FFFFFF; padding: 4px 0px; }
 #header .menu ul li a.active				{ color: #EEEEEE; }
 #header .menu ul li a:hover				{ color: #3C6C3A; background-color: #FFFFFF; }

 #footer .inner						{ width: 95%; margin: 0 auto; }
 #footer .social					{ width: 100%; }
 #footer .social .facebook				{ width: 50%; margin-top: 20px; }
 #footer .social .facebook a				{ float: right; margin-right: 20px; }
 #footer .social .googleplus				{ width: 50%; margin-top: 20px; }
 #footer .social .googleplus a				{ float: left; margin-left: 20px; }
 #footer .menu						{ width: 20%; float: left; }
 #footer .hours						{ width: 50%; float: left; }
 #footer .address					{ width: 30%; float: left; }
 #footer .zascianek					{ padding-top: 20px; text-align: center; }
 #footer .ftpstudio					{ padding-bottom: 20px; text-align: center; }

 p							{ padding: 0px 5px 10px 5px; }
 p img							{ max-width: 95% !important; height: auto !important; float: none !important; margin: 0 auto 10px auto !important; display: block !important; }

 div.imaginary						{ }
 div.imaginary .igrbox					{ float: left; }

 div.imaginary-headers					{ }
 div.imaginary-headers .igrbox				{ width: 48%; max-width: 470px; height: auto; float: left; margin: 1%; }

 .for_desktop						{ display: none !important; }
 .for_mobile						{ display: none !important; }
 .for_mobile						{ display: block !important; }

}

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

 #header .tbar						{ }
 #header .logo						{ width: 90px; height: 41px; float: left; margin: 10px 0px 0px 5px; }
 #header .logo a					{ }
 #header .logo a img					{ }
 #header .mmobile					{ }
 #header .menu						{ display: none; background-color: #3C6C3A; }
 #header .menu ul					{ }
 #header .menu ul li					{ }
 #header .menu ul li a					{ color: #FFFFFF; padding: 4px 0px; }
 #header .menu ul li a.active				{ color: #C3C3C3; }
 #header .menu ul li a:hover				{ color: #3C6C3A; background-color: #FFFFFF; }

 #footer .inner						{ width: 95%; margin: 0 auto; }
 #footer .social					{ width: 100%; }
 #footer .social .facebook				{ width: 50%; margin-top: 20px; }
 #footer .social .facebook a				{ margin: 0 auto; }
 #footer .social .googleplus				{ width: 50%; margin-top: 20px; }
 #footer .social .googleplus a				{ margin: 0 auto; }
 #footer .zascianek					{ padding-top: 20px; text-align: center; }
 #footer .ftpstudio					{ padding-bottom: 20px; text-align: center; }

 p							{ padding: 0px 5px 10px 5px; /* margin: 0px !important; padding: 0px 10px 15px 10px !important; */}
 p img							{ max-width: 95% !important; height: auto !important; float: none !important; margin: 0 auto 10px auto !important; display: block !important; }

 div.imaginary						{ }
 div.imaginary .igrbox					{ max-width: 480px; height: auto; float: left; }
 div.imaginary .igrbox img				{ width: 100% !important; height: auto !important; }

 div.imaginary-headers					{ }
 div.imaginary-headers .igrbox				{ max-width: 480px; height: auto; float: none; margin: 0 auto 10px auto; }

 .for_desktop						{ display: none !important; }
 .for_mobile						{ display: none !important; }
 .for_mobile						{ display: block !important; }

}

@media only screen and (min-width: 1025px) {

 #header						{ height: 500px; }

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

 #header						{ height: 260px; }

}