@media screen and (max-width:1640px) {
    body {
        font-size: 15px;
    }

    h1 {
        font-size: 45px;
    }

    h2 {
        font-size: 40px;
    }

    h4 {
        font-size: 22px;
    }

    h5 {
        font-size: 20px;
    }

    .btn-custom-big {
        height: 55px;
        line-height: 55px;
    }

    .container {
        max-width: 1260px;
    }

    .header {
        padding: 20px 0;
    }

    .navigation ul li {
        margin-right: 30px;
        font-size: 16px;
    }

    .loginBtn a {
        font-size: 16px;
    }

    .register-btn {
        padding: 10px 20px;
        font-size: 16px;
    }



    .orderHd {
        font-size: 16px;
    }

    .search-block {
        max-width: 720px;
    }


    /* .search-block .btn-custom {height:60px;line-height:60px;font-size: 16px;} */
    .search-box .form-control {
        font-size: 16px;
    }



    .categoriesBlock,
    .servicesBlock,
    .recentBlock,
    .recentjobBlock,
    .blog-section {
        padding: 50px 0;
    }

    .categoriesCard {
        padding: 5px;
    }

    .categoriesTitle {
        font-size: 16px;
    }

    .categoriesCard img {
        max-width: 80px;
    }

    .categoriesCard {
        min-height: 180px;
    }



    .popularSearchesBlock {
        padding: 60px 0;
    }

    .headingBlock {
        padding-bottom: 20px;
    }

    .btn-custom-big {
        font-size: 18px;
    }

    .customerJoinBlock {
        padding: 60px 0;
    }

    .testimonialBlock {
        padding-top: 60px;
    }

    .testimonialSlider.owl-carousel .owl-stage-outer {
        padding: 140px 0 80px;
    }

    .testimonialCard {
        border-radius: 20px;
        padding: 30px;
    }

    .aboutBlock {
        padding: 60px 0;
    }

    .group-number .tooltiptext {
        right: -70px;
    }




    .login-layout-lt {
        padding: 30px;
    }

    .caption-card h1 {
        font-size: 52px;
        margin-bottom: 20px;
    }

    .caption-card p {
        font-size: 17px;
    }

    .login-layout-rt h2 {
        font-size: 48px;
    }

    .login-layout-stepper {
        flex: 0 0 200px;
        max-width: 200px;
    }

    .login-layout-rt {
        flex: 0 0 550px;
        max-width: 550px;

    }

    .login-layout-stepper ul li .icon {
        width: 60px;
        height: 60px;
    }

    .login-layout-stepper ul li .icon img {
        max-width: 30px;
    }

    .login-layout-stepper ul li span {
        font-size: 14px;
        margin-top: 6px;
    }




    .user-box h1 {
        font-size: 35px;
        margin-bottom: 10px;
    }

    .user-box,
    .user-box .media {
        margin-bottom: 20px;
    }

    .detail-img-box {
        max-width: 185px;
        min-height: 185px;
    }

    .size-box .media {
        padding: 15px 12px;
        margin-bottom: 20px;
    }

    .size-box .media-body span {
        font-size: 14px;
    }

    .plan-box {
        padding: 20px;
    }

    .plan-box img {
        max-width: 65px;
    }

    .plan-box a.btn-custom {
        height: 45px;
        line-height: 45px;
        font-size: 14px;
        display: inline-block;
        width: 100%;
    }

    .plan-inner {
        padding: 20px;
    }

    .plan-txt p {
        font-size: 14px;
    }

    .weekly-title {
        margin-bottom: 5px;
        font-size: 16px;
    }

    .weekly-price {
        font-size: 19px;
    }

    .weekly-price span {
        font-size: 12px;
    }



    .order-title h1 {
        font-size: 40px;
    }

    .order-title p {
        font-size: 16px;
    }

    .order-price {
        font-size: 25px;
    }

    .order-price span {
        font-size: 16px;
    }

    .order-clean-txt .media-body p {
        font-size: 16px;
    }

    .order-clean-txt .media img {
        max-width: 50px;
    }

    .payment-btn {
        margin-bottom: 20px;
    }

    .add-services-plan .plan-box {
        padding: 20px 12px;
    }

    .add-services-plan .weekly-price {
        font-size: 22px;
    }

    .add-services-plan .weekly-price span {
        font-size: 12px;
    }

    .booking-dtl-wrapper {
        margin-bottom: 25px;
    }

    .booking-dtl {
        padding: 20px;
    }

    .booking-dtl .img-box img {
        width: 120px;
        height: 120px;
    }

    .booking-dtl-amount strong {
        font-size: 26px;
    }

    .booking-dtl-amount {
        padding: 20px 15px;
        font-size: 21px;
    }


    .service-dtl .media-body {
        margin-left: 30px;
    }

    .service-dtl .detail-img-box {
        max-width: 180px;
        min-height: 180px;
    }

    .service-dtl p {
        font-size: 14px;
    }

    .name-text a {
        font-size: 22px;
    }

    .service-dtl .media-body ul {
        margin-bottom: 10px;
    }


    .payment {
        padding: 35px 0 20px;
    }

    .payment .btn-custom {
        min-width: auto;
    }

    .payment figure img {
        max-width: 100px;
    }

    .payment h2 {
        font-size: 30px;
        margin-bottom: 15px;
    }

    .payment p {
        margin: 0 0 25px;
    }

    .payment .btn-custom {
        min-width: 150px;
    }

    .pay-amount-list {
        font-size: 16px;
        padding: 20px 25px;
        margin-bottom: 25px;
    }

    .pay-amount-list li {
        padding-bottom: 10px;
        margin-bottom: 10px;
    }


    .error {
        /* padding: 20px 0; */
    }

    .error figure img {
        max-width: 100px;
    }

    .error h2 {
        font-size: 30px;
        margin-bottom: 15px;
    }

    .error p {
        margin: 0 0 25px;
    }

    .error .btn-custom {
        min-width: auto;
        line-height: 50px;
        font-size: 18px;
        height: 50px;
    }

    .payment-sec.success-discount-sec {
        padding: 20px;
    }

    .payment-top-box h1 {
        margin-bottom: 15px;
        font-size: 35px;
    }

    .email-address form {
        margin-top: 30px;
    }

    .payment-inner.succecc-full-pay {
        margin: 0 auto;
        padding: 30px;
    }

    .payment-top-box h1 {
        font-size: 30px;
    }

    .payment-top-box img {
        max-width: 110px;
    }

    .payment-sec.success-discount-sec .media img {
        margin-right: 20px;
        max-width: 70px;
    }


    .plansCheckBlock .custom-checkbox {
        top: 10px;
        right: 10px;
    }

    .my-job-table td {
        padding: 11px;
    }

    .designation-box {
        font-size: 17px;
    }

    .my-price-txt {
        font-size: 16px;
        gap: 5px;
    }

    .job_img {
        width: 58px;
        margin-right: 11px;
    }

    .agentloginimglt img {
        max-width: 200px;
    }

    .agentloginimgmiddle img {
        max-width: 300px;
    }

    .login-layout-rt-content .title,
    .login-layout-rt-content .nav-tabs {
        margin-bottom: 30px;
    }


    .specialities-list ul {
        padding-top: 60px;
        max-width: 1030px;
    }

    .arrow-box {
        top: 0px;
    }

    .appointment-main-box {
        padding: 45px;
    }

    .doctors-info {
        margin-top: -145px;
        padding-top: 160px;
    }

    .overlay-box {
        width: 223px;
    }

    .doctors-img img {
        width: 223px !important;
    }

    .choose-main-lt {
        width: 90px;
        height: 90px;
    }

    .choose-main-rt h4 {
        margin-bottom: 5px;
    }


    .miles-box {
        width: auto;
        font-size: 13px;
        top: 9px;
    }

    .our-doctors-card {
        padding: 27px;
    }

    .recent-tp-tag {
        max-width: 310px;
    }
}

@media screen and (max-width:1400px) {
    .categoriesBlockSlider .owl-controls .owl-nav {
        display: none;
    }

    .group-number .tooltiptext {
        width: 200px;
        top: -136px;
        right: -25px;
        padding: 10px;
        font-size: 13px;
    }





    .recentSlider .owl-nav,
    .categoriesBlockSlider .owl-nav {
        right: 10px;
        left: 10px;
        z-index: 9;
    }

    .categoriesBlockSlider .owl-nav .owl-prev,
    .categoriesBlockSlider .owl-nav .owl-next {
        width: 30px;
        height: 30px;
        background-size: contain;
    }

    .recentSlider .owl-nav .owl-prev,
    .recentSlider .owl-nav .owl-next {
        width: 40px;
        height: 40px;
        background-color: #fff;
        border-radius: 60px;
        background-size: contain;
    }

    .recent-info {
        padding-top: 10px;
    }



    .recent-card,
    .recentjobBlock .recent-card {
        padding: 15px;
    }

    .ex-btn {
        font-size: 16px;
    }

    .ex-btn img {
        max-width: 25px;
    }


    .services-info-txt h6 a {
        padding: 20px;
        font-size: 16px;
    }



    .servicesBlock:before,
    .categoriesBlock::before,
    .categoriesBlock::after,
    .recentjobBlock:before,
    .recentjobBlock:after {
        display: none;
    }

    .categoriesTitle,
    .categoriesCardInfo span {
        font-size: 14px;
    }

    .recent-tp-tag {
        max-width: 285px;
    }

    .recentBlock {
        background-image: none;
    }

    .recentSlider .owl-nav {
        top: 40%;
        transform: translateY(-40%);
    }

    .recentSlider .owl-nav .owl-prev:hover,
    .recentSlider .owl-nav .owl-next:hover {
        filter: none;
    }

    .navigation li a {
        margin-right: 0px;
    }

    .navigation ul li {
        margin-right: 10px;
    }

    .top-section-main:before {
        background-size: contain;
        top: -40px;
    }

    .header {
        margin-bottom: 30px;
    }

    .specialities-list {
        padding-bottom: 30px;
    }

    .specialities-section {
        padding: 45px 0;
    }

    .about-section:before {
        width: 75px;
        height: 651px;
        background-size: contain;
    }

    .appointment-main-box {
        padding: 35px;
    }

    .why-choose,
    .faq-box,
    .reviews-section {
        padding: 50px 0;
    }

    .top-rated-section {
        padding: 50px 0 45px 0;
    }

    .appointment-section {
        padding: 30px 0;
    }

    .about-sub-title {
        margin-bottom: 15px;
    }


    .specialities-section {
        background: transparent;
    }

}

@media screen and (max-width:1340px) {
    .career-bx .story-txt-info h3 {
        margin-bottom: 15px;
        font-size: 35px;
    }

    .career-bx .story-txt-info p {
        margin-bottom: 15px;
    }

    .articles-txt-info h4 {
        margin-bottom: 5px;
        font-size: 20px;
        line-height: 1.4;
    }

    .articles-list-info {
        padding-left: 20px;
    }

    .dashboard-Lt strong {
        font-size: 22px;
    }

    .dashboard-Lt {
        font-size: 16px;
    }


    .about-section:before,
    .about-section:after,
    .top-section-main:before {
        display: none;
    }

    .search-field {
        margin: 10px 0px 10px 20px;
        height: 50px;
    }

    .faq-bx .card-header a {
        font-size: 16px;
    }

    .healthy-txt {
        display: none;
    }

    .detail-profile-info small {
        font-size: 14px;
    }

    .detail-profile-info .dr-review>img {
        width: 67px;
    }

    .detail-profile-info h3 {
        margin-bottom: 8px;
        font-size: 22px;
        color: #fff;
    }

    .detail-profile-info {
        padding: 15px;
    }

    .detail-profile-info-top .dr-review .miles-box {
        width: 77px;
        font-size: 10px;
        padding: 6px 7px;
        top: 52px;
    }

    .detail-profile-bottom {
        padding-top: 15px;
    }

    .detail-profile-info-top {
        padding-bottom: 20px;
    }

    .detail-profile-info .detail-profile-bottom small {
        font-size: 14px;
    }

    .detail-profile-bottom li span {
        font-size: 16px;
    }

    .detail-profile-bottom li {
        margin-bottom: 14px;
    }


    .wrapper-inner {
        padding: 40px 0;
    }

}

@media screen and (max-width:1199px) {
    body {
        font-size: 14px;
    }

    .btn-custom {
        height: 40px;
        line-height: 40px;
        font-size: 14px;
    }

    h1 {
        font-size: 35px;
    }

    h2 {
        font-size: 30px;
    }

    h3 {
        font-size: 30px;
    }


    h4 {
        font-size: 20px;
    }

    h5 {
        font-size: 18px;
    }

    .btn-custom-big {
        height: 50px;
        line-height: 50px;
    }

    .logo {
        width: 170px;
        padding-left: 25px;
    }

    .register-btn {
        padding: 10px 20px 10px 10px;
        font-size: 16px;
    }

    .register-btn i {
        width: 40px;
        height: 40px;
    }

    .loginInfoHead span {
        line-height: 18px;
        font-size: 14px;
    }

    .register-btn i img {
        width: 18px;
    }

    .loginInfoHead span {
        line-height: 18px;
        font-size: 13px;
    }

    .navigation li a {
        padding: 7px 15px;
        font-size: 14px;
    }

    .search-block .btn-custom {
        height: 70px;
        font-size: 14px;
        padding: 0px 10px;
        width: 80px;
    }

    .search-field {
        margin: 7px 0px 7px 15px;
        height: 50px;
    }

    .img-sec {
        width: 40px;
        flex: 0 0 40px;
        height: 40px;
        margin-right: 5px;
    }

    .img-sec img {
        width: 14px;
    }

    .search-box input {
        width: 125px;
    }

    .arrow-box {
        display: none;
    }

    .specialities-list ul {
        padding-top: 20px;
    }

    .specialities-top .btn-custom {
        width: 125px;
    }

    .appointment-main-box {
        border-radius: 40px;
        padding: 25px;
    }

    .appointment-imgholder img {
        border-radius: 40px;
    }

    .appointment-main-box h4 {
        font-size: 23px;
    }

    .appointment-slider .item {
        padding: 20px 10px;
    }

    .appointment-arrow img {
        bottom: 15px;
        right: 19px;
    }

    .choose-main-rt {
        max-width: 320px;
    }

    .logoFt {
        max-width: 180px;
        margin-bottom: 20px;
    }

    .ftNav ul li {
        margin-bottom: 5px;
    }

    .ftNavHeading {
        padding-bottom: 6px;
        margin-bottom: 20px;
    }


    .contactInfoRight {
        margin-bottom: 20px;
    }

    .topFooter {
        padding: 30px 0;
    }

    .bottomFooter {
        padding: 20px 0;
    }

    .why-choose,
    .faq-box,
    .reviews-section {
        padding: 40px 0;
    }

    .top-rated-section {
        padding: 40px 0 35px 0;
    }

    .appointment-sub-top {
        margin-bottom: 10px;
    }


    .recent-tp-tag {
        max-width: 245px;
    }


    .our-doctors-top .our-doctors-lt {
        max-width: 470px;
    }

    .our-doctors-lt p br {
        display: none;
    }

    .our-doctors-lt-inner .form-control {
        width: 350px;
    }

    .our-doctors-top {
        gap: 10px;
        margin-bottom: 30px;
    }

    .available-slots-box ul {
        width: 570px;
    }

    .appointment-main .nav-item .nav-link {
        font-size: 19px;
        padding: 15px 10px;
    }

    .agentloginimgmiddle img {
        max-width: 260px;
    }

    .login-layout-rt-content .nav-tabs .nav-link.active {    width: 100%;}
    .login-layout-rt-content .nav-tabs .nav-link {
        padding: 20px 10px;}

        .login-layout-rt-content .nav-tabs .nav-item {
            margin: 0px 14px;
            width: 43%;}
            .login-layout-rt {
                flex: 0 0 50%;
                max-width:  50%;
            }

            .login-layout-button small {
                font-size: 13px;
            }

            .login-layout-rt-content .nav-tabs .nav-link.active {    padding: 15px 15px;}
            .staff-member-sec .btn-custom {
                border-radius: 5px;         height: 50px;
                line-height:50px;
            }

            .our-doctors-lt-inner .form-control {
                width: 280px;
            }

            .our-doctors-card {
                padding: 20px;
            }

            .specialities-list ul:after { display: none;}
           

}

@media screen and (max-width:991px) {

    h1 {
        font-size: 30px;
    }

    h2 {
        font-size: 25px;
    }




    .navigation ul li {
        margin-right: 10px;
        font-size: 13px;
    }

    .loginBtn a {
        font-size: 14px;
    }


    .categoriesBlock {
        padding: 50px 0 20px;
    }

    .categoriesBlock .row {
        justify-content: center;
    }

    .categoriesCard {
        min-height: 160px;
        margin-bottom: 30px;
        height: calc(100% - 30px);
    }

    .popularSearchesBlock {
        padding: 50px 0;
    }

    .popularTag {
        font-size: 10px;
        padding: 5px;
    }

    .btn-custom-big {
        padding: 0 30px;
    }

    .customerJoinInfo {
        padding-left: 0;
    }

    .testimonialBlock {
        padding-top: 40px;
    }


    .privacyNav li {
        margin-right: 5px;
    }

    .profile-dash {
        display: block;
    }

    .profile-dash-lt {
        width: 100%;
        flex: 0 0 100%;
        margin-bottom: 20px;
    }

    .profile-dash-rt {
        width: 100%;
        flex: 0 0 100%;
    }

    .upload-image {
        top: 20px;
        right: 20px;
        width: 40px;
        height: 40px;
    }

    .upload-image a {
        padding: 10px;
    }

    .upload-image .tooltiptext {
        width: 100px;
        padding: 6px 0;
        font-size: 13px;
    }




    .login-layout {
        flex-direction: column;
    }

    .login-layout-lt {
        padding: 30px 15px;
    }

    .caption-card h1 br {
        display: none;
    }

    .login-layout-stepper {
        flex: 0 0 100%;
        max-width: 100%;
        padding: 20px 15px;
    }

    .login-layout-rt {
        flex: 0 0 100%;
        max-width: 100%;
        padding: 30px 15px 30px;
    }

    .login-layout-stepper ul {
        flex-direction: row;
        width: 100%;
    }

    .login-layout-stepper ul li .icon {
        width: 40px;
        height: 40px;
        border-width: 2px;
    }

    .login-layout-stepper ul li .icon img {
        max-width: 20px;
    }

    .login-layout-stepper ul li:not(:last-child) {
        margin: 0;
    }

    .login-layout-stepper ul li:not(:first-child)::after {
        right: calc(50% + 20px);
        height: 2px;
        width: calc(100% - 40px);
        top: 20px;
        left: inherit;
    }

    .back-icon {
        right: inherit;
        top: 20px;
        left: 15px;
    }

    .login-layout-rt-content {
        width: 100%;
        max-width: 100%;
    }

    .login-layout-rt-content h6 {
        font-size: 20px;
    }

    .step3 figure {
        margin-bottom: 20px;
    }



    .user-box h1 {
        font-size: 30px;
    }

    .user-box .media img {
        width: 50px;
        height: 50px;
    }

    .detail-img-box {
        max-width: 185px;
        min-height: 155px;
    }

    .plan-box {
        margin-bottom: 30px;
        text-align: center;
        background: #fff;
        box-shadow: 0 0 20px #ededed;
        height: calc(100% - 30px);
    }

    .plan-inner {
        padding: 30px 25px 0px 25px;
    }

    .upload-image .tooltiptext {
        display: none;
    }


    .order-clean-txt .media-body h4 {
        font-size: 20px;
    }

    .order-clean-txt .media-body p {
        font-size: 14px;
    }

    .order-price span,
    .order-title p {
        font-size: 14px;
    }

    .order-title h1 {
        font-size: 35px;
    }

    .booking-dtl-amount {
        padding: 15px;
        font-size: 18px;
    }

    .booking-dtl-amount strong {
        font-size: 22px;
    }


    .profile-dash {
        flex-direction: column;
    }

    .profile-dash-lt {
        margin-bottom: 30px;
        width: 100%;
    }

    .profile-dash-rt {
        width: 100%;
        margin-left: 0px;
    }

    .profile-img {
        max-width: 95%;
    }


    .service-dtl .booking-dtl {
        padding-right: 0;
        padding-left: 5px;
    }

    .service-dtl ul.pay-amount-list li {
        font-size: 14px;
    }


    .payment {
        padding: 10px 0 0;
    }

    .payment h2 {
        font-size: 26px;
    }

    .payment figure {
        margin: 0px 0 20px;
    }

    .error {
        padding: 0;
    }

    .error h2 {
        font-size: 26px;
    }

    .error figure {
        margin: 0px 0 20px;
    }

    .list-serach-box {
        margin-bottom: 30px;
    }

    .list-serach-rt {
        text-align: center;
        width: 25%;
    }

    .popularSearchesBlock.browse-services-bx {
        padding-top: 30px;
        background: none;
    }






    .loginBtn {
        margin-right: 10px;
    }

    .categoriesCard img {
        max-width: 70px;
    }

    .categoriesBlock,
    .servicesBlock,
    .recentBlock,
    .recentjobBlock,
    .blog-section {
        padding: 30px 0;
    }

    .recentBlock br,
    .recentjobBlock br {
        display: none;
    }

    .recentSlider .item {
        padding: 10px 10px;
    }

    .availableTag {
        padding: 5px;
        width: auto;
    }



    .cardInfo li {
        font-size: 11px;
    }

    .testimonialHeading {
        padding-bottom: 20px;
        flex-direction: column;
        align-items: start !important;
    }

    .testimonialBlock .owl-nav {
        width: 75px;
    }

    .testimonialSlider.owl-carousel .owl-stage-outer {
        padding: 120px 0 50px;
    }

    .search-box label,
    .search-block .select2-container .select2-selection--single .select2-selection__rendered {
        font-size: 14px;
    }

    .img-sec {
        width: 35px;
        flex: 0 0 35px;
        height: 35px;
    }

    .search-field {
        height: 50px;
    }

    .services-card {
        margin-bottom: 30px;
    }

    .services-img::after {
        height: 100%;
        width: 100%;
        background-size: contain;
    }

    .villalistcarduper .filter-title {
        font-size: 22px;
    }

    .wrapper-inner {
        padding: 30px 0;
    }

    .job-listing .job-title {
        font-size: 24px;
    }



    .topFooter {
        padding: 30px 0;
    }

    .bottomFooter {
        padding: 20px 0;
    }

    .srch-icon {
        margin-right: 11px;
    }

    .navigation ul li {
        margin-right: 6px;
    }

    .loginBtn a {
        font-size: 13px;
    }

    .detail-bx {
        padding: 15px;
    }

    .job-detail li {
        line-height: 23px;
        margin-bottom: 7px;
        font-size: 14px;
    }

    .job-detail h5 {
        padding-bottom: 10px;
        margin-bottom: 10px;
    }

    .detail-bx {
        margin-bottom: 30px;
    }


    .story-txt-info h3 {
        font-size: 23px;
    }

    .story-txt-info p {
        margin-bottom: 15px;
    }

    .plan-bx-main li {
        padding: 5px 0;
        padding-left: 25px;
        font-size: 13px;
    }

    .price-txt {
        font-size: 30px;
    }

    .plan-bx-main .top-txt {
        font-size: 19px;
    }

    .plan-bx-main li:before {
        background-size: contain;
        width: 15px;
        height: 15px;
        top: 17px;
    }

    .plan-bx-main .btn-custom {
        margin-top: 19px;
        width: 100%;
        font-size: 13px;
    }

    .plan-tp p {
        font-size: 12px;
    }

    .select-plan-main .nav-item h6 {
        font-size: 17px;
    }

    .plan-member h6 {
        margin-bottom: 10px;
        font-size: 18px;
    }

    .plan-member [type="radio"]:checked+label:after,
    .plan-member [type="radio"]:not(:checked)+label:after {

        left: -27px;
        background: #fff;
    }

    .my-profile-inner {
        padding: 20px;
    }

    .profile-dash-lt {
        margin-bottom: 20px;
        width: 100%;
        padding-bottom: 0px;
    }

    .duration-bx .browse {
        width: 55px;
    }

    .career-bx .story-txt-info h3 {
        font-size: 26px;
    }

    .articles-list-img img {
        height: auto;
    }

    .articles-info {
        margin-top: 10px;
        font-size: 12px;
    }

    .articles-time {
        line-height: normal;
    }

    .articles-time img {
        margin-right: 7px;
        max-width: 15px;
    }

    .articles-txt-info h4 {
        font-size: 16px;
    }

    .userInfoBlock span small {
        font-size: 12px;
    }

    .userInfoBlock span {
        font-size: 14px;
    }

    .userLoginCard {
        margin-left: 5px;
    }

    .dashboard-Lt {
        font-size: 14px;
        width: 100%;
        margin-top: 10px;
    }

    .dashboard-Lt {
        font-size: 12px;
    }

    .dashboard-Lt strong {
        font-size: 20px;
    }

    .dashboard-list {
        margin-bottom: 20px;
    }

    .dashboard-Lt strong {
        font-size: 25px;
    }

    .dashboard-Lt {
        font-size: 16px;
    }

    .vacancy-top-row {
        flex-direction: column;
    }

    .vacancy-top-row h5 {
        margin-bottom: 20px;
        display: block;
        width: 100%;
        text-align: center;
    }

    .vacancy-top-row ul {
        width: 100%;
        justify-content: center;
    }

    .jobrt-bx {
        width: 100%;
        margin-top: 20px;
    }

    .jobrt-bx .form-group-input {
        width: 100%;
    }


    .jobrt-bx .form-control {
        background-position: 98% !important;
    }

    .agentloginimgbx {
        display: none !important;
    }

    .login-layout-rt-content .nav-tabs .nav-link,
    .login-layout-rt-content .nav-tabs .nav-link.active {
        width: 210px;
    }

    .login-layout-rt-content .nav-tabs {
        max-width: 520px;
        margin: 10px auto;
    }

    .agentloginLtinfo h4 {
        margin-bottom: 10px;
    }

    .agentloginLtinfo img {
        max-width: 260px;
    }

    .login-location .btn-custom {
        width: 275px;
        font-size: 14px;
        margin-top: 10px;
    }

    .location-field {
        padding: 15px;
    }

    .login-location {
        margin-top: 30px;
    }

    .right-arrow {
        right: 20px;
    }

    .location-box-lt img {
        max-width: 20px;
    }

    .change-txt {
        font-size: 12px;
    }

    .search-block .btn-custom {
        height: 65px;
        font-size: 12px;
        padding: 0px 10px;
        width: 80px;
    }

    .top-sub-title {
        margin-bottom: 15px;
        padding: 10px;
    }

    .specialities-list ul:after {
        display: none;
    }

    .specialities-list li a span {
        width: 80px;
        height: 80px;
    }

    .specialities-list li {
        width: 170px;
        padding: 10px;
    }

    .specialities-list li a span img {
        width: 50px;
    }

    .specialities-list li:hover {
        padding: 10px;
        width: 170px;
        box-shadow: 0px 0px 20px #f05a2854;
    }


    .navigation li a {
        padding: 7px 11px;
        font-size: 13px;
    }

    .logo {
        width: 150px;
        padding-left: 15px;
    }

    .navigation li:last-child a {
        margin-right: 0;
    }

    .loginInfoHead span {
        line-height: 14px;
        font-size: 13px;
    }

    .register-btn i {
        width: 40px;
        height: 40px;
        margin-right: 9px;
    }

    .search-box input {
        width: 85px;
    }

    .search-field {
        margin: 7px 0px 7px 10px;
    }

    .search-block span {
        display: none;
    }

    .search-block .btn-custom {
        height: 55px;
        width: 55px;
    }

    .search-field {
        margin: 1px 0px 1px 10px;
    }

    .search-field:last-child {
        border-right: none;
    }

    .appointment-main-box {
        border-radius: 40px;
        padding: 25px;
    }

    .appointment-imgholder img {
        border-radius: 20px;
    }

    .appointment-main-box h4 {
        height: 60px;
    }

    .owl-carousel .appointment-arrow img {
        width: 32px !important;
        padding: 5px;
    }

    .appointment-main-box {
        border-radius: 30px;
        padding: 25px 22px;
    }

    .appointment-arrow img {
        bottom: 15px;
        right: 9px;
    }

    .top-sub-title {

        padding: 7px;
        width: 130px;
    }

    .choose-main-rt {
        max-width: 250px;
    }

    .doctors-info .btn-custom {
        width: 100%;
    }

    .doctors-info {
        margin-top: -115px;
        padding-top: 130px;
    }

    .specialities-list li a span img {
        width: 40px;
    }

    .specialities-list li a span {
        width: 70px;
        height: 70px;
    }

    .specialities-list li {
        width: auto;
    }


    .container2 {
        display: inline-block;
        cursor: pointer;
    }

    .bar1,
    .bar2,
    .bar3 {
        width: 25px;
        height: 2px;
        background-color: #183297;
        margin: 5px 0;
        transition: 0.4s;
    }

    .scroll-hidden .headerRight::after {
        content: "";
        background: rgba(0, 0, 0, 0.4);
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        z-index: 99;
    }

    .iphonNav .logo,
    .iphonNav .loginInfoHead {
        display: none !important;
    }

    .appointment-section .owl-nav button.owl-prev,
    .appointment-section .owl-nav button.owl-next {
        background-size: contain !important;
    }

    .appointment-section .owl-nav {
        top: -91px;
        width: 75px;
    }

    .appointment-section .owl-nav button.owl-prev,
    .appointment-section .owl-nav button.owl-next {
        width: 32px;
        height: 32px;
    }

    .education-box {
        width: 100%;
    }

    .working-time-inner {
        flex-wrap: wrap;
    }

    .detail-profile-info .dr-review strong {
        line-height: 16px;
    }

    .detail-profile-info h3 {
        font-size: 20px;
    }

    .detail-profile-bottom li span {
        font-size: 14px;
    }

    .education-box {
        margin-bottom: 15px;
    }

    .detail-profile-info-top {
        padding-top: 30px;
    }

    .detail-profile-info-top .dr-review .miles-box {
        top: 0;
    }

    .detail-profile-img .fa-heart {
        font-size: 20px;
    }

    .fee-list li {
        width: 35%;
    }

    .detail-profile-info .detail-profile-bottom small {
        font-size: 11px;
    }

    .dr-prescription-text-info h4 {
        font-size: 19px;
        margin-bottom: 5px;
    }

    .dr-prescription-box-lt {
        gap: 10px;
    }






    .dr-prescription-icon {
        width: 40px;
        height: 40px;
    }

    .dr-prescription-icon img {
        width: 17px;
    }

    .dr-prescription-img-info img {
        border-radius: 10px;
        width: 60px;
    }

    .dr-prescription-text-info span {
        font-size: 13px;
    }

    .filter-head .btn-custom {
        width: 130px;
    }


    .login-layout-rt-content .tab-content {
        margin-top: 30px;
    }

    /* .our-doctors-btn .btn-custom {
        max-width: 140px;         line-height: 37px;
    } */
  
    .dashboard-list {        flex-direction: column;         text-align: center;}
    .dashboard-Lt {margin-bottom: 10px;}

    .calling-screen {
        margin-bottom: 15px;
        position: relative;
        padding: 0 15px;
    }

    .small-calling-screen {
        left: 15px;
        width: 90px;
        border: 2px solid #ccc;
    }
    .calling-screen-footer .call-disconnect {
        padding: 0;
        width: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 40px;
    }

    .calling-screen-footer .call-disconnect img {
        width: 20px;
    }

    #medicine-table .form-control {    min-width: 130px;}

    
}


@media screen and (max-width:767px) {
    
    .calling-btn-row li a {
        width: 34px;
        height: 34px;
        margin: 0 3px;
    }

    .calling-btn-row li a img {
        width: 14px;
    }

    .calling-btn-row li:first-child a img {
        width: 18px;
    }

    .calling-screen-footer .call-disconnect {
        width: 34px;
        height: 34px;
    }
    
    h1 {
        font-size: 25px;
    }

    .iphonNav .logo {
        display: block;
    }

    .logo {
        width: 135px;
        display: block;
    }

    .menuImage {
        margin: 0;
        position: absolute;
        right: 15px;
        top: 4px;
        z-index: 1;
    }

    .menuImage>img {
        height: auto;
        width: 100%;
    }

    .iphon_navigation {
        background: #eef8f7;
        border-radius: 0;
        bottom: 0;
        display: block !important;
        left: -260px;
        margin: 0 !important;
        position: fixed;
        text-shadow: none;
        top: 0;
        transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        transform: translateX(-100%);
        width: 260px;
        z-index: 9999;
        padding: 15px !important;
        height: 100% !important;
    }

    .nav-open {
        left: 0 !important;
    }

    .iphon_navigation ul {
        margin: 20px 0 0 0;
        padding: 0px;
        list-style: none;
        display: block;
        overflow: scroll;
        height: calc(100% - 160px);
    }

    .iphon_navigation ul li {
        display: block;
        list-style: none outside none;
        margin: 0;
        padding: 0;
        text-align: left;
        width: 100%;
        position: relative;
        border-bottom: 1px solid rgba(255, 255, 255, 0.11);
    }

    .iphon_navigation ul li:first-child {
        border-top: none;
    }

    .iphon_navigation ul li a img {
        display: none;
    }

    .parentMenu>div.subItem {
        width: 50px;
        height: 40px;
        float: right;
        background: url(../images/faq-arrowup.png) no-repeat center;
        cursor: pointer;
    }

    .parentMenuActive>div.subItem {
        width: 50px;
        height: 40px;
        position: absolute;
        right: 0;
        top: 0;
        background: url(../images/faq-arrowdown.png) no-repeat center !important;
        cursor: pointer;
    }

    .parentMenu>div.subItem {
        background: url(../images/faq-arrowup.png) no-repeat scroll center center transparent;
        cursor: pointer;
        position: absolute;
        right: 0;
        top: 0;
        width: 50px;
        height: 40px;
    }

    .iphon_navigation ul li a {
        color: #1b3c74;
        display: block;
        font-size: 16px;
        text-transform: capitalize;
        line-height: 20px;
        list-style: none outside none;
        margin: 0;
        padding: 10px 0;
        text-decoration: none;
        overflow: hidden;
        font-weight: normal;
    }

    .iphon_navigation ul li a br {
        display: none;
    }

    .iphon_navigation ul li:last-child a {
        margin: 0;
    }

    .iphon_navigation>ul ul {
        background: #529238;
        margin: 0;
        padding: 0;
        width: 100%;
        display: none;
        height: inherit;
        overflow: inherit;
    }

    .iphon_navigation ul ul li {
        list-style: none;
        margin: 0;
        padding: 0;
        text-align: left;
        width: 100%;
        border: none;
    }

    .iphon_navigation ul ul li a {
        background: #529238;
        color: #fff;
        display: block;
        list-style: none outside none;
        margin: 0 0 1px;
        text-decoration: none;
        font-size: 15px;
        padding-left: 20px;
    }

    .iphon_navigation ul ul ul {
        margin: 0;
        padding: 0;
        text-align: left;
        width: 100%;
        list-style: none;
    }

    .iphon_navigation ul ul ul li a {
        background: #00435D;
        color: #FFFFFF;
        display: block;
        font-size: 12px;
        list-style: none outside none;
        margin: 0 0 1px;
        padding: 7px 10px;
        text-decoration: none;
        text-transform: uppercase;
    }

    .iphon_navigation ul ul ul li a:hover {
        color: #fff;
        text-shadow: inherit;
        text-decoration: none;
    }

    .loginInfoHead {
        display: none !Important;
    }

    .iphonNav .logo,
    .iphonNav .loginInfoHead {
        display: block !important;
    }

    .iphonNav .loginInfoHead {
        display: block !Important;
        position: absolute;
        bottom: 0;
        right: 0;
        left: 0;
        padding: 15px;
    }

    .iphonNav .loginBtn {
        margin-right: 0;
        margin-bottom: 15px;
    }

    .iphonNav .loginBtn a {
        font-size: 14px;
        color: #fff;
        padding: 10px;
    }

    .iphonNav .loginBtn a i img {
        display: block;
        -webkit-filter: brightness(0) invert(1);
        filter: brightness(0) invert(1);
    }

    .header {
        padding: 10px 0;
    }

    .bannerSlider {
        height: auto;
    }

    .search-block {
        max-width: 100%;
    }

    .bannerUper {
        position: static;
        padding: 15px 0;
    }

    .search-inner-block {
        max-width: 100%;
        flex: 0 0 100%;
    }

    .small-search {
        width: 100%;
        margin-bottom: 10px;
    }

    .big-search {
        width: 100%;
        margin-bottom: 10px;
    }

    .search-block .btn-custom {
        width: 100%;
        flex: 0 0 100%;
        height: 45px;
        line-height: 45px;
    }

    .categoriesBlock {
        padding: 30px 0;
    }

    .categoriesCard {
        min-height: inherit;
        margin-bottom: 10px;
        height: auto;
        padding: 15px;
    }

    .searchBtnOuter {
        padding-top: 5px;
    }

    .popularSearchesBlock {
        padding: 30px 0;
    }

    .headingBlock {
        padding-bottom: 10px;
    }

    .popularSearchesCard {
        padding: 15px;
        height: auto;
        text-align: center;
    }

    .popularTag {
        font-size: 12px;
        padding: 5px 10px;
    }

    .customerJoinBlock {
        padding: 40px 0;
    }

    .customerJoinImg {
        display: none;
    }

    .testimonialSlider {
        padding: 0;
    }

    .testimonialSlider:after {
        display: none;
    }

    .center .testimonialCard {
        box-shadow: 0 5px 20px rgb(0 52 74 / 10%);
    }

    .testimonialSlider.owl-carousel .owl-stage-outer {
        padding: 60px 0 50px;
    }

    .aboutBlock {
        padding: 30px 0;
    }

    .aboutBlockLeft {
        max-width: 100%;
    }

    .aboutBlockHeading {
        padding-bottom: 20px;
        padding-right: 0;
    }

    .aboutBlockHeading h2 {
        margin-bottom: 10px;
    }

    .aboutBlockCard {
        padding: 20px;
        border-radius: 10px;
    }

    .aboutBlockRight {
        display: none;
    }

    .navTwo ul {
        width: 100%;
    }

    .topFooter {
        padding: 40px 0 20px;
    }

    .bottomFooter {
        padding: 20px 0;
        text-align: center;
    }

    .socialLinks {
        margin: 10px 0;
    }

    .privacyNav {
        justify-content: center;
    }

    .reserved {
        text-align: center;
    }

    .arrowBlock {
        display: none;
    }

    .howItWorkInst figure img {
        width: 60px;
    }

    .howItWorkInst p {
        line-height: 22px;
    }

    .categoriesBlock:before,
    .categoriesBlock:after {
        display: none;
    }

    .testimonialBlock .owl-controls .owl-nav {
        top: -28px;
        width: 70px;
    }

    .userLoginCard {
        display: none !important;
    }




    .caption-card h1 {
        font-size: 32px;
        margin-bottom: 15px;
    }

    .login-layout-rt h2 {
        font-size: 26px;
    }

    .login-layout-stepper ul li span {
        font-size: 12px;
    }

    .login-layout-rt label {
        font-size: 14px;
    }

    .caption-card h1 {
        font-size: 32px;
    }

    .login-layout-rt h2 {
        font-size: 28px;
    }

    .login-layout-stepper ul li span {
        display: none;
    }

    .caption-card img {
        max-width: 130px;
    }

    .login-form .modal-body {
        padding: 20px;
    }










    .input-icon {
        top: 40px;
    }



    .cardImg img {
        width: 100%;
    }

    .blogcard {
        margin-bottom: 30px;
    }

    .availableTag {
        width: auto;
    }

    .services-img::after {
        height: 81px;
    }

    .services-info-txt h6 a {
        font-size: 20px;
        padding: 20px 10px;
    }

    .blog-top p {
        margin-bottom: 20px;
    }

    .ftNavHeading,
    .socialInfo .contactInfoRight {
        margin-bottom: 20px;
    }

    .banner {
        padding-top: 50px;
    }

    .small-search {
        border-right: 0px;
        padding-right: 0;
    }

    .search-block .select2-container .select2-selection--single .select2-selection__rendered {
        padding-left: 10px;
        padding-right: 10px;
        background-position: 98% center;
    }

    .search-box label {
        margin: 0px 0 0 10px;
    }

    .banner-mob {
        display: none;
    }

    .menuImage {
        top: 3px;
    }

    .recentSlider .owl-nav .owl-prev,
    .recentSlider .owl-nav .owl-next {
        width: 30px;
        height: 30px;
        background-color: #fff;
        border-radius: 60px;
        background-size: contain;
    }

    .recent-card,
    .recentjobBlock .recent-card {
        padding: 10px;
    }

    .recentSlider .owl-nav {
        top: 40%;
        transform: translateY(-40%);
    }

    .recentjobBlock .recentSlider .item {
        padding: 10px 5px;
    }

    .recentSlider .owl-nav,
    .categoriesBlockSlider .owl-nav {
        right: 0;
        left: 0;
        z-index: 9;
    }

    /* .btn-custom, .btn-orange-outline {
        height: 35px;
        line-height: 35px;
        font-size: 12px;
        padding: 0 10px;
    } */
    .btn-orange-outline {
        padding: 0 9px;
    }

    .recentprice strong {
        font-size: 17px;
    }

    .recentjobBlock .recentSlider .item {
        padding: 10px 0px;
    }

    .services-img::after {
        height: 100%;
    }

    .services-info-txt h6 a {
        font-size: 16px;
    }

    .servicesList {
        padding-bottom: 10px;
    }

    .recentSlider .owl-nav,
    .categoriesBlockSlider .owl-nav {
        right: 10px;
        left: 10px;
        z-index: 9;
    }

    .nav-open {
        transform: translateX(0);
    }

    .iphon_navigation {
        background: #f5f8fe;
    }

    body.scroll-hidden {
        overflow: hidden;
    }

    .search-block .btn-custom {
        text-indent: initial;
        background-image: none;
        line-height: normal;
    }


    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        margin-bottom: 15px;
    }

    .ex-btn {
        font-size: 14px;
    }


    .villalistcarduper {
        margin-bottom: 20px;
    }



    .sortbyebx {
        width: 185px;
        margin-left: 10px;
        font-size: 13px;
    }

    .sorttxt {
        width: 75px;
        margin-right: 5px;
    }

    /* .filter-btn {
        width: 95px;
        font-size: 13px;
        padding-left: 10px;
        margin-right: 0;
        margin-left: 0;
        background-position: 90% center !important;
    } */

    .villalistcarduperlt img {
        max-width: 23px;
    }



    .job-listing .job-title {
        font-size: 20px;
        margin-bottom: 15px;
    }

    .recentprice strong {
        font-size: 19px;
    }

    .banner {
        padding-top: 15px;
    }

    .bannerUperInfo h1 {
        margin-bottom: 20px;
    }

    .blogcard {
        margin-bottom: 10px;
    }

    .pagination li {
        margin: 0 2px;
    }

    .amenities-list li {
        width: 30%;

    }

    .villalistcarduper .filter-dropdown {
        top: 83px;
    }

    .amenities-list li:last-of-type {
        margin-bottom: 0px;
    }

    .amenities-list .custom-checkbox {
        height: 39px;
    }

    .amenitiesbx {
        margin-bottom: 5px;
    }

    .amenitiesbx img {
        max-width: 100%;
    }

    .srch-icon {
        width: 21px;
        height: 21px;
        margin-right: 0;
    }

    .srch-block {
        margin-right: 40px;
    }

    .mobile-srch {
        display: block;
    }

    .skills-list li a {
        margin-right: 10px;
    }

    .detail-bx.job-detail {
        margin-bottom: 0px;
    }

    .skills-list li {
        margin-bottom: 10px;
    }

    .skills-list li:last-child {
        margin-bottom: 0px;
    }

    .skills-list {
        flex-wrap: wrap;
    }

    .testimonialSlider.owl-carousel .owl-stage-outer {
        padding: 60px 0 40px;
    }

    .job-alerts-box {
        padding: 20px;
    }

    .job-alerts-box h3 {
        font-size: 24px;
    }

    .agency-underline {
        margin: 15px 0 20px 0;
    }


    .plan-tp p {
        font-size: 14px;
    }

    .plan-bx-main li:before {
        top: 14px;
    }

    .plan-bx-main li {
        font-size: 14px;
    }

    .plan-bx-main .btn-custom {
        width: 227px;
    }

    .subscription-bx .nav-tabs .nav-link {
        font-size: 15px;
    }

    .subscription-bx .nav {
        width: 309px;
    }

    .subscription-bx h2 {
        font-size: 32px;
        margin-bottom: 25px;
    }

    .subscription-bx .tab-content {
        margin-top: 20px;
    }

    .subscription-bx .nav {
        width: 289px;
    }

    .subscription-bx h2 {
        font-size: 30px;
        margin-bottom: 20px;
    }

    .plan-bx {
        margin-top: 30px;
    }

    .select-plan-main .btn-custom.cancel-btn {
        margin-bottom: 15px;
    }

    .plan-member li {
        padding: 15px;
        padding-left: 50px;
    }

    .plan-member [type="radio"]:checked+label,
    .plan-member [type="radio"]:not(:checked)+label {
        line-height: 12px;
        padding-left: 10px;
        font-size: 15px;
        color: #b0b0b0;
    }

    .plan-member h6 {
        font-size: 17px;
    }

    .plan-member [type="radio"]:checked+label:after,
    .plan-member [type="radio"]:not(:checked)+label:after {

        left: -27px;
        background: #fff;
    }

    .select-plan-main .nav-item h6 {
        font-size: 15px;
    }

    .form-control.check {
        background-position: 98% center;
    }

    .my-profile-inner .blank {
        display: none;
    }

    .day-box .custom-checkbox {
        padding-right: 20px;
    }

    .skill-bx .skill-title {
        font-size: 16px;
    }


    .story-bx {
        margin-bottom: 15px;
    }


    .career-bx .story-txt-info h3 {
        font-size: 23px;
    }


    .dashboard-list {
        padding: 15px;
        flex-direction: column-reverse;
        flex-wrap: wrap;
        align-items: flex-start;
    }

    .dashboard-Rt {
        margin: 0 auto;
    }

    .dashboard-Lt {
        text-align: center;
    }

    .vacancy-top-row .form-group-input {
        width: 100%;
    }

    .vacancy-top-row .form-control {
        background-position: 92% !important;
    }

    .form-switch {
        color: #909090;
        width: 100%;
        justify-content: space-between;
    }

    .vacancy-top-row ul {
        flex-wrap: wrap;
    }

    .vacancy-top-row li {
        margin-bottom: 20px;
        width: 50%;
    }

    .vacancy-box {
        margin-top: 10px;
    }

    .dashboard-Rt {

        width: 66px;
        height: 66px;
        line-height: 66px;
    }

    .vacancy-top-row li:nth-last-child(-n+2) {
        margin-bottom: 0px;
    }

    .switch {
        width: 30px;
        height: 14px;
    }

    .slider:before {
        bottom: -1px;
        height: 15px;
        width: 15px;
    }

    .vacancy-top-row .form-control {
        background-position: 96% !important;
    }

    .my-job li:last-child {
        padding-right: 15px;
    }

    .select-plan-main .nav-link span {
        font-size: 16px;
    }

    .plan-title {
        font-size: 17px;
    }


    .payment-table .table td,
    .payment-table .table th {
        white-space: nowrap;
    }

    .my-profile-inner {
        padding: 11px;
    }

    .page-link {
        padding: 6px 12px;
    }

    .review-box {
        margin-top: 60px;
    }

    .review-main-bx .review-box .testimonialCard {
        margin-bottom: 60px;
        margin-left: 0px;
        margin-right: 0px;
    }


    .agentloginLtinfo h4 {
        margin-bottom: 10px;
    }


    .login-layout-rt-content .nav-tabs {
        margin-bottom: 40px;
    }





    .banner-main-img img,
    .about-img,
    .why-choose-rt-img,
    .faq-lt-img {
        display: none;
    }


    .search-block .btn-custom img {
        display: none;
    }

    .search-block span {
        display: block;
    }

    .menuImage {
        top: 9px;
        right: 35px;
    }

    .banner {
        padding-top: 15px;
        padding-bottom: 40px;
    }

    .search-box,
    .search-box input {
        width: 98%;
        background: transparent;
    }

    .search-field {
        background: transparent;
    }

    .small-search {
        width: 97%;
    }

    .search-block {
        padding: 9px 8px;
    }

    .search-block .btn-custom {
        border-radius: 5px;
    }

    .search-block span {
        display: block;
        font-size: 14px;
    }

    .specialities-list ul {
        flex-wrap: wrap;
    }

    .specialities-list li {
        width: 33%;
        margin-left: 0;
        margin-bottom: 20px;
    }

    .specialities-list li:hover {
        padding: 10px;
        width: 33%;
        margin-left: 0;
    }

    .loginInfoHead .register-btn {
        border-radius: 10px;
    }

    .header {
        margin-bottom: 10px;
    }

    .iphonNav.iphon_navigation.nav-open .menuImage {
        right: 17px;
    }

    .appointment-slider .item {
        padding: 20px 0px;
    }

    .why-choose li:last-child {
        border-bottom: 0px;
        padding-bottom: 0px;
        margin-bottom: 0px;
    }

    .choose-main-rt {
        max-width: 210px;
    }

    .top-rated-slider .owl-nav {
        display: none;
    }

    .doctors-top {
        margin-bottom: 35px;
    }

    .top-rated-section {
        padding: 30px 0 25px 0;
    }

    .appointment-main-box {
        max-width: 300px;
        margin: 0 auto;
    }

    .about-section-inner {
        padding-bottom: 30px;
    }

    .reviews-list:hover {
        transform: none;
        background-color: #fff;
    }

    .reviews-list:hover .reviews-info p {
        color: #171717;
    }

    .reviews-list:hover .review-bottom-box span {
        color: #013275;
    }

    .reviews-list {
        border-radius: 25px;
        margin-right: 0px;
        flex-direction: column;
        max-width: 314px;
        box-shadow: none;
        margin: 20px auto;
        padding: 20px 30px;
    }

    .reviews-info {
        text-align: center;
    }

    .review-bottom-box {
        justify-content: center;
    }

    .reviews-info {
        max-width: 100%;
    }

    .reviews-img {
        margin-right: 0px;
        margin-bottom: 10px;
    }

    .review-bottom-box {
        margin-top: 13px;
    }

    .about-section .btn-custom {
        width: 126px;
    }

    .doctors-info .btn-custom {
        width: auto;
    }

    .why-choose h3 br {
        display: none;
    }

    .choose-main-rt {
        max-width: 100%;
        text-align: center;
    }

    .choose-main-box {

        flex-direction: column;
    }

    .appointment-main-box h4 {
        height: auto;
    }

    .specialities-top h3,
    .about-section h3,
    .top-rated-section h3,
    .why-choose h3,
    .reviews-section h3,
    .faq-box h3 {
        font-size: 25px;
    }



    .about-section-inner h3 br {
        display: none;
    }

    .appointment-section h3 {
        font-size: 25px;
        max-width: 200px;
    }

    .appointment-section .owl-nav {
        top: -96px;
    }



    .specialities-list li:hover {
        border: none;
        box-shadow: none;
    }

    .specialities-list li:hover a span {
        border: 1px solid #7bb2fd;
    }

    .specialities-list li:hover a span img {
        filter: none;
    }

    .specialities-list li:hover a {
        border: 10px solid #f5f9ff;
    }


    .e-prescription-lt span,
    .date-txt,
    .disease-txt {
        font-size: 14px;
    }

    .e-prescription-lt h2 {
        font-size: 24px;
    }

    .e-prescription-id {
        font-size: 16px;
    }

    .e-prescription-top {
        align-items: start;
    }

    .e-prescription-top {
        margin-bottom: 20px;
    }

    .top-section-main.inner-section {
        padding-bottom: 70px;
    }

    .our-doctors-rt {
        width: 100%;
    }

    .our-doctors-top .our-doctors-lt {
        max-width: 100%;
    }

    .our-doctors-lt-inner .form-control {
        width: 100%;
    }

    .our-doctors-top {
        flex-direction: column;
    }


    .detail-profile-info {
        margin-bottom: 30px;
    }


    .treatment-detail-lt-img {
        margin-bottom: 30px;
    }

    .treatment-detail-lt-img img {

        width: 100%;
    }


    .available-slots-box ul {
        width: 100%;
    }

    .available-slots-box li {
        width: 35%;

    }

    .appointment-main .tab-pane {
        padding: 20px 10px;
    }


    .medicine-reminder-main .nav-tabs .nav-link,
    .medicine-reminder-main .nav-tabs .nav-link {
        padding: 15px;
        font-size: 16px;
        width: 130px;
    }

    .medicine-reminder-main {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .menu-dropdown .profile .img-box {
        width: 40px;
        height: 40px;
    }

    .user span small {
        font-size: 12px;
    }

    .user h5 {
        font-size: 16px;
        background-size: 23px;
    }

    .loginInfoHead {
        display: block ! Important;
    }

    .menu-dropdown {
        padding: 10px;
        height: 60px;
        width: auto;
    }

    .menuImage {
        position: static;
        margin-top: 9px;
    }

    .menu-dropdown .profile {
        justify-content: end;
    }

    .user {
        width: 90px;
    }

    .headerRight .nav-open .menuImage {
        position: absolute;
    }

    /* .user h5 {
        background: url(../images/dropdown.png) no-repeat 99% center;
        font-size: 0px;
    } */

    .user {
        width: auto;
    }

    .user span small {
        font-size: 0px;
    }

    .menu {
        width: 250px;
    }

    .menu ul li a {
        padding: 7px 10px;
    }

    .amenities-list .custom-checkbox {
        font-size: 15px;
    }


    .filter-head .btn-custom {
        width: 140px;
    }

    .filter-dropdown {
        padding: 20px;
    }

    .filter-title {
        flex-direction: column;

        align-items: flex-start !important;
    }

    .filter-dropdown {
        top: 93px;
    }

    .patient-my-profile.patient-my-edit {padding: 15px;}
    .patient-edit a img {
        margin-right: 5px;
        max-width: 40px;
        margin-bottom: 10px;
    }

    .patient-edit a {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

   
    .patient-edit a img {
        margin-right: 0;}
  
        .user h5 span {    width: 67px;         padding-right:15px;}

        .staff-member-sec .our-doctors-lt-inner .form-control {
            width: calc(100% - 260px);
        }
        .page-link {    line-height: 35px;}
        .update-my-profile .btn-custom {
            width: 100%;
            margin: 0px 10px;
        }

        .menuImage {margin-right: 10px;}
        .loginInfoHead .register-btn {
            border-radius: 0;
        }
        .loginInfoHead .register-btn a {
            font-size: 10px;
        }

        .register-btn i {
            width: 30px;
            height: 30px;
            margin-right: 7px;
        }

        .availability-wrapper {
            overflow: auto;
        }
        .availability-wrapper .day-row {
            min-width: 650px;
        }

        .iphon_navigation .menuImage {
            display: none !important;
         }

        .iphon_navigation.nav-open .menuImage {
           display: block !important;
        }
        .menuImage {display:  block !important;}
      
}/*767*/

@media screen and (max-width:575px) {
    .bannerSlider {
        height: 200px;
    }

    .bannerSlider .owl-stage-outer,
    .bannerSlider .owl-stage,
    .bannerSlider .owl-item,
    .bannerSlider .item {
        height: 100%;
    }

    .bannerSlider img {
        height: 100%;
        object-fit: cover;
    }

    .logo {
        display: block;
    }

    .booking-list-top {
        flex-direction: column;
    }

    .booking-list-top .service-list-group {
        width: 100%;
    }

    .service-list-group li:last-child {
        margin-right: 0;
    }

    .service-list-group li {
        width: 100%;
    }

    .add-btn.btn-custom {
        margin-top: 15px;
        width: 100%;
        text-align: center;
    }

    .reject-bx-popup h2 {
        font-size: 20px;
        text-align: center;
        margin-bottom: 6px;
        padding-right: 14px;
    }

    .my-refer-card .email-address button.btn-custom {
        max-width: 100%;
        margin-top: 10px;
    }

    .my-refer-card .email-address form {
        flex-direction: column;
    }

    .my-refer-card .email-address .form-group {
        margin-right: 0px;
    }

    .nav-open .menuImage {
        top: 4px;
    }

    .testimonialBlock {
        padding-top: 30px;
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        margin-bottom: 10px;
    }

    .sortbyebx select,
    .sorttxt,
    .filter-btn {
        font-size: 13px;
    }

    .amenities-list li {
        width: 49%;
    }

    .career-box .btn-custom {
        margin-right: 10px;
        width: 143px;
        padding: 0 5px;
        font-size: 13px;
    }

    .articles-list {
        flex-direction: column;
    }

    .articles-list-info {
        padding-left: 0;
        padding-top: 10px;
    }

    .career-box .btn-custom {
        margin-right: 10px;
        width: 155px;
    }

    .vacancy-top-row li {
        width: 100%;
    }

    .vacancy-top-row li:nth-last-child(-n+2) {
        margin-bottom: 20px;
    }

    .vacancy-top-row li:last-child {
        margin-bottom: 0px;
    }

    .my-job .vacancy-top-row li {
        padding-right: 15px;
    }

    .login-layout-rt-content .nav-tabs .nav-item {
        width: 100%;
        margin: 10px 0;
    }

    .login-layout-rt-content .title,
    .login-layout-rt-content .nav-tabs {
        margin-bottom: 10px;
    }

    .location-box-lt img {
        max-width: 18px;
    }

    .location-box-lt,
    .change-txt {
        font-size: 12px;
    }

    .location-field {
        padding: 12px;
    }



    .e-prescription-lt span,
    .date-txt,
    .disease-txt {
        font-size: 12px;
    }

    .e-prescription-lt h2 {
        font-size: 20px;
    }

    .e-prescription-id {
        font-size: 14px;
    }



    .fee-list li {
        width: 100%;
        margin-bottom: 20px;
    }

    .fee-list li:last-child {
        margin-bottom: 0px;
    }

    .fee-list {
        display: flex;
        flex-direction: column;
    }

    .working-time li {
        flex-direction: column;
    }

    .working-time li span {
        width: 100%;
    }

    .doctor-detail-txt .btn-custom.btn-outline,
    .doctor-detail-txt .btn-custom {
        width: 100%;
        margin-bottom: 20px;
    }

    .our-doctors-btn {
        flex-direction: column;
    }

    .breadcrumb-sec ul li a {
        font-size: 11px;
    }

    .login-layout-rt-content .nav-tabs .nav-item {
        width: 44%;
        margin: 10px 0;
    }

    .login-layout-rt-content .nav-tabs .nav-link,
    .login-layout-rt-content .nav-tabs .nav-link.active {
        width: 195px;
        padding: 15px;
    }
    .patient-edit {
        position: static;
        right: 30px;
        width: 50px;
        margin-left: auto;
        white-space: nowrap;
        font-size: 0;
        text-align: center;
        display: flex;
        justify-content: center;
        padding: 0 0;
        height: 50px;
    }
    .user {
        width: auto;
        display: none;
    }


    .staff-member-sec .our-doctors-lt-inner {    flex-direction: column;}
    .staff-member-sec .our-doctors-lt-inner .form-control {
        width: 100%;
    }
    .staff-member-sec .btn-custom {text-align: center;}
    .profile-table td a {    width: 90px;}


    .update-my-profile .btn-custom {
        width: 100%;
        margin: 10px 5px;
    }

    .patient-list {    flex-direction: column;     margin-bottom: 10px;}

}


@media screen and (max-width:480px) {

    .login-layout-rt-content .nav-tabs .nav-link,
    .login-layout-rt-content .nav-tabs .nav-link.active {
        width: 170px;
        padding: 10px;
    }

    .login-layout-button {
        flex-direction: column;
    }

    .login-layout-rt-content .nav-tabs .nav-link h4 {
        text-align: center !important;
        font-size: 16px;
    }

    .login-layout-rt-content .nav-tabs .nav-item {
        width: 43%;
        margin: 10px 8px;
    }

    .login-layout-button small {
        font-size: 13px;
    }

        .specialities-list li,
    .specialities-list li:hover {
        width: 50%;
    } 

    .loginInfoHead  .register-btn {
        padding: 10px 0 10px 10px;
    }

    .iphon_navigation .logo {
        padding-left: 0;
    }
    

}