/* SMALL SCREENS */
@media only screen and (max-width: 1200px) {
	
#page-content { min-width: 940px; }
.wrapper { width: 940px; }
.main-content { width: 640px; }
aside {	width: 240px; }

.blog-content { width: 550px; }

.one-half  { width: 450px; }
.one-third { width: 286px; }
.two-third { width: 612px; }
.one-fourth { width: 205px; }
.two-fourth { width: 450px; }
.three-fourth { width: 695px; }
.one-fifth { width: 156px; }
.two-fifth { width: 356px; }
.three-fifth { width: 554px; }
.four-fifth { width: 752px; }

.main-content .one-half  { width: 300px; }
.main-content .one-third { width: 186px; }
.main-content .two-third { width: 412px; }
.main-content .one-fourth { width: 130px; }
.main-content .two-fourth { width: 300px; }
.main-content .three-fourth { width: 470px; }
.main-content .one-fifth { width: 98px; }
.main-content .two-fifth { width: 236px; }
.main-content .three-fifth { width: 334px; }
.main-content .four-fifth { width: 472px; }

.one-half .iconbox-content { width: 400px; }
.one-third .iconbox-content { width: 236px; }
.one-fourth .iconbox-content { width: 155px; }


}

@media all and (min-width: 1201px) {

	#section-clients .column {
		width: 510px;
		margin: 0 20px;
	}
 }

@media all and (min-width: 1024px) and (max-width: 1200px) {	
	nav#main-nav ul li {
		margin: 0px 0px 0px 12px
	}

	.one-half {
		width: 416px;
	}

	#section-klienci > .section-inner {
		padding-bottom: 791px;
	}

}

/* TABLETS ON PORTRAITS */
@media only screen and (max-width: 1023px) {	



h1 { font-size: 80px; line-height: 100px; }
h2 { font-size: 36px; line-height: 54px; }
h3 { font-size: 28px; line-height: 42px; }
h4 { font-size: 20px; line-height: 30px; }
h5 { font-size: 18px; line-height: 26px; }
h6 { font-size: 16px; line-height: 22px; }

#page-content { min-width: 740px; }
.wrapper { width: 740px; }
.main-content { width: 100%; float:none; }
aside {	width: 100%; float: none; margin-top: 100px; }

header #logo { padding: 10px 0; height: 40px; max-width: 350px; }
header.logo-top #logo { padding: 10px 0; height: 40px; max-width: 100%; }
nav#main-nav > ul > li > a:first-child { line-height: 40px; padding: 10px 0; }
nav#menu-controls > ul > li { height: 40px; padding: 10px 0; }	
nav#main-nav > ul > li > .sub-menu { top: 60px; }

nav#main-nav { display: none; }
.open-responsive-nav { display:block; }
.logo-top .open-responsive-nav { display:inline-block; }

#portfolio-single aside { margin-top: 0px; }

.blog-content { width: 650px; }

.one-half  { width: 350px; }
.one-third { width: 220px; }
.two-third { width: 480px; }
.one-fourth { width: 155px; }
.two-fourth { width: 350px; }
.three-fourth { width: 545px; }
.one-fifth { width: 116px; }
.two-fifth { width: 272px; }
.three-fifth { width: 428px; }
.four-fifth { width: 584px; }

.one-half .iconbox-content { width: 300px; }
.one-third .iconbox-content { width: 170px; }
.one-fourth .iconbox-content { width: 105px; }

.pricing-table { padding: 15px; }
.pricing-accent { padding: 35px 15px; }
.one-fourth .pricing-table {	padding-left: 5px;	padding-right: 5px; }
.price-amount { font-size: 60px; line-height: 60px; }
.one-fourth .price-amount { font-size: 40px; line-height: 40px; }


/* CUSTOM */ 



.bg2_1, .bg2_2 {
	width: 100%;
}

.bg2_2 {
	z-index: -1;
}

.one-half {
	width: 95%;
	color: #fff;
	background-color: rgba(0,0,0, 0.6);
	padding: 20px;
}

h5 strong {
	color: #fff;
}

#section-o-budynku > .section-inner { 
	padding-top: 0px;
	height: initial;
}

#section-o-budynku .column-section:first-child .one-half:nth-child(2) {
	margin-bottom: 100px;
	width: initial;
}

#section-home .section-title h2 {
	line-height: 58px;

}

#secton-o-budynku .wrapper {
	width: initial;
}


.column-section .one-half:nth-child(2) {
	padding-left: 0%;
	width: 100%;
	padding: 50px;
}

.column-section:nth-child(2) .one-half:first-child {
	padding-left:0%;
	width: initial;
	padding: 50px;
	margin-right: 0px;
}

#section-o-budynku .last-col {
	width: 90%;
	border-radius: 0%;
}

#section-o-budynku .column-section:nth-child(2) {
	margin-top: 100px;
}

.column-section:nth-child(2) .one-half:first-child {
	width: 90%;
	border-radius: 0%;

}

	#section-o-budynku > .section-inner {
		padding-bottom: 100px;
	}

	.logged-in .fixed-header header {
		background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.7);
		-webkit-backface-visibility: hidden; 
		-webkit-transform: translateZ(0);
	}

	#section-o-budynku .column-section:nth-child(2) {
		margin-top: 180px;
	}



	#section-zobacz-budynek, #section-budynek-w-liczbach, #section-zobacz-video, #section-klienci {
	/*	background-attachment: fixed !important;
	*/	
	}

	#section-klienci .one-half,	#section-clients .one-half {
		background: none;
		margin-top: 40px;
	}

	#section-klienci .column-section .one-half:nth-child(2), .one-half:nth-child(4), #section-clients .column-section .one-half:nth-child(2) {
		width: 95%;
		padding: 0px;
	}

	#section-klienci .team-info {
		text-align: center;
	}

	#section-klienci > .section-inner {
		padding-bottom: 0px;
	}

	#section-klienci {
		height: 1871px;
	}

	#section-o-budynku .column-section:first-child .one-half:nth-child(2) {
		padding-left: 5%;
	}

	#section-o-budynku .column-section:nth-child(2) .one-half:first-child {
		width: 90%;
	}

	#section-o-budynku .column {
		 margin: 0px;
	}

}



/* Smartphones*/
@media only screen and (max-width: 760px) {

h1 { font-size: 64px; line-height: 74px; }
h2 { font-size: 32px; line-height: 44px; }
h3 { font-size: 26px; line-height: 36px; }
h4 { font-size: 20px; line-height: 28px; }
h5 { font-size: 18px; line-height: 26px; }
h6 { font-size: 16px; line-height: 22px; }

#page-content { min-width: 300px; }
.wrapper { width: 300px; }
.main-content { width: 100%; float:none; }
aside {	width: 100%; float: none; margin-top: 60px; padding-top: 60px; border-top: 1px solid #d9d9d9; }

#portfolio-single aside { border:none; padding-top:0; }

.blog-date { width: 50px; }
.blog-date .date-day { font-size: 40px; line-height: 30px;}
.blog-date .date-month {font-size: 10px; letter-spacing: 0.03em; }
.blog-content { width: 240px; float: right; }

.column { margin: 60px 0 0 0; }
#section-about-the-building .column { margin: 0px 0 0 0; }

div .column:first-child { margin: 0; }
.one-half  { width: 100%; }
.one-third { width: 100%; }
.two-third { width: 100%; }
.one-fourth { width: 100%; }
.two-fourth { width: 100%; }
.three-fourth { width: 100%; }
.one-fifth { width: 100%; }
.two-fifth { width: 100%; }
.three-fifth { width: 100%; }
.four-fifth { width: 100%; }

.one-half .iconbox-content { width: 250px; }
.one-third .iconbox-content { width: 250px; }
.one-fourth .iconbox-content { width: 250px; }

.pricing-table { padding: 30px !important; }
.pricing-accent { padding: 50px 30px !important; }
.price-amount { font-size: 80px !important; line-height: 80px !important; }

/* Spacings */
.section-title { margin-top: -7px; margin-bottom: 60px; }
.section-inner { padding-top: 60px; }
#portfolio-single {  padding-top: 60px; }
.ajax-section #portfolio-single {  padding-bottom: 60px; }
#portfolio-single .portfolio-media { margin-top: 40px; }
#portfolio-single .portfolio-content { margin-top:0; padding-top: 40px; }
.ajax-section { padding-bottom: 60px; }
#ajax-loader .loader-icon { top: 20px!important; }
.close-project { bottom: 70px; }
.spacer.spacer-mini { height: 15px; }
.spacer.spacer-small { height: 30px; }
.spacer.spacer-medium { height: 45px; }
.spacer.spacer-big { height: 60px; }

/* RS Slider captions buttons */
.tp-caption .sr-buttonicon {
	font-size:22px !important;
	border: none;
	padding: 4px; width: 24px; height: 24px !important; line-height: 24px !important;
	}

#section-home .section-title h2:before {
	line-height: 95px;
	letter-spacing: 1px;
}

h2 {
	font-size: 42px;
	line-height: 52px;

}

#section-home > .section-inner {
	padding: 240px 0;
}

/* CUSTOM CODE */

#section-home > .section-inner { 
	padding-top: 250px;
	padding-bottom: 150px;
}

#section-o-budynku .column-section:first-child .one-half:nth-child(2) {
	margin-bottom: 0px;
}

#section-home .section-title h2:before {
	font-size: 26px;
}

#section-home .section-title h2 {
	font-size: 45px;
}

#section-o-budynku .column-section:first-child .one-half:nth-child(2) {
	top: -50px;
}

#section-about-the-building .column 

h2 {
	font-size: 36px;
}

.section-title h4 {
	font-size: 52px;
	line-height: 57px;
}

#section-kontakt .column {
	margin: 0px;
}

footer .copyright {
	text-align: center;
	float: none;
	margin-bottom: 30px;
	width: initial;
}

.realisation {
	float: none;
	text-align: center;
}

#section-o-budynku > .section-inner {
	padding-top: 0px;
}

p {
	text-align: center;
}

.one-half {
	padding: 0px;
}

.column-section:nth-child(2) .one-half:first-child{
	width: auto;
	padding: 50px;
}

.bg2_2 {
	background: url('/wp-content/themes/nowyswiat68/files/images/mapa.png') no-repeat center 90%, url('/wp-content/uploads/2014/09/CMX4810a_2x.jpg') center center / cover transparent;
}

h5 {
	text-align: center;

}

h5:after {
	margin: 15px auto;
}

/*.one-fifth:first-child .counter-value:after {
	content: 'osób';
	font-size: 15px;
	display: block !important;
	margin-top: 12px;

}

.one-fifth:nth-child(2) .counter-value:after {
	content: 'metrów';
	font-size: 15px;
	display: block;
	margin-top: 12px;
	-webkit-backface-visibility: hidden; 
	-webkit-transform: translateZ(0);

}

.one-fifth:nth-child(3) .counter-value:after {
	content: 'm2';
	font-size: 15px;
	display: block;
	margin-top: 12px;
	-webkit-backface-visibility: hidden; 
	-webkit-transform: translateZ(0);

}

.one-fifth:nth-child(4) .counter-value:after {
	content: 'całkowitego      metrażu';
	font-size: 15px;
	display: block;
	margin-top: 12px;
	-webkit-backface-visibility: hidden; 
	-webkit-transform: translateZ(0);

}

.one-fifth:nth-child(5) .counter-value:after {
	content: 'lata';
	font-size: 15px;
	display: block;
	margin-top: 12px;
	-webkit-backface-visibility: hidden; 
	-webkit-transform: translateZ(0);

}

#section-kontakt .one-third a {
	text-indent: -999em;
}

#section-kontakt .one-third {
	height: 260px;
}*/

/* NASI KLIENCI */

#section-klienci {
	height: 2312px;
}	
	
	#section-klienci .column {
		margin-top: 0px;
	}

	#section-klienci .one-half:first-child {
		margin-top: 10px;
	}

	#section-klienci .one-half {
		margin-bottom: 60px;
	}

}