/* 
    Created on : 2018-12-28, 10:28:12
    Author     : Euforia
*/

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

    .container {
        width: 984px;
    }

    h1 {
        margin-bottom: 50px;
    }

    /* ----- header ----- */

    #top {
        height: 100px;
    }

    #header_left a img {
        height: 100px;
        width: 346px;
    }

    #header_bottom {
        padding: 20px 0;
        border-radius: 30px;
    }

    #header_bottom ul li a {
        font: 700 14px/14px 'Lato', sans-serif;
        padding: 22px 13px 23px;
    }

    #header_bottom.en ul li a {
    font: 700 13px/13px 'Lato', sans-serif;
    padding: 22px 10px 23px;
}
    
    #header_bottom ul li:first-of-type a {
        padding-left: 30px;
        border-radius: 30px 0 0 30px;
    }

    #header_bottom ul li:last-of-type a {
        padding-right: 30px;
        border-radius: 0 30px 30px 0;
    }

    /* ----- slider ----- */

    #slider_wrapper .container a {
        margin-top: 5px;
    }  

    #slider_wrapper .slide_text {
        font: 400 44px/66px 'Lato', sans-serif;
    }

    #slider_wrapper .slide_text_big {
        font: 700 66px/66px 'Lato', sans-serif;
    }

    .wrapper {
        height: 150px;
    }

    /* ------ box_ikony ------ */

    #box_ikony {
        padding: 70px 0 70px;
    }

    .ikona img {
        margin-right: 25px;
    }

    .ikona:nth-child(n+2) {
        margin-left: 50px;
    }

    .nag {
        margin-bottom: 0;
    }

    .text {
        margin: 20px 0;
        height: 96px;
    }

    /* ------- o firmie --------*/

    #o_firmie .container {
        margin: 60px 0;
        align-items: center;
    } 

    #o_firmie .container img {
        height: 272px;
        width: 450px;
        margin-right: 80px;
    }

    #text_o_firmie .text_big {
        font: 700 42px/50px 'Lato', sans-serif;
    }

    #text_o_firmie p {
        font: 300 16px/23px 'Lato', sans-serif;
        margin-bottom: 15px;
    }

    #text_o_firmie p:nth-child(2) {
        height: 132px;
        margin-bottom: 20px;
    }  

    /* --- parallax --- */

    #parallax {
        height: 360px;
    }

    #parallax img {
        height: 142px;
        width: 440px;
    }

    #parallax .container {
        margin: 50px 0;
    }

    #separator_parallax {
        margin: 0 50px;
    }

    #parallax .text_parallax {
        font: 300 40px/54px 'Lato', sans-serif; 
    }

    #parallax .text_parallax span {
        font: 700 40px/54px 'Lato', sans-serif;
    }

    /* ---- footer ------ */

    footer .container .dane_kontaktowe {
        flex-wrap: wrap;
        padding: 28px 0 40px;
        margin: 0 20px;
        justify-content: center;
    }

    footer .container .dane_kontaktowe img, 
    footer .container .dane_kontaktowe .ikona-kontakt, 
    footer .container .dane_kontaktowe img .button {
        margin: 15px 60px;
    }

    footer .stopka .container {
        margin: 15px 0;
    }

    /* ----- podtrony układ ------ */

    #content_podstrona {
        margin-bottom: 50px;
    }

    #selektor_pionowy {
        margin: 0 25px 0 24px;
    }

    #content_left {
        width: 251px;
        margin-top: 50px;
    }

    #content_right {
        width: 680px;
        margin-top: 40px;
    }

    /* ------ box ikony boczne ------ */

    .ikona_boczna .nag {
        margin-bottom: 0px;
    }

    .ikona_boczna .text {
        max-height: 120px;
        height: auto;
        margin-top: 10px;
    }

    /* ------ galeria ------ */

    #content_right #galeria a:nth-child(3n+1), 
    #content_right #kategoria_txt a:nth-child(3n+1) {
        margin-left: 20px;
    }

    /*------ tabela na podstronach ------*/

    #content_right table td, th {
        padding: 20px;
    }

    /*--- formularz kontaktowy ---*/

    #formularz_kontaktowy .formularz_box1 {
        display: flex;
        justify-content: center;
        margin-bottom: 30px;
        flex-wrap: wrap;
    }

    #formularz_kontaktowy .formularz_box1 div {
        width: 250px;
        margin: 0 25px;
    }

    #formularz_kontaktowy .formularz_box1 input {
        width: 250px;
        height: 44px;
    }

    #formularz_kontaktowy .formularz_box1 div:nth-child(n+3) {
        margin-top: 20px;
    }

    #formularz_kontaktowy .formularz_box2 {
        justify-content: center;
        flex-wrap: wrap;
        margin: 0 25px;
    }

    .formularz_box2_kolumna1 {
        width: 550px;
    }

    #formularz_kontaktowy .formularz_box2 textarea {
        width: 550px;
    }

    .formularz_box2_kolumna2 {
        flex-direction: row;
        width: 198px;
        justify-content: center;
    }

    .formularz_box2_kolumna2 > div {
        margin: 20px 25px 0 25px;
    }

    .formularz_box2_kolumna2 .token div {
        width: 198px;
    }

}

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

    .container {
        width: 100%;
        margin: 0 20px;     
    }

    h1 {
        margin-bottom: 45px;
    }

    hr {
        margin-bottom: 40px;
    }

    /* ----- header ----- */

    #top {
        height: 90px;
    }

    #header_left a img {
        height: 90px;
        width: 313px;
    }

    #header_top .separator_header_top {
        margin: 0 10px;
    }

    #header_bottom {
        display: none;
    }

    #button-menu-mobile {
        display: flex;
    }

    /* ----- slider ----- */

    #slider_wrapper .container a {
        margin-top: 0;
    }  

    #slider_wrapper .slide_text {
        font: 400 36px/55px 'Lato', sans-serif;
        margin-top: 50px;
    }

    #slider_wrapper .slide_text_big {
        font: 700 58px/58px 'Lato', sans-serif;
    }

    .wrapper {
        height: 120px;
    }

    /* ----- podstrony ----- */

    #content_podstrona {
        margin-bottom: 50px;
    }

    #content_left {
        display: none;
    }

    #content_right {
        width: 100%;
        flex: none;
        margin-top: 50px;
    }

    #selektor_pionowy {
        display: none;    
    }

    .menu_boczne_mobile {
        display: flex;
    }

    .selektor_poziomy {
        margin: 25px auto;
    }

    /* --- box ikony --- */

    #box_ikony {
        padding: 50px 0 50px;
    }

    #box_ikony .container {
        flex-direction: column;
    }

    .ikona img {
        margin-right: 50px;
    }

    .ikona:nth-child(n+2) {
        margin-left: 0;
        margin-top: 50px;
    }

    .nag {
        margin-bottom: 10px;
    }

    .text {
        margin: 0 0 20px 0;
        height: auto;
        max-height: 72px;
    }

    /* ---- o firmie ---- */

    #o_firmie .container {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin: 50px 20px;
    }

    #text_o_firmie {
        margin-right: 0;
    }

    #text_o_firmie p:nth-child(2) {
        height: auto;
    }

    #o_firmie .container img {
        margin: 0 auto 30px;
    } 

    /* --- parallax --- */

    #parallax {
        height: 300px;
    }

    #parallax img {
        height: 87px;
        width: 300px;
    }

    #parallax .container {
        margin: 40px 20px;
    }

    #separator_parallax {
        margin: 0 40px;
    }

    #parallax .text_parallax {
        font: 300 34px/48px 'Lato', sans-serif; 
    }

    #parallax .text_parallax span {
        font: 700 34px/48px 'Lato', sans-serif;
    }

    /* ---- footer ------ */  

    footer .dane_kontaktowe {
        padding: 20px 0;
        height: auto;
    }

    footer .dane_kontaktowe .container {
        flex-wrap: wrap;
        justify-content: center;
    }

    .ikona-kontakt,
    #button_online {
        margin: 20px 40px;
    }

    .separator_dane_kontaktowe {
        display: none;
    }

    footer .stopka .container {
        margin: 15px 20px;
    }

    /* ------ galeria ------ */

    #content_right #galeria a:nth-child(3n+1), 
    #content_right #kategoria_txt a:nth-child(3n+1) {
        margin-left: 20px;
    }

    #content_right #galeria {
        margin: 0 12px 40px 12px;
    }

    /*------ tabela na podstronach ------*/

    #content_right table td, th {
        padding: 20px;
    }

    /*--- formularz kontaktowy ---*/

    #formularz_kontaktowy .formularz_box1 {
        display: flex;
        justify-content: center;
        margin-bottom: 30px;
        flex-wrap: wrap;
    }

    #formularz_kontaktowy .formularz_box1 div {
        width: 170px;
    }

    #formularz_kontaktowy .formularz_box1 div:nth-child(n+2) {
        margin-left: 10px;
    }

    #formularz_kontaktowy .formularz_box1 input {
        width: 170px;
        height: 44px;
    }
    #formularz_kontaktowy .formularz_box2 {
        justify-content: center;
    }

    .formularz_box2_kolumna1 {
        width: 528px;
    }

    #formularz_kontaktowy .formularz_box2 textarea {
        width: 528px;
    }

    #button_send {
        width: 170px;
    }

    .formularz_box2_kolumna2 {
        margin-left: 12px;
        width: 170px;
    }

    #formularz_kontaktowy .formularz_box2 .formularz_box2_kolumna2 input {
        width: 65px;
        height: 44px;
    }


}

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

    .container {
        width: 100%;
        margin: 0 20px;
    }

    h1 {
        margin-bottom: 45px;
    }

    hr {
        margin-bottom: 40px;
    }

    /* ----- podstrony ----- */

    #content_podstrona {
        margin-bottom: 50px;
    }

    #content_left {
        display: none;
    }

    #content_right {
        width: 100%;
        flex: none;
        margin-top: 50px;
    }

    #selektor_pionowy {
        display: none;    
    }

    .menu_boczne_mobile {
        display: flex;
    }

    .selektor_poziomy {
        margin: 25px auto;
    }

    #button-menu-mobile {
        display: flex;
    }

    /*---- header ----*/

    #top {
        height: 90px;
    }

    #header_left a img {
        height: 90px;
        width: 313px;
    }

    #header_top .separator_header_top,
    #header_top .ico_small,
    #header_bottom {
        display: none;
    }

    #button-menu-mobile {
        display: flex;
    }

    #menu-mobile .close {
        right: 20px;
top: 51px;
    }        

    /* ----- slider ----- */

    #slider_wrapper .container a {
        margin-top: 0;
    }  

    #slider_wrapper .slide_text {
        font: 400 28px/50px 'Lato', sans-serif;
        margin-top: 50px;
    }

    #slider_wrapper .slide_text_big {
        font: 700 48px/54px 'Lato', sans-serif;
    }

    .wrapper {
        height: 120px;
    }

    /* --- box ikony --- */

    #box_ikony {
        padding: 40px 0 40px;
    }

    #box_ikony .container {
        flex-direction: column;
    }

    .ikona img {
        margin-right: 35px;
    }

    .ikona:nth-child(n+2) {
        margin-left: 0;
        margin-top: 40px;
    }

    .nag {
        margin-bottom: 10px;
    }

    .text {
        margin: 0 0 20px 0;
        height: auto;
        max-height: 96px;
    }


    /* ---- o firmie ---- */

    #o_firmie .container {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin: 40px 20px;
    }

    #text_o_firmie {
        margin-right: 0;
    }

    #o_firmie .container img {
        margin-top: 40px;
        width: 100%;
        height: auto;
    }


    #text_o_firmie p:nth-child(2) {
        height: auto;
    }

    #o_firmie .container img {
        margin: 0 auto 30px;
    } 


    /* ----- parallax ----- */   

    #parallax {
        height: auto;
    }

    #parallax .container {
        margin: 40px 20px;
        flex-direction: column;
        justify-content: space-between;           
    }

    #separator_parallax {
        display: none;
    }

    #parallax .text_parallax {
        font: 300 34px/48px 'Lato', sans-serif;
        margin-top: 30px;
        width: auto;
        text-align: center;
    }

    #parallax .text_parallax span {
        font: 700 34px/48px 'Lato', sans-serif;
    }

    /* ---- footer ------ */  

    footer .dane_kontaktowe {
        padding: 20px 0;
        height: auto;
    }

    footer .dane_kontaktowe .container {
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .ikona-kontakt,
    #button_online {
        margin: 20px 30px;
    }

    .separator_dane_kontaktowe {
        display: none;
    }

    footer .stopka .container {
        margin: 15px 20px;
    }


    /* ------ galeria ------ */

    #content_right #galeria a:nth-child(3n+1), 
    #content_right #kategoria_txt a:nth-child(3n+1) {
        margin-left: 20px;
    }

    #content_right #galeria, 
    #content_right #kategoria_txt {
        margin: 0 0 10px 0;
    }

    /*------ tabela na podstronach ------*/

    #content_right table td, th {
        padding: 15px;
    } 

    #content_right table {
        margin: 0 0 35px 0;
    }

    /* ----- tabela w kontakcie ----- */

    #content_right #table_kontakt td:first-of-type {
        padding-right: 30px;
        width: 45%;
    }

    /*--- formularz kontaktowy ---*/

    #formularz_kontaktowy .formularz_box1 {
        display: flex;
        justify-content: center;
        margin-bottom: 30px;
        flex-wrap: wrap;
    }

    #formularz_kontaktowy .formularz_box1 div {
        width: 210px;
        margin: 0 15px;
    }

    #formularz_kontaktowy .formularz_box1 input {
        width: 210px;
        height: 44px;
    }

    #formularz_kontaktowy .formularz_box1 div:nth-child(n+3) {
        margin-top: 20px;
    }

    #formularz_kontaktowy .formularz_box2 {
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        flex-direction: column;
        margin: 0 25px;
    }

    .formularz_box2_kolumna1 {
        width: 450px;
    }

    #formularz_kontaktowy .formularz_box2 textarea {
        width: 450px;
    }

    .formularz_box2_kolumna2 {
        flex-direction: row;
        width: 450px;
        justify-content: center;

    }

    .formularz_box2_kolumna2 > div {
        margin: 20px 25px 0 25px;
    }

    .formularz_box2_kolumna2 .token div {
        width: 210px;
    }

}

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

        .container {
        width: 100%;
    }    
  
    #content_podstrona {
        margin: 0 0 30px 0;
    }    

    #content_left {
        display: none;
    }

    #content_right {
        width: 100%;
        flex: none;
        margin-top: 40px;
    }

    #selektor_pionowy {
        display: none;    
    }

    .menu_boczne_mobile {
        display: flex;
    }   

    #button-menu-mobile {
        display: flex;
        align-items: center;
    }    

    .selektor_poziomy {
        margin: 25px auto;
    }  

    /* ------- podstrony --------- */

    h1 {
        margin: 0 0 35px 0;
         font: 700 44px/52px 'Lato', sans-serif;
    }

    h2 {
        font: 700 40px/48px 'Lato', sans-serif;
        margin: 0 0 30px 0;
    }

    h3 {
        font: 700 36px/44px 'Lato', sans-serif;
        margin: 0 0 25px 0;
    }

    h4 {
       font: 700 30px/38px 'Lato', sans-serif;
        margin: 0 0 20px 0;
    }

    h5 {
        margin: 0 0 20px 0;
        font: 700 24px/32px 'Lato', sans-serif;
    }

    #content_right p,
    #content_right ul {
        margin: 0 0 20px 0;
    }

    #content_right li {
        margin: 0 0 10px 0;
    }

    hr {
        margin: 0 0 25px 0;
    } 
    /* ---- header ----*/

    #top {
        height: 90px;
    }

    header .container {
        align-items: flex-start;
    }

    #header_left a img {
        height: 50px;
        width: 173px;
    }

    #header_right {
        flex-direction: row;
        margin-top: 10px;
        align-items: center;
    }

    #header_top {
        margin-top: 0;
    }

    #header_top .lang {
        margin-right: 7px;
    }

    #lang_en {
        margin-left: 0;
    }

    #button-menu-mobile span {
        display:  none;
    }

    #header_top .separator_header_top,
    #header_top .ico_small,
    #header_bottom {
        display: none;
    }

    #button-menu-mobile {
        display: flex;
    }

    #menu-mobile .close {
        right: 20px;
        top: 10px;
    }

    /*------ slider_wraper ------*/

    #slider_wrapper .container a {
        margin-top: 0;
    }  

    #slider_wrapper .slide_text {
        font: 400 30px/40px 'Lato', sans-serif;
        margin-top: 10px;
    }

    #slider_wrapper .slide_text_big {
        font: 700 32px/42px 'Lato', sans-serif;
        margin-bottom: 10px;
    }

    #slider_wrapper .slide_text_small {
        font: 300 16px/26px 'Lato', sans-serif;
        margin-bottom: 20px;
    }

    .tobottom {
        bottom: 35px;
    }

    .tobottom:hover {
        bottom: 25px;
    }

    .wrapper {
        height: 80px;
    }

    /* --- box ikony --- */

    #box_ikony {
        padding: 40px 0;
    }

    #box_ikony .container {
        flex-direction: column;
    }

    .ikona {
        flex-direction: column;

    }

    .ikona img {
        height: 130px;
        width: 120px;
        margin-right: 0;
    }

    .ikona:nth-child(n+2) {
        margin-left: 0;
        margin-top: 70px;
    }

    #box_ikony .text_ikona {
        align-items: center;
    }

    .text {
        margin: 10px 15px;
        height: auto;
        max-height: 120px;
        text-align: center;
    }                    

    .nag {
        font: 600 24px/28px 'Lato', sans-serif;
        margin-bottom: 0;
        margin-top: 15px;
    }    

    /* ---- o firmie ---- */

    #o_firmie .container {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin: 40px 20px;
    }

    #text_o_firmie {
        margin-right: 0;
    }

    #o_firmie .container img {
        margin: 0 auto 10px;
        width: 100%;
        height: auto;
    }

    #text_o_firmie .text_big {
        font: 700 38px/48px 'Lato', sans-serif;
        margin-bottom: 10px;
    }

    #text_o_firmie p:nth-child(2) {
        height: auto;
        max-height: none;
    }



    /* ----- parallax ----- */   

    #parallax {
        height: auto;
    }

    #parallax .container {
        margin: 40px 20px;
        flex-direction: column;
        justify-content: space-between;           
    }

    #parallax img {
        height: 81px;
        width: 280px;
    }

    #separator_parallax {
        display: none;
    }

    #parallax .text_parallax {
        font: 300 28px/38px 'Lato', sans-serif;
        margin-top: 30px;
        width: auto;
        text-align: center;
    }

    #parallax .text_parallax span {
        font: 700 28px/38px 'Lato', sans-serif;
    }

    /* ---- footer ------ */  

    footer .dane_kontaktowe {
        padding: 20px 0;
        height: auto;
    }

    footer .dane_kontaktowe .container {
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .ikona-kontakt {
        margin: 20px 20px;
    }

	 #button_online {
		 margin: 20px auto;
	 }

    .separator_dane_kontaktowe {
        display: none;
    }

    footer .stopka .container {
        flex-direction: column;
        justify-content: space-around;
        align-items: center;
        margin: 10px 20px;
    }


    /* ------ galeria ------ */

    #content_right #galeria a, 
    #content_right #kategoria_txt a {
        margin-left: 0;
    }

    #content_right #galeria,
    #content_right #kategoria_txt {
        margin: 0 0 10px 0;
    }

    /* ----- pliki ------ */

    #content_right #pliki {
        margin: 0 0 35px 0;
    }


    /*------ tabela na podstronach ------*/

    #content_right table {
        margin: 0 0 35px 0;
    }

    #content_right table td, th {
        padding: 20px;
    } 

    /* ----- tabela w kontakt ----- */

    #content_right #table_kontakt tbody tr {
        display: flex;
        flex-direction: column;
    }

    #content_right #table_kontakt td:first-of-type,
    #content_right #table_kontakt td:last-of-type {
        width: 100%;
        padding: 0;
    }    

    /*--- formularz kontaktowy ---*/

    #formularz_kontaktowy .formularz_box1 {
        display: flex;
        justify-content: center;
        margin-bottom: 30px;
        flex-wrap: wrap;
    }

    #formularz_kontaktowy .formularz_box1 div {
        width: 280px;
        margin: 0 10px;
    }

    #formularz_kontaktowy .formularz_box1 input {
        width: 280px;
        height: 44px;
    }

    #formularz_kontaktowy .formularz_box1 div:nth-child(n+3) {
        margin-top: 20px;
    }

    #formularz_kontaktowy .formularz_box2 {
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        flex-direction: column;
    }

    .formularz_box2_kolumna1 {
        width: 280px;
    }

    #formularz_kontaktowy .formularz_box2 textarea {
        width: 280px;
    }

    .formularz_box2_kolumna2 {
        justify-content: center;
        margin-top: 20px;
    }

    .formularz_box2_kolumna2 > div {
        margin: 0;
    }

    #formularz_kontaktowy .formularz_box2 .zgoda p {
        margin: -5px 0 0 15px;
        font: 300 10px/14px 'Lato', sans-serif;
        color: #444444;
        justify-content: space-around;
    }


}

@media only screen and (max-height: 680px) {




}