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

  .main-menu .navigation>li>ul,
  .main-menu .navigation>li>ul>li>ul {
    display: block !important;
    visibility: hidden;
    opacity: 0;
  }
}

@media only Screen and (max-width: 1500px) and (min-width: 1200px) {}

@media only Screen and (max-width: 800px) {
  .appointment-form::before {
    width: 97%;
    height: 98%;
    border-radius: 0px;
  }

  .appointment-form {
    padding: 28px 35px 15px;
    border-radius: 0px;
    width: auto;
    height: auto;
    top: 0px;
    left: 0px;
  }

  .appnt-bg {
    padding: 50px 0px 30px;
    margin-bottom: 80px;
  }

  .extra-div .col-md-3:nth-child(2),
  .extra-div .col-md-3:nth-child(3) {
    left: 0px;
  }

  .test-blk p {
    font-size: 15px;
  }

  .test-sec {
    margin-bottom: 78px;
  }

  .test-row-img {
    margin-top: 80px;
  }

  .test-right-img {
    position: relative;
    width: fit-content;
    margin-top: -157px;
  }

  .test-right-img img {
    width: 100px;
  }

  .test-row-img {
    margin-top: 80px;
  }

  .test-row-img::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    background: linear-gradient(to top, #fff0, #efdfe4, #fff0);
  }

  .why-row1::after {
    content: "";
    position: absolute;
    height: 100%;
    width: 90%;
    background: linear-gradient(to bottom, #50303f, #f5eaeb, #fff0);
    top: 0;
    left: 0;
    z-index: -2;
    bottom: 0;
    margin: auto;
    right: 0px;
  }

  .ytube-txt {
    padding: 2px 10px;
    margin-bottom: 80px;
    margin-top: 48px;
  }

  .expertise-box {
    margin-top: 40px;
  }

  .con-box {
    padding: 17px 10px;
    border-radius: 15px;
    margin: 10px 0px;
  }

  .appnt-side {
    margin-top: 30px;
    right: 0px;
    top: 0px;
  }

  .appnt-bg::before {
    clip-path: none;
  }

  .appnt-hrs p {
    font-size: 18px;
  }

  .appnt-sec::before {
    clip-path: none;
    height: 109%;
    top: -52px;
  }

  .footer-widget {
    margin-top: 30px;
  }

  .blog-app-sec .col-md-6:nth-child(2) {
    margin-top: 50px;
  }

  .btm-ad::after {
    width: 315px;
    height: 315px;
  }

  .emg-call a {
    font-size: 23px;
    display: inline-block;
    margin-top: 13px;
  }

  .emg-call {
    line-height: 30px;
    font-size: 25px;
  }

  .why-img::before {
    width: 210px;
    height: 210px;
  }

  .appointment-form h2 {
    line-height: 39px;
    margin-bottom: 9px;
  }

  .extra-info::after {
    background-size: cover;
    background-position: center right;
    opacity: 0.1;
  }
  

  .serv-block {
    text-align: center;
    width: 294px;
    margin: 0px auto 50px;
  } 
  .extra-box h2::before {
    bottom: -5px;
  }

  .extra-box h2::after {
    bottom: -8px;
  }

  .sec-head h2 {
    font-size: 34px;
  }

  .feedback-sec {
    position: relative;
    margin-bottom: 48px;
  }

  .feedback-content h2 {
    font-size: 28px;
  }

  .feedback-content {
    top: 18px;
    padding: 0px 20px 0px 4px;
    width: 320px;
  }

  .footer-newsletter {
    margin-bottom: 10px;
  }

  .main-footer .footer-bottom .left-content .copyright {
    font-size: 14px;
  }

  .f_c_row::before {
    width: 88%;
  }

  .addre-footer .col-md-4 {
    margin: 30px 0px;
  }
 

  .appointment-form {
    margin-top: 50px;
  }

  .news-block-four .inner-box .image img {
    width: 100%;
    display: block;
  }

  .news-block-four .inner-box .image {
    position: relative;
    width: 200px;
    height: auto;
    padding-top: 15px;
    margin-bottom: 42px;
    margin-left: 0;
    margin-right: 0;
    left: 0;
    display: inline-block;
  }

  .news-block-four .inner-box,
  .news-block-four.two .inner-box {
    padding: 0 15px 25px;
    text-align: center;
    box-shadow: 1px 2px 2px 0px rgb(0 0 0 / 40%);
  }

  .extra-info-bg::before {
    top: -5px;
  }

  .extra-info {
    padding: 58px 0px 51px;
  }

  .why-block {
    margin-bottom: 25px;
  }

  .why-img img {
    width: 220px;
  }

  .abt-sec-head::before,
  .abt-sec-head::after {
    display: none;
  }

  .abt-sec {
    margin-bottom: 78px;
  }

  .abt-doc-img {
    top: 0px;
  } 

  .sec-head p {
    padding: 0px;
  } 
  .btm-ad::before {
    width: 88%;
    top: 20px;
  } 

  .why-row .col-md-4:nth-child(3) .why-block {
    transform: none;
  }

  .why-row .col-md-4:nth-child(2),
  .why-row .col-md-4:nth-child(4) {
    margin-top: 0px;
  }
 

  .header-menu-nav {
    display: none;
  }

  .mobile-nav-toggler .flaticon-menu-1 {
    position: relative;
    display: inline-block;
    background: var(--color-teritary);
    color: #fff;
    padding: 10px 8px 5px 7px;
    font-size: 28px;

  }

  .header-main .nav-outer .main-menu {
    display: none !important;
  }

  .header-main::before {
    display: none;
  }

  .lower-box .logo {
    width: 310px;
    margin: auto;
    left: 0px;
    top: 28px;
    right: 0px;
  }

  .logo-footer {
    width: 310px;
  }

  .nav-outer .mobile-nav-toggler {
    display: block;
    top: 123px;
    z-index: 999;
    float: unset;
    width: 53px;
    left: 0px;
    right: 0;
    margin: auto;
  }

  .slide-one {
    background-image: url(../gallery/mbl.png);
  }


  .desktop-view {
    display: none !important;
  }

  .mobile-view {
    display: block;
  }

  .cip-adr-row {
    padding: 28px;
    margin-bottom: 0px;
  }

  .cip-adr-row .col-md-4:nth-child(2) {
    border-left: transparent;
    border-right: transparent;

    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
  }

  .cip-adr-blk {
    margin: 20px 0;
  }

  .cip-blk {
    position: relative;
    padding-top: 10px;
  }

  .cip-map-blk {
    position: relative;
    margin: 19px;
  }

  .cip-form-blk {
    margin: 18px;
  }

  .bread-bg {
    text-align: center;
    padding-bottom: 0;
  }

  .iabt-doc-img {
    margin-bottom: 30px;
  }

  .idoc-info::before {
    width: 100%;
    top: 0;
    left: 0px;
  }

  .idoc-info h3 {
    font-size: 31px;
  }

  .idoc-info {
    padding-left: 22px;
  }

  .edu-row {
    margin-top: 25px;
  }

  .iblg-inner-blk {
    margin-bottom: 33px;
  }

  .breadcrumb h1 {
    font-size: 33px;
  }

  .breadcrumb {
    padding-bottom: 0px;
  }

  .main-timeline-review {
    position: relative;
    top: initial;
    bottom: -63px;
    width: 331px;
    right: 0px;
    left: 0px;
    margin: 0px auto 0px;

    margin-bottom: 45px;
  }

  .top-social {
    text-align: center;
    right: 0px;
    top: 100px;
    display: unset;
    left: 0;
    margin: auto;
    border: none;
  }

  .top-social span {
    display: none;
  }

  .top-social ul li span {
    display: block;
  }

  .top-social::before {
    display: none;
  }

  .ol_stylesa {
    text-align: left;
  }

  .emg-call img {
    width: 60px;
  }
  .f-logo img {
  width: 300px;
  margin-bottom: 18px;
}
}