/* 4. Pointer 1024px - 1280px */

@media only screen and (min-width: 1024px) and (max-width: 1279px) { 
    header {min-width: 980px;}
    .content {width: 980px;}
    header .logo-tk {right: 65px;}
    #main-boxes {min-width: 980px;}
    #main-boxes .box {margin: 0 54px 0 0; width: 290px;}
    #main-news {min-width: 980px;}
    #main-news .news-item {width: 980px;}
    #main-parallax {min-width: 980px; height: 386px; padding: 54px 0 0;}
    #main-parallax .kontakt-box {margin: 0 42px 35px 42px;}
    #footer-bottom, footer {min-width: 980px;}
    #subpage {min-width: 980px;}
    #right-column {width: 674px;}
    #subpage .logo-subpage {right: 166px;}
    #galeria a {width: 216px; height: 216px;}
    #galeria a img {width: 216px; height: 216px;}
    #galeria a span.overlay {width: 216px; background-size: 216px 216px;} 
    #galeria a:hover span.overlay {height: 216px;}
    #right-column h1, #right-column .edit_content h1 { font: 700 44px/50px "Lato",sans-serif;}
    #right-column .edit_content .left-contact {width: 370px;}
    #formularz-kontaktowy {width: 674px;}
    
    #formularz-kontaktowy .f_kolumna_1 {width: 153px;}
    #formularz-kontaktowy .f_input {width: 134px;}
    #formularz-kontaktowy .f_tekst {width: 450px;}
    #formularz-kontaktowy .f_textarea {width: 430px;}
}

/* 3. Pointer 768px - 1024px */

@media only screen and (min-width: 768px) and (max-width: 1023px) { 
    #nav-side {display: none;}
    header {min-width: 740px;}
    .content {width: 740px;}
    header .logo-tk {right: 50%; margin-right: -295px;}
    #main-boxes {min-width: 740px; padding-bottom: 0; text-align: left; padding-top: 40px;}
    #main-boxes .box {width:368px; margin: 0 0px 50px 0; float: none; display: inline-block;}
    #main-news {min-width: 740px;}
    #main-news .news-item {width: 740px;}
    #main-parallax {min-width: 740px; height: 386px; padding: 54px 0 0;}
    #footer-bottom, footer {min-width: 740px;}
    #mobile-header {display: block;}
    #toTop {display: none !important;}
    #main-parallax .kontakt-box {margin: 0 42px 35px 42px;}
    
    #subpage {min-width: 740px;}
    #left-column {display: none;}
    #right-column {width: 740px;}
    #subpage .logo-subpage {right: 170px;}
    #subpage .logo-apla {display: none;}
    #mobile-header .logo {background: transparent;}
    
    #galeria a {width: 238px; height: 238px;}
    #galeria a img {width: 238px; height: 238px;}
    #galeria a span.overlay {width: 238px; background-size: 238px 238px;} 
    #galeria a:hover span.overlay {height: 238px;}
    
    #formularz-kontaktowy {width: 740px;}
    #formularz-kontaktowy .f_kolumna_1 {width: 170px;}
    #formularz-kontaktowy .f_input {width: 150px;}
    #formularz-kontaktowy .f_tekst {width: 508px;}
    #formularz-kontaktowy .f_textarea {width: 488px;}
}

/* 2. Pointer 533px - 768px */

@media only screen and (min-width: 533px) and (max-width: 767px) { 
    #nav-side {display: none;}
    header {min-width: 513px;}
    #mobile-header {min-width: 513px;}
    .content {width: 513px;}
    header .logo-tk {right: 50%; margin-right: -256px;  top: 116px; width: 513px; height: 236px;}
    #main-boxes {min-width: 513px; padding-bottom: 0; text-align: center; padding-top: 40px;}
    #main-boxes .box {width: 430px; margin: 0 0px 50px 0; float: none; display: inline-block; text-align: center;}
    #main-news {min-width: 513px;}
    #main-news .news-item {width: 513px;}
    #main-parallax {min-width: 513px;  height: 776px; padding: 54px 0 0; background-attachment: scroll;}
    #footer-bottom, footer {min-width: 513px;}
    #mobile-header {display: block;}
    #toTop {display: none !important;}
    #main-parallax .kontakt-box {margin: 0 42px 35px 42px;}
    
    #subpage {min-width: 513px;}
    #left-column {display: none;}
    #right-column {width: 513px;}
    #subpage .logo-subpage {right: 40px;}
    #subpage .logo-apla {display: none;}
    #mobile-header .logo {background: transparent; padding: 0 0 0 15px;}
   
    #right-column h1, #right-column .edit_content h1 {font: 700 42px/48px "Lato",sans-serif;}
    #right-column .edit_content .right-contact, #right-column .edit_content .left-contact {float: none;}
    
    #formularz-kontaktowy {width: 513px;}
    #formularz-kontaktowy .f_kolumna_1 {width: 236px;}
    #formularz-kontaktowy .f_input {width: 216px;}
    #formularz-kontaktowy .f_tekst {width: 491px;}
    #formularz-kontaktowy .f_textarea {width: 471px;}
    #formularz-kontaktowy .right_form {float: none;}
}

/* 1. Pointer 320px - 533px */

@media only screen and (max-width: 532px) { 
    #nav-side {display: none;}
    header {min-width: 300px; height: 335px;}
    #mobile-header {min-width: 300px;}
    #mobile-header .logo {  padding: 0 0 0 10px;}
    .content {width: 300px;}
    header .logo-tk {right: 50%; margin-right: -150px;  top: 116px; width: 300px; height: 138px;}
    #main-boxes {min-width: 300px; padding-bottom: 0; text-align: center; padding-top: 40px;}
    #main-boxes .box {width: 300px; margin: 0 0px 50px 0; float: none; display: inline-block; text-align: center;}
    #main-news {min-width: 300px;}
    #main-news .news-item {width: 300px;}
    #main-parallax {min-width: 300px;  height: 776px; padding: 54px 0 0; background-attachment: scroll;}
    #footer-bottom, footer {min-width: 300px; height: 42px;}
    #mobile-header {display: block;}
    #toTop {display: none !important;}
    #main-parallax .kontakt-box {margin: 0 0px 35px 0px;}
    #footer-bottom .copyright {float: none; display: block; text-align: center; margin: 0 0 5px 0;}
    #footer-bottom .atkom {float: none; display: block; text-align: center; margin: 0 0 0 0;}
 
    #subpage {min-width: 300px;}
    #left-column {display: none;}
    #right-column {width: 300px;}
    #subpage .logo-subpage {right: 20px; top: 24px; width: 280px; height: 100px;}
    #subpage .logo-apla {display: none;}
    #mobile-header .logo {background: transparent; padding: 0 0 0 15px; }
    
    #subpage #mobile-header .logo {display: none;}
    #main-news .news-item .news-title, #right-column .news-item .news-title { font: 700 20px/24px "Lato",sans-serif; height: 52px;}
    #main-news .news-item p, #right-column .news-item p { font: 400 15px/20px "Lato",sans-serif;}
    
    #right-column .edit_content .left-contact, #right-column .edit_content .right-contact {width: 300px;}
    
    #formularz-kontaktowy {width: 300px;}
    #formularz-kontaktowy .f_kolumna_1 {width: 300px; margin-right: 0;}
    #formularz-kontaktowy .f_input {width: 281px;}
    #formularz-kontaktowy .f_tekst {width: 300px;}
    #formularz-kontaktowy .f_textarea {width: 281px;}
    #formularz-kontaktowy .right_form {float: none;}
}