/******************************************************
********************** res ****************************
******************************************************/

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

	.box-border-2 { left: -340px; }
}



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

	.container { width: 94%; }
	.header { font-size: 50px; }
	.header-small { font-size: 42px }
	.main-frame-l { width: 65% }
	.slider-opinie .opinia .desc { width: 60% }


	.na-co-czekasz-frame .zero { right: 40px; }

}

@media only screen and (max-width: 1280px) { 
	.slider-opinie { width: calc(100% - 50px) }
	.slider-prev { left: -20px;}
	.slider-next { right: -20px }
	.slider-prev, .slider-next { width: 46px !important; height: 46px !important; }


}

@media only screen and (max-width: 1260px) { 
	.button { font-size: 16px; padding: 13px 30px; }
	.top .menu li { margin-right: 40px; }
	.footer-flex { width: calc(100% - 260px) }
}


@media only screen and (max-width: 1180px) {
	.menuMobileClick { display: block; position: absolute; top: 33px;  }
	.top .langs { display: none; }
	.top .button.top-cta { margin-top: 30px; }
	.top .logo { margin-left: 50px }
	.menuFixed-inner .menuMobileClick { display: none; }
	.menuFixed-inner .btn-prezentacja { display: none; }
	.menuFixed-inner .container { width: 100% }
	.menuFixed-inner .menu-container, .menuFixed-inner .menu { width: 100% }
	.menuFixed ul.langs { padding-top: 30px; margin-bottom: 30px;   }
	.menuFixed-inner .top-inner { padding-right: 0 }
	.menuFixed .top-inner { height: auto; }

	.menuFixed ul.langs li { color:  #FF6900; position: relative; }
	.menuFixed ul.langs li.active { color:  #20221E }
	.menuFixed ul.langs li.active:after { width: 5px; height: 100px; content: ""; display: block; position: absolute; right: 0; top: 0; background: #20221E }
	.top-cta-mobile { position: absolute; right: 30px; top: 20px; }

	.menu-search-icon-mobile{ display:block; }
	.top .menu { display: none; }
	.top-inner { margin-top: 0; padding-right: 20px }
	.menu-glowne { display: none; }
	.menuFixed .menu-glowne { display: block; }
	.menu-nav { width: 100% }
	.menuFixed ul a { color: #fff; font-size: 25px;  }
	.menu-glowne ul li { margin: 15px; }
	.menuFixed ul li.menu-search-icon, .menuFixed ul li.menu-item-lang { display: none; }
	.menu-small-desk { display: none; }
	.menu-small-mobile { display: block; position: fixed; bottom: 0; z-index: 999 }



	.main-frame-l { width: 100% }
	.main-frame .header { width: 560px;  }
	.txt-main { margin-top: 110px;  }
	.main-frame-r { right: -40px;  }
	.txt-main { width: 70% }
	.optymalizacja-box .name { margin-bottom: 60px; }

	.na-co-czekasz-frame .zero { height: auto; width: 40% }
	.na-co-czekasz-frame .txt { max-width: 450px;  }
}

@media only screen and (max-width: 1000px) {
	.kostka-desktop { display: none; }
	.kostka-mobile { display: block; }
	.jak-to-r { width: 100% }
	.jak-to-l { width: 500px; margin: auto; }
	.ikony-naglowek-mobile { display: block; }
	.jak-to-r .txt { margin-bottom: 0 }
	.automatyzacja { margin-top: 100px; margin-bottom: 80px;  }
	.automatyzacja-foto { position: relative; top: 50px; width: 170%; left: 30%; }
	.automatyzacja-left { width: 90%;}
	.automatyzacja-left .txt-gray { position: relative; }
	.box-border-4 { width: 200px; right: -50px; top: 250px; }
	.box-border-4::after { padding-top: 400px; }
	.box-border-5.box-border-5-desk { display: none; }
	.box-border-5.box-border-5-mobile { display: block; border: 2px solid #FF6900; right: auto; left: -200px; top: -100px;  z-index: 1 }
	.a-iko2 { top: 0;  }
	.a-iko1 { top: -70px;  }
	.automatyzacja-foto2 { width: 150%; margin-top: -180px; position: relative; }
	.a-iko3 { top: -20px; left: 80px; z-index: 5  }
	.a-iko4 { top: auto;left: 200px; z-index: 5 }
	.automatyzacja-foto2 img { position: relative; z-index: 2 }

	.footer-flex-out { flex-direction: column-reverse; }
	.logo-footer { text-align: center; }
	.footer-flex { width: 100%; margin-top: 40px; }
	footer .container { padding: 0 }
	.footer-flex .kol:last-of-type { text-align: right; }
	footer { padding: 40px 0 }
	footer .button { font-size: 18px; padding: 15px 37px; }
	.logo-footer {margin: auto; width: 305px;}

	.dlaczego-item { display: block; }
	.dlaczego-l { padding-top: 60px;  }
	.dlaczego-r { width: 100%; position: relative; }
	.dlaczego-item::after { padding-top: 60% }

	.dlaczego-foto-1-1 { width: 20%; left: 5% }
	.dlaczego-foto-1-2 { left: 17%; width: 53% }
	.dlaczego-foto-1-3 { width: 61.9%; left: 32% }
	.dlaczego-foto-2-3 { width: 36%; left: 3% }
	.dlaczego-foto-2-2 { width: 47%; left: 25% }
	.dlaczego-foto-2-1 { width: 51%; left: 46% }
	.dlaczego-foto-3-1 { width: 46%; left: 3% }
	.dlaczego-foto-3-2 { width: 68%; left: 29% }
	.dlaczego-foto-3-3 { width: 48%; left: 49% }
	.dlaczego-foto-4-2 { left: 29%; width: 59% }
	.dlaczego-foto-4-1 { width: 34%; left: 10% }
	.dlaczego-foto-5-2 { right: 3%; width: 83% }
	.dlaczego-foto-5-1 { top: -13%; right: 6%; width: 43% }

	.dlaczego-txt-mobile { display: block; padding: 20px 0 20px 50px; width: 50% }
	.dlaczego-txt-desk { display: none; }
	.dlaczego-item::after { display: none; }
	.dlaczego-r::after { content: ""; display: block; padding-top: 60% }

	.dlaczego-item { padding-bottom: 100px; }
	.slider-dlaczego.owl-theme .owl-nav.disabled + .owl-dots { margin-top: 10px; position: absolute; bottom: 36px; transform: translateX(-50%); left: 50%;}
	.slider-dlaczego .owl-item { padding-bottom: 0 !important }
	#korzysci .slider-dlaczego-prev, #korzysci .slider-dlaczego-next { top: auto !important; bottom: 0px !important }
	#korzysci .slider-dlaczego-prev { left: 15px !important; }
	#korzysci .slider-dlaczego-next { right: 15px !important;  }

	#korzysci .owl-carousel .owl-stage {  display: flex; }
	.dlaczego-item { height: 100% }
}

@media only screen and (max-width: 900px) {
	.header { font-size: 46px; }
	.header-small { font-size: 38px; text-align: center;}
	.main-frame .header { width: 450px; }
	.main-frame-r img { width: 340px;  }
	.main-frame-r { right: 0; top: 30px }
	.main-frame { padding: 40px }
	.txt-main { width: 80% }

	.optymalizacja-flex { flex-direction: column; }
	.optymalizacja-box { width: 100%; margin-bottom: 30px}
	.optymalizacja-box .name { font-size: 36px; margin-bottom: 30px;}
	.box-border-1 { top: auto; bottom: 175px; width: 300px;}
	.box-border-2 { top: 120px; width: 300px; left: -280px; z-index: -1; }

	.videowrapper { width: 106%; margin-left: -3% }
	.nadzedzie-dla-flex { flex-direction: column; margin-top: 40px; }
	.nadzedzie-dla-item { width: 100%; display: flex; align-items: center;}
	.nadzedzie-dla-item2 { flex-direction: row-reverse;  }

	.na-co-czekasz-frame .txt { max-width: 400px;  }
	.na-co-czekasz-frame .cursor { width: 200px; bottom: -80px; }

	.form-flex .form-pole { width: 100% }
}

@media only screen and (max-width: 800px) {
	.slider-prev { left: -10px;}
	.slider-next { right: -10px }
		.kontrola-item .foto .screen-mobile { display: block; }
	.kontrola-item .foto .screen-desktop { display: none; }
}


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

	.header { font-size: 44px }

	.txt { font-size: 22px;  }
	.txt-main { margin-top: 170px }
	.main-frame-r { top: 70px; }
	.main-frame-r img { width: 320px }
	.frame-cta-txt { display: block; margin-bottom: 20px}
	.faq-flex { flex-direction: column; margin-bottom: 20px;  }
	.faq-flex .desc { width: 100% }

	.na-co-czekasz-frame .zero-desk { display: none; }
	.na-co-czekasz-frame .zero-mobile { width: 80%;  position: relative; margin:auto; display: block; margin-bottom: 30px; right: auto;}
	.na-co-czekasz-frame .header { margin-bottom: 40px;  }
	.na-co-czekasz-frame .cursor { left: 300px; }

	.dlaczego-l, .dlaczego-txt-mobile {padding-left: 30px}
	.dlaczego-txt-mobile { width: 70% }

	.menuFixed-inner { width: 340px;  }
	.top-cta-mobile { right: 20px;  }
	.menuFixed .logo { left: 60px; width: 220px;  }
}


@media only screen and (max-width: 600px) {
	.header { font-size: 40px;  }

	.jak-to-l { width: 96%;  }
	.ikony-naglowek-mobile { font-size: 22px;  }
	.nadzedzie-dla-item { padding: 0 }
	.nadzedzie-dla-item .foto img { margin-left: 0; width: 100% }
	.nadzedzie-dla-item .content { padding-left: 20px; }
	.nadzedzie-dla-item2 .content { padding-left: 0; padding-right: 20px; }

	.automatyzacja-foto { width: 220% }
	.automatyzacja-foto2 { width: 200%; margin-top: -120px;  }
	.box-border-5.box-border-5-mobile { left: -20% }
	.a-iko1 { left: 300px;  }
	.page_404 .title { font-size: 180px;  color: #FF8000; }


	.top-cta-mobile { display: none; }
	.menuFixed-inner { width: 80% }
	.menuFixed .logo { left: 100px;  }
	.menuFixed-inner .btn-prezentacja { display: block; width: 250px; margin: auto; position: relative; z-index: 88888; }
	.menuFixed ul li { font-size: 24px; margin-bottom: 25px;  }

}

@media only screen and (max-width: 550px) {
	main {padding-top: 90px;}
	.slider-opinie { margin: auto; }
	.slider-opinie .opinia { flex-direction: column; }
	.slider-opinie .opinia .desc {  width: 100%; text-align: center;}
	.slider-opinie .opinia .foto { width: 200px }
	.nadzedzie-dla-container { padding: 60px 30px }
	.nadzedzie-dla-item { margin-bottom: 30px }
	.nadzedzie-dla-item3 { margin-bottom: 0 }
	.top .button { font-size: 13px;  padding: 11px 15px;  }
	.top-inner { padding-right: 0 }
	.top .logo { width: 150px;  }
	.top .button.top-cta { margin-top: 23px;  }
	.dlaczego-txt-mobile { width: 80% }
	.kontrola-item .desc { width: 90%; left: 8% }
		.menuMobileClick { top: 25px;  }
	
}

@media only screen and (max-width: 500px) {
	.header { font-size: 38px;  }

	.main-frame .header { width: 385px; }
	.main-frame-r img { width: 260px;  }
	.main-frame-r { top: 160px; }
	.txt-main { width: 90%; margin-top: 190px }
	.main-frame { padding: 40px 30px;  }
	.a-iko1 { left: 250px;top: -30px; }
	.na-co-czekasz-frame .zero-mobile { width: 100% }
	.na-co-czekasz-frame .cursor { width: 150px; bottom: -60px; }
	.na-co-czekasz-frame .txt { width: 100% }
	.na-co-czekasz-frame .cursor { left: auto; right: -50px; bottom: -75px;  }

	.formularz-frame { padding: 60px 20px; }
	.form-label { font-size: 20px; }
	.wpcf7 input, .wpcf7 select, .wpcf7 textarea { padding: 14px 30px; }
	.form-label { left: 20px; }
	.custom-select select { padding-left: 20px }
	.footer-flex { flex-direction: column-reverse; }
	.footer-flex .kol:first-of-type { width: 100%; padding-right: 0; text-align: center;}
	.footer-flex .kol:last-of-type { text-align: center; width: 100%; margin-bottom: 20px }
	.ikony-naglowek-mobile {margin-top: 30px;}
}


@media only screen and (max-width: 430px) {
	.slider-dlaczego .owl-dot { margin: 0 7px !important; }
	.main-frame-r img { width: 220px;  }
	.main-frame-r { top: 190px;  }
	.txt-main { width: 100%; margin-top: 180px; }
	.menuFixed .logo {  left: 65px; top: 9px; width: 180px;  }
	.menuFixed-inner { width: 90% }
}


@media only screen and (max-width: 400px) {
	
	
	.automatyzacja-foto { width: 250% }
	.automatyzacja-foto2 { width: 220%; margin-top: -120px;  }
	.box-border-5.box-border-5-mobile { left: -20% }
	.a-iko1 { left: 200px;top: -30px; }

	.wpcf7 input, .wpcf7 select, .wpcf7 textarea { font-size: 18px;  }
	.form-label { font-size: 18px; }
	.form-pole.required::after, .form-pole.custom-select::after { top: 18px; }
	.custom-select::before { top: 14px; }

	.top .button { font-size: 11px;  }
	.top .logo { margin-left: 30px;  }
	.menuMobileClick { width: 30px; top: 31px;  }
	.menuMobileClick div { width: 30px; height: 3px; margin: 6px 0  }

}