.select-list-box .select-list-menu > li,
a {
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -o-transition: .5s
}

#get-app-popup .modal-dialog,
#main-logo {
  padding: 0 15px
}

.home-disease-box,
.slider-zipcode-main {
  box-shadow: 0 8px 16px rgba(0, 0, 0, .1);
  background: #fff
}

  .membership-form-inner select,
  .popup-form-main select,
  .registration-form-main select,
  .slider-zipcode-main select,
  .top-search-box select {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px
  }

#footer,
.home-member-col6.padding-top,
.padding-top {
  padding-top: 65px
}

@font-face {
  font-family: icomoon;
  src: url("../../../../Content/fonts/icomoon/icomoon.eot?srf3rx");
  src: url("../../../../Content/fonts/icomoon/icomoon.eot?srf3rx#iefix") format("embedded-opentype"), url("../../../../Content/fonts/icomoon/icomoon.ttf?srf3rx") format("truetype"), url("../../../../Content/fonts/icomoon/icomoon.woff?srf3rx") format("woff"), url("../../../../Content/fonts/icomoon/icomoon.svg?srf3rx#icomoon") format("svg");
  font-weight: 400;
  font-style: normal
}

a {
  color: #faa322;
  text-decoration: none;
  transition: .5s
}

  a:hover {
    color: #61bb49;
    text-decoration: none;
    outline: 0
  }

p {
  margin-bottom: 1.5em;
  font-size: 14px
}

ol,
ul {
  width: 100%;
  float: left;
  list-style: none;
  margin: 0;
  padding: 0
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: Poppins, sans-serif
}

::-webkit-selection {
  color: #fff;
  background: #1fb5f6
}

::-moz-selection {
  color: #fff;
  background: #1fb5f6
}

::selection {
  color: #fff;
  background: #1fb5f6
}

:focus {
  outline: 0
}

img {
  max-width: 100%;
  height: auto
}

.container {
  max-width: 1280px;
  position: relative
}

.custom-row,
.panel.panel-login .form-group .row,
.timing-main-contain .timing-custom-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px
}

.border-left {
  border-left: 1px solid #f1f1f1
}

.panel-body {
  width: 100%;
  float: left;
  padding: 15px
}

.profile-details,
.select-list-box {
  width: 100%;
  float: left;
  position: relative;
  margin-bottom: 15px
}

  .select-list-box .select-list-dropdown {
    width: 100%;
    float: left;
    height: 50px;
    position: relative;
    text-align: left;
    border: 2px solid #e6edf5;
    background: #fff;
    padding: 13px 15px;
    font-size: 14px;
    color: #414d5b;
    text-transform: none;
    letter-spacing: 0
  }

    .select-list-box .select-list-dropdown::after {
      position: absolute;
      right: 15px;
      top: 20px;
      color: #414d5b
    }

    .select-list-box .select-list-dropdown:focus,
    .select-list-box .select-list-dropdown:hover {
      color: #414d5b;
      background: #fff;
      box-shadow: none
    }

  .select-list-box .select-list-menu {
    margin: 0;
    padding: 0;
    overflow: hidden;
    overflow-y: auto;
    height: 174px
  }

    .select-list-box .select-list-menu > li {
      width: 100%;
      float: left;
      position: relative;
      padding: 12px 15px;
      margin: 0;
      border-top: 1px solid #e6edf5;
      font-size: 14px;
      cursor: pointer;
      transition: .5s
    }

      .appointment-status-list ul li:first-child .appointment-status-contain,
      .header-user-dropdown .dropdown-menu ul li:first-child a,
      .select-list-box .select-list-menu > li:first-child {
        border-top: none
      }

      .form-radio input[type=radio],
      .select-list-box .select-list-menu > li input {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        opacity: 0;
        z-index: 1;
        cursor: pointer
      }

      .form-radio .radiobtn,
      .select-list-box .select-list-menu > li .checkmark {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0
      }

        .select-list-box .select-list-menu > li .checkmark::after {
          width: 24px;
          height: 24px;
          border: 2px solid #e6edf5;
          position: absolute;
          left: 10px;
          top: 10px;
          background: 0 0;
          border-radius: 2px;
          content: ''
        }

      .select-list-box .select-list-menu > li input[type=checkbox]:checked ~ .checkmark::before {
        width: 14px;
        height: 14px;
        display: block;
        position: absolute;
        left: 15px;
        top: 13px;
        content: "\f00c";
        font-family: FontAwesome;
        color: #61bb49;
        text-align: center;
        font-size: 14px
      }

      .member-step-main .steps.selected span,
      .select-list-box .select-list-menu > li:hover {
        color: #fff;
        background: #61bb49
      }

    .select-list-box .select-list-menu li.checkbox-contain {
      padding-left: 45px
    }

.radio-button-contain {
  width: 100%;
  float: left;
  position: relative;
  margin: 5px 0 20px
}

.form-radio {
  display: inline-block;
  position: relative;
  padding: 2px 15px 0 32px
}

  .form-radio .radiobtn::after {
    width: 24px;
    height: 24px;
    border: 2px solid #e6edf5;
    position: absolute;
    left: 0;
    top: 0;
    background: 0 0;
    border-radius: 50%;
    content: ''
  }

  .form-radio input[type=radio]:checked ~ .radiobtn::before {
    width: 14px;
    height: 14px;
    display: block;
    position: absolute;
    left: 5px;
    top: 5px;
    content: '';
    background: #61bb49;
    background: -moz-linear-gradient(-45deg, #61bb49 0, #0453a6 100%);
    background: -webkit-linear-gradient(-45deg, #61bb49 0, #0453a6 100%);
    background: linear-gradient(135deg, #61bb49 0, #0453a6 100%);
    border-radius: 50%
  }

body,
html {
  margin: 0;
  height: 100%;
  overflow-x: hidden
}

body {
  margin: 0;
  padding: 0;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  line-height: 1.4;
  color: #414d5b;
  background: #fbfcff;
  letter-spacing: .4px;
  counter-reset: my-sec-counter
}

#header {
  width: 100%;
  float: left;
  position: relative;
  background: #fff;
  box-shadow: 0 8px 12px rgba(0, 0, 0, .1);
  z-index: 9
}

#main-logo {
  width: 100%;
  -ms-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
  position: relative;
  margin: 15px 0
}

#header-right-side {
  width: 100%;
  -ms-flex: 0 0 83.333333%;
  flex: 0 0 83.333333%;
  max-width: 83.333333%;
  position: relative;
  padding: 10px 15px;
  margin: 15px 0;
  text-align: right
}

  #header-right-side #header-right-button {
    display: inline-block;
    position: relative
  }

    #header-right-side #header-right-button svg {
      width: 14px;
      height: 14px;
      float: left;
      margin: 2px 5px 0 0
    }

    #header-right-side #header-right-button .get-app-button,
    #header-right-side #header-right-button .header-user-button,
    #search-map-label a#showinlist,
    #search-map-label a#showinmap,
    .login-button-contain .signup-button {
      display: inline-block
    }

      #header-right-side #header-right-button .header-user-button a {
        display: inline-block;
        border: none;
        color: #fff;
        font-size: 14px;
        text-transform: uppercase;
        line-height: 1;
        text-shadow: 0 1px 1px rgba(0, 0, 0, .1);
        background: #61bb49;
        box-shadow: 0 0 12px rgba(97, 187, 73, .4);
        border-radius: 4px;
        letter-spacing: .6px;
        -webkit-transition: .5s;
        -moz-transition: .5s;
        -o-transition: .5s;
        transition: .5s
      }

        #header-right-side #header-right-button .get-app-button a svg,
        #header-right-side #header-right-button .header-user-button a svg,
        .btn-submit svg,
        .footer-join-col4 .join-smileindia-button a svg,
        .login-button-contain .login-user-button a svg,
        .login-button-contain .signup-button a svg,
        .membership-form-inner input[type=button] svg,
        .membership-form-inner input[type=submit] svg,
        .register-button-main input[type=button] svg,
        .register-button-main input[type=submit] svg {
          width: 14px;
          height: 14px;
          float: left;
          fill: #fff;
          margin: 0 5px 0 0
        }

        #Save_ChangePass button[type=button]:focus,
        #Save_ChangePass button[type=button]:hover,
        #Save_ChangePass input[type=button]:focus,
        #Save_ChangePass input[type=button]:hover,
        #Save_ChangePass input[type=submit]:focus,
        #Save_ChangePass input[type=submit]:hover,
        #header-right-side #header-right-button .header-user-button a:hover,
        .appointment-field-submit button[type=submit]:focus,
        .appointment-field-submit button[type=submit]:hover,
        .appointment-field-submit input[type=button]:focus,
        .appointment-field-submit input[type=button]:hover,
        .appointment-field-submit input[type=submit]:focus,
        .appointment-field-submit input[type=submit]:hover,
        .btn-paynow:focus,
        .btn-paynow:hover,
        .btn-submit:hover,
        .footer-join-col4 .join-smileindia-button a:hover,
        .login-button-contain .login-user-button a:hover,
        .membership-form-inner input[type=button]:hover,
        .membership-form-inner input[type=submit]:hover,
        .next-step-button-main input[type=button]:focus,
        .next-step-button-main input[type=button]:hover,
        .next-step-button-main input[type=submit]:focus,
        .next-step-button-main input[type=submit]:hover,
        .register-button-main input[type=button]:hover,
        .register-button-main input[type=submit]:hover,
        .slider-zipcode-main button[type=button]:hover,
        .slider-zipcode-main button[type=submit]:hover,
        .top-search-box button[type=button]:hover,
        .top-search-box button[type=submit]:hover {
          color: #fff;
          transition: .5s;
          background: #faa322;
          box-shadow: 0 0 12px rgba(253, 167, 20, .4)
        }

      #header-right-side #header-right-button .get-app-button a {
        display: inline-block;
        border: none;
        color: #fff;
        font-size: 14px;
        text-transform: uppercase;
        line-height: 1;
        text-shadow: 0 1px 1px rgba(0, 0, 0, .1);
        background: #faa322;
        box-shadow: 0 0 12px rgba(253, 167, 20, .4);
        border-radius: 4px;
        letter-spacing: .6px;
        -webkit-transition: .5s;
        -moz-transition: .5s;
        -o-transition: .5s;
        transition: .5s
      }

        #header-right-side #header-right-button .get-app-button a:hover,
        .add_new_member input[type=button]:focus,
        .add_new_member input[type=button]:hover,
        .add_new_member input[type=submit]:focus,
        .add_new_member input[type=submit]:hover,
        .book-appointment-btn a:hover,
        .form-field-col12.membership button#SearchMemberShip:focus,
        .form-field-col12.membership button#SearchMemberShip:hover,
        .login-button-contain .signup-button a:hover,
        .panel.panel-login .form-group .buttons input[type=button]:focus,
        .panel.panel-login .form-group .buttons input[type=button]:hover,
        .panel.panel-login .form-group .buttons input[type=submit]:focus,
        .panel.panel-login .form-group .buttons input[type=submit]:hover {
          color: #fff;
          transition: .5s;
          background: #61bb49;
          box-shadow: 0 0 12px rgba(97, 187, 73, .4)
        }

      #header-right-side #header-right-button .get-app-button a,
      #header-right-side #header-right-button .header-user-button a {
        padding: 15px 18px;
        margin: 0 0 0 5px;
        font-weight: 500
      }

        #header-right-side #header-right-button .get-app-button a svg,
        #header-right-side #header-right-button .header-user-button a svg {
          fill: #fff
        }

#header-nav ul > li:first-child::before,
.modal-backdrop {
  display: none
}

.modal-dialog {
  position: relative;
  z-index: 9
}

.modal::after {
  width: 100%;
  height: 100%;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  content: '';
  background: #000;
  opacity: .5;
  z-index: 1
}

.header-user-dropdown {
  display: inline-block;
  position: relative;
  margin-left: 5px
}

  .header-user-dropdown img {
    width: 32px;
    height: 32px;
    object-fit: cover;
    border-radius: 50%;
    margin: 0 5px 0 0
  }

  .appointment-field-row select option,
  .header-user-dropdown .dropdown > a,
  .other-details span i.icon {
    color: #414d5b
  }

  .header-user-dropdown .dropdown-menu {
    border-radius: 0;
    border: none;
    background: #61bb49;
    transform: translate3d(0, 45px, 0) !important;
    left: auto !important;
    right: 0;
    padding: 0
  }

    #header-nav ul,
    .appointment-status-list ul,
    .footer-widget-contain ul,
    .header-user-dropdown .dropdown-menu ul,
    .paragraph-text ul,
    .profile-leftbar ul,
    body.home-body #header-nav ul,
    nav.paginate-pagination ul {
      width: 100%;
      float: left;
      margin: 0;
      padding: 0;
      list-style: none
    }

      .header-user-dropdown .dropdown-menu ul li {
        width: 100%;
        float: left;
        position: relative;
        margin: 0;
        padding: 0;
        font-size: 14px
      }

        .header-user-dropdown .dropdown-menu ul li a {
          color: #fff;
          text-decoration: none;
          width: 100%;
          float: left;
          position: relative;
          margin: 0;
          padding: 10px;
          border-top: 1px solid rgba(255, 255, 255, .2)
        }

          .header-user-dropdown .dropdown-menu ul li a:hover {
            color: #fff;
            text-decoration: none;
            background: #faa322
          }

#header-nav {
  display: inline-block;
  position: relative;
  top: 5px
}

  #header-nav ul > li {
    display: inline-block;
    margin: 0;
    padding: 0 15px;
    position: relative;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 500
  }

    #header-nav ul > li::before {
      width: 12px;
      height: 12px;
      display: block;
      position: absolute;
      left: -10px;
      top: 0;
      content: '/';
      color: #414d5b;
      font-weight: 400;
      opacity: .5
    }

    #header-nav ul > li > a {
      color: #414d5b;
      text-decoration: none;
      position: relative
    }

      #header-nav ul > li > a::before {
        width: 0;
        height: 2px;
        display: block;
        position: absolute;
        left: 0;
        top: auto;
        bottom: -10px;
        content: '';
        background: #faa322;
        -webkit-transition: width .3s;
        -moz-transition: width .3s;
        -o-transition: width .3s;
        transition: width .3s
      }

      #header-nav ul > li > a:hover,
      #page-edit-inner ol li a:focus,
      #page-edit-inner ol li a:hover,
      #page-edit-inner ul li a:focus,
      #page-edit-inner ul li a:hover,
      .admin-header-links a:focus,
      .admin-header-links a:hover,
      .footer-widget-contain ul li a:focus,
      .footer-widget-contain ul li a:hover {
        color: #faa322;
        text-decoration: none
      }

        #header-nav ul > li > a.active::before,
        #header-nav ul > li > a:hover::before,
        .compare-box img,
        .download-app-right img,
        .home-welcome-slider .home-slider-shadow img,
        body.home-body #header-nav ul > li:first-child > a::before {
          width: 100%
        }

      #appointment-date-detail > h3 span,
      #header-nav ul > li > a.active,
      #page-edit-inner h4 span,
      #pending-tab .panel-tab-content h3.panel-tab-title,
      #top-search-heading h1 span,
      .heading-white-section h2 span,
      .profile-right-title h2 span,
      .rating-star span.checked,
      .rating-star span.checked-half,
      .right-section-title span,
      .section-title-contain h2 span,
      body.home-body #header-nav ul > li:first-child > a {
        color: #faa322
      }

#header.header-fix,
body.home-body #header.header-fix {
  background: #fff;
  box-shadow: 0 8px 12px rgba(0, 0, 0, .1);
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999
}

#get-app-popup .modal-content {
  background-color: #faa322;
  border: none;
  border-radius: 0;
  padding: 30px
}

  #get-app-popup .modal-content::before {
    display: block;
    position: absolute;
    left: 15px;
    right: 15px;
    top: 15px;
    bottom: 15px;
    content: '';
    border: 1px solid #fff
  }

#Member_Div,
#Otherdays_List,
#days_List,
#doctor_profiles,
#get-app-popup #get-app-popup-inner,
#get-app-popup #get-app-popup-inner .popup-text-contain #popup-app-download-icon,
#home-registration-contain .home-registration-grid,
#home-treatments-inner,
#homepage-banner-contain,
#lower-home-maincontain,
#lower-main-contain,
#modelmapbody,
#profile-status-rightmain,
#registration-main-contain,
#search-data-main,
#top-filter-main,
#why-smileindia-maincontain .why-smileindia-grid,
.accordion_container,
.add_member_title,
.appointment-status-list,
.business-hours-field,
.business-hours-fieldrow,
.business_hours-form,
.comment-text,
.contact-main-content,
.default-page-lowermain,
.dental-list-main,
.form-field-col12.membership span.field-validation-valid,
.home-download-text,
.membership-form-inner,
.other-details,
.paynow,
.profile-rating-detail,
.profile-star-contain,
.register-button-main,
.select-days.clsDaySelect,
.select-days.clsStartEveningTime,
.select-days.otherclsDaySelect,
.time-checkbox,
.timing-main-contain,
.timing-main-contain .timing-field-inner {
  width: 100%;
  float: left;
  position: relative
}

  #get-app-popup #get-app-popup-inner button.close {
    width: 36px;
    height: 36px;
    background: #d13236;
    opacity: 1;
    position: absolute;
    right: -45px;
    top: -45px;
    border-radius: 50%;
    color: #fff;
    text-shadow: none;
    line-height: 1
  }

    #get-app-popup #get-app-popup-inner button.close:hover,
    #profile-status-rightmain .fade:not(.show),
    .mfp-with-zoom.mfp-ready .mfp-container,
    .verify-badge:hover .verfiy-text {
      opacity: 1
    }

  #get-app-popup #get-app-popup-inner iframe {
    width: 100%;
    float: left;
    height: 245px
  }

  #get-app-popup #get-app-popup-inner .popup-text-contain {
    width: 100%;
    float: left;
    position: relative;
    color: #fff;
    text-align: center;
    padding-top: 15px
  }

    #get-app-popup #get-app-popup-inner .popup-text-contain h4 {
      width: 100%;
      float: left;
      font-size: 16px;
      text-transform: uppercase;
      font-weight: 600;
      margin: 0;
      padding: 0
    }

    #get-app-popup #get-app-popup-inner .popup-text-contain h2 {
      width: 100%;
      float: left;
      font-size: 24px;
      text-transform: uppercase;
      font-weight: 700;
      margin: 0 0 10px;
      padding: 0
    }

    #get-app-popup #get-app-popup-inner .popup-text-contain #popup-app-download-icon img {
      display: inline-block;
      margin-right: 5px
    }

  #lower-main-contain form {
    width: 100%;
    float: left;
    margin: 0
  }

  #homepage-banner-contain .home-banner-img,
  .next-step-button-main,
  .panel.panel-login .form-group .textpw {
    width: 100%;
    float: left;
    position: relative;
    text-align: right
  }

  #homepage-banner-contain #homepage-banner-caption {
    width: 100%;
    float: left;
    position: absolute;
    left: 0;
    top: 30%;
    z-index: 1
  }

  #homepage-banner-contain .home-banner-caption-inner {
    width: 100%;
    float: left;
    max-width: 980px
  }

  #homepage-banner-contain .home-banner-text {
    width: 100%;
    float: left;
    margin-bottom: 15px
  }

    #homepage-banner-contain .home-banner-text h4 {
      width: 100%;
      float: left;
      text-transform: capitalize;
      color: #faa322;
      font-size: 24px;
      font-weight: 600;
      margin: 0;
      padding: 0
    }

    #homepage-banner-contain .home-banner-text h1 {
      width: 100%;
      float: left;
      text-transform: capitalize;
      color: #414d5b;
      font-size: 42px;
      font-weight: 700;
      margin: 0 0 10px;
      padding: 0
    }

      #confirm-tab .panel-tab-content h3.panel-tab-title,
      #doctorcount h4 span,
      #homepage-banner-contain .home-banner-text h1 span,
      #top-search-heading h3 span,
      .member-step-main .steps.selected,
      .registration-left-white-bg h2 span,
      h4.registration-form-title span {
        color: #61bb49
      }

    #homepage-banner-contain .home-banner-text p {
      font-family: Poppins, sans-serif;
      font-size: 16px;
      margin: 0 0 10px
    }

      #homepage-banner-contain .home-banner-text p a,
      .table-responsive.plans_table td.below-text a {
        color: #0453a6
      }

.slider-zipcode-main {
  width: 100%;
  float: left;
  position: relative;
  border-radius: 4px;
  padding: 25px 0
}

  .slider-zipcode-main .row {
    margin-right: 0;
    margin-left: 0
  }

  .slider-zipcode-main h4 {
    width: 100%;
    float: left;
    position: relative;
    margin: 0;
    padding: 0;
    font-size: 18px;
    font-weight: 600;
    line-height: 1
  }

  .slider-zipcode-main .slider-search-col4 {
    width: 100%;
    -ms-flex: 0 0 39.333333%;
    flex: 0 0 39.333333%;
    max-width: 39.333333%;
    padding: 0 15px;
    position: relative
  }

  #home-registration-contain .home-registration-grid .home-register-col3,
  .addmember-col-3,
  .appointment-status-col-3,
  .footer-widget-3,
  .form-field-col3,
  .profile-edit-col3,
  .slider-zipcode-main .slider-search-col3,
  .top-search-col3,
  .why-smileindia-col3 {
    width: 100%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    padding: 0 15px;
    position: relative
  }

  .slider-zipcode-main .slider-search-col2 {
    width: 100%;
    -ms-flex: 0 0 10%;
    flex: 0 0 10%;
    max-width: 10%;
    padding: 0 15px;
    position: relative
  }

  .slider-zipcode-main input[type=text] {
    width: 100%;
    float: left;
    font-size: 16px;
    height: 50px;
    border: none;
    font-family: Poppins, sans-serif;
    padding: 15px 15px 15px 0;
    border-radius: 4px
  }

  .slider-zipcode-main select {
    width: 100%;
    float: left;
    font-family: Poppins, sans-serif;
    font-size: 16px;
    height: 50px;
    border: none;
    background: url("../../images/healthcare/icon-select.png") 100% 22px no-repeat #fff;
    color: #9299a1;
    text-overflow: ''
  }

.home-disease-box h4,
.why-smileindia-box h3 {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap
}

.slider-zipcode-main select::-ms-expand {
  display: none
}

.slider-zipcode-main input[type=text]::placeholder {
  color: #9299a1;
  opacity: 1
}

.slider-zipcode-main input[type=text]:-ms-input-placeholder {
  color: #9299a1
}

.slider-zipcode-main input[type=text]::-ms-input-placeholder {
  color: #9299a1
}

.slider-zipcode-main button[type=button],
.slider-zipcode-main button[type=submit] {
  display: inline-block;
  border: none;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  padding: 10px;
  line-height: 1;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .1);
  background: #61bb49;
  box-shadow: 0 0 12px rgba(97, 187, 73, .4);
  border-radius: 4px;
  letter-spacing: .6px;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
  width: 100%;
  float: left;
  height: 65px
}

.login-button-contain .login-user-button a,
.login-button-contain .signup-button a {
  font-size: 14px;
  padding: 15px 20px;
  color: #fff;
  line-height: 1;
  letter-spacing: .6px;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .1)
}

.slider-zipcode-main button[type=button] svg,
.slider-zipcode-main button[type=submit] svg {
  fill: #fff;
  margin: 0 5px 0 0;
  width: 18px;
  float: none;
  fill: #fff;
  height: 28px;
  position: relative;
  top: 0
}

#home-member-contain {
  width: 100%;
  float: left;
  position: relative;
  padding: 45px 0
}

#home-welcome-contain .home-welcome-col6,
.business-evening-left,
.business-evening-right,
.form-field-col6,
.home-member-col6,
.home-treatments-col6,
.panel.panel-login .form-group .col-sm-6,
.paymentinfo-box-col6 {
  width: 100%;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
  padding: 0 15px;
  position: relative
}

.accorditon-tab-form,
.paragraph-text,
.profile-right-title,
.registration-form-title-tab,
.review-list-bottom,
.section-title-contain {
  width: 100%;
  float: left;
  position: relative;
  margin: 0 0 25px
}

  .section-title-contain h4 {
    width: 100%;
    float: left;
    font-size: 16px;
    color: #61bb49;
    text-transform: capitalize;
    margin: 0;
    padding: 0
  }

  .section-title-contain h2 {
    width: 100%;
    float: left;
    position: relative;
    font-size: 34px;
    font-weight: 700;
    color: #414d5b;
    margin: 0 0 20px;
    padding: 0 0 25px
  }

    .heading-white-section h2 strong,
    .section-title-contain h2 strong {
      font-weight: 700;
      color: #61bb49
    }

    .section-title-contain h2::after {
      width: 50px;
      height: 4px;
      display: block;
      position: absolute;
      left: 0;
      top: auto;
      bottom: 0;
      content: '';
      background: #61bb49;
      box-shadow: 0 0 6px rgba(97, 187, 73, .4);
      border-radius: 4px
    }

  .paragraph-text ul li {
    width: 100%;
    float: left;
    position: relative;
    margin: 0 0 25px;
    padding: 0 0 0 35px
  }

    .paragraph-text ul li::before {
      width: 21px;
      height: 20px;
      display: block;
      position: absolute;
      left: 0;
      top: 0;
      content: '';
      background: url(../../images/healthcare/list-icon-smile.png) left top no-repeat
    }

.home-app-download-icon,
.login-button-contain {
  width: 100%;
  float: left;
  position: relative;
  margin-top: 15px
}

  .login-button-contain .login-user-button {
    display: inline-block;
    margin: 0 10px 10px 0
  }

    .login-button-contain .login-user-button a {
      display: inline-block;
      border: none;
      font-weight: 600;
      text-transform: uppercase;
      background: #61bb49;
      box-shadow: 0 0 12px rgba(97, 187, 73, .4);
      border-radius: 4px;
      -webkit-transition: .5s;
      -moz-transition: .5s;
      -o-transition: .5s;
      transition: .5s
    }

  .login-button-contain .signup-button a {
    display: inline-block;
    border: none;
    font-weight: 600;
    text-transform: uppercase;
    background: #faa322;
    box-shadow: 0 0 12px rgba(253, 167, 20, .4);
    border-radius: 4px;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    transition: .5s
  }

#home-registration-contain {
  width: 100%;
  float: left;
  position: relative;
  padding: 65px 0
}

  #fh5co-testimony .wrap-testimony .testimony-slide,
  #home-registration-contain .section-title-contain,
  #why-smileindia-maincontain .section-title-contain,
  .table-responsive.affordable_plans td:nth-child(3),
  .table-responsive.affordable_plans th:nth-child(3),
  .table-responsive.fee_comparison td:nth-child(5),
  .table-responsive.fee_comparison th:nth-child(5),
  .table-responsive.fee_comparison.membership-steps th:nth-child(6),
  .table-responsive.plans_table td:nth-child(3),
  .table-responsive.plans_table td:nth-child(4),
  .table-responsive.plans_table td:nth-child(5),
  .table-responsive.plans_table th:nth-child(3),
  .table-responsive.plans_table th:nth-child(4),
  .table-responsive.plans_table th:nth-child(5) {
    text-align: center
  }

    #home-registration-contain .section-title-contain h2::after,
    #why-smileindia-maincontain .section-title-contain h2::after {
      right: 0;
      margin: 0 auto
    }

  #home-registration-contain .home-registration-grid .home-register-col3 .register-box-contain {
    width: 100%;
    float: left;
    position: relative;
    background: #fff;
    box-shadow: 0 8px 16px rgba(0, 0, 0, .1);
    border-radius: 4px;
    padding: 15px;
    text-align: center;
    margin: 0 0 45px;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    transition: .5s
  }

.home-disease-box,
.why-smileindia-box {
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -o-transition: .5s;
  float: left;
  text-align: center
}

#home-registration-contain .home-registration-grid .home-register-col3 .register-box-contain .coming-soon-label {
  width: 100%;
  display: inline-block;
  background: #d13236;
  box-shadow: 0 4px 4px rgba(193, 34, 38, .3);
  max-width: 50px;
  height: 50px;
  border-radius: 50%;
  padding: 13px 2px 8px;
  position: absolute;
  right: -10px;
  top: -25px;
  color: #fff;
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 1.2
}

#home-registration-contain .home-registration-grid .home-register-col3 .register-box-contain img {
  height: 143px
}

#home-registration-contain .home-registration-grid .home-register-col3 .register-box-contain h3 {
  width: 100%;
  float: left;
  position: relative;
  margin: 15px 0;
  padding: 0;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  color: #414d5b;
  font-size: 18px;
  font-weight: 700
}

#home-registration-contain .home-registration-grid .home-register-col3 .register-box-contain:hover,
.home-disease-box:hover,
.why-smileindia-box:hover {
  transform: scale(1.1)
}

#home-registration-contain .home-registration-grid .home-register-col3:nth-child(odd) {
  margin-bottom: -45px
}

#home-registration-contain .home-registration-grid .home-register-col3:nth-child(2n) {
  margin-top: 45px;
  margin-bottom: -45px
}

#home-welcome-contain {
  width: 100%;
  float: left;
  position: relative;
  padding: 65px 0 165px
}

.home-welcome-slider {
  width: 100%;
  float: left;
  position: relative;
  margin: 15px 0
}

  .home-welcome-slider #home-welcome-carousel {
    z-index: 9
  }

  .home-welcome-slider .carousel-inner .carousel-item img {
    width: 100%;
    border-radius: 16px
  }

  .home-welcome-slider .carousel-indicators {
    margin-right: 0;
    margin-left: 0;
    padding-left: 15px;
    padding-right: 15px;
    bottom: 15px
  }

  .home-welcome-slider .home-slider-shadow {
    width: 100%;
    float: left;
    position: relative;
    top: -5px
  }

.appointment-field-col-4,
.appointment-status-col-4,
.contact-left-col-4,
.footer-join-col4,
.form-field-col4,
.home-diseases-list-4,
.member-step-4 {
  width: 100%;
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
  padding: 0 15px;
  position: relative
}

  .home-diseases-list-4:nth-child(2n) {
    margin-top: 45px
  }

.home-disease-box {
  width: 100%;
  position: relative;
  border-radius: 12px;
  margin: 0 0 40px;
  padding: 15px;
  min-height: 150px;
  transition: .5s
}

  .home-disease-box img {
    height: 65px;
    margin-top: 5px
  }

  .home-disease-box h4 {
    width: 100%;
    float: left;
    position: relative;
    margin: 15px 0 0;
    padding: 0;
    color: #414d5b;
    font-size: 16px;
    font-weight: 600
  }

  .home-disease-box a,
  .modal-body,
  .modal-content {
    width: 100%;
    float: left
  }

#home-download-app-contain {
  width: 100%;
  float: left;
  position: relative;
  color: #fff;
  padding: 65px 0;
  margin-bottom: 20%;
  background: #61bb49;
  background: -moz-linear-gradient(-45deg, #61bb49 0, #0453a6 100%);
  background: -webkit-linear-gradient(-45deg, #61bb49 0, #0453a6 100%);
  background: linear-gradient(135deg, #61bb49 0, #0453a6 100%)
}

  #home-download-app-contain::after {
    width: 999999px;
    height: 110%;
    display: block;
    position: absolute;
    left: 60%;
    top: -10px;
    content: '';
    background: #fbfcff;
    -webkit-transform: skewX(20deg);
    -moz-transform: skewX(20deg);
    -ms-transform: skewX(20deg);
    -o-transform: skewX(20deg);
    transform: skewX(20deg);
    z-index: 1
  }

.home-download-app-col6 {
  width: 100%;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
  padding: 0 15px;
  position: relative;
  z-index: 2
}

.heading-white-section,
.profile-star-contain p {
  width: 100%;
  float: left;
  position: relative;
  margin: 0
}

  .heading-white-section h2 {
    width: 100%;
    float: left;
    position: relative;
    font-size: 34px;
    font-weight: 700;
    color: #fff;
    margin: 0 0 20px;
    padding: 0 0 25px
  }

    .footer-widget-contain h3.fot-wid-title::after,
    .heading-white-section h2::after,
    .registration-left-white-bg h2::after {
      width: 50px;
      height: 4px;
      display: block;
      position: absolute;
      left: 0;
      top: auto;
      bottom: 0;
      content: '';
      background: #faa322;
      box-shadow: 0 0 6px rgba(253, 167, 20, .4);
      border-radius: 4px
    }

.home-app-download-icon img {
  margin-right: 10px
}

.download-app-right {
  width: 120%;
  float: left;
  position: absolute;
  z-index: 9;
  right: 0;
  top: -80%
}

#why-smileindia-maincontain {
  width: 100%;
  float: left;
  position: relative;
  padding: 0 0 65px
}

.why-smileindia-box {
  width: 100%;
  position: relative;
  border-radius: 4px;
  background: #fff;
  box-shadow: 0 0 18px rgba(0, 0, 0, .06);
  margin: 0 0 30px;
  padding: 25px 15px;
  color: #707e8f;
  min-height: 330px;
  transition: .5s
}

  .why-smileindia-box img {
    margin: 0 0 15px
  }

  .why-smileindia-box h3 {
    position: relative;
    margin: 15px 0;
    padding: 0;
    color: #61bb49;
    font-size: 18px;
    font-weight: 700
  }

#home-treatments-main {
  width: 100%;
  float: left;
  position: relative;
  background: #fff;
  padding: 45px 0
}

  #home-treatments-main h2.page-title {
    padding: 0 15px 15px
  }

.home-treatments-left-img,
.home-treatments-right-sidebar,
.login-icon {
  width: 100%;
  float: left;
  position: relative;
  margin: 0 0 25px;
  text-align: center
}

  .home-treatments-left-img img {
    width: 100%;
    float: left;
    margin: 0 0 15px
  }

  .home-treatments-left-img p {
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: .4px;
    color: #404040
  }

#top-search-heading {
  width: 100%;
  float: left;
  position: relative;
  background: url(../../images/healthcare/breadcrumbs_bg.jpg) center top;
  padding: 45px 0;
  min-height: 140px;
  color: #414d5b;
  text-align: center
}

  #top-search-heading > .container {
    z-index: 1
  }

  #top-search-heading h3 {
    width: 100%;
    float: left;
    margin: 15px 0 0;
    padding: 0;
    font-size: 21px;
    font-weight: 600;
    text-transform: uppercase
  }

  #top-search-heading h1 {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0 0 15px;
    font-size: 42px;
    font-weight: 700;
    text-transform: uppercase
  }

.search-title-top {
  width: 100%;
  margin-top: 3%;
  position: relative
}

  .search-title-top h2 {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%)
  }

#search-lower-main {
  width: 100%;
  float: left;
  position: relative;
  background: #f7f7fa
}

.top-search-box {
  width: 100%;
  float: left;
  position: relative;
  background: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, .1);
  padding: 25px;
  border-radius: 4px;
  margin-top: -30px
}

.top-search-col4 {
  width: 100%;
  -ms-flex: 0 0 33.3333%;
  flex: 0 0 33.3333%;
  max-width: 33.3333%;
  padding: 0 15px;
  position: relative
}

.addmember-col-2,
.business-day-left,
.form-field-col2,
.top-search-col2 {
  width: 100%;
  -ms-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
  padding: 0 15px;
  position: relative
}

.top-search-box input[type=text] {
  width: 100%;
  float: left;
  height: 50px;
  border: none;
  background: #fff
}

  .top-search-box input[type=text]::placeholder {
    color: #9299a1;
    opacity: 1
  }

  .top-search-box input[type=text]:-ms-input-placeholder {
    color: #9299a1
  }

  .top-search-box input[type=text]::-ms-input-placeholder {
    color: #9299a1
  }

.top-search-box select {
  width: 100%;
  float: left;
  height: 50px;
  border: none;
  background: url("../../images/healthcare/icon-select.png") 95% 50% no-repeat #fff;
  color: #9299a1;
  text-overflow: ''
}

  .top-search-box select::-ms-expand {
    display: none
  }

.top-search-box button[type=button],
.top-search-box button[type=submit] {
  width: 100%;
  height: 50px;
  display: inline-block;
  border: none;
  color: #fff;
  text-transform: uppercase;
  padding: 15px 25px;
  line-height: 1;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .1);
  background: #61bb49;
  box-shadow: 0 0 12px rgba(97, 187, 73, .4);
  border-radius: 4px;
  letter-spacing: .6px;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
  font-size: 15px;
  font-weight: 500
}

  .top-search-box button[type=button] svg,
  .top-search-box button[type=submit] svg {
    width: 14px;
    height: 14px;
    fill: #fff;
    margin: 0 5px 0 2px;
    float: none;
    display: inline-block
  }

.success-msg {
  width: 100%;
  float: left;
  margin: 25px 0 0;
  font-size: 14px
}

.search-fullmap-contain {
  width: 100%;
  float: left;
  margin: 45px 0 15px
}

#doctorcount,
#search-map-label,
.comment-star,
.profile-img-contain {
  width: 100%;
  float: left;
  position: relative;
  margin: 0 0 15px
}

  #search-map-label a {
    fill: #414d5b;
    text-decoration: none;
    color: #fff;
    fill: #fff;
    background: #faa322;
    width: 45px;
    height: 45px;
    border-radius: 4px;
    padding: 10px;
    display: inline-block;
    text-align: center;
    margin-left: 5px
  }

  #doctorcount h4,
  .profile-details h4 {
    font-size: 18px;
    color: #414d5b;
    font-weight: 700;
    text-transform: uppercase;
    float: left
  }

  #doctorcount h4,
  .doctors-profile-box,
  .doctors-profile-col2,
  .doctors-profile-col3 {
    width: 100%;
    position: relative
  }

.search-map-text {
  display: inline-block;
  font-size: 14px;
  color: #9299a1;
  text-transform: uppercase;
  letter-spacing: .5px;
  margin-top: 15px
}

#search-map-label a svg {
  height: 28px
}

#search-map-label a#showinlist svg {
  height: 15px;
  position: relative;
  left: 0;
  top: 0
}

#search-map-label a#showinmap svg {
  position: relative;
  left: 0;
  top: 0;
  height: 24px
}

.search-fullmap-contain #body2 {
  width: 100%;
  float: left;
  position: relative;
  border: 4px solid #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, .1)
}

.doctors-profile-box {
  float: left;
  background: #fff;
  border-radius: 4px;
  padding: 25px 15px;
  box-shadow: 0 0 10px rgba(0, 0, 0, .04);
  margin-bottom: 30px;
  font-size: 14px;
  line-height: 1.4
}

  .doctors-profile-box .profile-photo,
  .map-box {
    box-shadow: 0 0 26px rgba(0, 0, 0, .1);
    overflow: hidden
  }

.doctors-profile-col2 {
  -ms-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
  padding: 0 15px
}

.doctors-profile-col3 {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
  padding: 0 15px
}

  .doctors-profile-col3::before {
    width: 1px;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    background: #f0f0f0
  }

.doctors-profile-col4,
.registration-col-4 {
  width: 100%;
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
  position: relative;
  padding: 0 15px
}

.doctors-profile-col5 {
  width: 100%;
  -ms-flex: 0 0 41.666667%;
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
  position: relative;
  padding: 0 15px
}

.business-hours-col6,
.doctors-profile-col6,
.registration-form-6,
.review-list-col6,
.timing-main-contain .timing-col-6 {
  width: 100%;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
  position: relative;
  padding: 0 15px
}

.doctors-profile-col7 {
  width: 100%;
  -ms-flex: 0 0 58.333333%;
  flex: 0 0 58.333333%;
  max-width: 58.333333%;
  position: relative;
  padding: 0 15px
}

.contact-left-col-8,
.doctors-profile-col8,
.footer-join-col8 {
  width: 100%;
  -ms-flex: 0 0 66.666667%;
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
  padding: 0 15px;
  position: relative
}

.doctors-profile-box .profile-photo {
  width: 120px;
  height: 120px;
  display: block;
  margin: 0 auto 20px;
  border-radius: 50%;
  border: 4px solid #fff;
  clear: both
}

  .doctors-profile-box .profile-photo img {
    width: 130px;
    height: 130px;
    float: left
  }

.profile-details h4 {
  width: 100%;
  position: relative;
  margin: 0 0 15px;
  padding: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.profile-text {
  width: 100%;
  float: left;
  position: relative;
  margin: 0 0 15px;
  padding-left: 30px
}

  .profile-text img,
  .profile-text svg {
    height: 18px;
    position: absolute;
    left: 0;
    top: 0;
    fill: #faa322
  }

.map-box,
.map-box img {
  height: 130px;
  width: 100%
}

.morelink i {
  font-size: 9px;
  margin-left: 4px
}

.profile-details h5 {
  width: 100%;
  float: left;
  position: relative;
  font-size: 15px;
  font-weight: 700;
  text-transform: uppercase;
  color: #61bb49;
  margin: 15px 0 10px;
  padding: 0
}

.map-box {
  float: left;
  position: relative;
  border: 3px solid #fff
}

.other-details i.icon {
  color: #61bb49;
  position: absolute;
  left: 0;
  top: 2px
}

.other-details span {
  position: relative;
  padding-left: 10px
}

.experience,
.see-all-timings {
  width: 100%;
  float: left;
  position: relative;
  margin: 0 0 10px;
  padding-left: 20px
}

.timings {
  width: 100%;
  float: left;
  position: relative;
  margin: 0 0 5px;
  padding-left: 20px
}

.other-address {
  width: 100%;
  float: left;
  position: relative;
  margin: 5px 0
}

.book-appointment-btn {
  width: 100%;
  float: left;
  position: relative;
  margin: 10px 0
}

  .book-appointment-btn a {
    display: inline-block;
    height: 45px;
    border: none;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 14px 18px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .1);
    background: #faa322;
    box-shadow: 0 0 12px rgba(253, 167, 20, .4);
    border-radius: 4px
  }

#modelmapbody > div {
  width: 100% !important;
  position: relative !important
}

.pagination-main {
  width: 100%;
  float: left;
  position: relative;
  margin: 25px 0 45px
}

  .pagination-main ul.pagination {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: right;
    display: block
  }

    .pagination-main ul.pagination > li {
      margin: 0;
      padding: 0 2px
    }

      .pagination-main ul.pagination > li > a,
      .pagination-main ul.pagination > li > span {
        color: #9299a1;
        text-decoration: none;
        padding: 10px 20px;
        background-color: transparent;
        border: none;
        border-radius: 2px;
        text-transform: uppercase
      }

        .pagination-main ul.pagination > li > a.active,
        .pagination-main ul.pagination > li > a:hover {
          color: #fff;
          text-decoration: none;
          background: #61bb49;
          box-shadow: 0 0 12px rgba(97, 187, 73, .4)
        }

        .pagination-main ul.pagination > li > a[onclick="NextPev('next')"],
        .pagination-main ul.pagination > li > a[onclick="NextPev('prev');"] {
          color: #fff;
          text-decoration: none;
          background: #5f5f5f;
          box-shadow: 0 0 12px rgba(95, 95, 95, .2);
          transition: .5s
        }

          .pagination-main ul.pagination > li > a[onclick="NextPev('next')"]:focus,
          .pagination-main ul.pagination > li > a[onclick="NextPev('next')"]:hover,
          .pagination-main ul.pagination > li > a[onclick="NextPev('prev');"]:focus,
          .pagination-main ul.pagination > li > a[onclick="NextPev('prev');"]:hover {
            background: #faa322;
            box-shadow: 0 0 12px rgba(253, 167, 20, .4)
          }

.registration-form-main {
  width: 100%;
  float: left;
  position: relative;
  margin: 45px 0;
  background: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, .1);
  border-radius: 4px;
  padding: 45px 15px 25px
}

h4.registration-form-title {
  width: 100%;
  float: left;
  position: relative;
  font-size: 24px;
  font-weight: 700;
  text-transform: uppercase;
  color: #414d5b;
  margin: 0 0 25px;
  padding: 0 0 20px;
  text-align: center
}

  h4.registration-form-title::after {
    width: 50px;
    height: 4px;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: auto;
    bottom: 0;
    margin: 15px auto 0;
    content: '';
    background: #ef9a0b
  }

.contact-main-content .topic-block-body,
.form-section-1,
.form-section-2,
.form-section-3,
.form-section-4,
.profile-leftbar,
.profile-right-main {
  width: 100%;
  float: left;
  position: relative;
  margin-bottom: 25px
}

.appointment-field-row,
.comment-right-text,
.form-field-row,
.notfound-text .topic-block,
.notfound-text .topic-block-body,
.panel.panel-login .form-group {
  width: 100%;
  float: left;
  position: relative;
  font-size: 14px
}

.business-day-center,
.business-day-right,
.form-field-col5 {
  width: 100%;
  -ms-flex: 0 0 41.666667%;
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
  padding: 0 15px;
  position: relative
}

.form-field-col12 {
  width: 100%;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
  padding: 0 15px;
  position: relative
}

.form-field-col4 img.profile-pic {
  width: 100%;
  float: left;
  margin-bottom: 15px;
  border: 4px solid #fff;
  box-shadow: 0 0 6px rgba(0, 0, 0, .1)
}

.appointment-field-row label,
.form-field-row label,
.popup-form-main label {
  width: 100%;
  float: left;
  font-size: 14px;
  font-weight: 500;
  margin: 0 0 5px;
  position: relative
}

.appointment-field-row input[type=file],
.appointment-field-row input[type=password],
.appointment-field-row input[type=text],
.appointment-field-row textarea,
.contact-main-content input[type=file],
.contact-main-content input[type=password],
.contact-main-content input[type=text],
.contact-main-content textarea,
.popup-form-main input[type=file],
.popup-form-main input[type=password],
.popup-form-main input[type=text],
.popup-form-main textarea,
.registration-form-main input[type=file],
.registration-form-main input[type=number],
.registration-form-main input[type=password],
.registration-form-main input[type=text],
.registration-form-main textarea {
  width: 100%;
  float: left;
  height: 45px;
  padding: 10px;
  border-radius: 4px;
  border: 2px solid #e6edf5;
  background: #fff;
  font-size: 14px;
  margin-bottom: 15px
}

input[readonly=True] {
  background: #efefef !important;
  cursor: not-allowed
}

.appointment-field-row input[type=file],
.contact-main-content input[type=file],
.membership-form-inner input[type=file],
.no-padding,
.panel.panel-login .form-group input[type=file],
.popup-form-main input[type=file],
.registration-form-main input[type=file] {
  padding: 0
}

#page-edit-inner ul li:hover,
.checkbox-field {
  padding-left: 25px
}

.appointment-field-row textarea,
.contact-main-content textarea,
.membership-form-inner textarea,
.panel.panel-login .form-group textarea,
.popup-form-main textarea,
.registration-form-main textarea {
  height: 140px
}

.popup-form-main select,
.registration-form-main select {
  width: 100%;
  float: left;
  height: 45px;
  padding: 0 10px;
  border-radius: 4px;
  border: 2px solid #e6edf5;
  background: url("../../images/healthcare/icon-select.png") 97% 18px no-repeat #fff;
  font-size: 14px;
  margin-bottom: 15px;
  text-overflow: ''
}

.accordion_container .panel-default > .panel-heading h4.panel-title,
.add_member_title h4,
.registration-form-title-tab h4 {
  background: #61bb49;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 16px;
  float: left;
  position: relative;
  box-shadow: 0 0 12px rgba(97, 187, 73, .4)
}

.popup-form-main select::-ms-expand,
.registration-form-main select::-ms-expand {
  display: none
}

.contact-main-content .input-validation-error,
.membership-form-inner .input-validation-error,
.popup-form-main .input-validation-error,
.registration-form-main .input-validation-error,
input.input-validation-error {
  border-color: #d13236 !important
}

.form-field-row svg {
  width: 24px;
  height: 24px;
  float: left;
  fill: #faa322;
  transition: .5s
}

  .form-field-row svg:focus,
  .form-field-row svg:hover {
    fill: #61bb49
  }

.add_member_title h4,
.registration-form-title-tab h4 {
  width: 100%;
  margin: 0;
  padding: 15px;
  color: #fff;
  border-radius: 4px
}

.business_hours-form a {
  color: #faa322 !important;
  text-decoration: none
}

  .business_hours-form a:hover {
    color: #61bb49 !important;
    text-decoration: none;
    outline: 0
  }

.business-hours-fieldrow label {
  width: 100%;
  float: left;
  font-size: 14px;
  font-weight: 500;
  margin: 0 0 15px;
  letter-spacing: 0
}

.select-days.clsEndEveningTime,
.select-days.clsEndMorningTime,
.select-days.otherclsEndEveningTime,
.select-days.otherclsEndMorningTime {
  width: 100%;
  float: left;
  position: relative;
  margin: 35px 0 0
}

.select-duration-field {
  width: 100%;
  float: left;
  position: relative;
  font-size: 14px;
  padding-left: 25px
}

  .select-duration-field .to {
    width: 15px;
    height: 15px;
    position: absolute;
    left: -10px;
    top: 12px
  }

#Otherdays_List .Otherdayrows,
#days_List .dayrows {
  width: 100%;
  float: left;
  position: relative;
  margin: 8px 0;
  padding-left: 23px;
  min-height: 45px;
  font-size: 14px
}

#Otherdays_List.row,
#profile-status-rightmain .appointment-status-col-3 .appointment-status-button button img {
  margin: 0
}

#Otherdays_List .Otherdayrows input[type=checkbox],
#days_List .dayrows input[type=checkbox] {
  width: 14px;
  height: 14px;
  position: absolute;
  left: 0;
  top: 4px
}

.accordion_container .panel-group {
  margin-bottom: 0
}

.accordion_container .panel.panel-default {
  border: none;
  box-shadow: none
}

.accordion_container .panel-default > .panel-heading {
  background: 0 0;
  border: none;
  padding: 0
}

  .accordion_container .panel-default > .panel-heading + .panel-collapse > .panel-body {
    border: none;
    padding: 0
  }

  .accordion_container .panel-default > .panel-heading h4.panel-title {
    width: 100%;
    margin: 0 0 25px;
    padding: 0;
    color: #fff;
    border-radius: 4px
  }

    .accordion_container .panel-default > .panel-heading h4.panel-title a {
      width: 100%;
      float: left;
      padding: 15px 35px 15px 15px;
      position: relative;
      color: #fff;
      text-decoration: none
    }

      #fh5co-home a:hover,
      .accordion_container .panel-default > .panel-heading h4.panel-title a:focus,
      .accordion_container .panel-default > .panel-heading h4.panel-title a:hover,
      .appointment-time-label a.current:focus,
      .appointment-time-label a.current:hover,
      .btn-new-member:hover {
        color: #fff;
        text-decoration: none
      }

.panel.panel-login > .panel-heading > a,
.profile-leftbar ul li a {
  color: #414d5b;
  font-size: 15px;
  text-transform: uppercase;
  text-decoration: none
}

.accordion_container .panel-default > .panel-heading h4.panel-title a[data-toggle=collapse]::before {
  width: 16px;
  height: 16px;
  display: block;
  position: absolute;
  right: 15px;
  top: 10px;
  content: "\f055";
  font-family: FontAwesome;
  font-size: 24px;
  line-height: 1.2
}

.accordion_container .panel-default > .panel-heading h4.panel-title a[data-toggle=collapse][aria-expanded=true]::before {
  content: "\f056"
}

#add-location-tab.panel-collapse {
  display: none
}

  #add-location-tab.panel-collapse.show,
  #fh5co-testimony .wrap-testimony .testimony-slide.active,
  .break,
  .btntext span,
  .mobile-hide,
  .profile-rightbar > .row,
  .table-responsive.affordable_plans td.processing_fee span,
  .table-responsive.fee_comparison td span,
  .table-responsive.fee_comparison td.processing_fee span,
  .table-responsive.fee_comparison th span {
    display: block
  }

.business_hours_bg {
  background: #fff;
  display: inline-block;
  margin-bottom: 20px
}

.checkbox-field {
  width: 100%;
  float: left;
  position: relative;
  margin: 0 0 20px;
  font-size: 14px
}

  .checkbox-field input[type=checkbox] {
    width: 14px;
    height: 14px;
    position: absolute;
    left: 0;
    top: 0
  }

.btn-submit,
.membership-form-inner input[type=button],
.membership-form-inner input[type=submit],
.register-button-main input[type=button],
.register-button-main input[type=submit] {
  display: inline-block;
  border: none;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  padding: 15px 25px;
  line-height: 1;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .1);
  background: #61bb49;
  box-shadow: 0 0 12px rgba(97, 187, 73, .4);
  border-radius: 4px;
  letter-spacing: .6px;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -o-transition: .5s;
  transition: .5s
}

#page-edit-inner ol li,
.login {
  box-shadow: 0 0 10px rgba(0, 0, 0, .04)
}

#login-lower-main {
  width: 100%;
  float: left;
  position: relative;
  background: #fbfcff;
  padding: 45px 0
}

.login {
  width: 100%;
  max-width: 480px;
  position: relative;
  margin: 0 auto;
  clear: both;
  background: #fff;
  display: table;
  border-radius: 4px
}

.contact-address,
.contact-location,
.membership-form-contain {
  box-shadow: 0 0 10px rgba(0, 0, 0, .1);
  position: relative;
  float: left
}

.panel.panel-login {
  position: relative;
  box-shadow: none;
  border: none
}

  .panel.panel-login > .panel-heading {
    width: 100%;
    float: left;
    position: relative;
    padding: 15px;
    border: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 15px
  }

    .panel.panel-login > .panel-heading > a {
      width: 100%;
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%;
      position: relative;
      padding: 20px 15px;
      text-align: center;
      border-radius: 4px;
      line-height: 1.2;
      font-family: 'Open Sans', sans-serif;
      font-weight: 600;
      transition: .5s
    }

      .panel.panel-login > .panel-heading > a.active {
        color: #fff;
        background: #61bb49;
        box-shadow: 0 0 12px rgba(97, 187, 73, .4)
      }

        .panel.panel-login > .panel-heading > a.active:focus,
        .panel.panel-login > .panel-heading > a.active:hover {
          color: #fff;
          background: #faa322;
          box-shadow: 0 0 12px rgba(253, 167, 20, .4)
        }

.login-icon img {
  height: 100px
}

.panel.panel-login .form-group input[type=file],
.panel.panel-login .form-group input[type=password],
.panel.panel-login .form-group input[type=text],
.panel.panel-login .form-group textarea {
  width: 100%;
  float: left;
  height: 45px;
  padding: 10px;
  border-radius: 4px;
  border: 2px solid #e6edf5;
  background: #fff;
  font-size: 14px;
  margin-bottom: 5px
}

.contact-main-content select,
.panel.panel-login .form-group select {
  width: 100%;
  float: left;
  height: 45px;
  padding: 0 10px;
  border-radius: 4px;
  border: 2px solid #e6edf5;
  background: url("../../images/healthcare/icon-select.png") 97% 50% no-repeat #fff;
  font-size: 14px;
  margin-bottom: 15px;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: ''
}


  .panel.panel-login .form-group select::-ms-expand {
    display: none
  }

.panel.panel-login .form-group label {
  width: 100%;
  float: left;
  font-size: 14px;
  font-weight: 500;
  margin: 0 0 5px
}

.inputs.reversed.remember-me {
  width: 100%;
  float: left;
  position: relative;
  padding: 1px 0 0 20px
}

  .inputs.reversed.remember-me input[type=checkbox] {
    width: 14px;
    height: 14px;
    display: block;
    position: absolute;
    left: 0;
    top: 4px;
    margin: 0
  }

.notfound-text,
.panel.panel-login .form-group .buttons {
  width: 100%;
  float: left;
  position: relative;
  text-align: center
}

  .panel.panel-login .form-group .buttons input[type=button],
  .panel.panel-login .form-group .buttons input[type=submit] {
    width: auto;
    height: 45px;
    float: left;
    border: none;
    color: #fff;
    font-size: 16px;
    letter-spacing: .5px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 0 25px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .1);
    background: #faa322;
    box-shadow: 0 0 12px rgba(253, 167, 20, .4);
    border-radius: 4px
  }

.message-error {
  width: 100%;
  float: left;
  font-size: 14px
}

.col-xs-12 {
  width: 100%;
  float: left;
  padding: 0 15px
}

#not-found-page,
#page-edit-lowermain,
#profile-edit-lowermain {
  width: 100%;
  float: left;
  position: relative;
  background: #f7f7fa;
  padding: 45px 0
}

.profile-leftbar ul li {
  width: 100%;
  float: left;
  list-style: none;
  position: relative;
  margin: 0 0 10px;
  padding: 0
}

  .profile-leftbar ul li a {
    width: 100%;
    float: left;
    border: none;
    letter-spacing: .5px;
    font-weight: 500;
    padding: 10px 15px;
    border-radius: 4px
  }

  .profile-leftbar ul li.active a {
    color: #fff;
    text-decoration: none;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .1);
    background: #faa322;
    box-shadow: 0 0 12px rgba(253, 167, 20, .4)
  }

  .profile-leftbar ul li a:focus,
  .profile-leftbar ul li a:hover {
    color: #fff;
    text-decoration: none;
    transition: .5s;
    background: #61bb49;
    box-shadow: 0 0 12px rgba(97, 187, 73, .4)
  }

.profile-edit-col9 {
  width: 100%;
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
  padding: 0 15px;
  position: relative
}

#profile-edit-lowermain .registration-form-main {
  margin: 0 0 45px
}

.form-field-col12.membership button#SearchMemberShip {
  width: auto;
  float: left;
  border: none;
  color: #fff;
  font-size: 16px;
  text-transform: uppercase;
  padding: 10px 20px;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .1);
  background: #61bb49;
  border-radius: 4px;
  box-shadow: 0 0 12px rgba(97, 187, 73, .4);
  margin-bottom: 15px
}

.form-field-col12.membership #Search_Result {
  width: 100%;
  float: left;
  background: #f2dede;
  padding: 10px 15px;
  border-radius: 4px;
  border: 1px solid #ebccd1;
  color: #a94442
}

#Member_Div .close_button,
#Member_Div .close_button:focus,
#Member_Div .close_button:hover {
  background: #d13236 !important
}

#Save_ChangePass {
  width: 100%;
  float: left;
  display: inline-block
}

  #Save_ChangePass button[type=button],
  #Save_ChangePass input[type=button],
  #Save_ChangePass input[type=submit] {
    width: auto;
    height: 45px;
    float: left;
    line-height: 1.2;
    border: none;
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    padding: 0 20px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .1);
    background: #61bb49;
    border-radius: 4px;
    box-shadow: 0 0 12px rgba(97, 187, 73, .4)
  }

.contact-left-col-8 .result {
  width: 100%;
  float: left;
  position: relative;
  background: #61bb49;
  color: #fff;
  padding: 10px 15px;
  border-radius: 4px
}

.contact-main-content .topic-block-body h4 {
  width: 100%;
  float: left;
  position: relative;
  font-size: 21px;
  font-weight: 700;
  margin: 0 0 10px;
  padding: 0;
  color: #faa322;
  text-transform: uppercase
}

.contact-main-content .topic-block-body p {
  margin: 0;
  font-size: 14px
}

.contact-main-content select::-ms-expand {
  display: none
}

.contact-main-content .form-field-row label {
  padding-left: 15px
}

.contact-main-content .form-field-row .required {
  position: absolute;
  left: 15px;
  top: 0
}

.contact-main-content .form-field-row .register-button-main {
  margin-bottom: 45px
}

.contact-address,
.contact-location {
  width: 100%;
  margin: 0 0 20px;
  background: #fff;
  border-radius: 4px;
  padding: 15px
}

  .contact-address h5 {
    width: 100%;
    float: left;
    position: relative;
    margin: 0 0 5px;
    padding: 0 0 0 20px;
    font-size: 16px;
    line-height: 1.2;
    font-weight: 600;
    text-transform: uppercase;
    color: #61bb49
  }

.steps,
.steps span {
  color: #939393;
  font-weight: 600
}

.contact-address h5 i {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 16px
}

.contact-address p {
  font-size: 14px;
  margin: 0 0 15px
}

.member-step-main {
  width: 100%;
  float: left;
  position: relative;
  margin: 0 0 45px
}

.steps {
  width: 100%;
  float: left;
  position: relative;
  text-align: center;
  font-size: 14px;
  text-transform: uppercase
}

  .steps span {
    width: 42px;
    height: 42px;
    display: block;
    margin: 0 auto 15px;
    clear: both;
    background: #d3d3d3;
    border-radius: 50%;
    font-size: 18px;
    line-height: 1.2;
    padding: 10px 5px 5px
  }

.cd-top.cd-fade-out,
.member-step-main .steps.selected.disable-step {
  opacity: .5
}

.membership-form-contain {
  width: 100%;
  margin: 0 0 20px;
  background: #fff;
  border-radius: 4px;
  padding: 25px 15px
}

.membership-form-inner input[type=email],
.membership-form-inner input[type=file],
.membership-form-inner input[type=name],
.membership-form-inner input[type=password],
.membership-form-inner input[type=tel],
.membership-form-inner input[type=text],
.membership-form-inner textarea {
  width: 100%;
  float: left;
  height: 50px;
  padding: 10px;
  border-radius: 4px;
  border: 2px solid #e6edf5;
  background: #fff;
  font-size: 14px;
  color: #414d5b;
  margin-bottom: 15px
}

.membership-form-inner span.k-picker-wrap.k-state-default input[type=text] {
  width: 100%;
  float: none;
  height: 45px;
  padding: 0;
  border: none;
  background: 0 0;
  font-size: 14px;
  margin-bottom: 0;
  box-shadow: none
}

  .membership-form-inner span.k-picker-wrap.k-state-default input[type=text]:focus {
    box-shadow: none
  }

.membership-form-inner select {
  width: 100%;
  float: left;
  height: 45px;
  padding: 0 10px;
  border-radius: 4px;
  border: 2px solid #e6edf5;
  background: url("../../images/healthcare/icon-select.png") 97% 50% no-repeat #fff;
  font-size: 14px;
  color: #414d5b;
  margin-bottom: 15px;
  text-overflow: ''
}

  .membership-form-inner select::-ms-expand {
    display: none
  }

.membership-form-inner .registration-button {
  width: 100%;
  float: left;
  margin: 15px 0 0 -5px
}

.add-member-contain {
  width: 100%;
  float: left;
  position: relative;
  margin-top: 35px
}

#Member_Div .member_rows:first-child,
.add_new_member {
  margin-top: 25px
}

.addmember-col-1 {
  width: 100%;
  -ms-flex: 0 0 8.333333%;
  flex: 0 0 8.333333%;
  max-width: 8.333333%;
  padding: 0 15px;
  position: relative
}

#Member_Div .required {
  margin-right: 5px
}

#Member_Div .close_button {
  width: 30px;
  height: 30px;
  display: block;
  margin: 0 auto;
  position: absolute;
  top: auto;
  bottom: 20px;
  left: 0;
  right: 0;
  border-radius: 50%;
  padding: 5px;
  border: none;
  transition: .5s
}

  #Member_Div .close_button .Close_Icon {
    border: none;
    padding: 0;
    color: #fff
  }

.add_new_member {
  width: 100%;
  float: left;
  position: relative;
  border-bottom: 1px solid #efefef;
  padding-bottom: 25px;
  margin-bottom: 25px
}

  .add_new_member input[type=button],
  .add_new_member input[type=submit] {
    width: auto;
    height: 45px;
    float: left;
    border: none;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    padding: 0 25px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .1);
    background: #faa322;
    box-shadow: 0 0 12px rgba(253, 167, 20, .4);
    border-radius: 4px;
    letter-spacing: .5px
  }

.btn-new-member,
.next-step-button-main input[type=button],
.next-step-button-main input[type=submit] {
  border: none;
  color: #fff;
  font-weight: 600;
  font-size: 16px;
  text-transform: uppercase;
  display: inline-block;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .1)
}

.next-step-button-main input[type=button],
.next-step-button-main input[type=submit] {
  width: auto;
  height: 50px;
  padding: 0 25px;
  margin-bottom: 0;
  background: #61bb49;
  border-radius: 4px;
  box-shadow: 0 0 12px rgba(97, 187, 73, .4)
}

.btn-new-member {
  margin: 0 0 0 10px;
  padding: 10px 25px;
  background: #9ba0a7;
  border-radius: 4px;
  box-shadow: 0 0 12px rgba(155, 160, 167, .4);
  height: 45px
}

.membership_step1 .k-widget.k-datepicker.k-header {
  width: 100%;
  float: left;
  background: 0 0
}

.membership_step1 .k-picker-wrap.k-state-default {
  height: 45px;
  margin-bottom: 15px
}

.fh5co-nav-toggle.active i,
.k-picker-wrap.k-state-default.k-state-hover {
  background: 0 0
}

.membership_step1 .k-picker-wrap.k-state-default input[type=text] {
  position: absolute;
  left: 0;
  top: 0;
  height: 25px;
  border: none;
  box-shadow: none;
  width: 95.555% !important
}

.membership_step1 .k-picker-wrap.k-state-default .k-icon {
  margin-top: 5px
}

.membership_step1 .addmember-col-2 .k-picker-wrap.k-state-default {
  height: 40px;
  border: 2px solid #e6edf5
}

  .membership_step1 .addmember-col-2 .k-picker-wrap.k-state-default input[type=text] {
    width: 83.555% !important;
    height: 38px;
    margin: 0
  }

.membership_step1 #Member_Div .addmember-col-1 .close_button {
  padding: 0 2px 4px
}

.membership_step1 .next-step-button-main {
  border-top: 1px solid #efefef;
  padding-top: 25px
}

.admin-header-links {
  width: 100%;
  float: left;
  position: relative;
  font-size: 14px;
  color: #414d5b;
  text-transform: uppercase
}

  .admin-header-links a {
    display: inline-block;
    color: #414d5b;
    text-decoration: none
  }

#page-edit-inner {
  width: 100%;
  float: left;
  position: relative;
  font-size: 14px;
  color: #505050
}

  #page-edit-inner h4 {
    width: 100%;
    float: left;
    position: relative;
    margin: 0 0 15px;
    padding: 0 0 15px;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    color: #414d5b
  }

    #page-edit-inner h4::before {
      width: 34px;
      height: 2px;
      display: block;
      position: absolute;
      left: 0;
      top: auto;
      bottom: 0;
      content: '';
      background: #faa322
    }

  #page-edit-inner ol,
  #page-edit-inner ul {
    width: 100%;
    float: left;
    margin: 0 0 25px;
    padding: 0;
    list-style: none
  }

    #page-edit-inner ul li {
      width: 100%;
      float: left;
      list-style: none;
      margin: 0 0 8px;
      padding: 5px 0 5px 20px;
      position: relative;
      transition: .5s;
      font-size: 14px;
      line-height: 1.4
    }

    #page-edit-inner ol li,
    #page-edit-inner ol li h5,
    .footer-join-col4 .join-smileindia-button {
      margin: 0 0 15px;
      position: relative;
      width: 100%;
      float: left
    }

    #page-edit-inner ul li:first-child {
      border-top: none;
      padding-top: 0
    }

    #page-edit-inner ul li::before {
      width: 16px;
      height: 16px;
      display: block;
      position: absolute;
      left: 0;
      top: 0;
      content: "\f00c";
      font-family: FontAwesome;
      color: #61bb49;
      font-size: 14px;
      line-height: 1.2;
      margin-top: 3px
    }

    #page-edit-inner ol li a,
    #page-edit-inner ul li a {
      display: inline-block;
      color: #878787;
      text-decoration: none;
      transition: .5s;
      position: relative
    }

    #page-edit-inner ol li {
      list-style: none;
      padding: 25px 25px 25px 65px;
      transition: .5s;
      font-size: 14px;
      line-height: 1.4;
      background: #fff;
      border-radius: 4px
    }

      #page-edit-inner ol li h5 {
        padding: 0;
        font-size: 16px;
        font-weight: 700;
        text-transform: uppercase;
        color: #414d5b
      }

        #page-edit-inner ol li h5::before {
          width: 32px;
          height: 32px;
          display: block;
          position: absolute;
          left: -45px;
          top: -5px;
          background: #faa322;
          border-radius: 50%;
          counter-increment: my-sec-counter;
          content: counter(my-sec-counter);
          text-align: center;
          padding: 8px 5px 5px;
          color: #fff;
          font-size: 14px
        }

      #page-edit-inner ol li ol.numlist li {
        padding: 0;
        background: 0 0;
        box-shadow: none;
        margin-bottom: 16px;
        list-style: decimal
      }

.notfound-text h1 {
  width: 100%;
  float: left;
  position: relative;
  font-size: 28px;
  font-weight: 700;
  text-transform: uppercase;
  color: #faa322;
  margin: 0 0 10px;
  padding: 0;
  text-align: center
}

#footer {
  width: 100%;
  float: left;
  position: relative;
  background: url(../../images/healthcare/footer-abstruct.png) center top/cover no-repeat #101d30
}

#footer-join-maincontain {
  width: 100%;
  float: left;
  position: relative;
  color: #fff;
  margin: 0 0 30px
}

.footer-join-col8 h3 {
  width: 100%;
  float: left;
  position: relative;
  margin: 5px 0 15px;
  padding: 0;
  font-size: 21px;
  font-weight: 600;
  text-transform: uppercase
}

.footer-join-col4 .join-smileindia-button {
  text-align: right
}

  .footer-join-col4 .join-smileindia-button a {
    display: inline-block;
    border: none;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 15px 18px;
    line-height: 1;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .1);
    background: #61bb49;
    box-shadow: 0 0 12px rgba(97, 187, 73, .4);
    border-radius: 4px;
    letter-spacing: .6px;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    transition: .5s
  }

#footer-widget-grid {
  width: 100%;
  float: left;
  position: relative;
  margin: 15px 0;
  color: #9ba0a7;
  font-size: 14px
}

.footer-widget-contain,
.footer-widget-copyright {
  width: 100%;
  float: left;
  position: relative;
  margin-bottom: 35px
}

  .footer-widget-contain h3.fot-wid-title {
    width: 100%;
    float: left;
    position: relative;
    margin: 0 0 25px;
    padding: 0 0 25px;
    font-size: 18px;
    color: #fff;
    font-weight: 600;
    text-transform: capitalize
  }

  .footer-widget-contain ul li {
    width: 100%;
    float: left;
    position: relative;
    margin: 0;
    padding: 6px 0
  }

#fh5co-home .gradient,
.mt .list-nav li i,
.mt h4 i {
  position: absolute;
  top: 0;
  left: 0
}

.footer-widget-contain ul li:first-child {
  padding-top: 0
}

.footer-widget-contain ul li a {
  color: #9ba0a7;
  text-decoration: none
}

.footer-widget-contain img {
  margin: 0 5px 10px 0
}

.footer-widget-copyright img {
  display: block;
  margin: 0 0 25px
}

.footer-widget-copyright a {
  color: #61bb49;
  text-decoration: underline
}

#footer-app-store {
  width: 100%;
  float: left;
  position: relative;
  text-align: center;
  padding: 15px 0;
  border-top: 1px solid #2d3d54
}

  #footer-app-store img {
    margin: 5px 5px 5px 0
  }

#fh5co-home {
  background-size: cover;
  background-attachment: fixed;
  position: relative;
  width: 100%;
  background-color: #9fa3a5;
  color: #fff
}

  #fh5co-home a {
    color: rgba(255, 255, 255, .8) !important;
    text-decoration: underline
  }

  #fh5co-home .gradient {
    bottom: 0;
    right: 0;
    z-index: 2;
    background: rgba(0, 0, 0, .3)
  }

  #fh5co-home,
  #fh5co-home .text-wrap {
    height: 900px
  }

    #fh5co-home .text-wrap {
      display: table;
      width: 100%;
      position: relative;
      z-index: 4
    }

    #fh5co-home .text-inner {
      display: table-cell;
      vertical-align: middle;
      text-align: center
    }

      #fh5co-home .text-inner h1 {
        font-size: 38px;
        text-transform: uppercase;
        color: #fff;
        margin: 0 0 20px;
        font-weight: 700
      }

      #fh5co-home .text-inner h2 {
        font-size: 20px;
        line-height: 30px;
        font-weight: 300;
        color: rgba(255, 255, 255, .8);
        margin: 0 0 60px
      }

      #fh5co-home .text-inner .call-to-action {
        display: block;
        width: 100%
      }

        #fh5co-home .text-inner .call-to-action a {
          width: 230px;
          display: inline-block;
          font-size: 20px;
          padding: 15px 0;
          -webkit-border-radius: 4px;
          -moz-border-radius: 4px;
          -ms-border-radius: 4px;
          border-radius: 4px;
          margin-right: 10px;
          -webkit-box-shadow: 0 3px 6px -1px rgba(0, 0, 0, .19);
          -moz-box-shadow: 0 3px 6px -1px rgba(0, 0, 0, .19);
          -ms-box-shadow: 0 3px 6px -1px rgba(0, 0, 0, .19);
          -o-box-shadow: 0 3px 6px -1px rgba(0, 0, 0, .19);
          box-shadow: 0 3px 6px -1px rgba(0, 0, 0, .19)
        }

          #fh5co-home .text-inner .call-to-action a.demo {
            border: 2px solid #fff;
            text-decoration: none !important
          }

            #fh5co-home .text-inner .call-to-action a.demo:hover {
              background: rgba(255, 255, 255, .2)
            }

          #fh5co-home .text-inner .call-to-action a.download {
            border: 2px solid #ff3b30;
            background: #ff3b30;
            text-decoration: none !important
          }

.fh5co-explore-bg-color {
  width: 100%;
  background: #f1f1f1;
  padding: 80px 0;
  margin-bottom: 0
}

.mt {
  margin-top: 80px;
  margin-bottom: 80px
}

  .mt h4 {
    position: relative;
    padding-left: 40px;
    font-size: 20px
  }

    .mt h4 i {
      color: #1fb5f6
    }

  .mt > div {
    margin-bottom: 40px
  }

  .mt .list-nav {
    margin: 50px 0 0;
    padding: 0
  }

    .mt .list-nav li {
      list-style: none;
      margin: 0 0 10px;
      padding: 0 0 0 30px;
      font-size: 16px;
      position: relative
    }

      .mt .list-nav li i {
        font-size: 18px;
        color: #1fb5f6
      }

#fh5co-testimony .wrap-testimony {
  position: relative;
  width: 100%
}

  #fh5co-testimony .wrap-testimony .testimony-slide span {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 700
  }

    #fh5co-testimony .wrap-testimony .testimony-slide span a.twitter {
      color: #1fb5f6;
      font-weight: 300
    }

  #fh5co-testimony .wrap-testimony .testimony-slide figure {
    margin-bottom: 20px;
    display: inline-block;
    zoom: 1
  }

    #fh5co-testimony .wrap-testimony .testimony-slide figure img {
      width: 90px;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      border-radius: 50%
    }

  #fh5co-testimony .wrap-testimony .testimony-slide blockquote {
    border: none;
    margin: 0 auto 30px;
    width: 72%;
    position: relative;
    padding-bottom: 30px
  }

    #fh5co-testimony .wrap-testimony .testimony-slide blockquote p {
      font-style: italic;
      color: #8f989f;
      font-size: 20px;
      line-height: 1.6em
    }

    #fh5co-testimony .wrap-testimony .testimony-slide blockquote:after {
      content: "";
      position: absolute;
      display: block;
      width: 50px;
      height: 2px;
      background: #1fb5f6;
      left: 50%;
      margin-left: -25px;
      bottom: 0
    }

  #fh5co-testimony .wrap-testimony .arrow-thumb {
    position: absolute;
    top: 40%;
    display: block;
    width: 100%
  }

    #fh5co-testimony .wrap-testimony .arrow-thumb a {
      font-size: 32px;
      color: #dadada
    }

      #fh5co-footer .social-links li a:hover,
      #fh5co-team .team-box p.view-all a:hover,
      #fh5co-testimony .wrap-testimony .arrow-thumb a:active,
      #fh5co-testimony .wrap-testimony .arrow-thumb a:focus,
      #fh5co-testimony .wrap-testimony .arrow-thumb a:hover {
        text-decoration: none
      }

.fh5co-pricing {
  padding: 2em 0;
  background: #cbcfd4;
  float: left;
  width: 100%
}

  .fh5co-pricing .pricing {
    display: block;
    float: left;
    margin-bottom: 30px
  }

  .fh5co-pricing .price-box {
    text-align: center;
    padding: 0;
    background: #fff;
    border: 5px solid #fff;
    position: relative;
    min-height: 437px;
    -webkit-box-shadow: 0 2px 10px -1px rgba(0, 0, 0, .19);
    -moz-box-shadow: 0 2px 10px -1px rgba(0, 0, 0, .19);
    -ms-box-shadow: 0 2px 10px -1px rgba(0, 0, 0, .19);
    -o-box-shadow: 0 2px 10px -1px rgba(0, 0, 0, .19);
    box-shadow: 0 2px 10px -1px rgba(0, 0, 0, .19)
  }

    .fh5co-nav-toggle.active i::after,
    .fh5co-nav-toggle.active i::before,
    .fh5co-pricing .price-box.popular .btn-select-plan {
      background: #ff3b30
    }

    .fh5co-pricing .price-box .btn-select-plan {
      padding: 10px 20px;
      background: #1fb5f6;
      color: #fff;
      -webkit-box-shadow: 0 3px 6px -1px rgba(0, 0, 0, .15);
      -moz-box-shadow: 0 3px 6px -1px rgba(0, 0, 0, .15);
      -ms-box-shadow: 0 3px 6px -1px rgba(0, 0, 0, .15);
      -o-box-shadow: 0 3px 6px -1px rgba(0, 0, 0, .15);
      box-shadow: 0 3px 6px -1px rgba(0, 0, 0, .15)
    }

  .fh5co-pricing .pricing-plan {
    margin: 16px 0;
    padding: 0;
    font-size: 22px;
    font-weight: 700;
    color: #000;
    letter-spacing: .4px
  }

  .fh5co-pricing p {
    margin: 0;
    font-size: 14px;
    color: #000;
    padding: 0 20px 20px;
    line-height: 1.9
  }

.section-heading h2,
.section-heading h4 {
  position: relative;
  padding-bottom: 0;
  display: block
}

.fh5co-pricing .pricing-plan.pricing-plan-offer {
  margin-bottom: 24px
}

.fh5co-pricing .pricing-plan span {
  display: block;
  margin-top: 10px;
  margin-bottom: 0;
  color: #d5d8db
}

.fh5co-pricing .price {
  font-size: 72px;
  color: #6d6d6d;
  line-height: 50px
}

  .fh5co-pricing .price .currency {
    font-size: 30px;
    top: -.9em;
    padding-right: 10px
  }

  .fh5co-pricing .price small {
    font-size: 13px;
    display: block;
    text-transform: uppercase;
    color: #888f94
  }

.fh5co-services .box-services {
  position: relative;
  margin-bottom: 70px
}

  .fh5co-services .box-services i {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 54px;
    color: #1fb5f6
  }

.fh5co-services .fh5co-post {
  padding-left: 75px
}

  .fh5co-services .fh5co-post h3 {
    font-size: 20px;
    margin-bottom: 15px
  }

.fh5co-services .call-to-action .btn-learn {
  padding: 12px 30px;
  background: #50c5f8;
  color: #fff
}

#fh5co-team .team-box {
  position: relative;
  padding: 40px 22px;
  background: #fff;
  float: left;
  width: 100%;
  min-height: 535px
}

  #fh5co-team .team-box p {
    text-align: left;
    font-size: 15px;
    color: #000
  }

    #fh5co-team .team-box p.view-all {
      color: #2196f3;
      position: absolute;
      bottom: 0;
      right: 22px
    }

      #fh5co-team .team-box p.view-all a {
        color: #2196f3;
        text-decoration: underline
      }

@media screen and (max-width:992px) {
  #fh5co-testimony .wrap-testimony .testimony-slide blockquote {
    width: 100%
  }

  #fh5co-team .team-box {
    margin-bottom: 110px
  }
}

#fh5co-team .team-box .user {
  width: auto;
  height: auto
}

  #fh5co-team .team-box .user img {
    width: 104px;
    height: 125px
  }

#fh5co-team .team-box h3 {
  margin: 25px 0 20px;
  font-weight: 700;
  font-size: 20px;
  line-height: 1.5
}

#fh5co-team .team-box .position {
  font-size: 16px;
  color: #8f989f;
  display: block;
  margin-bottom: 30px
}

#fh5co-team .team-box .social-media {
  margin: 0;
  padding: 0
}

  #fh5co-team .team-box .social-media li {
    display: inline-block;
    margin: 0;
    padding: 0;
    font-size: 15px;
    width: 100%;
    text-align: left;
    color: #000
  }

    #fh5co-team .team-box .social-media li i {
      color: #62bc46;
      padding: 2px 10px 10px 0;
      float: left;
      font-size: 18px
    }

    #fh5co-team .team-box .social-media li a {
      color: #333
    }

      #fh5co-team .team-box .social-media li a:active,
      #fh5co-team .team-box .social-media li a:focus,
      #fh5co-team .team-box .social-media li a:hover {
        text-decoration: none;
        color: #ff3b30
      }

.partner-logo {
  margin-bottom: 30px;
  float: left;
  width: 100%;
  vertical-align: middle;
  display: inline-block;
  zoom: 1
}

.section-heading {
  float: left;
  width: 100%;
  padding-bottom: 30px;
  margin-bottom: 0;
  clear: both
}

  .section-heading h2 {
    margin: 0;
    font-size: 32px;
    font-weight: 700;
    color: #333;
    line-height: 1.5
  }

  .section-heading h4 {
    margin: 0;
    font-size: 24px;
    font-weight: 600;
    color: #333;
    line-height: 1.5
  }

.greentxt {
  color: #62bc46
}

.social-links li a i {
  font-size: 18px
}

.fh5co-nav-toggle {
  cursor: pointer;
  text-decoration: none;
  position: absolute;
  top: 2px;
  right: 15px;
  z-index: 21;
  padding: 6px 0 0;
  margin: 0 auto;
  display: none;
  height: 44px;
  width: 25px;
  border-bottom: none !important
}

.social,
.social li {
  padding: 0;
  margin: 0
}

.fh5co-nav-toggle:active,
.fh5co-nav-toggle:focus,
.fh5co-nav-toggle:hover {
  outline: 0;
  border-bottom: none !important
}

.fh5co-nav-toggle i {
  position: relative;
  display: inline-block;
  zoom: 1;
  width: 25px;
  height: 3px;
  color: #535659;
  font: bold 35px Helvetica;
  text-transform: uppercase;
  text-indent: -55px;
  background: #535659;
  transition: .2s ease-out
}

.blank-box h5,
.breadcrumbs h1,
.inner-banner h2,
.inner-banner h3,
.or,
.result-found,
.table-responsive.plans_table .greentxt {
  font-weight: 700
}

.appointment-field-row select,
.sort-list select {
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px
}

.fh5co-nav-toggle i::after,
.fh5co-nav-toggle i::before {
  content: '';
  width: 25px;
  height: 3px;
  background: #535659;
  position: absolute;
  left: 0;
  -webkit-transition: .2s;
  -o-transition: .2s;
  transition: .2s
}

.fh5co-nav-toggle i::before {
  top: -7px
}

.fh5co-nav-toggle i::after {
  bottom: -7px
}

.fh5co-nav-toggle:hover i::before {
  top: -10px
}

.fh5co-nav-toggle:hover i::after {
  bottom: -10px
}

.fh5co-nav-toggle.active i::before {
  top: 0;
  -webkit-transform: rotateZ(45deg);
  -moz-transform: rotateZ(45deg);
  -ms-transform: rotateZ(45deg);
  -o-transform: rotateZ(45deg);
  transform: rotateZ(45deg)
}

.fh5co-nav-toggle.active i::after {
  bottom: 0;
  -webkit-transform: rotateZ(-45deg);
  -moz-transform: rotateZ(-45deg);
  -ms-transform: rotateZ(-45deg);
  -o-transform: rotateZ(-45deg);
  transform: rotateZ(-45deg)
}

.btn-paynow,
.btn_border,
.cd-top,
.membershipsteps,
.social,
.social li {
  display: inline-block
}

.btn {
  text-transform: uppercase;
  letter-spacing: 2px;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s
}

  .btn.btn-primary {
    background: #ff3b30;
    color: #fff;
    border: 2px solid transparent !important
  }

    .btn.btn-primary:active,
    .btn.btn-primary:focus,
    .btn.btn-primary:hover {
      box-shadow: none;
      background: #ff3b30
    }

  .btn:active,
  .btn:focus,
  .btn:hover {
    background: #4ca630;
    color: #fff;
    outline: 0 !important
  }

  .btn.btn-default:active,
  .btn.btn-default:focus,
  .btn.btn-default:hover {
    border-color: transparent
  }

.social {
  position: relative;
  width: 100%
}

  .social li {
    list-style: none
  }

.blank-box p,
.contact-page .grey-box .textfield {
  margin-bottom: 15px
}

.social li a {
  font-size: 16px;
  display: table;
  width: 40px;
  height: 40px;
  margin: 0 4px
}

  .social li a i {
    display: table-cell;
    vertical-align: middle
  }

  .social li a:active,
  .social li a:focus,
  .social li a:hover {
    text-decoration: none;
    border-bottom: none
  }

  .social li a.social-box,
  .social.social-box a {
    background: #ff3b30;
    color: #fff
  }

  .social li a.social-circle,
  .social.social-circle a {
    background: #ff3b30;
    color: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%
  }

  .social li a:hover {
    background: #393e46 !important
  }

#map {
  width: 100% !important;
  height: 500px;
  position: relative
}

.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
  opacity: 0;
  -webkit-backface-visibility: hidden;
  -webkit-transition: .3s ease-out;
  -moz-transition: .3s ease-out;
  -o-transition: .3s ease-out;
  transition: .3s ease-out
}

.mfp-with-zoom.mfp-ready.mfp-bg {
  opacity: .8
}

.js .single-animate,
.js .to-animate,
.js .to-animate-2,
.js .to-animate-3,
.mfp-with-zoom.mfp-removing .mfp-container,
.mfp-with-zoom.mfp-removing.mfp-bg {
  opacity: 0
}

@media screen and (max-width:480px) {
  .col-xxs-12 {
    float: none;
    width: 100%
  }
}

.row-bottom-padded-lg {
  padding-bottom: 7em
}

.row-bottom-padded-md {
  padding-bottom: 4em
}

.row-bottom-padded-sm {
  padding-bottom: 2em
}

@media screen and (max-width:768px) {
  #fh5co-home .text-inner .call-to-action a.demo {
    margin-bottom: 20px
  }

  .fh5co-nav-toggle {
    display: block
  }

  #map {
    height: 200px
  }

  .row-bottom-padded-lg,
  .row-bottom-padded-md,
  .row-bottom-padded-sm {
    padding-bottom: 2em
  }
}

.fh5co-animated {
  -webkit-animation-duration: .3s;
  animation-duration: .3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both
}

.owl-carousel .owl-controls .owl-dot span {
  background: #e6e6e6
}

  .owl-carousel .owl-controls .owl-dot span:focus,
  .owl-carousel .owl-controls .owl-dot span:hover,
  .owl-carousel .owl-controls .owl-dot:focus span,
  .owl-carousel .owl-controls .owl-dot:hover span {
    background: #ccc
  }

.owl-carousel .owl-controls .owl-dot.active span {
  background: 0 0;
  border: 2px solid #ff3b30
}

#fh5co-team {
  padding: 2em 0 3em;
  background: #f1f1f1;
  float: left;
  width: 100%
}

.breadcrumbs {
  background: url(../../images/healthcare/breadcrumbs_bg.jpg) center no-repeat;
  float: left;
  width: 100%
}

  .breadcrumbs h1 {
    font-size: 24px;
    padding: 30px 15px
  }

.inner-banner {
  background: url(../../images/healthcare/inner-banner.jpg) center no-repeat;
  float: left;
  width: 100%;
  min-height: 280px;
  padding-top: 100px
}

  .inner-banner h2 {
    color: #fff;
    text-align: center;
    font-size: 34px
  }

  .inner-banner h3 {
    color: #faa71a;
    text-align: center;
    font-size: 28px;
    padding-top: 20px
  }

.contact-page .grey-box label {
  width: auto;
  padding-right: 5px;
  font-weight: 600
}

.contact-page .topic-block {
  display: block;
  padding: 20px 0 0;
  float: left;
  width: 100%;
  color: #000;
  font-weight: 600
}

.contact-page .grey-box .enquiry.textfield {
  height: 180px
}

.contact-page .grey-box input.button-1.contact-us-button {
  background: #62bc46;
  color: #fff;
  font-size: 18px;
  letter-spacing: normal;
  padding: 7px 60px;
  text-transform: none;
  border-radius: 4px;
  width: auto;
  margin-bottom: 15px;
  border: none
}

.table-responsive.affordable_plans td:first-child,
.table-responsive.affordable_plans td:nth-child(2),
.table-responsive.affordable_plans th:first-child,
.table-responsive.affordable_plans th:nth-child(2),
.table-responsive.fee_comparison th:first-child,
.table-responsive.fee_comparison th:nth-child(2),
.table-responsive.fee_comparison th:nth-child(3),
.table-responsive.fee_comparison th:nth-child(4),
.table-responsive.fee_comparison.membership-steps td:nth-child(5),
.table-responsive.fee_comparison.membership-steps td:nth-child(6),
.table-responsive.fee_comparison.membership-steps th:nth-child(5) {
  text-align: center;
  border-right: 1px solid rgba(0, 0, 0, .1)
}

span.field-validation-error {
  font-size: 14px;
  color: #fff;
  position: relative
}

  span.field-validation-error > span {
    width: 100%;
    float: left;
    background: #d13236;
    line-height: 1;
    padding: 10px 15px;
    border-radius: 4px;
    text-transform: capitalize;
    top: -12px;
    position: relative
  }

.blank-box {
  float: left;
  width: 100%;
  margin-bottom: 30px;
  border: 1px solid #dadbdb;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  padding: 20px 20px 0;
  background: #fff;
  box-shadow: inset 0 0 10px #ededed
}

.btn-member,
.grey-box .btn-search {
  background: #62bc46;
  color: #fff;
  font-size: 18px;
  text-transform: none;
  border-radius: 4px;
  letter-spacing: normal
}

.blank-box h5 i {
  color: #62bc46;
  font-size: 18px;
  padding-right: 10px;
  padding-bottom: 10px;
  float: left
}

.blank-box h5 {
  font-size: 15px;
  color: #555
}

  .blank-box h5 i.icon-mobile-phone {
    font-size: 24px;
    padding: 0 12px 10px 4px
  }

  .blank-box h5 i.icon-map-marker {
    padding: 0 12px 10px 4px
  }

.blank-box p {
  font-size: 14px;
  color: #555;
  padding: 5px 0
}

  .blank-box p a {
    color: #555
  }

.grey-box .btn-search {
  padding: 7px 50px;
  float: left;
  width: 100%;
  margin-top: 27px
}

.btn-member {
  padding: 8px 70px;
  text-transform: uppercase
}

#Membreship_Card {
  width: 100%;
  float: left;
  position: relative;
  background: #fff
}

.card-table-main {
  border: 2px solid #faac2b;
  margin: 30px auto;
  width: 100%;
  max-width: 550px;
  border-radius: 15px;
  border-collapse: separate;
  overflow: hidden;
  clear: both;
  background: #fff;
  text-align: center
}

.required {
  color: red;
  font-size: 15px
}

.or {
  position: absolute;
  left: -10px;
  top: 37px;
  font-size: 14px;
  color: #000
}

.table-responsive.dentest_result_table th,
.table-responsive.plans_table td,
.table-responsive.plans_table th {
  border: none;
  font-size: 16px;
  border-bottom: 1px solid #e1e4e6
}

.odd,
.table-responsive.affordable_plans tr.odd:hover,
.table-responsive.fee_comparison tr,
.table-responsive.fee_comparison tr:hover,
.table-responsive.plans_table tr.odd:hover {
  background: #f1f1f1
}

.table-responsive.plans_table td:first-child,
.table-responsive.plans_table th:first-child {
  padding-left: 30px
}

.table-responsive.plans_table td.below-text {
  font-size: 13px
}

.table-responsive.plans_table.savings_plans th:first-child {
  width: 15%
}

.table-responsive.plans_table.savings_plans th:nth-child(2) {
  width: 32%
}

.affordable_plans th {
  background: #3c5566;
  color: #fff;
  font-size: 18px
}

.table-responsive.affordable_plans td,
.table-responsive.affordable_plans th {
  border: none;
  font-size: 18px;
  padding: 14px;
  font-weight: 600
}

  .table-responsive.affordable_plans td.processing_fee,
  .table-responsive.fee_comparison td.processing_fee {
    font-size: 16px;
    font-weight: 100
  }

.table-responsive.affordable_plans tr.green_row:hover,
.table-responsive.fee_comparison tr.green_row:hover {
  background: #62bc46
}

.compare-box {
  background: url("../../images/healthcare/compare-box.jpg") bottom left no-repeat;
  margin-bottom: 50px;
  -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, .2);
  -moz-box-shadow: 0 0 8px 0 rgba(0, 0, 0, .2);
  -ms-box-shadow: 0 0 8px 0 rgba(0, 0, 0, .2);
  -o-box-shadow: 0 0 8px 0 rgba(0, 0, 0, .2);
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, .2)
}

.compare-innertext {
  padding: 30px;
  min-height: 258px
}

  .compare-innertext h2 {
    font-size: 26px;
    font-weight: 700;
    padding-bottom: 10px
  }

  .compare-innertext p {
    font-size: 18px;
    color: #000;
    margin: 0;
    line-height: 32px
  }

#fh5co-explore.fee_comparison-explore {
  padding: 3em 0
}

  #fh5co-explore.fee_comparison-explore #fh5co-team {
    padding: 2em 0;
    margin-top: 30px
  }

.table-responsive.fee_comparison th {
  background: #3c5566;
  color: #fff;
  font-size: 14px;
  border: none;
  font-weight: 600;
  padding: 15px 10px
}

.table-responsive.fee_comparison td {
  border: none;
  font-size: 14px;
  padding: 15px 10px;
  font-weight: 400;
  color: #3c763d
}

  .table-responsive.fee_comparison td:first-child,
  .table-responsive.fee_comparison td:nth-child(2),
  .table-responsive.fee_comparison td:nth-child(3),
  .table-responsive.fee_comparison td:nth-child(4) {
    border-right: 1px solid rgba(0, 0, 0, .1);
    text-align: center;
    vertical-align: middle
  }

.green_row {
  background: #62bc46;
  color: #fff;
  border-bottom: 1px solid #fff
}

.table-hover > tbody > tr:hover {
  background-color: #f9f9f9
}

.proeven,
.table-responsive.fee_comparison tr.even,
.table-responsive.fee_comparison tr.even:hover {
  background: #fff
}

.result-found {
  background: #deffd4;
  width: 100%;
  float: left;
  color: #000;
  text-align: center;
  padding: 5px 0;
  font-size: 18px
}

.table-responsive.fee_comparison.membership-steps td:first-child {
  text-align: left;
  padding-left: 30px
}

.table-responsive.fee_comparison.membership-steps tr.even.green_row {
  background: #dff0d8;
  color: #fff;
  border-bottom: none
}

.orange_row {
  background: #ffd388;
  color: #3c5566 !important
}

.coupon-box .title {
  font-size: 16px;
  color: #555;
  font-weight: 600;
  padding-top: 20px;
  padding-bottom: 10px
}

.coupon-code input[type=text] {
  border: 1px solid #dadbdb;
  font-size: 14px;
  width: 60%;
  height: 40px;
  float: left;
  padding: 10px 15px;
  margin: 0 -1px 0 0
}

.coupon-code input[type=submit] {
  float: left;
  width: 40%;
  height: 40px;
  padding: 0;
  color: #fff;
  background: #3c5566;
  font-size: 14px;
  border: none
}

  .btn.btn-back:hover,
  .coupon-code input[type=submit]:hover {
    background: #2c4556
  }

.btn_border {
  border-top: 1px solid #c9c9c9;
  padding: 30px 0 0;
  width: 100%;
  margin-top: 40px
}

.btn-back {
  background: #3c5566;
  color: #fff;
  font-size: 16px;
  letter-spacing: normal;
  padding: 8px 45px;
  text-transform: none;
  border-radius: 4px;
  margin-bottom: 20px;
  margin-right: 15px
}

.btn-paynow,
.modal-title,
.profile-label {
  text-transform: uppercase
}

.paymentinfo-box {
  float: left;
  width: 100%;
  border: 1px solid #dadbdb;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  padding: 0;
  background: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, .1)
}

.paymentinfo-box-col6:first-child {
  border-right: 1px solid #f0f0f0
}

.membershipsteps {
  padding: 30px 0 0;
  width: 100%
}

.select-card {
  text-align: left;
  font-size: 14px;
  color: #000555;
  font-weight: 600;
  padding: 0 0 25px 15px
}

.card-number {
  position: relative
}

  .card-number img {
    position: absolute;
    top: 10px;
    right: 10px
  }

.paymentinfo-box .card-number .textfield {
  width: 100%;
  border: 1px solid #b8b8b8;
  border-radius: 4px;
  font-size: 14px;
  color: #838282;
  padding: 10px 15px;
  font-weight: 500;
  margin-bottom: 10px
}

.monthyear {
  width: 50%;
  border: 1px solid #b8b8b8;
  border-radius: 4px;
  float: left;
  background: #fff;
  height: 43px
}

.month,
.years {
  width: 46%;
  float: left
}

  .month .textfield,
  .years .textfield {
    border: none;
    margin: 0;
    width: 100%;
    border-radius: 0;
    font-size: 14px;
    color: #838282;
    padding: 10px 12px;
    font-weight: 500
  }

.slash {
  float: left;
  padding: 7px 0
}

.expiry-date {
  color: #6d6d6d;
  font-size: 14px;
  float: left;
  padding: 14px 10px
}

.cvv .textfield {
  width: 25%;
  float: right;
  margin: 0 0 10px;
  border: 1px solid #b8b8b8;
  border-radius: 4px;
  font-size: 14px;
  color: #838282;
  padding: 10px 12px;
  font-weight: 500
}

.cvv img {
  float: right;
  padding: 4px 0 4px 5px
}

.card-number.nameoncard .textfield {
  margin-bottom: 3px
}

.card-number p {
  margin: 0;
  padding: 0;
  text-align: left;
  font-size: 13px
}

.btn-paynow {
  width: auto;
  height: 45px;
  border: none;
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  padding: 0 15px;
  margin: 15px 0 10px;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .1);
  background: #61bb49;
  border-radius: 4px;
  box-shadow: 0 0 12px rgba(97, 187, 73, .4)
}

.btntext {
  float: left;
  width: 100%;
  text-align: left;
  font-size: 13px;
  color: #223244
}

  .btntext a {
    color: #2589ff
  }

.weaccept {
  float: left;
  width: 100%;
  padding: 20px 0
}

  .weaccept label {
    padding-bottom: 10px
  }

.paymentinfo-left {
  width: 100%;
  float: left;
  padding: 25px 15px;
  position: relative
}

.payment-field-row {
  width: 100%;
  float: left;
  position: relative;
  border: 1px solid #e3e3e3;
  border-top: none;
  padding: 8px 15px
}

  .payment-field-row:first-child {
    border-top: 1px solid #e3e3e3
  }

  .payment-field-row:nth-child(odd) {
    background: #f3f3f3
  }

.paymentinfo-right {
  width: 100%;
  float: left;
  padding: 25px 15px;
  text-align: center;
  position: relative
}

.name,
.text-label {
  color: #585858;
  padding: 0;
  float: left
}

.insurance,
.next-prev {
  text-align: right
}

.paymentinfo-right img {
  width: 100%;
  max-width: 420px;
  margin: 25px auto 0;
  clear: both
}

.cd-top {
  height: 30px;
  width: 30px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, .05);
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: url("../../images/healthcare/cd-top-arrow.svg") center 50% no-repeat rgba(193, 32, 101, .8);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s, visibility 0s .3s;
  -moz-transition: opacity .3s, visibility 0s .3s;
  transition: opacity .3s, visibility 0s .3s
}

  .cd-top.cd-fade-out,
  .cd-top.cd-is-visible,
  .no-touch .cd-top:hover {
    -webkit-transition: opacity .3s, visibility;
    -moz-transition: opacity .3s, visibility;
    transition: opacity .3s, visibility
  }

  .cd-top.cd-is-visible {
    visibility: visible;
    opacity: 1
  }

.no-touch .cd-top:hover {
  background-color: #c12065;
  opacity: 1
}

@media only screen and (min-width:768px) {
  .cd-top {
    right: 20px;
    bottom: 20px
  }
}

@media only screen and (min-width:1024px) {
  .cd-top {
    border-radius: 5px;
    height: 45px;
    width: 45px;
    right: 30px;
    bottom: 30px;
    z-index: 999999
  }
}

.mobile-show {
  display: none
}

.dentest_result_table th {
  background: #3c5566 !important;
  color: #fff !important;
  font-size: 18px !important
}

.modal-dialog {
  width: 100%;
  max-width: 500px;
  margin: 30px auto
}

.modal-header .close {
  font-size: 32px
}

.modal-title {
  font-size: 18px;
  font-weight: 600
}

.timing-table-main {
  width: 100%;
  display: table;
  table-layout: fixed;
  border: 1px solid #e4e4e4;
  border-bottom: none;
  font-size: 14px
}

.profile-label,
.verfiy-text,
.verify-badge {
  display: inline-block
}

.timing-table-main .timing-table-td-row {
  display: table-row-group
}

  .timing-table-main .timing-table-td-row .timing-table-td {
    display: table-cell;
    padding: 10px;
    background: #f1f1f1;
    border-left: 1px solid #e4e4e4
  }

    .timing-table-main .timing-table-td-row .timing-table-td:first-child {
      border-left: none
    }

.text-label {
  font-size: 14px;
  width: 30%;
  font-weight: 700
}

.name {
  font-size: 14px;
  width: 70%
}

.profile-rightbar {
  float: left;
  width: 100%;
  margin-bottom: 20px;
  border: 1px solid #dadbdb;
  border-radius: 0;
  box-shadow: 0 0 10px rgba(0, 0, 0, .1);
  background: #fff
}

.profile-col-2 .profile-photo,
.profile-img-avatar {
  height: 120px;
  box-shadow: 0 0 26px rgba(0, 0, 0, .1);
  clear: both
}

.profile-rightbar .full {
  padding: 15px;
  float: left;
  width: 100%
}

.proodd {
  background: #f2f2f2
}

.btn-submit.edit {
  margin: 15px
}

.profile-rightbar .add_member_title,
.profile-rightbar h6 {
  width: 100%;
  float: left;
  margin: 0;
  padding: 15px;
  border-bottom: 1px solid #dadbdb;
  font-size: 15px;
  font-weight: 700;
  color: #fff;
  background: #414d5b
}

.cancel-pack {
  border-top: 1px solid #dadbdb
}

.upgrade_pack {
  padding: 20px
}

.membership_card {
  border: 2px solid #faac2b;
  margin: 30px auto;
  width: 500px;
  border-radius: 15px
}

.card_logo {
  border-bottom: 2px solid #62bc46;
  width: 100%;
  float: left
}

  .card_logo img {
    text-align: center;
    width: 120px;
    margin: 0 auto;
    display: block;
    padding: 15px 0
  }

.membership_card .name {
  font-weight: 700;
  color: #898989
}

.card-detail {
  padding: 10px 25px 0;
  float: left;
  width: 100%;
  font-size: 14px
}

.membership_card .name span {
  padding-right: 15px
}

.insurance {
  width: 100%;
  float: left;
  font-size: 13px;
  padding: 10px 20px
}

.margin-space {
  margin-bottom: 25px
}

#appointment-main-contain {
  width: 100%;
  float: left;
  position: relative;
  background: #fff;
  border-radius: 4px;
  padding: 25px 0;
  box-shadow: 0 0 10px rgba(0, 0, 0, .04);
  margin-bottom: 30px;
  font-size: 14px;
  line-height: 1.4
}

.profile-info-main {
  width: 100%;
  float: left;
  position: relative;
  border-bottom: 1px solid #efefef
}

.profile-col-2 {
  width: 100%;
  -ms-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
  position: relative;
  padding: 0 15px;
  text-align: center
}

  .profile-col-2 .profile-photo {
    width: 120px;
    display: block;
    margin: 0 auto 20px;
    border-radius: 50%;
    overflow: hidden;
    border: 4px solid #fff;
    position: relative
  }

    .profile-col-2 .profile-photo > img {
      width: 120px;
      height: 120px;
      object-fit: cover
    }

.profile-label {
  background: #d13236;
  color: #fff;
  font-size: 11px;
  padding: 5px;
  line-height: 1;
  border-radius: 2px;
  position: relative;
  top: -40px
}

.profile-rating {
  width: 100%;
  float: left;
  position: relative;
  margin-top: -20px
}

.rating-star {
  width: 100%;
  float: left;
  position: relative;
  font-size: 16px;
  color: #adadad
}

  .rating-star span.checked-half::after {
    width: 10px;
    height: 20px;
    display: block;
    position: absolute;
    top: 0;
    content: '';
    background: #fff;
    margin-left: 8px
  }

  .rating-star p {
    color: #333;
    margin-top: 5px
  }

#appointment-date-detail > h3,
.profile-right-main h3 {
  font-weight: 700;
  color: #414d5b;
  text-transform: uppercase
}

.profile-col-10 {
  width: 100%;
  -ms-flex: 0 0 83.333333%;
  flex: 0 0 83.333333%;
  max-width: 83.333333%;
  position: relative;
  padding: 0 15px
}

.profile-right-main h3 {
  width: 100%;
  float: left;
  position: relative;
  font-size: 18px;
  margin: 0 0 15px;
  padding: 0 40px 0 0
}

.verify-badge {
  margin: 0 0 0 5px;
  position: relative;
  top: -2px
}

#appointment-date-detail,
.appointment-day-box-main {
  border-bottom: 1px solid #efefef;
  margin-bottom: 25px;
  float: left
}

.verfiy-text {
  font-size: 11px;
  font-weight: 600;
  background: #000;
  color: #fff;
  padding: 6px 8px;
  border-radius: 4px;
  line-height: 12px;
  position: absolute;
  top: 0;
  left: 20px;
  margin-left: 5px;
  opacity: 0;
  transition: .5s
}

  .verfiy-text::before {
    width: 15px;
    height: 15px;
    display: block;
    position: absolute;
    left: -6px;
    top: 7px;
    content: "\f0d9";
    font-family: FontAwesome;
    color: #000;
    font-size: 18px
  }

#appointment-date-detail {
  width: 100%;
  position: relative;
  padding: 30px 0 0
}

  #appointment-date-detail > h3,
  .appointment-day-box-main,
  .appointment-day-left,
  .appointment-time-list {
    padding: 0 15px;
    width: 100%;
    position: relative
  }

  #appointment-date-detail > h3 {
    float: left;
    font-size: 24px;
    margin: 0 0 35px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: center
  }

.appointment-day-left {
  -ms-flex: 0 0 58.33333333%;
  flex: 0 0 58.33333333%;
  max-width: 58.33333333%;
  text-align: center
}

.appointment-day-box-main .owl-carousel .owl-stage-outer {
  height: 60px
}

.appointment-time-label {
  width: 100%;
  float: left;
  text-align: center;
  text-transform: uppercase;
  color: #a0a0a0;
  font-size: 12px;
  font-weight: 500
}

  .appointment-time-label a {
    width: 100%;
    float: left;
    border: 2px solid #e6edf5;
    border-radius: 4px;
    padding: 8px 10px;
    color: #a0a0a0;
    text-decoration: none
  }

  .appointment-time-label h5 {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
    font-weight: 500;
    font-family: Roboto, sans-serif;
    font-size: 12px
  }

  .appointment-time-label p {
    margin: 0;
    font-size: 12px
  }

  .appointment-time-label a:focus,
  .appointment-time-label a:hover {
    color: #faa322;
    text-decoration: none;
    border-color: #faa322;
    transition: .5s
  }

  .appointment-time-label a.current {
    color: #fff;
    text-decoration: none;
    background: #faa322;
    border: 1px solid #faa322;
    box-shadow: 0 0 10px rgba(253, 167, 20, .5)
  }

.appointment-time-list {
  float: left;
  margin: 0 0 20px
}

  .appointment-time-list h5 {
    width: 100%;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    text-transform: capitalize;
    color: #414d5b;
    letter-spacing: .4px;
    margin: 0 0 15px;
    padding: 0
  }

.appointment-time-box-list {
  width: 100%;
  float: left;
  position: relative;
  padding: 0 10px
}

.appointment-time-box {
  width: 100%;
  max-width: 105px;
  font-size: 14px;
  display: inline-block;
  position: relative;
  padding: 0 5px;
  margin-bottom: 10px;
  text-align: center
}

  .appointment-time-box a {
    width: 100%;
    float: left;
    border: 2px solid #e6edf5;
    border-radius: 4px;
    padding: 12px 10px;
    color: #61bb49;
    text-decoration: none
  }

    .appointment-time-box a:not([href]):not([tabindex]) {
      color: #a0a0a0;
      cursor: not-allowed
    }

    .appointment-time-box a.current-time {
      color: #61bb49;
      text-decoration: none
    }

      .appointment-time-box a.current-time:hover {
        color: #61bb49;
        text-decoration: none;
        border-color: #61bb49;
        transition: .5s
      }

      .appointment-time-box a.current-time.time-highlight {
        background: #61bb49;
        border-color: #61bb49;
        color: #fff;
        box-shadow: 0 0 8px rgba(97, 187, 73, .4)
      }

  .appointment-time-box.expire-time a {
    color: #a0a0a0;
    cursor: auto;
    pointer-events: none
  }

#appointment-booking-form,
.timing-main-contain .timing-field-row {
  width: 100%;
  float: left;
  position: relative;
  padding: 0 15px
}

.appointment-field-row input[disabled] {
  cursor: no-drop;
  opacity: .5
}

.appointment-field-row select {
  width: 100%;
  float: left;
  height: 45px;
  padding: 0 10px;
  border-radius: 4px;
  border: 2px solid #e6edf5;
  background: url("../../images/healthcare/icon-select.png") 97% 50% no-repeat #fff;
  font-size: 14px;
  margin-bottom: 15px;
  text-overflow: '';
  color: #8e8e8e
}

.appointment-status-col-4 h4,
.appointment-status-col-5 .appointment-date,
.appointment-status-col-5 .appointment-reason,
.review-list-col6 h3 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.appointment-field-row select::-ms-expand {
  display: none
}

.appointment-field-submit {
  width: 100%;
  float: left;
  position: relative;
  margin-top: 25px
}

  .appointment-field-submit button[type=submit],
  .appointment-field-submit input[type=button],
  .appointment-field-submit input[type=submit] {
    width: auto;
    height: 50px;
    float: left;
    border: none;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 0 20px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .1);
    background: #61bb49;
    border-radius: 4px;
    box-shadow: 0 0 12px rgba(97, 187, 73, .4)
  }

.panel-tab-content h3.panel-tab-title,
.profile-right-title h2 {
  font-weight: 700;
  float: left;
  width: 100%;
  position: relative;
  text-transform: uppercase
}

.appointment-field-submit button[type=submit] svg {
  width: 18px;
  height: 18px;
  fill: #fff;
  display: inline-block;
  position: relative;
  top: 0;
  margin-right: 5px
}

.profile-right-title h2 {
  border-bottom: 1px solid #e6edf5;
  margin: 0;
  padding: 0 15px 25px;
  font-size: 21px;
  color: #414d5b
}

#profile-status-rightmain .nav-tabs {
  border-bottom: none
}

  #profile-status-rightmain .nav-tabs > li {
    float: left;
    margin: 0 8px 0 0
  }

    #profile-status-rightmain .nav-tabs > li > a {
      color: #fff;
      text-decoration: none;
      border-radius: 0;
      padding: 0;
      border: none;
      background: 0 0;
      opacity: .6;
      transition: .3s
    }

      #profile-status-rightmain .nav-tabs > li > a[class=""] {
        opacity: .6
      }

#profile-status-rightmain button {
  width: 100%;
  color: #fff;
  border: 0;
  background: #414d5b;
  box-shadow: 0 4px 12px rgba(55, 55, 55, .2);
  font-size: 15px;
  letter-spacing: .5px;
  font-weight: 500;
  text-transform: uppercase;
  padding: 10px 15px;
  border-radius: 4px;
  text-align: center;
  line-height: 26px;
  text-shadow: 0 4px 12px rgba(0, 0, 0, .1)
}

  #profile-status-rightmain button img {
    margin: -1px 0 0 4px;
    display: inline-block
  }

  #profile-status-rightmain button.pending-button {
    background: #faa322;
    box-shadow: 0 4px 12px rgba(253, 167, 20, .4)
  }

  #profile-status-rightmain button.confirm-button,
  .appointment-status-pagination .pagination a.active {
    background: #61bb49;
    box-shadow: 0 4px 12px rgba(97, 187, 73, .4)
  }

  #profile-status-rightmain button.cancel-button {
    background: #d13236;
    box-shadow: 0 4px 12px rgba(220, 53, 69, .4)
  }

  #profile-status-rightmain button.complete-button {
    background: #0078ff;
    box-shadow: 0 4px 12px rgba(0, 120, 255, .4)
  }

#profile-status-rightmain .nav-tabs > li > a.active,
#profile-status-rightmain .nav-tabs > li > a.active:focus,
#profile-status-rightmain .nav-tabs > li > a.active:hover,
#profile-status-rightmain .nav-tabs > li > a:focus,
#profile-status-rightmain .nav-tabs > li > a:hover {
  color: #fff;
  text-decoration: none;
  border: none;
  opacity: 1
}

.panel-tab-content {
  width: 100%;
  float: left;
  position: relative;
  padding: 35px 0 0
}

  .panel-tab-content h3.panel-tab-title {
    margin: 0 0 15px;
    font-size: 16px;
    padding: 0
  }

#complete-tab .panel-tab-content h3.panel-tab-title {
  color: #0078ff
}

#cancel-tab .panel-tab-content h3.panel-tab-title {
  color: #d13236
}

.appointment-status-list ul li {
  width: 100%;
  float: left;
  position: relative;
  transition: .3s
}

.appointment-status-contain {
  width: 100%;
  float: left;
  position: relative;
  font-size: 14px;
  border-top: 1px solid #efefef
}

.appointment-status-list ul li:hover .appointment-status-contain {
  border-radius: 4px;
  background: #fff;
  box-shadow: 0 4px 12px rgba(195, 195, 195, .4)
}

#cancel-tab .appointment-status-contain,
nav.paginate-pagination ul > li > a.page.page-next.deactive,
nav.paginate-pagination ul > li > a.page.page-prev.deactive {
  cursor: not-allowed
}

.appointment-status-contain .custom-row {
  margin-left: 0;
  margin-right: 0
}

.appointment-status-col-3 .appointment-status-button {
  width: 100%;
  float: left;
  text-align: right;
  padding: 15px 0
}

#profile-status-rightmain .appointment-status-col-3 .appointment-status-button button {
  width: 40px;
  height: 40px;
  padding: 5px;
  border-radius: 50%;
  text-align: center
}

.appointment-status-col-4 h4 {
  width: 100%;
  float: left;
  position: relative;
  font-size: 14px;
  line-height: 1.2;
  font-weight: 600;
  margin: 0;
  padding: 25px 0 15px
}

.appointment-status-col-5 {
  width: 100%;
  -ms-flex: 0 0 41.666667%;
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
  padding: 15px;
  position: relative
}

  .appointment-status-col-5 .appointment-date {
    width: 100%;
    float: left;
    position: relative;
    margin: 0;
    text-transform: uppercase
  }

  .appointment-status-col-5 .appointment-reason {
    width: 100%;
    float: left;
    position: relative;
    text-transform: uppercase;
    color: #d13236
  }

.appointment-status-pagination {
  width: 100%;
  float: left;
  position: relative;
  margin-top: 20px
}

  .appointment-status-pagination .pagination {
    display: inline-block;
    margin: 20px 0 0
  }

    .appointment-status-pagination .pagination a {
      color: #414d5b;
      float: left;
      padding: 8px 16px;
      margin-right: 5px;
      border-radius: 2px;
      text-decoration: none;
      transition: background-color .3s
    }

      .appointment-status-pagination .pagination a.active {
        color: #fff
      }

      .appointment-status-pagination .pagination a:hover:not(.active) {
        color: #fff;
        background: #faa322;
        box-shadow: 0 4px 12px rgba(253, 167, 20, .4)
      }

nav.paginate-pagination {
  width: 100%;
  float: left;
  margin: 25px 0 0
}

  nav.paginate-pagination ul > li {
    width: auto;
    display: inline-block;
    position: relative;
    margin: 0;
    padding: 0 3px
  }

    nav.paginate-pagination ul > li:first-child {
      padding-left: 0
    }

    nav.paginate-pagination ul > li > a.page {
      width: auto;
      height: auto;
      line-height: 1;
      color: #414d5b;
      text-decoration: none;
      padding: 12px 20px;
      background-color: transparent;
      border: none;
      border-radius: 2px;
      text-transform: uppercase
    }

      nav.paginate-pagination ul > li > a.page.active:hover,
      nav.paginate-pagination ul > li > a.page:hover {
        color: #fff;
        background: #faa322;
        box-shadow: 0 0 12px rgba(253, 167, 20, .2)
      }

      nav.paginate-pagination ul > li > a.page.page-next,
      nav.paginate-pagination ul > li > a.page.page-prev {
        color: #fff;
        background: #414d5b;
        box-shadow: 0 0 12px rgba(95, 95, 95, .2)
      }

      nav.paginate-pagination ul > li > a.page.active {
        color: #fff;
        background: #61bb49;
        box-shadow: 0 0 12px rgba(97, 187, 73, .4);
        opacity: 1
      }

.appointment-empty {
  position: relative;
  color: #856404;
  background-color: #fff3cd;
  border: 1px solid #ffeeba;
  padding: .75rem 1.25rem;
  border-radius: .25rem;
  font-size: 14px
}

.profile-detail-top,
.right-section-title {
  border-bottom: 1px solid #efefef;
  float: left
}

#review-list-main {
  width: 100%;
  float: left;
  position: relative;
  margin: 45px 0;
  background: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, .1);
  border-radius: 4px;
  padding: 25px 0
}

.right-section-title {
  width: 100%;
  position: relative;
  margin: 0 0 25px;
  padding: 0 15px 15px;
  font-size: 21px;
  text-transform: uppercase;
  font-weight: 700
}

.profile-detail-col3,
.profile-detail-top {
  width: 100%;
  padding: 0 15px;
  position: relative
}

.profile-detail-top {
  font-size: 14px
}

.profile-detail-col3 {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
  text-align: center
}

.profile-img-avatar {
  width: 120px;
  display: block;
  margin: 0 auto;
  border-radius: 50%;
  overflow: hidden;
  border: 4px solid #fff;
  position: relative
}

  .profile-img-avatar img {
    width: 130px;
    height: 130px;
    object-fit: cover
  }

.profile-type-label {
  display: inline-block;
  background: #d13236;
  padding: 6px 10px;
  color: #fff;
  border-radius: 3px;
  line-height: 1;
  font-size: 11px;
  text-transform: uppercase;
  font-weight: 500;
  position: relative;
  top: -20px;
  z-index: 9
}

.profile-star {
  width: 100%;
  float: left;
  position: relative;
  margin: 0 0 5px
}

  .profile-star img {
    display: inline-block;
    margin: 0 3px 0 0
  }

.review-list-col6 h3,
.sort-list {
  width: 100%;
  float: left;
  position: relative;
  margin: 0 0 15px
}

.profile-detail-col9 {
  width: 100%;
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
  position: relative;
  padding: 0 15px
}

.review-list-title {
  width: 100%;
  float: left;
  position: relative;
  padding: 25px 15px 15px
}

.review-list-col6 h3 {
  padding: 0 0 20px;
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase
}

  .review-list-col6 h3::after {
    width: 45px;
    height: 6px;
    display: block;
    position: absolute;
    left: 0;
    top: auto;
    bottom: 0;
    content: '';
    background: #faa322;
    border-radius: 4px;
    box-shadow: 0 6px 6px rgba(253, 167, 20, .2)
  }

.sort-list {
  text-align: right;
  font-size: 14px
}

  .sort-list select {
    height: 40px;
    display: inline-block;
    border: 1px solid #f3f3f3;
    background: url("../../images/healthcare/icon-select.png") 100% 12px no-repeat #fff;
    box-shadow: 0 4px 4px rgba(0, 0, 0, .1);
    padding: 8px 28px 8px 10px;
    border-radius: 4px;
    margin: 0 0 0 10px;
    text-overflow: ''
  }

.comment-img-avatar p,
.review-comment-contain {
  width: 100%;
  float: left;
  position: relative;
  margin: 0
}

.comment-img-avatar p,
.comment-right-text h4 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.sort-list select::-ms-expand {
  display: none
}

.review-comment-contain {
  padding: 25px 15px 25px 110px;
  border-top: 1px solid #efefef;
  min-height: 140px
}

.comment-img-avatar {
  width: 75px;
  float: left;
  position: absolute;
  left: 15px;
  top: 25px;
  text-align: center
}

  .comment-img-avatar img {
    width: 75px;
    height: 75px;
    object-fit: cover;
    border-radius: 50%;
    display: block;
    margin: 0 auto 10px
  }

.comment-date,
.comment-right-text h4 {
  margin: 0 0 5px;
  width: 100%;
  position: relative;
  float: left
}

.comment-right-text h4 {
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  padding: 0
}

.comment-date {
  color: #61bb49
}

#registration-main-inner {
  width: 100%;
  float: left;
  position: relative;
  margin: 65px 0
}

.registration-col-8 {
  width: 100%;
  -ms-flex: 0 0 66.666667%;
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
  position: relative;
  padding: 45px 15px 0 45px;
  background: url("../../images/healthcare/left-green-edge.png") left top no-repeat
}

.registration-left-white-bg {
  width: 100%;
  float: left;
  position: relative;
  background: #fff;
  box-shadow: 0 0 12px rgba(0, 0, 0, .05);
  padding: 35px 25px 25px
}

  .registration-left-white-bg h2 {
    width: 100%;
    float: left;
    position: relative;
    color: #414d5b;
    font-weight: 700;
    font-size: 34px;
    margin: 0 0 35px;
    padding: 0 0 25px
  }

.registration-right-img {
  width: 100%;
  float: left;
  position: relative;
  padding: 0 40px 0 0
}

  .registration-right-img::before {
    width: 90%;
    height: 100%;
    display: block;
    position: absolute;
    right: 0;
    top: 45px;
    content: '';
    background: #faa322
  }

.time-checkbox .checkmark,
.time-checkbox .checkmark::after,
.time-checkbox input {
  height: 34px;
  width: 34px;
  position: absolute
}

.registration-right-img img {
  width: 100%;
  position: relative;
  z-index: 1
}

.registration-form-12 {
  width: 100%;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
  position: relative;
  padding: 0 15px
}

.timing-main-contain .timing-title {
  width: 100%;
  float: left;
  position: relative;
  margin: 10px 0 15px;
  font-weight: 500;
  font-size: 14px
}

.timing-main-contain .timing-field-col-2 {
  width: 100%;
  -ms-flex: 0 0 22%;
  flex: 0 0 22%;
  max-width: 22%;
  position: relative;
  padding: 0 10px
}

.timing-main-contain .timing-field-col-1 {
  width: 100%;
  -ms-flex: 0 0 10%;
  flex: 0 0 10%;
  max-width: 10%;
  position: relative;
  padding: 0 10px
}

.timing-shift-title {
  width: 100%;
  float: left;
  position: relative;
  margin: 10px 0 15px
}

  .timing-shift-title span {
    font-weight: 600
  }

.timing-shift-title-col-left {
  width: 100%;
  -ms-flex: 0 0 45%;
  flex: 0 0 45%;
  max-width: 45%;
  position: relative;
  padding: 0 15px
}

.timing-shift-title-col-right {
  width: 100%;
  -ms-flex: 0 0 55%;
  flex: 0 0 55%;
  max-width: 55%;
  position: relative;
  padding: 0 15px
}

  .timing-shift-title-col-right a {
    float: right
  }

.timing-mobile-title {
  width: 100%;
  float: left;
  position: relative;
  display: none
}

.time-checkbox input {
  right: 0;
  top: 8px;
  opacity: 0;
  z-index: 1;
  cursor: pointer
}

.time-checkbox .checkmark {
  right: 0;
  top: 0
}

  .time-checkbox .checkmark::after {
    border: 2px solid #e6edf5;
    right: 0;
    top: 8px;
    background: 0 0;
    border-radius: 4px;
    content: ''
  }

.time-checkbox input:checked ~ .checkmark::before {
  width: 14px;
  height: 14px;
  display: block;
  position: absolute;
  right: 10px;
  top: 15px;
  content: "\f00c";
  font-family: FontAwesome;
  color: #61bb49;
  text-align: center;
  font-size: 14px
}

.popover {
  border: none;
  box-shadow: 0 0 12px rgba(0, 0, 0, .1);
  font-family: Roboto, sans-serif
}

  .popover .popover-title {
    padding: 5px
  }

    .popover .popover-title .clockpicker-span-hours.text-primary {
      color: #61bb49 !important
    }

  .popover button.clockpicker-button {
    background: #faa322;
    color: #fff;
    letter-spacing: .5px;
    font-weight: 600;
    padding: 10px
  }

@media (min-width:1600px) {
  #home-download-app-contain::after {
    -webkit-transform: skewX(15deg);
    -moz-transform: skewX(15deg);
    -ms-transform: skewX(15deg);
    -o-transform: skewX(15deg);
    transform: skewX(15deg)
  }
}

@media (min-width:992px) {

  #header-nav-mobile,
  #header-right-side button.navbar-toggler {
    display: none
  }
}

@media (max-width:1200px) {
  .slider-left-caption h1 {
    font-size: 30px
  }

    .slider-left-caption h1 span {
      font-size: 24px
    }

  .slider-left-caption h2 {
    font-size: 26px
  }

  .download-app-right {
    top: -46%
  }

  .why-smileindia-box {
    min-height: 410px
  }
}

@media (max-width:1080px) {
  .download-app-right {
    width: 135%;
    right: -5%
  }
}

@media (max-width:991px) {

  #main-logo,
  .top-search-col4 {
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    max-width: 30%
  }

  #header-right-side {
    -ms-flex: 0 0 70%;
    flex: 0 0 70%;
    max-width: 70%
  }

  #header-nav,
  #header-nav-mobile > ul > li.mobile-nav-highlight,
  #home-download-app-contain::after,
  .download-app-right,
  span.mobile-hide1 {
    display: none
  }

  #header-right-side button.navbar-toggler {
    margin-left: 10px
  }

  #header-nav-mobile {
    width: 100%;
    float: left;
    background: #414d5b;
    height: 0;
    overflow: hidden
  }

    #header-nav-mobile > ul > li {
      width: 100%;
      float: left;
      position: relative;
      padding: 0;
      margin: 0
    }

      #header-nav-mobile > ul > li > a {
        width: 100%;
        float: left;
        color: #fff;
        text-decoration: none;
        padding: 10px 15px;
        border-top: 1px solid #313d4b
      }

        #header-nav-mobile > ul > li.mobile-nav-highlight > a,
        #header-nav-mobile > ul > li > a.active,
        #header-nav-mobile > ul > li > a:hover {
          color: #fff;
          text-decoration: none;
          background: #61bb49
        }

      #header-nav-mobile > ul > li:nth-child(2) > a {
        border-top: none
      }

    #header-nav-mobile.collapse.show {
      height: auto
    }

  #homepage-banner-contain #homepage-banner-caption {
    top: 30%
  }

  #home-registration-contain {
    padding: 0
  }

    #home-registration-contain .home-registration-grid .home-register-col3 {
      -ms-flex: 0 0 33.333%;
      flex: 0 0 33.333%;
      max-width: 33.333%
    }

      #home-registration-contain .home-registration-grid .home-register-col3:nth-child(odd) {
        margin-bottom: 15px
      }

      #home-registration-contain .home-registration-grid .home-register-col3:nth-child(2n) {
        margin-top: 0;
        margin-bottom: 0
      }

  #home-welcome-contain {
    padding: 10px 0
  }

  #why-smileindia-maincontain {
    padding-bottom: 0
  }

  #home-welcome-contain .home-welcome-col6,
  .appointment-day-left,
  .contact-left-col-4,
  .contact-left-col-8,
  .home-download-app-col6,
  .paymentinfo-box-col6,
  .profile-edit-col3,
  .profile-edit-col9 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
  }

    #home-welcome-contain .home-welcome-col6 .paragraph-text,
    #home-welcome-contain .home-welcome-col6 .section-title-contain,
    .home-app-download-icon,
    .home-download-text,
    .paymentinfo-left,
    .paymentinfo-left .btntext {
      text-align: center
    }

      #home-welcome-contain .home-welcome-col6 .section-title-contain h2::after,
      .heading-white-section h2::after {
        right: 0;
        margin: 0 auto
      }

  #home-download-app-contain {
    padding: 65px 0;
    margin-bottom: 65px
  }

  .addmember-col-1,
  .addmember-col-2,
  .addmember-col-3,
  .why-smileindia-col3 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
  }

  .why-smileindia-box {
    min-height: 300px
  }

  .top-search-col2 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
  }

  .profile-leftbar ul li {
    width: auto;
    padding: 0 5px
  }

    .profile-leftbar ul li:first-child {
      padding-left: 0
    }

  #Member_Div .close_button {
    left: 15px;
    margin: 0
  }

  .profile-col-2 .profile-photo,
  .profile-col-2 .profile-photo > img {
    width: 90px;
    height: 90px
  }

  .registration-col-8 {
    padding: 15px 15px 0
  }

  .registration-right-img {
    padding: 0 15px 0 0
  }

    .registration-right-img::before {
      top: 15px
    }
}

@media (max-width:880px) {
  .doctors-profile-col2 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
  }

  .doctors-profile-box > .custom-row > .doctors-profile-col7 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%
  }

  .doctors-profile-box > .custom-row > .doctors-profile-col3 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%
  }

  .profile-right-main .profile-text {
    padding-left: 30px
  }
}

@media (max-width:790px) {
  .appointment-field-col-4 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
  }
}

@media (max-width:767px) {
  #homepage-banner-contain #homepage-banner-caption {
    top: 15%
  }

  #homepage-banner-contain .home-banner-text h4 {
    font-size: 21px
  }

  #homepage-banner-contain .home-banner-text h1 {
    font-size: 32px
  }

  #homepage-banner-contain .home-banner-text p {
    font-size: 17px
  }

  .slider-zipcode-main button[type=button],
  .slider-zipcode-main button[type=submit] {
    height: 45px
  }

  .slider-zipcode-main {
    padding: 0
  }

    .slider-zipcode-main .slider-search-col2,
    .slider-zipcode-main .slider-search-col3,
    .slider-zipcode-main .slider-search-col4 {
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%;
      padding-top: 15px;
      padding-bottom: 5px
    }

    .slider-zipcode-main .border-left {
      border-left: none !important
    }

  #registration-main-inner .registration-col-8,
  .business-hours-col6,
  .doctors-profile-box .doctors-profile-col5,
  .doctors-profile-box > .custom-row > .doctors-profile-col3,
  .doctors-profile-box > .custom-row > .doctors-profile-col7,
  .doctors-profile-box > .custom-row > .doctors-profile-col7 .doctors-profile-col7,
  .footer-join-col4,
  .footer-join-col8,
  .home-member-col6,
  .profile-col-10,
  .profile-col-2,
  .profile-detail-col3,
  .profile-detail-col9,
  .team-box-4,
  .top-search-col2 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
  }

    .home-member-col6 img {
      display: block;
      margin: 0 auto
    }

  #home-registration-contain .home-registration-grid .home-register-col3,
  .footer-widget-3 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
  }

  #doctorcount h4,
  .footer-join-col4 .join-smileindia-button,
  .footer-join-col8 h3,
  .other-details,
  .pagination-main ul.pagination,
  .profile-details,
  .profile-right-main h3 {
    text-align: center
  }

  .team-box-contain {
    min-height: auto;
    padding-bottom: 45px
  }

  .top-search-col3,
  .top-search-col4 {
    -ms-flex: 0 0 33.3333%;
    flex: 0 0 33.3333%;
    max-width: 33.3333%
  }

  .top-search-box input[type=text],
  .top-search-box select {
    margin-bottom: 15px
  }

  .top-search-box button[type=submit] {
    padding: 0 25px
  }

  .map-box {
    max-width: 280px;
    float: none;
    margin: 25px auto;
    clear: both
  }

  .experience,
  .profile-text,
  .see-all-timings,
  .timings {
    padding-left: 0
  }

    .profile-text svg {
      top: 4px;
      margin-right: 5px
    }

  .other-details i.icon {
    position: relative;
    margin-right: 3px
  }

  .profile-right-main {
    padding: 0 15px;
    text-align: center
  }

  .profile-text img,
  .profile-text svg {
    position: relative
  }

  .verfiy-text::before {
    left: -8px
  }

  .profile-img-contain {
    margin: 0 0 25px
  }

  #registration-main-inner .registration-col-4 {
    display: none
  }

  .footer-widget-copyright p {
    margin-bottom: 5px
  }
}

@media (max-width:640px) {
  #top-search-heading h1 {
    font-size: 36px
  }

  .addmember-col-1,
  .addmember-col-2,
  .addmember-col-3,
  .form-field-col4,
  .form-field-col6 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
  }

  #Member_Div .close_button {
    left: auto;
    right: 15px
  }

  .addmember-col-2.relationship-field {
    padding-right: 60px
  }

  .member_rows {
    width: 100%;
    float: left;
    position: relative;
    margin-top: 25px;
    border-bottom: 1px solid #efefef;
    padding-bottom: 15px
  }

  span.k-widget.k-datepicker.k-header.textfield.Dateofbirth {
    margin-bottom: 15px
  }

  .slider-search-col2,
  .slider-search-col3,
  .slider-search-col4 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    border-left: none;
    border-top: 1px solid #f1f1f1
  }

    .slider-search-col3.border-left:first-child,
    .slider-search-col4 {
      border-top: none
    }

  .why-smileindia-box {
    min-height: 360px
  }
}

@media (max-width:740px) {
  #main-logo {
    position: relative;
    z-index: 9
  }

  #header-right-info {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
  }

  #main-logo img {
    max-width: 130px
  }

  #header-right-side #header-right-button .header-user-button,
  #homepage-banner-contain .home-banner-img,
  .header-user-dropdown {
    display: none
  }

  #header-nav-mobile > ul > li.mobile-nav-highlight {
    display: block
  }

    #header-nav-mobile > ul > li.mobile-nav-highlight img {
      width: 32px;
      height: 32px;
      object-fit: cover;
      border-radius: 50%;
      margin: 0 5px 0 0
    }

    #header-nav-mobile > ul > li.mobile-nav-highlight > a.dropdown-toggle::after {
      position: absolute;
      right: 15px;
      top: 20px
    }

    #header-nav-mobile > ul > li.mobile-nav-highlight .dropdown-menu {
      width: 100%;
      transform: translate3d(0, 0, 0) !important;
      border: none;
      padding: 0;
      box-shadow: none;
      border-radius: 0;
      position: relative !important;
      background: #313d4b
    }

      #header-nav-mobile > ul > li.mobile-nav-highlight .dropdown-menu ul li {
        width: 100%;
        position: relative;
        margin: 0;
        padding: 0
      }

        #header-nav-mobile > ul > li.mobile-nav-highlight .dropdown-menu ul li a {
          width: 100%;
          float: left;
          color: #fff;
          text-decoration: none;
          position: relative;
          margin: 0;
          padding: 10px;
          border-top: 1px solid rgba(255, 255, 255, .2)
        }

          #header-nav-mobile > ul > li.mobile-nav-highlight .dropdown-menu ul li a:hover {
            color: #fff;
            text-decoration: none;
            background: #faa322
          }

        #header-nav-mobile > ul > li.mobile-nav-highlight .dropdown-menu ul li:first-child a {
          border-top: none
        }

  #homepage-banner-contain #homepage-banner-caption {
    position: relative;
    padding-top: 45px
  }

  .slider-zipcode-main {
    padding-bottom: 5px
  }

    .appointment-status-col-3,
    .appointment-status-col-4,
    .appointment-status-col-5,
    .slider-zipcode-main .slider-search-col2,
    .slider-zipcode-main .slider-search-col3,
    .slider-zipcode-main .slider-search-col4,
    .top-search-col3,
    .top-search-col4,
    .why-smileindia-col3 {
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%
    }

      .slider-zipcode-main .slider-search-col3:first-child {
        border-top: none;
        border-bottom: 1px solid #f1f1f1
      }

    #profile-status-rightmain button,
    .slider-zipcode-main h4,
    .slider-zipcode-main input[type=text],
    .slider-zipcode-main select {
      font-size: 14px
    }

  .why-smileindia-box {
    min-height: auto
  }

  #top-search-heading h3 {
    font-size: 18px
  }

  #top-search-heading h1 {
    font-size: 28px
  }

  .top-search-box {
    padding: 25px 15px
  }

  .profile-leftbar ul li {
    width: 100%;
    padding: 0
  }

  #profile-status-rightmain .nav-tabs > li {
    width: 100%;
    margin-bottom: 15px
  }

  .appointment-status-col-3 .appointment-status-button,
  .appointment-status-col-4 h4,
  .appointment-status-col-5 .appointment-date,
  .appointment-status-col-5 .appointment-reason {
    text-align: center
  }

  .appointment-status-col-4 h4 {
    padding: 15px 0 0
  }
}

@media (max-width:480px) {

  .map-box,
  .map-box img {
    height: 160px
  }

  .other-details i.icon,
  .profile-text svg {
    position: absolute;
    margin-right: 0
  }

  #main-logo img {
    max-width: 110px
  }

  #header-right-side #header-right-button .get-app-button a {
    padding: 12px 10px
  }

  #header-right-side button.navbar-toggler {
    margin-left: 5px
  }

  .search-map-text {
    margin-top: 5px
  }

  #doctorcount h4,
  .other-details,
  .profile-details {
    text-align: left
  }

  .profile-text svg {
    top: 0
  }

  .profile-text {
    padding-left: 30px
  }

  .map-box {
    max-width: 100%;
    float: left;
    margin: 25px 0
  }

  .popover,
  .popover .clockpicker-plate {
    margin: 0 auto
  }

  .experience,
  .see-all-timings,
  .timings {
    padding-left: 20px
  }

  .appointment-time-box {
    max-width: 33.333%
  }

  .registration-form-6,
  .review-list-col6 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
  }

    .review-list-col6 h3,
    .sort-list {
      text-align: center
    }

    .review-list-col6 h3 {
      margin: 0 0 25px
    }

      .review-list-col6 h3::after {
        right: 0;
        margin: 0 auto
      }

  .timing-main-contain .timing-field-col-2 {
    -ms-flex: 0 0 45%;
    flex: 0 0 45%;
    max-width: 45%
  }

  .timing-shift-title-col-left span,
  .timing-shift-title-col-right span {
    display: none
  }

  .timing-mobile-title {
    display: block;
    font-weight: 500;
    padding: 0 15px;
    color: #9299a1
  }

  .popover {
    left: 0 !important;
    right: 0 !important
  }
}

@media (max-width:414px) {
  #top-search-heading h1 {
    font-size: 26px
  }

  .slider-search-col2,
  .slider-search-col3,
  .slider-search-col4 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    border-left: none;
    border-top: 1px solid #f1f1f1;
    padding: 0 15px
  }

  .slider-search-col2 {
    padding: 15px
  }

  .slider-search-col3.border-left:first-child,
  .slider-search-col4 {
    border-top: none
  }

  #home-registration-contain .home-registration-grid .home-register-col3,
  .footer-widget-3,
  .home-diseases-list-4 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
  }

    .home-diseases-list-4:nth-child(2n) {
      margin-top: 0
    }

  .timing-main-contain .timing-field-col-1 {
    right: -10px
  }

  .footer-widget-contain,
  .footer-widget-copyright {
    text-align: center
  }

    .footer-widget-contain h3::after {
      right: 0;
      margin: 0 auto
    }

    .footer-widget-copyright img {
      margin: 0 auto 25px
    }
}

@media (max-width:400px) {
  .business-day-center {
    padding: 0 0 0 25px
  }

  .business-evening-left {
    padding: 0 0 0 15px
  }

  .select-duration-field .to {
    left: -7px
  }

  .select-days.clsEndMorningTime,
  .select-days.otherclsEndMorningTime {
    margin: 36px 0 0
  }

  .select-duration-field {
    padding-left: 15px
  }
}

@media (max-width:375px) {
  .appointment-time-box a {
    padding: 12px 5px
  }
}

.sorted_appo_span {
  border: 1px solid;
  padding: 4px
}