@charset "utf-8";
/* CSS Document */
/* Before After Image */
.pic1 {
	/*width:385px;
	height:450px;*/
	width:342px;
	height:403px;
}
.pic2 {
/*	width:385px;
	height:450px;*/
	width:342px;
	height:403px;
}
.pic3 {
/*	width:385px;
	height:450px;*/
	width:342px;
	height:403px;
}
.ba-mask {
	position:absolute;
	top:0;
	left:0;
	z-index:100;
	border-right:4px solid #efc5c9;
	overflow:hidden;
	box-shadow: 3px 5px 5px rgba(0, 0, 0, 0.6);
	box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.6);
	-webkit-box-shadow: 5px 5px 7px rgba(0, 0, 0, 0.6);
	-moz-box-shadow: 5px 0 7px rgba(0, 0, 0, 0.6);
	cursor: col-resize;
	width:342px;
	height:403px;
	/*background-image: url(slide/images/vitiligo_before.jpg);*/
}
.ba-bg {
	position:absolute;
	top:0;
	left:0;
	z-index:0;
	width:342px;
	height:403px;
	/*background-image: url(slide/images/vitiligo_after.jpg);*/
}
.ba-caption {
	position:absolute;
	bottom:10px;
	left:10px;
	z-index:120;
	background:#000;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	color:#fff;
	text-align:center;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	padding:5px;
	font-size:12px;
	font-family:arial;
	display:none;
}

.videoOuter
{
	  display: block;
    margin: 0 0 23px;
    overflow: hidden;
    padding: 0;
}
.mr15
{
	margin-right:15px;
}
.video
{
	padding:0;
	margin:0;
	float:left;
}
.socialIcon
{
	padding:0;
	margin:6px 22px 0 0;
	float:right;
}

.res
{
	margin-right:250px;
}

.res2
{
	margin-right:100px;
}

.surgical
{
	width:200px;
}


/*.fillers_img2
{
 float:right;
}*/

@media (min-width: 1280px) and (max-width: 1940px) 
{
/*	.fillers_img2
{
 float:right;
 margin-top:120px;
 margin-right:-308px;
}*/

.pic1 {
	width:342px;
	height:403px;
}
.pic2 {
	width:342px;
	height:403px;
}
.pic3 {
	width:342px;
	height:403px;
}
.ba-mask {
	position:absolute;
	top:0;
	left:0;
	z-index:100;
	border-right:4px solid #efc5c9;
	overflow:hidden;
	box-shadow: 3px 5px 5px rgba(0, 0, 0, 0.6);
	box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.6);
	-webkit-box-shadow: 5px 5px 7px rgba(0, 0, 0, 0.6);
	-moz-box-shadow: 5px 0 7px rgba(0, 0, 0, 0.6);
	 cursor: col-resize;
	 width:342px;
	height:403px;
}
.ba-bg {
	position:absolute;
	top:0;
	left:0;
	z-index:0;
	width:342px;
	height:403px;
}
.ba-caption {
	position:absolute;
	bottom:10px;
	left:10px;
	z-index:120;
	background:#000;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	color:#fff;
	text-align:center;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	padding:5px;
	font-size:12px;
	font-family:arial;
	display:none;
}
}

/*@media only screen and (max-width:1600px)
{
.fillers_img2
{
 float:right;
 margin-top:60px;
}
}

@media only screen and (max-width:1940px)
{
.fillers_img2
{
 float:right;
 margin-top:120px;
 margin-right:-306px;
}
}

@media only screen and (max-width:1280px)
{
.fillers_img2
{
 float:right;
 margin-top:70px;
 margin-right:-308px;
}
}
*/

@media (max-width: 1200px) 
{

.ba-tap {
	position:absolute;
	top:10px;
	right:10px;
	z-index:120;
	background:#000;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	color:#fff;
	text-align:center;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	padding:4px;
	font-size:12px;
	font-family:arial;
}
}


@media (min-width: 1000px) and (max-width: 1200px) 
{

.pic1 {
	width:342px;
	height:403px;
}
.pic2 {
	width:342px;
	height:403px;
}
.pic3 {
	width:342px;
	height:403px;
}
.ba-mask {
	position:absolute;
	top:0;
	left:0;
	z-index:100;
	border-right:4px solid #efc5c9;
	overflow:hidden;
	box-shadow: 3px 5px 5px rgba(0, 0, 0, 0.6);
	box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.6);
	-webkit-box-shadow: 5px 5px 7px rgba(0, 0, 0, 0.6);
	-moz-box-shadow: 5px 0 7px rgba(0, 0, 0, 0.6);
	 cursor: col-resize;
	 width:342px;
	height:403px;
}
.ba-bg {
	position:absolute;
	top:0;
	left:0;
	z-index:0;
	width:342px;
	height:403px;
}
.ba-caption {
	position:absolute;
	bottom:10px;
	left:10px;
	z-index:120;
	background:#000;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	color:#fff;
	text-align:center;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	padding:5px;
	font-size:12px;
	font-family:arial;
	display:none;
}
.videoOuter
{
	  display: block;
    margin: 0 0 23px;
    overflow: hidden;
    padding: 0;
}
.mr15
{
	margin-right:15px;
}
.video
{
	padding:0;
	margin:0;
	float:left;
}
.socialIcon
{
	padding:0;
	margin:6px 22px 0 0;
	float:right;
}

.res
{
	margin-right:150px;
}

.res2
{
	margin-right:20px;

}

.surgical
{
	width:200px;
}

}

@media (min-width: 520px) and (max-width: 850px) 
{
	
.botox_img1
{
float:left;
width:100%;
margin-left:0px;
}

.botox_img2
{
float:left;
width:100%;
margin-left:0px;
}

.botox_img3
{
float:left;
width:100%;
margin-left:0px;
}

.botox_img4
{
float:left;
width:100%;
margin-left:0px;
}

.botox_img5
{
float:left;
width:100%;
margin-left:0px;
}

.botox_img6
{
float:left;
width:100%;
margin-left:0px;
}

.inner_right_micro{
	width:100%;
}
	
.ba-mask
{
background-size: 320px 400px;
background-repeat:no-repeat;
width: 320px;
height: 400px;
}

.ba-bg
{
background-size: 320px 400px;
background-repeat:no-repeat;
width: 320px;
height: 400px;
}

.pic2
{
width: 320px !important;
height: 400px !important;
}
}

@media (max-width: 520px) 
{

.ba-mask
{
background-size: 222px 270px;
background-repeat:no-repeat;
width: 222px;
height: 280px;
}

.ba-bg
{
background-size: 222px 270px;
background-repeat:no-repeat;
width: 222px;
height: 270px;
}

.pic2
{
width: 222px !important;
height: 270px !important;
}

.inner_right_micro{
	width:90%;
}

}


@media (max-width: 480px) 
{

.ba-mask
{
background-size: 220px 280px;
background-repeat:no-repeat;
width: 220px;
height: 280px;
}

.ba-bg
{
background-size: 220px 280px;
background-repeat:no-repeat;
width: 220px;
height: 280px;
}

.pic2
{
width: 220px !important;
height: 280px !important;
}

.inner_right_micro{
	width:90%;
}

}


@media (max-width: 360px) { 

.ba-mask
{
background-size: 220px 260px;
background-repeat:no-repeat;
width: 220px;
height: 260px;
}

.ba-bg
{
background-size: 220px 260px;
background-repeat:no-repeat;
width: 220px;
height: 260px;
}

.pic2
{
width: 220px !important;
height: 260px !important;
}

.inner_right_micro{
	width:90%;
}
}

@media (max-width: 320px) { 

.ba-mask
{
background-size: 200px 225px;
background-repeat:no-repeat;
width: 200px;
height: 225px;
}

.ba-bg
{
background-size: 200px 225px;
background-repeat:no-repeat;
width: 200px;
height: 225px;
}

.pic2
{
width: 200px !important;
height: 225px !important;
}

.inner_right_micro{
	width:90%;
}
}