.carousel {
  min-width: 700px;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 48px;
  padding-right: 48px;
  position: relative;
}

.carousel__activator {
  display: none;
}

.carousel__controls {
  display: none;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}
.carousel__controls:first-of-type {
  justify-content: flex-end;
}
.carousel__controls:last-of-type {
  justify-content: flex-start;
}

.carousel__control {
  cursor: pointer;
  display: flex;
  align-items: center;
  color: #666;
  font-size: 45px;
  z-index: 1;
}
.carousel__control:hover {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}

.carousel__activator:nth-of-type(1):checked
~ .carousel__controls:nth-of-type(1) {
  display: flex;
}

.carousel__activator:nth-of-type(1):checked
~ .carousel__screen
.carousel__track {
  -webkit-transform: translateX(0%);
          transform: translateX(0%);
}

.carousel__activator:nth-of-type(2):checked
~ .carousel__controls:nth-of-type(2) {
  display: flex;
}

.carousel__activator:nth-of-type(2):checked
~ .carousel__screen
.carousel__track {
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}

.carousel__activator:nth-of-type(3):checked
~ .carousel__controls:nth-of-type(3) {
  display: flex;
}

.carousel__activator:nth-of-type(3):checked
~ .carousel__screen
.carousel__track {
  -webkit-transform: translateX(-200%);
          transform: translateX(-200%);
}

.carousel__activator:nth-of-type(4):checked
~ .carousel__controls:nth-of-type(4) {
  display: flex;
}
.carousel__activator:nth-of-type(4):checked
~ .carousel__screen
.carousel__track {
  -webkit-transform: translateX(-300%);
          transform: translateX(-300%);
}
.carousel__activator:nth-of-type(5):checked
~ .carousel__controls:nth-of-type(5) {
  display: flex;
}
.carousel__activator:nth-of-type(5):checked
~ .carousel__screen
.carousel__track {
  -webkit-transform: translateX(-400%);
          transform: translateX(-400%);
}
.carousel__activator:nth-of-type(6):checked
~ .carousel__controls:nth-of-type(6) {
  display: flex;
}
.carousel__activator:nth-of-type(6):checked
~ .carousel__screen
.carousel__track {
  -webkit-transform: translateX(-500%);
          transform: translateX(-500%);
}
.carousel__activator:nth-of-type(7):checked
~ .carousel__controls:nth-of-type(7) {
  display: flex;
}

.carousel__activator:nth-of-type(7):checked
~ .carousel__screen
.carousel__track {
  -webkit-transform: translateX(-600%);
          transform: translateX(-600%);
}

.carousel__activator:nth-of-type(8):checked
~ .carousel__controls:nth-of-type(8) {
  display: flex;
}

.carousel__activator:nth-of-type(8):checked
~ .carousel__screen
.carousel__track {
  -webkit-transform: translateX(-700%);
          transform: translateX(-700%);
}

.carousel__activator:nth-of-type(9):checked
~ .carousel__controls:nth-of-type(9) {
  display: flex;
}

.carousel__activator:nth-of-type(9):checked
~ .carousel__screen
.carousel__track {
  -webkit-transform: translateX(-800%);
          transform: translateX(-800%);
}

.carousel__activator:nth-of-type(10):checked
~ .carousel__controls:nth-of-type(10) {
  display: flex;
}

.carousel__activator:nth-of-type(10):checked
~ .carousel__screen
.carousel__track {
  -webkit-transform: translateX(-900%);
          transform: translateX(-900%);
}
.carousel__activator:nth-of-type(11):checked
~ .carousel__controls:nth-of-type(11) {
  display: flex;
}

.carousel__activator:nth-of-type(11):checked
~ .carousel__screen
.carousel__track {
  -webkit-transform: translateX(-1000%);
          transform: translateX(-1000%);
}

.carousel__activator:nth-of-type(12):checked
~ .carousel__controls:nth-of-type(12) {
  display: flex;
}

.carousel__activator:nth-of-type(12):checked
~ .carousel__screen
.carousel__track {
  -webkit-transform: translateX(-1100%);
          transform: translateX(-1100%);
}

.carousel__activator:nth-of-type(13):checked
~ .carousel__controls:nth-of-type(13) {
  display: flex;
}

.carousel__activator:nth-of-type(13):checked
~ .carousel__screen
.carousel__track {
  -webkit-transform: translateX(-1200%);
          transform: translateX(-1200%);
}
.carousel__activator:nth-of-type(14):checked
~ .carousel__controls:nth-of-type(14) {
  display: flex;
}

.carousel__activator:nth-of-type(14):checked
~ .carousel__screen
.carousel__track {
  -webkit-transform: translateX(-1300%);
          transform: translateX(-1300%);
}

.carousel__activator:nth-of-type(15):checked
~ .carousel__controls:nth-of-type(15) {
  display: flex;
}

.carousel__activator:nth-of-type(15):checked
~ .carousel__screen
.carousel__track {
  -webkit-transform: translateX(-1400%);
          transform: translateX(-1400%);
}
.carousel__screen {
  overflow: hidden;
    margin-left: 30px;
    margin-right: -16px;
    width: 540px;
}

.carousel__track {
  font-size: 0;
  transition: all 0.3s ease 0s;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}

.carousel__item {
  display: inline-flex;
    padding-left: 5px;
    padding-right: 5px;
    vertical-align: top;
    white-space: normal;
}

.carousel__item--desktop-in-1 {
  width: 100%;
}

.carousel__item--desktop-in-2 {
  width: 50%;
}

.carousel__item--desktop-in-3 {
  width: 33.3333333333%;
}

.carousel__item--desktop-in-4 {
  width: 25%;
}

.carousel__item--desktop-in-5 {
  width: 108px;
}


.sdates{
  padding: 15px;
}

span.sun{
    overflow: auto;
    background:transparent;
    color:#000;
    display: inline-block;
    width: 100%;
    border-radius: 25px;
    cursor: not-allowed;
    /*height: 48px;*/
    padding:9px 0;
}

.sdates input[type=radio] {
    -webkit-appearance: none;
    display: none;
}

.sdats input[type=checkbox], input[type=radio] {
    visibility: hidden;
    margin: 0;
    width: 20px !important;
    font-size: 5px;
}

.demo-content {
 color:#25a020;
 text-align:center;
    /*display: flex;
    align-items: center;
    justify-content: center;*/
    text-transform: uppercase;
    border-radius:0px;
    border-bottom: 4px solid #f0f0f5;
    font-size: 14px;
    line-height:18px;
    /*width: 100%;*/
    padding:10px 0px;
    cursor: pointer;
    /*height: 50px;*/
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s,-webkit-transform .5s;
}
.demo-content1 {
    color:#414146;
    text-align:center;
    /*display: flex;
    align-items: center;
    justify-content: center;*/
    text-transform: uppercase;
    border-radius:0px;
    border-bottom: 4px solid #f0f0f5;
    font-size: 14px;
    line-height:18px;
    /*width: 100%;*/
    padding:8px 0px 7px 0px;
    cursor: not-allowed;
    /*height: 50px;*/
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s,-webkit-transform .5s;
}


.demo-content.active {
    background:transparent;
    border-bottom:4px solid #25a020;
    color:#25a020;

}
.deskhide{
  display: none;
}

@media screen and (max-width: 650px) {
  .carousel {
  min-width: 360px;
  max-width: 360px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 25px;
  padding-right: 25px;
  position: relative;
}

.carousel__item--desktop-in-5 {
    width: 93px;
}
.carousel__item {
  display: inline-flex;
    padding-left: 16px;
    padding-right: 0px;
    vertical-align: top;
    white-space: normal;
}

  .carousel__track {
    padding-left: 0;
    padding-right: 0;
  }

 .carousel__screen {
    overflow: hidden;
    margin-left: 0px;
    margin-right: 0px;
    width: 279px;
}
.deskhide{
  display: block;
}
/*.demo-content{
    color: #ab954d;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    border-radius: 50px;
    border: 1.8px solid  #f3414c;
    font-size: 13px;
    width: 75px;
    padding: 0px;
    cursor: pointer;
    height: 50px;
  }
  .demo-content1{
  color: #ab954d;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    border-radius: 50px;
    border: 1.8px solid  #f3414c;
    font-size: 13px;
    width: 75px;
    padding: 0px;
    cursor: not-allowed;
    height: 50px;
  }*/
  .carousel__control {
  cursor: pointer;
  display: flex;
  align-items: center;
  color: #666;
  font-size: 42px;
  z-index: 1;
}

.demo-content .active input[type=checkbox]:before, input[type=radio]:before {
    color: #fff !important;
    vertical-align: bottom !important;
}
.demo-content input[type=checkbox]:before, input[type=radio]:before {
    color: #716e6ead !important;
    vertical-align: bottom !important;
}
.selectdateselecttime_list .viewprofiledoctor_date {
    margin: 0px 0 10px 0px !important;
    /*display: inline-block;
    vertical-align: middle;*/
}
}

@media screen and (max-width: 380px) {
  .carousel__controls {
    right: 70px;
  }
  
  .carousel__screen {
    width: 230px;
   }
   .carousel__item--desktop-in-5 {
    width: 75px;
}

  }