/* CSS Document */

/**/

@media (max-width:950px) {
	img{max-width:100%; height:auto;}
	#content{width:86%; padding:60px 7%;}
	#column1{width:47%;}
	#column2{width:47%;}
	#footer{width:86%; padding:0px 7% 60px 7%;}
	.team{width:100%;}
	.team img{margin-right:24px;}
	.team-text{width:calc(100% - 150px);}
	#promos, #promoHeader{width:47%;}
	.promoImg{width:47%;}
	.press{width:100%;}
	.press img{margin-left:50px;}
	.links img{margin-left:7px;}
	.press-text{width:calc(100% - 250px);}
	#navs-and-logo{width:100%;}
}

@media only screen and (max-width: 840px) {
		#hairtreatments table {
			width:99%;
		}
		.rightTable{
		 
		  margin-left:0px;
	  }
	}

@media (max-width:780px) {
	#header{padding:12px 0px; height:158px;}
	#logo{position:relative;}
	#navs{float:none; margin:0px auto; width:313px; margin-top:10px;}
	#background .cycle-slideshow {
    	height: auto;
    	left: 0;
    	min-height: calc(100% - 182px) !important;
    	min-width: 100%;
    	position: fixed;
    	top: 182px !important;
    	width: 100%;
	}
}

@media (max-width:740px) {
	#promos, #promoHeader{width:100%;}
	.promoImg{width:380px; float:none !important; margin-bottom:22px;}
}

@media (max-width:640px) {
	#column1{float:none; width:100%;}
	#column2{float:none; width:100%; margin-top:20px; padding-top:20px; border-top:1px solid #848484;}
	.products #column2{border-top:none; margin-top:0px; padding-top:0px;}
	.products #column1{margin-top:20px; padding-top:20px; border-top:1px solid #848484;}
	.press img{margin-left:0px; margin-bottom:22px; float:none; display:none;}
	.links img{margin-left:7px; margin-bottom:0px; display:initial;}
	.press-text{width:100%;}
}

@media (max-width:500px) {
	.team img{margin-right:0px; margin-bottom:22px; float:none;}
	.team-text{width:100%; float:none;}
	.links img{margin-top:4px;}
	.press-text .title{margin-bottom:16px;}
	.press-text .title h2{margin:8px 0px 10px 0px;}
}

@media (max-width:400px) {
	.footerBreak{display:block;}
	.footerBreak span{display:none;}
}