/* ---mobile 480px more=== */
@media(max-width: 480px){
	#loading{
		background: #000 !important;
	}
	#about h2{
		font-size:41px !important;
	}
	#team h2{
		font-size:41px !important;
	}
	#product h2{
		font-size:41px !important;
	}
	#clientele h2{
		font-size:41px !important;
	}
	#suppliers h2{
		font-size:41px !important;
	}
	#services h2{
		font-size:41px !important;
	}
	#contact h2{
		font-size:41px !important;
	}
	.hero-unit1 .carousel-inner h2 {
	
		margin: 3% 0 3% 0;
	}

	.hero-unit1 .carousel-inner h4 {
		display: block;
	}
	.hero-unit1 .carousel-inner h5 {			
			background: rgba(0, 0, 0, 0.58);
			/*border: 1px solid rgba(255, 255, 255, 0.5);*/
			border-radius:15px;
			color: #fff;
			display: inline-block;
			padding: 10px 20px !important;
			font-size:16px !important;
			font-weight:400; 
			font-family:Iskoola Pota;
			text-transform: uppercase;
			width: 90%;
		}
	.hero-unit1 .carousel-inner h4 {
			background: rgba(0, 0, 0, 0.58);
			border: 1px solid rgba(255, 255, 255, 0.5);
			border-radius:4px;
			color: #fff;
			display: inline-block;
			padding: 10px 30px !important;
			font-size:7px !important;
			font-weight:300; 
		}
		
	header.hero-unit #introCarousel h5 {			
			background: rgba(0, 0, 0, 0.58);
			/*border: 1px solid rgba(255, 255, 255, 0.5);*/
			border-radius:15px;
			color: #fff;
			display: inline-block;
			padding: 10px 20px;
			font-size:16px;
			font-weight:400; 
			font-family:Iskoola Pota;
			text-transform: uppercase;
		}
	 header.hero-unit #introCarousel h4 {
			background: rgba(0, 0, 0, 0.58);
			border: 1px solid rgba(255, 255, 255, 0.5);
			border-radius:4px;
			color: #fff;
			display: inline-block;
			padding: 10px 30px;
			font-size:7px;
			font-weight:300; 
		}
		.loader{
	margin-top: 11% !important;
	width: 42% !important;
	height: auto;
}
	.hero-unit1 .carousel-inner .in_logo {
	width: 35.5% !important;
	height: auto;
	}


	header.hero-unit #introCarousel img {
	width: 40%;
	height: auto;
}

#product .hide_content .inner{ background: #eee; padding:15px; z-index:100; width:220px; display:block;padding-bottom:40px; margin-top:10px;margin-left:12%;  border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px;}
#product .plus{width:30px; height:26px; background:url('../images/icon-plus.png') center no-repeat; position: relative;z-index:50; margin-left:46%; margin-top:-13%;}
#product .min{width:30px; height:26px; background:url('../images/icon-min.png') center no-repeat;  margin-left:45%; margin-top:-26px;}
#social {
	
	padding: 0px;
	margin: -5px 0 0;
}
		
}
/* ===== Small devices (Smartphones, 767px and down) ===== */

@media(max-width: 768px) and (min-width:481px){

/**
 * INTRO
**/
.hero-unit1 .carousel-inner h2 {
		font-size: 62px;
		margin: 4% 0 2.8% 0;
	}

	.hero-unit1 .carousel-inner h4 {
		display: block;
	}
	.hero-unit1 .carousel-inner h5 {			
			background: rgba(0, 0, 0, 0.58);
			/*border: 1px solid rgba(255, 255, 255, 0.5);*/
			border-radius:15px;
			color: #fff;
			display: inline-block;
			padding: 10px 20px;
			font-size:28px;
			font-weight:400; 
			font-family:Iskoola Pota;
			text-transform: uppercase;
		}
	.hero-unit1 .carousel-inner h4 {
			background: rgba(0, 0, 0, 0.58);
			border: 1px solid rgba(255, 255, 255, 0.5);
			border-radius:4px;
			color: #fff;
			display: inline-block;
			padding: 10px 40px;
			font-size:14px;
			font-weight:400; 
		}

header.hero-unit {

}

	/* Carousel */
	header.hero-unit #introCarousel h2 {
		font-size: 62px;
	}

	header.hero-unit #introCarousel h4 {
		display: block;
	}
	#introCarousel h5 {			
			background: rgba(0, 0, 0, 0.58);
			/*border: 1px solid rgba(255, 255, 255, 0.5);*/
			border-radius:15px;
			color: #fff;
			display: inline-block;
			padding: 10px 20px;
			font-size:28px;
			font-weight:400; 
			font-family:Iskoola Pota;
			text-transform: uppercase;
		}
	#introCarousel h4 {
			background: rgba(0, 0, 0, 0.58);
			border: 1px solid rgba(255, 255, 255, 0.5);
			border-radius:4px;
			color: #fff;
			display: inline-block;
			padding: 10px 40px;
			font-size:14px;
			font-weight:400; 
		}
	.hero-unit1 .carousel-inner .in_logo {
	width: 23.4% !important;
	height: auto;
	}
	.loader{
	width: 16.5% !important;margin-top: 4%;
}
	#introCarousel img {
	width: 25%;
	height: auto;
}	

	
	
	
#social {
	
	padding: 0px;
	margin: -5px 0 0;
}

/**
 * TEAM
**/
}
@media(max-width: 768px){
body #team .me {
	background: transparent;
	width: 100% !important;
	margin: 0 0 70px !important;
	padding: 0;
}

body #team .me p {
	padding: 0 20px;
}
.hide_content .inner{ background: #eee; padding:15px; z-index:100; width:142px; display:block;padding-bottom:40px; margin-top:10px;margin-left:5%;  border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px;}
.plus{width:30px; height:26px; background:url('../images/icon-plus.png') center no-repeat; position: relative;z-index:50; margin-left:40%; margin-top:-23%;}
.min{width:30px; height:26px; background:url('../images/icon-min.png') center no-repeat;  margin-left:43%; margin-top:-26px;}


/**
 * TESTIMONIALS
**/
#testimonials {
	background-position: center 320px;
}


}



/* ===== Medium devices (tablets, 991px and down) ===== */
@media (max-width: 991px) {

/**
 * INTRO
**/
header.hero-unit {
	/* CODE HERE */
}

	/* Navbar */
	header.hero-unit .navbar-default .brand {
		margin-top: 4px !important;
	}


/**
 * FEATURES
**/
#features {
	padding-bottom: 0;
}

#features .row .item {
	margin-bottom: 100px;
}



/**
 * ABOUT US
**/
#about {
	padding: 0;
	text-align: center;
}

#about h2 {
	margin: 50px 0 20px 0;

}

#about p {
	margin: 0 0 20px 0;
}



/**
 * Product
**/
#product {
	padding: 50px 0 100px 0;
}



/**
 * TEAM
**/
#team .container {
	padding: 70px 0 20px 0;
}

#team .me {
	width: 40% !important;
	margin: 0 5% 70px !important;
	float: left;
}

	#team .me .img {
		background: transparent !important;
	}

	#team .me .img img {
		display: inline-block !important;
		opacity: 1;
	}



/**
 * PARTNERS
**/
#partners {
	padding: 40px 0 0 0;
}

#partners .row div {
	margin-bottom: 50px;
}

#partners a {
	padding: 0;
}



/**
 * FOOTER
**/
footer {
	text-align: center;
}

footer nav {
	text-align: center;
	margin: 20px 0 0;
}

footer nav a {
	display: block;
	margin-top: 10px;
}

} /* Medium devices (tablets, 992px and down) */