/* PECMS GALLERY MQ CSS */

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

 div.gallery						{ }
 div.gallery .inner					{ }
 div.gallery .inner .gimage				{ width: 480px; height: 320px; float: left; }

 div.gdetails						{ }
 div.gdetails .outer					{ width: 92%; }
 div.gdetails .outer .iimage				{ width: 23%; height: auto; float: left; margin: 1%; }

}

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

 div.gallery						{ }
 div.gallery .inner					{ }
 div.gallery .inner .gimage				{ }

 div.gdetails						{ }
 div.gdetails .outer					{ width: 99%; }
 div.gdetails .outer .iimage				{ width: 48%; height: auto; float: left; margin: 1%; }

}

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

 div.gallery						{ }
 div.gallery .inner					{ }
 div.gallery .inner .gimage				{ }

 div.gdetails						{ }
 div.gdetails .outer					{ width: 90%; }
 div.gdetails .outer .iimage				{ width: 100%; max-width: 408px; height: auto; margin: 10px auto; }

}

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

 .container_galeria					{ background: url('/zascianek/gfx/container_banner_desktop/zascianek-galeria-banner-desktop.jpg') no-repeat 50% 0; }

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

 .container_galeria					{ background: url('/zascianek/gfx/container_banner_mobile/zascianek-galeria-banner-mobile.jpg') no-repeat 50% 0; }

}