@media (max-width: 767px)@media (max-width: 1179px) {
  .serviceList {
    font-size: 18px;
  }
  .serviceList .col-3 .serviceBox {
    padding: 15px 10px;
  }
  .cardBody {
    height: 250px;
    padding: 20px;
    margin-bottom: 20px;
  }
  .carListwrap {
    margin: 25px -10px 0;
  }
  .cardGrid {
    padding: 0 10px;
  }
  .contactWrapper .rightBlock {
    padding-left: 0;
  }
  .three-block-box .linkBox.prplBox a::after {left: 50px;}
  .three-block-box .linkBox.greenlBox a::after {left: 70px;}
  .three-block-box .linkBox.pinklBox a::after {left: 70px;}
}
@media (max-width: 991px) {
  .navMenu > div > ul {
    max-width: 85%;
  }
  .col-3 {
    width: 50%;
  }
  .mainFooter .flexBox .hideMobile {
    display: none;
  }
  .mainFooter .flexBox {
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    flex-direction: column;
  }
  .copyright {
    padding-top: 30px;
  }
  .showMobile {
    display: block;
  }
  .mainHeader .container {
    padding: 0;
  }
  .mainHeader {
    padding: 0;
  }
  .mainHeader.shrink {
    padding: 0;
  }
  .mainLogo {
    padding: 25px 15px;
  }
  .mainLogo img {
    max-width: 170px;
  }
  .mainHeader.shrink .mainLogo {
    padding: 10px 15px;
  }
  .toggleMenu {
    padding: 15px;
  }
  .toggleMenu img {
    max-width: 30px;
  }
  .headerMenu {
    width: 100%;
    text-align: center;
  }
  .mainHeader.shrink .headerMenu .headerBtn {
    padding: 5px;
  }
  .mainHeader.shrink .mcBtn {
    font-size: 17px;
    padding: 15px 10px 7px;
  }
  .headerMenu .headerBtn {
    width: 100%;
    padding: 20px;
    border: 1px solid #00bfb2;
    border-left: 0;
    border-right: 0;
  }
  .navMenu {
    position: fixed;
    top: 1%;
    background: #006271;
    height: 98%;
    width: 98%;
    right: -100%;
    border-radius: 6px;
    overflow: auto;
    margin: 0;
    padding: 33px 13px;
    text-align: left;
    transition: all 1s;
  }
  .navMenu.open {
    right: 1%;
  }
  .navMenu > div > ul > li {
    display: block;
    padding: 0;
  }
  .navMenu > div > ul > li:hover {
    background-color: transparent;
  }
  .menu-item-has-children:hover .sub-menu {
    display: none;
  }
  .navMenu > div > ul > li:first-child {
    display: block;
  }
  .navMenu > div > ul > li > a {
    display: block;
    font-size: 22px;
    line-height: 22px;
    color: #00bfb2;
    padding: 11px 0px 7px;
  }
  .navMenu > div > ul > li:hover > a {
    color: #00bfb2;
  }
  span.arw-icon {
    display: inline-block;
  }
  .menu-item-has-children .sub-menu {
    position: relative;
    top: initial;
    width: 100%;
    right: 0;
    background: transparent;
    padding: 0 10px;
  }
  .menu-item-has-children.showmenu .sub-menu {
    display: block;
  }
  .navMenu .sub-menu li a {
    font-family: "FoundersGrotesk-Regular";
    letter-spacing: -0.17px;
  }
  .serviceList .col-3:nth-child(3) {
    margin-top: 30px;
  }
  .hospitalDetail {
    width: 100%;
    padding-right: 0;
  }
  .hospitalDetail p,
  .hospitalDetail .timeList {
    max-width: 100%;
  }
  .docSliderWrapper {
    width: 100%;
    order: 3;
    margin: 50px 0 20px;
  }
  .docSliderWrapperfalse{
    order:inherit;
    margin: 20px 0 20px;

  }
  .docSlidercerticalImage .slick-prev,
  .docSlidercerticalImage .slick-next {
    bottom: -52px;
  }
  .threeColBox .colBox {
    width: 100%;
    padding: 0 15px 15px;
  }
  .colBox.campaign {
    margin-bottom: 0;
  }
  .threeColBox .colBox:last-child {
    padding-bottom: 0;
  }
  .campaignWrapper .camBoc {
    height: 185px;
  }
  .appointmentBookwrap .container {
    max-width: 100%;
  }
  .doctorList .col-3:nth-child(3) {
    margin-top: 60px;
  }
  .doctorDetail .leftPanel {
    width: 100%;
    padding: 0 15px;
  }
  .doctorDetail .doctorList .flexBox {
    margin: 0 -15px;
    -webkit-justify-content: center;
    justify-content: center;
  }
  .doctorDetail .rightPanel {
    width: 100%;
    padding-top: 40px;
  }
  .doctorDetail .rightPanel .hideMobile {
    display: none;
  }
  .threeLinks .linkBox a {
    text-align: left;
  }
  .serviceTwoCol .leftCol {
    width: 300px;
  }
  .serviceTwoCol .rightCol {
    width: calc(100% - 300px);
    padding-left: 20px;
  }
  .cardGrid:first-child,
  .cardGrid:nth-child(7) {
    width: 50%;
  }
  .cardGrid {
    padding: 0 10px;
    width: 50%;
  }
  .postDetailWarpper .showMobile {
    display: none;
  }
  .contactWrapper .leftBlock {
    width: 100%;
  }
  .contactWrapper .rightBlock {
    width: 100%;
    padding: 0px;
  }
  .contactForm.hideMobile {
    display: none;
  }
  .pRightInfo .showMobile {
    display: none;
  }
  .listWrapperEditor .hospitalDetail {
    width: 50%;
    margin-bottom: 25px;
  }
  .servicesnearblock .Card-grid .Card-service {
    padding: 0 15px;
    width: 50%;
  }
  .doctors-slider-heading h1 { font-size: 3vw; }
  .three-block-box {padding: 35px 35px 25px 45px; font-size: 26px;}

  .three-block-box .linkBox.prplBox a::after {left: 0px;}
  .three-block-box .linkBox.greenlBox a::after {left: 0px;}
  .three-block-box .linkBox.pinklBox a::after {left: 0px;}

  .three-block-box .linkBox.prplBox a, .three-block-box .linkBox.greenlBox a, .three-block-box .linkBox.pinklBox a { padding: 0 0 0 42px; margin-bottom: 15px;}
  .three-block-box .linkBox.pinklBox a{ margin-bottom:0;}
  .threeLinks .linkBox a { font-size: 28px !important;}
  .threeLinks .linkBox a:after { top: 12px !important;}
}
@media (max-width: 767px) {
  .panel-services .panel-services-one,
  .panel-services .panel-services-two,
  .panel-services .panel-services-three {
    width: 100% !important;
    margin-right: 0px !important;
  }
  /*.doctorList .docBox img {
    max-width: 144px;
  }*/
  .accordion-serives-list {
    max-width: 100%;
  }
  .image-left-info {
    width: 100% !important;
    margin: 0px 0px 30px 0px !important;
  }
  .textwithimage .text-right-info {
    width: 100% !important;
  }
  .textwithimage .image-right-info,
  .textwithimage .text-left-info {
    width: 100% !important;
  }
  .bulk-billing {
    min-width: 100%;
    overflow: auto;
    margin-top: 40px;
  }
  .bulk-billing table {
    min-width: 600px;
  }
  .accordian-aboutus h3.about-us-accordian-heading {
    margin-top: 20px;
  }
  .col-3 {
    width: 100%;
  }
  .mcBtn {
    font-size: 19px;
  }
  .hideMobile {
    display: none;
  }
  .mainFooter {
    padding: 30px 0;
  }
  .mainFooter .flexBox.row1 {
    padding-bottom: 15px;
  }
  .social-media ul li a .fa {
    font-size: 30px;
    line-height: 30px;
    margin: 0 5px;
  }
  .copyright {
    padding-top: 15px;
  }
  .bottom-menu ul li {
    display: block;
    padding-right: 0;
    text-align: center;
    padding-bottom: 15px;
  }
  .topSection {
    padding: 25px 0;
  }
  .hospitalDetail h2 {
    font-size: 20px;
    font-family: "FoundersGrotesk-Medium";
    margin-bottom: 10px;
  }
  .services {
    padding: 10px 0 0;
  }
  .services h2 {
    font-size: 22px;
    line-height: 28px;
  }
  .services p {
    line-height: 22px;
  }
  .serviceList .col-3,
  .serviceList .col-3:nth-child(2),
  .serviceList .col-3:nth-child(3) {
    margin-top: 12px;
  }
  .serviceList .col-3 .serviceBox {
    padding: 0;
    border: 0;
    min-height: auto;
  }
  .serviceList .serviceBox  {
    display: none;
  }
  .serviceList .serviceBox h3 {
    display: block;
  }
  .serviceList .serviceBox h3 a {
    display: block;
    font-size: 20px;
    position: relative;
    text-decoration: underline;
    padding-left: 30px;
  }
  .serviceList .serviceBox h3 a:before {
    position: absolute;
    top: 50%;
    left: 0;
    background: url(../images/rightgreenarrow.png);
    content: "";
    transform: translateY(-50%);
    height: 14px;
    width: 17px;
    background-size: cover;
  }
  .docSlidercerticalImage div img {
    height: auto;
    width: 100%;
    border-radius: 3px;
  }
  .docSlidercerticalImage div.slick-slide {
    padding: 0 0px;
  }
  .docSlidercerticalImage .slick-prev {
    left: 40%;
  }
  .docSlidercerticalImage .slick-next {
    right: 40%;
  }
  .appointmentBookwrap {
    padding: 40px 0;
    text-align: left;
  }
  .appointmentBookwrap h2 {
    letter-spacing: 0.36px;
    font-size: 28px;
    line-height: 34px;
  }
  .appointmentBookwrap p.lessWrap {
    max-width: 95%;
    margin: 20px 0;
  }
  .appointmentBookwrap p {
    letter-spacing: 0.38px;
    font-size: 17px;
    line-height: 22px;
    margin: 20px 0;
    max-width: 95%;
  }
  .aboutDoctors p {
    line-height: 22px;
    margin-top: 10px;
    height: auto;
  }
  .aboutDoctors.doctorDetail .doctorList p {
    line-height: 25px;
    margin-bottom: 20px;
  }
  .doctorwrap .rightPanel > p {
    padding-bottom: 10px;
  }
  .listSchedule h3 {
    font-size: 22px;
    line-height: 22px;
  }
  .listSchedule h3 span {
    padding-left: 0;
    display: block;
  }
  .listSchedule ul {
    padding-bottom: 30px;
    margin-bottom: 0;
    border-bottom: 0;
  }
  .listSchedule ul:last-child {
    padding-bottom: 10px;
  }
  .doctorList .col-3:nth-child(2) {
    margin-top: 60px;
  }
  .docBox img {
    max-width: 258px;
    margin: 0 auto 20px;
  }
  .docBox span {
    font-size: 13px;
    line-height: 19px;
    text-transform: uppercase;
    height: auto;
  }
  .aboutDoctors .docBox h2 {
    margin-bottom: 0;
    white-space: normal;
    line-height: 40px;
  }
  .listSchedule ul li {
    padding: 16px 5px;
    margin: 0 1% 10px 0;
    font-size: 15px;
    max-width: 10px;
    min-width: 49%;
    width: 49%;
    min-height: 64px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }
  .doctorList h3 {
    text-align: center;
  }
  .serviceTwoCol .leftCol {
    width: 100%;
    margin-bottom: 40px;
  }
  .serviceTwoCol .rightCol {
    width: 100%;
    padding-left: 0px;
  }
  .customDropDown {
    max-width: 100%;
  }
  .customDropDown.close ul {
    display: none;
  }
  .customDropDown li a {
    font-size: 17px;
  }
  .customDropDown h5 {
    position: relative;
    font-size: 17px;
  }
  .customDropDown h5:after {
    position: absolute;
    content: "\f107";
    font-family: FontAwesome;
    color: #fff;
    right: 20px;
    font-size: 25px;
    transform: rotate(180deg);
  }
  .customDropDown.close h5:after {
    transform: rotate(0deg);
  }
  .cardBody {
    height: 200px;
  }
  .cardTitle h4 {
    margin-top: 10px;
  }
  .postDetailWarpper .showMobile {
    display: block;
  }
  .postLink ul li {
    width: 49%;
    text-align: left;
    padding: 20px 0;
  }
  .postLink ul li:last-child {
    text-align: right;
  }
  .formRow .formField {
    width: 100%;
  }
  .formRow .formField input {
    width: 100%;
  }
  .formRow .formField textarea {
    width: 100%;
  }
  .formRow input.mcBtn {
    margin: 0 auto;
    display: block;
  }
  .pRightInfo .showMobile {
    display: block;
  }
  .pleftInfo {
    width: 100%;
    max-width: 100%;
  }
  .pRightInfo {
    max-width: 800px;
    width: 100%;
    text-align: center;
  }
  .pRightInfo img {
    margin-bottom: 30px;
  }
  .pInfo h3 {
    font-size: 22px;
  }
  .ourValusesWrap {
    padding: 40px 0 30px;
  }
  .newsArticleWrap .cardGrid {
    width: 100%;
  }
  .Card-iconwrap {
    min-width: 60px;
    max-width: 60px;
  }
  .Card-label {
    font-size: 20px;
    line-height: 20px;
  }
  .serviceList {
    margin: 0 -15px;
  }
  .listWrapperEditor .hospitalDetail {
    width: 100%;
    margin-bottom: 25px;
    padding-right: 0;
  }
  .editorsection div.ourLocation,
  .editorsection div.listWrapperEditor,
  .editorsection div.commonstyle {
    padding: 0;
    margin: 50px auto;
  }
  .editorsection div.appointmentBookwrap {
    margin: 50px auto;
  }
  .servicesnearblock .Card-grid .Card-service {
    padding: 0 15px;
    width: 100%;
  }
  .Card-table {
    margin: 10px 0;
  }
  .image-right-info .showMobile {margin: 30px 0 40px; text-align: center;}
  .aboutDoctors .newsArticleWrap {margin-top: 20px; margin-bottom: 0;}
  .headerBtn .mcBtn:last-child {margin-left: 30px;}

  .TravelMode-starting {width: 100%; flex: 0 0 100%; max-width: 100%; margin-bottom: 12px;}
  .TravelMode-travel {flex: 0 0 100%; max-width: 100%; min-height: 1px;}

  .TravelDirection-col--info {width: 100%; display: block;}
  .TravelDirection-col--listdirection {display: block; width: 100%; margin-top: 30px; padding-left: 0;}
  .TravelDirection-foot--distance.text-right {padding-top: 30px; padding-bottom: 20px;}

  .TravelDirection-infoPanel--desktop {display: none;}
  .TravelDirection-infoPanel--mobile {clear: both; display: block; margin-top: 32px; color: #006271;}

  .PageSection, .BlockSection {padding-top: 24px; padding-bottom: 24px;}
  .TravelDirection-infoPanel--mobile h4 {font-size: 24px; margin-bottom: 12px;}
  .TravelDirection-infoPanel--mobile p {margin-bottom: 20px;}

  .TravelDirection-foot--buttons .btn-wrap {text-align: center;}

  .threeColBox .flexBox {margin: 20px -15px 0;}
  .doctors-slider-heading h1 { font-size: 4vw; }
  .docSlidercerticalImage .slick-next, .docSlidercerticalImage .slick-prev {bottom: -10px!important;}
  .listSchedule {margin-top: 20px;}

  .careersMCOuter { margin-top: 30px; }
  .careersMCInner a { width: 49% !important; }
  .contactForm { padding-top: 10px; color: #006271;}
  .contactForm p a { color: #006271; text-decoration: underline;}
  .Services_mobile {display: block;}
  .Services_mobile .accordianOuter .tab .tab-content {border: 1px solid #edeff0; border-top: transparent; border-bottom: transparent;}
  .Services_mobile .accordianOuter .tab label h3 {display: block; padding: 10px 10px 5px 10px; color: #fff; background: #006271; cursor: pointer; border: 1px solid #fff; font-size: 20px; margin: 0;}
  .Services_mobile .accordianOuter .tab > label::after {color: #fff; top: 10px;}
  .Services_mobile .accordianOuter .tab > input:checked ~ label::after {content: "\01F871"; top: 7px;}
  .Services_mobile .serviceList .serviceBox {display: block;}
  .Services_mobile .serviceList .serviceBox h3 {display: none;}
  .Services_mobile .serviceList .col-3 .serviceBox a.mcBtn {position: relative; bottom: 0px; left: 0; margin-left: 0; font-size: 17px; padding: 15px 10px 7px; max-width: 160px; margin: 0px auto 0;}
  .Services_mobile .serviceList.flexBox {display: block;}
  .serviceList.flexBox {display: none;}
  .Services_mobile .accordianOuter .tab:last-child .tab-content {border-bottom: 1px solid #edeff0;}
  .Services_mobile .serviceList .serviceBox .timeList {min-height: auto;}

  .phone-list {width: 100%;}
  .phone-list h5 {float: left; width: 25%;}
  .phone-list ul.timeList {float: right; width: calc(100% - 25%); padding-bottom: 15px;}
  .phone-list ul.timeList li {justify-content: flex-end;}

  .image-right-info .showMobile a.mcBtn:nth-child(2) {margin-left: 30px;}
}
@media (max-width: 479px) {
  .cardBody {
    height: 185px;
  }
  .cardGrid,
  .cardGrid:first-child,
  .cardGrid:nth-child(7) {
    width: 100%;
  }
}
@media (max-width: 991px) {
  .hospitalDetail .address {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
  .mainLogo img {
    max-width: 220px;
  }
  .listSchedule {
    margin-top: 30px;
  }
}