/* Extra large devices (large desktops, 1200px and up) */

@media (max-width: 1920px) {

    button.btn.btn-red,
    button.btn.res-btn,
    button.btn.bg-green.mb-2.text-white {
        width: 100%;
    }

    .appointment-area.mt-3 button {
        width: initial;
    }

}


/* Extra large devices (large desktops, 1200px and up) */

@media (max-width: 1366px) {}

@media (max-width: 1200px) {

    .other-doctors-row,
    .other-doctors-heading {
        padding: 0 20px;
    }
}


/*  Large devices (desktops, 992px and up) */

@media (max-width: 1024px) {
    .discount-bg {
        position: initial;
    }

    .nav-tabs .nav-item {
        margin-bottom: 5px;
    }

    .favrt {
        margin: 20px 0px !important;
    }

    .bag-one.bag-border-b {
        padding: 29px 12px;
    }

    .reservationloat-amnt {
        width: inherit;
    }

    .form-check {
        padding-left: 5px;
    }

    .sign-in-modal .form-check {
        padding-left: 18px !important;
    }

    .tooth-area-two .favrt {
        text-align: center;
        width: 100%;
        margin: 0;
        display: inline-block;
    }

    .tooth-area-two .dis-pri {
        display: inline-block;
        width: 100%;
        text-align: center;
    }
}


/*  Large devices (desktops, 992px and up) */

@media (max-width: 992px) {
    .social-media-icon {
        margin: 0px 5px;
    }

    .Evaluation {
        display: flex;
        margin-top: 5px;
    }
}


/* // Small devices (landscape phones, Grater than 768px) */

@media (max-width: 800px) {
    .specialist-bg .col-lg-6.col-md-12.col-sm-12.col-xs-12 {
        margin-top: 15px;
    }

    .col-md-2.ml-md-auto {
        margin-left: 0 !important;
    }

    button.btn.btn-red {
        font-size: 14px;
    }

    .total-price p span {
        width: 100%;
        text-align: center !important;
    }

    .dis-pri span {
        font-size: 13px !important;
    }

    .chosen-drop {
        margin-right: 10px;
    }
}


/* // Medium devices (tablets, 768px and up) */

@media (max-width: 768px) {
    .media {
        word-break: break-all;
    }

    .price-discount {
        display: inline-block;
        width: 100%;
    }

    .mlm-3 {
        margin-left: -30px;
    }

    .pl-4-md {
        padding-left: 1.5rem;
    }

    .pr-2x-md {
        padding-right: 20px;
    }
}


/* // Small devices (landscape phones, 576px and up) */

@media (max-width: 576px) {
    .price-discount {
        /* margin-top: 30px; */
    }

    .nav-link {
        padding: 8px 6px;
    }

    .location-area p {
        font-size: 18px;
    }

    .sidenav {
        height: auto;
        margin-bottom: 20px;
    }

    .side-menu.pb-6 {
        padding-bottom: 0;
        margin-bottom: 15px;
    }

    .btn-offgreen2.p-5.text-right.height-full {
        text-align: left !important;
    }

    .mini-map {
        width: 100%;
    }

    .map.mb-1 iframe {
        height: 250px;
    }

    .pcell-10 {
        border-bottom: solid 1px #fff;
    }

    .total-price p span {
        width: 48%;
    }

    .stachel-heading.mb-3 {
        margin-top: 15px;
    }

    .amount-paid {
        text-align: center;
    }

    .amount-paid span {
        text-align: center;
        float: none;
    }

    .circle-check,
    .chosen-drop {
        padding: 0px 15px 20px 25px;
    }

    .amount-paid {
        padding: 24px 15px 0px;
    }

    .whos-reser .border-top {
        margin-top: 0px;
    }

    .main-light-bg {
        margin-bottom: 15px;
    }

    .side-menu {
        min-height: inherit;
        margin-bottom: 15px;
    }

    .media {
        text-align: center;
        display: inline-block;
        width: 100%;
    }

    .number-status ul li {
        width: 93%;
    }
}


/* // Small devices (landscape phones, 414px and up) */

@media (max-width: 414px) {
    .discount-bg {
        width: 100%;
        margin-top: 10px;
    }

    .social-media-icon {
        float: right;
    }

    .nav-tabs .nav-item {
        width: 47%;
    }

    .shot-by-drop.mt-4.float-right {
        float: left !important;
    }

    .favrt {
        margin: 0px 10px;
    }

    .Evaluation {
        float: left;
    }

    .call-us-section.p-5 {
        padding: 20px !important;
    }

    .btn-offgreen2.p-5.text-right.height-full {
        text-align: center !important;
        padding: 20px !important;
    }

    .col-lg-4.col-md-6.col-sm-6.col-xs-6 button {
        width: 100%;
    }

    .panel-centent {
        padding: 25px 25px 10px 25px;
    }

    .col-lg-2.col-md-2.col-sm-2.col-xs-2.thumb {
        text-align: center;
    }
}


/* // Small devices (landscape phones, 375px and up) */

@media (max-width: 375px) {
    .nav-tabs .nav-item {
        width: 48%;
        margin-right: 3px;
    }

    .appropriate .offers-list {
        max-height: 399px;
        overflow: hidden;
        padding: 10px 43px;
    }
}


/* // Small devices (landscape phones, 360px and up) */

@media (max-width: 360px) {
    .stachel-heading span {
        font-size: 18px;
    }
}


/* // Small devices (landscape phones, 320px and up) */

@media (max-width: 320px) {
    .favrt {
        margin: 0px 6px;
    }

    .col-lg-6.col-md-6.col-sm-12.col-xs-12 button {
        font-size: 13px;
    }

    button.btn.btn-red {
        font-size: 13px;
    }

    .stachel-heading span {
        font-size: 14px;
        vertical-align: middle;
    }

    .Evaluation p {
        display: none;
    }
}


/**
-------------------------------------------------------------------------
    Responsive style by M Umar Farooq @ 8/12/2020 - 8:02 AM
-------------------------------------------------------------------------
 */

/*-------- For 1080p screens -----------*/

@media screen and (min-width: 1024px) {
    #mega-menu li.nav-item a:hover {
        background-color: #fff !important;
        color: #0C8944;
    }

    #mega-menu ul.nav.flex-column li a {
        color: #464749 !important;
    }
}

@media screen and (min-width: 1280px) and (max-width: 1920px) {

    .primary-navigation-bar {
        position: initial !important;
        margin-right: auto !important;
        margin-left: 0 !important;
        width: 100% !important;
    }

    .navbar-brand {
        margin-right: -8px;
    }

    nav.top-nav .navbar-nav {
        margin-left: -14px !important;
    }

    .primary-navigation-bar.all-specialties-wrapper {
        position: relative !important;
    }

}

@media screen and (min-width: 1441px) and (max-width: 1600px) {

    nav.bg-offwhite {
        min-height: 75px;
    }

    a.navbar-brand img {
        max-width: 236px;
    }

}

@media screen and (min-width: 1921px) {
    .primary-navigation-bar {
        position: initial !important;
        margin-right: auto !important;
        margin-left: 0 !important;
        width: 100% !important;
    }

    .navbar-brand {
        margin-right: -8px;
    }

    .navbar-expand-lg .navbar-collapse#navbarSupportedContent {
        max-width: 1920px;
        margin: 0 auto !important;
    }

    nav.top-nav .navbar-nav {
        margin-left: -14px !important;
    }

    .primary-navigation-bar.all-specialties-wrapper {
        position: relative !important;
    }

    .primary-navigation-bar .all-specialties {
        right: -960px !important;
    }
}

@media screen and (min-width: 1800px) {
    nav.bg-offwhite {
        min-height: 90px;
    }

    a.navbar-brand img {
        max-width: 100%;
    }

    .top-nav .navbar-nav .nav-link {
        font-size: 1rem;
    }

    .navbar-expand-md .navbar-nav .nav-link {
        padding-right: 13px;
        padding-left: 13px;
    }

    /**
    ----------------------------------------
                Mega Menu
    ----------------------------------------
     */
    #mega-menu .dropdown,
    #mega-menu .has-children,
    #mega-menu .has-children .dropdown-toggle,
    #mega-menu .dropdown .dropdown-toggle {
        max-height: 60px !important;
    }

    /*.navbar-expand-lg .navbar-nav {*/
    /*    padding: 0 50px 0 28px;*/
    /*}*/
    #mega-menu .navbar .dropdown-menu {
        width: calc(100% - 76px) !important;
        left: 24px !important;
    }

    #mega-menu .dropdown .dropdown-toggle,
    #mega-menu .nav-item:not(.dropdown) .nav-link {
        line-height: 55px !important;
        padding: 0 15px !important;
        font-size: 18px;
    }

    #mega-menu .has-children .dropdown-toggle {
        line-height: 58px !important;
        font-size: 18px;
    }

    #mega-menu .dropdown .dropdown-menu {
        top: 58px !important;
        right: initial;
        left: -1px !important;
        max-width: 350px !important;
        min-width: 260px;
    }

    #mega-menu .dropdown .dropdown-menu .nav .nav-item .nav-link {
        font-size: 14px !important;
        line-height: initial !important;
        padding: 6px 10px !important;
    }

    #mega-menu .navbar {
        height: 60px !important;
        max-height: 60px;
    }

    #mega-menu #primary-navigation-bar .dropdown,
    #mega-menu #primary-navigation-bar .has-children,
    #mega-menu #primary-navigation-bar .has-children .dropdown-toggle,
    #mega-menu #primary-navigation-bar .dropdown .dropdown-toggle {
        max-height: initial !important;
    }

    #mega-menu #primary-navigation-bar .dropdown .dropdown-toggle {
        line-height: 35px !important;
        padding: 8px 25px !important;
    }

    #mega-menu #primary-navigation-bar .dropdown .dropdown-toggle,
    #mega-menu #primary-navigation-bar .has-children .dropdown-toggle {
        font-size: 18px;
    }

    #mega-menu .navbar-nav>li::after {
        top: 50% !important;
        content: "" !important;
        display: block;
        float: initial !important;
        height: 21px;
        width: 2px;
        background-color: #fff;
        transform: translateY(-50%);
    }

    .primary-navigation-bar>li>a {
        min-height: 60px;
        height: 60px;
    }

    .dropdown-toggle span::after {
        font-size: 22px;
        position: relative;
        top: 2px;
    }

    #mega-menu #primary-navigation-bar .has-children .dropdown-toggle {
        line-height: 54px !important;
        border-top: 1px solid #0c8944;
        font-weight: 600;
    }

    #mega-menu #primary-navigation-bar .dropdown .dropdown-menu {
        top: 53px !important;
    }

    #mega-menu #primary-navigation-bar .dropdown .dropdown-menu .nav .nav-item .nav-link {
        font-size: 16px !important;
    }

    /*--------- Banner Style ------------*/
    .banner {
        min-height: 548px;
        display: flex;
        align-items: end;
    }

    .banner-container {
        max-width: 1194px;
        margin-bottom: 0;
    }

    .banner-container img.homepage-banner {
        width: 100%;
    }

    .banner-container .filters {
        padding: 30px 20px 40px 20px;
        -webkit-box-shadow: 1px 4px 7px 0 rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 1px 4px 7px 0 rgba(0, 0, 0, 0.2);
        box-shadow: 1px 4px 7px 0 rgba(0, 0, 0, 0.2);
    }

    .banner-container .filters label {
        font-size: 16px;
    }

    .banner-container .filters .form-control {
        -webkit-box-shadow: 0 7px 10px -4px rgba(7, 41, 5, 0.43);
        -moz-box-shadow: 0 7px 10px -4px rgba(7, 41, 5, 0.43);
        box-shadow: 0 7px 10px -4px rgba(7, 41, 5, 0.43);
    }

    .banner-container .filters .form-control,
    .banner-container .filters .btn {
        min-height: 40px;
        font-size: 16px;
        padding: 0 5px !important;
        line-height: 40px;
    }

    .banner-container .filters input[type='text'].form-control {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    .banner-container .filters button {
        margin-top: 32px;
    }

    .jumbotron-slogan .btn {
        font-size: 20px;
        padding: 6px 25px;
    }

    /*------- Side Drawer --------------*/
    .primary-navigation-bar.all-specialties-wrapper {
        left: 6px;
    }

    .primary-navigation-bar .all-specialties {
        top: -60px;
        right: 6px;
        min-width: 335px;
    }

    .primary-navigation-bar .cd-secondary-nav,
    .primary-navigation-bar .cd-nav-gallery,
    .primary-navigation-bar .cd-nav-icons {
        width: 335px !important;
    }

    .primary-navigation-bar .cd-secondary-nav {
        top: 60px !important;
    }

    .primary-navigation-bar .all-specialties h6 {
        font-size: 18px;
        font-weight: 600;
        line-height: 58px;
        min-height: 60px;
        max-height: 60px;
    }

    /*-------- OWL Slider Style ----------*/
    .offers-list {
        padding: 10px 170px 20px 170px;
    }

    .owl-carousel .item {
        padding: 16px;
    }

    .offers-qty {
        width: 32px;
        height: 32px;
        font-size: 20px;
        line-height: 32px;
    }

    .offer-name {
        font-size: 22px;
    }

    .owl-carousel button img {
        width: 22px !important;
    }

    /*-------------- Homepage other style ---------------*/
    .sub-heading {
        text-transform: capitalize;
        font-size: 40px;
    }

    section.offers {
        padding: 30px 0;
    }

    section.offers h6,
    section.fav-hospital h6,
    section.most-booked h6 {
        font-size: 24px;
    }

    section.fav-hospital {}

    section.most-booked {}

    .number-status ul li .icon-status img {
        max-width: 100px;
    }

    .number-status ul li p:first-of-type {
        font-size: 20px;
    }

    .number-status ul li p:last-of-type {
        font-size: 22px;
    }

    /*------- Homepage footer style -----------*/
    .app-mg img {
        width: 180px;
    }

    .footer input.form-control {
        height: 45px !important;
        margin-bottom: 18px !important;
        font-size: 16px;
    }

    .footer textarea.form-control {
        height: 108px !important;
        font-size: 16px;
    }

    .form-connect .btn-green {
        font-size: 14px;
    }

    .footer .right-col .contact-details {
        padding-left: 70px;
    }

    .footer .right-col .contact-details h5 {
        font-size: 22px;
        margin-bottom: 8px !important;
    }

    .footer .right-col .contact-details p:first-of-type {
        font-size: 18px;
    }

    .footer .right-col .contact-details p:nth-of-type(2) {
        font-size: 22PX;
        margin-bottom: 8px !important;
    }

    .footer .right-col .contact-details p:nth-of-type(3) {
        font-size: 18px;
    }

    .footer .right-col .service-provider-wrapper {
        padding-left: 60px;
    }

    .footer .right-col .service-provider-wrapper h5 {
        font-size: 22px;
        margin-bottom: 13px;
    }

    .footer .right-col .service-provider-wrapper .btn-green {
        font-size: 18px;
    }

    .footer .right-col .social-col h5 {
        font-size: 22px;
        margin-bottom: 14px;
    }

    .footer .right-col .social-col img {
        width: 30px;
        margin-right: 5px;
    }

    .footer .right-col .payment-methods {
        margin-top: 48px !important;
    }

    .footer .right-col .payment-methods img {
        width: 70px;
    }

    .footer .left-col .download-app-col h5 {
        font-size: 22px;
        margin-bottom: 10px;
    }

    .footer .left-col .connect-col h5 {
        font-size: 22px;
        margin-bottom: 12px;
    }

    .footer .left-footer-logo-col {
        flex: 0 0 30%;
        max-width: 30%;
    }

    .footer .footer-links-col {
        flex: 0 0 70%;
    }

    .footer .left-footer-logo-col>div {
        display: flex;
        align-items: center;
    }

    .footer .left-footer-logo-col>div a img {
        height: 37px;
        width: auto;
    }

    .footer .left-footer-logo-col>div p {
        font-size: 18px;
    }

    .footer .footer-links-col ul li a {
        font-size: 16px;
    }

    .footer {
        padding-left: 30px;
        padding-right: 15px;
    }

    .sub-footer {
        padding-left: 18px;
        padding-right: 37px;
    }

    nav.top-nav .navbar-nav {
        margin-right: -11px !important;
    }

    .custom-container-md {
        max-width: 1530px;
    }

    .specialist-bg .nav-tabs {
        white-space: nowrap;
        display: block;
        width: calc(100% - 20px);
        overflow-x: scroll;
        min-height: 48px;
        scrollbar-color: #6AB130 #f1f1f1;
        scrollbar-width: thin;
        border-bottom: none;
    }

    .nav-tabs .nav-link {
        font-size: 16px !important;
        padding-top: 4px !important;
        padding-bottom: 5px !important;
    }

    .nav-tabs .nav-item:not(:last-child) {
        margin-right: 20px !important;
    }

    .shot-by-drop {
        max-width: 320px !important;
    }

    .filters .form-control {
        min-height: 42px;
    }

    select.form-control,
    input.form-control {
        font-size: 14px;
    }

    .filters .btn {
        min-height: 42px;
        font-size: 20px;
    }

    .all-doc-heading h5 {
        margin-top: 12px;
    }

    .all-doc-heading h5,
    .all-doc-heading h5.font-small {
        font-size: 20px !important;
    }

    .mini-map p {
        font-size: 16px;
    }


    /*----- Doctors Cols ------*/
    .col-filter-area,
    .col-doctors-section {
        /* -ms-flex: 0 0 calc(285px + 15px);
        flex: 0 0 calc(284px + 15px);
        max-width: calc(284px + 15px);
        padding-right: 15px; */
        width: 100% !important;
        transform: scaleY(1);

        max-width: 100% !important;
    }

    .col-doctors-section {
        /* flex: 0 0 calc(100% - 285px - 15px);*/
        max-width: calc(100% - 285px - 15px) !important;
        /* width: 100% !important;
        max-width: 100% !important; */
    }

    /*------ Dropdown menu ----------*/
    .filters p-dropdown {
        height: 41px;
    }

    .filters p-dropdown .ui-dropdown .ui-dropdown-panel {
        top: 41px !important;
        min-width: 300px;
    }

    /*----- Filters --------*/
    .filters p-dropdown .ui-dropdown .ui-dropdown-label {
        line-height: 33px;
        font-size: 14px !important;
    }

}

@media screen and (min-width: 1280px) and (max-width: 1365px) {
    .sub-footer ul li a {
        font-size: 13px;
    }

    nav.bg-offwhite {
        min-height: 55px;
    }

    .offer-name {
        font-size: 13px;
    }

    .footer .social-col h5 {
        font-size: 14px;
    }

    .social-col a {
        margin-left: 14px !important;
    }

}

@media screen and (min-width: 320px) and (max-width: 1170px) {

    /*-------- All Specialities -----------------*/
    .primary-navigation-bar.all-specialties-wrapper {
        top: 66px;
        margin-right: 0;
        position: absolute;
    }

    .primary-navigation-bar .all-specialties {
        top: 0;
    }

    .primary-navigation-bar .cd-secondary-nav {
        min-height: 430px;
        background: #fff;
    }

    .primary-navigation-bar .cd-secondary-nav li ul {
        background: #fff;
    }

    .primary-navigation-bar .cd-secondary-nav>li.go-back {
        display: none;
    }

    .primary-navigation-bar .cd-secondary-nav li.search-form {
        background: #6ab12f;
        float: left;
        padding: 8px 10px;
        height: 40px;
        overflow: visible;
        position: absolute;
        z-index: 99999999;
        top: 0;
        width: 100%;
    }

    .primary-navigation-bar .cd-secondary-nav>li.has-children>ul.is-hidden {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
        top: 48px;
        overflow-x: hidden;
        padding-bottom: 60px !important;
    }

    .primary-navigation-bar ul.is-hidden li,
    .cd-secondary-nav ul.is-hidden li>ul>li {
        padding: 3px 15px !important;
    }

    .primary-navigation-bar ul.is-hidden li>a {
        border-bottom: none;
        height: initial;
        line-height: initial;
        color: #464749;
    }

    ul.is-hidden li.selected {
        background: #dbeaca;
        color: #0c8944;
    }

    .primary-navigation-bar .go-back {
        margin-left: 0;
    }

    .cd-secondary-nav .go-back a {
        padding-left: 0 !important;
    }

    .primary-navigation-bar .go-back a::before {
        margin-right: 20px;
    }

    .primary-navigation-bar .search-form input {
        float: right;
        width: 86%;
        border-radius: 4px;
        height: 24px;
        line-height: 24px;
        padding: 3px 10px;
        border: none;
    }

    #mega-menu #primary-navigation-bar .has-children .dropdown-toggle {
        border-bottom: none;
        color: #fff;
        line-height: initial !important;
        height: initial;
        padding: 13px 12px;
    }

    #mega-menu #primary-navigation-bar .has-children .dropdown-toggle:hover {
        color: #0C8944;
    }

    #mega-menu #primary-navigation-bar .has-children .dropdown-toggle:before,
    #mega-menu #primary-navigation-bar .has-children .dropdown-toggle:after {
        display: none;
    }

    #mega-menu ul.nav.flex-column li a {
        color: #fff;
    }

    #mega-menu #primary-navigation-bar .dropdown .dropdown-menu::after {
        display: none;
    }

    #mega-menu ul.nav.flex-column li a {
        color: #fff !important;
    }

    #mega-menu #primary-navigation-bar .dropdown .dropdown-menu {
        transition: all 0s ease-in-out !important;
        -o-transition: all 0s ease-in-out !important;
        -moz-transition: all 0s ease-in-out !important;
        -webkit-transition: all 0s ease-in-out !important;
    }

    .cartValue {
        display: flex;
        flex-direction: column;
        width: 100% !important;
        margin: 10px 0;
    }
}

/*------------ Tablet responsive -------------*/

@media screen and (min-width: 768px) and (max-width: 1170px) {

    nav.bg-offwhite {
        padding-left: 0;
    }

    .navbar>.container {
        padding-left: 0;
        padding-right: 0;
    }

    .navbar-dark .navbar-brand {
        width: 156px;
    }

    a.navbar-brand img {
        max-width: 100%;
    }

    #navbarSupportedContent {
        position: absolute;
        top: 0;
        left: 0;
        padding: 0;
        margin-left: 0 !important;
        width: 100%;
    }

    #navbarSupportedContent #primary-navigation-bar {
        visibility: visible;
        left: 0;
        width: 100%;
        position: relative;
        margin-top: 43px;
        overflow: initial;
    }

    #mega-menu .navbar-toggler {
        position: relative;
        z-index: 10000;
        bottom: 0px;
        display: block;
    }

    #mega-menu ul#primary-navigation-bar>li:last-child {
        position: absolute;
        top: -43px;
        z-index: 1000000;
        right: 30px;
    }

    #mega-menu ul>li.nav-item.dropdown {
        overflow: hidden;
    }

    #mega-menu ul>li.nav-item.dropdown.show {
        max-height: initial !important;
    }

    #mega-menu ul>li.nav-item.dropdown .dropdown-menu {
        width: 100%;
        height: initial;
        background-color: transparent !important;
    }

    #mega-menu ul>li.nav-item.dropdown .dropdown-menu ul.nav.flex-column {
        display: initial;
        width: initial;
        position: initial;
    }

    /*-------- Child dropdown menu -------------*/
    #mega-menu #primary-navigation-bar .dropdown:hover .dropdown-menu {
        opacity: 0 !important;
        visibility: hidden !important;
    }

    #mega-menu #primary-navigation-bar .dropdown:focus .dropdown-menu {
        opacity: 1 !important;
        visibility: visible !important;
    }

    #mega-menu #primary-navigation-bar .dropdown .dropdown-menu.show {
        opacity: 1 !important;
        visibility: visible !important;
    }

    #mega-menu li.nav-item a:hover {
        background-color: transparent !important;
        color: rgba(255, 255, 255, .5) !important;
    }

    /*-------- Homepage banner -----------*/
    .banner-container {
        padding-left: 15px;
        padding-right: 15px;
    }

    .search-col {
        flex: 0 0 99px !important;
        overflow: hidden;
    }

    .banner-container .filters button {
        font-size: 12px;
        margin-top: 29px;
        padding: 8px 5px;
    }

    .banner-container .filters .row .col-md-6:first-of-type {
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }

    .banner-container .filters .row .col-md-6:last-of-type {
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }

    .banner-container .filters .row .col-md-6:last-of-type .row .col-md-5 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .banner-container h4 {
        font-size: 22px;
    }

    .banner-container h2 {
        margin-top: 0 !important;
    }

    .number-status ul li {
        min-width: 141px;
    }

    .footer .row .col-md-6 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .footer .row .col-md-6:last-of-type .row .col-md-4 {
        max-width: 33.3%;
        padding-right: 10px;
    }

    .footer .right-col .service-provider-wrapper {
        align-items: center;
    }

    .footer .right-col .contact-details,
    .footer .right-col .service-provider-wrapper,
    .footer .right-col .social-col {
        padding-left: 0;
    }

    .footer .right-col .payment-methods {
        margin-top: 3px !important;
    }

    .left-footer-logo-col {
        flex: 0 0 100%;
        max-width: 100%;
        justify-content: center;
        text-align: center;
        margin-bottom: 10px;
    }

    .footer-links-col {
        flex: 0 0 100%;
        max-width: 100%;
        text-align: center;
        justify-content: center;
        align-content: center;
    }

    .sub-footer ul li a {
        font-size: 11px;
    }

    .sub-footer ul li {
        float: initial;
        display: inline-block;
    }

    .sub-footer {
        padding-bottom: 8px;
    }

    .header-nav .dropdown-menu.show {
        visibility: visible;
        opacity: 1;
    }


    .primary-navigation-bar .cd-secondary-nav {
        border-bottom: 6px solid #6AB130;
    }

    #navbarSupportedContent {
        display: block !important;
        height: initial !important;
        overflow: initial !important;
        visibility: hidden;
    }

    #navbarSupportedContent.collapse.show {
        visibility: visible;
    }


    #navbarSupportedContent #cd-primary-nav {
        width: 100% !important;
        left: 0 !important;
        top: 0 !important;
        position: relative;
        opacity: 0;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;

        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s;
    }

    #mega-menu .navbar-collapse {
        max-width: 100%;
        position: absolute;
        top: 43px;
    }

    #mega-menu .dropdown .dropdown-menu {
        min-width: 100%;
        position: initial;
    }

    #navbarSupportedContent.show #cd-primary-nav .nav-item.dropdown.show .dropdown-menu,
    #navbarSupportedContent.show #cd-primary-nav {
        visibility: visible;
        opacity: 1;
        overflow: initial;
    }

    #mega-menu .navbar-nav>li:last-child {
        position: absolute;
        top: -43px;
        right: 0;
        z-index: 100;
    }

    #mega-menu .has-children .dropdown-toggle {
        border: none;
        color: #fff;
        margin-right: 15px;
        line-height: 43px;
        height: 43px;
        padding: 0;
    }

    #mega-menu .has-children>a::before,
    #mega-menu .has-children>a::after {
        display: none;
    }

}

@media screen and (min-width: 834px) and (max-width: 834px) {
    .banner-container .filters {
        padding-left: 30px;
    }
}

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

    #mega-menu .navbar-toggler {
        display: block;
        bottom: 0;
    }

    #navbarSupportedContent #primary-navigation-bar {
        max-height: 43px;
    }

    #mega-menu ul>li.nav-item.dropdown .dropdown-menu {
        background-color: #2e3233 !important;
    }

    #mega-menu .navbar .dropdown-menu {
        left: 0 !important;
    }

    .banner-container .filters .row .col-md-6:last-of-type .row .col-md-5 {
        flex: 0 0 41.333%;
        max-width: 49.333%;
    }

    .footer .row .col-md-6:last-of-type .row .col-md-4 {
        max-width: calc(33.3% - 62px);
    }

    .sub-footer ul li a {
        font-size: 12px;
    }

    .offer-name {
        font-size: 14px;
    }

    #slider2 .offer-name {
        min-height: 71px;
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    #mega-menu #primary-navigation-bar .dropdown .dropdown-menu {
        transition: all 0.5s ease-in-out !important;
        -o-transition: all 0.5s ease-in-out !important;
        -moz-transition: all 0.5s ease-in-out !important;
        -webkit-transition: all 0.5s ease-in-out !important;
    }

    .search-col {
        flex: 0 0 89px !important;
    }

}

/*------------ Mobile responsive -------------*/

@media screen and (min-width: 320px) and (max-width: 767px) {

    nav.bg-offwhite {
        background-color: #fff;
        min-height: initial;
        padding-bottom: 3px;
        display: block;
    }



    .primary-navigation-bar.all-specialties-wrapper {
        position: absolute;
    }

    .navbar-toggler .navbar-toggler-icon,
    .navbar-toggler .navbar-toggler-icon.icon-white {
        background-image: url("../icons/bars-solid.svg");
        width: 22px;
    }

    .navbar-toggler .navbar-toggler-icon.icon-white {
        background-image: url("../icons/white-close.svg");
        float: right;
    }

    .mobile-responsive-logo {
        display: block;
        padding: 0 !important;
    }

    .mobile-responsive-logo img {
        width: 23px !important;
        height: 23px !important;
    }

    .navbar-expand-md>.container {
        align-content: center;
        justify-content: space-between;
        flex-wrap: nowrap;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .navbar-dark .navbar-brand {
        text-align: center;
    }

    #navbarCollapse ul li.med-bag {
        display: none;
    }

    .navbar-dark .navbar-brand img {
        float: initial !important;
        display: inline-block;
        max-width: 127px;
    }

    .navbar-dark .navbar-toggler {
        padding: 0;
    }

    #navbarCollapse {
        display: none;
    }

    .top-menu-for-user {
        display: block;
    }

    /*------- Mega menu -------*/
    #navbarSupportedContent {
        display: block !important;
    }

    #navbarSupportedContent #primary-navigation-bar {
        visibility: visible;
    }

    #mega-menu .navbar .navbar-toggler {
        display: none;
    }

    #mega-menu .navbar {
        background-color: transparent;
    }

    #mega-menu #primary-navigation-bar {
        top: 0;
        left: 0;
        position: absolute;
        width: 100%;
    }

    #mega-menu #navbarSupportedContent #primary-navigation-bar>li.nav-item {}

    /*-------- Banner -------------*/
    .banner {
        background: transparent;
        padding: 0;
    }

    .banner-container {
        padding: 0;
    }

    .banner-container img.homepage-banner {
        min-width: 100%;
        -webkit-box-shadow: 1px 4px 3px 0 rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 1px 4px 3px 0 rgba(0, 0, 0, 0.2);
        box-shadow: 1px 4px 3px 0 rgba(0, 0, 0, 0.2);
        border-bottom: 1px solid #5c9a2a;
    }

    .banner .jumbotron-slogan {
        display: none;
    }

    /*-------------- Filters -----------------*/
    .banner-container .filters {
        margin-top: 10px;
        padding: 15px;
        padding-top: 20px;
    }

    .banner-container .filters label {
        display: none;
    }

    .banner-container .filters .form-control {
        line-height: 32px;
        min-height: 38px;
        font-size: 16px;

        margin-bottom: 20px;
        border-radius: 8px;
    }

    .banner-container .filters select.form-control {
        color: #7cba49;
    }

    .banner-container .filters button {
        margin-top: 0;
        font-size: 20px;
        max-height: 38px;
        line-height: 30px;
        min-height: 38px;
    }

    .filters .col-md-3 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    /*------------ Home slider ---------------*/
    .owl-theme .owl-nav {
        display: none;
    }

    .offers-list {
        padding: 0;
    }

    .owl-carousel.owl-drag .owl-item {
        min-width: 100px;
    }

    .owl-carousel.owl-drag .owl-item:not(.active) {
        max-height: 1px;
    }

    .owl-carousel .item {
        min-width: 150px;
    }

    /*----------- Slider item ------------*/
    .owl-carousel .item-inner {
        overflow: hidden;
        -webkit-box-shadow: 0px 3px 3px 1px rgba(0, 0, 0, 0.1) !important;
        -moz-box-shadow: 0px 3px 3px 1px rgba(0, 0, 0, 0.1) !important;
        box-shadow: 0px 3px 3px 1px rgba(0, 0, 0, 0.1) !important;
    }

    .owl-carousel .item {
        padding: 7px;
    }

    .owl-carousel .owl-item.active .item {
        padding-left: 0;
    }

    .owl-carousel .owl-item.active .item .offers-qty {
        width: 20px;
        height: 20px;
        top: 7px;
        right: 7px;
        line-height: 20px;
        border-radius: 0;
        border-bottom-left-radius: 50%;
    }

    .owl-carousel .owl-item.active~.owl-item.active .item .offers-qty {
        right: 0;
    }

    .owl-carousel .owl-item.active~.owl-item.active .item {
        padding-left: 7px;
        padding-right: 0;
    }

    .owl-carousel .owl-item.active .item-inner {
        border-bottom-left-radius: 25px;
        position: relative;
    }

    .owl-carousel .owl-item.active~.owl-item.active .item-inner {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 25px;
    }

    #slider3 .owl-item.active .item-inner {
        border-bottom-left-radius: 0;
    }

    .owl-carousel .owl-item .item-inner .offer-name {
        background: rgba(23, 114, 70, 0.7);
        padding: 0;
        text-align: center;
        position: absolute;
        width: 100%;
        bottom: 0;
        left: 0;
    }

    .offers h6 span,
    .fav-hospital h6 span,
    .most-booked h6 span {
        display: none;
    }

    .offers {
        padding-top: 5px;
        padding-bottom: 0;
    }

    .fav-hospital,
    .most-booked {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .fav-hospital h6.text-center.fs-18,
    .fav-hospital h6.text-center.fs-18 {
        margin-bottom: 0;
    }

    /*--------- Before footer section ----------*/
    .number-status ul {
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        /* justify-content: center;
        align-items: center; */
        flex-wrap: nowrap;
    }

    .number-status ul li {
        min-width: 120px;
        width: 100%;
    }

    /*--------- Side drawer ---------------*/
    .top-menu-for-user li.nav-item .nav-link img {
        max-width: 25px;
        margin-right: 15px;
    }

    /*---------- Mobile Mega Menu ---------*/
    #mega-menu {
        display: none;
    }

    #mobile-mega-menu {
        display: block;
        white-space: nowrap;
        overflow-x: auto;
        padding: 5px 0 5px 15px;
        overflow-y: initial;
        position: initial;

        -ms-overflow-style: none;
        /* IE and Edge */
        scrollbar-width: none;
        /* Firefox */
    }

    .mobile-mega-menu-shadow {
        display: block;
        height: 1px;
        width: 100%;
        background-color: #5c9a2a;
        position: relative;
        z-index: 2;
        margin-bottom: -1px;

        box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
        -o-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
        -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
    }

    #mobile-mega-menu::-webkit-scrollbar {
        display: none;
    }

    #mobile-mega-menu>.nav-item {
        display: inline-block;
        background-color: #0c8944;
        border-radius: 30px;
        margin-right: 10px;
        position: initial;
        box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
        -o-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
        -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
    }

    #mobile-mega-menu>.nav-item>.nav-link {
        color: #fff;
        font-size: 12px;
        padding: 3px 10px;
    }

    /*-------- Dropdown menu -----------*/
    #mobile-mega-menu .nav-item.dropdown .dropdown-menu {
        transform-origin: 0 83px;
        transform: scale(1, 0) translate3d(0px, 83px, 0px) !important;
        background-color: #0c8944;
        width: 100%;
        display: block;
        visibility: hidden;
        top: 0;

        transition: all 0.3s ease-in-out !important;
        -o-transition: all 0.3s ease-in-out !important;
        -moz-transition: all 0.3s ease-in-out !important;
        -webkit-transition: all 0.3s ease-in-out !important;
    }

    #mobile-mega-menu .nav-item.dropdown .dropdown-menu.show {
        visibility: visible;
        transform: scale(1, 1) translate3d(0px, 83px, 0px) !important;
    }

    #mobile-mega-menu>.nav-item.dropdown .dropdown-menu ul {
        padding-left: 15px;
        padding-right: 15px;
    }

    #mobile-mega-menu>.nav-item.dropdown .dropdown-menu .nav-item .nav-link {
        color: #fff;
    }

    #mobile-mega-menu>.nav-item.dropdown .dropdown-menu .nav-item:not(:last-child) {
        border-bottom: 1px solid #fff;
    }

    /*-------- All Specialities -------*/
    .primary-navigation-bar.all-specialties-wrapper {
        top: 0;
    }

    .primary-navigation-bar .cd-secondary-nav {
        min-height: calc(100vh - 43px);
    }

    /*-------- Mobile footer ------------*/
    .footer h5 {}

    .footer .left-col .download-app-col {
        max-width: 100%;
        text-align: left;
    }

    .footer .left-col .download-app-col .app-mg {
        display: inline-block;
        text-align: center;
        max-width: 50%;
    }

    .footer .left-col .download-app-col .app-mg:first-of-type {
        padding-right: 7px;
    }

    .footer .left-col .download-app-col .app-mg:last-of-type {
        padding-left: 7px;
    }

    .footer .left-col .download-app-col .app-mg a {
        display: inline-block;
    }

    .footer .left-col .download-app-col .app-mg a img {
        width: 100%;
    }

    /*-- Connect with us --*/
    .footer .left-col .connect-col {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .form-connect .btn-green {
        font-size: 18px;
        display: block;
        width: 100%;
        padding: 5px 0;
        margin-top: 10px;
    }

    /*-- Technical support + Customer care ---*/
    .footer .right-col .contact-details {
        padding-left: 0;
        text-align: center;

    }

    .footer .right-col .row .col-md-4:nth-child(1),
    .footer .right-col .row .col-md-4:nth-child(2) {
        max-width: 50%;
    }

    .footer .right-col .service-provider-wrapper {
        padding-left: 0;
    }

    /*-- Footer social + payment methods image --*/
    .footer .right-col .social-col {
        padding-left: 10px;
        padding-right: 10px;
        max-width: 100%;
    }

    .footer .right-col .social-col h5 {
        max-width: 50%;
        padding-right: 0;
        text-align: center;
    }

    .footer .right-col .social-col .mb-1 {
        max-width: 50%;
        display: inline-block;
    }

    .footer .right-col .social-col .payment-methods {
        margin-top: 0 !important;
        max-width: 50%;
        padding-left: 10px;
        float: right;
    }

    /*------ Footer Copyright + links -------*/
    .sub-footer {
        padding-left: 15px;
        padding-right: 15px;
    }

    .left-footer-logo-col {
        justify-content: center;
        margin-bottom: 15px;
        text-align: center;
    }

    .left-footer-logo-col a {
        margin-right: 0 !important;
        display: inline-block;
    }

    .footer-links-col {
        padding-left: 0;
        padding-right: 0;
    }

    .footer-links-col ul {
        width: 100%;
        text-align: center;
    }

    .sub-footer ul li {
        float: initial;
        display: inline-block;
    }

    /*-------- Additional ------------*/
    .body-overflow-y-hidden {
        /* overflow-y: hidden; */
    }

    /*------ Footer numbers carousel ----*/
    .owl-carousel.owl-drag .owl-item {
        display: flex;
        align-items: center;
        justify-content: center;

    }

    .content-section h1 {
        font-size: 30px;
    }

    p-dropdown {
        margin-bottom: 20px;
        min-height: 38px;
    }

    .ui-dropdown .ui-dropdown-trigger .ui-dropdown-trigger-icon {
        /*top: 7px !important;*/
    }

    p-dropdown label {
        display: block !important;
        line-height: 28px;
        font-size: 16px !important;
        max-width: 200px;
    }

    .add-clinic-header p-dropdown,
    .join-section-container p-dropdown {
        min-height: 36px;
    }

}

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

    /*-------- Carousel Slider -----------*/
    .desktop-number-status-row {
        display: none;
    }

    .mobile-number-status-row {
        display: block;
    }
}

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

    .footer .right-col .row .col-md-4:nth-child(1),
    .footer .right-col .row .col-md-4:nth-child(2) {
        max-width: 100%;
    }

    .footer .right-col .social-col h5 {
        max-width: 100%;
        padding-right: 0;
    }

    .footer .right-col .social-col .mb-1 {
        max-width: 100%;
    }

    .footer .right-col .social-col .payment-methods {
        max-width: 100%;
        padding-left: 0;
        float: initial;
    }
}

@media screen and (min-width: 600px) and (max-width: 767px) {

    #slider3 .owl-item.active .item-inner {
        border-bottom-left-radius: 25px;
    }

    #slider3 .owl-item.active~.owl-item.active .item-inner {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 25px;
    }
}

/**
---------------------------------------------------------
            Doctors responsive screen
---------------------------------------------------------
 */
@media screen and (min-width: 320px) and (max-width: 1279px) {
    .specialist-bg .media .rating.top-auto {
        margin-top: -70px !important;
    }

    .arbtn {
        display: flex;
        justify-content: center;
    }

    .pcell-10 {
        margin-left: 10px;
    }

    .customer-col-md-3 {
        margin: 0 auto 10px;
    }

    all-doctors-component .side-menu {
        min-height: initial !important;
    }

    .menu-header {
        display: flex;
        justify-content: space-between;
    }

    doctor-booking-component .specialist-bg .media .rating.top-auto {
        margin-top: 14px !important;
    }

    /*------ Filters section ----------*/
    .filter-section.ng-star-inserted {
        display: none;
    }

    /*------- Accordion Filter Area ------------*/

    doctor-booking-component .col-filter-area {
        margin-bottom: 45px !important;
    }

    .col-filter-area {
        -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
        height: 0;
        margin-bottom: 15px !important;

        -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.15);
        -moz-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.15);
        box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.15);

        padding-left: 0 !important;
        padding-right: 0 !important;

        transform-origin: top;
        transform: scaleY(0);
        -o-transform: scaleY(0);
        -moz-transform: scaleY(0);
        -webkit-transform: scaleY(0);

        transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
        /* display: none !important; */
    }

    .filter-md-12 {
        height: auto;
    }

    .col-filter-area.show {
        height: auto;
        display: block !important;
        transform: scaleY(1);
        -o-transform: scaleY(1);
        -moz-transform: scaleY(1);
        -webkit-transform: scaleY(1);
    }

    .col-filter-area .sidenav {
        margin-bottom: 0 !important;
    }

    .col-filter-area .sidenav button:last-of-type {
        margin-bottom: 0 !important;
    }

    .mt-60 {
        margin-top: -60px !important;
    }

    /*-------- All Specialities Headings ------*/
    .sort-by-select-list {
        display: none !important;
    }

    /*-------- Mini map -----------*/
    .mini-map {
        /* display: none; */
    }

    .custom-container-md .row.pb-5 {
        margin-right: -15px;
        margin-left: -15px;
    }

    /*------- All Doctors Col Section -----*/
    .specialist-bg {
        padding: 0 0 15px 0 !important;
    }

    .col-doctors-section {
        -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-top: -323px;

        transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
    }

    .all-doctors-col-section {
        margin-top: -489px;

    }

    all-doctors-component .all-doctors-col-section {

        margin-top: 0;
    }

    .col-doctors-section.show {
        margin-top: 60px;

    }

    specialist-component .specialist-bg .media {
        margin-top: 20px;
    }

    specialist-component ._centerOnMob,
    specialist-component ._centerOnMob.media.patientOpinion small {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .specialist-bg>.row>.col-sm-12 {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .specialist-bg .media {
        position: relative;
        text-align: left !important;
    }

    all-doctors-component .specialist-bg .media .rating .stars {
        margin-top: 20px;
    }

    .l-md-22 {
        left: 22px;
    }

    .specialist-bg .media img {
        border-radius: 50% !important;
        width: 94px;
        height: 94px;
        margin-right: 0 !important;
        margin-top: 0;
        position: relative;
        left: 15px;
        max-width: unset !important;
        min-height: unset !important;
    }

    .specialist-bg .media .rating {
        position: absolute;
        right: 15px;

        top: 97px;
    }

    all-doctors-component .specialist-bg .media .rating {
        position: absolute;
        left: 15px !important;
        top: 97px;
        right: auto;
        text-align: left !important;
    }

    doctors-component .specialist-bg .media .rating.docRating {
        left: 15px;
        top: 81px !important;
        right: auto;
    }

    hospital-service-component .scrollMRI {
        display: flex;
        flex-direction: revert;
        flex-wrap: nowrap;
        width: 100%;
        overflow-x: scroll;
    }

    hospital-service-component .specialist-bg .media .rating {
        left: 15px;
        right: auto;
    }

    hospital-service-component .specialist-bg .media .rating.hospServRating {
        top: 103px !important;
    }

    hospital-service-component .specialist-bg .description-col .main-desc .details-col.withStar {
        padding-top: unset;
    }

    hospital-component .specialist-bg .media .rating .stars {

        margin-top: 0px;
    }

    .specialist-bg .media .rating .stars {
        font-size: 14px !important;
        margin-top: 30px;
    }

    .specialist-bg .media .rating span {
        display: none;
    }

    .specialist-bg .media .rating span~span {
        display: block;
    }

    .specialist-bg .description-col {
        margin: 0 !important;
        flex-basis: 100% !important;
    }

    .specialist-bg .description-col .main-desc {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .specialist-bg .description-col .reservation {
        margin-left: 25px;
        margin-right: 25px;
        position: absolute;
        bottom: -115px;
        left: 0;
        z-index: 10;
    }

    /*------ Profile picture col ---------*/
    .specialist-bg .profile-col {
        flex-basis: 100% !important;
        margin-right: 0 !important;
        position: relative;
        z-index: 1;
    }

    .specialist-bg .description-col .main-desc .details-col {
        order: 2;
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 33px;
        margin-top: 20px;
    }

    .specialist-bg .description-col .main-desc .pricing-col {
        order: 1;
        margin-top: -114px;
    }

    .specialist-bg .description-col .main-desc .pricing-col .price-discount {
        margin-top: 0;
    }

    .specialist-bg .description-col .main-desc .evaluation-col {
        order: 3;
        margin-bottom: 0 !important;
        position: absolute !important;
        bottom: 71px;
        right: 30px;
    }

    .specialist-bg .description-col .main-desc .evaluation-col span.badge {
        min-height: 26px !important;
        min-width: 33px !important;
        line-height: 19px !important;
        font-size: 14px !important;
        border-radius: 4px !important;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .specialist-bg .description-col .main-desc .evaluation-col span.badge::after {
        border-right: 20px solid transparent !important;
        border-top: 12px solid #6ab130 !important;
        bottom: -5px !important;
    }

    /*-------- Discount Background ---------*/
    .discount-bg {
        width: 100% !important;
        height: initial !important;
        position: relative !important;
        top: 0 !important;
        margin-top: 0;
        text-align: right !important;
        max-height: 100px;
        padding-top: 10px !important;
    }

    hospital-component .specialist-bg .media .rating.starRating {
        position: absolute;
        right: auto;
        top: 151px !important;
        left: 20px;
    }

    .discount-bg>span {
        display: none;
    }

    .priceDiscount {
        z-index: 9;
    }

    hospital-component .discount-bg>span {
        display: block;
    }

    .discount-bg p {
        margin: 0 !important;
    }

    .discount-bg p span {
        font-size: 10px !important;
        padding: 2px 4px !important;
    }

    .discount-bg p.pri-dis {
        font-size: 28px !important;
        line-height: 15px;
        margin-top: 10px !important;
        margin-bottom: 2px !important;
        display: flex;
        display: -o-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: -webkit-flex;
        align-items: center;
        justify-content: flex-end;
    }

    .discount-bg p.pri-dis>span {
        font-size: 22px !important;
        align-self: flex-end;
    }

    .discount-bg button {
        background-color: transparent !important;
        box-shadow: none !important;
        color: #464749;
        padding: 0 !important;
        margin-bottom: 14px !important;
        display: inline-block;
        font-size: 12px !important;
        z-index: 9;
        position: relative;
    }

    /*------- Services tabs --------*/
    .specialist-bg .doc-services-tabs {
        padding-left: 15px;
        padding-right: 15px;
        margin-top: -16px;
        margin-bottom: 54px;
        padding-top: 20px;

    }

    .specialist-bg .doc-services-tabs h5 {
        font-size: 16px;
    }

    .specialist-bg .doc-services-tabs .nav-tabs {
        width: 100% !important;
        min-height: 42px !important;
        position: relative;
        z-index: 1;
    }

    .specialist-bg .doc-services-tabs .nav-tabs .nav-item {
        width: initial !important;
    }

    .specialist-bg .doc-services-tabs .nav-tabs .nav-item .nav-link {
        padding: 3px 7px !important;
    }

    /*------ Responsive header ----------*/
    .responsive-header {
        display: block;
    }

    /*------ Breadcrumbs ---------*/
    .specialist-section .breadcrumb {
        display: none;
    }

    /*------- Filter bottom action bar --------*/
    .filter-button-fixed-action-bar {
        display: block;
        background-color: #f1fee4;

        -webkit-box-shadow: 0px -3px 5px 0px rgba(0, 0, 0, 0.15);
        -moz-box-shadow: 0px -3px 5px 0px rgba(0, 0, 0, 0.15);
        box-shadow: 0px -3px 5px 0px rgba(0, 0, 0, 0.15);
        width: 100%;
        position: fixed;
        bottom: 0;
        left: 0;
        z-index: 999;
        padding: 15px 0 30px 0;
        opacity: 0;
        visibility: hidden;

        transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
    }

    .filter-button-fixed-action-bar.show {
        opacity: 1;
        visibility: visible;
    }

    .filter-button-fixed-action-bar .btn-group {
        width: 100%;
    }

    .filter-button-fixed-action-bar .btn-group .btn-danger {
        flex: 1;
        border-top-right-radius: .25rem !important;
        border-bottom-right-radius: .25rem !important;
        background-color: #eb412f !important;
    }

    .filter-button-fixed-action-bar .btn-group .btn-success {
        flex: 2;
        margin-left: 15px;
        border-top-left-radius: .25rem;
        border-bottom-left-radius: .25rem;
        background-color: #6ab130 !important;
    }

    /*------- Speciality results bar --------*/
    .all-specialties-headings {
        display: flex;
        display: -o-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: -webkit-flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        align-items: center;
        justify-content: space-between;
        padding: 0 20px;
        margin-bottom: 10px;
        background-color: #f1f1f1;
        position: relative;
        z-index: 0;
        min-height: 30px;
        max-width: 100%;
        flex-basis: 100%;
        -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.15);
        -moz-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.15);
        box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.15);
    }

    .all-specialties-headings h5,
    .font-small {
        font-size: 12px !important;
        margin: 0 !important;
    }

    /*------ Customer Edit Appointment --------*/
    customer-edit-appointment-component .discount-bg {
        right: 0 !important;
    }

    .specialist-bg .description-col .main-desc .pricing-col {
        margin-top: -90px !important;
    }

    .mdAlignOffer {
        justify-content: center !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        width: 100% !important;
    }

}

@media screen and (min-width: 436px) and (max-width: 1279px) {

    .specialist-bg .doc-services-tabs {
        margin-bottom: 40px;
    }

    .specialist-bg .description-col .reservation {
        bottom: -98px;
        max-width: initial;
    }
}

@media screen and (min-width: 1800px) {

    .shot-by-drop {
        max-width: 300px;
    }

    .shot-by-drop .btn.dropdown-toggle::after {
        border-top: .5em solid;
        border-right: .4em solid transparent;
        border-left: .4em solid transparent;
        position: relative;
        top: 3px;
    }

}

@media screen and (min-width: 1280px) and (max-width: 1700px) {
    .custom-container-md {
        max-width: 1200px;
    }
}

/**
---------------------------------------------------------
            Customer profile page
---------------------------------------------------------
 */

@media screen and (min-width: 768px) and (max-width: 1024px) {

    .dob-col .ui-calendar {
        display: block;
    }

    .dob-col input {
        min-width: 100%;
    }

}

@media screen and (min-width: 360px) and (max-width: 767px) {

    .dob-col .ui-calendar {
        display: block;
    }

    .dob-col input {
        min-width: 100%;
    }

}

@media screen and (min-width: 1441px) and (max-width: 1569px) {
    .social-col a {
        margin-left: 21px !important;
    }
}

@media screen and (min-width: 1366px) and (max-width: 1440px) {
    .social-col a {
        margin-left: 18px !important;
    }
}

@media screen and (min-width: 1171px) and (max-width: 1279px) {
    .social-col a {
        margin-left: 10px !important;
    }

    .footer h5 {
        font-size: 14px;
    }

    .social-col h5 {
        font-size: 13px;
    }
}


@media screen and (min-width: 360px) and (max-width: 480px) {
    .footer h5 {
        text-align: center;
    }

    .footer .right-col .contact-details {
        text-align: center;
    }

    .footer .right-col .row .col-md-4:nth-child(1),
    .footer .right-col .row .col-md-4:nth-child(2) {
        max-width: 100%;
    }

    .footer .right-col .service-provider-wrapper {
        align-items: center;
    }

    .footer .right-col .social-col {
        align-items: center;
    }

    .social-col a {
        margin-left: 0 !important;
        margin-right: 22px !important;
    }

    .footer .right-col .payment-methods {
        padding-left: 0 !important;
        justify-content: center;
        align-items: center !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    #mega-menu .navbar-toggler {
        bottom: 9px;
    }
}

/**======================================================================
    End Responsive style by M Umar Farooq @ 8/12/2020 - 8:02 AM
=========================================================================*/

@media screen and (min-width: 1800px) {

    .offers-list4 .owl-stage {
        height: 259px;
    }

    #mega-menu .navbar-collapse {
        max-width: calc(100% - 55px);
        padding-right: 20px !important;
    }

    li.nav-item.med-bag a img {
        margin-top: -15px;
        width: 28px;
    }
}

/**-------------------------------------------
    Change password popup
--------------------------------------------*/
@media screen and (max-width: 1700px) {

    .custom-modal.ui-dialog {
        width: 27vw !important;
        min-width: 380px;
    }

    /*----------- Create Account Model ----------*/
    .create-account-modal .custom-modal.ui-dialog {
        max-width: 550px;
        width: 30vw !important;
    }

    .create-account-modal .form-control,
    .create-account-modal p-dropdown,
    .create-account-modal .input-group-append .input-group-text {
        border: 1px solid #ced4da;
    }

    .create-account-modal p-dropdown {
        height: 26px;
        min-height: 26px;
        max-width: calc(100% - 10px) !important;
    }

    .create-account-modal p-dropdown .ui-dropdown {
        height: 26px;
    }

    .create-account-modal .ui-dropdown .ui-dropdown-trigger {
        height: 26px;
    }

    .create-account-modal .ui-dropdown-panel .ui-dropdown-filter {
        height: 26px;
    }

    .create-account-modal p-dropdown .ui-dropdown .ui-dropdown-panel {
        top: 30px !important;
    }

    /*----------- End Create Account Model ----------*/

    .custom-modal .pi-times::before {
        display: block;
        transform: scale(.8);
    }

    .custom-modal .ui-dialog-titlebar-icon {
        padding-left: 10px !important;
    }

    .custom-modal .ui-dialog-titlebar {
        padding: 0 0 5px 0 !important;
        font-size: 20px;
        font-weight: 700;
    }

    .custom-modal .modal-body {
        padding: 0 20px;
    }

    .custom-modal .form-group label {
        font-size: 16px;
        font-weight: 400;
    }

    .custom-modal .form-control,
    .create-account-modal .input-group-append {
        height: 28px !important;
    }

    .custom-modal .form-group .input-group-text {
        padding-left: 5px;
        padding-right: 5px;
    }

    .modal-change-pass.custom-modal form>.hr {
        margin-top: 10px !important;
        margin-bottom: 20px !important;
    }

    .modal-change-pass.custom-modal form>.hr button {
        line-height: 16px;
    }

    .custom-modal .ui-dialog-titlebar-icon {
        padding-top: 5px !important;
    }

    /*------------ Remember me modal --------*/
    .sign-in-modal .form-group-remember-me {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-direction: row !important;
    }

    .sign-in-modal .form-group-remember-me .form-check-label,
    .sign-in-modal .form-group-remember-me .forgot-password-anchor {
        font-size: 12px;
        color: #a0a2a4;
    }

    .sign-in-modal .div-btn-sign button,
    .sign-in-modal .div-btn-sign button,
    .create-account-modal .div-btn-sign-up button,
    .div-btn-forgot-pass button {
        padding-top: 0;
        padding-bottom: 0;
    }

    /*------------ /End Remember me modal --------*/

}

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

    .create-account-modal .custom-modal .modal-body {
        padding: 15px;
    }

}

@media screen and (max-width: 767px) {
    .custom-modal.ui-dialog {
        min-width: 300px;
    }

    .create-account-modal .custom-modal .modal-body {
        padding: 15px;
    }

    .create-account-modal .footer-col {
        flex-direction: column;
    }

    .create-account-modal .div-btn-sign-up {
        flex-direction: column;
    }

    .mobile-form-control {
        max-width: calc(100% - 10px);
        margin-left: 10px;
    }

    .mobile-number-zero {
        min-width: calc(100% - 20px);
        margin-left: 10px;
    }

    .create-account-modal p-dropdown {
        margin-bottom: 10px;
    }

    .offers-list1 {
        padding: 0 20px;
    }

    .most-booked,
    .fav-hospital {
        /* padding-left: 50px;
        padding-right: 50px; */
        padding-left: 20px;
        padding-right: 20px;
    }

    .offers-list4 {
        max-width: 400px;
        margin: 0 auto;
    }
}

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

    .offers-list4 .slick-initialized .slick-slide {
        min-width: 0;
    }

    .offers-list4 .item-inner {
        min-width: 300px;
    }

}

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

    .offers-list4 .slick-initialized .slick-slide {
        min-width: 0;
    }

    .offers-list4 .item-inner {
        min-width: 250px;
    }

}

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

    .offers-list4 .slick-initialized .slick-slide {
        min-width: 0;
    }

    .offers-list4 .item-inner {
        min-width: 230px;
    }

}

@media screen and (min-width: 1441px) {
    .offers-list4 .item-inner img {
        min-height: 240px
    }
}

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

    .appointment-table-container {
        max-width: 230px;
    }

    .appointment-table-container .row-main-header h4 {
        font-size: 16px;
        line-height: 1;
        padding: 2px 0;
        margin: 0 auto;
    }

    .appointment-table-container .row-time-header span {
        padding: 5px 0;
        display: block;
        line-height: 1;
    }

    .table-cell.show {
        height: 26px;
    }

    .appointment-table-container .row-body .item-row button {
        font-size: 14px;
        padding: 0 0;
        min-height: 26px;
    }

    .appointment-table-container .row-footer .btn.btn-danger {
        font-size: 14px;
    }

    #appointment-date-slider .next-slide {
        right: -35px;
    }

    #appointment-date-slider .prev-slide {
        left: -30px;
    }

    /*-------- Doctor Profile -----------*/
    .doc-inner img {
        width: 90px;
        height: 90px;
        object-fit: cover;
        border-radius: 5px;
        border: 1px solid #6ab130;
        margin-bottom: 5px;
    }

    .other-doctors-row .ui-rating {
        display: flex;
        align-items: flex-start;
        justify-content: center;
        height: 20px;
    }

    .doc-inner h2 {
        font-size: 12px !important;
        margin-top: 4px !important;
        margin-bottom: 0 !important;
    }

    .other-doctors-row .doc-specialty-bg {
        padding: 15px 15px 10px 15px !important;
    }

    /*-------- End Doctor Profile -----------*/

}

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

    /*-------- Doctor Profile -----------*/
    .doc-inner img {
        width: 72px !important;
        height: 72px;
        object-fit: cover;
        border-radius: 5px;
        border: 1px solid #6ab130;
        margin-bottom: 5px;
    }

    .other-doctors-row .ui-rating {
        display: flex;
        align-items: flex-start;
        justify-content: center;
        height: 20px;
        white-space: nowrap;
        /* overflow: hidden;
        text-overflow: ellipsis; */
    }

    .doc-inner h2 {
        font-size: 12px !important;
        margin-top: 4px !important;
        margin-bottom: 0 !important;
    }

    .other-doctors-row .doc-specialty-bg {
        padding-bottom: 5px !important;
        padding-top: 15px !important;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .other-doctors-row .doc-specialty-bg {
        min-height: initial !important;
    }

    /*-------- End Doctor Profile -----------*/
}

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

    #appointment-date-slider {
        padding: 30px 40px 30px 40px !important;
    }

    .appointment-table-container .row-main-header h4 {
        font-size: 12px;
    }

    .appointment-table-container .row-main-header {
        padding: 4px
    }

    .appointment-table-container .row-time-header span {
        font-size: 12px;
    }

    .appointment-table-container .row-body .item-row button {
        font-size: 12px;
        padding-bottom: 2px;
    }

    .appointment-table-container .row-footer .btn.btn-danger {
        font-size: 12px;
    }

}

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

    .appointment-table-container {
        max-width: 230px;
    }

    .appointment-table-container .row-main-header h4 {
        font-size: 16px;
        line-height: 1;
        padding: 2px 0;
    }

    .appointment-table-container .row-time-header span {
        padding: 5px 0;
        display: block;
        line-height: 1;
    }

    .table-cell.show {
        height: 26px;
    }

    .appointment-table-container .row-body .item-row button {
        font-size: 14px;
        padding: 0 0;
        min-height: 26px;
    }

    .appointment-table-container .row-footer .btn.btn-danger {
        font-size: 14px;
    }

    #appointment-date-slider .next-slide {
        right: -35px;
    }

    #appointment-date-slider .prev-slide {
        left: -30px;
    }

}

@media print {
    .isPrint {
        display: none;
    }
}

@media (max-width:578px) {

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

    ._centerMargin {
        margin-top: 13px !important;
    }

    .color-0C8944>span:nth-child(1) {
        font-size: 11px;
    }

    .color-0C8944>span:nth-child(2) {
        margin-left: 9px;
    }


    home-component .offer-img._ofrImg,
    home-component .offer-img._ofrImg img {
        max-height: 89px;
        min-height: 89px;

    }

    .slick-initialized .slick-slide>div .item-inner {
        width: 100px;
    }
}