/* responsive stuff */ 
img {
	max-width:100%;
	height:auto;
}
.i-menu {
	font-family:'FontAwesome';
	speak: none;
	font-style: normal;
	font-weight: 100 !important;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}
.i-menu:before {
	content: "";
}

@media screen and (min-width: 0px) and (max-width: 1240px) {
	#Content {
	  padding: 0 10px;
	}
	#ToolsMenu { 
		right:40px;
	}
}
/* large screen only */
@media screen and (max-width: 1170px) {
	.people.grid-100 { background-size:contain!important;padding-top: 200px!important;}

	.slideContainer .bx-next path, .slideContainer .bx-prev path,
	.slideContainer:hover .bx-next:hover path, .slideContainer:hover .bx-prev:hover path {
		opacity: 0.5 !important;
	}
	.slide {
		background:none !important;
	}	
	/* trial-flex */
	.backCenter img {
		left: -40%;
		width: 870px;
	}
	/* trial-flex ends */
}

@media screen and (max-width: 1023px) {
	/* trial-flex */
	#CustomerDataFields label {
		margin:0;
		width:100%;
		text-align:left;
	}
	#CustomerDataFields input[type="text"],
	#CustomerDataFields select {
		width:100%;
		max-width:100%;
		text-align:left;
	}
	.backCenter {
		position: relative;
	}
	.backCenter img {
		left: 0;
		margin: 0 auto;
		width: 300px;
		max-width: 100%;
		position: relative;
	}
	.afterBackCenter {
		padding-left:0;
	}
	.bigBlueArrow {
		margin:15px 0 35px;
	}
	/* trial-flex ends */
}

/* end large screen only */
@media screen and (max-width: 960px) {
	.mob-fade-white {
		background: rgba(255, 255, 255, 0.7);
	}
}

/* handhelds */
@media screen and (max-width: 767px) {
	#Wrapper,#Masthead {min-width:100% !important;max-width:100% !important;}
	.Head{font-size:1.5em;line-height:1em;}
	.iconMenu{position: absolute;z-index: 100; right:0;}
	#MainMenu,
	#TabBarMenu,
	#SimpleLinks {
		display:none;
	}
	#Masthead {height: 100px;}

	#ToolsMenu { 
		right:20px;
	}
	#ToolsMenu ul > li > a {
		margin-right:0;
		padding:0 8px;
	}
	#ToolsMenu .subMenu {
		right:0 !important;
	}

	.MenuButton {
		display:inherit;
	}
	.people.grid-100 {padding-top:370px!important;}
	  
	.slide .grid-50+.grid-50 img {
		margin:0 auto !important;
		padding:20px 0;
	}
	
	#heroCarousel {
		margin: 40px auto;
	}
	#heroCarousel .item {
		padding: 40px 15% 65px;
	}
	
	.heroDarkBlueBox {
	}
	
	.icon.OMG.icon-stacked + span {
		padding:30px 0;
	}
	.products-overview.heroDarkBlueBox {
		margin: 50px auto;
		padding: 15px 0 20px;
		width:250px;
		max-width:250px;
	}
	.products-overview.heroDarkBlueBox img {
		margin: 10px 0 5px !important;
		max-width: 100px;
	}
	.products-overview.heroDarkBlueBox .hero-title-blue {
		font-size: 22px;
	}
	
	#productsCarousel {
		float: none;
		margin: 80px auto 60px;
	}
	.layover > div.layover-overlay {
		margin: -110px 0 0;
		width: 100%;
	}
	
	/* trial-flex */
	.bigBlueArrow {
		width: 100%;
		padding:25px 20px;
		font-size:20px;
		margin:0 auto 55px;
		text-align:center;
	}
	.bigBlueArrow:after {
		border-width: 45px 100px 0;
		border-color: #00a4e4 transparent;
		margin-left: -100px;
		top:inherit;
		right:inherit;
		left:50%;
		bottom: -48px;
	}
	/* trial-flex ends*/

}
/* end handhelds */

/* small handhelds */
@media only screen and (max-width: 599px){
	#Logo a {
		margin-top:35px;
	}
	.people.grid-100 {padding-top:320px!important;}


	#heroCarousel {
		margin: 55px auto;
	}
	#heroCarousel .item {
		padding: 35px 10% 65px;
	}
	#heroCarousel .carousel-text {
		font-size:20px;
	}
	.hero-title-blue {
		font-size:35px;
	}
	.productsSkin .hero-title {
		font-size: 23px;
	}
	#productsCarousel {
		padding: 20px 20px 40px;
		min-height:130px;
	}
	#productsCarousel .owl-controls {
		left:20px;
	}
	#productsCarousel .carousel-title {
		font-size:20px;
	}
	#productsCarousel .carousel-title br {
		display:none;
	}
	
}

@media screen and (max-width:400px){
	#Logo {padding-left:0;}
	.people.grid-100 {padding-top:245px!important;}
	
	#ContactBar a{letter-spacing:0 !important; font-size:10px;}

	#productsCarousel {
		min-height:160px;
	}
}


/* specific cases */
@media only screen and (min-width:767px) and (max-width:1023px){
	#ToolsMenu { 
		right:30px;
	}
}