/*  MAKE LAYOUT RESPONSIVE at 768px FOR IPAD PORTRAIT ================================================================ */


	
		#header {
			width: 85%; /* 720px / 768px */
		}

		#maincontent{
			width: 100%; /* 720px / 768px */
		}

		
		.maincontent{
			width: 100%; /* 720px / 768px */
		}
		
		.casing{
		width:100%;
		padding-top: 13%;
		}
		
		#popup{
	  	top: 10%;
  		left: 10%;
  		width: 80%;
		}
		
		.text-area {
		width:74%;
		}
		
		.text-area p{
		font-size : 0.9em;
		}


		.cn-bar{
	width:100%;
	height:50px;
	left:0;
	}
	
	.cn-nav-content div.cn-nav-content-current {
	font-size: 0.8em;
	}
	
	
	.cn-nav-content div span {
	letter-spacing: 1px;
	padding-top: 9px;
	font-size: 0.8em;
	}
	
	
	.cn-nav-content div.cn-nav-content-prev {
	display: none;
	}
	
	.cn-nav-content div.cn-nav-content-next {
	display: none;
	}
	

	
	
	
	.cn-nav > a {
	height: 50px;
	}
	
	
		
		footer {
			width: 93.75%; /* 720px / 768px */
		}
		
		nav ul#menu li{
			font-size:0.6em;
			letter-spacing: 0.15em;
		}
.second-row-nav{
	margin-top:0;
}


img.logo{
	width:80%;
}

.promo-box span{
		font-size: 0.7em;
		}



				
		h1{
		font-size:1.4em;
		}
		
		h2{
		font-size:1.5em;
		}

img.treatment-thumb{
	width:40%;
}

img.treatment-thumb-2{
	width:20%;
}


#offers{
	width: 5%;
}