/* ---------------for mobile----------------------- */

@media only screen and (max-width: 479px) {
  .top-header .top-bg-white {
    display: none;
  }

  .menu-contact-button {
    padding: 10px;
    display: inline-block;
    margin-bottom: 10px;
  }

  .top-bg-right {
    float: none;
    margin-right: 0;
    text-align: center;
  }

  .top-bg-right ul {
    margin: 0;
  }

  .header .menu>ul>li>a::after {
    display: none;
  }

  .header .menu>ul>li>a::before {
    display: none;
  }

  .header .logo a h2 {
    margin-top: 18px;
  }

  .header .logo a img {
    margin-left: 0px;
  }

  .service-section .heading-main h2 {
    font-size: 28px;
    line-height: 35px;
  }

  .heading-main {
    padding-bottom: 60px;
    padding-top: 30px;
  }

  .experienced-doctor-content {
    padding-left: 0;
  }

  .doctor-button button {
    display: inline-block;
  }

  .image-margin {
    margin-bottom: 30px !important;
  }

  .about-medical .about-head h4 {
    font-size: 28px;
    margin-bottom: 70px;
  }

  .testimonial-section .client-img img {
    display: none;
  }

  .testimonial-section p {
    font-size: 18px;
    margin-left: 12px;
    margin-right: 12px;
  }

  .service-slider-section .owl-nav {
    display: block;
  }

  .service-section .service-right-content {
    text-align: center;
  }

  .testimonial-section h3 {
    font-size: 28px;
  }

  .facilities-section h4 {
    font-size: 28px;
  }

  .experienced-doctor-content h3 {
    font-size: 28px;
  }

  .experienced-doctor-content p {
    font-size: 16px;
  }

  .aboutus-section .aboutus-content h3 {
    font-size: 28px;
  }

  .service-section h2 {
    font-size: 30px;
  }

  .doctors-img {
    padding-bottom: 40px;
  }

  .aboutus-section {
    padding: 0;
  }

  .service-section {
    padding: 0;
  }

  .right-section .icon-section {
    padding: 0px;
  }

  .right-section .icon-section2 {
    padding: 0px;
  }

  .about-medical .icon-section .media {
    border-right: none;
    border-bottom: none;
    padding-left: 0px;
    padding-bottom: 0px;
    margin-bottom: 30px;
  }

  .icon-section .pt-4 {
    padding-top: 0 !important;
  }

  .about-medical .col-md-7 {
    padding-left: 15px;
  }

  .about-medical .col-md-5 {
    padding-right: 15px;
  }

  .about-medical .about-head {
    margin-left: 0;
  }

  .right-section .icon-section {
    padding: 0px;
    margin-top: -30px;
  }

  .facilities-section .media-main {
    border-right: none !important;
  }

  .my-border {
    border-bottom: none !important;
  }

  .about-medical .media-body h5 {
    color: #fff;
    font-size: 49px;
    line-height: 47px;
  }

  .facilities-section {
    padding: 50px 0px;
  }

  .facilities-section .media {
    margin-bottom: 15px;
  }

  .my-border {
    margin-bottom: 15px;
  }

  .footer-section {
    margin: 0;
  }

  .last-section p {
    padding: 8px 0;
    font-size: 14px;
  }

  .footer-section .col-md-3 {
    padding: 40px 20px;
  }

  .footer-section .lower-footer .col-md-4 {
    padding: 15px 20px;
  }

  .footer-logo img {
    margin-top: -40px;
  }

  .footer-section .col-md-4 .media img {
    width: 40px;
  }

  .header .logo a h2 {
    font-size: 20px;
  }

  .header .logo a h4 {
    font-size: 12px;
  }

  .service-page-section h2 {
    font-size: 40px;
    left: 20px;
  }
}

/*------------------------- for tablets--------------------- */

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

/* ---------------------------------For laptops -------------------------*/

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

/*------------------------- for big Screeen ---------------------------*/

@media only screen and (max-width: 1199px) {}