/* For desktop: */
.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}


@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  [class*="col-"] {
    width: 100%;
  }
  .small-calendar{
      display:none;
  }
  #book-appointment-wizard #page-name {
    /* float: none; */
    font-size: 21px;
    }
    #book-appointment-wizard #steps {
    margin: 8px 0px 0px 20px;
    }
    .live-support{
        text-align : right;
    }
    .current .ui-datepicker .ui-datepicker-prev .ui-icon {
        left:375px;
    
    }
    #book-appointment-wizard #page-name{
        text-align: center;
    }
     .svg-inline--fa .fa-paper-plane .fa-w-16{
        left:22px !important;
    }
}