/*********	
			RESPONZIVE STYLES
				     			**********/

a#menuControl {
	position: absolute;
	top: 10px;
	right: 10px;
	background: #FFF url('img/menu.png') no-repeat center;	
	width: 50px;
	height: 50px;
	display: none;
}

@media all and (max-width: 1250px) {

	#footer p {
		width: auto;
		text-align: left;
}
	#footer p img.emailAdress {
		margin: 0 50px;
	}

}

@media all and (max-width: 1100px) {	

	body {

	}

	#pageHolder {
		overflow: hidden;
	
		width: 100%;
}

	#top .holder,
	#header .holder,
	#aboutProduct .holder,
	#benefits .holder,
	#technology .holder,
	#pack .holder,
	#gallery .holder,
	#contact .holder,
	#footer .holder,
	#galleryPreview .holder {
		width: 100%;
		padding: 0px;
	}	

	#header .holder {
		padding: 0;
	}

	#benefits .holder {
		padding: 70px 0;
	
		float: left;
}

	#header {
		/* display: none; */
	
		height: auto;
		background: #000 url('img/bgHeaderSmall.jpg') no-repeat left top;
	
		background-size: cover;
}

	#header #headerPulse {
		
	
    display: none;
}

	#header .flexslider {
		width: auto;
	
		position: relative;
		margin: 0;
}

	#header .flexslider ul.slides li img {
		width: 100%;
		max-width: 920px;
	}

	#header .flexslider ul .flex-caption {
		/* position: relative; */
	
		width: 42%;
	}

	#header .flexslider ul .flex-caption p {
		text-align: justify;
	
		padding: 0 20px;
		margin: 0;
}

	#header .flexslider ol {
    position: relative;
    float: right;
    bottom: auto;
    right: auto;
    padding: 0 20px;
    width: 100%;
    background: #000;
	}

	#header .flexslider {
		height: auto;
	}

	#aboutProduct {
		background: #FFF;
	}

	ul.products li,
	ul.products li.middle {
		width: 400px;
		margin: 50px 40px;
	}

	ul.products li .image-holder,
	ul.products li .image-holder.bigger{
		height: 270px;
		min-height: 270px;
	}

	ul.products li .product-image {
		max-height: 270px;
	}

	ul.products li p.description {
		min-height: 240px;
		height: 240px;
	}

	.content {
		padding: 0 20px;
	}
}

@media all and (max-width: 1050px) {


	#pack .galleryList,
	#galleryPreview .galleryList {
		width: 672px;
	
}

	#gallery .list ul {
		width: 768px;
	}

	#aboutProduct .gallery {
		width: 100%;
		background: url('img/aboutProductGallery.jpg') no-repeat center;
		background-size: 100%;
	}
	#aboutProduct .gallery a {
		width: 18%;
	}

	#contact div.content {
		width: 50%;
		padding: 0 2%;
	}

	#contact table.content {
		width: 50%;
	}

	#contact .contactForm {
		width: 50%;
	}

	#contact .contactForm input,
	#contact .contactForm textarea {
		width: 100%;
	}

}

@media all and (max-width: 1025px) {
	ul.products li,
	ul.products li.middle {
		margin: 50px 35px;
	}
}

@media all and (max-width: 1000px) {
	#top ul#mainMenu {
		margin: 20px 120px 0; 
	}
	ul.products li,
	ul.products li.middle {
		margin: 50px;
		width: 350px;
	}
}

@media all and (max-width: 960px) {
	
	#header .flexslider ul .flex-caption {
		position: relative;
		top: 0;
		width: 100%;
		margin: 0;
		right: auto;
	
	}

	#header .flexslider ul .flex-caption p {
		background: #000;
	
		min-height: 154px;
	
}


	#header .flexslider ol {
		margin: -40px 0 0 0;
	}

	#header .text .main::before,
	#header .text .slave::before {
		content: '';
	}
	
	#header .text .main {
		font-size: 20px;
	}

	#header .text .slave {
		font-size: 10px;
	}

	#header .text .info {
		width: 405px;
	
		margin: 100px 0 0 0;
}
	ul.products li,
	ul.products li.middle {
		margin: 50px 15px;
	}

}

@media all and (max-width: 940px) {

	a#menuControl {
		display: block;
	}

	#top .lang {
    left: 20px;
		
	}

	#top .lang ul {
    left: -10px;
		
	
	
    width: 48px;
}

	
	#top ul#mainMenu {
    	margin: 0;
    	display: none;
	}

	#top ul#mainMenu li {
    float: none;
		
	
    background: #000;
}

	#top ul#mainMenu li a {
    display: block;
		
	
    padding: 10px 20px;
    margin: 0;
}

	#top ul#mainMenu {
    width: 100%;
		
	
    background: #000;
    position: absolute;
    top: 77px;
    left: 0;
    max-width: none;
}

	#manProcess .steps {
		width: 100%;
	
		float: left;
		margin: 0 0 30px 0;
	}	

	#manProcess {
		float: left;
		height: auto;
	}

	#manProcess .steps {
		width: 470px;
		margin: 0 auto;
		float: none;
	}

	#manProcess .steps .second .circle .arrow {
		display: none;
	}
	
}

@media all and (max-width: 920px) {

	#footer p {
		text-align: center;
		margin: 23px 0 0 0;
	}
	#footer p span {
		float: none;
	}

	#footer p img.emailAdress {
		display: block;
		float: none;
		width: 160px;
		margin: 5px auto;
	}
}

@media all and (max-width: 900px) {

	#contact {
		padding-bottom: 30px;
	}

	#contact .contactForm,
	#contact .contactForm table {
		width: 100%;
	}

	#contact .contactForm table {
		padding: 20px;
	}

	#contact div.content {
		width: 100%;
	}

}

@media all and (max-width: 865px) {

	#benefits .benefits {
		width: 100%;
	
		float: left;
		height: auto;
}

}

@media all and (max-width: 850px) {

	#pack .galleryList, 
	#galleryPreview .galleryList {
		width: 442px;
	}

	#gallery .list ul {
		width: 512px;
	}

}
@media all and (max-width: 820px) {
	ul.products li,
	ul.products li.middle {
		width: 100%;
		margin: 25px 0;
	}

	ul.products li p.description,
	ul.products li.lower .description {
		min-height: 0;
		height: auto;
	}
}

@media all and (max-width: 790px) {
	
	#aboutProduct .gallery a {
		width: 17%;
	}

}

@media all and (max-width: 700px) {

	ul.content li {
		width: 100%;
	
		padding: 0;
	}
	
	#footer {
		height: auto;
	}

	#footer p span {
		display: block;
	
		width: auto;
		float: none;
		text-align: center;
		margin: 20px 0;
}

	#footer p {
    text-align: center;

	}
		
}

@media all and (max-width: 625px) {

	#pack .galleryList, 
	#galleryPreview .galleryList {
		width: 212px;
	}

	#gallery .list ul {
		width: 256px;
	}

	#header .text .info {
		width: 100%;
	
		margin: 40px 0 0 0;
}
	
}

@media all and (max-width: 615px) {
	
	#benefits .benefits {
		width: 440px;
		margin: 0 auto;
		float: none;
}

}

@media all and (max-width: 530px) {

	#aboutProduct .gallery a {
		width: 16%;
	
}

}


@media all and (max-width: 510px) {

	#contact .contactForm input[type='submit'] {
		width: 100%;
	}

}

@media all and (max-width: 490px) {
	#pageHolder {
		width: 100%;
	}
}

@media all and (max-width: 470px) {

	#manProcess .steps {
		width: 230px;
		margin: 0 auto;
		float: none;
	}

	#manProcess .steps .step .circle .arrow {
		display: none;
	}

	#manProcess .steps .step {
		margin: 20px 15px;
	}
	
}

@media all and (max-width: 450px) {

	#benefits .benefits {
		width: 220px;
	}

}

@media all and (max-width: 425px) {

	a#menuControl {
		left: 10px;
	
		right: auto;
		background: #000 url('img/menu-white.png') no-repeat center;
}

}


@media all and (max-width: 410px) {

	#aboutProduct .gallery a {
		width: 15%;
	
}

}


@media all and (max-width: 400px) {

	#contact table.content {
		width: 68%;
		margin: 0 auto;
		float: none;
	}

}

@media all and (max-width: 340px) {

	#aboutProduct .gallery a {
		width: 14%;
	}	

}