@media only screen and (min-width: 1399px) {
  .radio-container {
    margin-left: -50px;
  }
}
@media only screen and (max-width: 1399px) {
  .i-signin a {
    padding: 7px 10px;
    font-size: 16px;
  }
  #cssmenu > ul > li > a {
    font-size: 16px;
  }
  #cssmenu > ul > li {
    margin: 0 3px;
  }
  .footer-btn button {
    font-size: 16px;
  }
  .footer-details span {
    font-size: 16px;
    margin-left: 10px;
  }
  .t-dropdown-block {
    width: 480px;
  }
  .t-dropdown-block.insurance-block {
    width: 350px;
  }
  .radio-container {
    margin-left: 10px;
  }
  .search-bar-bottom-toggle-btn {
    width: 30%;
  }
  .insurance-block .t-dropdown-list {
    max-width: 500px !important;
  }
  .d-signin-notification button {
    font-size: 16px;
  }
  .d-signin-btn button {
    font-size: 16px;
  }
  .dashboard-box-top span {
    font-size: 16px;
  }
  .dashboard-box-top a img {
    max-width: 20px;
  }
  .dashboard-box-top img {
    max-width: 20px;
    max-height: 20px;
  }
  .dashboard-box-bottom-without-content span {
    font-size: 16px;
  }
  .patient-dashboard-main .dashboard-first {
    width: 55%;
  }
  .pateint-dashboard-second {
    width: 50%;
    max-width: 50%;
  }
  .dashboard-image span small {
    font-size: 12px;
    margin-top: 10px;
  }
  .dashboard-provider-details h5,
  .dashboard-provider-details h6 {
    font-size: 14px;
    margin-bottom: 5px;
  }
  .dashboard-provider-inner-details .d-inner-details {
    font-size: 12px;
  }
  .dashboard-provider-inner-details {
    display: flex;
    margin-bottom: 5px;
    align-items: baseline;
  }
  .dashboard-title span {
    font-size: 14px;
  }
  .edit-dashboard-provider-details img {
    max-width: 12px;
  }
  .edit-dashboard-provider-details {
    height: 22px;
    width: 22px;
  }
  .dashboard-second-left h5 {
    font-size: 16px;
  }
  .dashboard-third-left .overall-rating .r-rating span {
    font-size: 14px;
  }
  .dashboard-third-left .overall-rating .r-rating i {
    font-size: 10px;
  }
  .provider-ratings-inner .r-rating i {
    font-size: 10px;
  }
  .provider-ratings-inner .r-rating span {
    font-size: 10px;
    margin: 0 5px;
  }
  .inperson-telimdeicine-inner img {
    max-width: 30px;
    height: 30px;
  }
  .inperson-telimdeicine-inner {
    border-radius: 10px;
    width: 60px;
    margin-right: 5px;
    padding: 5px;
  }
  .inperson-telimdeicine-inner span {
    display: none;
  }
  .number-likes {
    font-size: 12px;
    margin: 10px 0 20px 0;
  }
  .dashboard-third .r-rating {
    margin: 0;
  }
  .label-heart-eye input + label {
    width: 25px;
    height: 25px;
  }
  .past-aptmnt .provider-img span {
    width: 110px;
    height: 100px;
  }
  .past-aptmnt .provider-details {
    padding-top: 0;
  }
  .past-aptmnt .search-result-box-right {
    padding-top: 0;
  }
  .past-aptmnt .provider-details h5,
  .past-aptmnt .provider-details h6 {
    font-size: 14px;
    margin: 5px 0;
  }
  .past-aptmnt .provider-details span {
    margin: 5px 0;
  }
  .review-provider-popup .r-rating i {
    font-size: 14px;
  }
  .review-provider-popup .r-rating span {
    font-size: 14px;
    margin: 0 10px;
  }
  .review-provider-popup .provider-rating-name {
    width: 50%;
    text-align: left;
  }
  .notification_sec {
    left: -30px;
  }
  .dashboard-box-top a {
    top: 7px;
  }
  .logout_sec {
    left: 30px;
  }
  .upcoming-availble {
    flex-direction: column;
  }
  .upcoming-availabilities-btn {
    margin-top: 5px;
    justify-content: right;
  }
  .radio-container {
    margin-left: -30px;
  }
}

@media only screen and (max-width: 1320px) {
  .call-to-action-left,
  .call-to-action-right {
    height: 285px;
  }
}

@media only screen and (max-width: 1299px) {
  .t-dropdown-block {
    width: 400px;
  }
  .t-dropdown-block.insurance-block {
    width: 300px;
  }
  .call-to-action-left,
  .call-to-action-right {
    height: 280px;
  }
  .t-dropdown-block .t-dropdown-list {
    width: 400px !important;
  }
  .past-aptmnt .search-result-box-left {
    flex-direction: column;
  }
  .past-aptmnt .provider-details-right {
    width: 70%;
  }
}

@media only screen and (max-width: 1260px) {
  .availabilities-inner-bottom span {
    font-size: 10px;
    padding: 2px 4px;
  }
  .a-our-team-sec {
    width: 25%;
  }
}
@media only screen and (max-width: 1240px) {
  .call-to-action-left,
  .call-to-action-right {
    height: 260px;
  }
  .upcoming-availabilities-btn {
    margin-top: 5px;
    justify-content: right;
  }
  .upcoming-availabilities-top {
    padding: 5px 10px;
  }
  .availabilities-inner-bottom span {
    font-size: 9px;
  }
  .dashboard-image span {
    width: 170px;
  }
  .dashboard-box-top a img {
    max-width: 15px;
  }
  .dashboard-box-top span {
    font-size: 12px;
  }
}

@media only screen and (max-width: 1200px) {
  .footer-btn {
    display: flex;
    flex-direction: column;
  }
  .footer-btn button {
    width: 100%;
    margin-bottom: 10px;
  }
  .t-dropdown-block {
    width: 370px;
  }
  .search-bar-input input {
    min-width: 90px;
  }
  .search-bar-bottom-toggle-btn {
    width: 35%;
  }
  .p-benefits-second {
    margin-top: 30px;
  }
  .dropdown-and-plus-icon .specialities {
    max-width: 220px;
  }
  .dropdown-and-plus-icon .yellow-btn {
    font-size: 12px;
  }
}
@media only screen and (max-width: 1180px) {
  .provider-ratings-inner span {
    font-size: 10px;
  }
}
@media only screen and (max-width: 1160px) {
  .provider-ratings-inner span {
    font-size: 10px;
  }
  .provider-ratings-inner .r-rating i {
    font-size: 8px;
  }
  .dashboard-third-left {
    padding-right: 10px;
  }
  .dashboard-second {
    padding: 0 10px;
  }
}
@media only screen and (max-width: 1120px) {
  .t-dropdown-block {
    width: 320px;
  }
  .search-bar-bottom-toggle-btn {
    width: 35%;
  }
  .t-dropdown-block.insurance-block {
    width: 292px;
  }
  .search-bar-bottom-radio-btn .button-group-pills .btn img {
    max-width: 25px;
  }
  .search-bar-bottom-radio-btn {
    margin-left: 22px;
    max-width: 50%;
  }
  .toggle-title img {
    max-width: 30px;
    margin: 0 5px;
    height: 30px;
  }
  .radio-container {
    margin-left: 5px;
  }
  .toggle-title {
    font-size: 14px;
  }
  .radio-btn-title {
    font-size: 14px;
  }
  .insurance-block .t-dropdown-list {
    max-width: 400px !important;
  }
  .dashboard-first {
    max-width: 30%;
    padding-right: 8px;
  }
  .dashboard-image span {
    width: 150px;
  }
  .availabilities-inner-bottom span {
    padding: 2px 2px;
  }
  .availabilities-inner-bottom {
    padding: 0 2px;
  }
  .dashboard-image span {
    width: 150px;
    height: 200px;
  }
  .dashboard-title span {
    font-size: 12px;
  }
  .dashboard-image span {
    width: 125px;
    height: 150px;
  }
  .dashboard-provider-details h5,
  .dashboard-provider-details h6 {
    font-size: 12px;
  }
  .dashboard-image span small {
    font-size: 8px;
    margin-top: 10px;
  }
}

@media only screen and (max-width: 1100px) {
  #cssmenu > ul > li {
    margin: 0 1px;
  }
  #cssmenu > ul > li > a {
    padding: 10px 10px;
  }
  .t-dropdown-block.insurance-block {
    width: 250px;
  }
  .pateint-dashboard-second-apointment p {
    font-size: 14px;
  }
  .call-to-action-left,
  .call-to-action-right {
    height: 240px;
  }
  .past-aptmnt .provider-details-right {
    width: 90%;
  }
  .patient-attend-img img {
    max-width: 25px;
  }
  .edit-dashboard-provider-details {
    height: 20px;
    width: 20px;
  }
}

@media only screen and (max-width: 1050px) {
  .footer-details span {
    font-size: 15px;
    margin-left: 5px;
  }
  .provider-ratings-inner .r-rating span {
    margin: 0 2px;
  }
}

@media screen and (max-width: 991px) {
  #cssmenu {
    padding: 0;
  }
  .c-container {
    padding: 0 15px;
  }
  .i-container {
    padding: 0 15px;
  }
  .logo {
    padding-left: 15px;
    padding-bottom: 10px;
  }
  nav {
    width: 100%;
  }
  #cssmenu {
    width: 100%;
  }
  /* #cssmenu ul {
        width: 100%;
        display: none;
        margin-top: 0;
        padding-bottom: 7px;
    } */
  #cssmenu ul {
    width: 100%;
    display: none;
    margin-top: 0;
    padding-bottom: 7px;
    position: absolute;
    top: 85px;
    z-index: 1;
    padding: 0 0 10px 0;
    height: 100vh;
  }
  #cssmenu ul ~ #cssmenu {
    padding-bottom: 0;
  }
  .i-signin a {
    padding: 7px 8px;
    font-size: 14px;
  }
  #cssmenu ul li a {
    width: 100%;
    border-bottom: 0;
  }
  #cssmenu > ul > li {
    float: none;
  }
  #cssmenu ul ul,
  #cssmenu ul ul ul {
    position: relative;
    left: 0;
    width: 100%;
    margin: 0;
    text-align: left;
  }
  .button {
    width: 55px;
    height: 46px;
    position: absolute;
    cursor: pointer;
    z-index: 12399994;
    top: 20px;
    right: 0;
  }
  .button:after {
    position: absolute;
    top: 22px;
    right: 20px;
    display: block;
    height: 4px;
    width: 20px;
    border-top: 2px solid #dddddd;
    border-bottom: 2px solid #dddddd;
    content: "";
  }
  .button:before {
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    position: absolute;
    top: 16px;
    right: 20px;
    display: block;
    height: 2px;
    width: 20px;
    background: #ddd;
    content: "";
  }
  .button.menu-opened:after {
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    top: 23px;
    border: 0;
    height: 2px;
    width: 19px;
    background: #fff;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .button.menu-opened:before {
    top: 23px;
    background: #fff;
    width: 19px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  .i-signin {
    float: right;
    margin-left: 0px;
    margin-right: 55px;
  }
  .button::before {
    background: #131313;
  }
  .button::after {
    position: absolute;
    height: 8px;
    border-top: 2px solid #131313;
    border-bottom: 2px solid #131313;
    content: "";
  }
  .button.menu-opened::before {
    background: #131313;
  }
  .button.menu-opened::after {
    background: #131313;
  }
  .h-menu {
    top: 0;
  }
  .h-menu.open {
    background: #aed2eb;
    padding-left: 5px;
  }
  #cssmenu > ul > li {
    color: #fff;
    background: #aed2eb;
    border-radius: unset;
    margin: 0;
  }
  #cssmenu > ul > li a {
    color: #fff;
  }
  #cssmenu > ul > li a:hover {
    color: #e16e73;
  }
  .call-to-action-left,
  .call-to-action-right {
    display: none;
  }
  .sub_sec {
    padding: 30px 0 0 0;
  }
  .section-title {
    font-size: 26px;
  }
  .section-title img {
    height: 60px;
    margin: 0 5px;
  }
  .section-title-italic {
    font-size: 18px;
    margin: 10px 0 20px 0;
  }
  .section-details {
    font-size: 16px;
  }
  .home-first-sec .section-details {
    width: 100%;
  }
  .how-it-work {
    margin-bottom: 15px;
  }
  .how-it-work span {
    font-size: 20px;
  }
  .how-it-sec .section-title {
    margin-bottom: 30px;
  }
  .how-it-work img {
    max-height: 100px;
  }
  .p-benefits-second {
    margin-top: 0;
  }
  .p-benefits {
    margin-bottom: 20px;
  }
  .p-benefits-top img {
    max-height: 85px;
    object-fit: contain;
  }
  .p-benefits-top h5 {
    font-size: 20px;
  }
  .p-benefits-bottom p {
    font-size: 16px;
  }
  .yellow-btn {
    font-size: 16px;
  }
  .sub_sec.call-to-action {
    margin-top: 30px;
  }
  .sub_sec.call-to-action {
    margin-top: 30px;
    padding: 20px 0;
  }
  .pink-btn {
    font-size: 16px;
  }
  .call-to-action-center .section-details {
    margin: 15px 0 15px 0;
  }
  .footer-top {
    padding-bottom: 20px;
    flex-direction: column;
  }
  .footer-details {
    display: flex;
    justify-content: space-between;
    margin: 20px 0;
  }
  .footer-btn {
    display: flex;
    flex-direction: row;
    width: 100%;
  }
  .footer-nav ul li a {
    font-size: 16px;
  }
  .footer-privecy {
    margin-top: 20px;
  }
  .footer-privecy ul li {
    font-size: 12px;
  }
  .footer-nav ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .footer-privecy ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
  }
  .search-bar-bottom {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
  }
  .t-btn {
    display: flex;
    justify-content: flex-start;
    margin-left: 70px;
  }
  .search-bar-bottom-toggle-btn {
    margin-left: 0;
    width: 100%;
  }
  .radio-container {
    display: flex;
    width: 23%;
  }
  .banner-search-bar {
    padding: 20px;
    flex-direction: column;
  }
  .search-bar-top {
    display: flex;
    flex-direction: column;
  }
  .t-dropdown-block {
    width: 100%;
    /* border-bottom: 2px solid #68c8c9; */
    border-bottom: 2px solid #aed2eb;
    border-right: 0;
    margin-bottom: 10px;
    height: 40px;
  }
  .search-bar-input input {
    min-width: 100%;
    padding: 10px 10px 10px 30px;
  }
  .search-bar-input {
    margin-left: 0;
    /* border-bottom: 2px solid #68c8c9; */
    border-bottom: 2px solid #aed2eb;
    border-right: 0;
    margin-bottom: 10px;
  }
  .t-dropdown-block.insurance-block {
    width: 100%;
  }
  .insurance-block input {
    margin-left: 0px;
    background-size: 25px;
    padding: 0 30px 0 30px;
  }
  .search-bar-input.bar-date {
    border: unset;
    /* border-bottom: 2px solid #68c8c9; */
    border-bottom: 2px solid #aed2eb;
    border-right: 0;
    margin-bottom: 10px;
  }
  .search-bar-top {
    padding: 20px;
  }
  .insurance-block .t-dropdown-list {
    max-width: 100% !important;
  }
  .t-dropdown-input {
    padding: 10px 25px 10px 0;
    width: 100% !important;
  }
  .banner-search-bar-right button {
    width: 100%;
    height: 40px;
    margin-left: 0;
    border-radius: 10px;
    margin-top: 15px;
  }
  .fillter-details {
    width: 100%;
    left: 0;
  }
  .search-bar-bottom-radio-btn {
    max-width: 100%;
  }
  .banner {
    background: #aed2eb !important;
  }
  .banner .section-title {
    margin-bottom: 30px;
  }
  .banner {
    padding: 50px 0 50px 0;
  }
  .search-bar-filter {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .search-bar-filter h4 {
    display: block;
  }
  .fill-btn img {
    max-width: 25px;
  }
  .t-dropdown-list {
    left: 0;
    width: 100% !important;
  }
  .t-dropdown-block .t-dropdown-list {
    width: 100% !important;
  }
  .insurance-block .t-dropdown-list {
    max-width: 100% !important;
    width: 100% !important;
  }
  .provider-img span {
    width: 190px;
    height: 190px;
  }
  .search-result-box-right {
    padding-top: 5px;
  }
  .provider-details h4 {
    font-size: 17px;
  }
  .provider-details h5 {
    font-size: 16px;
    margin: 8px 0;
  }
  .provider-details h6 {
    font-size: 16px;
  }
  .provider-details span {
    font-size: 16px;
    margin: 8px 0;
  }
  .label-heart-eye input + label {
    width: 30px;
    height: 30px;
  }
  .r-rating {
    margin: 10px 0;
  }
  .r-rating span {
    font-size: 14px;
    color: #7a495e;
  }
  .r-rating i {
    font-size: 16px;
  }
  .provider-details-btn .pink-btn {
    margin-bottom: 10px;
    font-size: 14px;
  }
  .inperson-telimdeicine-inner img {
    width: 25px;
    height: 25px;
    object-fit: contain;
  }
  .inperson-telimdeicine-inner span {
    font-size: 12px;
    margin: 2px 0;
  }
  .inperson-telimdeicine-inner {
    width: 90px;
    margin-right: 10px;
    padding: 5px;
  }
  .provider-details .provider-title img {
    max-width: 15px;
  }
  .provider-img {
    margin-right: 15px;
  }
  .o-pagination .page-link {
    font-size: 16px;
  }
  .provider-details {
    padding-top: 0;
  }
  .register-login-prompt-details span {
    font-size: 16px;
  }
  .form-box label {
    font-size: 16px;
  }
  .form-control {
    font-size: 14px;
    border-radius: 10px;
    padding: 7px 10px;
  }
  .f-banner {
    height: 200px;
    background-position: 50% 39%;
    background-size: contain;
  }
  .f-banner-details {
    position: relative;
    height: 200px;
  }
  .f-banner-details h1 {
    font-size: 28px;
  }
  .iframe-video iframe {
    width: 100%;
    height: 300px;
  }
  .a-max-width {
    max-width: 100%;
  }
  .card-text {
    align-items: flex-start;
  }
  .card-text p {
    font-size: 17px;
  }
  .accordian .card .card-body p {
    font-size: 14px;
  }
  .d-signin {
    float: right;
    position: relative;
    left: -50px;
  }
  .d-signin-notification {
    border: 0;
  }
  .nf-counter {
    margin-top: 3px;
  }
  .info-dropdown {
    font-size: 14px;
    border-radius: 10px;
    padding: 7px 25px 7px 10px;
  }
  .approve-text ul li {
    font-size: 16px;
  }
  .approve-text ul li::before {
    top: 3px;
  }
  .purple-title {
    font-size: 16px;
    padding: 11px 20px 10px;
  }
  .bootstrap-datetimepicker-widget table th {
    font-size: 16px;
  }
  .specialities {
    max-width: 350px;
  }
  .d-schedule label {
    font-size: 16px;
  }
  .bootstrap-datetimepicker-widget table td.day {
    padding: 15px 0;
    font-size: 14px;
  }
  .patient-dashboard-main .dashboard-top {
    display: flex;
    flex-direction: column;
  }
  .patient-dashboard-main .dashboard-first {
    width: 100%;
    border: 0;
    padding-right: 0;
    max-width: 100%;
  }
  .pateint-dashboard-second {
    width: 100%;
    max-width: 100%;
  }
  .pateint-dashboard-second-apointment h5 {
    font-size: 20px;
    margin-bottom: 25px;
  }
  .pateint-dashboard-second-apointment p {
    margin: 10px 0;
  }
  .patint-dashboar-banner h4 {
    font-size: 28px;
  }
  .banner.search-banner.patint-dashboar-banner {
    padding-bottom: 20px;
  }
  .pateint-dashboard-second-apointment {
    margin-left: 0;
    margin-right: 10px;
  }
  .pateint-dashboard-second-apointment.second-apointment-bg {
    margin-right: 0;
    margin-left: 10px;
  }
  .r-to-dashboard {
    margin-left: 0;
  }
  .logout_sec ul {
    display: block !important;
    position: unset !important;
    height: unset !important;
  }
  .past-aptmnt .search-result-box-left {
    flex-direction: unset;
  }
  .past-aptmnt .provider-details-right {
    width: 50%;
  }
  .past-appointment-ht {
    margin: 10px 0;
  }
  .past-appointment-ht {
    height: auto !important;
  }
  .dashboard-box-appointment {
    max-height: 500px;
    padding-bottom: 0;
  }
  .review-provider-popup span {
    font-size: 14px;
  }
  .notification_sec ul {
    position: unset !important;
    padding: 0 !important;
  }
  .dropdown-and-plus-icon .specialities {
    max-width: 50%;
  }
  .dropdown-and-plus-icon .yellow-btn {
    font-size: 12px;
  }
  .error-details h4 {
    font-size: 40px;
  }
  .error-details label {
    font-size: 24px;
  }
  .search-no-result-inner h4 {
    font-size: 32px;
    margin-bottom: 15px;
  }
  .search-no-result-inner p {
    font-size: 16px;
  }
  .search-no-result-inner span {
    font-size: 18px;
  }
  .search-no-result-inner hr {
    margin: 20px auto 20px auto;
  }
  .search-no-result {
    padding: 50px 0 80px 0;
  }
  .privacy-policey {
    padding: 30px 0 50px 0;
  }
  .p-details h3 {
    font-size: 24px;
  }
  .p-details p {
    font-size: 16px;
  }
  .p-details {
    margin-bottom: 20px;
  }
  .dashboard-top {
    flex-direction: column;
  }
  .dashboard-first {
    max-width: 100%;
    padding-right: 0;
    border-right: 0;
  }
  .dashboard-second {
    display: flex;
    width: 100%;
    padding: 0;
  }
  .dashboard-third {
    display: flex;
    width: 100%;
    padding-left: 0;
    border-left: 0;
    position: relative;
  }
  .dashboard-second {
    margin: 15px 0;
  }
  .dashboard-image span {
    width: 250px;
  }
  .availabilities-inner-bottom {
    padding: 0px 5px;
  }
  .dashboard-image span {
    height: 210px;
  }
  .insurance-box {
    margin-top: 30px;
  }
  .about-box {
    margin-top: 30px;
  }
  .dashboard-patient-review {
    padding: 0 20px;
    margin: 10px 0;
  }
  .a-our-team-sec {
    width: 30%;
  }
  .about-us-our-team .section-title {
    margin-bottom: 30px;
  }
  .dashboard-box-top span {
    font-size: 14px;
  }
  .dashboard-box-top a img {
    max-width: 18px;
  }
  .dashboard-box {
    height: 300px;
    overflow: hidden;
  }
  .provider-details-right #half-stars-example span {
    font-size: 16px;
    color: #4780c2;
  }

  .provider-details-right #half-stars-example .rating__label {
    font-size: 16px;
  }
  .support-phone-number {
    margin-top: 0;
  }
  .support-address address {
    margin-top: 15px;
  }
  .form-box-top ul {
    margin-top: 30px;
  }
  .upcoming-availble {
    flex-direction: unset;
    align-items: center;
  }

  .upcoming-availble .yellow-btn {
    padding: 5px 40px;
  }
  .error-page-img img {
    margin-bottom: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .footer-details {
    flex-direction: column;
  }
  .footer-number {
    margin-right: 0;
    margin-bottom: 10px;
  }
  .radio-container {
    width: 30%;
  }
  .provider-details h4 {
    font-size: 15px;
  }
  .provider-details h5 {
    font-size: 14px;
    margin: 5px 0;
  }
  .provider-img span {
    width: 135px;
    height: 135px;
  }
  .provider-details h6 {
    font-size: 14px;
  }
  .provider-details span {
    font-size: 14px;
    margin: 5px 0;
  }
  .label-heart-eye input + label {
    width: 20px;
    height: 20px;
  }
  .r-rating span {
    font-size: 12px;
    color: #7a495e;
  }
  .r-rating i {
    font-size: 14px;
  }
  .provider-details span {
    font-size: 12px;
    margin: 5px 0;
  }
  .r-rating {
    margin: 5px 0;
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }
  .inperson-telimdeicine-inner span {
    display: none;
  }
  .inperson-telimdeicine-inner {
    width: 50px;
  }
  .search-result-box {
    padding: 10px;
    margin-bottom: 20px;
  }
  .provider-details-btn .pink-btn {
    margin-bottom: 8px;
    font-size: 12px;
  }
  .f-banner {
    background-position: 100% 39%;
  }
  .f-banner-details h1 {
    font-size: 26px;
  }
  .footer-privecy ul li {
    margin-right: 20px;
  }
  .form-box-top h4 {
    font-size: 20px;
  }
  .approve-text span {
    font-size: 15px;
  }
  .have-a-qt-section {
    padding-bottom: 20px;
  }
  .have-a-qt {
    display: none;
  }
  .inner-banner {
    height: 160px;
  }
  .f-banner-details h1 {
    font-size: 25px;
  }
  .provider-text {
    font-size: 18px;
  }
  .p-radio .form-group label {
    font-size: 13px;
  }
  .patint-dashboar-banner h4 {
    font-size: 26px;
  }
  .submit-btn {
    font-size: 16 px;
  }
  .r-to-dashboard {
    top: unset;
    bottom: 0;
  }
  .search-bar-bottom-radio-btn .button-group-pills .btn {
    padding: 10px 40px 10px 10px;
  }
  .past-aptmnt .provider-details-right {
    width: 80%;
  }
  .past-aptmnt .provider-details-btn .pink-btn {
    font-size: 14px;
    padding: 5px 0;
  }
  .dropdown-and-plus-icon .form-group {
    margin-bottom: 10px;
  }
  .error-details h4 {
    font-size: 26px;
  }
  .error-details label {
    font-size: 20px;
  }
  .error-details a {
    font-size: 14px;
    padding: 10px 25px;
  }
  .a-our-team-sec {
    width: 50%;
  }
  .left-image img {
    max-width: 100%;
  }
  .provider-rating-name {
    min-width: 100px;
  }
  .number-likes {
    min-width: 55px;
  }
  .provider-details-right #half-stars-example span {
    font-size: 14px;
    color: #4780c2;
  }
  .provider-details-right #half-stars-example .rating__label {
    font-size: 14px;
  }
  .upcoming-availble .yellow-btn {
    padding: 5px 20px;
  }
  .overview-btn{
    display: block;
  }
}

@media only screen and (max-width: 575px) {
  .i-signin a {
    padding: 7px 8px;
    font-size: 10px;
  }
  .i-signin {
    top: 25px;
  }
  #cssmenu > ul > li a:hover {
    color: #e16e73;
  }
  #cssmenu > ul > li > a {
    font-size: 14px;
  }
  .logo a img {
    width: 80px;
  }
  .button {
    top: 10px;
  }
  .section-title {
    font-size: 24px;
  }
  .section-title-italic {
    font-size: 16px;
  }
  .section-details {
    font-size: 15px;
  }
  .how-it-work span {
    font-size: 15px;
    margin-top: 10px;
  }
  .sub_sec {
    padding: 15px 0 0 0;
  }
  .yellow-btn {
    font-size: 14px;
  }
  .p-benefits-top h5 {
    font-size: 18px;
  }
  .p-benefits-bottom p {
    font-size: 15px;
  }
  .footer-details span {
    font-size: 14px;
    margin-left: 5px;
    display: none;
  }
  .footer-btn button {
    font-size: 14px;
  }
  .footer-nav ul li a {
    font-size: 14px;
    margin-right: 15px;
  }
  .sub_sec_pateint-benefits .yellow-btn {
    margin: 20px 0;
  }
  .i-signin a:first-child {
    margin-right: 5px;
  }
  .footer-details {
    flex-direction: unset;
  }
  .footer-number a {
    margin-left: 8px;
  }
  .radio-container {
    width: 50%;
  }
  .search-bar-bottom-radio-btn .button-group-pills .btn {
    padding: 5px 5px;
    height: 40px;
  }
  .toggle-title img {
    max-width: 20px;
    margin: 0 5px;
    height: 20px;
  }
  .search-bar-filter h4 {
    font-size: 14px !important;
  }
  .t-dropdown-input {
    font-size: 14px;
  }
  .search-bar-input input {
    font-size: 14px;
  }
  .o-pagination .page-link {
    font-size: 12px;
    margin: 0 2px;
  }
  .search-result-box-left {
    display: flex;
    flex-direction: column;
  }
  .provider-details {
    margin-top: 10px;
  }
  .provider-img span {
    width: 90px;
    height: 90px;
  }
  .register-login-prompt-details span {
    font-size: 14px;
  }
  .form-box label {
    font-size: 14px;
  }
  .form-box span {
    color: #727373;
    font-size: 14px;
    font-family: "mulisemibold";
  }
  .form-box {
    padding: 0 15px 25px 15px;
  }
  .submit-btn {
    font-size: 14px;
  }
  .f-banner {
    height: 150px;
  }
  .f-banner-details {
    position: relative;
    height: 150px;
    text-align: center;
  }
  .f-banner {
    background-image: unset;
  }
  .f-banner-details h1 {
    font-size: 24px;
    left: unset;
    transform: unset;
    width: 100%;
  }
  .form-box-top h4 {
    font-size: 18px;
  }
  .form-box-top-img img {
    max-width: 75px;
    margin-top: -40px;
  }
  .reg-complete-img {
    text-align: center;
    margin: 15px 0;
  }
  .reg-complete-btn {
    flex-direction: column;
  }
  .reg-complete-btn .submit-btn {
    width: 100%;
    margin-bottom: 10px;
  }
  .how-it-work img {
    max-height: 50px;
  }
  .card-text p {
    font-size: 14px;
  }
  .accordian .card .card-header {
    padding: 20px 30px 20px 10px;
  }
  .qt {
    width: 40px;
    height: 40px;
    font-size: 20px;
    margin-right: 10px;
  }
  .accordian .card .card-header span {
    right: 10px;
    top: 26px;
    height: 20px;
    width: 20px;
    font-size: 8px;
  }
  .card-body {
    max-width: 100%;
  }
  .not-account span {
    font-size: 15px !important;
  }
  .register-form {
    padding: 70px 0 40px 0;
  }
  .support-phone-number a {
    font-size: 18px;
    margin-top: 10px;
  }
  .support-address address {
    font-size: 16px;
    margin-top: 20px;
  }
  .form-box-top ul {
    margin-top: 15px;
  }
  .form-box-top ul a {
    width: 40px;
    height: 40px;
  }
  .d-signin-btn button {
    padding: 25px 10px 25px 10px;
  }
  .d-signin-notification button span {
    display: none;
  }
  .fas.fa-bell.n-bell {
    display: inline-block;
  }
  .nf-counter {
    width: 15px;
    height: 15px;
    font-size: 10px;
    margin-top: -15px !important;
    margin-left: -7px;
  }
  .logout_sec {
    top: 70px;
    left: -15px;
  }
  .notification_sec {
    left: -90px;
  }
  .price-per-month {
    max-width: 200px;
    height: 40px;
    font-size: 20px;
  }
  .approve-text ul li {
    font-size: 14px;
  }
  .approve-text ul li::before {
    top: 1px;
    left: -25px;
    background-size: 15px;
  }
  .ui-datepicker-title {
    font-size: 16px;
  }
  .account-box-top h4 {
    font-size: 18px;
    margin-top: 10px;
  }
  .account-box-details h5 {
    font-size: 16px;
  }
  .form-upload .custom-file-upload {
    font-size: 14px;
  }
  .p-radio .form-group label {
    font-size: 12px;
  }
  .p-radio label {
    margin-bottom: 5px;
  }
  .radio-padding {
    padding: 0 !important;
  }
  .dropdown-and-plus-icon {
    flex-direction: column;
  }
  #minutes {
    margin-right: 0 !important;
    margin-bottom: 5px;
  }
  .specialities {
    max-width: 100%;
  }
  .dropdown-and-plus-icon img {
    position: absolute;
    top: -32px;
    right: 5px;
  }
  .patint-dashboar-banner h4 {
    font-size: 24px;
    margin-top: 20px;
  }
  .footer-number img {
    max-height: 17px;
  }
  .footer-privecy ul li a img {
    max-height: 13px;
  }
  .search-bar-top {
    border-radius: 30px;
  }
  .search-bar-bottom-radio-btn {
    margin-left: 0;
    /* background: #f97076; */
    border-radius: 0;
    overflow: hidden;
  }
  .search-bar-bottom .button-group-pills {
    justify-content: space-between;
  }
  .past-aptmnt .provider-details-right {
    width: 100%;
  }
  .past-aptmnt .search-result-box-right {
    padding-top: 15px;
  }
  .search-result-box.past-aptmnt {
    flex-direction: column;
  }
  .upload-profile-details h6 small {
    font-size: 14px;
  }
  .upload-profile-details h6 {
    font-size: 16px;
  }
  .form-row.review-text-area label {
    font-size: 14px;
  }
  .patient-dashboard-main .dashboard-image span {
    height: 150px;
    width: 150px;
  }
  #cssmenu ul {
    top: 65px;
  }
  .form-btn.p-submited-complete {
    margin: 0 auto;
    max-width: 100%;
  }
  .r-btn {
    flex: 1;
  }
  .patient-overview label {
    font-size: 14px;
  }
  .edit-current-credential-upload {
    flex-direction: column;
  }
  .edit-current-credential-upload-left {
    width: 100%;
  }
  .edit-current-credential-upload-right {
    width: 100%;
  }
  .f-banner {
    background-image: unset;
  }
  .dropdown-and-plus-icon .specialities {
    max-width: 100%;
  }
  .d-schedule label {
    font-size: 14px;
  }
  .c-time-available {
    font-size: 14px;
  }
  .error-details h4 {
    font-size: 20px;
  }
  .error-details label {
    font-size: 16px;
  }
  .error-details p {
    font-size: 14px;
  }
  .search-no-result-inner h4 {
    font-size: 26px;
    margin-bottom: 15px;
  }
  .search-no-result-inner p {
    font-size: 14px;
  }
  .search-no-result-inner span {
    font-size: 14px;
  }
  .search-no-result-inner hr {
    margin: 10px auto;
    max-width: 100%;
  }
  .search-no-result-inner .pink-btn {
    max-width: 170px;
    width: 100%;
    font-size: 14px;
  }
  .search-no-result {
    padding: 30px 0 50px 0;
  }
  .p-details h3 {
    font-size: 20px;
  }
  .p-details p {
    font-size: 14px;
  }
  .p-details {
    margin-bottom: 10px;
  }
  .privacy-policey {
    padding: 20px 0;
  }
  .dashboard-image span {
    height: 150px;
    width: 170px;
  }
  .dashboard-office-location-sec {
    width: 50%;
  }
  .a-our-team-sec h5 {
    font-size: 16px;
  }
  .a-our-team-sec span {
    font-size: 14px;
  }
  .about-us-our-team {
    padding: 25px 0;
  }
  .about-us-our-team .section-title {
    margin-bottom: 20px;
  }
  .dashboard-image span img {
    max-width: 35px;
  }
  .without-img-upload span img {
    max-width: 40px;
  }
  .upcoming-availble {
    flex-direction: column;
    align-items: unset;
  }
  .t-dropdown-item {
    font-size: 14px;
  }
  .sub_sec_details {
    text-align: center !important;
  }
  .sub_sec_details.text-left p {
    text-align-last: center;
  }
}

@media only screen and (max-width: 500px) {
  /* .i-signin form {
    display: flex;
    flex-direction: column;
  }
  .i-signin button {
    width: 100%;
    margin: 5px 0 0 0;
  } */
  .radio-btn-title {
    font-size: 12px;
    margin-left: 3px;
  }
  .search-bar-bottom-radio-btn .button-group-pills .btn img {
    max-width: 15px;
  }
  .t-btn {
    margin-left: 40px;
  }
  .radio-container {
    width: 50%;
    margin-bottom: 10px;
  }
  .section-details {
    text-align: center;
  }
  .search-bar-bottom-toggle-btn {
    margin-left: 7px;
  }
}

@media only screen and (max-width: 450px) {
  /* .label-heart-eye input + label {
    width: 15px;
    height: 15px;
  } */
  .search-result-box {
    flex-direction: column;
  }
  .search-result-box-right {
    justify-content: flex-start;
  }
  .label-heart-eye {
    position: absolute;
    top: 10px;
    right: 10px;
  }
  .provider-details-right {
    width: 100%;
  }
  .r-rating {
    justify-content: flex-start;
  }
  .footer-nav ul li a {
    font-size: 12px;
  }
  .f-logo img {
    width: 90px;
  }
  .section-title {
    font-size: 20px;
  }
  .p-benefits-top img {
    max-height: 55px;
  }
  .toggle-title img {
    display: none;
  }
  .past-aptmnt .provider-img span {
    width: 80px;
    height: 80px;
  }
  .past-aptmnt .provider-details span {
    font-size: 12px;
  }
  .past-aptmnt .provider-details h4 {
    font-size: 12px;
  }
  .past-aptmnt .provider-details h5,
  .past-aptmnt .provider-details h6 {
    font-size: 12px;
    margin: 2px 0;
  }
  .past-aptmnt .provider-details span {
    margin: 2px 0;
  }
  .past-aptmnt .provider-details span img {
    max-width: 8px;
    margin-right: 5px;
  }
  .register-form-inner.review-provider-popup .r-rating {
    justify-content: flex-end;
  }
  .patient-dashboard-main .dashboard-first {
    width: 100%;
    border: 0;
    padding-right: 0;
    flex-direction: column;
  }
  .patient-dashboard-mainv .dashboard-first-right {
    padding-left: 0;
  }
  .patient-dashboard-main .dashboard-image span {
    height: 150px;
    width: 100%;
    margin-bottom: 15px;
  }
  .pateint-dashboard-second-apointment p {
    font-size: 10px;
    text-align: center;
  }
  .toggle-title {
    font-size: 12px;
  }
  .dashboard-office-location-sec {
    width: 100%;
  }
  .dashboard-third .r-rating {
    justify-content: flex-end;
  }
  .number-likes {
    margin: 30px 0 20px 0;
    min-width: 55px;
  }
  .upcoming-availabilities-btn {
    flex-direction: column;
  }
  .upcoming-availble .yellow-btn {
    text-align: center;
    margin: 0;
    margin-bottom: 8px;
  }
}

@media only screen and (max-width: 400px) {
  .search-bar-top {
    padding: 20px;
    border-radius: 30px 30px 0 0;
  }
  .search-bar-bottom .button-group-pills {
    display: flex;
  }
  .search-bar-bottom-radio-btn {
    margin-left: 0;
  }
  .search-bar-bottom-toggle-btn {
    margin-left: 10px;
    width: 100%;
    margin-top: 10px;
  }
  .radio-container span.toggle-title::before {
    left: -40px;
    width: 25px;
    height: 15px;
  }
  .radio-container span.toggle-title::after {
    left: -44px;
  }
  .search-bar-bottom-toggle-btn
    input[type="checkbox"]:checked
    + label
    span.toggle-title::after {
    left: -28px;
    background-color: #e4767b;
    width: 18px;
    height: 18px;
  }
  .r-btn .btn.btn-default {
    display: flex;
    flex-direction: column;
  }
  .r-btn .btn.btn-default img {
    max-height: 12px;
  }
  .radio-btn-title {
    font-size: 10px;
    margin-left: 3px;
  }
  .footer-btn button {
    padding: 5px 10px;
  }
  .d-signin-btn button {
    padding: 25px 5px 25px 4px;
  }
  .dashboard-image span {
    height: 100px;
    width: 100px;
  }
  .radio-container span.toggle-title::after {
    width: 18px;
    height: 18px;
  }
  .a-our-team-img img {
    max-width: 120px;
  }
  .a-our-team-sec h5 {
    font-size: 14px;
  }
  .a-our-team-sec span {
    font-size: 12px;
  }
  .past-aptmnt .provider-details {
    white-space: nowrap;
    overflow: hidden;
  }
  .upcoming-availble {
    flex-direction: column;
  }
}
@media only screen and (max-width: 380px) {
  #ui-datepicker-div {
    margin-left: -18px;
  }
  .provider-rating-name {
    min-width: 50px;
  }
}
@media only screen and (max-width: 340px) {
  .i-signin a {
    padding: 5px 8px;
    font-size: 8px;
  }
  .d-signin-btn {
    margin-left: 3px;
  }
  .d-signin-btn button {
    margin-right: 5px;
  }
  .review-provider-popup .provider-ratings-inner {
    background: #e8f5f4;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
  .review-provider-popup .provider-rating-name {
    width: 100%;
  }
  .register-form-inner.review-provider-popup .r-rating {
    justify-content: flex-start;
  }
}