/* Maksymalny rozmiar > 1280px */

@media only screen and (min-width: 1024px) and (max-width: 1279px) { 
    .content {width: 980px;}
    #wrapper_content {width: 980px;}
    #left_side {width: 236px;}
    #side-nav {width: 196px;}
    #left_side .infobox {width: 170px;}
    #right_side {width: 630px;}
    #pag_position {left: 28px;}
    header .logo {left: 28px;}
    header nav {right: 48px; top: 38px;}
    header .subpage {width: 980px; margin-left: -490px;}
    
    .apla_content {left: 28px;}
    .apla_content p.naglowek {font: 900 45px/52px "Lato",sans-serif; padding: 0 0 30px;}
    .apla_content p.tresc {font: 400 18px/24px "Lato",sans-serif;}
    
    #galeria .galeria-item {margin: 0 15px 20px;}
    #kontakt-boxy .kontakt-box {width: 197px;}
    
    #right_side .aktualnosci-item {width: 630px;}
    #right_side .aktualnosci-item .akt-content {width: 343px;}
    
    #dane-kontaktowe .contact-left {width: 310px;}
    #formularz-kontaktowy {width: 630px;}
    #formularz-kontaktowy .f_kolumna_1 {width: 147px;}
    #formularz-kontaktowy .f_input {width: 129px;}
    #formularz-kontaktowy .f_tekst {width: 435px;}
    #formularz-kontaktowy .f_textarea {width: 417px;}
    
    #right_side iframe {width: 630px;}
    
    #right_side .oferta-item {width: 296px; height: 205px;}
    #right_side .oferta-item img {width: 296px; height: 205px;}
    #right_side .oferta-item .nazwa-kat {width: 220px; margin-left: -135px;}
}

/* Rozmiar 1024px - 1080px */

@media only screen and (min-width: 768px) and (max-width: 1023px) { 
    .content {width: 740px;}
    #wrapper_content {width: 740px;}
    header .logo {left: 20px;}
    header nav {right: 48px; top: 38px;}
    header .subpage {width: 740px; margin-left: -370px;}
    header .subpage .headline_1 { margin-top: 75px; }
    #mobile_menu {display: block;}
    
    #left_side {display: none;}
    #right_side {width: 660px;}
    .apla_content {left: 20px;}
    .apla_content p.naglowek {font: 900 40px/46px "Lato",sans-serif; padding: 0 0 30px;}
    .apla_content p.tresc {font: 400 18px/24px "Lato",sans-serif;}

    #galeria .galeria-item {width: 205px; height: 205px;}
    #galeria .galeria-item img { width: 205px; height: 205px;}
    #galeria .galeria-item .overlay {width: 205px; height: 205px; background-size: 205px 205px;}
    #kontakt-boxy .kontakt-box {}
    
    
    #dane-kontaktowe .contact-left {width: 363px;}
   
    #right_side .aktualnosci-item {width: 660px;}
    #right_side .aktualnosci-item .akt-content {width: 373px;}
    
    #formularz-kontaktowy {width: 642px;}
    #formularz-kontaktowy .f_kolumna_1 {width: 150px;}
    #formularz-kontaktowy .f_input {width: 132px;}
    #formularz-kontaktowy .f_tekst {width: 435px;}
    #formularz-kontaktowy .f_textarea {width: 417px;}
    
    #right_side iframe {width: 642px;}
}

/* Rozmiar 768px - 1010px */

@media only screen and (min-width: 533px) and (max-width: 767px) { 
    .content {width: 513px;}
    #mobile_menu {display: block;}
    #wrapper_content {width: 513px; padding-top: 264px;}
    header .subpage {width: 513px; margin-left: -257px;}
    #main-container { margin-top: -105px; height: 210px; }
    #main-container h1 {font-size: 70px; line-height: 70px;}
    #main-container h2 {font-size: 24px; line-height: 24px; padding: 12px 25px 12px 25px;}
    
    #left_side {display: none;}
    #right_side {width: 483px;  padding: 30px 15px;}
    
    footer .footer_top .firma { margin-left: 15px; }
    footer .footer_top .footer-kontakt, footer .footer_bottom span.atkom { right: 15px; }
    footer .footer_bottom span.copyright { left: 15px; }
    footer .footer_top .footer-kontakt .f-tel { margin-right: 15px; }

    #galeria .galeria-item {width: 233px; height: 233px;}
    #galeria .galeria-item img {width: 233px; height: 233px;}
    #galeria .galeria-item .overlay {width: 233px; height: 233px; background-size: 233px 233px;}
    #kontakt-boxy .kontakt-box {width: 226px;}
    #kontakt-boxy {text-align: left;}
    
    #right_side .akt-main-pic {width: 233px; height: 233px;   margin: 0 20px 10px 0;}
    #right_side .akt-main-pic img {width: 233px; height: 233px;}
    #right_side .akt-main-pic .overlay {width: 233px; height: 233px; background-size: 233px 233px;}
    
    #right_side .aktualnosci-item {width: 483px;}
    #right_side .aktualnosci-item .akt-content {width: 483px;}
    #right_side .aktualnosci-item img {display: none;}
    
    #dane-kontaktowe .form-btn-right {float: left;}
    #formularz-kontaktowy {width: 483px;}
    #formularz-kontaktowy .f_kolumna_1 {width: 227px;}
    #formularz-kontaktowy .f_input {width: 209px;}
    #formularz-kontaktowy .f_tekst {width: 286px;}
    #formularz-kontaktowy .f_textarea {width: 267px;}
    
    #right_side iframe {width: 483px;}
    
    #pag_position {left: 0px;}
    .apla_content {left: 20px; width: 430px}
    .apla_content p.naglowek {font: 900 30px/35px "Lato",sans-serif; padding: 0 0 30px;}
    .apla_content p.tresc {display: none;}
    
    #toTop {display: none !important;}
}

/* Rozmiar 533px - 767px */

@media only screen and (max-width: 532px) { 
    .content {width: 300px;}
    header {height: 128px;}
    header .subpage {width: 300px;}
    header .subpage {width: 300px; margin-left: -150px;}
    header .subpage .headline_1 {font: 400 36px/36px "Lato",sans-serif; margin-top: 75px;}
    header .subpage .headline_2 {font: 400 18px/18px "Lato",sans-serif;}
    #mobile_menu {display: block; width: 260px; margin-left: -130px;   top: 140px;}
    #right_side h1::before {display: none;}
    #wrapper_content {width: 300px; padding-top: 198px;}

    #main-container h1 {font-size: 42px; line-height: 42px; font-weight: 700;}
    #main-container h2 {font-size: 18px; line-height: 18px; padding: 12px 15px 12px 15px;}
    
    header .logo-subpage {width: 100px; height: 103px; margin-left: -50px;}
    #language p {display: none;}
    header .logo-subpage img {width: 100px; height: 103px;}
    #left_side {display: none;}
    #right_side {width: 260px;  padding: 30px 20px;}
    div#pag {margin-top: 18px;}
    #main-container .main-logo::before {display: none;}
    footer .footer_top { top: 77px; }
    footer .footer_top a.firma {display: none;}
    footer .footer_top .footer-kontakt { position: relative; right: 0; left: 0; display: block; text-align: center; }
    footer .footer_bottom { height: 30px; text-align: center; }
    footer .footer_bottom span.copyright { position: relative; left: 0; right: 0; display: block; margin-bottom: 7px; }
    footer .footer_bottom span.atkom { position: relative; left: 0; right: 0; display: block; }
/*    footer {height:89px;}
    footer .footer_top .footer-kontakt { width: 100%; position: relative; right: auto; top: 14px;}
    footer .footer_top .footer-kontakt .f-tel {left: 5px; position: absolute;  font: 400 13px/13px "Lato",sans-serif; padding: 0 0 0 19px;}
    footer .footer_top .footer-kontakt .f-mail {right: 5px; position: absolute; left: auto; font: 400 13px/13px "Lato",sans-serif; padding: 0 0 0 19px;}
    footer .footer_top .footer-kontakt .f-adres {display: none;}
    footer .footer_top {height: 44px;}
    footer .footer_bottom {height: 45px;}
    footer .footer_bottom span.copyright {position: relative; left: auto; display: block; text-align: center; margin: 0px 0 6px 0;}
    footer .footer_bottom span.atkom {position: relative; left: auto; display: block; text-align: center; right: auto; margin: 0 0 0 0;}*/

    #kontakt-boxy .kontakt-box {width: 226px;}
    #kontakt-boxy {text-align: left;}
    
/*    #right_side .aktualnosci-item {width: 280px;}
    #right_side .aktualnosci-item .akt-content {width: 280px;}
    #right_side .aktualnosci-item img {display: none;} */
    
    #toTop {display: none !important;}
    
    #formularz-kontaktowy {width: 260px;}
    #formularz-kontaktowy .f_kolumna_1 {width: 260px; margin-right: 0px;}
    #formularz-kontaktowy .f_input {width: 240px;}
    #formularz-kontaktowy .f_tekst {width: 240px;}
    #formularz-kontaktowy .f_textarea {width: 240px;}
    #formularz-kontaktowy .right_form {float: none;}
    #formularz-kontaktowy .f_button { width: 264px; float: none; }
    
    #right_side iframe {width: 260px;}
    #right_side h2 {font: 400 20px/27px "Lato",sans-serif;}
    #right_side h1 {font: 700 32px/38px "Lato",sans-serif; padding-left: 0;}
    #right_side h1::before {display: none;}
    #right_side .akt-main-pic {float: none;}
    #dane-kontaktowe .contact-left {width: 260px;}
    
	#galeria .galeria-item { width: 260px; height: 260px; margin: 0 0 10px 0; }
	#galeria .galeria-item img { width: 260px; height: 260px; }
	
    #right_side .akt-main-pic  {margin: 0 auto 10px;}
    #formularz-kontaktowy .f_button
      #pag_position {left: 0px;}
    .apla_content {left: 20px; width: 260px; top: 140px;}
    .apla_content p.naglowek {font: 900 30px/34px "Lato",sans-serif; padding: 0 0 30px;}
    .apla_content p.tresc {font: 400 15px/22px "Lato",sans-serif; overflow: hidden; height: 30px;}
    
/*   #right_side table { width: 100%; border-collapse: collapse; border-spacing: 0; }

   #right_side table th,
   #right_side table td { margin: 0; vertical-align: top; text-align: left; border: none;   padding: 15px;}
   #right_side table th { text-align: left;  padding: 15px 10px;}

   #right_side table { display: block; position: relative; width: 100%; }
   #right_side thead { display: block; float: left; }
   #right_side tbody { display: block; width: auto; position: relative; overflow-x: auto; white-space: nowrap; }
   #right_side thead tr { display: block; }
   #right_side th { display: block; text-align: right; }
   #right_side tbody tr { display: inline-block; vertical-align: top; }
   #right_side td { display: block; min-height: 1.25em; text-align: left; }

   #right_side th { border-bottom: 0; border-left: 0; }
   #right_side td { border-left: 0; border-right: 0; border-bottom: 0; }
   #right_side tbody tr {  }
   #right_side th:last-child,
   #right_side td:last-child { }*/
}