/*--------------------------------------------------------
Responsive elements
--------------------------------------------------------*/
@media only screen and (max-width: 767px) and (orientation:landscape) {

		.slItem {
		background-size: cover;
background-attachment: scroll;
				}
		.logo { width: 20%; height:auto; top: 10px;}
		#parallax1, #parallax2, #parallax3 {
                    width: 100%;
		    height: 100%;
                    background-attachment: fixed;
		}
		.profile-section .twelve.columns {
			padding-left: 0px;
		}
		.description {
			font-size: 14px;
			line-height: 1.5;
			text-align: justify;
		}
		#parallax1, #parallax2, #parallax3 {
			height: 60%;
		}

}

@media only screen and (min-width: 768px) and (max-width: 959px) {
		h1 { font-size: 40px;}
		.one-text { font-size: 16px;}
		.links a {
			font-size: 24px;
		}

} 



@media only screen and (max-width: 767px){
                h1 { font-size: 32px; line-height: 1; }
                .one-text { font-size: 14px; }
                .lines { font-size: 24px; }
                #contact { height: auto;}
                .contact-social-icons li a { width: 40px; height: 40px; font-size: 20px; }
                .contact-social-icons li { margin: 0 5px 0 5px; }
                .links { display: none; }
                .dropmenu { display: block; margin-top: 5px; }
                .logo { width: 60%; height: auto; }
                .slidedescription { display: none; }
                .line { width: 80px; margin-bottom: 20px; }
                .social-icons { position: absolute; top: 4px; right:10px; margin-top: 0; }
                .social-icons li a { width: 18px; height: 18px; line-height: 1.8; font-size: 10px; }
                nav { height: 30px; }
                #homepage { margin-bottom: -30px; }
                .slider-text  { bottom: 50px; min-height: 80px; }
                #about, #culture, #services, #portfolio { padding-top: 32px; padding-bottom: 40px; }
                #prevslide, #nextslide{ position:absolute; height:15px; width:15px; top:50px; margin-top:-21px; opacity:0.6; }
                #culture h4 { padding-top: 27px; }
                .bg1, .bg2, .bg3 { background-attachment: scroll; background-size: cover; }
                .column .img-wrp { margin: 40px 0px 14px; }	
                #prevslide{ right:55px; font-size: 16px; }
				#nextslide{ right:30px; font-size: 16px; }
				#contact { background-size: cover; }
				.item { height: 330px; }
				.selectnav { display: block; margin-top: 5px;}
				.bg1, .bg2, .bg3 { 
					width: 100%;
					height: 100%;
					background-attachment: fixed;
background-attachment: scroll;
					background-size: cover;
				
				}
				#parallax1, #parallax2, #parallax3 {
					height: 100%;
				}

					
}


	
@media only screen and (max-width: 479px) and (orientation:portrait) {
                .lines, .adress{ font-size: 18px; }
              
				.logo { width: 100%; top: 9%; }
				
				.bg1, .bg2, .bg3 { 
					width: 100%;
					height: 400px;
					background-attachment: scroll;
					background-size: cover;

				}
				.slDots {
					bottom: 13%;
				}
				.slDotsSingle {
					width: 9px;
					height: 9px;

				}

				.slider {
					width: 100%;
					height: 100%;
					background-color: white;
				}
				.slItems {	
					top: 50%;
					height: 50%;
					background-color: black;
				}
				.slItem {
					width: 100%;
					background-size: auto 100%;
					background-attachment: scroll;
				}
				.profile-section .twelve.columns {
					padding-left: 0px;
				}
				.description {
					font-size: 14px;
					line-height: 1.5;
					text-align: justify;
				}
				#parallax1, #parallax2, #parallax3 {
					height: 60%;
				}
}

@media only screen and (min-width: 1400px) {
                nav .container,
                #homepage .container,
                #homepage .container
                .sixteen.columns
                { width: 96%; }

                nav .three.columns { float: right; }
                .slider-text { width: 100%; }
                .line { width: 180px; }
                
                #parallax1, #parallax2, #parallax3,
                #parallax1 .vertical-text, #parallax2 .vertical-text,
                #parallax3 .vertical-text, #parallax1 .pattern,
                #parallax2 .pattern, #parallax3 .pattern
                { height: 600px; }
                
                #prevslide, #nextslide{ position:absolute; height:30px; width:30px; top:210px; margin-top:-21px; opacity:0.6; }
                .bg1, .bg2, .bg3 { background-size: 100%; }
                
    }