.jcarousel-wrapper {

	margin: 0;

    position: relative;

    width: 100%;

    float: left;

}



/** Carousel **/





.jcarousel-wrapper .carousel_title {

	font-size: 34px;

    line-height: 42px;

    color: #124661;

    text-align: center;

    margin-bottom: 45px;

    letter-spacing: 3.5px;
	position:relative;

}



.jcarousel-wrapper .carousel_title:after {

    content: '';

    background: url(../images/carousel_title_border.png) center no-repeat;

    display: block;

    height: 32px;

    margin-top: 20px;

}

.jcarousel-wrapper .carousel_title:before {
    content: '';
    background: url(../images/carousel_title_border_icon.svg) center no-repeat;
    display: block;
    height: 32px;
    position: absolute;
    width: 100%;
    bottom: 0;
}



.jcarousel {

    position: relative;

    overflow: hidden;

    width: 100%;

}



.jcarousel ul {

    width: 20000em;

    position: relative;

    list-style: none;

    margin: 0 !important;

    padding: 0;

}



.jcarousel ul > br{

    display:none;

}



.jcarousel li {

    width: 225px;

    float: left;

    margin-right: 24px;

}



.jcarousel-wrapper .thumbnail {

    line-height: 0;

    overflow: hidden;

}



.jcarousel-wrapper .thumbnail a{

    display: block;

}



.jcarousel-wrapper .title {

    font-size: 18px;

    line-height: 26px;

    font-weight: 400;

    text-align: center;

}



.jcarousel-wrapper .title a {

	background: #124660;

    color: #fff;

    text-decoration: none;

    display: block;

    padding: 18px 10px;

	transition: .2s;

}



.jcarousel-wrapper .title a:hover {

    background: #585656;

}



.jcarousel img {

    display: block;

    max-width: 100%;

    height: auto !important;

	width: 100%;

}



/** Carousel Controls **/



.jcarousel-control-prev,

.jcarousel-control-next {

    position: absolute;

    top:200px;

    text-indent: -999999px;

}



.jcarousel-control-prev {

    left: -100px;

    background: url(../images/left_arrow.png) no-repeat;

    width: 40px;

    height: 78px;

}



.jcarousel-control-next {

    right: -100px;

    background: url(../images/right_arrow.png) no-repeat;

    width: 40px;

    height: 68px;

}



/** Carousel Pagination **/



.jcarousel-pagination {

    position: absolute;

    bottom: -40px;

    left: 50%;

    -webkit-transform: translate(-50%, 0);

    -ms-transform: translate(-50%, 0);

    transform: translate(-50%, 0);

    margin: 0;

}



.jcarousel-pagination a {

    text-decoration: none;

    display: inline-block;



    font-size: 11px;

    height: 10px;

    width: 10px;

    line-height: 10px;



    background: #fff;

    color: #4E443C;

    border-radius: 10px;

    text-indent: -9999px;



    margin-right: 7px;





    -webkit-box-shadow: 0 0 2px #4E443C;

    -moz-box-shadow: 0 0 2px #4E443C;

    box-shadow: 0 0 2px #4E443C;

}



.jcarousel-pagination a.active {

    background: #4E443C;

    color: #fff;

    opacity: 1;



    -webkit-box-shadow: 0 0 2px #F0EFE7;

    -moz-box-shadow: 0 0 2px #F0EFE7;

    box-shadow: 0 0 2px #F0EFE7;

}





@media only screen and (min-width:1201px) and (max-width:1419px){



/*.jcarousel-control-prev, .jcarousel-control-next {

    position: static;

    display: inline-block;

	margin: 0 50px;

}



.carousel_arrow {

    position: relative;

    overflow: hidden;

    display: table;

    margin: 20px auto 0;

}*/

.inner-wrapper {
    width: 900px;
    margin: 0 auto;
}

.jcarousel li {
    width: 280px;
    float: left;
    margin-right: 24px;
}	
	
.treatment .before_after .jcarousel-control-prev,
.treatment .before_after .jcarousel-control-next {
		top: 100px;
	}	
	


}







@media only screen  and (min-width:1420px){

.treatment .jcarousel-control-prev,
.treatment .jcarousel-control-next {
		top: 200px;
	}
	
.treatment .before_after .jcarousel-control-prev,
.treatment .before_after .jcarousel-control-next {
		top: 135px;
	}	
 	

.jcarousel-control-prev {
top: 130px;
    left: -70px;

}



.jcarousel-control-next {
top: 130px;
    right: -70px;

}



.jcarousel li {

    width: 380px;

    float: left;

    margin-right: 24px;

}	



.jcarousel-wrapper .inner_wrapper {

    width: 1200px;

}

	

	

}



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

	

.jcarousel-wrapper .inner_wrapper {
        width: 700px;
        margin: 0 auto;
    }

.page-template-treatmentpage .jcarousel-wrapper .inner_wrapper {
        width: 80%;
        margin: 0 auto;
    }

.jcarousel-control-prev {

    left: 60px;

}



.jcarousel-control-next {

    right: 60px;

}	
	
	
.jcarousel li {
    margin-right: 7px;
}	
	
.jcarousel-control-prev, .jcarousel-control-next {
    top: 170px;

}	

	

}









@media only screen and (max-width:1000px){

.jcarousel-wrapper .inner_wrapper {
        width: 450px;
        margin: 0 auto;
    }

.jcarousel-wrapper .inner_wrapper {

    width: 650px;

}



.jcarousel li {

    width: 203px;

}



.jcarousel-control-prev {

    left: 0;

    width: 30px;

    height: 60px;

    background-size: 30px;

}



.jcarousel-control-next {

    right: 0;

	width: 30px;

    height: 60px;

    background-size: 30px;

}



.jcarousel-wrapper {

	margin:40px auto 50px;

    float: none;

    max-width: 737px;

    overflow: hidden;

}



.jcarousel-wrapper .carousel_title{

    font-size: 25px;

    line-height: 30px;

}



}



@media only screen and (max-width:767px){



.jcarousel-wrapper .inner_wrapper {

    width: 300px;

}



.jcarousel-wrapper {

    max-width: 300px;
	margin-bottom:0;

}



.jcarousel {

    width:220px;

    margin: 0 auto;

}



.jcarousel-wrapper .carousel_title {

    letter-spacing: 2.5px;

}

.jcarousel-control-prev, .jcarousel-control-next {
    top: 20%;
}

.jcarousel li {

    width: 220px;

}



}







@media only screen  and (min-width:550px) and (max-width:767px){

	



.jcarousel-wrapper {

    max-width: 530px;

}



.jcarousel-wrapper .inner_wrapper {

    width: 445px;

}



.jcarousel {

   width: auto;

}

	

}


@media only screen  and (min-width:1150px) and (max-width:1200px){

	
.page-template-treatmentpage .jcarousel-wrapper .inner_wrapper {
        width: 80%;
        margin: 0 auto;
    }
	
.page-template-treatmentpage .before_image-box, .page-template-treatmentpage .after_image-box {
        width: 330px;
        height: 236px;
        margin: 0 12px;
    }	
	
.page-template-treatmentpage .jcarousel-control-next, 
.page-template-treatmentpage .jcarousel-control-prev {
        right: 7%;
        top: 29%;
    }	
	
	
	
}	

@media only screen and (min-width: 1201px) and (max-width: 1250px) {
    .page-template-treatmentpage .jcarousel-wrapper .inner_wrapper {
        width: 97%;
        margin: 0 auto;
    }
}



@media only screen and (min-width: 1000px) and (max-width: 1170px) {
	
.page-template-treatmentpage .jcarousel-wrapper .inner_wrapper {
        width: 700px;
        margin: 0 auto;
    }	
	
.page-template-treatmentpage .before_image-box, .page-template-treatmentpage .after_image-box {
        width: 260px;
        height: 170px;
        margin: 0 0;
    }	
	
.page-template-treatmentpage .after_title-box, 
.page-template-treatmentpage .before_title-box {
        width: 259px;
        margin: 0 12px;
    }	
	
	
.page-template-treatmentpage .before-box,
.page-template-treatmentpage .after-box	{
        width: 34%;
    }	
	
	
    .page-template-treatmentpage .jcarousel-control-next, .page-template-treatmentpage .jcarousel-control-prev {
        right: 7%;
        top: 23% !important;
    }	
	
	
  
}
