/*------------ COMPUTER 1920px----------------*/

@media screen and (min-width: 1910px) {

	div.text-slide h1.main, div.text-slide h1.head {
    font-size: 8.0em;
	}
	
	div.text-slide h5.paragraf {
    font-size: 2.0em;
	}
	
	article.about-text p {
    font-size: 1.7em;
}

.mfp-title {
    font-size: 1.7em;
    line-height: 140%;
}
	
h1.main {
    font-size: 5.0em;
}

h2.about {
    font-size: 4.2em;
}

.next-button {
    right: 220px;
}

.box-text {
    padding: 20px 30px;
}

h5.text-offerbox {
    font-size: 3.8em;
}

p.offer-desc {
    font-size: 1.8em;
}

h4.clients {
font-size: 4.5em;
}

div.info-footer article.footer-text {
    font-size: 1.5em;
}

div.footer p.copyright {
    font-size: 1.3em;
}

ul.menu-footer li a {
    font-size: 1.6em;
}

img.desktop {
    margin-bottom: 20px;
}

h3.page-headline1 {
    font-size: 5.0em;
}

h4.page-headline2 {
    font-size: 4.0em;
}

h3.box {
    font-size: 34px;
}

p.desc-box {
    font-size: 1.6em;
}
	
	h3.icon-head {
    font-size: 34px;
	}
	
	ul.punkt li {
    font-size: 1.7em;
	}
	
	section#offer-boxed {
    height: 760px;
	}
	
	h3.banner-head {
    font-size: 38px;
}
	h3.kontakt {
    font-size: 24px;
}
p.red {
    font-size: 20px;
}

p.contact-p {
    font-size: 20px;
    padding-top: 10px;
}

h4.contact-head {
    font-size: 2.0em;
padding-top: 10px;
}

h5.contact-text {
    font-size: 1.7em;
margin-top: 2px;
}
}

@media screen and (min-width: 1720px) {
	div.text-slide {
    top: 34%;
}

.next-button {
    right: 180px;
}
}


@media screen and (min-width: 1400px) {
div.text-slide {
    top: 25%;
	}
}


@media screen and (min-width: 1200px) {
	.box-offer-list {
		padding-right: 70px;
	}
	div.text-slide {
    top: 20%;
	}
}

@media screen and (max-width: 1200px) {
	img.maps {
		width: 390px;
		right: -45px;
	}
}


/*------------ TABLET 1024px----------------*/

@media screen and (max-width: 1024px) {
	div.img-footer {
		background-image: url(../img/footer-m2.jpg);
		background-size: cover;
	}
	.owl-carousel .owl-stage {
		display: flex !important;
		align-items: center !important;
	}
	img.elektryk {
		margin-top: 40px;
		width: 350px;
	}
	img.maps {
		right: 0px;
	}
		div.text-slide {
    top: 12%;
	}
}


/*------------ TABLET 991px----------------*/

@media screen and (max-width: 991px) {
	table {
		margin-top: 20px;
	}
	div.warunki {
		padding-bottom: 15px;
	}
	.white-popup {
		max-width: 740px;
		top: 10px;
	}
	div#contact-icons {
		padding: 20px 0px 0px 20px;
	}
	.icon-contact {
		width: 45px;
		height: 45px;
		background-size: 60px 50px;
	}
	td:nth-child(2) {
		padding-left: 15px;
	}
	div.warunki {
		padding: 0 15px 30px;
	}
	div#test-popup2 {
		top: 10px;
	}
	img.desktop {
		display: none;
	}
	#nav-logo {
		display: block !important;
		padding: 10px 5px 10px;
	}
	.nav-list li a {
		color: #fff !important;
	}
	a.button-header {
		font-size: 1.8em;
	}
	div.warunki ul.punkt,
	article.about-text ul.punkt {
		text-align: left;
		padding-left: 10%;
	}
	.main-slide {
		height: 500px;
		background-position: top center;
	}
	section#toabout {
		padding-bottom: 70px;
	}
	section#offerhome::before,
	div.offerhome::before,
	section#offer-boxed::before,
	div.offerpage::before, section#company-boxed::before {
		width: 100px;
		height: 50px;
	}
	section#offerhome::before,
	div.offerhome::before {
		margin-top: -30px;
	}
	div.box1,
	div.box2,
	div.box3 {
		margin-right: 50px;
		margin-left: 50px;
	}
	div.box-container {
		min-height: 300px;
	}
	.box-text {
		width: 400px;
		padding: 10px 30px;
	}
	.next-button {
		left: 420px;
	}
	div.box2 {
		margin-top: 50px;
	}
	section#offerhome {
		padding: 30px 30px 50px;
		margin-bottom: 0px;
	}
	section#clients-home {
		padding-top: 20px;
	}
	button.owl-next {
		transform: translate(0px, -90px);
	}
	div.img-footer {
		height: 240px;
	}
	div.info-footer {
		margin-top: 20px;
	}
	div.info-footer article.footer-text {
		padding: 30px 20px 20px 30px;
	}
	img.logo-footer {
		width: 130px;
	}
	div.info-footer article.footer-text {
		font-size: 1.2em;
	}
	h3.headline-company {
		font-size: 1.1em;
	}
	h3.banner-head {
		margin-top: -10px;
	}
	div.info-footer {
		background-image: url(../img/footer-m.jpg);
		background-size: cover;
		width: 100%;
	}
	section#info::before {
		height: 20px;
		width: 423px;
	}
	img.maps {
		width: 300px;
	}
	p {
		font-size: 13px;
	}
	div.footer p.copyright {
		text-align: center;
	}
	section#offer-boxed {
		margin-top: 0px;
		height: 960px;
	}
	section#clients {
		padding-top: 30px;
	}
	.owl-carousel .owl-stage-outer {
		padding: 20px 10px 0px 20px;
	}
	div.img-footer {
		display: none;
	}
	div.info-company {

    padding: 20px 10px;
	}
	div.minus-top {

    margin-top: -30px;

}
	
	div.text-slide {
    top: 150px;
    width: 100%;
	}
}


/*border-bottom: 3px solid #5e5e62;*/


/*------------ TABLET 800px----------------*/

@media screen and (max-width: 800px) {
	
	div.text-slide {
    top: 120px;
	}
	a.black-color {
		color: #fff !important;
	}
	a {
		color: #fff;
	}
	#nav-bar,
	.nav-bar {
		top: 0px !important;
	}
	.nav-menu {
		display: block;
	}
	.nav-list {
		/*float: left;*/
		width: 100%;
		height: 0;
	}
	.nav-open {
		height: auto;
	}
	.nav-list li {
		width: 100%;
		border-top: 2px solid #2c2b30;
		padding-left: 20px;
	}
	.nav-list li a {
		padding: 5px 10px;
		font-size: 1.6em;
		color: #fff;
		transition: 0.2s;
		font-weight: 500;
	}
	.nav-list li a:hover {
		transition: 0.2s;
		color: #c00a32 !important;
	}
	.nav-list li:focus {
		transition: 0.2s;
		background: #2c2b30;
	}
	.nav-bar {
		background: #313036;
		-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.4);
		box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.4);
	}
	#nav-logo {
		padding: 10px 5px 10px 20px;
	}
	.nav-list li:first-child {
		background: #2c2b30;
	}
	#bg-page-offer {
		height: 238px;
	}
	h3.icon-head {
		margin-right: 50px;
	}
	.icon-contact {
		width: 55px;
		height: 50px;
		background-size: 55px 50px;
	}
	td:nth-child(2) {
		padding-left: 5px;
	}
	section#info2::before {
		width: 455px;
		height: 25px;
	}
	.bg-offer::after {
		top: 238px;
		height: 350px;
		width: 400px;
		left: 70%;
	}
	div.space {
		padding: 0px 0 0px;
	}
	td.head-offer {
		padding-left: 20px !important;
	}
	.owl-carousel .owl-stage-outer {
		padding: 20px 10px 0px 80px;
	}
	section#clients {
		padding-bottom: 20px;
	}
	.btn {
		margin: 20px 10px 30px 20px;
	}
	#clients-rel {
		padding: 10px 0px;
	}
	div.box-company {

    max-width: 100%;

}
		h5.text-offerbox a{
	color: #37363c;
	}
}


/*------------ MOBILE HORIZONTAL 768----------------*/

@media screen and (max-width: 768px) {
	
	div.text-slide {
    top: 100px;
	}
	table {
		margin-left: 20%;
		margin-bottom: 20px;
	}
	.white-popup {
		max-width: 450px;
		padding: 20px;
	}
	.img-footer {
		display: none;
	}
	div.info-footer {
		margin-top: 0px;
		padding-bottom: 10px;
	}
	div.footer p.copyright {
		text-align: center !important;
	}
	div.info-footer article.footer-text {
		font-size: 1.3em;
		color: #fff;
	}
	button.owl-next {
		transform: translate(-20px, -90px);
	}
	button.owl-prev {
		transform: translate(20px, -90px);
	}
	.owl-carousel .owl-stage-outer {
		padding: 20px 40px 0px 50px;
	}
	img.logo-footer {
		width: 160px;
	}
	.owl-carousel .owl-item img {
		width: 261px !important;
		height: 157px;
	}
	.owl-carousel > .active {
		width: 200px;
	}
	img.elektryk {
		display: none;
	}
	section#offer-main {
		padding: 0% 0;
	}
	section#offer-main div.space {
		padding: 0px 0 0px;
	}
	table.offer {
		margin-left: 0%;
		margin-bottom: 0;
	}
	.clients-page {
		margin-top: 20px;
	}
	div.footer {
		padding: 20px 20px 0px;
	}
	h3.page-headline1 {
		padding-top: 20px;
	}
	img.maps {
		width: 300px;
		right: 0px;
		top: -160px;
		opacity: 0.4;
	}
	.contact-table table {
		margin-left: 20px;
		margin-bottom: 0px;
	}
	td:nth-child(2) {
		width: 80%;
	}
	section#info2::before {
		width: 350px;
	}
	div#contact-icons {
		padding: 10px 0px 50px 0px;
	}
	
	#borderbottom {
    right: 80px;
	}
	img.ico-company1 {
    right: 82px;
	}
div.info-company {
    padding: 20px 20px;
	}
	
		div.text-slide h1.main {
    font-size: 5.1em;
}
	
}


/*------------ MOBILE UNDER 540 px----------------*/

@media screen and (max-width:623px) {
	.box-text {
		width: 300px;
	}
	.next-button {
		left: 320px;
	}
	.clients-page {
		margin-top: 100px;
	}
	img.maps {
		right: -80px;
	}
	article.about-text p,
	h3.page-headline1,
	h4.page-headline2,
	h3.kontakt {
		margin-left: 20px;
	}
	.home-text {
		margin-left: 20px;
	}
	.btn {
		margin: 30px 10px 10px 0px;
	}
	.clients-page {
		margin-top: 0px;
	}
	section#portfolio {
		margin-left: 0px;
	}
	section#portfolio .portfolio-items {
    width: 95%;
    margin-left: 15px;
	}
	
	.btn {
    margin: 20px 10px 30px 20px;
}
	section#offer-boxed {
    height: 980px;
}
	div.minus-top {
    margin-top: -50px;
}
	
	div.text-slide h1.main, div.text-slide h1.head,  {
    font-size: 4.7em;
}
	div.text-slide h1.head {
    margin-bottom: -15px;
	}
	div.text-slide {
    top: 80px;
	}
}

@media screen and (max-width:590px) {
	div.text-slide h5.paragraf {

    display: none;
	}
	div.text-slide {

    top: 100px;
	}
}


@media screen and (max-width: 540px) {
	div#map {
		height: 300px;
	}
	div.box1,
	div.box2,
	div.box3 {
		margin-right: 0px;
		margin-left: 0px;
	}
	.next-button {
		left: 270px;
	}
	article.about-text p {
		padding-right: 0px;
	}
	section#toabout {
		padding-bottom: 30px;
	}
	.owl-carousel .owl-item img {
		width: inherit;
		height: inherit;
	}
	section#clients {
		padding-bottom: 10px;
	}
	div.info-footer article.footer-text {
		padding: 50px 20px 20px 30px;
	}
	img.maps {
		display: none;
	}
	.owl-carousel .owl-stage-outer {
		padding: 20px 100px 0px;
	}
	.bg-realizacje::after, .bg-offer::after {
	display: none;
	}
	div.space {
    padding: 10px 0 0px;
}
section#offerhome::before, div.offerhome::before, section#offer-boxed::before, div.offerpage::before, section#company-boxed::before {
    height: 20px;
}
	section#offer-boxed {

    height: 1080px;

}
	
div.text-slide h1.main {
    font-size: 4.4em;
	margin-bottom: 2px;
}
	
div.text-slide h1.head {
    font-size: 4.6em;
	}
}


@media screen and (max-width: 460px) {
		#vid {
		margin-top: 65px;
	}
}

@media screen and (max-width: 424px) {
	table {
		margin-left: 10px;
	}
	.box-text {
		width: 250px;
	}
	.next-button {
		left: 240px;
	}
	ul.punkt {
		margin-left: 20px;
	}
table.offer {
    margin-left: -20px;
    margin-top: 30px;
    margin-bottom: 0px;
}
	h3.icon-head {
		font-size: 23px;
	}
	h3.banner-head {
		font-size: 30px;
		margin-bottom: -20px;
	}
	h4.page-headline2 {
		font-size: 3.0em;
	}
	.contact-table table {
		margin-left: 0px;
	}
div#contact-icons {

    padding: 0px 10px 40px;

}
	.owl-carousel .owl-stage-outer {
    padding: 20px 60px 0px;
}
	section#offer-boxed {
    height: 1150px;
}
	ul.punkt {
    padding: 15px;
	}
	img.ico-company1 {

    right: 40%;
	}
	#borderbottom {
    right: 39%;
	}
	
}

@media screen and (max-width: 395px) {
	section#offer-boxed {
    height: 1250px;
}
			#borderbottom {
	right: 35%;
	}
	img.ico-company1 {

    right: 37%;

}
}

@media screen and (max-width: 360px) {
	.next-button {
		left: 15px;
		top: 130px;
	}
	
		section#offer-boxed {
    height: 1350px;
}
	
}