/* Retina-specific stuff here */

#oferta {
max-width:630px;
margin: 0 auto;
}


@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 192dpi) { 
   	#plans {
		background: url("../images/pricing@2x.png") no-repeat center top;
		-webkit-background-size: 142px 176px;
		background-size: 142px 176px;
	}

	#get-in-touch {
		background: url("../images/get-in-touch@2x.png") no-repeat center top;
		-webkit-background-size: 142px 176px;
		background-size: 142px 176px;
	}

}

@media only screen and (max-width: 1400px) {
	/*
	.slide img {
		width: 1500px !important;

		left:-700px;
	}
	*/
	#slider {
    border: 0px none;
    padding: 0px;
    height: 600px;
}
}

@media only screen and (max-width: 1150px) {
	/*
	.slide img {
		width: 1300px !important;

		left:-700px;
	}
	*/
	#slider {
    border: 0px none;
    padding: 0px;
    height: 550px;
}
}


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


.span6 {width: 100%;display: block;height: auto;min-height:250px;}

.row {margin: 0px 10px;}

.slide .slide-caption h2 {font-size:20px;}

.film iframe {
width: 200px;
height: auto;
margin-left: auto;
margin-right: auto;
}

.film {
    width: 200px;
}


.span_left ul {
    padding: 15px 30px;
}



	#features{
		background: url("../images/features-bg-smaller.png") no-repeat scroll center 970px;
	}

	#call-to-action{
		text-align: center;
	}

	#call-to-action p {
		float: none;
		padding-bottom: 30px;
		margin: 0;
	}
	
	#call-to-action .button {
		margin: 0;
		float: none;
	}

}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {

.inwestycja {margin: 100px;}

	.container{
		width:748px;
	} 

	.columns-container{
		width:768px;
	} 

	#slider{
		height: 393px;
		/* margin-top: 143px; */
	}
/*
	.slide img {
		width: 960px !important;
		max-width: 960px;
		left:-480px;
	}
*/
	.slide-caption {
		top:66px;
		left: 60px;
margin-left: 0px;
    }

    .flex-direction-nav a{
    	margin-top: -31px;
    }

}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
	
	
ul.tabs li {
    display: block;
    width: 100%;
	clear: both;
}
.tab-content {
    clear: both;
}

.col-sm-12 {
	width: 100%;
	display: block;
}

#tab-1 #inwestycja::before, #tab-1 #oferta-domy-szeregowe::before, #tab-1 #oferta-domy-jednorodzinne::before, #tab-1 #galeria::before {
    top: -50px;
}
.tabs .button.green:hover {
    background: #76BB2C;
}

.slide .container {
	display: none;
}

	header nav {
		display: none;
	}	
	.menu-mobile {
		display: block;
	}
	#logo,
	header nav{
		width:100%;
		text-align: center;
	}

	header{
		padding-bottom: 20px;
	}

	header nav ul{
		float:none;
		margin: 0 auto;
	}

	header nav ul li{
		float: none;
		display: inline-block;
	}
	
	#logo {
		display: none;
	}
	#slider{
		margin-top: 30px;
	}


	.half,
	.third,
	.fourth,
	.fifth{
		width: 100%;
		margin: 0;
	}

	body > header{
		position: static;
	}

	.main-menu-select{
		display: block;
		text-align:center;
	}
	
	.main-menu-select select{
		width:60%;
	}


	#slider {
		height: auto;
		background: #F5F5F5;
		border-bottom: 1px solid #DCDCDC;
	}
	
	.flexslider:before,
	.slides:before {
		display: none;
	}

	.slide .container {
		position: relative;
		height: auto;
	}
	
	.slide img {
		height: auto !important;
		width: auto !important;
		max-width: 100%;
		position: relative;
		left:0;
		margin-left:0;
	}

	.slide-caption {
		color: inherit;
		position: relative;
		top:0;
		width: auto;
		z-index: 98;
		background:none;
		box-shadow:none;
		padding-top: 40px;
		margin-left: 0px;
    }
    	
    .slide .slide-caption h2 {
	    text-shadow:none;
	}
		
	.slide .slide-caption p {
	    text-shadow:none;
	}
	
	.slide .slide-caption{
		text-align: center;
		padding-bottom: 100px;
	}

	.slide .slide-caption .button-underline {
		display: inline-block;
		white-space:nowrap;
		margin: 30px;
	}

	.slide .slide-caption .button {
		margin-top: 30px;

	}
	
	#slider:after {
		display:none;
	}

	.flex-control-nav{
		opacity: 1;
	}

	#features{
		background: none;
		padding-bottom: 60px;
	}

	.price-table{
		margin-bottom: 40px;
	}

	.price-table.green{
		margin-top: 40px;
	}

	footer .left.half,
	footer .right.half{
		text-align: center;
		line-height: 40px;
	}

      #features .fourth {
		margin-bottom: 5px;
	}
	.pobierz {
		float:none;
		margin-bottom: 40px;
	}

}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.container{
		width:460px;
	}

	.columns-container{
		width:480px;
	}

}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {	
	.container,
	.columns-container{
		width: 95%;
	}

	.social-buttons a { 
		width: 100%;
	}

}