.common_slider img,
.common_slider .preloading img{
    width: 100%;
}



.before_after_slider img{
    width: 50%;
}
.before_after_slider .slider-imagewrap{
    text-align: center;
}

.before_after_slider .slider-descrwrap{
    font-family: "Rubik",sans-serif!important;
    font-size: 14px;
    font-style: italic;
    text-align: center;
}

.nutr_pro {
    width: 20%;
    display: block;
    margin: 0 auto 20px;
}

.before_after_slider .slick-dots{
    bottom: 35px !important;
}




@media all and (max-width: 768px) {
    .before_after_slider img{
        width: 100%;
    }

    #nutritionSurvey .sv-btn{
        font-size:12px !important;
    }

    #nutritionSurvey .sv-completedpage{
        padding-top: 1.5em;
    }

    .nutr_pro{
        float: left;
        margin: 0 25px 25px 0;
        width: 30%; 
        display: inline-block;

    }


    body.cms-id-16 ul{
        text-align: left;
    }
}



    
    

/*.common_slider .item-img-desktop,
.common_slider.slick-initialized .preloading .item-img-desktop{
  display: none;
}

@media all and (min-width: 768px) {
  .common_slider .item-img-desktop,
  .common_slider.slick-initialized .preloading .item-img-desktop{
    display: block;
  }

  .common_slider .item-img-mobile,
  .common_slider.slick-initialized .preloading .item-img-mobile{
    display: none;
  }
}
*/
.common_slider .slick-slide{
    padding: 0px;
}



.common_slider.slick-dotted.slick-slider{
    margin-bottom:0px;
}
.common_slider .slick-dots{
    bottom: 10px;
    list-style-type:none !important;
   
}
.common_slider .slick-dots li{
    list-style-type:none !important;
    padding: 0px !important;
}

.common_slider .slick-dots li:before{
    display: none !important;
}
 
.common_slider .slick-dots li.slick-active button:before{
    color:white;
}
.common_slider .slick-dots li button:before{
    font-size:14px;
      color:white;
}


.common_slider .slick-arrows .slick-arrow.slick-next,
.common_slider .slick-arrows .slick-arrow.slick-prev{
    color: #000;
}

.common_slider .slick-arrows .slick-arrow.slick-next{
    right: 15px !important;

}


.common_slider .slick-arrows .slick-arrow.slick-prev{
    left: 15px !important;
}

@media all and (max-width: 768px) {
    .common_slider .slick-arrows .slick-arrow.slick-next{
        right: 5px !important;

    }

    .common_slider .slick-arrows .slick-arrow.slick-prev{
        left: 5px !important;
    }

    .common_slider .slick-arrows .slick-arrow.slick-next,
    .common_slider .slick-arrows .slick-arrow.slick-prev{
        color: #fff;
    }
    
    .common_slider ul{
        text-align:center;
    }

}