/* Maksymalny rozmiar > 1280px */

@media only screen and (min-width: 1280px) and (max-width: 1366px) {
	 #sub-wrapper {height: 420px; padding: 0; background-size: contain !important;}
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) { 
   /* #fb-fixed {display: none;} */
    .content {width: 980px;}
    #content {width: 980px;}
    #items-boxes .item-box-offer img { width: 550px; height: 215px; }
    #wrapper {min-width: 980px;background: url("../grafika/header-bg4.jpg") 50% no-repeat;}
    #sub-wrapper {min-width: 980px;height: 360px; padding: 0; background-size: contain !important; }
    header {min-width: 980px;}
    header nav ul li.separator {margin: 0 8px;}
    header nav ul li a {font: 400 16px/16px "Titillium Web",sans-serif; letter-spacing: 1px; }
    
    #main-boxes {min-width: 980px;}
    #main-boxes .main-box, #oferta-boxes .oferta-box {width: 308px;}
    #main-boxes .main-box p { height: 100px; }
    #main-boxes .main-box img, #oferta-boxes .oferta-box img {width: 300px; height: 185px;}
    
    #main-parallax {min-width: 980px;}
    #main-info {min-width: 980px;}
    #main-info img {width: 475px; height: 441px;}
    #main-info .right-content {margin: 22px 0 0;}
    #main-parallax2 {min-width: 980px;background: url('../grafika/parallax-bg2.jpg') 50% 50% no-repeat !important;}
    #dane-kontaktowe {min-width: 980px; height: 190px;}
    #dane-kontaktowe .bottom-mail {margin: 44px 0 0 286px;}
    #dane-kontaktowe .bottom-adress {margin: 44px 145px 0 0;}
    footer {min-width: 980px;}
    
    #content .jak-dzialamy-item .text {width: 875px;}
    #galeria .galeria-item {width: 300px; height: 207px;}
    #galeria .galeria-item .overlay {width: 300px; height: 207px;}
    #galeria .galeria-item img {width: 300px; height: 207px;}
    
    #map iframe {width: 980px;}
    #galeria-dom-desktop {width: 374px;}
    #galeria-dom-desktop .galeria-glowne {width: 366px; height: 252px;}
    #galeria-dom-desktop .galeria-glowne img {width: 366px; height: 252px;}
    #galeria-dom-desktop .galeria-glowne .overlay {width: 366px; height: 252px;}
    #galeria-dom-desktop .galeria-item2 {width: 167px; height: 115px; margin: 0 5px 10px;}
    #galeria-dom-desktop .galeria-item2 img {width: 167px; height: 115px;}
    #galeria-dom-desktop .galeria-item2 .overlay {width: 167px; height: 115px;}
   /* #b-fb {display: inline-block; margin: 29px 0 0 197px;} */
}

/* Rozmiar 1024px - 1080px */

@media only screen and (min-width: 768px) and (max-width: 1023px) { 
    #fb-fixed, #instagram-fixed {display: none;}
    #jezyki {right: 70px;}
    #dl-menu {display: block;}
    header nav {display: none;}
    .content {width: 740px;}
    #content {width: 740px;}
    #items-boxes .item-box-offer { height: 545px; }
    #items-boxes .item-box-offer img { width: 740px; height: 289px; }
    #items-boxes .item-box-offer._1 .des { top: 315px; }
    #items-boxes .item-box-offer._2 .des { left: 0; top: 315px; }
    #items-boxes .item-box-offer .des { display: block; width: 740px; height: 233px; }
    #items-boxes .item-box-offer .des .opis { height: 75px; }
    #wrapper {min-width: 740px;background: url("../grafika/header-bg4.jpg") 50% no-repeat;}
    #sub-wrapper {min-width: 740px; height: 260px; padding: 0; background-size: contain !important;}
    header {min-width: 740px;}
    header nav ul li.separator {margin: 0 17px;}
    header nav ul li a {font: 400 16px/16px "Titillium Web",sans-serif;}
    
    #wrapper-apla.pl {width: 668px; padding: 35px 30px;}
    #wrapper-apla.pl .left-content {width: 50%;}
    #wrapper-apla.pl .right-content {width: 43%;}
    
    #main-boxes {min-width: 740px;}
    #main-boxes .main-box, #oferta-boxes .oferta-box {width: 352px; margin-bottom: 40px;}
    #main-boxes .main-box img, #oferta-boxes .oferta-box img {width: 344px; height: 213px;}
    
    #main-parallax {min-width: 740px;background: url('../grafika/parallax-bg4.jpg') no-repeat 50% 50% !important;}
    #main-info {min-width: 740px;}
    #main-info img {width: 475px; height: 441px; margin: 0 auto; float: none; display: block;}
    #main-info .right-content {margin: 22px auto; width: 720px; float: none; display: block;}
    #main-parallax2 {min-width: 740px; background: url('../grafika/parallax-bg2.jpg') 50% 50% no-repeat !important;}
    #dane-kontaktowe {min-width: 740px; height: 200px;}
    #dane-kontaktowe .logo2, #dane-kontaktowe svg { margin: 30px 90px 0 0;}
    #dane-kontaktowe .bottom-mail {margin: 44px 0 0 92px;}
    #dane-kontaktowe .bottom-adress {margin: 44px 0px 0 0;}
    #dane-kontaktowe .bottom-tel { margin: 44px 18px 0 0;}
    #b-fb {display: inline-block; top: -60px;left: 90px;}
	#b-instagram {display: inline-block; top: 30px; left: 40px;}
    footer {min-width: 740px;}
    
    #content .jak-dzialamy-item .text {width: 644px;}
    #galeria .galeria-item {width: 344px; height: 238px;}
    #galeria .galeria-item .overlay {width: 344px; height: 238px;}
    #galeria .galeria-item img {width: 344px; height: 238px;}
    
    #galeria-dom-desktop {display: none;}
    #galeria-dom-mobile {display: block;}
    #opis-dom {float: none; width: 740px;}
    
    #content .left-contact {float: none; margin-bottom: 30px;}
    #content .right-contact {float: none; width: 740px;}
    #content .formularz_kontaktowy {width: 740px;}
    
    .formularz_kontaktowy .f_kolumna_1 {width: 356px;}
    .formularz_kontaktowy .f_input {width: 343px;}
    .formularz_kontaktowy .f_kolumna_2 {width: 356px;}
    .formularz_kontaktowy .f_tekst {width: 484px;}
    .formularz_kontaktowy .f_textarea {width: 472px; height: 92px;}
    #form_lewy {float: right; width: 226px;}
    .formularz_kontaktowy .f_button {float: none;}
    
    #map iframe {width: 740px;}
    #galeria-dom {width: 374px;}
    #galeria-dom .galeria-glowne {width: 366px; height: 252px;}
    #galeria-dom .galeria-glowne img {width: 366px; height: 252px;}
    #galeria-dom .galeria-glowne .overlay {width: 366px; height: 252px;}
    #galeria-dom .galeria-item2 {width: 167px; height: 115px; margin: 0 5px 10px;}
    #galeria-dom .galeria-item2 img {width: 167px; height: 115px;}
    #galeria-dom .galeria-item2 .overlay {width: 167px; height: 115px;}
 
    #items-boxes .item-box {width: 348px; height: 394px;}
    #items-boxes .item-box .pic {width: 348px; margin: 0;}
    #items-boxes .item-box img {width: 348px; height: 237px;}
    #items-boxes .item-box .pic .overlay {width: 348px; height: 237px;}
    
    #toTop {display: none !important;}
}

/* Rozmiar 768px - 1010px */

@media only screen and (min-width: 533px) and (max-width: 767px) { 
    #fb-fixed {display: none;}
    #instagram-fixed {display: none;}
    #dl-menu {display: block;}
    header nav {display: none;}
    #jezyki {right: 66px;}
    .content {width: 513px;}
    #content {width: 513px;}
    #items-boxes .item-box-offer { height: 470px; }
    #items-boxes .item-box-offer img { width: 513px; height: 200px; }
    #items-boxes .item-box-offer._1 .des { top: 215px; }
    #items-boxes .item-box-offer._2 .des { top: 215px; }
    #items-boxes .item-box-offer .des { display: block; width: 513px; height: 260px; }
    #items-boxes .item-box-offer .des .opis { height: 100px; }
    #wrapper {min-width: 513px;background: url("../grafika/header-bg4.jpg") 50% no-repeat;}
    #sub-wrapper {min-width: 513px; height: 240px; padding: 0; background-size: contain !important;}
    header {min-width: 513px;}
    header nav ul li.separator {margin: 0 17px;}
    header nav ul li a {font: 400 16px/16px "Titillium Web",sans-serif;}
    
    #wrapper-apla.pl {width: 450px; padding: 35px 20px;}
    #wrapper-apla.pl .left-content {width: 50%;}
    #wrapper-apla.pl .right-content {width: 45%;}
    #wrapper-apla.pl .right-content img {width: 200px; height: 186px;}
    #wrapper-apla.pl .left-content h1 { font: 400 28px/35px "Titillium Web",sans-serif;}
    #wrapper-apla.pl .left-content p {font: 400 16px/26px "Lato",sans-serif;}
    #wrapper-apla.pl .right-content .p-podpis .piotr {margin-top: 8px;}
    
    #main-boxes {min-width: 513px;}
    #main-boxes .main-box, #oferta-boxes .oferta-box {margin-bottom: 30px;}
    
    #main-parallax {min-width: 513px;background: url('../grafika/parallax-bg4.jpg') no-repeat 50% 50% !important;}
    #main-info {min-width: 513px;}
    #main-info img {width: 475px; height: 441px; margin: 0 auto; float: none; display: block;}
    #main-info .right-content {margin: 22px auto; width: 513px; float: none; display: block;}
    #main-info .right-content h2 { font: 400 32px/40px "Titillium Web",sans-serif;}
    #sub-wrapper .slogan {font: 400 23px/34px "Titillium Web",sans-serif;}
    #main-parallax2 {min-width: 513px; background: url('../grafika/parallax-bg2.jpg') 50% 50% no-repeat !important;}
    #dane-kontaktowe {min-width: 513px; height: 270px;}
    #dane-kontaktowe .logo2, #dane-kontaktowe svg { margin: 30px 28px 0 0;}
    #dane-kontaktowe .bottom-mail {margin: 44px 0 0 0px;}
    #dane-kontaktowe .bottom-adress {margin: 44px 0px 0 0;}
    #dane-kontaktowe .bottom-tel { margin: 44px 38px 0 0;}
    #b-fb {display: inline-block; top: 40px; left: 2px;}
	#b-instagram {display: inline-block; top: 40px; left: 182px;}
    footer {min-width: 513px;}
    
    #content h1 {font: 400 28px/36px "Titillium Web",sans-serif;}
    #content h2 { font: 400 20px/26px "Lato",sans-serif;}
    
    	#content .cf:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
	#content * html .cf { zoom: 1; }
	#content *:first-child+html .cf { zoom: 1; }
	
	#content table { width: 100%; border-collapse: collapse; border-spacing: 0; }
 
        #content table th { padding: 14px;}
        
	#content table th,
	#content table td { margin: 0; vertical-align: top; text-align: left; border: none; }
	#content table th { text-align: left; }
	
	#content table { display: block; position: relative; width: 100%; }
	#content thead { display: block; float: left; }
	#content tbody { display: block; width: auto; position: relative; overflow-x: auto; white-space: nowrap; }
	#content thead tr { display: block; }
	#content th { display: block; text-align: right; }
	#content tbody tr { display: inline-block; vertical-align: top; }
	#content td { display: block; min-height: 1.25em; text-align: left; }
        
        #content th { border-bottom: 0; border-left: 0; }
	#content td { border-left: 0; border-right: 0; border-bottom: 0; }
/*	#content tbody tr { border-left: 1px solid #babcbf; }
	#content th:last-child,
	#content td:last-child { border-bottom: 1px solid #babcbf; }
    */
    #main-parallax .realizacje-btn, #main-parallax .oferta-btn {padding: 15px 40px; font: 400 26px/26px "Titillium Web",sans-serif;}
    
    #content .jak-dzialamy-item .text {width: 450px;}
    #galeria .galeria-item {width: 230px; height: 159px;}
    #galeria .galeria-item .overlay {width: 230px; height: 159px;}
    #galeria .galeria-item img {width: 230px; height: 159px;}
    
    #content .jak-dzialamy-item .lp {font: 400 56px/56px "Lato",sans-serif;}
    
    
    #galeria-dom-desktop {display: none;}
    #galeria-dom-mobile {display: block;}
    #opis-dom {float: none; width: 513px;}
    
    #content .left-contact {float: none; margin-bottom: 30px;}
    #content .right-contact {float: none; width: 513px;}
    #content .formularz_kontaktowy {width: 513px;}
    
    .formularz_kontaktowy .f_kolumna_1 {width: 226px;}
    .formularz_kontaktowy .f_input {width: 213px;}
    .formularz_kontaktowy .f_kolumna_2 {width: 226px;}
    .formularz_kontaktowy .f_tekst {width: 476px;}
    .formularz_kontaktowy .f_textarea {width: 463px; height: 92px;}
    #form_lewy {width: 480px;}
    
    #galeria-dom-mobile {width: 513px;}
    #galeria-dom-mobile .galeria-glowne {width: 218px; height: 150px;}
    #galeria-dom-mobile .galeria-glowne img {width: 218px; height: 150px;}
    #galeria-dom-mobile .galeria-glowne .overlay {width: 218px; height: 150px;}
    
    #galeria-dom-mobile .galeria-item2 {width: 218px; height: 150px;}
    #galeria-dom-mobile .galeria-item2 img {width: 218px; height: 150px;}
    #galeria-dom-mobile .galeria-glowne .overlay {width: 218px; height: 150px;}
    
    #map iframe {width: 513px;}
    #galeria-dom {width: 374px;}
    #galeria-dom .galeria-glowne {width: 366px; height: 252px;}
    #galeria-dom .galeria-glowne img {width: 366px; height: 252px;}
    #galeria-dom .galeria-glowne .overlay {width: 366px; height: 252px;}
    #galeria-dom .galeria-item2 {width: 167px; height: 115px; margin: 0 5px 10px;}
    #galeria-dom .galeria-item2 img {width: 167px; height: 115px;}
    #galeria-dom .galeria-item2 .overlay {width: 167px; height: 115px;}
 
    #items-boxes .item-box {width: 348px; height: 394px;  margin: 0 0px 16px;}
    #items-boxes .item-box .pic {width: 348px; margin: 0;}
    #items-boxes .item-box img {width: 348px; height: 237px;}
    #items-boxes .item-box .pic .overlay {width: 348px; height: 237px;}
    
    #toTop {display: none !important;}
	footer .content {justify-content: center;}
	footer .content div {width: 100%; display: flex; align-item: center; justify-content: center; margin: 3px 0;}

    #cookies_adv {left: 50%; transform: translate(-50%, 0); width: 480px;}
    #cookies_adv .des {font: 400 12px/14px 'Titillium Web', sans-serif;}
    #cookies_adv .btn {padding: 8px;font: 600 12px/13px 'Titillium Web', sans-serif;}
}

/* Rozmiar 533px - 767px */

@media only screen and (max-width: 532px) { 
    
    #fb-fixed {display: none;}
    #instagram-fixed {display: none;}
    header {height: 92px;}
    header .logo {width: 160px; height: 47px;}
    header .logo img, header .logo svg {width: 160px; height: 47px;}
    
    #dl-menu {display: block;}
    header nav {display: none;}
    #jezyki {position: absolute; top: 0; right: 54px;}
    .content {width: 300px;}
    #content {width: 300px;}
    #items-boxes .item-box-offer { height: 470px; }
    #items-boxes .item-box-offer img { width: 300px; height: 117px; }
    #items-boxes .item-box-offer._1 .des { top: 130px; }
    #items-boxes .item-box-offer._2 .des { top: 130px; }
    #items-boxes .item-box-offer .des { display: block; width: 300px; height: 340px; }
    #items-boxes .item-box-offer .des .opis { height: 180px; }
    #items-boxes .item-box-offer .des .price-more .more-btn { width: 13px; text-indent: -9999px; background-color: #f29400; }
    #items-boxes .item-box-offer .des .price-more .more-btn:after {
        background: url("../grafika/arrows.png") 0 -21px no-repeat;
    }
    #wrapper {min-width: 300px; background: url("../grafika/header-bg4.jpg") 50% no-repeat;}
    #sub-wrapper {min-width: 300px; height: 130px; padding: 0; background-size: contain !important;}
    header {min-width: 300px;}
    header nav ul li.separator {margin: 0 17px;}
    header nav ul li a {font: 400 16px/16px "Titillium Web",sans-serif;}
    
    #wrapper-apla.pl {width: 250px; padding: 35px 20px; height: 282px;}
    #wrapper-apla.pl .left-content {width: 100%;}
    #wrapper-apla.pl .right-content {display: none;}
    #wrapper-apla.pl .right-content img {width: 200px; height: 186px;}
    #wrapper-apla.pl .left-content h1 { font: 400 28px/35px "Titillium Web",sans-serif;}
    #wrapper-apla.pl .left-content p {font: 400 16px/26px "Lato",sans-serif;}
    #wrapper-apla.pl .right-content .p-podpis .piotr {margin-top: 8px;}
    
    #main-boxes {min-width: 300px;}
    #main-boxes .main-box, #oferta-boxes .oferta-box {margin: 0 0 30px 0; width: 300px;}
    #main-boxes .main-box p { height: 100px; }
    #main-boxes .main-box img, #oferta-boxes .oferta-box img {width: 292px; height: 181px;}
    
    #main-parallax {min-width: 300px; background: url('../grafika/parallax-bg4.jpg') no-repeat 50% 0 !important; height: 90px; padding: 70px 0 0 0;}
    #main-info {min-width: 300px;}
    #main-info img {width: 300px; height: 278px; margin: 0 auto; float: none; display: block;}
    #main-parallax2 h2 {  font: 400 28px/36px "Titillium Web",sans-serif;}
    #main-parallax2 h2::after {width: 260px; margin-left: -130px;}
    #main-parallax2 .quote .first-line, #main-parallax2 .quote .second-line { font: italic 400 18px/22px "Times New Roman",sans-serif;}
    #main-parallax2 .quote {width: 280px;}
    
    #main-parallax2 .quote::before {width: 18px; height: 13px; background-size: 18px 13px; left: -12px;}
    #main-parallax2 .quote::after {width: 18px; height: 13px; background-size: 18px 13px; right: -12px;}
    
    #main-info .right-content {margin: 22px auto; width: 300px; float: none; display: block;}
    #main-info .right-content h2 { font: 400 32px/40px "Titillium Web",sans-serif;}
    #sub-wrapper .slogan {font: 400 16px/34px "Titillium Web",sans-serif; padding: 10px;}
    #main-parallax2 {min-width: 300px; background: url('../grafika/parallax-bg2.jpg') 50% no-repeat !important;}
    #dane-kontaktowe {min-width: 300px; height: 390px;}
    #dane-kontaktowe .logo2, #dane-kontaktowe svg { margin: 25px 0px 0 0;}
    #dane-kontaktowe .bottom-mail {margin: 44px 0 0 0px;}
    #dane-kontaktowe .bottom-adress {margin: 30px 0px 0 0;}
	#dane-kontaktowe .bottom-adress::before {top: 5px;}
    #dane-kontaktowe .bottom-tel { margin: 30px 0px 0 0;}
    #b-fb {display: inline-block; top: 35px;}
    #b-instagram {display: inline-block; top: 35px; left: 35px;}
	footer {min-width: 300px;}
	footer .content div {width: 100%; display: flex; align-item: center; justify-content: center; flex-wrap: wrap;}
	footer .copyright, footer .zasady {margin-bottom: 5px;}
	footer .separator {display: none;}
    
    #content h1 {font: 400 22px/30px "Titillium Web",sans-serif;}
    #content h2 { font: 400 18px/24px "Lato",sans-serif;}
    #content h3 { font: 400 16px/22px "Lato",sans-serif;}
    
    	#content .cf:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
	#content * html .cf { zoom: 1; }
	#content *:first-child+html .cf { zoom: 1; }
	
	#content table { width: 100%; border-collapse: collapse; border-spacing: 0; }
 
        #content table th { padding: 14px;}
        
	#content table th,
	#content table td { margin: 0; vertical-align: top; text-align: left; border: none; }
	#content table th { text-align: left; }
	
	#content table { display: block; position: relative; width: 100%; }
	#content thead { display: block; float: left; }
	#content tbody { display: block; width: auto; position: relative; overflow-x: auto; white-space: nowrap; }
	#content thead tr { display: block; }
	#content th { display: block; text-align: right; }
	#content tbody tr { display: inline-block; vertical-align: top; }
	#content td { display: block; min-height: 1.25em; text-align: left; }
        
        #content th { border-bottom: 0; border-left: 0; }
	#content td { border-left: 0; border-right: 0; border-bottom: 0; }
/*	#content tbody tr { border-left: 1px solid #babcbf; }
	#content th:last-child,
	#content td:last-child { border-bottom: 1px solid #babcbf; }
    */
    #main-parallax .realizacje-btn, #main-parallax .oferta-btn {padding: 15px 15px; font: 400 16px/26px "Titillium Web",sans-serif;}
    
    #content .jak-dzialamy-item .text {width: 260px;}
    #galeria .galeria-item {width: 292px; height: 202px; margin: 0 0 15px 0;}
    #galeria .galeria-item .overlay {width: 292px; height: 202px;}
    #galeria .galeria-item img {width: 292px; height: 202px;}
    
    #content .jak-dzialamy-item .lp { font: 400 28px/30px "Lato",sans-serif;}
    
    
    #galeria-dom-desktop {display: none;}
    #galeria-dom-mobile {display: block;}
    #opis-dom {float: none; width: 300px;}
    
    #content .left-contact {float: none; margin-bottom: 30px;}
    #content .right-contact {float: none; width: 300px;}
    #content .formularz_kontaktowy {width: 300px;}
    
    .formularz_kontaktowy .f_kolumna_1 {width: 100%; margin-right: 0;}
    .formularz_kontaktowy .f_input {width: 287px;}
    .formularz_kontaktowy .f_kolumna_2 {width: 100%;}
    .formularz_kontaktowy .f_tekst {width: 300px;}
    .formularz_kontaktowy .f_textarea {width: 287px; height: 92px;}
    #form_lewy {width: 280px;}
    .formularz_kontaktowy .f_button {float: left; margin: 5px 0 10px 0;}
    
    #galeria-dom-mobile {width: 300px; text-align: center;}
    #galeria-dom-mobile .galeria-glowne {width: 292px; height: 202px; margin: 0 0 15px 0;}
    #galeria-dom-mobile .galeria-glowne img {width: 292px; height: 202px;}
    #galeria-dom-mobile .galeria-glowne .overlay {width: 292px; height: 202px;}
    
    #galeria-dom-mobile .galeria-item2 {width: 292px; height: 202px; margin: 0 0 15px 0;}
    #galeria-dom-mobile .galeria-item2 img {width: 292px; height: 202px;}
    #galeria-dom-mobile .galeria-glowne .overlay {width: 292px; height: 202px;}
    
    #opis-dom .item-btn {float: none !important; display: inline-block; margin: 0 auto 20px;}
    
    #map iframe {width: 300px;}
    #galeria-dom {width: 374px;}
    #galeria-dom .galeria-glowne {width: 366px; height: 252px;}
    #galeria-dom .galeria-glowne img {width: 366px; height: 252px;}
    #galeria-dom .galeria-glowne .overlay {width: 366px; height: 252px;}
    #galeria-dom .galeria-item2 {width: 167px; height: 115px; margin: 0 5px 10px;}
    #galeria-dom .galeria-item2 img {width: 167px; height: 115px;}
    #galeria-dom .galeria-item2 .overlay {width: 167px; height: 115px;}
 
    #items-boxes .item-box {width: 296px; height: 358px; margin: 0 0 20px 0;}
    #items-boxes .item-box .pic {width: 296px; margin: 0; height: 210px;}
    #items-boxes .item-box img {width: 296px; height: 210px;}
    #items-boxes .item-box .pic .overlay {width:296px; height: 210px;}
    #items-boxes .item-box .podpis {margin: 15px 0 30px;}
    
    #toTop {display: none !important;}

    #cookies_adv { width: 320px;}
    #cookies_adv .des {font: 400 11px/13px 'Titillium Web', sans-serif;}
    #cookies_adv .buttons a {margin: 10px 0 0;}
}