@media only screen and (min-width: 1280px) and (max-width: 1365px) {
  
}


/* Maksymalny rozmiar > 1280px */

@media only screen and (min-width: 1024px) and (max-width: 1279px) { 
    header {min-width: 980px;}
    header nav a {font: 600 17px/19px "Cairo", sans-serif;}
    header .right-side {width: 715px;}

    #wrapper-container .content2 {width: 980px; margin-left: -490px;}
    #wrapper_content .slider-info { }

    #fixed-contact {display: none !important;}
    #main-info {min-width: 980px;}
    #main-icos .main-icos .box {width: 278px;}
    
    .content {width: 980px;}
    
    #main-about .left-side {width: 482px;}
    #main-about .right-side {width: 445px; height: auto;}
    #main-about .right-side img {width: 445px; height: auto; margin: 30px 0 0 0;}
    
    #main-parallax .text .big-text {}
    
    
    #main-parallax {min-width: 980px;}
    #main-parallax .text {width: 670px; margin-left: -490px; top: 120px;}

 
    
    #dane-kontaktowe {min-width: 980px;}
    #dane-kontaktowe .f-adres {margin: 0px 75px 0 0;}
    #dane-kontaktowe .f-tel {margin: 0px 75px 0 0;}
    #dane-kontaktowe .f-mail {margin: 0px 0px 0 0;}
    #dane-kontaktowe .form-btn {display: none;}
    
    #right-content .contact-map {width: 245px;}
    #right-content .contact-map iframe {width: 245px;}
    
    #sub-parallax .text {width: 980px; margin-left: -490px;}

 
    #main-parallax .red-box {width: 415px;}

    footer {min-width: 980px;}
    
   #sub-parallax {min-width: 980px;} 
   #sub-content {width: 980px; margin-bottom: 0;}
   

   
   #right-content {width: 630px;}
   
   #oferta {text-align: center;}
   
   #right-content .galeria-glowne {width: 300px; height: 300px; margin: 0 25px 5px 0;}
   #right-content .galeria-glowne img {width: 300px; height: 300px;}
   #right-content .galeria-glowne .overlay {width: 300px; height: 300px; background-size: 300px 300px;}
   
   #right-content .cennik-list .cennik-item {width: 630px;}
   #right-content .cennik-list .cennik-item .left-box {width: 390px;}

   
   #right-content .right-contact {width: 253px;}
   #right-content .right-contact iframe {width: 253px;}
   
   #formularz-kontaktowy {width: 630px;}
   #formularz-kontaktowy .f_kolumna_1 {width: 296px;}
   #formularz-kontaktowy .f_input {width: 275px;}
   #formularz-kontaktowy .f_tekst {width: 610px; margin-bottom: 0;}
   #formularz-kontaktowy .f_textarea {width: 590px;}
   #formularz-kontaktowy .right_form {padding-top: 20px; width: 480px; padding-bottom: 0;}
   #form_prawy {float: right;}
   #formularz-kontaktowy .f_input_button {padding: 18px 80px 18px 32px; margin-top: 20px;}
   #formularz-kontaktowy .f_input_button::before {top: 11px;}
   #formularz-kontaktowy .checkbox label {width: 582px;}

   #kontakt-table td iframe {width: 300px;}
   
   
   #right-content .zdjecie-glowne {width: 300px; height: 300px;}
   #right-content .zdjecie-glowne img {width: 300px; height: 300px;}
   #right-content .zdjecie-glowne .overlay {width: 300px; height: 300px; background-size: 300px 300px;}
}

/* Rozmiar 1024px - 1080px */

@media only screen and (min-width: 768px) and (max-width: 1023px) { 
    
     header {display: none;}
     .content {width: 740px;}
     #mobile-header {display: block; min-width: 740px;} 

     .dl-menuwrapper {top: 0px !important;}
     
    #wrapper_content .slider-info { margin: 140px 0 0 0;}
    #wrapper_content .slider-info .big-text {font: 600 49px/55px "Cairo",sans-serif;}
    #wrapper-container .content2 {width: 740px; margin-left: -370px;}
     
    #main-info {min-width: 740px;}
    #main-icos .main-icos .box {width: 198px; margin: 0 22px 0px 23px;}
    
    #main-about .left-side {width: 380px;}
    #main-about .right-side {width: 325px; height: auto;}
    #main-about .right-side img {width: 325px; height: auto; margin: 80px 0 0 0;}
  

    
    #main-parallax {min-width: 740px; background-position: 0 0; height: 400px;}
    #main-parallax .text {width: 485px; margin-left: -370px; top: 50px; padding: 42px 80px 42px 220px;}
    #main-parallax .text .big-text {font: 600 26px/32px "Cairo",sans-serif;}
    #main-parallax .text .logo {left:0;}
    
        
    #dane-kontaktowe {min-width: 740px;} 
    #dane-kontaktowe .f-adres {margin: 0px 125px 30px 0px;}
    #dane-kontaktowe .f-tel {margin: 0px 0px 0 0;}
    #dane-kontaktowe .f-mail {}
  
    #right-content .contact-map {width: 340px;}
    #right-content .contact-map iframe {width: 340px;}


   #right-content .cennik-list .cennik-item {width: 740px;}
   #right-content .cennik-list .cennik-item .left-box {width: 500px;}
    
    footer {min-width: 740px;}
    
        #right-content .atrakcje {width: 740px;}
    #right-content .atrakcje .atrakcje-text {padding: 30px 30px 0 30px; width: 360px; height: 290px;}
    #right-content .atrakcje .atrakcje-pic {}
    #right-content .atrakcje .atrakcje-pic img {}
    
    #top-contact p.tel, #top-contact p.tel2 {margin-right: 30px;}
    #toTop {display: none !important;}
    
   
    #sub-content {width: 740px; margin-bottom: 0;}
    #sub-parallax #mobile-header .logo {margin-top: 0;}
    #sub-parallax {min-width: 740px; height: 120px; } 
    #sub-parallax .big-text {margin-top: 0;}
    #left-content {display: none;}
    
    #right-content {float: none; padding-left: 0; border-left: none; width: 740px;}
    #oferta {text-align: center;}
    #menu-boczne-mobile {display: block;}
    
   

    
    #formularz-kontaktowy {width: 740px;}
    #formularz-kontaktowy .f_kolumna_1 {margin: 0 5px 15px 5px; width: 172px;}
    #formularz-kontaktowy .f_input {width: 152px;}
    #formularz-kontaktowy .f_tekst {width: 510px;}
    #formularz-kontaktowy .f_textarea {width: 488px;}
    #formularz-kontaktowy .right_form {padding-bottom: 0;}
    #formularz-kontaktowy .f_input_button::before {top: 11px;}
      #formularz-kontaktowy .checkbox label {width: 690px;} 
    
       #right-content .map iframe {width: 400px;}
   #right-content .contact-left {width: 300px;}
    
    #galeria .galeria-item {width: 238px; height: 238px;}
    #galeria .galeria-item img {width: 238px; height: 238px;} 
    #galeria .galeria-item .overlay {width: 238px; height: 238px; background-size: 238px 238px;} 
    
       #right-content .zdjecie-glowne {width: 300px; height: 300px;}
   #right-content .zdjecie-glowne img {width: 300px; height: 300px;}
   #right-content .zdjecie-glowne .overlay {width: 300px; height: 300px; background-size: 300px 300px;}
}

/* Rozmiar 768px - 1010px */

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

    .content {width: 513px;}
    #mobile-header {min-width: 513px; display: block;}
    #mobile-header .right-side {display: none;}
    
    header {display: none;}
    #wrapper-container header {display: none;}
    #wrapper {height: 450px !important;}
    #wrapper .back_pic {height: 450px;}
    #wrapper-container {height: 450px !important;}
    
     #wrapper_content .slider-info { margin: 50px 0 0 0; padding: 20px 20px 20px 20px;}
    #wrapper_content .slider-info .big-text {font: 600 49px/55px "Cairo",sans-serif;}
    #wrapper-container .content2 {width: 533px; margin-left: -266px;}

    #sub-parallax .text  {width: 513px; margin-left: -256px;}
    #main-icos .main-icos .box {width: 206px; margin-bottom: 35px;}
   
    
    #wrapper-arrow-btn {display: none;}


    #main-about .left-side {width: 513px;; height: auto;}
    #main-about .right-side {display: none;}
    
    #main-info {min-width: 513px;}
    #main-info .box { margin-bottom: 30px; border-right: 0; width: 252px;}

    #main-parallax {min-width: 513px; height: 400px;}
    #main-parallax .text {width: 473px; margin-left: -256px; top: 62px; padding: 100px 20px 30px 20px;}
    #main-parallax .text .logo { top: 40px; left: 50%; margin-left: -60px; width: 120px; height: auto;}
    #main-parallax .text .big-text {font: 600 23px/28px "Cairo",sans-serif; text-align: center; margin: 0 0 20px 0;}
    
    #dane-kontaktowe {min-width: 513px; padding-top: 10px;} 

    #dane-kontaktowe .f-adres {margin: 20px 0px 0 0; display: block;}
    #dane-kontaktowe .f-tel {margin: 20px 0 0 0; display: block;}
    #dane-kontaktowe .f-mail {margin: 20px 0 0 0; display: block;}
    #dane-kontaktowe .form-btn {float: left; margin-top: 20px;}
    
    #main-about .about-pic {width: 450px; height: auto; float: none; margin: 0 auto 20px;}
    #main-about .about-text {width: 513px; float: none;}
    #main-about .about-text .head {margin: 22px 0 25px 0; text-align: center;}
    
    #right-content .right-contact {float: none; width: 100%; margin-top: 20px;}
    #right-content .right-contact iframe {width: 100%; height: 240px;}
    
     #kontakt-table td  {display: block !important; width: 100% !important;}
    #kontakt-table td iframe {width: 400px;}
     
     
    footer {min-width: 513px;}

   #right-content .oferta-item {width: 237px; height: 237px; margin: 0 5px 10px 5px;}
    
    #top-contact p.tel, #top-contact p.tel2 {margin-right: 30px;}
    #toTop {display: none !important;}
    
    
    header {display: none;}
    #sub-content {width: 513px; margin-bottom: 0;}
    #sub-parallax #mobile-header .logo {margin-top: 0;}
    #sub-parallax {min-width: 513px; height: 120px; } 
    #sub-parallax .big-text {margin-top: 0; }
    #left-content {display: none;}
    
    #right-content {float: none; padding-left: 0; border-left: none; width: 513px;}
    #oferta {text-align: center;}
    #menu-boczne-mobile {display: block;}
    
   #right-content .contact-left {width: 100%; float: none;}
    #right-content .contact-map {width: 340px; float: left;}
    
    #right-content .atrakcje {width: 513px;}
    #right-content .atrakcje .atrakcje-pic {display: none;}
    #right-content .atrakcje .atrakcje-text {padding: 38px 41px 0 41px;}
    
    #formularz-kontaktowy {width: 513px;}
    #formularz-kontaktowy .f_kolumna_1 {margin: 0 5px 15px 5px; width: 243px;}
    #formularz-kontaktowy .f_input {width: 215px;}
    #formularz-kontaktowy .f_tekst {width: 499px;}
    #formularz-kontaktowy .f_textarea {width: 479px;}
   #formularz-kontaktowy .right_form {padding-top: 20px; width: 480px; padding-bottom: 0;}
   #form_prawy {float: right;}
#formularz-kontaktowy .f_input_button {padding: 18px 80px 18px 32px; margin-top: 20px;}
#formularz-kontaktowy .f_input_button::before {top: 11px;}
       #formularz-kontaktowy .checkbox label {width: 456px;} 

    
    #galeria .galeria-item {width: 248px; height: 248px;}
    #galeria .galeria-item img {width: 248px; height: 248px;} 
    #galeria .galeria-item .overlay {width: 248px; height: 248px; background-size: 248px 248px;} 
    

    #right-content h1 {font: 600 38px/47px "Cairo",sans-serif;}
    #right-content h2 {font: 600 30px/38px "Cairo",sans-serif;}
    #right-content h3 {font: 600 25px/32px "Cairo",sans-serif;}
    #right-content h4 {font: 600 20px/26px "Cairo",sans-serif;}
    
    #right-content .map {float: left;}

    
    #right-content .galeria-glowne {float: none; margin: 0 auto 10px;}
    
           #right-content .zdjecie-glowne {width: 200px; height: 200px;}
   #right-content .zdjecie-glowne img {width: 200px; height: 200px;}
   #right-content .zdjecie-glowne .overlay {width: 200px; height: 200px; background-size: 200px 200px;}
}

/* Rozmiar 533px - 767px */

@media only screen and (max-width: 532px) { 
    #fixed-contact {display: none;}
    .content {width: 300px;}
    #mobile-header {min-width: 300px; display: block;}
    #wrapper-arrow-btn {display: none;}
    #wrapper_content .slider-info .text {display: none;}
    #wrapper_content .slider-info .big-text {margin: 0 0 35px 0;}
    #mobile-header .logo {background: transparent; width: 237px;}
    #mobile-header .logo img {width: 150px; height: auto; margin-left: 0;}
    
    header {display: none;}
    #wrapper {height: 300px !important;}
    #wrapper .back_pic {height: 300px;}
    #wrapper-container {height: 300px !important;}

    
     #wrapper_content .slider-info { margin: 65px 0 0 0; padding: 20px 0px 20px 0px;}
    #wrapper_content .slider-info .big-text {font: 600 28px/34px "Cairo",sans-serif;}
    #wrapper-container .content2 {width: 300px; margin-left: -150px;}
    
    
    
    #main-icos .main-icos .box {width: 300px; margin: 0 0 30px 0;}
     #main-about .right-side {display: none;}
     
     
    #main-about .head {margin: 0 0 15px 0;}
    #main-about .left-side {width: 300px; height: auto;}
    #main-about .left-side img {width: 300px; height: auto;}
    #main-about .right-side {width: 280px; padding: 15px 10px; margin-top: 15px;}
    
    #main-parallax {min-width: 300px; height: 400px;}
    #main-parallax .text .parallax-text {font: 400 16px/21px "Cairo",sans-serif;}
    #main-parallax .text {width: 280px; margin-left: -150px; top: 62px; padding: 42px 10px 10px 10px;}
    #main-parallax .text .logo { top: 40px; left: 50%; margin-left: -40px; width: 80px; height: auto;}
    #main-parallax .text .big-text {font: 600 23px/28px "Cairo",sans-serif; text-align: center; margin: 0 0 20px 0;}
    

    #sub-parallax .text  {width: 300px; margin-left: -150px;}

    #sub-parallax .text .line {top: 25px;}
   
    #dane-kontaktowe {min-width: 300px; } 
     #dane-kontaktowe .f-adres {margin: 20px 0px 0 0; display: block;}
    #dane-kontaktowe .f-tel {margin: 20px 0 0 0; display: block;}
    #dane-kontaktowe .f-mail {margin: 20px 0 0 0; display: block;}
    #dane-kontaktowe .form-btn {float: left; margin-top: 20px;}

    #right-content .contact-data {width: 300px;}
    #right-content .contact-map {width: 300px;}
    #right-content .contact-map iframe {width: 300px;}
             
    #main-info .box { margin-bottom: 30px; border-right: 0; width: 300px;}
    
    
    #main-info {min-width: 300px; padding-bottom: 10px;}
    #main-info .box {width: 300px; margin-bottom: 30px; margin-left: 0; margin-right: 0;}

     #kontakt-table td  {display: block !important; width: 100% !important; max-width: 295px; overflow: scroll; padding-left: 0 !important; padding-right: 0 !important;}
    #kontakt-table td iframe {width: 300px; margin-left: 0;} 

    footer {min-width: 300px;  padding-top: 23px;}
    #top-contact .mail {display: none;}
    #dane-kontaktowe .f-tel {margin-right: 0;}
    footer .copyright {float: none; text-align: center; margin: 0 0 5px 0; display: block;}
    footer .atkom {float: none; text-align: center; margin: 0 0 5px 0; display: block;}
    
    #top-contact p.tel, #top-contact p.tel2 {margin-right: 30px;}
    #toTop {display: none !important;}

    
    header {display: none;}
    #sub-content {width: 300px; margin-bottom: 0;}
    #sub-parallax #mobile-header .logo {margin-top: 0;}
    #sub-parallax {min-width: 300px; height: 120px;} 
    #sub-parallax .big-text {margin-top: 0;}
    #left-content {display: none;}
    
    #right-content {float: none; padding-left: 0; border-left: none; width: 300px;}
    #oferta {text-align: center;}
    #menu-boczne-mobile {display: block; width: 280px; margin: 0 auto;}
    #menu-boczne-mobile select {width: 280px;}

    

    
    #sub-parallax .big-text {}
    #sub-parallax .small-text {display: none;}
    
    #right-content .right-contact {width: 300px; float: none; }
    #right-content .right-contact iframe {width: 300px;}
    #right-content .contact-left {width: 300px; float: none; margin-bottom: 20px;}
    
    #formularz-kontaktowy {width: 300px;}
    #formularz-kontaktowy .f_kolumna_1 {margin: 0 0px 15px 0px; width: 300px;}
    #formularz-kontaktowy .f_input {width: 278px;}
    #formularz-kontaktowy .f_tekst {width: 300px; margin-left: 0;}
    #formularz-kontaktowy .f_textarea {width: 278px;}
    #formularz-kontaktowy .right_form {margin-left: 0; width: 202px;}
    #form_prawy {}
    #formularz-kontaktowy .f_input_button::before {top: 11px;}
    #formularz-kontaktowy .f_input_button {margin-top: 28px;}
    #formularz-kontaktowy .checkbox {margin: 24px 0 0 0;}
           #formularz-kontaktowy .checkbox label {width: 240px;}
    
    #right-content .left-contact .contact-adress::before {display: none;}
    #right-content .left-contact .contact-adress {padding-left: 0;}
    
    #right-content .left-contact {width: 300px;}
    
    #galeria .galeria-item {width: 249px; height: 249px;}
    #galeria .galeria-item img {width: 249px; height: 249px;} 
    #galeria .galeria-item .overlay {width: 249px; height: 249px; background-size: 249px 249px;} 
    
    
    #right-content table {overflow-x: auto;}
    
    #right-content h1 {font: 600 34px/42px "Cairo",sans-serif;}
    #right-content h2 {font: 600 28px/34px "Cairo",sans-serif;}
    #right-content h3 {font: 600 22px/28px "Cairo",sans-serif;}
    #right-content h4 {font: 600 18px/24px "Cairo",sans-serif;}
    
    #right-content .map iframe {width: 300px;}
    
    #right-content .zdjecie-glowne {width: 300px; height: 300px;}
   #right-content .zdjecie-glowne img {width: 300px; height: 300px;}
   #right-content .zdjecie-glowne .overlay {width: 300px; height: 300px; background-size: 300px 300px;}
   
   

}