@charset "utf-8";

/* Mobile */
@media only screen and (min-width: 250px) {
	
.containerLips1 { 
 height: 500px;
 margin: 1vw auto;
 max-height: 500px;
 max-width: 659px;
 overflow: hidden;
 width: 100%;
	box-sizing: border-box;
}
.containerLips1 figure { 
 background-image: url("../Botox/Fillers/LipFillersAfter.png");
 background-size: auto;
 font-size: 0;
 height: 100%;
 margin: 0; 
 position: relative;
 width: 100%; 
}
#compareLips1 {
 background-image: url("../Botox/Fillers/LipFillersBefore.png");
 background-size: auto;
 bottom: 0;
 border-right: 5px solid rgba(255,255,255,0.7);
 box-shadow: 10px 0 15px -13px #000;
 height: 100%;
 max-width: 98.6%;
 min-width: 0.6%;
 overflow: visible;
 position: absolute;
 width: 50%; 
 animation: first 2s 1 normal ease-in-out 0.1s; 
 -webkit-animation: first 2s 1 normal ease-in-out 0.1s; 
}
input#sliderLips1 {
 -moz-appearance: none;
 -webkit-appearance: none;
 border: none; 
 background: transparent;
 cursor: col-resize;
 height: 100vw;
 left: 0;
 margin: 0;
 outline: none; 
 padding: 0;
 position: relative;
 top: -100vw;
 width: 100%;
}
input#sliderLips1::-moz-range-track { 
 background: transparent; 
}
input#sliderLips1::-ms-track {
 border: none; 
 background-color: transparent;
 height: 100vw; 
 left: 0; 
 outline: none; 
 position: relative;
 top: -100vw; 
 width: 100%;
 margin: 0;
 padding: 0;
 cursor: col-resize;
 color:transparent;
}
input#sliderLips1::-ms-fill-lower {
 background-color:transparent;
}
input#sliderLips1::-webkit-slider-thumb {
 -webkit-appearance:none;
 height: 100vw;
 width: 0.5%;
 opacity: 0;
}
input#sliderLips1::-moz-range-thumb {
 -moz-appearance: none;
 height: 100vw;
 width: 0.5%;
 opacity: 0;
}   
input#sliderLips1::-ms-thumb {
 height: 100vw;
 width: 0.5%; 
 opacity:0;
}
input#sliderLips1::-ms-tooltip {
 display:none;
}
#compareLips1::before {
 background: url(../Graphics/comparisionarrows2.png) no-repeat scroll 0 center transparent;
 background-size:contain;
 content: " ";
 float: right;
 height: 100%;
 margin-right: -34px;
 position: relative;
 top:0;
 width: 64px;
}
	
	
	
/*Laser Slider 1*/
.container1 { 
 height: 500px;
 margin: 1vw auto;
 max-height: 500px;
 max-width: 659px;
 overflow: hidden;
 width: 100%;
	box-sizing: border-box;
}
.container1 figure { 
 background-image: url("../Botox/BeforeAfter/BotoxInjections/PlasmaPenAfter1.jpg");
 background-size: auto;
 font-size: 0;
 height: 100%;
 margin: 0; 
 position: relative;
 width: 100%; 
}
#compare1 {
 background-image: url("../Botox/BeforeAfter/BotoxInjections/PlasmaPenBefore1.jpg");
 background-size: auto;
 bottom: 0;
 border-right: 5px solid rgba(255,255,255,0.7);
 box-shadow: 10px 0 15px -13px #000;
 height: 100%;
 max-width: 98.6%;
 min-width: 0.6%;
 overflow: visible;
 position: absolute;
 width: 50%; 
 animation: first 2s 1 normal ease-in-out 0.1s; 
 -webkit-animation: first 2s 1 normal ease-in-out 0.1s; 
}
input#slider1 {
 -moz-appearance: none;
 -webkit-appearance: none;
 border: none; 
 background: transparent;
 cursor: col-resize;
 height: 100vw;
 left: 0;
 margin: 0;
 outline: none; 
 padding: 0;
 position: relative;
 top: -100vw;
 width: 100%;
}
input#slider1::-moz-range-track { 
 background: transparent; 
}
input#slider1::-ms-track {
 border: none; 
 background-color: transparent;
 height: 100vw; 
 left: 0; 
 outline: none; 
 position: relative;
 top: -100vw; 
 width: 100%;
 margin: 0;
 padding: 0;
 cursor: col-resize;
 color:transparent;
}
input#slider1::-ms-fill-lower {
 background-color:transparent;
}
input#slider1::-webkit-slider-thumb {
 -webkit-appearance:none;
 height: 100vw;
 width: 0.5%;
 opacity: 0;
}
input#slider1::-moz-range-thumb {
 -moz-appearance: none;
 height: 100vw;
 width: 0.5%;
 opacity: 0;
}   
input#slider1::-ms-thumb {
 height: 100vw;
 width: 0.5%; 
 opacity:0;
}
input#slider1::-ms-tooltip {
 display:none;
}
#compare1::before {
 background: url(../Graphics/comparisionarrows2.png) no-repeat scroll 0 center transparent;
 background-size:contain;
 content: " ";
 float: right;
 height: 100%;
 margin-right: -34px;
 position: relative;
 top:0;
 width: 64px;
}


/*Laser Slider 2*/
.container2 { 
 height: 500px;
 margin: 1vw auto;
 max-height: 500px;
 max-width: 659px;
 overflow: hidden;
 width: 100%;
	box-sizing: border-box;
}
.container2 figure { 
 background-image: url("../Botox/BeforeAfter/BotoxInjections/PlasmaPenAfter2.jpg");
 background-size: auto;
 font-size: 0;
 height: 100%;
 margin: 0; 
 position: relative;
 width: 100%; 
}
#compare2 {
 background-image: url("../Botox/BeforeAfter/BotoxInjections/PlasmaPenBefore2.jpg");
 background-size: auto;
 bottom: 0;
 border-right: 5px solid rgba(255,255,255,0.7);
 box-shadow: 10px 0 15px -13px #000;
 height: 100%;
 max-width: 98.6%;
 min-width: 0.6%;
 overflow: visible;
 position: absolute;
 width: 50%; 
 animation: first 2s 1 normal ease-in-out 0.1s; 
 -webkit-animation: first 2s 1 normal ease-in-out 0.1s; 
}
input#slider2 {
 -moz-appearance: none;
 -webkit-appearance: none;
 border: none; 
 background: transparent;
 cursor: col-resize;
 height: 100vw;
 left: 0;
 margin: 0;
 outline: none; 
 padding: 0;
 position: relative;
 top: -100vw;
 width: 100%;
}
input#slider2::-moz-range-track { 
 background: transparent; 
}
input#slider2::-ms-track {
 border: none; 
 background-color: transparent;
 height: 100vw; 
 left: 0; 
 outline: none; 
 position: relative;
 top: -100vw; 
 width: 100%;
 margin: 0;
 padding: 0;
 cursor: col-resize;
 color:transparent;
}
input#slider2::-ms-fill-lower {
 background-color:transparent;
}
input#slider2::-webkit-slider-thumb {
 -webkit-appearance:none;
 height: 100vw;
 width: 0.5%;
 opacity: 0;
}
input#slider2::-moz-range-thumb {
 -moz-appearance: none;
 height: 100vw;
 width: 0.5%;
 opacity: 0;
}   
input#slider2::-ms-thumb {
 height: 100vw;
 width: 0.5%; 
 opacity:0;
}
input#slider2::-ms-tooltip {
 display:none;
}
#compare2::before {
 background: url(../Graphics/comparisionarrows2.png) no-repeat scroll 0 center transparent;
 background-size:contain;
 content: " ";
 float: right;
 height: 100%;
 margin-right: -34px;
 position: relative;
 top:0;
 width: 64px;
}



/*Laser Slider 3*/
.container3 { 
 height: 500px;
 margin: 1vw auto;
 max-height: 323px;
 max-width: 231px;
 overflow: hidden;
 width: 100%;
}
.container3 figure { 
 background-image: url(../MedSpaGermantownTN/LaserTreatmentsGermantownTN/ToneTexture/After2.jpg);
 background-size: auto;
 font-size: 0;
 height: 100%;
 margin: 0; 
 position: relative;
 width: 100%; 
}
#compare3 {
 background-image: url(../MedSpaGermantownTN/LaserTreatmentsGermantownTN/ToneTexture/Before2.jpg);
 background-size: auto;
 bottom: 0;
 border-right: 5px solid rgba(255,255,255,0.7);
 box-shadow: 10px 0 15px -13px #000;
 height: 100%;
 max-width: 98.6%;
 min-width: 0.6%;
 overflow: visible;
 position: absolute;
 width: 50%; 
 animation: first 2s 1 normal ease-in-out 0.1s; 
 -webkit-animation: first 2s 1 normal ease-in-out 0.1s; 
}
input#slider3 {
 -moz-appearance: none;
 -webkit-appearance: none;
 border: none; 
 background: transparent;
 cursor: col-resize;
 height: 100vw;
 left: 0;
 margin: 0;
 outline: none; 
 padding: 0;
 position: relative;
 top: -100vw;
 width: 100%;
}
input#slider3::-moz-range-track { 
 background: transparent; 
}
input#slider3::-ms-track {
 border: none; 
 background-color: transparent;
 height: 100vw; 
 left: 0; 
 outline: none; 
 position: relative;
 top: -100vw; 
 width: 100%;
 margin: 0;
 padding: 0;
 cursor: col-resize;
 color:transparent;
}
input#slider3::-ms-fill-lower {
 background-color:transparent;
}
input#slider3::-webkit-slider-thumb {
 -webkit-appearance:none;
 height: 100vw;
 width: 0.5%;
 opacity: 0;
}
input#slider3::-moz-range-thumb {
 -moz-appearance: none;
 height: 100vw;
 width: 0.5%;
 opacity: 0;
}   
input#slider3::-ms-thumb {
 height: 100vw;
 width: 0.5%; 
 opacity:0;
}
input#slider3::-ms-tooltip {
 display:none;
}
#compare3::before {
 background: url(../Graphics/comparisionarrows2.png) no-repeat scroll 0 center transparent;
 background-size:contain;
 content: " ";
 float: right;
 height: 100%;
 margin-right: -34px;
 position: relative;
 top:0;
 width: 64px;
}



/*Laser Slider 4*/
.container4 { 
 height: 500px;
 margin: 1vw auto;
 max-height: 323px;
 max-width: 231px;
 overflow: hidden;
 width: 100%;
}
.container4 figure { 
 background-image: url(../MedSpaGermantownTN/LaserTreatmentsGermantownTN/ToneTexture/After3.jpg);
 background-size: auto;
 font-size: 0;
 height: 100%;
 margin: 0; 
 position: relative;
 width: 100%; 
}
#compare4 {
 background-image: url(../MedSpaGermantownTN/LaserTreatmentsGermantownTN/ToneTexture/Before3.jpg);
 background-size: auto;
 bottom: 0;
 border-right: 5px solid rgba(255,255,255,0.7);
 box-shadow: 10px 0 15px -13px #000;
 height: 100%;
 max-width: 98.6%;
 min-width: 0.6%;
 overflow: visible;
 position: absolute;
 width: 50%; 
 animation: first 2s 1 normal ease-in-out 0.1s; 
 -webkit-animation: first 2s 1 normal ease-in-out 0.1s; 
}
input#slider4 {
 -moz-appearance: none;
 -webkit-appearance: none;
 border: none; 
 background: transparent;
 cursor: col-resize;
 height: 100vw;
 left: 0;
 margin: 0;
 outline: none; 
 padding: 0;
 position: relative;
 top: -100vw;
 width: 100%;
}
input#slider4::-moz-range-track { 
 background: transparent; 
}
input#slider4::-ms-track {
 border: none; 
 background-color: transparent;
 height: 100vw; 
 left: 0; 
 outline: none; 
 position: relative;
 top: -100vw; 
 width: 100%;
 margin: 0;
 padding: 0;
 cursor: col-resize;
 color:transparent;
}
input#slider4::-ms-fill-lower {
 background-color:transparent;
}
input#slider4::-webkit-slider-thumb {
 -webkit-appearance:none;
 height: 100vw;
 width: 0.5%;
 opacity: 0;
}
input#slider4::-moz-range-thumb {
 -moz-appearance: none;
 height: 100vw;
 width: 0.5%;
 opacity: 0;
}   
input#slider4::-ms-thumb {
 height: 100vw;
 width: 0.5%; 
 opacity:0;
}
input#slider4::-ms-tooltip {
 display:none;
}
#compare4::before {
 background: url(../Graphics/comparisionarrows2.png) no-repeat scroll 0 center transparent;
 background-size:contain;
 content: " ";
 float: right;
 height: 100%;
 margin-right: -34px;
 position: relative;
 top:0;
 width: 64px;
}


/*Contouring Slider 1*/
.containerBC1 { 
 height: 500px;
 margin: 1vw auto;
 max-height: 323px;
 max-width: 231px;
 overflow: hidden;
 width: 100%;
}
.containerBC1 figure { 
 background-image: url(../MedSpaGermantownTN/BodyContouringGermantownTN/BodyContouring/After1.jpg);
 background-size: auto;
 font-size: 0;
 height: 100%;
 margin: 0; 
 position: relative;
 width: 100%; 
}
#compareBC1 {
 background-image: url(../MedSpaGermantownTN/BodyContouringGermantownTN/BodyContouring/Before1.jpg);
 background-size: auto;
 bottom: 0;
 border-right: 5px solid rgba(255,255,255,0.7);
 box-shadow: 10px 0 15px -13px #000;
 height: 100%;
 max-width: 98.6%;
 min-width: 0.6%;
 overflow: visible;
 position: absolute;
 width: 50%; 
 animation: first 2s 1 normal ease-in-out 0.1s; 
 -webkit-animation: first 2s 1 normal ease-in-out 0.1s; 
}
input#sliderBC1 {
 -moz-appearance: none;
 -webkit-appearance: none;
 border: none; 
 background: transparent;
 cursor: col-resize;
 height: 100vw;
 left: 0;
 margin: 0;
 outline: none; 
 padding: 0;
 position: relative;
 top: -100vw;
 width: 100%;
}
input#sliderBC1::-moz-range-track { 
 background: transparent; 
}
input#sliderBC1::-ms-track {
 border: none; 
 background-color: transparent;
 height: 100vw; 
 left: 0; 
 outline: none; 
 position: relative;
 top: -100vw; 
 width: 100%;
 margin: 0;
 padding: 0;
 cursor: col-resize;
 color:transparent;
}
input#sliderBC1::-ms-fill-lower {
 background-color:transparent;
}
input#sliderBC1::-webkit-slider-thumb {
 -webkit-appearance:none;
 height: 100vw;
 width: 0.5%;
 opacity: 0;
}
input#sliderBC1::-moz-range-thumb {
 -moz-appearance: none;
 height: 100vw;
 width: 0.5%;
 opacity: 0;
}   
input#sliderBC1::-ms-thumb {
 height: 100vw;
 width: 0.5%; 
 opacity:0;
}
input#sliderBC1::-ms-tooltip {
 display:none;
}
#compareBC1::before {
 background: url(../Graphics/comparisionarrows2.png) no-repeat scroll 0 center transparent;
 background-size:contain;
 content: " ";
 float: right;
 height: 100%;
 margin-right: -34px;
 position: relative;
 top:0;
 width: 64px;
}


/*Contouring Slider 2*/
.containerBC2 { 
 height: 500px;
 margin: 1vw auto;
 max-height: 323px;
 max-width: 231px;
 overflow: hidden;
 width: 100%;
}
.containerBC2 figure { 
 background-image: url(../MedSpaGermantownTN/BodyContouringGermantownTN/BodyContouring/After2.jpg);
 background-size: auto;
 font-size: 0;
 height: 100%;
 margin: 0; 
 position: relative;
 width: 100%; 
}
#compareBC2 {
 background-image: url(../MedSpaGermantownTN/BodyContouringGermantownTN/BodyContouring/Before2.jpg);
 background-size: auto;
 bottom: 0;
 border-right: 5px solid rgba(255,255,255,0.7);
 box-shadow: 10px 0 15px -13px #000;
 height: 100%;
 max-width: 98.6%;
 min-width: 0.6%;
 overflow: visible;
 position: absolute;
 width: 50%; 
 animation: first 2s 1 normal ease-in-out 0.1s; 
 -webkit-animation: first 2s 1 normal ease-in-out 0.1s; 
}
input#sliderBC2 {
 -moz-appearance: none;
 -webkit-appearance: none;
 border: none; 
 background: transparent;
 cursor: col-resize;
 height: 100vw;
 left: 0;
 margin: 0;
 outline: none; 
 padding: 0;
 position: relative;
 top: -100vw;
 width: 100%;
}
input#sliderBC2::-moz-range-track { 
 background: transparent; 
}
input#sliderBC2::-ms-track {
 border: none; 
 background-color: transparent;
 height: 100vw; 
 left: 0; 
 outline: none; 
 position: relative;
 top: -100vw; 
 width: 100%;
 margin: 0;
 padding: 0;
 cursor: col-resize;
 color:transparent;
}
input#sliderBC2::-ms-fill-lower {
 background-color:transparent;
}
input#sliderBC2::-webkit-slider-thumb {
 -webkit-appearance:none;
 height: 100vw;
 width: 0.5%;
 opacity: 0;
}
input#sliderBC2::-moz-range-thumb {
 -moz-appearance: none;
 height: 100vw;
 width: 0.5%;
 opacity: 0;
}   
input#sliderBC2::-ms-thumb {
 height: 100vw;
 width: 0.5%; 
 opacity:0;
}
input#sliderBC2::-ms-tooltip {
 display:none;
}
#compareBC2::before {
 background: url(../Graphics/comparisionarrows2.png) no-repeat scroll 0 center transparent;
 background-size:contain;
 content: " ";
 float: right;
 height: 100%;
 margin-right: -34px;
 position: relative;
 top:0;
 width: 64px;
}


/*Contouring Slider 3*/
.containerBC3 { 
 height: 500px;
 margin: 1vw auto;
 max-height: 323px;
 max-width: 231px;
 overflow: hidden;
 width: 100%;
}
.containerBC3 figure { 
 background-image: url(../MedSpaGermantownTN/BodyContouringGermantownTN/BodyContouring/After3.jpg);
 background-size: auto;
 font-size: 0;
 height: 100%;
 margin: 0; 
 position: relative;
 width: 100%; 
}
#compareBC3 {
 background-image: url(../MedSpaGermantownTN/BodyContouringGermantownTN/BodyContouring/Before3.jpg);
 background-size: auto;
 bottom: 0;
 border-right: 5px solid rgba(255,255,255,0.7);
 box-shadow: 10px 0 15px -13px #000;
 height: 100%;
 max-width: 98.6%;
 min-width: 0.6%;
 overflow: visible;
 position: absolute;
 width: 50%; 
 animation: first 2s 1 normal ease-in-out 0.1s; 
 -webkit-animation: first 2s 1 normal ease-in-out 0.1s; 
}
input#sliderBC3 {
 -moz-appearance: none;
 -webkit-appearance: none;
 border: none; 
 background: transparent;
 cursor: col-resize;
 height: 100vw;
 left: 0;
 margin: 0;
 outline: none; 
 padding: 0;
 position: relative;
 top: -100vw;
 width: 100%;
}
input#sliderBC3::-moz-range-track { 
 background: transparent; 
}
input#sliderBC3::-ms-track {
 border: none; 
 background-color: transparent;
 height: 100vw; 
 left: 0; 
 outline: none; 
 position: relative;
 top: -100vw; 
 width: 100%;
 margin: 0;
 padding: 0;
 cursor: col-resize;
 color:transparent;
}
input#sliderBC3::-ms-fill-lower {
 background-color:transparent;
}
input#sliderBC3::-webkit-slider-thumb {
 -webkit-appearance:none;
 height: 100vw;
 width: 0.5%;
 opacity: 0;
}
input#sliderBC3::-moz-range-thumb {
 -moz-appearance: none;
 height: 100vw;
 width: 0.5%;
 opacity: 0;
}   
input#sliderBC3::-ms-thumb {
 height: 100vw;
 width: 0.5%; 
 opacity:0;
}
input#sliderBC3::-ms-tooltip {
 display:none;
}
#compareBC3::before {
 background: url(../Graphics/comparisionarrows2.png) no-repeat scroll 0 center transparent;
 background-size:contain;
 content: " ";
 float: right;
 height: 100%;
 margin-right: -34px;
 position: relative;
 top:0;
 width: 64px;
}


/*Contouring Slider 4*/
.containerBC4 { 
 height: 500px;
 margin: 1vw auto;
 max-height: 323px;
 max-width: 231px;
 overflow: hidden;
 width: 100%;
}
.containerBC4 figure { 
 background-image: url(../MedSpaGermantownTN/BodyContouringGermantownTN/BodyContouring/After4.jpg);
 background-size: auto;
 font-size: 0;
 height: 100%;
 margin: 0; 
 position: relative;
 width: 100%; 
}
#compareBC4 {
 background-image: url(../MedSpaGermantownTN/BodyContouringGermantownTN/BodyContouring/Before4.jpg);
 background-size: auto;
 bottom: 0;
 border-right: 5px solid rgba(255,255,255,0.7);
 box-shadow: 10px 0 15px -13px #000;
 height: 100%;
 max-width: 98.6%;
 min-width: 0.6%;
 overflow: visible;
 position: absolute;
 width: 50%; 
 animation: first 2s 1 normal ease-in-out 0.1s; 
 -webkit-animation: first 2s 1 normal ease-in-out 0.1s; 
}
input#sliderBC4 {
 -moz-appearance: none;
 -webkit-appearance: none;
 border: none; 
 background: transparent;
 cursor: col-resize;
 height: 100vw;
 left: 0;
 margin: 0;
 outline: none; 
 padding: 0;
 position: relative;
 top: -100vw;
 width: 100%;
}
input#sliderBC4::-moz-range-track { 
 background: transparent; 
}
input#sliderBC4::-ms-track {
 border: none; 
 background-color: transparent;
 height: 100vw; 
 left: 0; 
 outline: none; 
 position: relative;
 top: -100vw; 
 width: 100%;
 margin: 0;
 padding: 0;
 cursor: col-resize;
 color:transparent;
}
input#sliderBC4::-ms-fill-lower {
 background-color:transparent;
}
input#sliderBC4::-webkit-slider-thumb {
 -webkit-appearance:none;
 height: 100vw;
 width: 0.5%;
 opacity: 0;
}
input#sliderBC4::-moz-range-thumb {
 -moz-appearance: none;
 height: 100vw;
 width: 0.5%;
 opacity: 0;
}   
input#sliderBC4::-ms-thumb {
 height: 100vw;
 width: 0.5%; 
 opacity:0;
}
input#sliderBC4::-ms-tooltip {
 display:none;
}
#compareBC4::before {
 background: url(../Graphics/comparisionarrows2.png) no-repeat scroll 0 center transparent;
 background-size:contain;
 content: " ";
 float: right;
 height: 100%;
 margin-right: -34px;
 position: relative;
 top:0;
 width: 64px;
}



/*Skin Tightening Slider 1*/
.containerST1 { 
 height: 500px;
 margin: 1vw auto;
 max-height: 323px;
 max-width: 231px;
 overflow: hidden;
 width: 100%;
}
.containerST1 figure { 
 background-image: url(../MedSpaGermantownTN/SkinTightening/SkinTightening/After1.jpg);
 background-size: auto;
 font-size: 0;
 height: 100%;
 margin: 0; 
 position: relative;
 width: 100%; 
}
#compareST1 {
 background-image: url(../MedSpaGermantownTN/SkinTightening/SkinTightening/Before1.jpg);
 background-size: auto;
 bottom: 0;
 border-right: 5px solid rgba(255,255,255,0.7);
 box-shadow: 10px 0 15px -13px #000;
 height: 100%;
 max-width: 98.6%;
 min-width: 0.6%;
 overflow: visible;
 position: absolute;
 width: 50%; 
 animation: first 2s 1 normal ease-in-out 0.1s; 
 -webkit-animation: first 2s 1 normal ease-in-out 0.1s; 
}
input#sliderST1 {
 -moz-appearance: none;
 -webkit-appearance: none;
 border: none; 
 background: transparent;
 cursor: col-resize;
 height: 100vw;
 left: 0;
 margin: 0;
 outline: none; 
 padding: 0;
 position: relative;
 top: -100vw;
 width: 100%;
}
input#sliderST1::-moz-range-track { 
 background: transparent; 
}
input#sliderST1::-ms-track {
 border: none; 
 background-color: transparent;
 height: 100vw; 
 left: 0; 
 outline: none; 
 position: relative;
 top: -100vw; 
 width: 100%;
 margin: 0;
 padding: 0;
 cursor: col-resize;
 color:transparent;
}
input#sliderST1::-ms-fill-lower {
 background-color:transparent;
}
input#sliderST1::-webkit-slider-thumb {
 -webkit-appearance:none;
 height: 100vw;
 width: 0.5%;
 opacity: 0;
}
input#sliderST1::-moz-range-thumb {
 -moz-appearance: none;
 height: 100vw;
 width: 0.5%;
 opacity: 0;
}   
input#sliderST1::-ms-thumb {
 height: 100vw;
 width: 0.5%; 
 opacity:0;
}
input#sliderST1::-ms-tooltip {
 display:none;
}
#compareST1::before {
 background: url(../Graphics/comparisionarrows2.png) no-repeat scroll 0 center transparent;
 background-size:contain;
 content: " ";
 float: right;
 height: 100%;
 margin-right: -34px;
 position: relative;
 top:0;
 width: 64px;
}


/*Skin Tightening Slider 2*/
.containerST2 { 
 height: 500px;
 margin: 1vw auto;
 max-height: 323px;
 max-width: 231px;
 overflow: hidden;
 width: 100%;
}
.containerST2 figure { 
 background-image: url(../MedSpaGermantownTN/SkinTightening/SkinTightening/After2.jpg);
 background-size: auto;
 font-size: 0;
 height: 100%;
 margin: 0; 
 position: relative;
 width: 100%; 
}
#compareST2 {
 background-image: url(../MedSpaGermantownTN/SkinTightening/SkinTightening/Before2.jpg);
 background-size: auto;
 bottom: 0;
 border-right: 5px solid rgba(255,255,255,0.7);
 box-shadow: 10px 0 15px -13px #000;
 height: 100%;
 max-width: 98.6%;
 min-width: 0.6%;
 overflow: visible;
 position: absolute;
 width: 50%; 
 animation: first 2s 1 normal ease-in-out 0.1s; 
 -webkit-animation: first 2s 1 normal ease-in-out 0.1s; 
}
input#sliderST2 {
 -moz-appearance: none;
 -webkit-appearance: none;
 border: none; 
 background: transparent;
 cursor: col-resize;
 height: 100vw;
 left: 0;
 margin: 0;
 outline: none; 
 padding: 0;
 position: relative;
 top: -100vw;
 width: 100%;
}
input#sliderST2::-moz-range-track { 
 background: transparent; 
}
input#sliderST2::-ms-track {
 border: none; 
 background-color: transparent;
 height: 100vw; 
 left: 0; 
 outline: none; 
 position: relative;
 top: -100vw; 
 width: 100%;
 margin: 0;
 padding: 0;
 cursor: col-resize;
 color:transparent;
}
input#sliderST2::-ms-fill-lower {
 background-color:transparent;
}
input#sliderST2::-webkit-slider-thumb {
 -webkit-appearance:none;
 height: 100vw;
 width: 0.5%;
 opacity: 0;
}
input#sliderST2::-moz-range-thumb {
 -moz-appearance: none;
 height: 100vw;
 width: 0.5%;
 opacity: 0;
}   
input#sliderST2::-ms-thumb {
 height: 100vw;
 width: 0.5%; 
 opacity:0;
}
input#sliderST2::-ms-tooltip {
 display:none;
}
#compareST2::before {
 background: url(../Graphics/comparisionarrows2.png) no-repeat scroll 0 center transparent;
 background-size:contain;
 content: " ";
 float: right;
 height: 100%;
 margin-right: -34px;
 position: relative;
 top:0;
 width: 64px;
}


/*Skin Tightening Slider 3*/
.containerST3 { 
 height: 500px;
 margin: 1vw auto;
 max-height: 323px;
 max-width: 231px;
 overflow: hidden;
 width: 100%;
}
.containerST3 figure { 
 background-image: url(../MedSpaGermantownTN/SkinTightening/SkinTightening/After3.jpg);
 background-size: auto;
 font-size: 0;
 height: 100%;
 margin: 0; 
 position: relative;
 width: 100%; 
}
#compareST3 {
 background-image: url(../MedSpaGermantownTN/SkinTightening/SkinTightening/Before3.jpg);
 background-size: auto;
 bottom: 0;
 border-right: 5px solid rgba(255,255,255,0.7);
 box-shadow: 10px 0 15px -13px #000;
 height: 100%;
 max-width: 98.6%;
 min-width: 0.6%;
 overflow: visible;
 position: absolute;
 width: 50%; 
 animation: first 2s 1 normal ease-in-out 0.1s; 
 -webkit-animation: first 2s 1 normal ease-in-out 0.1s; 
}
input#sliderST3 {
 -moz-appearance: none;
 -webkit-appearance: none;
 border: none; 
 background: transparent;
 cursor: col-resize;
 height: 100vw;
 left: 0;
 margin: 0;
 outline: none; 
 padding: 0;
 position: relative;
 top: -100vw;
 width: 100%;
}
input#sliderST3::-moz-range-track { 
 background: transparent; 
}
input#sliderST3::-ms-track {
 border: none; 
 background-color: transparent;
 height: 100vw; 
 left: 0; 
 outline: none; 
 position: relative;
 top: -100vw; 
 width: 100%;
 margin: 0;
 padding: 0;
 cursor: col-resize;
 color:transparent;
}
input#sliderST3::-ms-fill-lower {
 background-color:transparent;
}
input#sliderST3::-webkit-slider-thumb {
 -webkit-appearance:none;
 height: 100vw;
 width: 0.5%;
 opacity: 0;
}
input#sliderST3::-moz-range-thumb {
 -moz-appearance: none;
 height: 100vw;
 width: 0.5%;
 opacity: 0;
}   
input#sliderST3::-ms-thumb {
 height: 100vw;
 width: 0.5%; 
 opacity:0;
}
input#sliderST3::-ms-tooltip {
 display:none;
}
#compareST3::before {
 background: url(../Graphics/comparisionarrows2.png) no-repeat scroll 0 center transparent;
 background-size:contain;
 content: " ";
 float: right;
 height: 100%;
 margin-right: -34px;
 position: relative;
 top:0;
 width: 64px;
}


/*Skin Tightening Slider 4*/
.containerST4 { 
 height: 500px;
 margin: 1vw auto;
 max-height: 323px;
 max-width: 231px;
 overflow: hidden;
 width: 100%;
}
.containerST4 figure { 
 background-image: url(../MedSpaGermantownTN/SkinTightening/SkinTightening/After4.jpg);
 background-size: auto;
 font-size: 0;
 height: 100%;
 margin: 0; 
 position: relative;
 width: 100%; 
}
#compareST4 {
 background-image: url(../MedSpaGermantownTN/SkinTightening/SkinTightening/Before4.jpg);
 background-size: auto;
 bottom: 0;
 border-right: 5px solid rgba(255,255,255,0.7);
 box-shadow: 10px 0 15px -13px #000;
 height: 100%;
 max-width: 98.6%;
 min-width: 0.6%;
 overflow: visible;
 position: absolute;
 width: 50%; 
 animation: first 2s 1 normal ease-in-out 0.1s; 
 -webkit-animation: first 2s 1 normal ease-in-out 0.1s; 
}
input#sliderST4 {
 -moz-appearance: none;
 -webkit-appearance: none;
 border: none; 
 background: transparent;
 cursor: col-resize;
 height: 100vw;
 left: 0;
 margin: 0;
 outline: none; 
 padding: 0;
 position: relative;
 top: -100vw;
 width: 100%;
}
input#sliderST4::-moz-range-track { 
 background: transparent; 
}
input#sliderST4::-ms-track {
 border: none; 
 background-color: transparent;
 height: 100vw; 
 left: 0; 
 outline: none; 
 position: relative;
 top: -100vw; 
 width: 100%;
 margin: 0;
 padding: 0;
 cursor: col-resize;
 color:transparent;
}
input#sliderST4::-ms-fill-lower {
 background-color:transparent;
}
input#sliderST4::-webkit-slider-thumb {
 -webkit-appearance:none;
 height: 100vw;
 width: 0.5%;
 opacity: 0;
}
input#sliderST4::-moz-range-thumb {
 -moz-appearance: none;
 height: 100vw;
 width: 0.5%;
 opacity: 0;
}   
input#sliderST4::-ms-thumb {
 height: 100vw;
 width: 0.5%; 
 opacity:0;
}
input#sliderST4::-ms-tooltip {
 display:none;
}
#compareST4::before {
 background: url(../Graphics/comparisionarrows2.png) no-repeat scroll 0 center transparent;
 background-size:contain;
 content: " ";
 float: right;
 height: 100%;
 margin-right: -34px;
 position: relative;
 top:0;
 width: 64px;
}


@keyframes first {
  0% {width: 0%; }
  50% {width: 80%; }
  100% {width: 50%; }
}
@-webkit-keyframes first {
  0% {width: 0%; }
  50% {width: 80%; }
  100% {width: 50%; }
}		
}

/* Tablet */

@media only screen and (min-width: 750px) {
.containerLips1 { 
 height: 500px;
 margin: 1vw auto;
 max-height: 500px;
 max-width: 659px;
 overflow: hidden;
 width: 100%;
	box-sizing: border-box;
}
.containerLips1 figure { 
 background-image: url("../Botox/Fillers/LipFillersAfter.png");
 background-size: auto;
 font-size: 0;
 height: 100%;
 margin: 0; 
 position: relative;
 width: 100%; 
}
#compareLips1 {
 background-image: url("../Botox/Fillers/LipFillersBefore.png");
 background-size: auto;
 bottom: 0;
 border-right: 5px solid rgba(255,255,255,0.7);
 box-shadow: 10px 0 15px -13px #000;
 height: 100%;
 max-width: 98.6%;
 min-width: 0.6%;
 overflow: visible;
 position: absolute;
 width: 50%; 
 animation: first 2s 1 normal ease-in-out 0.1s; 
 -webkit-animation: first 2s 1 normal ease-in-out 0.1s; 
}
input#sliderLips1 {
 -moz-appearance: none;
 -webkit-appearance: none;
 border: none; 
 background: transparent;
 cursor: col-resize;
 height: 100vw;
 left: 0;
 margin: 0;
 outline: none; 
 padding: 0;
 position: relative;
 top: -100vw;
 width: 100%;
}
input#sliderLips1::-moz-range-track { 
 background: transparent; 
}
input#sliderLips1::-ms-track {
 border: none; 
 background-color: transparent;
 height: 100vw; 
 left: 0; 
 outline: none; 
 position: relative;
 top: -100vw; 
 width: 100%;
 margin: 0;
 padding: 0;
 cursor: col-resize;
 color:transparent;
}
input#sliderLips1::-ms-fill-lower {
 background-color:transparent;
}
input#sliderLips1::-webkit-slider-thumb {
 -webkit-appearance:none;
 height: 100vw;
 width: 0.5%;
 opacity: 0;
}
input#sliderLips1::-moz-range-thumb {
 -moz-appearance: none;
 height: 100vw;
 width: 0.5%;
 opacity: 0;
}   
input#sliderLips1::-ms-thumb {
 height: 100vw;
 width: 0.5%; 
 opacity:0;
}
input#sliderLips1::-ms-tooltip {
 display:none;
}
#compareLips1::before {
 background: url(../Graphics/comparisionarrows2.png) no-repeat scroll 0 center transparent;
 background-size:contain;
 content: " ";
 float: right;
 height: 100%;
 margin-right: -34px;
 position: relative;
 top:0;
 width: 64px;
}
	
	
/*Laser Slider 1*/
.container1 { 
 height: 500px;
 margin: 1vw auto;
 max-height: 500px;
 max-width: 659px;
 overflow: hidden;
 width: 100%;
}
.container1 figure { 
 background-image: url("../Botox/BeforeAfter/BotoxInjections/PlasmaPenAfter1.jpg");
 background-size: auto;
 font-size: 0;
 height: 100%;
 margin: 0; 
 position: relative;
 width: 100%; 
}
#compare1 {
 background-image: url("../Botox/BeforeAfter/BotoxInjections/PlasmaPenBefore1.jpg");
 background-size: auto;
 bottom: 0;
 border-right: 5px solid rgba(255,255,255,0.7);
 box-shadow: 10px 0 15px -13px #000;
 height: 100%;
 max-width: 98.6%;
 min-width: 0.6%;
 overflow: visible;
 position: absolute;
 width: 50%; 
 animation: first 2s 1 normal ease-in-out 0.1s; 
 -webkit-animation: first 2s 1 normal ease-in-out 0.1s; 
}
input#slider1 {
 -moz-appearance: none;
 -webkit-appearance: none;
 border: none; 
 background: transparent;
 cursor: col-resize;
 height: 100vw;
 left: 0;
 margin: 0;
 outline: none; 
 padding: 0;
 position: relative;
 top: -100vw;
 width: 100%;
}
input#slider1::-moz-range-track { 
 background: transparent; 
}
input#slider1::-ms-track {
 border: none; 
 background-color: transparent;
 height: 100vw; 
 left: 0; 
 outline: none; 
 position: relative;
 top: -100vw; 
 width: 100%;
 margin: 0;
 padding: 0;
 cursor: col-resize;
 color:transparent;
}
input#slider1::-ms-fill-lower {
 background-color:transparent;
}
input#slider1::-webkit-slider-thumb {
 -webkit-appearance:none;
 height: 100vw;
 width: 0.5%;
 opacity: 0;
}
input#slider1::-moz-range-thumb {
 -moz-appearance: none;
 height: 100vw;
 width: 0.5%;
 opacity: 0;
}   
input#slider1::-ms-thumb {
 height: 100vw;
 width: 0.5%; 
 opacity:0;
}
input#slider1::-ms-tooltip {
 display:none;
}
#compare1::before {
 background: url(../Graphics/comparisionarrows2.png) no-repeat scroll 0 center transparent;
 background-size:contain;
 content: " ";
 float: right;
 height: 100%;
 margin-right: -34px;
 position: relative;
 top:0;
 width: 64px;
}


/*Laser Slider 2*/
.container2 { 
 height: 500px;
 margin: 1vw auto;
 max-height: 500px;
 max-width: 659px;
 overflow: hidden;
 width: 100%;
}
.container2 figure { 
 background-image: url("../Botox/BeforeAfter/BotoxInjections/PlasmaPenAfter2.jpg");
 background-size: auto;
 font-size: 0;
 height: 100%;
 margin: 0; 
 position: relative;
 width: 100%; 
}
#compare2 {
 background-image: url("../Botox/BeforeAfter/BotoxInjections/PlasmaPenBefore2.jpg");
 background-size: auto;
 bottom: 0;
 border-right: 5px solid rgba(255,255,255,0.7);
 box-shadow: 10px 0 15px -13px #000;
 height: 100%;
 max-width: 98.6%;
 min-width: 0.6%;
 overflow: visible;
 position: absolute;
 width: 50%; 
 animation: first 2s 1 normal ease-in-out 0.1s; 
 -webkit-animation: first 2s 1 normal ease-in-out 0.1s; 
}
input#slider2 {
 -moz-appearance: none;
 -webkit-appearance: none;
 border: none; 
 background: transparent;
 cursor: col-resize;
 height: 100vw;
 left: 0;
 margin: 0;
 outline: none; 
 padding: 0;
 position: relative;
 top: -100vw;
 width: 100%;
}
input#slider2::-moz-range-track { 
 background: transparent; 
}
input#slider2::-ms-track {
 border: none; 
 background-color: transparent;
 height: 100vw; 
 left: 0; 
 outline: none; 
 position: relative;
 top: -100vw; 
 width: 100%;
 margin: 0;
 padding: 0;
 cursor: col-resize;
 color:transparent;
}
input#slider2::-ms-fill-lower {
 background-color:transparent;
}
input#slider2::-webkit-slider-thumb {
 -webkit-appearance:none;
 height: 100vw;
 width: 0.5%;
 opacity: 0;
}
input#slider2::-moz-range-thumb {
 -moz-appearance: none;
 height: 100vw;
 width: 0.5%;
 opacity: 0;
}   
input#slider2::-ms-thumb {
 height: 100vw;
 width: 0.5%; 
 opacity:0;
}
input#slider2::-ms-tooltip {
 display:none;
}
#compare2::before {
 background: url(../Graphics/comparisionarrows2.png) no-repeat scroll 0 center transparent;
 background-size:contain;
 content: " ";
 float: right;
 height: 100%;
 margin-right: -34px;
 position: relative;
 top:0;
 width: 64px;
}



/*Laser Slider 3*/
.container3 { 
 height: 500px;
 margin: 1vw auto;
 max-height: 323px;
 max-width: 231px;
 overflow: hidden;
 width: 100%;
}
.container3 figure { 
 background-image: url(../MedSpaGermantownTN/LaserTreatmentsGermantownTN/ToneTexture/After2.jpg);
 background-size: auto;
 font-size: 0;
 height: 100%;
 margin: 0; 
 position: relative;
 width: 100%; 
}
#compare3 {
 background-image: url(../MedSpaGermantownTN/LaserTreatmentsGermantownTN/ToneTexture/Before2.jpg);
 background-size: auto;
 bottom: 0;
 border-right: 5px solid rgba(255,255,255,0.7);
 box-shadow: 10px 0 15px -13px #000;
 height: 100%;
 max-width: 98.6%;
 min-width: 0.6%;
 overflow: visible;
 position: absolute;
 width: 50%; 
 animation: first 2s 1 normal ease-in-out 0.1s; 
 -webkit-animation: first 2s 1 normal ease-in-out 0.1s; 
}
input#slider3 {
 -moz-appearance: none;
 -webkit-appearance: none;
 border: none; 
 background: transparent;
 cursor: col-resize;
 height: 100vw;
 left: 0;
 margin: 0;
 outline: none; 
 padding: 0;
 position: relative;
 top: -100vw;
 width: 100%;
}
input#slider3::-moz-range-track { 
 background: transparent; 
}
input#slider3::-ms-track {
 border: none; 
 background-color: transparent;
 height: 100vw; 
 left: 0; 
 outline: none; 
 position: relative;
 top: -100vw; 
 width: 100%;
 margin: 0;
 padding: 0;
 cursor: col-resize;
 color:transparent;
}
input#slider3::-ms-fill-lower {
 background-color:transparent;
}
input#slider3::-webkit-slider-thumb {
 -webkit-appearance:none;
 height: 100vw;
 width: 0.5%;
 opacity: 0;
}
input#slider3::-moz-range-thumb {
 -moz-appearance: none;
 height: 100vw;
 width: 0.5%;
 opacity: 0;
}   
input#slider3::-ms-thumb {
 height: 100vw;
 width: 0.5%; 
 opacity:0;
}
input#slider3::-ms-tooltip {
 display:none;
}
#compare3::before {
 background: url(../Graphics/comparisionarrows2.png) no-repeat scroll 0 center transparent;
 background-size:contain;
 content: " ";
 float: right;
 height: 100%;
 margin-right: -34px;
 position: relative;
 top:0;
 width: 64px;
}



/*Laser Slider 4*/
.container4 { 
 height: 500px;
 margin: 1vw auto;
 max-height: 323px;
 max-width: 231px;
 overflow: hidden;
 width: 100%;
}
.container4 figure { 
 background-image: url(../MedSpaGermantownTN/LaserTreatmentsGermantownTN/ToneTexture/After3.jpg);
 background-size: auto;
 font-size: 0;
 height: 100%;
 margin: 0; 
 position: relative;
 width: 100%; 
}
#compare4 {
 background-image: url(../MedSpaGermantownTN/LaserTreatmentsGermantownTN/ToneTexture/Before3.jpg);
 background-size: auto;
 bottom: 0;
 border-right: 5px solid rgba(255,255,255,0.7);
 box-shadow: 10px 0 15px -13px #000;
 height: 100%;
 max-width: 98.6%;
 min-width: 0.6%;
 overflow: visible;
 position: absolute;
 width: 50%; 
 animation: first 2s 1 normal ease-in-out 0.1s; 
 -webkit-animation: first 2s 1 normal ease-in-out 0.1s; 
}
input#slider4 {
 -moz-appearance: none;
 -webkit-appearance: none;
 border: none; 
 background: transparent;
 cursor: col-resize;
 height: 100vw;
 left: 0;
 margin: 0;
 outline: none; 
 padding: 0;
 position: relative;
 top: -100vw;
 width: 100%;
}
input#slider4::-moz-range-track { 
 background: transparent; 
}
input#slider4::-ms-track {
 border: none; 
 background-color: transparent;
 height: 100vw; 
 left: 0; 
 outline: none; 
 position: relative;
 top: -100vw; 
 width: 100%;
 margin: 0;
 padding: 0;
 cursor: col-resize;
 color:transparent;
}
input#slider4::-ms-fill-lower {
 background-color:transparent;
}
input#slider4::-webkit-slider-thumb {
 -webkit-appearance:none;
 height: 100vw;
 width: 0.5%;
 opacity: 0;
}
input#slider4::-moz-range-thumb {
 -moz-appearance: none;
 height: 100vw;
 width: 0.5%;
 opacity: 0;
}   
input#slider4::-ms-thumb {
 height: 100vw;
 width: 0.5%; 
 opacity:0;
}
input#slider4::-ms-tooltip {
 display:none;
}
#compare4::before {
 background: url(../Graphics/comparisionarrows2.png) no-repeat scroll 0 center transparent;
 background-size:contain;
 content: " ";
 float: right;
 height: 100%;
 margin-right: -34px;
 position: relative;
 top:0;
 width: 64px;
}


@keyframes first {
  0% {width: 0%; }
  50% {width: 80%; }
  100% {width: 50%; }
}
@-webkit-keyframes first {
  0% {width: 0%; }
  50% {width: 80%; }
  100% {width: 50%; }
}	
}


/* Small Desktop */

@media only screen and (min-width: 900px) {
	
.containerLips1 { 
 height: 500px;
 margin: 1vw auto;
 max-height: 500px;
 max-width: 659px;
 overflow: hidden;
 width: 100%;
	box-sizing: border-box;
}
.containerLips1 figure { 
 background-image: url("../Botox/Fillers/LipFillersAfter.png");
 background-size: auto;
 font-size: 0;
 height: 100%;
 margin: 0; 
 position: relative;
 width: 100%; 
}
#compareLips1 {
 background-image: url("../Botox/Fillers/LipFillersBefore.png");
 background-size: auto;
 bottom: 0;
 border-right: 5px solid rgba(255,255,255,0.7);
 box-shadow: 10px 0 15px -13px #000;
 height: 100%;
 max-width: 98.6%;
 min-width: 0.6%;
 overflow: visible;
 position: absolute;
 width: 50%; 
 animation: first 2s 1 normal ease-in-out 0.1s; 
 -webkit-animation: first 2s 1 normal ease-in-out 0.1s; 
}
input#sliderLips1 {
 -moz-appearance: none;
 -webkit-appearance: none;
 border: none; 
 background: transparent;
 cursor: col-resize;
 height: 100vw;
 left: 0;
 margin: 0;
 outline: none; 
 padding: 0;
 position: relative;
 top: -100vw;
 width: 100%;
}
input#sliderLips1::-moz-range-track { 
 background: transparent; 
}
input#sliderLips1::-ms-track {
 border: none; 
 background-color: transparent;
 height: 100vw; 
 left: 0; 
 outline: none; 
 position: relative;
 top: -100vw; 
 width: 100%;
 margin: 0;
 padding: 0;
 cursor: col-resize;
 color:transparent;
}
input#sliderLips1::-ms-fill-lower {
 background-color:transparent;
}
input#sliderLips1::-webkit-slider-thumb {
 -webkit-appearance:none;
 height: 100vw;
 width: 0.5%;
 opacity: 0;
}
input#sliderLips1::-moz-range-thumb {
 -moz-appearance: none;
 height: 100vw;
 width: 0.5%;
 opacity: 0;
}   
input#sliderLips1::-ms-thumb {
 height: 100vw;
 width: 0.5%; 
 opacity:0;
}
input#sliderLips1::-ms-tooltip {
 display:none;
}
#compareLips1::before {
 background: url(../Graphics/comparisionarrows2.png) no-repeat scroll 0 center transparent;
 background-size:contain;
 content: " ";
 float: right;
 height: 100%;
 margin-right: -34px;
 position: relative;
 top:0;
 width: 64px;
}
	
/*Laser Slider 1*/
.container1 { 
 height: 500px;
 margin: 1vw auto;
 max-height: 500px;
 max-width: 659px;
 overflow: hidden;
 width: 100%;
}
.container1 figure { 
 background-image: url("../Botox/BeforeAfter/BotoxInjections/PlasmaPenAfter1.jpg");
 background-size: auto;
 font-size: 0;
 height: 100%;
 margin: 0; 
 position: relative;
 width: 100%; 
}
#compare1 {
 background-image: url("../Botox/BeforeAfter/BotoxInjections/PlasmaPenBefore1.jpg");
 background-size: auto;
 bottom: 0;
 border-right: 5px solid rgba(255,255,255,0.7);
 box-shadow: 10px 0 15px -13px #000;
 height: 100%;
 max-width: 98.6%;
 min-width: 0.6%;
 overflow: visible;
 position: absolute;
 width: 50%; 
 animation: first 2s 1 normal ease-in-out 0.1s; 
 -webkit-animation: first 2s 1 normal ease-in-out 0.1s; 
}
input#slider1 {
 -moz-appearance: none;
 -webkit-appearance: none;
 border: none; 
 background: transparent;
 cursor: col-resize;
 height: 100vw;
 left: 0;
 margin: 0;
 outline: none; 
 padding: 0;
 position: relative;
 top: -100vw;
 width: 100%;
}
input#slider1::-moz-range-track { 
 background: transparent; 
}
input#slider1::-ms-track {
 border: none; 
 background-color: transparent;
 height: 100vw; 
 left: 0; 
 outline: none; 
 position: relative;
 top: -100vw; 
 width: 100%;
 margin: 0;
 padding: 0;
 cursor: col-resize;
 color:transparent;
}
input#slider1::-ms-fill-lower {
 background-color:transparent;
}
input#slider1::-webkit-slider-thumb {
 -webkit-appearance:none;
 height: 100vw;
 width: 0.5%;
 opacity: 0;
}
input#slider1::-moz-range-thumb {
 -moz-appearance: none;
 height: 100vw;
 width: 0.5%;
 opacity: 0;
}   
input#slider1::-ms-thumb {
 height: 100vw;
 width: 0.5%; 
 opacity:0;
}
input#slider1::-ms-tooltip {
 display:none;
}
#compare1::before {
 background: url(../Graphics/comparisionarrows2.png) no-repeat scroll 0 center transparent;
 background-size:contain;
 content: " ";
 float: right;
 height: 100%;
 margin-right: -34px;
 position: relative;
 top:0;
 width: 64px;
}


/*Laser Slider 2*/
.container2 { 
 height: 500px;
 margin: 1vw auto;
 max-height: 500px;
 max-width: 659px;
 overflow: hidden;
 width: 100%;
}
.container2 figure { 
 background-image: url("../Botox/BeforeAfter/BotoxInjections/PlasmaPenAfter2.jpg");
 background-size: auto;
 font-size: 0;
 height: 100%;
 margin: 0; 
 position: relative;
 width: 100%; 
}
#compare2 {
 background-image: url("../Botox/BeforeAfter/BotoxInjections/PlasmaPenBefore2.jpg");
 background-size: auto;
 bottom: 0;
 border-right: 5px solid rgba(255,255,255,0.7);
 box-shadow: 10px 0 15px -13px #000;
 height: 100%;
 max-width: 98.6%;
 min-width: 0.6%;
 overflow: visible;
 position: absolute;
 width: 50%; 
 animation: first 2s 1 normal ease-in-out 0.1s; 
 -webkit-animation: first 2s 1 normal ease-in-out 0.1s; 
}
input#slider2 {
 -moz-appearance: none;
 -webkit-appearance: none;
 border: none; 
 background: transparent;
 cursor: col-resize;
 height: 100vw;
 left: 0;
 margin: 0;
 outline: none; 
 padding: 0;
 position: relative;
 top: -100vw;
 width: 100%;
}
input#slider2::-moz-range-track { 
 background: transparent; 
}
input#slider2::-ms-track {
 border: none; 
 background-color: transparent;
 height: 100vw; 
 left: 0; 
 outline: none; 
 position: relative;
 top: -100vw; 
 width: 100%;
 margin: 0;
 padding: 0;
 cursor: col-resize;
 color:transparent;
}
input#slider2::-ms-fill-lower {
 background-color:transparent;
}
input#slider2::-webkit-slider-thumb {
 -webkit-appearance:none;
 height: 100vw;
 width: 0.5%;
 opacity: 0;
}
input#slider2::-moz-range-thumb {
 -moz-appearance: none;
 height: 100vw;
 width: 0.5%;
 opacity: 0;
}   
input#slider2::-ms-thumb {
 height: 100vw;
 width: 0.5%; 
 opacity:0;
}
input#slider2::-ms-tooltip {
 display:none;
}
#compare2::before {
 background: url(../Graphics/comparisionarrows2.png) no-repeat scroll 0 center transparent;
 background-size:contain;
 content: " ";
 float: right;
 height: 100%;
 margin-right: -34px;
 position: relative;
 top:0;
 width: 64px;
}



/*Laser Slider 3*/
.container3 { 
 height: 500px;
 margin: 1vw auto;
 max-height: 323px;
 max-width: 231px;
 overflow: hidden;
 width: 100%;
}
.container3 figure { 
 background-image: url(../MedSpaGermantownTN/LaserTreatmentsGermantownTN/ToneTexture/After2.jpg);
 background-size: auto;
 font-size: 0;
 height: 100%;
 margin: 0; 
 position: relative;
 width: 100%; 
}
#compare3 {
 background-image: url(../MedSpaGermantownTN/LaserTreatmentsGermantownTN/ToneTexture/Before2.jpg);
 background-size: auto;
 bottom: 0;
 border-right: 5px solid rgba(255,255,255,0.7);
 box-shadow: 10px 0 15px -13px #000;
 height: 100%;
 max-width: 98.6%;
 min-width: 0.6%;
 overflow: visible;
 position: absolute;
 width: 50%; 
 animation: first 2s 1 normal ease-in-out 0.1s; 
 -webkit-animation: first 2s 1 normal ease-in-out 0.1s; 
}
input#slider3 {
 -moz-appearance: none;
 -webkit-appearance: none;
 border: none; 
 background: transparent;
 cursor: col-resize;
 height: 100vw;
 left: 0;
 margin: 0;
 outline: none; 
 padding: 0;
 position: relative;
 top: -100vw;
 width: 100%;
}
input#slider3::-moz-range-track { 
 background: transparent; 
}
input#slider3::-ms-track {
 border: none; 
 background-color: transparent;
 height: 100vw; 
 left: 0; 
 outline: none; 
 position: relative;
 top: -100vw; 
 width: 100%;
 margin: 0;
 padding: 0;
 cursor: col-resize;
 color:transparent;
}
input#slider3::-ms-fill-lower {
 background-color:transparent;
}
input#slider3::-webkit-slider-thumb {
 -webkit-appearance:none;
 height: 100vw;
 width: 0.5%;
 opacity: 0;
}
input#slider3::-moz-range-thumb {
 -moz-appearance: none;
 height: 100vw;
 width: 0.5%;
 opacity: 0;
}   
input#slider3::-ms-thumb {
 height: 100vw;
 width: 0.5%; 
 opacity:0;
}
input#slider3::-ms-tooltip {
 display:none;
}
#compare3::before {
 background: url(../Graphics/comparisionarrows2.png) no-repeat scroll 0 center transparent;
 background-size:contain;
 content: " ";
 float: right;
 height: 100%;
 margin-right: -34px;
 position: relative;
 top:0;
 width: 64px;
}



/*Laser Slider 4*/
.container4 { 
 height: 500px;
 margin: 1vw auto;
 max-height: 323px;
 max-width: 231px;
 overflow: hidden;
 width: 100%;
}
.container4 figure { 
 background-image: url(../MedSpaGermantownTN/LaserTreatmentsGermantownTN/ToneTexture/After3.jpg);
 background-size: auto;
 font-size: 0;
 height: 100%;
 margin: 0; 
 position: relative;
 width: 100%; 
}
#compare4 {
 background-image: url(../MedSpaGermantownTN/LaserTreatmentsGermantownTN/ToneTexture/Before3.jpg);
 background-size: auto;
 bottom: 0;
 border-right: 5px solid rgba(255,255,255,0.7);
 box-shadow: 10px 0 15px -13px #000;
 height: 100%;
 max-width: 98.6%;
 min-width: 0.6%;
 overflow: visible;
 position: absolute;
 width: 50%; 
 animation: first 2s 1 normal ease-in-out 0.1s; 
 -webkit-animation: first 2s 1 normal ease-in-out 0.1s; 
}
input#slider4 {
 -moz-appearance: none;
 -webkit-appearance: none;
 border: none; 
 background: transparent;
 cursor: col-resize;
 height: 100vw;
 left: 0;
 margin: 0;
 outline: none; 
 padding: 0;
 position: relative;
 top: -100vw;
 width: 100%;
}
input#slider4::-moz-range-track { 
 background: transparent; 
}
input#slider4::-ms-track {
 border: none; 
 background-color: transparent;
 height: 100vw; 
 left: 0; 
 outline: none; 
 position: relative;
 top: -100vw; 
 width: 100%;
 margin: 0;
 padding: 0;
 cursor: col-resize;
 color:transparent;
}
input#slider4::-ms-fill-lower {
 background-color:transparent;
}
input#slider4::-webkit-slider-thumb {
 -webkit-appearance:none;
 height: 100vw;
 width: 0.5%;
 opacity: 0;
}
input#slider4::-moz-range-thumb {
 -moz-appearance: none;
 height: 100vw;
 width: 0.5%;
 opacity: 0;
}   
input#slider4::-ms-thumb {
 height: 100vw;
 width: 0.5%; 
 opacity:0;
}
input#slider4::-ms-tooltip {
 display:none;
}
#compare4::before {
 background: url(../Graphics/comparisionarrows2.png) no-repeat scroll 0 center transparent;
 background-size:contain;
 content: " ";
 float: right;
 height: 100%;
 margin-right: -34px;
 position: relative;
 top:0;
 width: 64px;
}


@keyframes first {
  0% {width: 0%; }
  50% {width: 80%; }
  100% {width: 50%; }
}
@-webkit-keyframes first {
  0% {width: 0%; }
  50% {width: 80%; }
  100% {width: 50%; }
}	
}

/* Desktop */

@media only screen and (min-width: 1300px) {
	
.containerLips1 { 
 height: 500px;
 margin: 1vw auto;
 max-height: 500px;
 max-width: 659px;
 overflow: hidden;
 width: 100%;
	box-sizing: border-box;
}
.containerLips1 figure { 
 background-image: url("../Botox/Fillers/LipFillersAfter.png");
 background-size: auto;
 font-size: 0;
 height: 100%;
 margin: 0; 
 position: relative;
 width: 100%; 
}
#compareLips1 {
 background-image: url("../Botox/Fillers/LipFillersBefore.png");
 background-size: auto;
 bottom: 0;
 border-right: 5px solid rgba(255,255,255,0.7);
 box-shadow: 10px 0 15px -13px #000;
 height: 100%;
 max-width: 98.6%;
 min-width: 0.6%;
 overflow: visible;
 position: absolute;
 width: 50%; 
 animation: first 2s 1 normal ease-in-out 0.1s; 
 -webkit-animation: first 2s 1 normal ease-in-out 0.1s; 
}
input#sliderLips1 {
 -moz-appearance: none;
 -webkit-appearance: none;
 border: none; 
 background: transparent;
 cursor: col-resize;
 height: 100vw;
 left: 0;
 margin: 0;
 outline: none; 
 padding: 0;
 position: relative;
 top: -100vw;
 width: 100%;
}
input#sliderLips1::-moz-range-track { 
 background: transparent; 
}
input#sliderLips1::-ms-track {
 border: none; 
 background-color: transparent;
 height: 100vw; 
 left: 0; 
 outline: none; 
 position: relative;
 top: -100vw; 
 width: 100%;
 margin: 0;
 padding: 0;
 cursor: col-resize;
 color:transparent;
}
input#sliderLips1::-ms-fill-lower {
 background-color:transparent;
}
input#sliderLips1::-webkit-slider-thumb {
 -webkit-appearance:none;
 height: 100vw;
 width: 0.5%;
 opacity: 0;
}
input#sliderLips1::-moz-range-thumb {
 -moz-appearance: none;
 height: 100vw;
 width: 0.5%;
 opacity: 0;
}   
input#sliderLips1::-ms-thumb {
 height: 100vw;
 width: 0.5%; 
 opacity:0;
}
input#sliderLips1::-ms-tooltip {
 display:none;
}
#compareLips1::before {
 background: url(../Graphics/comparisionarrows2.png) no-repeat scroll 0 center transparent;
 background-size:contain;
 content: " ";
 float: right;
 height: 100%;
 margin-right: -34px;
 position: relative;
 top:0;
 width: 64px;
}
	
/*Laser Slider 1*/
.container1 { 
 height: 500px;
 margin: 1vw auto;
 max-height: 500px;
 max-width: 659px;
 overflow: hidden;
 width: 100%;
}
.container1 figure { 
 background-image: url("../Botox/BeforeAfter/BotoxInjections/PlasmaPenAfter1.jpg");
 background-size: auto;
 font-size: 0;
 height: 100%;
 margin: 0; 
 position: relative;
 width: 100%; 
}
#compare1 {
 background-image: url("../Botox/BeforeAfter/BotoxInjections/PlasmaPenBefore1.jpg");
 background-size: auto;
 bottom: 0;
 border-right: 5px solid rgba(255,255,255,0.7);
 box-shadow: 10px 0 15px -13px #000;
 height: 100%;
 max-width: 98.6%;
 min-width: 0.6%;
 overflow: visible;
 position: absolute;
 width: 50%; 
 animation: first 2s 1 normal ease-in-out 0.1s; 
 -webkit-animation: first 2s 1 normal ease-in-out 0.1s; 
}
input#slider1 {
 -moz-appearance: none;
 -webkit-appearance: none;
 border: none; 
 background: transparent;
 cursor: col-resize;
 height: 100vw;
 left: 0;
 margin: 0;
 outline: none; 
 padding: 0;
 position: relative;
 top: -100vw;
 width: 100%;
}
input#slider1::-moz-range-track { 
 background: transparent; 
}
input#slider1::-ms-track {
 border: none; 
 background-color: transparent;
 height: 100vw; 
 left: 0; 
 outline: none; 
 position: relative;
 top: -100vw; 
 width: 100%;
 margin: 0;
 padding: 0;
 cursor: col-resize;
 color:transparent;
}
input#slider1::-ms-fill-lower {
 background-color:transparent;
}
input#slider1::-webkit-slider-thumb {
 -webkit-appearance:none;
 height: 100vw;
 width: 0.5%;
 opacity: 0;
}
input#slider1::-moz-range-thumb {
 -moz-appearance: none;
 height: 100vw;
 width: 0.5%;
 opacity: 0;
}   
input#slider1::-ms-thumb {
 height: 100vw;
 width: 0.5%; 
 opacity:0;
}
input#slider1::-ms-tooltip {
 display:none;
}
#compare1::before {
 background: url(../Graphics/comparisionarrows2.png) no-repeat scroll 0 center transparent;
 background-size:contain;
 content: " ";
 float: right;
 height: 100%;
 margin-right: -34px;
 position: relative;
 top:0;
 width: 64px;
}


/*Laser Slider 2*/
.container2 { 
 height: 500px;
 margin: 1vw auto;
 max-height: 500px;
 max-width: 659px;
 overflow: hidden;
 width: 100%;
}
.container2 figure { 
 background-image: url("../Botox/BeforeAfter/BotoxInjections/PlasmaPenAfter2.jpg");
 background-size: auto;
 font-size: 0;
 height: 100%;
 margin: 0; 
 position: relative;
 width: 100%; 
}
#compare2 {
 background-image: url("../Botox/BeforeAfter/BotoxInjections/PlasmaPenBefore2.jpg");
 background-size: auto;
 bottom: 0;
 border-right: 5px solid rgba(255,255,255,0.7);
 box-shadow: 10px 0 15px -13px #000;
 height: 100%;
 max-width: 98.6%;
 min-width: 0.6%;
 overflow: visible;
 position: absolute;
 width: 50%; 
 animation: first 2s 1 normal ease-in-out 0.1s; 
 -webkit-animation: first 2s 1 normal ease-in-out 0.1s; 
}
input#slider2 {
 -moz-appearance: none;
 -webkit-appearance: none;
 border: none; 
 background: transparent;
 cursor: col-resize;
 height: 100vw;
 left: 0;
 margin: 0;
 outline: none; 
 padding: 0;
 position: relative;
 top: -100vw;
 width: 100%;
}
input#slider2::-moz-range-track { 
 background: transparent; 
}
input#slider2::-ms-track {
 border: none; 
 background-color: transparent;
 height: 100vw; 
 left: 0; 
 outline: none; 
 position: relative;
 top: -100vw; 
 width: 100%;
 margin: 0;
 padding: 0;
 cursor: col-resize;
 color:transparent;
}
input#slider2::-ms-fill-lower {
 background-color:transparent;
}
input#slider2::-webkit-slider-thumb {
 -webkit-appearance:none;
 height: 100vw;
 width: 0.5%;
 opacity: 0;
}
input#slider2::-moz-range-thumb {
 -moz-appearance: none;
 height: 100vw;
 width: 0.5%;
 opacity: 0;
}   
input#slider2::-ms-thumb {
 height: 100vw;
 width: 0.5%; 
 opacity:0;
}
input#slider2::-ms-tooltip {
 display:none;
}
#compare2::before {
 background: url(../Graphics/comparisionarrows2.png) no-repeat scroll 0 center transparent;
 background-size:contain;
 content: " ";
 float: right;
 height: 100%;
 margin-right: -34px;
 position: relative;
 top:0;
 width: 64px;
}



/*Laser Slider 3*/
.container3 { 
 height: 500px;
 margin: 1vw auto;
 max-height: 323px;
 max-width: 231px;
 overflow: hidden;
 width: 100%;
}
.container3 figure { 
 background-image: url(../MedSpaGermantownTN/LaserTreatmentsGermantownTN/ToneTexture/After2.jpg);
 background-size: auto;
 font-size: 0;
 height: 100%;
 margin: 0; 
 position: relative;
 width: 100%; 
}
#compare3 {
 background-image: url(../MedSpaGermantownTN/LaserTreatmentsGermantownTN/ToneTexture/Before2.jpg);
 background-size: auto;
 bottom: 0;
 border-right: 5px solid rgba(255,255,255,0.7);
 box-shadow: 10px 0 15px -13px #000;
 height: 100%;
 max-width: 98.6%;
 min-width: 0.6%;
 overflow: visible;
 position: absolute;
 width: 50%; 
 animation: first 2s 1 normal ease-in-out 0.1s; 
 -webkit-animation: first 2s 1 normal ease-in-out 0.1s; 
}
input#slider3 {
 -moz-appearance: none;
 -webkit-appearance: none;
 border: none; 
 background: transparent;
 cursor: col-resize;
 height: 100vw;
 left: 0;
 margin: 0;
 outline: none; 
 padding: 0;
 position: relative;
 top: -100vw;
 width: 100%;
}
input#slider3::-moz-range-track { 
 background: transparent; 
}
input#slider3::-ms-track {
 border: none; 
 background-color: transparent;
 height: 100vw; 
 left: 0; 
 outline: none; 
 position: relative;
 top: -100vw; 
 width: 100%;
 margin: 0;
 padding: 0;
 cursor: col-resize;
 color:transparent;
}
input#slider3::-ms-fill-lower {
 background-color:transparent;
}
input#slider3::-webkit-slider-thumb {
 -webkit-appearance:none;
 height: 100vw;
 width: 0.5%;
 opacity: 0;
}
input#slider3::-moz-range-thumb {
 -moz-appearance: none;
 height: 100vw;
 width: 0.5%;
 opacity: 0;
}   
input#slider3::-ms-thumb {
 height: 100vw;
 width: 0.5%; 
 opacity:0;
}
input#slider3::-ms-tooltip {
 display:none;
}
#compare3::before {
 background: url(../Graphics/comparisionarrows2.png) no-repeat scroll 0 center transparent;
 background-size:contain;
 content: " ";
 float: right;
 height: 100%;
 margin-right: -34px;
 position: relative;
 top:0;
 width: 64px;
}



/*Laser Slider 4*/
.container4 { 
 height: 500px;
 margin: 1vw auto;
 max-height: 323px;
 max-width: 231px;
 overflow: hidden;
 width: 100%;
}
.container4 figure { 
 background-image: url(../MedSpaGermantownTN/LaserTreatmentsGermantownTN/ToneTexture/After3.jpg);
 background-size: auto;
 font-size: 0;
 height: 100%;
 margin: 0; 
 position: relative;
 width: 100%; 
}
#compare4 {
 background-image: url(../MedSpaGermantownTN/LaserTreatmentsGermantownTN/ToneTexture/Before3.jpg);
 background-size: auto;
 bottom: 0;
 border-right: 5px solid rgba(255,255,255,0.7);
 box-shadow: 10px 0 15px -13px #000;
 height: 100%;
 max-width: 98.6%;
 min-width: 0.6%;
 overflow: visible;
 position: absolute;
 width: 50%; 
 animation: first 2s 1 normal ease-in-out 0.1s; 
 -webkit-animation: first 2s 1 normal ease-in-out 0.1s; 
}
input#slider4 {
 -moz-appearance: none;
 -webkit-appearance: none;
 border: none; 
 background: transparent;
 cursor: col-resize;
 height: 100vw;
 left: 0;
 margin: 0;
 outline: none; 
 padding: 0;
 position: relative;
 top: -100vw;
 width: 100%;
}
input#slider4::-moz-range-track { 
 background: transparent; 
}
input#slider4::-ms-track {
 border: none; 
 background-color: transparent;
 height: 100vw; 
 left: 0; 
 outline: none; 
 position: relative;
 top: -100vw; 
 width: 100%;
 margin: 0;
 padding: 0;
 cursor: col-resize;
 color:transparent;
}
input#slider4::-ms-fill-lower {
 background-color:transparent;
}
input#slider4::-webkit-slider-thumb {
 -webkit-appearance:none;
 height: 100vw;
 width: 0.5%;
 opacity: 0;
}
input#slider4::-moz-range-thumb {
 -moz-appearance: none;
 height: 100vw;
 width: 0.5%;
 opacity: 0;
}   
input#slider4::-ms-thumb {
 height: 100vw;
 width: 0.5%; 
 opacity:0;
}
input#slider4::-ms-tooltip {
 display:none;
}
#compare4::before {
 background: url(../Graphics/comparisionarrows2.png) no-repeat scroll 0 center transparent;
 background-size:contain;
 content: " ";
 float: right;
 height: 100%;
 margin-right: -34px;
 position: relative;
 top:0;
 width: 64px;
}

@keyframes first {
  0% {width: 0%; }
  50% {width: 80%; }
  100% {width: 50%; }
}
@-webkit-keyframes first {
  0% {width: 0%; }
  50% {width: 80%; }
  100% {width: 50%; }
}

}