@media only screen and (min-width: 1366px) and (max-width: 1400px) { 
   #wrapper .right-addon {right: -54px;}
   #wrapper .left-addon {left: -57px;}
   
}

@media only screen and (min-width: 1280px) and (max-width: 1365px) { 
   #wrapper .right-addon {right: -92px;}
   #wrapper .left-addon {left: -96px;}
   
}

/* Maksymalny rozmiar > 1280px */

@media only screen and (min-width: 1024px) and (max-width: 1279px) { 
   header {min-width: 984px} 
   #wrapper {min-width: 984px} 
   #wrapper:after {min-width: 984px} 
   #wrapper .big-text { font: 600 68px/72px "Titillium Web",sans-serif;}
   #wrapper .small-text {font: 400 35px/40px "Titillium Web",sans-serif;}
   #wrapper .right-addon {right: -120px;}
   #wrapper .left-addon {left: -126px;}
   
   #main-about {min-width: 984px} 
   #main-about .text-side {width: 560px;}
   
   #main-oferta {min-width: 984px; overflow: hidden;} 
   #main-oferta:before {min-width: 984px} 
   
   #dane-kontaktowe {min-width: 984px; height: 260px;}
   #dane-kontaktowe .f-adres {margin: 46px 43px 0 0;}
   #dane-kontaktowe .f-mail {float: left;}
   
   #main-parallax {min-width: 984px;}
   #map {min-width: 984px;}
   footer {min-width: 984px;}
   
   #right-content {width: 608px;}
   #right-content .oferta-item {width: 608px;}
   #right-content .oferta-item img {width: 280px; height: 195px;}
   #right-content .content-side {width: 306px;}
   
   #formularz-kontaktowy {width: 608px;}
   #formularz-kontaktowy .f_kolumna_1 {width: 288px;}
   #formularz-kontaktowy .f_input {width: 267px;}
   #formularz-kontaktowy .f_tekst {width: 400px; margin-right: 18px;}
   #formularz-kontaktowy .f_textarea {width: 379px;}
   #formularz-kontaktowy .right_form {float: left;}
   
   #desktop nav a {margin: 10px 0 10px 86px;}
   .content {width: 984px} 
   #sub-parallax {min-width: 984px} 
   #sub-content {width: 984px}

   
}

/* Rozmiar 1024px - 1080px */

@media only screen and (min-width: 768px) and (max-width: 1023px) { 
    
    header {min-width: 720px;}
    #wrapper {min-width: 720px;}
    #wrapper .big-text { font: 600 62px/66px "Titillium Web",sans-serif;}
    #wrapper .small-text {font: 400 30px/35px "Titillium Web",sans-serif;  text-shadow: 3px 2px 0 rgba(8, 77, 116, 1);}
    #wrapper .left-addon {opacity: 0.3;}
    #wrapper .right-addon {opacity: 0.3;}
    #wrapper::after {min-width: 720px;}
    #main-about {min-width: 720px;}
    #main-about .e-parallax {float: none; margin: 0 auto;}
    #main-about .text-side {float: none; width: 720px; margin: 0 auto;}
    #main-oferta {min-width: 720px;}
    #main-oferta .btn-more { margin: 28px auto;}
    #main-parallax {min-width: 720px;}
    #main-parallax .e-zalety .small-text {font: 600 42px/48px "Titillium Web",sans-serif;}
    #map {min-width: 720px;}
    footer {min-width: 720px;}
    
    #dane-kontaktowe {min-width: 720px; height: 272px;}
    
    #left-content {display: none;}
    #right-content {width: 660px; padding: 40px 30px 40px 30px;}
    #right-content .oferta-item {width: 660px;}
    #sub-parallax {min-width: 720px;} 
    #sub-content {width: 720px;}
     
    .content {width: 720px;}
    #desktop {display: none;}
    #mobile-header {display: block;}
    #toTop {display: none !important;}
    
    #right-content .oferta-item img {width: 280px; height: 195px;}
    #right-content .content-side {width: 350px;}
    
    #mobile-contact { display: block;}
    
    #formularz-kontaktowy {width: 680px; margin-top: 65px;}
    #formularz-kontaktowy .f_kolumna_1 {width: 288px; margin-right: 52px;}
    #formularz-kontaktowy .f_input {width: 267px;}
    #formularz-kontaktowy .f_tekst {width: 440px; margin-right: 18px;}
    #formularz-kontaktowy .f_textarea {width: 419px;}
    #formularz-kontaktowy .right_form {float: left;}
}

/* Rozmiar 768px - 1010px */

@media only screen and (min-width: 533px) and (max-width: 767px) { 
 
    header {min-width: 513px;}
    #wrapper {min-width: 513px;}
    #wrapper .big-text { font: 600 56px/60px "Titillium Web",sans-serif;}
    #wrapper .small-text {font: 400 26px/32px "Titillium Web",sans-serif;  text-shadow: 3px 2px 0 rgba(8, 77, 116, 1);}
    #wrapper .left-addon {opacity: 0.3;}
    #wrapper .right-addon {opacity: 0.3;}
    #wrapper::after {min-width: 513px;}
    #main-about {min-width: 513px; padding: 4px 0 30px 0;}
    #main-about .e-parallax {float: none; margin: 0 auto; width: 300px !important; height: 300px !important; min-height: 300px !important;}
    #main-about .e-parallax img {width: 300px !important; height: 300px !important;}
    #main-about .text-side {float: none; width: 513px; margin: 0 auto;}
    #main-oferta {min-width: 513px;}
    #main-oferta h2 {font: italic 600 28px/34px "Titillium Web",sans-serif;}
    #main-oferta .btn-more { margin: 28px auto;}
    #main-parallax {min-width: 513px;}
    #main-parallax .e-zalety .small-text {font: 600 42px/48px "Titillium Web",sans-serif;}
    #map {min-width: 513px;}
    footer {min-width: 513px;}
    
    #dane-kontaktowe {min-width: 513px; height: 340px;}
    #dane-kontaktowe .f-adres {padding: 0 0 0 46px;}
    #dane-kontaktowe .f-tel {padding: 0 0 0 46px;}
    #dane-kontaktowe .f-mail {padding: 0 0 0 50px; float: left;}
    #dane-kontaktowe .f-adres h1, #dane-kontaktowe .f-tel h1, #dane-kontaktowe .f-mail h1 {font: italic 600 26px/28px "Titillium Web",sans-serif; margin: 0 0 6px;}
    #dane-kontaktowe .f-adres p, #dane-kontaktowe .f-tel p, #dane-kontaktowe .f-mail a { font: 300 18px/22px "Titillium Web",sans-serif;}
    #dane-kontaktowe .f-adres::before {width: 33px; height: 45px; background-size: 33px 45px; top: 5px;}
    #dane-kontaktowe .f-tel::before {width: 32px; height: 42px; background-size: 32px 42px; top: 9px;}
    #dane-kontaktowe .f-mail::before {width: 40px; height: 42px; background-size: 40px 42px; top: 8px;}
    
    #main-parallax {  height: 225px;  padding: 140px 0 0;}
    #main-parallax .e-zalety {padding: 0 0 0 114px; width: 390px;}
    #main-parallax .e-zalety::before {width: 100px; height: 99px; background-size: 100px 99px; top: 5px;}
    #main-parallax .e-zalety .big-text { font: 600 59px/64px "Titillium Web",sans-serif;}
    #main-parallax .e-zalety .small-text { font: 600 32px/40px "Titillium Web",sans-serif;}
    
    #left-content {display: none;}
    #right-content {width: 453px; padding: 40px 30px 40px 30px; float: none;}
    #right-content .oferta-item {width: 460px;}
    #sub-parallax {min-width: 513px;} 
    #sub-content {width: 513px;}
     
    .content {width: 513px;}
    #desktop {display: none;}
    #mobile-header {display: block; min-width: 513px;}
    #toTop {display: none !important;}
    
    #right-content .oferta-item img {width: 280px; height: 195px;}
    #right-content .content-side {width: 453px; margin-top: 10px;}
   
    
    #mobile-contact { display: block;}
    #mobile-contact .mobile-mail {float: left; margin: 30px 0 0 0;}
    
    #formularz-kontaktowy {width: 453px; margin-top: 65px;}
    #formularz-kontaktowy .f_kolumna_1 {width: 212px; margin-right: 14px;}
    #formularz-kontaktowy .f_input {width: 190px;}
    #formularz-kontaktowy .f_tekst {width: 437px; margin-right: 0px;}
    #formularz-kontaktowy .f_textarea {width: 416px;}
    #formularz-kontaktowy .right_form {float: left; padding-bottom: 0;}

}

/* Rozmiar 533px - 767px */

@media only screen and (max-width: 532px) { 
    
    #mobile-header .logo {width: 200px; height: 36px; margin: 34px auto 0;}
    #mobile-header .logo img {width: 200px; height: 36px;}    
    
    header {min-width: 300px;}
    #wrapper {min-width: 300px;}
    #wrapper .big-text { font: 600 48px/50px "Titillium Web",sans-serif;}
    #wrapper .small-text {font: 400 26px/32px "Titillium Web",sans-serif;  text-shadow: 3px 2px 0 rgba(8, 77, 116, 1);}
    #wrapper .left-addon {opacity: 0.3; display: none;}
    #wrapper .right-addon {opacity: 0.3; display: none;}
    #wrapper::after {min-width: 300px;}
    #main-about {min-width: 300px; padding: 4px 0 30px 0;}
    #main-about .e-parallax {float: none; margin: 0 auto; width: 300px !important; height: 300px !important; min-height: 300px !important;}
    #main-about .e-parallax img {width: 300px !important; height: 300px !important;}
    #main-about .text-side {float: none; width: 300px; margin: 0 auto;}
    #main-oferta {min-width: 300px;}
    #main-oferta h2 { font: italic 600 23px/25px "Titillium Web",sans-serif;}
    #main-oferta p { font: 300 16px/20px "Titillium Web",sans-serif;}
    #main-oferta .btn-more { margin: 28px auto;}
    #main-parallax {min-width: 300px;}
    #main-parallax .e-zalety .small-text {font: 600 42px/48px "Titillium Web",sans-serif;}
    #map {min-width: 300px;}
    footer {min-width: 300px; height: 42px;}
    footer .copyright {float: none; text-align: center; display: block;}
    footer .atkom {float: none; text-align: center; display: block; margin: 4px 0 0 0;}
    
    #right-content p {  font: 300 17px/25px "Titillium Web",sans-serif;}
    
    #dane-kontaktowe {min-width: 300px; height: 335px;}
    #dane-kontaktowe .f-adres {padding: 0 0 0 46px; margin-right: 0;}
    #dane-kontaktowe .f-tel {padding: 0 0 0 46px; margin: 26px 0 0;}
    #dane-kontaktowe .f-mail {padding: 0 0 0 50px; float: left; margin: 26px 0 0;}
    #dane-kontaktowe .f-adres h1, #dane-kontaktowe .f-tel h1, #dane-kontaktowe .f-mail h1 {font: italic 600 26px/28px "Titillium Web",sans-serif; margin: 0 0 6px;}
    #dane-kontaktowe .f-adres p, #dane-kontaktowe .f-tel p, #dane-kontaktowe .f-mail a { font: 300 18px/22px "Titillium Web",sans-serif;}
    #dane-kontaktowe .f-adres::before {width: 33px; height: 45px; background-size: 33px 45px; top: 5px;}
    #dane-kontaktowe .f-tel::before {width: 32px; height: 42px; background-size: 32px 42px; top: 9px;}
    #dane-kontaktowe .f-mail::before {width: 40px; height: 42px; background-size: 40px 42px; top: 8px;}
    
    #main-parallax {  height: 189px;  padding: 102px 0 0;}
    #main-parallax .e-zalety {padding: 0 0 0 0px; width: 300px;}
    #main-parallax .e-zalety::before {display: none;}
    #main-parallax .e-zalety .big-text { font: 600 46px/54px "Titillium Web",sans-serif;}
    #main-parallax .e-zalety .small-text {  font: 600 26px/40px "Titillium Web",sans-serif;}
    
    #left-content {display: none;}
    #right-content {width: 280px; padding: 20px 10px 20px 10px; float: none;}
    #right-content .oferta-item {width: 280px;}
    #sub-parallax {min-width: 300px;} 
    #sub-content {width: 300px;}
     
    .content {width: 300px;}
    #desktop {display: none;}
    #mobile-header {display: block; min-width: 310px;}
    #toTop {display: none !important;}
    
    #right-content .oferta-item img {width: 280px; height: 195px;}
    #right-content .content-side {width: 280px; margin-top: 10px;}
    #mobile-contact .mobile-adres {margin-bottom: 20px;}
   
    
    #mobile-contact { display: block;}
    #mobile-contact .mobile-mail {float: left; margin: 20px 0 0 0;}
    
    #formularz-kontaktowy {width: 280px; margin-top: 65px;}
    #formularz-kontaktowy .f_kolumna_1 {width: 280px; margin-right: 0px;}
    #formularz-kontaktowy .f_input {width: 259px;}
    #formularz-kontaktowy .f_tekst {width: 280px; margin-right: 0px;}
    #formularz-kontaktowy .f_textarea {width: 259px;}
    #formularz-kontaktowy .right_form {float: left; padding-bottom: 0;}

 
}