/* IPAD Land */

@media only screen and (min-width: 1024px) and (max-width: 1025px) and (orientation: landscape) {


	#slides .slides-container div, #contact {background-position: top center;}

	#slides .slides-container div {
		background-attachment: fixed;
		background-repeat: no-repeat;
	}

#slides .slides-container .image1{

	}

	#slides .slides-container .image2{

	}
	
	#slides .slides-container .image3{

	}

	#slides .slides-container .image4{

	}

	#contact {height: 90%; 	background: url(../images/parallax/plot.jpg) fixed; background-position: -100px -130px; padding: 100px 0 10px;}
	#foto1 {padding: 10px 0 10px; background: url(../images/parallax/2.jpg) fixed; background-size: 110vw; background-position: center center;}
	#foto2 {padding: 10px 0 10px; background-size: 140vw; background-position: 0 0;}
	#logo-text {font-size: 24px; padding-left: 15px;}
	.typographic > div {font-size: 13px;}
	.header {font-size: 26px;}
	p {padding: 20px;}

	.inner-oferuje{
		position: relative;
		margin: 0 auto;
		padding: 5px 0;
		text-align: center;
	}

	.oferuje {font-size: 25px; margin: auto; font-family: "Coda"; width: 780px;}
	.koncowka > p, a {color: #000;}
	/* end fix */

} 

 /* IPAD Pion */

@media only screen and (min-width: 750px) and (max-width: 1025px) and (orientation: portrait) {

	#slides .slides-container div, #contact {background-position: top center;}

	#slides .slides-container div {
		background-attachment: fixed;
		background-repeat: no-repeat;
	}

#slides .slides-container .image1{
		background-image:url(../images/4ipad.jpg);
		background-size: 78vh;
	}

	#slides .slides-container .image2{
		background-image:url(../images/3ipad.jpg);
		background-size: 78vh;
	}
	
	#slides .slides-container .image3{
		background-image:url(../images/1ipad.jpg);
		background-size: 78vh;
	}

	#slides .slides-container .image4{
		background-image:url(../images/5ipad.jpg);
		background-size: 78vh;
	}

	#contact {background-image: none; background-color: #fff; height: 60%;}
	#foto1 {padding: 10px 0 10px; background: url(../images/parallax/2.jpg) fixed; background-size: 155vw; background-position: center center;}
	#foto2 {padding: 10px 0 10px; background-size: 140vw; background-position: 0 0;}
	#logo-text {font-size: 24px; padding-left: 15px}
	.typographic > div {font-size: 13px;}
	.header {font-size: 26px;}
	p {padding: 20px;}

	.inner-oferuje{
		position: relative;
		margin: 0 auto;
		padding: 5px 0;
		text-align: center;
	}

	.oferuje {font-size: 25px; margin: auto; font-family: "Coda"; width: 680px;}
	.koncowka > p, a {color: #000;}
	/* end fix */

}


/* MAX 970px */

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


	/* Mobile Nav Menu */

	.not-visible-nav{
		opacity:1;
	}
	
	#navigation a.mini-nav-button{
		display: block;
	}

	#navigation .nav-menu{
		display:none;
		height: auto;
		top:100%;
		left:0;
		width:100%;
		position: absolute;
		background:rgba(255, 255, 255, 0.90);
		box-shadow: 0px 1px 4px rgba(0,0,0, 0.1);
	}	

	#navigation ul.nav li{
		display:inline-block;
		height:auto;
		width:100%;
	}

	#navigation ul.nav li a{
		display:block;
		height: auto;
		width:100%;
		padding:0 20px;
		color: #555555;
		border-top:none;
		line-height: 40px;
	}

	#navigation ul.nav li a:hover,
	#navigation ul.nav li.active a{
		border-top:none;
		background:#ddd;
	}

	#navigation ul.nav ul.dropdown-menu{
		width:100%;
		position: relative;
		margin:0;
		padding:0;
		background:rgba(255, 255, 255, 0.97)!important;	
		box-shadow: 0px 1px 4px rgba(0,0,0, 0.1);
	}

	#navigation ul.nav ul.dropdown-menu li{
		width:100%;
	}

	#navigation ul.nav ul.dropdown-menu li a{
		border-top:none;
		padding:5px 15px;
		line-height: 30px;
	}	
}


/* MAX 800px */




/* MAX 480px */

@media only screen and (max-width: 480px) and (orientation: portrait) {


	#home .v2 .typographic{
		width:80%;
	}

	.hometext{
		font-size:35px;
		line-height: 50px;
	}

	.fixed-text{
		font-size: 20px;
	}

	.hometexts-1{
		font-size:40px;
		line-height: 45px;
	}

	#home .v5 .typographic .hometexts-5 ul li{
		font-size:20px;
		line-height: 45px;
	}

	#home .v5 .typographic .hometexts-5{
		height: 85px;
	}

	.about-box{
		width: 100%;
	}

	.service-box{
		width:100%;
	}

	.timeline-images a.timeline-image{
		width:60px;
		height: 60px;
	}

	.timeline-images a.timeline-image img{
		width:60px;
		height: 60px;
	}

	.timeline-images{
		bottom:-30px;
	}

	.f-box{
		width:100%;
	}

	#why-we .left{
		width:90%;
		background-position: left center;
		background-size: 200% auto;
	}

	#why-we .left .holder1{
		width:132px;
	}

	#why-we .left .holder2{
		width:122px;
	}

	#why-we .left .holder3{
		width:132px;
	}

	.accourdion-menu{
		width:100%;
	}

	.team-members .member{
		width:100%;
	}

	#fun-acts .fun-acts .imac{
		margin:0px auto;
	}

	#fun-acts .fun-acts .facts .fact{
		width:90%;
		margin:0 auto 30px;
		float:none;
	}

	.video-button p.video-text{
		font-size:25px;
		line-height: 30px;
	}

	ul.tables li.pricing-table{
		width:100%;
		margin-bottom:30px;
	}

	#contact-us div{
		width:100%;
	}

	.post-dates{
		width:15%;
	}

	.post-details,
	.blog-s .post-details{
		width:82%;
	}

}

/* MAX 415px iPhone 6 */

@media only screen and (max-width: 415px) and (orientation: portrait) {


	/*fix ipad */
	#slides .slides-container div, #contact {background-size: 100vw; background-position: top center;}

	#slides .slides-container div {
		background-attachment: fixed;
		background-repeat: no-repeat;
	}

	#slides .slides-container .image1{
		background-image:url(../images/4mobile.jpg);
	}

	#slides .slides-container .image2{
		background-image:url(../images/3mobile.jpg);
	}
	
	#slides .slides-container .image3{
		background-image:url(../images/1mobile.jpg);
	}

	#slides .slides-container .image4{
		background-image:url(../images/5mobile.jpg);
		background-position: 0 -100px;
	}


	#contact {background-position: 0px 0px; background-size: 100vh; background-image: none;}
	#foto1 {padding: 10px 0 10px; background: url(../images/parallax/2.jpg) fixed; background-size: 200vw; background-position: -150px -190px;}
	#foto2 {padding: 10px 0 10px; background-size: 200vw; background-position: -50px 200px;}
	#logo-text {font-size: 24px; padding-left: 15px}
	.typographic > div {font-size: 13px;}
	.header {font-size: 15px;}
	p {padding: 20px;}

	.inner-oferuje{
		position: relative;
		margin: 0 auto;
		padding: 5px 0;
		text-align: center;
	}

	.oferuje {font-size: 18px; width: 95vw; margin: auto; font-family: "Coda";}
	.oferujeh1 {text-transform: uppercase;}
	.koncowka > p, a {color: black;}
	/* end fix */

	.hometexts-1{
		font-size:40px;
		line-height: 50px;
	}

	.inner-details .member-details .member-details-inner{
		top:7%;
		-webkit-transform: translateY(-0%);
		-moz-transform: translateY(-0%);
		transform: translateY(-0%);
	}

	#map .google-map-big-button{
		font-size:15px;
	}

	.filter-menu ul li{
		margin:10px auto;
	}

	.timeline-images a.timeline-image{
		width:50px;
		height: 50px;
	}

	.timeline-images a.timeline-image img{
		width:50px;
		height: 50px;
	}

	.timeline-images{
		bottom:-25px;
	}

	.hometext{
		font-size:40px;
		line-height: 40px;
	}

	.fixed-text{
		font-size: 22px;
	}
	
	.loader-item {
	  left:46.5%;
	}
	
	.post-details .post-header{
		font-size:22px;
	}
	
	.block{
		display: block;
	}
	
	.sidebar .sidebar-segment .search{
		width:100%;
	}
	
	.search-button{
		width:15%;
	}
	
	.filter-menu ul li a{
		line-height:0px;
	}
	
	#services{
		background:url(../images/parallax/5.jpg) top center fixed;
		padding:55px 0;
		background-size: 200% auto;
		overflow: hidden;
	}
	
	#fun-acts .fun-acts .imac{
		margin:20px auto;
		min-height: 250px;
	}
	
	.home-details .logo img{
		max-width:200px;
	}
	
	#home .v2 .typographic .logo img{
		max-width:200px;
	}
	
	#home .v2 .typographic h2{
		font-size:60%;
	}
	
	.footer img{
		max-width:200px;
	}

	.h-item{
		padding:5px 9px 5px 0px;
		font-size: 10px;
	}

	.home-details{
		width:95%;
	}

	.post-dates{
		width:19%;
	}

	.post-details,
	.blog-s .post-details{
		width:80%;
	}

}

@media only screen and (min-width: 320px) and (max-width: 1022px) and (orientation: landscape) {

#slides .slides-container div, #contact {background-size: 120vw; background-position: top center;}

	#slides .slides-container div {
		background-attachment: fixed;
		background-repeat: no-repeat;
	}

	#slides .slides-container .image1{
		background-image:url(../images/4ml.jpg);
	}

	#slides .slides-container .image2{
		background-image:url(../images/3ml.jpg);
	}
	
	#slides .slides-container .image3{
		background-image:url(../images/1ml.jpg);
	}

	#slides .slides-container .image4{
		background-image:url(../images/5ml.jpg);
		background-position: 0 -50px;
	}

	#contact {background-image: none; background-color: #fff;}
	#foto1 {padding: 10px 0 10px; background: url(../images/parallax/2.jpg) fixed; background-size: 100vw; background-position: 0px -500px;}
	#foto2 {padding: 10px 0 10px; background-size: 100vw; background-position: 0 1000px;}
	#logo-text {font-size: 24px; padding-left: 15px}
	.typographic > div {font-size: 13px;}
	.header {font-size: 15px;}
	p {padding: 20px;}

	.inner-oferuje{
		position: relative;
		margin: 0 auto;
		padding: 5px 0;
		text-align: center;
	}

	.oferuje {font-size: 17px; margin: auto; font-family: "Coda";}
	.koncowka > p, a {color: #000;}
	/* end fix */

}

@media only screen and (max-width: 768px) {
    
    #contact {background-image: none; background-color: #fff;}
    .koncowka > p, a {color: #000;}
    
}

@media only screen and (max-device-width: 1280px) and (orientation: landscape) {
    
    #foto1 {
        background-image: url(../images/parallax/2_mobile.jpg);
        background-attachment: scroll;
        background-size: cover;
        background-position: center center !important;
        background-repeat: no-repeat;
    }
    
    #foto2 {
        background-image: url(../images/parallax/8007_mobile.jpg);
        background-attachment: scroll;
        background-position: left center !important;
        background-repeat: no-repeat;
    }
    
}
    

@media only screen and (max-width: 992px) and (orientation: landscape) {
    
    #foto1 {
        background-image: url(../images/parallax/2_mobile.jpg);
        background-attachment: scroll;
        background-size: cover;
        background-position: center center !important;
        background-repeat: no-repeat;
    }
    
    #foto2 {
        background-image: url(../images/parallax/8007_mobile.jpg);
        background-attachment: scroll;
        background-position: left center !important;
        background-repeat: no-repeat;
    }
    
}

@media only screen and (max-width: 640px) and (orientation: portrait) {
    
    #foto1 {
        background-image: url(../images/parallax/2_mobile.jpg);
        background-attachment: scroll;
        background-size: auto 100%;
        background-position: center center !important;
        background-repeat: no-repeat;
    }
    
    #foto2 {
        background-image: url(../images/parallax/8007_mobile.jpg);
        background-attachment: scroll;
        background-position: left center !important;
        background-repeat: no-repeat;
    }
    
}

@media only screen and (max-width: 415px) and (orientation: portrait) {
    
    #foto2 {
        background-size: auto 100%;
        background-position: -50px center !important;
    }
    
}