@media (min-width: 768px){
    .about-section{
        background: url(../images/bg-1.webp);
        background-size: cover;
    }
    .blog-section .m-btn {
        display: none;
    }

}

@media (min-width:1200px){
    .container{
        max-width: 1150px;
    }
    .service-bottom .content-col {
        min-height: 370px;
    }
    .service-tab-content {
        min-height: 500px;
    }

}

@media (min-width:1300px){
    .container{
        max-width: 1250px;
    }
    .wide .container {
        max-width: 95%;
    }
    .home-banner {
        height: calc(100vh - 85px);
    }

}

@media (min-width:1400px){
    .container{
        max-width: 1300px;
    }
}

@media (min-width:1600px){
    .container{
        max-width: 1370px;
    }
    .wide .container {
        max-width: 100%;
        padding-left: 100px;
        padding-right: 100px;
    }
    .section-pd, .spaced {
        padding-top: 100px;
        padding-bottom: 100px;
    }
}

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

@media (max-width:1500px){
    .home-banner .banner-title {
        font-size: 75px;
    }
    .banner-description {
        font-size: 20px;
    }
    .header-btn-two .btn {
        font-size: 24px;
    }
    .footer-btns .btn {
        padding: 15px 15px;
    }
    .map-section iframe {
        width: 100%;
        height: 650px;
    }
    .map-section .address-details {
        max-width: 400px;
    }
    .map-section .address-info {
        padding-bottom: 30px;
        margin-bottom: 30px;
    }
    .map-section .title-address {
        font-size: 35px;
    }
    .footer-top {
        padding-top: 80px;
        padding-bottom: 80px;
    }

}

@media (max-width:1400px){
    .facial_procedures .item_wrap {
        min-height: 260px;
    }
    .facial_procedures.body_sculpting .item_wrap{
        min-height: 620px;
    }
    body {
        font-size: 16px;
    }
    h1, .h1{
        font-size: 45px;
    }
    h2, .h2 {
        font-size: 40px;
    }
    h3, .h3{
        font-size: 32px;
    }
    h4, .h4{
        font-size: 28px;
    }
    h5, .h5{
        font-size: 24px;
    }
    h6, .h6{
        font-size: 20px;
    }
    .heading {
        font-size: 50px;
    }
    .small-heading {
        font-size: 22px;
        letter-spacing: 7px;
    }
    .btn {
        padding: 13px 25px;
    }
    .list-style li::before {
        top: 17px;
        width: 10px;
        height: 10px;
    }
    .header-social ul {
        gap: 10px;
    }
    .header-btn-two .btn {
        font-size: 22px;
    }
    .home-banner .banner-title {
        font-size: 78px;
    }
    .footer-menu a {
        padding: 20px 10px;
        font-size: 16px;
    }
    .footer-btns .btn {
        padding: 15px 15px;
    }
    .doc-videos-section .video-title {
        font-size: 19px;
    }
    .services .service-category {
        font-size: 75px;
        padding: 55px 20px 35px;
    }
    .gallery-images .item > div {
        height: 220px;
    }
    .page-banner .banner-title {
        font-size: 70px;
    }
    .pro-sec-blog .title {
        font-size: 30px;
    }
    .doc-images-section .image {
        height: 400px;
    }
    .pro-sec-blog .image img {
        height: 350px;
    }
    .parent-menu .widgettitle {
        font-size: 50px;
    }

}

@media (max-width:1300px){
    .facial_procedures.body_sculpting .item_wrap{
        min-height: 655px;
    }
    .header .container{
        max-width: 100%;
        padding-left: 30px;
        padding-right: 30px;
    }
    .header-btn {
        margin-left: 20px;
    }
    .header-btn-two {
        margin-left: 20px;
    }
    .header-btn-two .btn {
        font-size: 20px;
        padding: 20px;
    }
    .header-btn .btn {
        font-size: 14px;
        padding: 13px 20px;
    }
    .home-banner .banner-title {
        font-size: 70px;
    }
    .footer-btns .btn {
        font-size: 14px;
    }
    .other-blogs .title {
        font-size: 18px;
    }
    .team-list .image {
        height: 450px;
    }
    .sidebar .widgettitle, .sidebar .widget-title {
        font-size: 40px;
    }
    .videos-list .video-thumb img {
        height: 300px;
    }
    .videos-list .video-title {
        font-size: 18px;
    }
    .sidebar-form .form-title {
        font-size: 45px;
    }
    .footer .social-links li a {
        width: 50px;
        height: 50px;
    }
    .map-section iframe {
        height: 550px;
    }
    .map-section .address-details {
        max-width: 350px;
        padding: 40px 30px;
    }
    .map-section .title-address {
        font-size: 30px;
    }
    .map-section .address p {
        font-size: 16px;
    }
    .footer-menu a {
        padding: 20px 5px;
        font-size: 15px;
    }
}

@media (max-width:1199px){
    .facial_procedures .item_wrap {
        min-height: 190px;
    }
    .facial_procedures.body_sculpting .item_wrap {
        min-height: 555px;
    }
    h1, .h1{
        font-size: 40px;
    }
    h2, .h2 {
        font-size: 35px;
    }
    h3, .h3{
        font-size: 30px;
    }
    h4, .h4{
        font-size: 25px;
    }
    h5, .h5{
        font-size: 20px;
    }
    h6, .h6{
        font-size: 18px;
    }
    .heading {
        font-size: 43px;
    }
    .section-pd, .spaced {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .header.shrink {
        margin-top: -34px;
    }
    .header-btn-two {
        margin-left: 30px;
    }
    .header-btn {
        display: none;
    }
    .mobile-top-header {
        display: flex;
        align-items: center;
        background: #0E0D16;
        font-size: 13px;
        padding: 4px 0;
    }
    .mobile-top-header .container {
        display: flex;
        align-items: center;
    }
    .mobile-top-header .header-social ul{
        margin: 0;
    }
    .mobile-top-header .header-social li a {
        color: #fff;
        width: 24px;
        height: 24px;
        padding: 5px;
        display: flex;
        border-radius: 100%;
        border: 1px solid rgba(255,255,255,0.5);
    }
    .mobile-top-header .header-social li path {
        fill: #fff;
    }
    .mobile-header-btn a {
        color: #fff;
        border-bottom: 1px solid rgba(255,255,255,0.5);
        text-transform: uppercase;
    }

    .header-logo img {
        max-width: 250px;
    }
    .page-banner .banner-title {
        font-size: 50px;
    }
    .header-logo {
        padding: 10px 0;
    }
    .header .nav-menu{
        display: none;
    }
    .menu-button {
        display: flex;
    }
    .home-banner .banner-subtitle {
        font-size: 22px;
        letter-spacing: 4px;
    }
    .home-banner .banner-title {
        font-size: 55px;
    }
    .banner-description {
        font-size: 18px;
    }
    .banner-btns {
        gap: 20px;
    }
    .header-btn-two .btn {
        font-size: 18px;
        padding: 15px;
    }
    .header-center {
        display: none;
    }
    .surgeon-section .btns-wrap {
        gap: 10px;
    }
    .surgeon-section .btns-wrap .btn {
        font-size: 14px;
    }
    .surgeon-section .btn.btn-outline {
        background: var(--color-one);
        border-color: var(--color-one);
        color: #fff;
    }
    .surgeon-section .btn.btn-outline:hover {
        background: transparent;
        color: var(--color-one);
    }
    .first-blog-title {
        font-size: 28px;
    }
    .first-blog-image .detail {
        padding: 20px;
    }
    .other-blogs .row {
        --bs-gutter-x: 20px;
    }
    .other-blogs .read {
        font-size: 18px;
    }
    .footer .social-links ul {
        gap: 10px;
    }
    .footer .social-links li a {
        width: 45px;
        height: 45px;
    }
    .footer .social-links li svg {
        padding: 10px;
    }
    .footer-btns {
        gap: 10px;
    }
    .footer-btns .btn {
        font-size: 12px;
    }
    .footer .footer-col-2 {
        padding-left: 20px;
        padding-right: 20px;
    }
    .footer-logo img {
        max-width: 350px;
    }
    .about-section .image:before {
        left: -20px;
    }
    .visiting-section .vc-wrap {
        padding: 50px 30px;
    }
    .about-mission-section .mission-wrap {
        background: #f0f0f9 url(../images/bg-4.webp);
        background-size: cover;
        padding: 50px 30px;
    }
    .doc-intro-section .image {
        max-width: 500px;
        margin: 0 auto 30px;
        height: auto;
    }
    .doc-edu-section .play-icon {
        width: 75px;
        height: 75px;
    }
    .doc-images-section .contents-image {
        padding: 20px;
    }
    .doc-videos-section .video-title {
        font-size: 16px;
    }
    .doc-videos-section .video-thumb img {
        height: 230px;
    }
    .team-list .image {
        height: 350px;
    }
    .service-tab-list .service-tab-item a{
        font-size: 20px;
    }
    .service-tab-content {
        padding: 30px;
    }
    .services .service-category {
        font-size: 50px;
    }
    .pro-sec-blocks .inner {
        padding: 40px;
    }
    .review-tabs a {
        font-size: 15px;
        margin: 0 10px;
    }
    .blog-item .blog-image {
        height: 370px;
    }
    .blog-page-listing .blog-item .title {
        font-size: 30px;
    }
    .blog-page-listing .blog-content {
        padding: 20px;
    }
    .sidebar .widgettitle, .sidebar .widget-title {
        font-size: 30px;
    }
    .sidebar-form .form-title {
        font-size: 35px;
    }
    .sidebar-form {
        padding: 40px 20px;
    }
    .breadcrumb {
        font-size: 18px;
    }
    .videos-list .video-title {
        font-size: 20px;
    }
    .sidebar .widget {
        padding: 40px 30px;
    }
    .map-section .address-details {
        max-width: 300px;
        padding: 30px 20px;
    }
    .map-section .title-address {
        font-size: 28px;
    }
    .map-section .address {
        margin-left: 15px;
    }
    .map-section .address p {
        font-size: 14px;
    }
    .map-section .address-info {
        padding-bottom: 20px;
        margin-bottom: 20px;
    }
    .aboutus-links .inner img {
        height: 370px;
    }
    .blog-item-wrap {
        padding-right: 20px;
    }
    .blog-detail-page .blog-detail {
        padding-right: 20px;
    }
    .pro-sec-blog .title {
        font-size: 24px;
    }
    .footer-menu a {
        padding: 15px 5px;
        font-size: 13px;
    }
    .default-content h2 {
        font-size: 43px;
    }
    .photo-gallery {
        --bs-gutter-x: 20px;
        --bs-gutter-y: 20px;
    }
    .doc-images-section .image {
        height: 350px;
    }
    .pro-sec-blog .image img {
        height: 300px;
    }
    .parent-menu .widgettitle {
        font-size: 43px;
    }
    .banner-logo {
        text-align: center;
    }

}


@media (max-width:991px){
    .facial_procedures .item_wrap, .facial_procedures.body_sculpting .item_wrap {
        min-height: auto;
    }
    h1, .h1{
        font-size: 32px;
    }
    h2, .h2 {
        font-size: 28px;
    }
    h3, .h3{
        font-size: 24px;
    }
    h4, .h4{
        font-size: 22px;
    }
    h5, .h5{
        font-size: 20px;
    }
    h6, .h6{
        font-size: 18px;
    }
    .heading{
        font-size: 32px;
    }
    .slick-arrow {
        width: 50px;
        height: 50px;
        background: transparent;
        border-radius: 100%;
        border: 1.5px solid var(--color-one);
        font-size: 0;
        position: relative;
    }
    .header-logo {
        width: 270px;
    }
    .home-banner .banner-title {
        font-size: 43px;
    }
    .about-section .image {
        max-width: 500px;
        margin: auto;
    }
    .services-section .read {
        font-size: 18px;
    }
    .surgeon-section .image {
        max-width: 500px;
        margin: auto;
    }
    .reviews-slider .slick-next.slick-arrow {
        bottom: -100px;
    }
    .other-blogs {
        gap: 30px;
        margin-top: 30px;
    }
    .footer-menu a {
        padding: 10px 10px;
        font-size: 16px;
    }
    .footer .footer-col-2 {
        width: 100%;
        text-align: center;
        order: 1;
        margin-bottom: 20px;
    }
    .footer .footer-col-1 {
        order: 2;
        width: 50%;
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .footer .footer-col-3 {
        order: 2;
        justify-content: center;
    }
    .footer-btns {
        margin-bottom: 30px;
    }
    .footer .footer-col-3 {
        width: 50%;
    }
    .footer-bottom {
        font-size: 14px;
    }
    .surgeon-section .row {
        flex-direction: column-reverse;
        text-align: center;
    }
    .surgeon-section .btns-wrap {
        justify-content: center;
    }
    .about-section .small-heading, .about-section .heading, .about-section .btn-wrap {
        text-align: center;
    }
    .about-section-content .content {
        margin-top: 30px;
    }
    .menu-show {
        max-width: 100%;
    }
    .services-section .title {
        font-size: 32px;
    }
    .services-section .inner {
        outline-offset: -10px;
    }
    .visiting-section .listing li {
        width: 100%;
    }
    .doc-expert-section .listing li {
        width: 100%;
    }
    .doc-expert-section .listing  ul {
        gap: 0;
    }
    .doc-edu-section .contents ul {
        gap: 0;
    }
    .doc-edu-section .contents ul li {
        width: 100%;
    }
    .doc-images-section .contents-image {
        font-size: 30px;
    }
    .doc-videos-section .video-item {
        margin-top: 30px;
    }
    .doc-videos-section .row {
        justify-content: center;
    }
    .default-content h2 {
        font-size: 40px;
    }
    .team-list .detail {
        padding: 20px;
        width: calc(100% - 30px);
        margin-top: -30px;
    }
    .team-list .role {
        font-size: 18px;
    }
    .team-list .read {
        font-size: 18px;
    }
    .team-list .image {
        height: 260px;
    }
    .team-list .name {
        font-size: 35px;
    }
    .td-sec-one .image {
        max-width: 500px;
        margin: 0 auto 30px;
        height: auto;
    }
    .service-tab-list .service-tab-item a {
        font-size: 18px;
        padding: 15px 10px
    }
    .service-tab-content {
        padding: 30px;
    }
    .service-detail .title {
        font-size: 30px;
    }
    .services .service-category {
        font-size: 45px;
    }
    .review-tabs {
        gap: 10px;
        margin-bottom: 50px;
        padding: 10px;
    }
    .review-tabs a {
        font-size: 16px;
        line-height: 1.2;
    }
    .reviews-list .review-item {
        margin-bottom: 30px;
    }
    .pagination .nav-links {
        margin-top: 40px;
    }
    .blog-item .blog-image {
        height: 300px;
    }
    .blog-page-listing .blog-item .title {
        font-size: 22px;
    }
    .blog-page-listing .blog-content {
        width: calc(100% - 30px);
        margin-top: -50px;
    }
    .blog-page-listing .blog-item .btn {
        font-size: 18px;
    }
    .blog-page-listing .blog-item {
        margin-bottom: 20px;
        padding-bottom: 20px;
    }
    .videos-list .video-thumb img {
        height: 250px;
    }
    .videos-list .video-title {
        font-size: 18px;
    }
    .videos-list .video-item {
        margin-top: 30px;
    }
    .pagination .nav-links span, .pagination .nav-links a {
        width: 50px;
        height: 50px;
    }
    .pagination .prev.page-numbers, .pagination .next.page-numbers {
        width: 50px;
        height: 50px;
    }
    .photo-gallery .photos img {
        height: 170px;
        width: calc(50% - 5px);
    }
    .photo-gallery {
        --bs-gutter-x: 20px;
        --bs-gutter-y: 20px;
    }
    .gallery-detail-photos .item {
        padding: 20px;
    }
    .sidebar-form .form-title {
        font-size: 30px;
    }
    .gallery-detail-photos img {
        height: 150px;
    }
    .map-section .address-details {
        background-color: rgba(103, 98, 190, 1);
        width: 100%;
        max-width: 100%;
        right: 0;
        position: relative;
    }
    .reviews-page .pagination .nav-links {
        margin-top: 20px;
    }
    .team-list {
        --bs-gutter-x: 30px;
        --bs-gutter-y: 30px;
    }
    .faq-accordion .accordion-item .accordion-header button {
        font-size: 20px;
    }
    .pro-sec-blog .detail {
        padding: 20px;
        width: calc(100% - 20px);
    }
    .pro-sec-blog .read {
        font-size: 18px;
    }
    .gallery-detail-photos .row {
        --bs-gutter-x: 10px;
    }
    .resources-list .inner {
        padding: 30px;
    }
    .resources-list .title {
        font-size: 28px;
    }
    .map-section .title-address {
        font-size: 40px;
    }
    .map-section .address p {
        font-size: 18px;
    }
    .map-section iframe {
        height: 500px;
    }
    .aboutus-links .row {
        --bs-gutter-y: 20px;
    }
    .pro-sec-one .alignright{
        width: 100%;
        float: none;
        margin-left: 0;
    }
    .default-content h2 {
        font-size: 32px;
    }
    .doc-images-section .image {
        height: 300px;
    }
    .parent-menu .widgettitle {
        font-size: 32px;
    }
}

@media (max-width:767px){
    .breast_surgery .right-col{
        margin-top: 30px;
    }
    .breast_surgery ul{
        margin-left: 18px;
    }
    body {
        line-height: 2.2;
    }
    h1, .h1{
        font-size: 35px;
    }
    h2, .h2 {
        font-size: 28px;
    }
    h3, .h3{
        font-size: 24px;
    }
    h4, .h4{
        font-size: 22px;
    }
    h5, .h5{
        font-size: 20px;
    }
    h6, .h6{
        font-size: 18px;
    }
    .section-pd, .spaced {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .page-banner {
        height: 442px;
    }
    .btn {
        padding: 10px 25px;
    }
    .container, .container-sm {
        max-width: 100%;
    }
    .header-social ul {
        gap: 7px;
    }
    .header {
        background: #fff;
    }
    .header-logo {
        width: 180px;
    }
    .header-btn-two{
        display: none;
    }
    .header-search {
        width: 35px;
        height: 35px;
        justify-content: center;
        border: 1px solid var(--color-grey);
        border-radius: 5px;
        padding: 8px;
    }
    .header-search .search-icon {
        width: 100%;
        height: 100%;
    }
    .header-phone {
        display: flex;
        width: 35px;
        height: 35px;
        border: 1px solid var(--color-grey);
        border-radius: 5px;
        justify-content: center;
        margin-left: 8px;
    }
    .header-phone .phone-no {
        font-size: 0;
        margin: 0;
    }
    .header-phone a {
        padding: 0;
        margin-left: 0;
    }
    .header-phone .phone-icon {
        width: 100%;
        height: 100%;
        fill: var(--color-grey);
        margin: 0;
        padding: 7px;
    }
    .header-btn {
        display: none;
    }
    .header .container {
        padding-left: 15px;
        padding-right: 15px;
    }
    .header-logo img {
        max-width: 100%;
    }
    .menu-button span{
        display: none;
    }
    .menu-button {
        display: flex;
        border: 1px solid #3E3E3E;
        width: 35px;
        height: 35px;
        border-radius: 5px;
        padding: 7px;
        margin-left: 8px;
    }
    .menu-bar-wrap {
        width: 100%;
    }
    .menu-button .menu-bar {
        width: 100%;
    }
    .menu-button .menu-bar-top {
        border: 1px solid var(--color-grey);
        border-bottom: 0;
    }
    .menu-button .menu-bar-middle {
        width: 100%;
        margin-top: 6px;
        height: 1px;
    }
    .menu-button .menu-bar-bottom {
        width: 100%;
        border: 1px solid var(--color-grey);
        border-top: 0;
        margin-top: 6px;
    }

    .home-banner {
        height: auto;
        padding-bottom: 0;
    }
    .home-banner .banner-content {
        padding-top: 150px;
        padding-bottom: 20px;
    }
    .home-banner .banner-subtitle {
        font-size: 12px;
    }
    .home-banner .banner-title {
        font-size: 35px;
        margin-top: 5px;
    }
    .home-banner .btn.btn-white-outline {
        background: var(--color-one);
        border-color: var(--color-one);
    }
    .home-banner .btn.btn-white-outline:hover {
        background: #fff;
        border-color: #fff;
        color: var(--color-one);
    }
    .home-banner-image {
        position: absolute;
        width: 100%;
        height: 100%;
    }
    .home-banner-image img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .banner-description {
        font-size: 14px;
    }
    .banner-btns {
        flex-direction: column;
        gap: 15px;
        align-items: center;
        margin-top: 20px;
    }
    .banner-logo {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .search-panel form#searchform {
        width: 90%;
    }
    .search-close {
        right: 5px;
        top: 5px;
        width: 20px;
        height: 20px;
    }
    .search-panel form#searchform {
        padding-bottom: 15px;
    }
    .search-panel {
        height: 95px;
    }

    .about-section .small-heading, .about-section .heading, .about-section .btn-wrap {
        text-align: left;
    }
    .services-section .read {
        font-size: 14px;
    }
    .services-section .read .arrow {
        width: 14px;
        height: 14px;
        margin-left: 5px;
    }
    .services-section .services {
        --bs-gutter-y: 20px;
    }
    .services-section .inner:hover {
        outline-offset: 5px;
    }
    .services-section .inner img {
        transition: all .3s ease-in-out;
        height: 250px;
    }
    .surgeon-section .image:after{
        display: none;
    }
    .surgeon-section .btns-wrap {
        flex-direction: column;
        align-items: flex-start;
    }
    .surgeon-section .row {
        --bs-gutter-y: 20px;
        text-align: left;
    }
    .gallery-images {
        border: 0px solid rgba(255,255,255,0.3);
        padding: 0;
        gap: 20px;
    }
    .gallery-section .btn {
        margin-top: 30px;
    }
    .small-heading {
        font-size: 18px;
        letter-spacing: 5px;
    }
    .reviews-slider {
        margin-bottom: 30px;
    }
    .other-blogs{
        display: none;
    }
    .blog-section .small-heading, .blog-section .heading{
        text-align: center;
    }
    .blog-section .d-btn {
        display: none;
    }
    .blog-section .m-btn {
        margin-top: 30px;
    }
    .first-blog-title {
        font-size: 20px;
    }
    .first-blog-read {
        font-size: 14px;
    }
    .first-blog-image .arrow {
        width: 12px;
        margin-left: 5px;
    }
    .footer-menu a {
        padding: 5px 5px;
        font-size: 14px;
    }
    .footer-btns {
        gap: 20px;
        flex-direction: column;
        align-items: normal;
        max-width: 250px;
    }
    .footer-btns .btn {
        font-size: 14px;
    }
    .footer-btns .btn {
        padding: 12px 15px;
    }
    .footer-logo img {
        max-width: 300px;
    }
    .footer .footer-col-3 {
        width: 100%;
    }
    .footer .footer-col-2 {
        padding-left: 0;
        padding-right: 0;
    }
    .footer .footer-col-1 {
        width: 100%;
        display: block;
    }
    .footer .footer-col-3 {
        width: 100%;
        display: block;
        margin-top: 20px;
    }
    .footer .social-links ul {
        gap: 20px;
        width: 100%;
        justify-content: center;
    }
    .footer .social-links ul {
        padding-bottom: 20px;
    }
    .footer-reviews {
        margin-top: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .footer-reviews span {
        font-size: 14px;
    }
    .footer-reviews .rating {
        margin-left: 15px;
        margin-top: 0;
    }
    .footer .social-links li a {
        width: 40px;
        height: 40px;
        border: 1px solid rgba(255, 255, 255, 0.67);
    }
    .footer-nap-row {
        display: block;
        text-align: center;
    }
    .footer-contact .icon{
        display: none;
    }
    .footer-bottom .container {
        flex-direction: column;
        justify-content: center;
        text-align: center;
        gap: 10px;
    }
    .footer-links ul {
        justify-content: center;
        margin-left: 15px;
    }
    .footer-bottom {
        font-size: 14px;
    }
    .copyrights span {
        display: block;
    }
    .footer-top {
        padding-top: 50px;
        padding-bottom: 40px;
    }
    .footer .phone, .footer .email {
        padding-left: 0;
    }
    .footer .address {
        padding-left: 0;
    }
    .nap-office-hours .hours-inner {
        padding-left: 0;
    }
    .footer {
        font-size: 14px;
    }
    .footer-reviews .rating .star-icon path{
        fill: #fff;
    }
    .blog-section .first-blog-image {
        height: 380px;
    }
    .page-banner .banner-title {
        font-size: 35px;
    }
    .page-banner .banner-subtitle {
        font-size: 18px;
    }
    .visiting-section .vc-wrap {
        padding: 40px 15px;
    }
    .left-right-section .row {
        --bs-gutter-y: 20px;
    }
    .about-mission-section .mission-wrap {
        padding: 40px 15px;
    }
    .doc-intro-section .intro-content {
        padding: 40px 15px;
        position: relative;
    }
    .doc-intro-section .background {
        display: block;
    }
    .doc-intro-section .btn-wrap {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
        gap: 20px;
    }
    .doc-edu-section:before {
        height: 100%;
    }
    .doc-edu-section .play-icon {
        width: 60px;
        height: 60px;
    }
    .doc-images-section .row {
        --bs-gutter-y: 20px;
    }
    .list-style ul, .list-style ol {
        padding-left: 10px;
    }
    .list-style li {
        padding-left: 15px;
    }

    .list-style li::before {
        width: 8px;
        height: 8px;
    }
    .default-content h2 {
        font-size: 35px;
    }
    .team-list .detail {
        padding: 15px;
        width: calc(100% - 15px);
        margin-top: -20px;
    }
    .td-sec-one .star-icons{
        height: 20px;
        width: 110px;
    }
    .service-tab-content {
        display: none !important;
    }
    .services .service-category {
        font-size: 40px;
        padding: 40px 20px 25px;
    }
    .service-tab-list .service-tab-item a {
        font-size: 21px;
        padding: 15px 10px;
    }
    .reviews-list .review-inner {
        padding: 20px 15px;
    }
    .reviews-list .review-type {
        flex-direction: column;
        align-items: flex-start;
        gap: 5px;
    }
    .reviews-list .quote-icon {
        width: 50px;
        height: 50px;
    }
    .reviews-list .review-detail {
        align-items: flex-end;
    }
    .blog-page-listing .blog-item .title {
        font-size: 20px;
    }
    .blog-page-listing .blog-item {
        margin-bottom: 20px;
        padding-bottom: 20px;
    }
    .sidebar {
        margin-top: 40px;
    }
    .sidebar .widget {
        padding: 30px 20px;
    }
    .blog-page-listing .blog-item .btn {
        font-size: 18px;
    }
    .breadcrumb {
        font-size: 16px;
    }
    .sidebar .widget li a {
        padding: 10px 35px 10px 20px;
        width: calc(100% + 40px);
        margin: 0 -20px;
    }
    .videos-list .video-content {
        max-width: calc(100% - 20px);
    }
    .photo-gallery-search select {
        margin-bottom: 50px;
        font-size: 22px;
    }
    .photo-gallery .photos img {
        height: 150px;
    }
    .photo-gallery .inner {
        padding: 15px 15px 90px;
    }
    .photo-gallery li {
        width: 100%;
        font-size: 18px;
        line-height: 1.5;
        display: flex;
        justify-content: space-between;
    }
    .gallery-detail-photos .row {
        --bs-gutter-x: 5px;
    }
    .gallery-detail-photos .item {
        padding: 15px;
    }
    .resources-list .inner {
        padding: 30px;
    }
    .financing-options {
        text-align: center;
    }
    .financing-options .image {
        margin-bottom: 30px;
    }
    .financing-options .row {
        padding: 30px 0;
    }
    .pro-sec-one {
        overflow: hidden;
    }
    .map-section .title-address {
        font-size: 30px;
    }
    .map-section .address-details {
        padding: 40px 15px;
        height: auto;
        position: relative;
    }
    .map-section iframe {
        height: 400px;
    }
    .td-sec-one .text-col .heading {
        text-align: center;
    }
    .td-sec-one .rating {
        justify-content: center;
    }
    .td-sec-one .text-col .inner {
        padding: 30px 20px;
    }
    .search-page .search-item {
        padding: 20px;
    }
    .search-page .search-item p {
        word-break: break-word;
    }
    .pro-sec-one .featured-img {
        width: 100%;
        padding-right: 0;
        margin-bottom: 20px;
    }
    .pro-sec-reviews .top-reviews-wrap {
        gap: 10px;
        margin-top: 30px;
        margin-bottom: 30px;
        flex-direction: column;
    }
    .pro-sec-blocks .inner {
        padding: 30px;
    }
    .pro-sec-blocks {
        --bs-gutter-y: 20px;
    }
    .faq-accordion .accordion-item .accordion-header button {
        font-size: 18px;
        padding: 15px 50px 15px 15px;
    }
    .accordion-button .arrow {
        width: 30px;
        height: 30px;
        right: 15px;
    }
    .pro-sec-blog .row {
        --bs-gutter-y: 20px;
    }
    .pro-sec-reviews {
        overflow: hidden;
    }
    .blog-page-listing .blog-content {
        width: calc(100% - 20px);
    }
    .aboutus-links .inner img {
        height: 400px;
    }
    .blog-item-wrap {
        padding-right: 0;
    }
    .blog-detail-page .blog-detail {
        padding-right: 0;
    }
    .page-banner:before {
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),
            linear-gradient(0deg, rgba(103, 98, 190, 0.18), rgba(103, 98, 190, 0.18));
    }
    .pro-sec-blog .title {
        font-size: 20px;
    }
    .faq-accordion .accordion-body {
        padding: 0 15px 15px 15px;
        border: none;
        color: #fff;
    }
    .faq-accordion .accordion-item.active .accordion-header button {
        padding: 15px 50px 15px 15px;
    }
    .review-tabs a {
        padding: 10px 0;
        margin: 0 10px;
    }
    .footer .best_doctor_logo {
        text-align: center;
    }

}

@media (max-width:480px){

}

@media (max-width:350px){

}

@media (min-width: 375px) and (max-width: 667px) and (orientation: landscape){
    .surgeon-section .btns-wrap {
        flex-direction: row;
    }
    .gallery-images {
        justify-content: center;
    }
    .footer .footer-col-2 {
        flex-direction: column;
    }
    .footer-btns {
        order: 1;
        margin: auto;
    }
    .footer-btns .btn {
        padding: 12px 30px;
    }
    .doc-videos-section .video-thumb img {
        height: 350px;
    }
    .team-list .image {
        height: 350px;
    }
    .about-section .small-heading, .about-section .heading, .surgeon-section .small-heading, .surgeon-section .heading, .blog-section .small-heading, .blog-section .heading, .reviews-section .small-heading, .reviews-section .heading {
        text-align: center;
    }
    .reviews-section .btn-wrap, .about-section .btn-wrap  {
        text-align: center;
    }
    .doc-images-section .contents-image {
        font-size: 35px;
    }
    .videos-list .video-thumb img {
        height: 350px;
    }
    .photo-gallery .photos img {
        height: 170px;
    }

}

@media (min-width: 768px) and (max-width: 991px) and (orientation: landscape){


}