﻿@charset "utf-8";
/* CSS Document */

/**
 * 8.0 Media Queries
 * ----------------------------------------------------------------------------
 */
/* Does the same thing as <meta name="viewport" content="width=device-width">,
 * but in the future W3C standard way. -ms- prefix is required for IE10+ to
 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
 * the meta tag. See https://core.trac.wordpress.org/ticket/25888.
 */
@-ms-viewport {
    width: device-width;
}

@media (max-width: 1200px) {
    .doctor-poster .poster-content {
        margin-top: calc(200px - 130px);
    }
}

@media (max-width: 1150px) {
    .reslt-btn i {
        width: 40px;
        height: 40px;
        line-height: 38px;
        font-size: 1.6em !important;
    }

    .yamm .navbar-nav li a {
        font-size: 14px;
        padding: 10px 8px;
    }

    .reslt-btn {
        float: left !important;
    }
}

@media (max-width: 1199px) {

    .saprate .doctor-poster img {
        width: 100%;
        margin-top: 31px;
    }

    .profile-img {
        height: 148px;
        width: 148px;
    }

    .doctor .doctor-box > .doctor-info {
        bottom: -153px;
    }

    .calendar-ct.month-items li {
        width: 45% !important;
    }
}

@media (max-width: 1100px) {
    .tagline-top {
        display: none;
    }

    .item .captions {
        width: 45%;
    }

        .item .captions:after {
            right: -18vw;
            border-top: 37.3vw solid rgba(7,186,183,0.8);
            border-right: 18vw solid transparent;
        }
}

@media (max-width: 1024px) {
    .col-bdr .col-sm-4 {
        text-align: center;
    }

    .tagline-top {
        display: none;
    }

    .item .captions {
        width: 40%;
    }

    .booking-form {
        max-width: 28vw;
    }

    .doctor .doctor-box > .doctor-info p {
        font-size: 14px;
    }
}

@media (max-width: 992px) {
    .saprate .doctor-poster img {
        margin-top: 0px;
    }

    .app .app-desc {
        padding-top: 80px;
    }

    .doctor-poster .poster-content .btn {
        margin-top: 20px;
    }

    .doctor-poster {
        height: 320px;
    }

        .doctor-poster .poster-content {
            margin-top: calc(200px - 130px);
        }

        .doctor-poster img {
            width: 100%;
            position: absolute;
            right: 0;
            top: 31px;
        }

    .dflt-owl .groupbox {
        margin-top: 0;
        padding-top: 8px;
    }

    .banner_image .quick_btn .kaya-btn2 {
        font-size: 14px;
    }

    .banner_image .quick_btn h4 {
        font-size: 30px;
    }

    #divExpertSearch .docserchrslt {
        -webkit-border-radius: 50px 10px 10px;
        border-radius: 50px 10px 10px;
    }

    .profile-img {
        width: 110px;
        height: 110px;
    }

    .margbotm0 {
        margin-bottom: 15px;
    }

    .app-reqst.list-btns {
        position: static;
        float: right;
    }

    .app_slot {
        margin-top: 40px;
    }

    .practice .profile-details {
        padding-top: 90px;
    }

    .we-serve .serve-group .serve-data h2 {
        font-size: 12px;
    }

    .we-serve .serve-group .serve-data {
        padding: 10px 20px;
    }

    .additional-links > .container {
        width: 100% !important;
    }

        .additional-links > .container > ul > li > a > span {
            font-size: 14px;
        }

    .responsive-tab {
        overflow-X: auto;
        overflow-y: hidden;
        width: 100%;
    }

        .responsive-tab ul li {
            float: none;
            display: table-cell;
            white-space: nowrap;
        }

    .inner-tab .tabbable .tab-content .tab-pane .kaya-btn {
        margin: 20px 0 0;
    }

    .inner-tab .tabbable .tab-content .tab-pane p {
        margin: 15px 0 0px;
    }

    .list-btns.result-textblock .reslt-btn i {
        height: 40px;
        width: 40px;
        line-height: 42px;
    }



    .booking-form {
        max-width: 42vw;
        position: relative;
        transform: inherit;
        -webkit-transform: inherit;
        border: 5px solid #ed4a52;
        margin: 20px auto;
    }

    .item .captions {
        width: 50%;
    }

    .nav > li > a {
        padding: 6px 10px;
    }

    .doctor .doctor-box > .doctor-info ul li {
        font-size: 12px;
    }

    .doctor .doctor-box > .doctor-info {
        bottom: -173px;
    }

    .know_more .more {
        width: 100%;
        padding: 40px 0px 40px 0px !important;
    }

    .know_more {
        min-height: auto;
        background-image: none;
    }

        .know_more .more::before {
            content: none;
        }

    .portal .kaya-btn {
        margin-top: 15px;
    }

    .more .kaya-btn {
        margin: 0 auto;
        display: table;
    }

    .footer_top .address-block img {
        width: 40%;
    }

    .item .caption-text p {
        font-size: 1em;
    }

    .kaya-btn {
        font-size: 12px;
    }

    .colboder-right {
        border-radius: 20px 20px 20px 20px !important;
        box-shadow: -1px -1px 12px #ccc !important;
        margin: 32px;
    }

    .prof-reg {
        margin-top: 80px;
        margin-bottom: 0px !important;
    }

    .reslt-btn {
        /*width: 18% !important;*/
    }

        .reslt-btn i {
            width: 40px;
            height: 40px;
            line-height: 38px;
            font-size: 1.6em !important;
        }

    .theirs .booking-form {
        max-width: 42vw;
        position: relative;
        transform: inherit;
        -webkit-transform: inherit;
        border: 5px solid #ed4a52;
        margin: 20px auto;
    }

    .item .captions {
        width: 50%;
    }

    .nav > li > a {
        padding: 6px 10px;
    }

    .doctor .doctor-box > .doctor-info ul li {
        font-size: 12px;
    }

    .doctor .doctor-box > .doctor-info {
        bottom: -173px;
    }

    .know_more .more {
        width: 100%;
        padding: 40px 0px 40px 0px !important;
    }

    .know_more {
        min-height: auto;
        background-image: none;
    }

        .know_more .more::before {
            content: none;
        }

    .portal .kaya-btn {
        margin-top: 15px;
    }

    .more .kaya-btn {
        margin: 0 auto;
        display: table;
    }

    .footer_top .address-block img {
        width: 40%;
    }

    .item .caption-text p {
        font-size: 1em;
    }



    .colboder-right {
        border-radius: 20px 20px 20px 20px !important;
        box-shadow: -1px -1px 12px #ccc !important;
        margin: 32px;
    }

    .prof-reg {
        margin-top: 80px;
        margin-bottom: 0px !important;
    }

    /*.reslt-btn {
        width: 18% !important;
    }*/

    .reslt-btn i {
        width: 40px;
        height: 40px;
        line-height: 38px;
        font-size: 1.6em !important;
    }

    .item .captions {
        width: 50%;
    }

    .nav > li > a {
        padding: 6px 10px;
    }

    .doctor .doctor-box > .doctor-info ul li {
        font-size: 12px;
    }

    .doctor .doctor-box > .doctor-info {
        bottom: -173px;
    }

    .know_more .more {
        width: 100%;
        padding: 40px 0px 40px 0px !important;
    }

    .know_more {
        min-height: auto;
        background-image: none;
    }

        .know_more .more::before {
            content: none;
        }

    .portal .kaya-btn {
        margin-top: 15px;
    }

    .more .kaya-btn {
        margin: 0 auto;
        display: table;
    }

    .footer_top .address-block img {
        width: 40%;
    }

    .item .caption-text p {
        font-size: 1em;
    }

    .kaya-btn {
        font-size: 12px;
    }

    .colboder-right {
        border-radius: 20px 20px 20px 20px !important;
        box-shadow: -1px -1px 12px #ccc !important;
        margin: 32px;
    }

    .prof-reg {
        margin-top: 80px;
        margin-bottom: 0px !important;
    }

    .reslt-btn {
        /*width: 18% !important;*/
    }

        .reslt-btn i {
            width: 40px;
            height: 40px;
            line-height: 38px;
            font-size: 1.6em !important;
        }

    .profil-ptnt-img {
        width: 200px;
        height: 200px;
        position: absolute;
        top: -100px;
        left: 50%;
        transform: translateX(-50%);
    }

    #divbuttonInner {
        text-align: center;
    }

    .profile-details .follow-section.profile-l-sidebar {
        margin: 0 auto;
        float: none !important;
        display: table;
    }

    .profhed {
        text-align: center;
        margin-top: 120px;
    }

    .profile-top {
        display: inline-block;
    }

    .profile-middle {
        margin-top: 315px !important;
    }

    .profil-patien.practice .profile-middle {
        margin-top: 75px !important;
    }


    .profile-details {
        padding-top: 0px;
    }

    .reslt-btn {
        float: none !important;
    }

    #divbuttonInner {
        padding-bottom: 30px;
    }

    .profil-ptnt-img .live-img {
        bottom: 22%;
    }
}

@media (max-width: 991px) {
    .saprate .doctor-poster .poster-content {
        margin-top: calc(200px - 120px);
    }
}

@media (max-width: 800px) {
    .carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right {
        display: none;
    }

    .doctor .col-xs-6 {
        margin-bottom: 30px;
    }
}

@media (max-width: 767px) {
    .logo #SideToggle i.fa-bars {
    background: #ffffff;
    padding: 8px 10px 6px;
    border-radius: 4px;
    color: #67d5d3;
    font-size: 20px;
    border: 1px solid;
    }
    .header .logo img {
    width: 140px;
    height: auto;
        display: block;
    margin: 0 auto;
    }
    .location {
    display: inline-block;
    float: right;
    text-align:center;
    }
        .location a, .location a span {
            color:#666 !important;
        }
            .location a i.fa {
                display:block !important;
            }
    
        .navbar-default .navbar-toggle {
        border-color: #ddd;
        position: absolute;
        top: 8px;
        right: 0;
        z-index: 99;
    }

    .saprate .doctor-poster img {
        top: -117px;
    }

    footer {
        text-align: center;
    }

    .doctor-poster img {
        top: 88px;
    }

    .doctor-poster .poster-content .btn {
        margin-top: 10px;
    }

    .app .app-desc {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    ul.social-icon {
        float: none;
        padding: 10px;
    }

    .offers-kayawell .col-sm-6.col-xs-6 {
        width: 100%;
    }

    .admin .admin-content {
        padding: 0 15px;
    }

    #sidebar.active {
        width: 0 !important;
        min-width: inherit !important;
        max-width: inherit !important;
        visibility: hidden;
        opacity: 0;
    }

    #sidebar {
        margin-left: 0px !important;
        -webkit-transition: inherit !important;
        transition: inherit !important;
    }

    .logowrap {
        height: inherit;
        text-align: left;
    }

    #divExpertSearch .rate-details {
        position: static;
    }

        #divExpertSearch .rate-details > small {
            width: 40%;
        }

    .Practice_info.expert-info li:first-child h4 {
        width: 65%;
    }

    .filter .plans .doc-loc, #carousel-example2 .plans .doc-loc {
        display: block !important;
    }

    .recp-detal .quick_link {
        text-align: center;
    }

    #comments .forum-status, .groupbox .forum-status {
        position: static;
        display: block;
        text-align: right;
    }

    .groupbox .forum-status {
        text-align: center !important;
    }

    .banner_image .quick_btn {
        top: 20%;
        width: 100%;
        margin: 12px 0px 0px;
    }

    .kayawell-news.box {
        min-height: inherit;
    }

    #divbuttonInner .kaya-btn {
        margin: 10px 0 0;
    }

    .app_slot .slots .slot-btn {
        font-size: 11px;
        font-weight: 600;
    }

    .local_content .we-serve .serve-data img {
        float: none;
        width: 40px;
    }

    .local_content .we-serve .serve-group .serve-data h2 {
        padding-top: 8px;
    }

    .practice .img-box {
        margin: 0 auto;
    }

    .Practice_infoico li {
        float: none;
    }

    .Practice_infoico {
        text-align: center;
        padding-bottom: 10px;
        padding-top: 10px;
    }

    #formKeywordPanel .app_info {
        width: 100% !important;
    }

    #formKeywordPanel .appointment {
        border-left: 0px;
    }

    .shar-social.icon-ligntgray.leftstyle > p {
        margin: 0 auto;
        margin-bottom: 10px;
        width: 215px;
        box-shadow: none;
    }

    .shar-social.icon-ligntgray.leftstyle {
        width: 100%;
        right: auto;
        height: auto;
        bottom: -82px;
        top: auto;
        transform: none;
    }

    .we-serve .serve-group {
        height: 160px;
        width: 24%;
    }

    .search-area > .form-area form {
        height: auto;
    }

    .form-area .form-group.city, .form-area .form-group.category, .form-area .form-group.sub-cat {
        width: 100%;
    }

    .form-area h4 {
        font-size: 2.4rem;
    }

    .form-area p {
        font-size: 1.2em;
    }

    .form-area .btn {
        padding: 8px 4px;
    }

    .ProfilePartialPlan .panels-footer {
        position: relative;
    }



    .ProfilePartialPlan .pic div {
        width: auto !important;
    }

    #divDoctorPrmo .table-responsive {
        border: none;
    }

    .doctor .doctor-box img {
        max-height: 200px;
        min-height: 200px;
        width: 100%;
    }

    .doctor .col-xs-6 {
        margin-bottom: 30px;
    }

    #myCarousel .caption-text h2 {
        display: none;
    }

    .kaya-btn {
        font-size: 0.8em;
    }

    .item .caption-text p {
        margin: 5px 0;
    }

    .dflt-owl .groupbox {
        padding: 0px 0px 10px;
    }

    .dflt-owl .col-sm-6 {
        margin-bottom: 30px;
    }

    .dashdflt .col-md-2.col-sm-2 {
        margin-bottom: 40px;
    }

    .inner-search {
        width: 30%;
    }

    .doctor .doctor-box img {
        max-height: 200px;
        min-height: 200px;
        width: 100%;
    }

    #myCarousel .caption-text h2 {
        display: none;
    }

    .kaya-btn {
        font-size: 0.8em;
    }

    .item .caption-text p {
        margin: 5px 0;
    }

    .mine .dflt-owl .col-sm-6 {
        margin-bottom: 30px;
    }

    .dashdflt .col-md-2.col-sm-2 {
        margin-bottom: 40px;
    }

    .inner-search {
        width: 30%;
    }

    .doctor .doctor-box img {
        max-height: 200px;
        min-height: 200px;
        width: 100%;
    }

    #myCarousel .caption-text h2 {
        display: none;
    }

    .kaya-btn {
        font-size: 0.8em;
    }

    .item .caption-text p {
        margin: 5px 0;
    }




    .doctor .doctor-box img {
        max-height: 200px;
        min-height: 200px;
        width: 100%;
    }

    .doctor .col-xs-6 {
        margin-bottom: 30px;
    }

    #myCarousel .caption-text h2 {
        display: none;
    }

    .kaya-btn {
        font-size: 0.8em;
    }

    .item .caption-text p {
        margin: 5px 0;
    }

    .theirs .tabs-solution .panel-collapse .panel-body .tab-pane {
        background: #ed4a52;
        color: #fff;
    }

    #divExpertSearch {
        margin: 0 auto;
    }

        #divExpertSearch .result-textblock.list-btns > ul {
            display: inline-block;
        }

        #divExpertSearch .result-textblock.list-btns {
            text-align: center !important;
        }

    .list-unstyled.row {
        display: inline-block;
    }

    #divExpertSearch .demo-gallery {
        text-align: center !important;
        width: auto;
    }

    #divExpertSearch .result-textblock {
        margin-top: 0px;
    }

    #divExpertSearch .doc-detail {
        text-align: left !important;
    }

    #divExpertSearch > .doc-detail > div {
        padding-left: 0px !important;
    }

    #divExpertSearch .address-doc {
        text-align: left !important;
    }

    .demo-gallery-blog {
        display: inline-block;
    }

    #divExpertSearch .docserchrslt {
        border-radius: 20px 20px 20px;
    }



    .find-blog.find-doc {
        padding: 15px 10px !important;
    }

    .sort-list-tab button {
        padding: 2px 10px !important;
        width: 32px;
    }

    .header {
        margin-bottom: 0;
    }

    .item .caption-text {
        width: 85%;
    }

        .item .caption-text p {
            font-size: 0.8em;
        }

    .booking-form {
        max-width: 52vw;
    }

    .know_more .more-content {
        margin: 20px 10px;
    }

    .portal .kaya-btn {
        display: table;
        margin: 0 auto;
        float: none;
    }

    .social-links {
        text-align: center;
        float: none;
    }

    .copyrights {
        text-align: center;
        font-size: 12px;
    }

    .logo .visible-xs {
        float: left !important;
    }

    .inner-tab #tab1, .inner-tab #tab2 {
        background: none;
    }

    .doctor .doctor-box > .doctor-info {
        bottom: -125px;
    }

    .inner-tab {
        margin: 10px 0;
    }

    .tabbable .tab-pane {
        margin: 0px 20px;
    }

    .tabs-solution .nav-tabs.main-tabs li.active a:before {
        content: none;
    }

    .tabs-solution .nav-tabs.main-tabs li a:after {
        content: none;
    }

    .tabs-solution .nav-tabs.main-tabs li.active a {
        border-radius: 4px;
    }

    .tabs-solution .nav-tabs.main-tabs li a {
        border: 1px solid;
        border-radius: 4px;
        margin: 4px 2px;
        /*min-width: 146px;*/
        text-align: center;
    }

    .heading h4 {
        font-size: 1.2em;
    }

    .portal h4 {
        font-size: 1.2em;
    }

    .prof-reg {
        margin-top: 40px;
        margin-bottom: 0px !important;
    }

    .profil-patien.practice .profile-middle {
        margin-top: 150px !important;
    }

    .profil-patien .profile-middle {
        margin-top: 355px !important;
    }

    .bhoechie-tab-menu .list-group {
        padding-left: 0px;
    }

    .profile-middle .list-group-item.text-center {
        float: left;
        min-width: 120px;
    }

    .bhoechie-tab-menu .list-group {
        display: inline-table;
    }

    .bhoechie-tab-menu {
        text-align: center;
    }

    div.bhoechie-tab-menu div.list-group > a.active:after {
        content: none;
    }

    div.bhoechie-tab-content {
        padding-left: 0px;
    }

    .social-section.profile-l-sidebar {
        width: 95%;
    }

    .bhoechie-tab-menu > .list-group .list-group-item {
        padding: 0px;
    }

    #searchForm .form-control, #searchForm #btnFind {
        margin: 0 auto;
        display: block;
        margin-top: 20px;
    }

    .list-btns li {
        margin-right: 0;
    }

    .docserchrslt .col-md-4, .docserchrslt .col-md-4 {
        padding-right: 15px;
        padding-left: 15px;
    }

    #accordion .panel-collapse {
        padding: 0;
    }

    .tabs-solution .panel-collapse .panel-body .tab-pane {
        padding: 0;
        margin: 0;
    }

    .tabs-solution .col-sm-4 .img-responsive {
        display: none;
    }
}

@media (max-width: 643px) {
    .form-area {
        top: 50%;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
    }
}

@media (max-width: 525px) {
    #carousel-example .overlay-effect img {
    }

    .doctor .doctor-box > .doctor-info {
        bottom: -145px;
    }

    .profil-ptnt-img {
        padding: 0;
        top: -75px;
    }

    .profile-top .profileRes-img {
        width: 140px;
        height: 140px;
    }

    @media (max-width: 756px) {
        .item .flex-div{ display:block;}
        .app-section .parallax img{ width:100%;}
        .slider .item{ height:auto; min-height:inherit;}
        .form-area {
            top: 55%;
        }
    }

    @media (max-width: 480px) {


        .news-page .col-xs-6 {
            width: 100% !important;
        }
    }



    .box {
        min-height: 240px;
    }
}
/* Mobile devices */



@media (max-width: 387px) {
    .doctor .doctor-box > .doctor-info {
        bottom: -167px;
    }
    .top-bar .col-sm-4.text-right > ul{ display:flex;}
   .top-bar .col-sm-4.text-right > ul  .offerBtn{ width:160px;}


}
@media (max-width: 576px) {
    .we-serve .serve-group {
        width: 49%;
    }

    .form-area h4 {
        font-size: 1.4em;
    }

    .form-area p {
        font-size: 1em;
    }
}
@media (max-width: 359px) {
    .doctor .doctor-box > .doctor-info {
        bottom: -205px;
    }
    .top-bar .col-sm-4.text-right > ul  .offerBtn{ width:140px;}
     .top-bar .col-sm-4.text-right > ul  .offerBtn .text1{font-size: 12px;
   
    top: 7px;
    }
}



/**

 * 9.0 Print

 * ----------------------------------------------------------------------------


 */


/* Retina-specific styles. */

@media print, (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
}

@media print {
}
