@media only screen and (max-width:1200px) {
    .service .card {
        min-height: 45rem;
    }
    .video-play {
        margin-top: -46rem;
    }
    .how-works .container .row .d-flex a {
        width: 40%;
        text-align: center;
    }
    .contact .row a {
        font-size: 1.2rem;
        padding: 1rem 2rem;
    }
    .contact .row h5 {
        font-size: 14px;
    }
    .service .card {
        min-height: 57rem;
    }
    .approved-appointment {
        flex-direction: column;
    }
    .approved-symbol {
        margin-bottom: 15px;
    }
    html {
        font-size: 9px;
    }
    .doctorrrrtitel p {
        font-size: 14px;
    }
}

@media (min-width: 992px) and (max-width: 1200px) {
    .doctor-search form input,
    .doctor-search .btn-search {
        font-size: 13px;
    }
}

@media only screen and (max-width: 992px) {
    .price .container .row .card {
        min-height: 0;
    }
    .how-works .container .row .d-flex a {
        width: 52%;
        text-align: center;
    }
    .service .card {
        min-height: 51.7rem;
    }
    .video-play {
        margin-top: -50rem;
    }
    .service .container,
    .service .container-md,
    .service .container-sm {
        max-width: 992px;
    }
    .service .card .card-body .card-text {
        font-size: 1.4rem;
    }
    .video-play .card .card-body img {
        margin: 10rem auto;
    }
    .price .container .row .card .most-p {
        position: absolute;
        top: 0;
        left: 20%;
        background: rgba(29, 179, 220, 0.06);
        width: 20rem;
        text-align: center;
        border-bottom-left-radius: 25px;
        border-bottom-right-radius: 25px;
        display: block;
    }
    .tela .container .card .card-body .card-title {
        font-family: "Poppins";
        font-size: 1rem;
        font-weight: 600;
        line-height: 2.5rem;
        color: #11111E;
    }
    .contact .row h5 {
        font-family: "Poppins";
        font-size: 1.9rem;
    }
    .contact .row p {
        font-size: 1.6rem;
    }
    .contact .row a {
        font-size: 1rem;
        padding: 0 1rem;
    }
    .pre-foot .container .foot-menu li a {
        font-size: 1.5rem;
    }
}

@media(max-width: 991px) {
    .appoint-img img {
        display: block;
        margin-bottom: 5px;
    }
    .approved-appointment {
        flex-direction: column;
    }
    .approved-symbol {
        margin-bottom: 15px;
    }
    .approved-profile {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }
    .doctor-search {
        flex-direction: column;
    }
    .editprofile-section .nav.nav-pills {
        flex-direction: column;
    }
    .doctorrrrtitel {
        flex-direction: column;
        margin-bottom: 20px;
    }
    .dashboard-section .doctorrrrtitel {
        display: inline-flex;
        flex-direction: row !important;
        margin-bottom: 0px !important;
    }
    .doctor-search form {
        padding-left: 0px;
    }
    .editprofile-section h5 {
        padding-left: 15px;
    }
    .edit-profile-form-inner {
        padding-left: 15px;
        padding-right: 15px;
    }
    .doctorrrrtitel p {
        text-align: center;
    }
    .doctor-search form input {
        margin-bottom: 15px;
        width: 100% !important;
    }
    .doctor-search .btn-search {
        margin-left: 0;
    }
    .after-login-dropdown {
        align-items: flex-start;
    }
    .dashboard-section .nav.nav-tabs {
        flex-direction: column;
    }
    .dashboard-section .nav-tabs li a,
    .dashboard-section .nav-tabs li p {
        padding-bottom: 15px;
        padding-top: 15px;
    }
    .doctor-search .k-widget {
        width: 100%;
        margin-bottom:15px;
    }
}

@media only screen and (max-width: 768px) {
    .price .container .row .card .card-body .list-group .list-group-item span {
        font-family: "Poppins";
        font-size: 1.2rem;
        font-weight: 400;
        line-height: 1rem;
        color: #11111E;
    }
    .card .card-body .list-group .list-group-item {
        margin-bottom: 2rem;
    }
    .contact .row h5 {
        font-family: "Poppins";
        font-size: 2rem;
        text-align: center;
    }
    .contact .row a {
        font-family: "Poppins";
        font-size: 2rem;
        font-weight: 700;
        line-height: 1rem;
        color: #fff;
        border: 1.5px solid #fff;
        padding: 2rem 2rem;
        border-radius: 32px;
        -webkit-transition: .3s;
        transition: .3s;
    }
    .service {
        margin-top: 4rem;
    }
    html {
        font-size: 10px;
    }
    .video-play {
        margin-top: 0;
    }
    .service,
    .service .card {
        min-height: 56rem;
    }
    .how-works .container .row .d-flex img.liner {
        margin-top: 0rem;
    }
    .how-works .container .row .d-flex a {
        width: 35%;
        margin-bottom: 2rem;
        text-align: center;
    }
    .tela .container .card .card-body .card-title {
        font-family: "Poppins";
        font-size: 1.6rem;
        font-weight: 600;
        line-height: 2.5rem;
        color: #11111E;
    }
    .tela .container .card {
        border: none;
        min-height: 40rem;
    }
    .tela {
        min-height: 188.5rem;
    }
    .price {
        margin-top: -88rem;
        margin-bottom: 3rem;
    }
    p {
        width: 100% !important;
    }
    .contact .row p {
        text-align: center;
        font-size: 18px;
    }
    .alllappoinments .nav-pills li a,
    .alllappoinments .nav-pills li p {
        font-size: 14px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .editprofile-section .nav-pills li a,
    .editprofile-section .nav-pills li p {
        padding-bottom: 20px;
        padding-top: 20px;
        font-size: 14px;
    }
    .dashboard-section .doctorssss {
        padding: 50px 15px;
    }
    .dashboard-section .doctorcard {
        padding: 20px;
    }
    .doctorcard .assign-btn {
        padding: 14px 21px;
        font-size: 14px;
    }
}

@media(max-width: 767px) {
    .change-password-section {
        padding: 70px 0px;
    }
    .editprofile-section .nav-pills li a,
    .editprofile-section .nav-pills li p {
        padding-bottom: 15px;
        padding-top: 15px;
    }
    .tela-form-btns button {
        margin-bottom: 20px;
    }
    .table-date-image {
        display: block;
    }
    .doctor-search .btn-search {
        width: 100%;
    }
    .doctorssss {
        padding: 50px 0px;
    }
    .upperpatiant .nav-item {
        justify-content: flex-start;
    }
    .tl-availability-section form select {
        margin-bottom: 15px;
    }
    .tl-availablity-row {
        flex-direction: column-reverse;
    }
    .tl-edit-avail-btn{
        margin-bottom: 15px;
    }
}

@media only screen and (max-width: 736px) {
    .tela .container .card {
        border: none;
        min-height: 19rem;
    }
    .price {
        margin-top: 0;
        margin-bottom: 3rem;
    }
}

@media only screen and (max-width: 731px) {
    .service,
    .service .card {
        min-height: 60rem;
    }
    .tela .container .card {
        border: none;
        min-height: 23rem;
    }
    .price {
        margin-top: 0;
        margin-bottom: 3rem;
    }
    .editprofile-section .edit-profile-form {
        padding: 10px;
    }
}

@media only screen and (max-width: 640px) {
    .how-works .container .row .d-flex a {
        width: 41%;
        margin-bottom: 2rem;
        text-align: center;
    }
    .tela .container .card {
        border: none;
        min-height: 16rem;
    }
    .price {
        margin-top: -15rem;
        margin-bottom: 3rem;
    }
    .contact .row .right,
    .contact .row .left {
        padding-left: 0;
    }
    .service,
    .service .card {
        min-height: 66rem;
    }
}

@media only screen and (max-width: 576px) {
    .tela {
        min-height: 238.5rem;
    }
    .service,
    .service .card {
        min-height: 0;
    }
    .tela .container .card {
        border: none;
        min-height: 0;
    }
    .price {
        margin-top: -75rem;
        margin-bottom: 3rem;
    }
    .alllappoinments .nav.nav-pills.v2 {
        flex-direction: column;
    }
    .alllappoinments .nav-pills li a,
    .alllappoinments .nav-pills li p {
        padding-bottom: 15px;
        padding-top: 15px;
    }
    .alllappoinments table td {
        font-size: 12px;
    }
    .change-pass-btns button {
        padding: 14px 20px;
        font-size: 13px;
    }
    .editprofile-section .edit-profile-form {
        padding: 5px;
    }
}

@media (max-width: 575px) {
    .upperpatiant input {
        margin-bottom: 10px;
    }
    .patianttable .appointement-img {
        display: block;
    }
}

@media only screen and (max-width: 480px) {
    .price {
        margin-top: -75rem;
        margin-bottom: 3rem;
    }
    .price .container {
        margin-top: 8rem;
    }
    .apoinmentta .marked {
        display: block;
        margin-bottom: 5px;
    }
    .tela-form-btns {
        margin-bottom: 30px;
    }
    .tl-basic-information {
        padding: 20px 20px;
        font-size: 15px;
    }
    .doctorcard .assign-btn {
        padding: 14px 16px;
    }
    .tl-availablity-dates .repeat-one .col-5 {
        margin-right: 10px;
    }
}

@media only screen and (max-width: 376px) {
    .price {
        margin-top: -72rem;
        margin-bottom: 3rem;
    }
    .price .container {
        margin-top: 17rem;
    }
    .service {
        margin-top: 4rem;
    }
    .hero {
        min-height: 86rem;
        width: 100%;
    }
    .container {
        width: 98%;
    }
    .offset-1 {
        margin-left: 0;
    }
    .col,
    .col-1,
    .col-10,
    .col-11,
    .col-12,
    .col-2,
    .col-3,
    .col-4,
    .col-5,
    .col-6,
    .col-7,
    .col-8,
    .col-9,
    .col-auto,
    .col-lg,
    .col-lg-1,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-lg-auto,
    .col-md,
    .col-md-1,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-auto,
    .col-sm,
    .col-sm-1,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-sm-auto,
    .col-xl,
    .col-xl-1,
    .col-xl-10,
    .col-xl-11,
    .col-xl-12,
    .col-xl-2,
    .col-xl-3,
    .col-xl-4,
    .col-xl-5,
    .col-xl-6,
    .col-xl-7,
    .col-xl-8,
    .col-xl-9,
    .col-xl-auto {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .row {
        margin-right: 0 !important;
        margin-left: 0 !important;
        overflow-x: hidden;
    }
    .how-works .container .row .d-flex a {
        padding: 1rem 1rem;
    }
    .how-works .container .row .d-flex img.liner {
        margin-top: -1rem;
        margin-bottom: 1rem;
    }
    .foot-menu .d-inline-block {
        display: block !important;
    }
}

@media only screen and (max-width: 320px) {
    .hero {
        min-height: 107rem;
        width: 100%;
    }
}