@media screen and (min-width: 576px) {
   .m-teaser__figure .m-figure__image {
     max-width: 100% !important;
   }
 }
 .compare-holder .compare-options a {
   border-right: 1px solid #ccc;
 }
 .compare-holder .compare-options a:last-child {
   border-right: 0;
 }
 .compare-options {
   width: 100%;
   display: flex;
   justify-content: center;
 }
 .sbs, .stc, .sta {
   font-weight: bold;
   padding: 0 20px;
 }
 a.sbs.active, a.stc.active, a.sta.active, a.sbs.active:visited, a.stc.active:visited, a.sta.active:visited {
   text-decoration: none;
   color: #000;
 }
 .content {
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
   width: 100%;
 }
 .content-25 {
   width: 25%;
   padding: 10px;
 }
 .content-33 {
   width: 33%;
   padding: 10px;
 }
 .content-50 {
   width: 50%;
   padding: 0 20px;
 }
 .content-35 {
   width: 35%;
 }
 .content-65 {
   width: 65%;
 }
 .sbs-border {
   border: 1px solid #fff;
   padding: 0;
   margin: 0;
 }
 .description {
   font-weight: bold;
   width: 100%;
   color: #fff;
   margin: 10px 0 20px;
   display: flex;
   justify-content: center;
 }
 .description2 {
   width: 100%;
   color: #fff;
   margin: 10px 0 20px;
   display: flex;
   justify-content: center;
 }
 .content-25 .description {
   margin-bottom: 0;
 }
 .details {
   color: #fff;
   display: flex;
   justify-content: center;
 }
 .slider, .side-by-side, .stacked {
   display: flex;
   background: #000;
   padding: 20px;
   margin: 20px 0;
   width: 100%;
   text-align: center;
 }
 .slider-imgs {
   width: 100%;
 }
 /*.stacked {
  height: 525px;
}*/
 .stacked .stackLinks {
   color: #336699;
   padding-bottom: 20px;
   font-weight: bold;
   width: 100%;
   color: #336699;
   display: inline-flex;
   justify-content: center;
 }
 .stacked .stackLinks div:hover {
   color: #fff;
 }
 .stacked-images {
   position: relative;
   margin: 0 auto;
 }
 .stacked-images1 img {
   top: 0;
   left: 0;
   border: 1px solid #fff;
   /*max-width: 500px;*/
 }
 .stacked-images2 {
   position: relative;
 }
 .stacked-images2 .placement {
   position: absolute;
 }
 .stacked-images2 img {
   border: 1px solid #fff;
   min-width: 240px;
 }
 .stacked .stackLinks div {
   cursor: pointer;
   padding: 10px 20px;
 }
 .stacked .stackLinks div.active {
   color: #f58025;
 }
 .stacked .stackLinks div.active:before {
   content: "✓";
   margin-right: 0.25rem;
 }
 @media only screen and (max-width: 767px) {
   .stacked .stackLinks div {
     cursor: pointer;
     padding: 10px;
   }
   .content-33 {
     width: 100%;
     padding: 10px;
   }
   .slider, .side-by-side, .stacked {
     /*    display: flex;
    background: #000;*/
     padding: 0 20px 20px 20px;
     margin: 20px 0;
     /*    width: 100%;
    text-align: center;*/
   }
   .compare-options {
     display: none;
   }
   .content div, .content1 div, .content2 div {
     width: 100%;
   }
   .sbs, .stc, .sta {
     padding: 5px;
   }
   .sbs-border {
     margin-bottom: 20px;
   }
   .compare-holder .compare-options a {
     border-right: 1px solid #222;
     padding: 0 10px;
     font-size: 14px;
   }
   .stacked {
     height: auto;
   }
   .stacked .stackLinks {
     padding: 10px 0;
     /*flex-direction: column;*/
   }
   .stacked-images1 img {
     min-width: 0;
   }
   .stacked-images2 img {
     min-width: 0;
   }
   .description, .content1 .description, .content2 .description, .content3 .description {
     margin-top: 0;
   }
   .content-25 {
     width: 100%;
     padding: 10px;
   }
 }
 @media only screen and (max-width:767px) {
   .sliderGradientLine {
     border: 1px solid #E4E4E4;
   }
 }
 /*Slider*/
 *, *:after, *:before {
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
 }
 img {
   max-width: 100%;
 }
 .cd-image-container {
   position: relative;
   /*width: 90%;*/
   max-width: 500px;
   margin: 0em auto;
 }
 .cd-image-container img {
   display: block;
   border: 1px solid #fff;
     
 }
 .cd-image-container2 {
   position: relative;
   /*width: 90%;*/
   max-width: 344px;
   margin: 0em auto;
 }
 .cd-image-container2 img {
   display: block;
   border: 1px solid #fff;
   max-width: 344px;
 }
 .cd-image-label {
   position: absolute;
   bottom: 0;
   right: 0;
   color: #ffffff;
   padding: 1em;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   opacity: 0;
   -webkit-transform: translateY(20px);
   -moz-transform: translateY(20px);
   -ms-transform: translateY(20px);
   -o-transform: translateY(20px);
   transform: translateY(20px);
   -webkit-transition: -webkit-transform 0.3s 0.7s, opacity 0.3s 0.7s;
   -moz-transition: -moz-transform 0.3s 0.7s, opacity 0.3s 0.7s;
   transition: transform 0.3s 0.7s, opacity 0.3s 0.7s;
 }
 .cd-image-label.is-hidden {
   visibility: hidden;
 }
 .is-visible .cd-image-label {
   opacity: 1;
   -webkit-transform: translateY(0);
   -moz-transform: translateY(0);
   -ms-transform: translateY(0);
   -o-transform: translateY(0);
   transform: translateY(0);
 }
 .cd-resize-img {
   position: absolute;
   top: 0;
   left: 0;
   width: 0;
   height: 100%;
   overflow: hidden;
   /* Force Hardware Acceleration in WebKit */
   -webkit-transform: translateZ(0);
   -moz-transform: translateZ(0);
   -ms-transform: translateZ(0);
   -o-transform: translateZ(0);
   transform: translateZ(0);
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden; 
 }
 .cd-resize-img img {
   position: absolute;
   left: 0;
   top: 0;
   display: block;
   height: 100%;
   width: auto;
   max-width: none;
 }
 .cd-resize-img .cd-image-label {
   right: auto;
   left: 0;
 }
 .is-visible .cd-resize-img {
   width: 50%;
   /* bounce in animation of the modified image */
   -webkit-animation: cd-bounce-in 0.7s;
   -moz-animation: cd-bounce-in 0.7s;
   animation: cd-bounce-in 0.7s;
 }
 @-webkit-keyframes cd-bounce-in {
   0% {
     width: 0;
   }
   60% {
     width: 55%;
   }
   100% {
     width: 50%;
   }
 }
 @-moz-keyframes cd-bounce-in {
   0% {
     width: 0;
   }
   60% {
     width: 55%;
   }
   100% {
     width: 50%;
   }
 }
 @keyframes cd-bounce-in {
   0% {
     width: 0;
   }
   60% {
     width: 55%;
   }
   100% {
     width: 50%;
   }
 }
 .cd-handle {
   position: absolute;
   height: 44px;
   width: 44px;
   /* center the element */
   left: 50%;
   top: 50%;
   margin-left: -22px;
   margin-top: -22px;
   border-radius: 50%;
   /*background: #f58025 url("/specials/img/cd-arrows.svg") no-repeat center center;*/
   background: #f58025 url("https://cs-sitecoreadmin9.carestreamhealth.com/en/us/medical/software/eclipse/-/media/publicsitev2/project/content-type/product-images/software/cd-arrows.svg") no-repeat center center;
   cursor: move;
   box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.2), 0 0 10px rgba(0, 0, 0, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.3);
   opacity: 0;
   -webkit-transform: translate3d(0, 0, 0) scale(0);
   -moz-transform: translate3d(0, 0, 0) scale(0);
   -ms-transform: translate3d(0, 0, 0) scale(0);
   -o-transform: translate3d(0, 0, 0) scale(0);
   transform: translate3d(0, 0, 0) scale(0);
 }
 .cd-handle.draggable {
   /* change background color when element is active */
   background-color: #ccc;
 }
 .is-visible .cd-handle {
   opacity: 1;
   -webkit-transform: translate3d(0, 0, 0) scale(1);
   -moz-transform: translate3d(0, 0, 0) scale(1);
   -ms-transform: translate3d(0, 0, 0) scale(1);
   -o-transform: translate3d(0, 0, 0) scale(1);
   transform: translate3d(0, 0, 0) scale(1);
   -webkit-transition: -webkit-transform 0.3s 0.7s, opacity 0s 0.7s;
   -moz-transition: -moz-transform 0.3s 0.7s, opacity 0s 0.7s;
   transition: transform 0.3s 0.7s, opacity 0s 0.7s;
 }
 }