@media (max-width: 1400px) {
  .container {
    max-width: 1200px;
  }
}
@media (max-width: 1200) {
  .container {
    max-width: 1140p;
  }
}
@media (max-width: 1024px) {
  .drawer-content {
    display: none;
  }
  .mobile-menu {
    display: flex;
  }
  .page_width {
    padding: 0px 15px;
  }
  .section-container {
    margin: 30px;
  }
  .main_header {
    height: 70px;
    background-color: white;
  }
  .main_header img {
    max-height: 70px;
  }
  .section-container, .header-container {
    margin: 0px 30px;
  }
  .header-wrapper #navigation-section {
    display: none;
  }
  #banner-section {
    padding-top: 10px;
  }
  #banner-section .banner-detail {
    bottom: inherit;
  }
  #banner-section .banner-detail .banner-title {
    font-size: 35px;
  }
  #banner-section .search-bar {
    flex-wrap: wrap;
    padding: 0px 20px;
    background-color: transparent;
    border-color: transparent;
    margin-top: 0;
  }
  #banner-section .search-bar-section {
    border: 1px solid #e8e8e8;
    background-color: #fff;
    height: 50px;
    margin-bottom: 10px;
    border-radius: 100px;
  }
  #banner-section .search-bar .keyword {
    width: 100%;
  }
  #banner-section .search-bar .location {
    width: calc(50% - 10px);
    margin-right: 10px;
  }
  #banner-section .search-bar .category {
    width: 50%;
  }
  #banner-section .search-bar .btn-search {
    width: 100%;
    border-radius: 50px;
    height: 40px;
  }
  #banner-bottom .gerenric-button {
    padding: 10px;
  }
  .home-page .doctor-cats .inner .content {
    flex-wrap: wrap;
  }
  .home-page .doctor-cats .inner .content .left-side {
    width: 100%;
    margin-bottom: 30px;
    padding-left: 0;
    padding-right: 0;
  }
  .home-page .doctor-cats .inner .content .right-side {
    width: 100%;
    padding-right: 0px;
  }
  .home-page .doctor-cats .cat-card {
    width: 100%;
  }
  /* .home-page .doctor-cats .gerenric-heading{display: grid;}
  .home-page .doctor-cats .gerenric-heading h2{text-align: center;}
  .home-page .doctor-cats .gerenric-heading > p{text-align: center;} */
  .home-page .what-we-do .inner .content {
    flex-direction: column;
  }
  .home-page .what-we-do .left-image {
    margin: auto;
    display: flex;
    justify-content: center;
  }
  .home-page .what-we-do .left-image .big-image img {
    height: 490px;
  }
  .home-page .what-we-do .inner .content .content-col {
    width: 100%;
    padding-left: 20px;
  }
  .home-page .what-we-do .inner .content .content-col .gerenric-heading {
    padding-top: 170px;
  }
  /* .home-page .trusted-bar .content{flex-wrap: wrap; } */
  .home-page .trusted-bar .counter {
    width: 100%;
    margin-bottom: 30px;
  }
  .home-page .trusted-bar .content .desc {
    width: 100%;
    margin-bottom: 50px;
    text-align: center;
  }
  .home-page .ratings .section-container {
    margin: 0px;
  }
  .home-page .popular-lists .doctors-slider-pagination-dots {
    display: block;
  }
  #banner-section .banner-detail {
    width: 80%;
  }
  .home-page .trusted-bar .content {
    flex-wrap: wrap;
  }
  .home-page .trusted-bar .content .desc {
    width: 100%;
    text-align: left;
  }
  .home-page .trusted-bar .content .counter {
    width: 33%;
  }
  .best-apps .section-container {
    margin-bottom: 0px;
  }
  #home-page .container {
    padding: 0px 30px;
  }
  /*LISTING PAGE*/
  .listing-page .container {
    padding: 0px 15px;
  }
  /*CONTACT PAGE*/
  .contact-page .container {
    padding: 0px 20px;
  }
  .contact-page .contact-wrapper {
    flex-wrap: wrap;
    justify-content: center;
  }
  .contact-page .contact-wrapper .contact-item {
    width: calc(50% - 10px);
  }
  .contact-page .contact-bottom {
    flex-wrap: wrap;
    flex-flow: column-reverse;
  }
  .contact-page .contact-bottom img {
    width: 100%;
  }
  .customer-profile-page .container {
    padding: 0px 20px;
  }
  .customer-profile-page .page .container {
    padding: 0px 75px;
  }
  .profile-page .container {
    padding: 0px 20px;
  }
  .therapist-page .container {
    padding: 0px 75px;
  }
  .therapist-page .packages-cont {
    flex-wrap: wrap;
    justify-content: center;
  }
  .therapist-page .packages-cont .package-item {
    width: calc(50% - 10px);
  }
  .topbar .container {
    padding: 0px 95px;
  }
}
@media (max-width: 992px) {
  .content-section {
    padding: 20px 10px;
  }
  #banner-section .banner-detail {
    width: 90%;
  }
  .topbar #social {
    display: none;
  }
  .topbar .container {
    justify-content: center;
  }
  .listing-page .content-holder {
    flex-wrap: wrap;
  }
  .listing-page .content-holder .content-right {
    width: 100%;
    padding: 0px;
  }
  .listing-page .content-holder .filter-mobile-view-shown {
    padding: 0px;
  }
  .listing-page .content-holder .filter-mobile-view-shown .widget {
    padding-bottom: 0px;
    margin-bottom: 0px;
  }
  .listing-page .results #btn-filters {
    display: flex;
  }
  .customer-profile-page .content-left {
    display: none;
  }
  .customer-profile-page .content-right {
    width: 100%;
    margin: 0px;
    padding: 0px;
  }
  .customer-profile-page .page-menu {
    display: flex;
    margin-bottom: 20px;
  }
  .customer-profile-page .my-bookings {
    padding: 0px;
  }
  .therapist-page .page-menu {
    display: none;
  }
  .profile-page .container {
    padding: 0px 75px;
  }
  .profile-page .content-holder {
    flex-wrap: wrap;
  }
  .profile-page .content-left {
    width: 100%;
  }
  .profile-page .content-right {
    width: 100%;
  }
  .profile-page .contact-box {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
  }
}
@media (max-width: 768px) {
  .page_header, .main_header {
    height: 70px;
  }
  .page_header img {
    max-height: 70px;
  }
  .page_header .action-menu {
    margin: 0px;
  }
  .topbar {
    margin-bottom: 70px;
  }
  #banner-section .banner-detail .banner-subtitle {
    font-size: 18px;
  }
  #banner-section .banner-detail .banner-title {
    font-size: 26px;
  }
  #banner-section .search-bar {
    display: none;
  }
  #banner-section .btn-search-mobile {
    display: flex;
  }
  .best-apps .best-apps-main {
    width: 100%;
    flex-wrap: wrap;
    margin: 0px;
    padding-top: 30px;
  }
  .best-apps .apps-col {
    width: 100%;
    text-align: center;
  }
  .best-apps .apps-col p {
    text-align: center;
  }
  .best-apps .gerenric-heading .app-buttons {
    justify-content: center;
  }
  .gerenric-heading h2 {
    font-size: 26px;
  }
  .best-apps .gerenric-heading h2, .best-apps .gerenric-heading p {
    text-align: center;
    padding: 0px 10px;
  }
  .page-heading {
    font-size: 36px;
  }
  #footer-section .footer-container {
    margin: 0px 20px;
  }
  #footer-section .footer-container .footer-row {
    flex-wrap: wrap;
  }
  #footer-section .footer-bottom .footer-container .footer-row {
    flex-direction: column-reverse;
  }
  #footer-section .footer-copyright {
    width: 100%;
    text-align: center;
    margin: 10px 0px 0;
  }
  #footer-section .footer-row .logo-cont {
    width: 100%;
    text-align: center;
    margin: 10px 0px;
  }
  #footer-section .footer-container .footer-row {
    justify-content: center;
  }
  #footer-section .footer-container .logo-cont {
    width: 100%;
    align-items: center;
  }
  #footer-section h3.link-title {
    font-size: 18px;
  }
  .home-page .what-we-do .left-image .big-image img {
    width: 400;
    height: 490px;
  }
  .listing-page .card-cont {
    padding: 0px 0px 20px 0px;
  }
  .listing-page .doctor-card {
    flex-wrap: wrap;
  }
  .listing-page .doctor-card .img-cont {
    width: 100%;
    height: auto;
  }
  .listing-page .doctor-card .img-cont img {
    width: 100%;
    height: auto;
  }
  .listing-page .doctor-card .content-box {
    width: 100%;
    padding-top: 20px;
  }
  .listing-page .doctor-card .content-box .content-title {
    font-size: 24px !important;
    padding-bottom: 20px;
  }
  #home-page .container {
    padding: 0px 10px;
  }
  /*CONTACT PAGE*/
  .contact-page .container {
    padding: 0px 10px;
  }
  .contact-page .contact-wrapper .contact-item {
    width: 100%;
  }
  .contact-page .contact-bottom {
    flex-flow: column;
  }
  .customer-profile-page .page .container {
    padding: 0px 25px;
  }
  .customer-profile-page .my-bookings .booking-item {
    flex-wrap: wrap;
  }
  .customer-profile-page .my-bookings .booking-item img {
    width: 100%;
    height: auto;
  }
  .customer-profile-page .account-detail .form-grid {
    grid-template-columns: 1fr;
  }
  .customer-profile-page .my-bookings .booking-item .detail .name {
    font-size: 22px;
  }
  .profile-page .container {
    padding: 0px 40px;
  }
  .profile-page .dr-info img {
    width: 100px;
    height: 100px;
  }
  .profile-page .dr-info .content-box .content-title {
    font-size: 18px;
  }
  .profile-page .dr-info .content-box .content-info {
    flex-wrap: wrap;
  }
  .login-page .container {
    padding: 0px 20px;
  }
  .therapist-page .container { padding: 0px 20px!important;}
  .doctor-card .content-box .content-info {white-space: normal;}
  .listing-page .content-holder .content-right {width: 100% !important;}
  .therapist-page .packages-cont .package-item {
    width: 100%;
  }
  .profile-page .content-left .experiences {
    grid-template-columns: 1fr;
  }
  .therapist-page #profile-form .form-grid, .therapist-page #profile-form .document-box {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 580px) {
  .content-section {
    padding: 10px;
  }
  .home-page .trusted-bar .content {
    grid-row-gap: 30px;
  }
  .home-page .trusted-bar .content .counter {
    width: 100%;
    margin-bottom: 10px;
  }
  .home-page .trusted-bar .counter-val {
    font-size: 48px;
  }
  #footer-section .footer-container .footer-col-30 {
    width: 50%;
  }
  #footer-section .footer-container .footer-col-40 {
    width: 100%;
    padding-top: 20px;
  }
  #footer-section .footer-copyright {
    width: 100%;
    text-align: center;
    margin: 10px 0px 0;
  }
  #footer-section .footer-row .logo-cont {
    width: 100%;
    text-align: center;
    margin: 10px 0px;
  }
  .home-page .ratings .rating-slider .slider-prev,
  .home-page .ratings .rating-slider .slider-next {
    display: none;
  }
  .home-page .ratings .rating-slider .swiper {
    width: 100%;
    padding: 0 15px;
  }
  #listing-page .card-cont {
    padding: 0px;
  }
  #listing-page .doctor-card {
    display: block;
  }
  #listing-page .doctor-card .content-box {
    padding: 10px 0px;
  }
  #listing-page .doctor-card .img-cont .item-img {
    width: 100%;
    height: auto;
  }
  .home-page .doctor-cats .inner .content .right-side .cats-row {
    grid-template-columns: 1fr 1fr;
  }
  .profile-page .container {
    padding: 0px 10px;
  }
  .profile-page .dr-info .container {
    padding: 0px 10px 0px 5px;
  }
  .home-page .what-we-do .left-image .big-image img {
    width: 300px;
    height: 320px;
  }
  .topbar .container {
    padding: 0px 45px;
  }
  .contact-page .contact-bottom {
    margin-top: 50px;
  }
  .contact-page .page, .customer-profile-page .page, .login-page .page, .listing-page .page {
    padding: 45px 0px;
  }
  .customer-profile-page .drawer-menu {
    padding: 20px 5px;
  }
  .therapist-page .drawer-menu {
    padding: 20px 5px;
  }
}
@media (max-width: 480px) {
  .main_header img {
    max-height: 60px;
  }
  #banner-section {
    padding-top: 70px;
  }
  .content-section {
    padding: 10px;
  }
  .page-heading {
    font-size: 24px;
  }
  #banner-section .search-bar .location {
    width: 100%;
    margin-right: 0px;
  }
  #banner-section .search-bar .category {
    width: 100%;
  }
  .main_header .action-btn {
    min-width: initial;
  }
  .page_header .action-btn {
    min-width: initial;
  }
  .main_header .action-btn-addlisting > span.action-btn-text {
    display: none;
  }
  .page_header .action-btn-addlisting > span.action-btn-text {
    display: none;
  }
  .topbar #contact .dot {
    display: none;
  }
  .topbar #contact #phone, .topbar #contact #email {
    width: 100%;
    text-align: center;
    justify-content: center;
    line-height: 24px;
    white-space: nowrap;
  }
  .topbar #phone a, .topbar #email a {
    white-space: nowrap;
  }
  #footer-section .footer-container {
    padding: 0px 5px;
    margin: 0px;
  }
  #footer-section .footer-bottom ul li a:after {
    padding: 0px 5px;
  }
}/*# sourceMappingURL=responsive.css.map */