a.dest {
		float: left;
		height: 100%;
		margin: 5px 20px;
		overflow: hidden;
		position: relative;
		width: 100%;
	}
	a.dest div {
		background: url('../img/Before-After/After1.png'); 
		cursor: pointer; 
		display: none; 
		height: 100%;
		left: 0px;
		opacity: 0; 
		position: absolute;
		top: 0;
		width: 80%;
		text-align:-webkit-center;
		margin:0px 64px;
	}
	a.dest.cat1 div {
		background: url('../img/Before-After/After1.png')  no-repeat; 
	}
	a.dest.cat2 div {
		background: url('../img/Before-After/After2.png')  no-repeat;
	}
	a.dest.cat3 div {
		background: url('../img/Before-After/After3.png')  no-repeat; 
	}
	a.dest img {
		border: none;
	}
	a.dest:hover  img {
		border: none;
		opacity:0; 
	}
	a.dest div h2 {
		color: white;
		text-align: center;
	}
	a.dest:hover div {
		display: block; 
		opacity: 5; 
	}
	.BeforeAfter{
		text-align: -webkit-center;
	}
	
	body {margin:0; padding:0; background:#fff;}
	#slidebox{position:relative; border:1px solid rgba(204, 204, 204, 0); margin:40px auto;overflow:hidden;}
	#slidebox, #slidebox ul {width:100%;height:100%;}
	#slidebox, #slidebox ul li{width:100%;height:100%;}
	#slidebox ul li{position:relative; left:0; background:#fff; float:left;list-style: none; padding:0px 0px;  font-family:Verdana, Geneva, sans-serif; font-size:13px;}
	#slidebox .next, #slidebox .previous{position:absolute; z-index:2; display:block; width:30px; height:30px;top:50%;}
	#slidebox .next{right:0; margin-right:10px; background:url(../slidebox_next.png) no-repeat left top;}
	#slidebox .next:hover{background:url(../slidebox_next_hover.png) no-repeat left top;}
	#slidebox .previous{margin-left:10px; background:url(../slidebox_previous.png) no-repeat left top;}
	#slidebox .previous:hover{background:url(../slidebox_previous_hover.png) no-repeat left top;}
	#slidebox .thumbs{position:absolute; z-index:2; bottom:10px; right:10px;}
	#slidebox .thumbs a{display:block; margin-left:5px; float:left; font-family:Verdana, Geneva, sans-serif; font-size:9px; text-decoration:none; padding:2px 200px; background:url(../slidebox_thumb.png); color:#fff;}
	#slidebox .thumbs a:hover{background:#fff; color:#000;}
	#slidebox .thumbs .thumbActive{background:#fff; color:#000; display:block; margin-left:5px; float:left; font-family:Verdana, Geneva, sans-serif; font-size:9px; text-decoration:none; padding:2px 4px;}
	.Finelyt {
		height: 66px !important;
	}
	.topalimg {
			margin-top: -33%;
		}
		
		.toRL{
			 margin-top:0% !important;
		}
	@media (min-width : 1200px) and (max-width : 1280px){
	
		a.dest {
		float: left;
		height: 100%;
		margin: 5px 20px;
		overflow: hidden;
		position: relative;
		width: 100%;
		}
		a.dest div {
			background: url('../img/Before-After/After1.png'); 
			cursor: pointer; 
			display: none; 
			height: 100%;
			left: 0px;
			opacity: 0; 
			position: absolute;
			top: 0;
			width: 80%;
			text-align:-webkit-center;
			margin:0px 64px;
		}
		a.dest img {
			border: none;
		}
		a.dest:hover  img {
			border: none;
			opacity:0; 
		}
		a.dest div h2 {
			color: white;
			text-align: center;
		}
		a.dest:hover div {
			display: block; 
			opacity: 5; 
		}
	}
	
	@media (min-width : 1200px){
	
		a.dest {
		float: left;
		height: 100%;
		margin: 5px 20px;
		overflow: hidden;
		position: relative;
		width: 100%;
		}
		a.dest div {
			background: url('../img/Before-After/After1.png'); 
			cursor: pointer; 
			display: none; 
			height: 100%;
			left: 0px;
			opacity: 0; 
			position: absolute;
			top: 0;
			width: 80%;
			text-align:-webkit-center;
			margin:0px 64px;
			
		}
		a.dest img {
			border: none;
		}
		a.dest:hover  img {
			border: none;
			opacity:0; 
		}
		a.dest div h2 {
			color: white;
			text-align: center;
		}
		a.dest:hover div {
			display: block; 
			opacity: 5; 
		}
	}	
	
	@media (min-width : 992px) and (max-width : 1199px) {		
		a.dest {
			float: left;
			height: 100%;
			margin: 5px 20px;
			overflow: hidden;
			position: relative;
			width: 100%;
		}
		a.dest div {
			background: url('../img/Before-After/After1.png'); 
			cursor: pointer; 
			display: none; 
			height: 100%;
			left: 0px;
			opacity: 0; 
			position: absolute;
			top: 0;
			width: 80%;
			text-align:-webkit-center;
		}
		a.dest img {
			border: none;
		}
		a.dest:hover  img {
			border: none;
			opacity:0; 
		}
		a.dest div h2 {
			color: white;
			text-align: center;
		}
		a.dest:hover div {
			display: block; 
			opacity: 5; 
		}
	}	
	
	@media (min-width : 768px) and (max-width : 991px) {
	
		a.dest {
			float: none;
			margin: 0px 3px;
			overflow: hidden;
			position: relative;
			width: 100%;
			text-align: -webkit-center;
		}
		a.dest div {
			background: url('../img/Before-After/After1.png'); 
			cursor: pointer; 
			display: none; 
			height: 233px;
			left: 0px;
			opacity: 0; 
			position: absolute;
			top: -70px;
			width: 99%;
			text-align:-webkit-center;
			margin:-27px 0%;
		}
		a.dest img {
			border: none;
		}
		a.dest:hover  img {
			border: none;
			opacity:0; 
		}
		a.dest div h2 {
			color: white;
			text-align: center;
		}
		a.dest:hover div {
			display: block; 
			opacity: 5; 
		}
		
		#slidebox, #slidebox ul {width:100%;height:380px;}
		#slidebox, #slidebox ul li{width:100%;height:380px;}
		#slidebox .next, #slidebox .previous{position:absolute; z-index:2; display:block; width:30px; height:30px;top:80px;}
		#slidebox .next{right:0; margin-right:10px; background:url(../slidebox_next.png) no-repeat left top;}
		#slidebox .next:hover{background:url(../slidebox_next_hover.png) no-repeat left top;}			
	}
	
	@media only screen and (min-width : 480px) and (max-width : 767px) {
		
		a.dest {
			float: none;
			margin: 0px 3px;
			overflow: hidden;
			position: relative;
			width: 100%;
			text-align: -webkit-center;
		}
		a.dest div {
			background: url('../img/Before-After/After1.png'); 
			cursor: pointer; 
			display: none; 
			height: 233px;
			left: 0px;
			opacity: 0; 
			position: absolute;
			top: -70px;
			width: 99%;
			text-align:-webkit-center;
			margin:-27px 0%;
		}
		a.dest img {
			border: none;
		}
		a.dest:hover  img {
			border: none;
			opacity:0; 
		}
		a.dest div h2 {
			color: white;
			text-align: center;
		}
		a.dest:hover div {
			display: block; 
			opacity: 5; 
		}
		#slidebox, #slidebox ul {width:100%;height:236px;}
		#slidebox, #slidebox ul li{width:100%;height:236px;}
		#slidebox .next, #slidebox .previous{position:absolute; z-index:2; display:block; width:30px; height:30px;top:50px;}
		#slidebox .next{right:0; margin-right:10px; background:url(../slidebox_next.png) no-repeat left top;}
		#slidebox .next:hover{background:url(../slidebox_next_hover.png) no-repeat left top;}
	}
	
	@media (max-width : 766px) {
	
		a.dest {
			float: none;
			margin: 0px 3px;
			overflow: hidden;
			position: relative;
			width: 100%;
			text-align: -webkit-center;
		}
		a.dest div {
			background: url('../img/Before-After/After1.png'); 
			cursor: pointer; 
			display: none; 
			height: 233px;
			left: 0px;
			opacity: 0; 
			position: absolute;
			top: -70px;
			width: 99%;
			text-align:-webkit-center;
			margin:-27px 0%;
		}
		a.dest img {
			border: none;
		}
		a.dest:hover  img {
			border: none;
			opacity:0; 
		}
		a.dest div h2 {
			color: white;
			text-align: center;
		}
		a.dest:hover div {
			display: block; 
			opacity: 5; 
		}
	}
	
	@media (max-width : 600px) {
		
		.topal2 {
			margin-top: 2%;
		}
	
		.topal100 {
			margin-top: 100%;
		}
		
		.topalimg {
			margin-top: 0%;
		}
		
		.toRL{
			margin-top: 17% !important;
		}	
			
		a.dest {
			float: none;
			margin: 0px 3px;
			overflow: hidden;
			position: relative;
			width: 100%;
			text-align: -webkit-center;
		}
		a.dest div {
			background: url('../img/Before-After/After1.png'); 
			cursor: pointer; 
			display: none; 
			height: 258px;
			left: 0px;
			opacity: 0; 
			position: absolute;
			top: -70px;
			width: 99%;
			text-align:-webkit-center;
			margin:-27px 0%;
		}
		a.dest img {
			border: none;
		}
		a.dest:hover  img {
			border: none;
			opacity:0; 
		}
		a.dest div h2 {
			color: white;
			text-align: center;
		}
		a.dest:hover div {
			display: block; 
			opacity: 5; 
		}
		
		#slidebox, #slidebox ul {width:100%;height:255px;}
		#slidebox, #slidebox ul li{
	width: 100%;
	height: 255px;
}
		#slidebox .next, #slidebox .previous{position:absolute; z-index:2; display:block; width:30px; height:30px;top:25px;}
		#slidebox .next{right:0; margin-right:10px; background:url(../slidebox_next.png) no-repeat left top;}
		#slidebox .next:hover{background:url(../slidebox_next_hover.png) no-repeat left top;}	
	}		
	
	@media (max-width : 400px) {	
		.topal100 {
			margin-top: 130%;
		}
		.topal2 {
			margin-top: 5%;
		}
		
		.toRL{
			margin-top: 15% !important;
		}	
		
		
	}