@media only screen and (min-width: 1300px) and (max-width: 1600px) {
    .navbar-nav>li {
        margin-right: 18px;
    }

    .doctor-list-content-wrapper {
        padding: 5px;
    }

    .btn-common {
        font-size: 10px;
    }

    .doctor-details-list-content-wrapper {
        padding: 5px;
    }

    .doctor-list-inner h4 {
        font-size: 13px;
    }

    .about-us-wrapper p {
        font-size: 14px;
    }

    .board-img-content {
        position: relative;
        margin-top: -58px;
    }

    .board-title-footer h4 {
        font-size: 16px;
    }

    .fixedwrapper{
        top: 40%;
    }

    .calendar-left {
        top: 50%;
    }

    .fixedwrapper-facebook{
        top: 48%;
    }

     .facebook-left {
        top: 50%;
    }

    .fixedwrapper-whatsapp {
        top: 56%;
    }
    
    .whatsapp-left {
        top: 50%;
    }

    .best-deal-carousel .item .item-wrap {
        height: 285px;
    }

    .packages-container .item .item-wrap .item-content {
        height: 625px;
    }

    .feedbackuser-img-wrapp {
        width: 35px;
        height: 35px;
    }

    .best-deal-carousel .feedbackname {
        font-size: 12px;
    }

    .best-deal-carousel .feedbackcategoryname {
        font-size: 12px;
    }

    .item-header p {
        font-size: 12px;
    }

    .wrapping-padding.clamped {
        -webkit-line-clamp: 14;
    }

     .breadcum-title-wrapper {
        left: 20%;
    }

    .doctor-details-list-content-wrapper img {
        width: 100%;
        height: 225px;
    }

}


/* Medium Layout: 1280px. */

@media only screen and (min-width: 992px) and (max-width: 1280px) {


    .navbar-nav>li {
        margin-right: 15px;
    }

    .navbar-default .navbar-nav>li>a {
        font-size: 10px;
    }

    .dropdown-menu li a {
        font-size: 10px;
    }

    .mega-dropdown-menu .category-type a {
        font-size: 10px;
    }

    .hotline-wrapper {
        margin-top: 0;
    }

    .hotline-left {
        float: left;
        margin-right: 5px;
        margin-top: 0;
        width: 15px;
    }

    .hotline-right h3 {
        font-size: 15px;
    }

    .hotline-right h4 {
        font-size: 15px;
    }

    .btn-custom {
        padding: 10px 20px;
        font-size: 10px;
    }

    .doctor-list-content-wrapper {
        padding: 5px;
    }

    .doctor-list-header {}

    .doctor-list-inner h4 {
        font-size: 10px;
    }

    .doctor-list-inner p {
        line-height: 18px;
        font-size: 10px;
        margin-bottom: 5px;
    }

    .btn-common {
        padding: 10px 20px;
        font-size: 12px;
    }

    .doctor-list-content-wrapper {}

    .doctor-details-list-content-wrapper {
        padding: 0;
    }

    .best-deal-carousel .item,
    .team-carousel .item {
        padding: 5px;
    }

    .best-deal-carousel .item .item-wrap {
        padding: 5px;
    }

    .doctor-details-list-content-wrapper .btn-common-sm {
        padding: 5px;
        font-size: 10px;
    }

    .team-carousel .item-content h4 {
        font-size: 18px;
        margin-bottom: 15px;
    }

    .team-carousel .item .item-wrap .item-content {
        padding: 5px;
    }

    .team-carousel .item-content .itemt-list ul li {
        padding-left: 20px;
        font-size: 10px;
        margin-bottom: 0;
    }

    .team-carousel .item-content .itemt-list ul li::before {
        font-size: 10px;
    }

    .department-section-area {
        height: 500px;
    }

    .dept-btn-wrapper {
        margin-top: 0px;
    }

    .dept-section-title-wrapper {
        margin: 50px 0px;
    }

    .healthcare-content-wrapper ul li {
        font-size: 18px;
    }

    .healthcare-content-wrapper ul li {
        margin-bottom: 30px;
    }

    .blog-list-header {
        height: 145px;
    }

    .blog-list-inner h4 {
        font-size: 18px;
    }

    .subscribe-content-wrapper {
        padding: 15px;
        position: relative;
    }

    .subscribe-content-wrapper h4 {
        font-size: 14px;
    }

    .subscribe-content-wrapper .form-inline .form-group {
        width: 55%;
    }

    .footer-item-wrapper p {
        font-size: 10px;
        line-height: 22px;
    }

    .service-list ul li a {
        font-size: 10px;
    }

    .footer-item-wrapper h4 {
        margin-bottom: 10px;
        font-size: 10px;
    }

    .footer-item-wrapper h4 a {
        font-size: 10px;
    }

    .send-query h4 {
        font-size: 10px;
    }

    .social-list ul li {
        margin-right: 5px;
    }

    .doctor-details-list-content-wrapper {
        padding: 5px;
    }

    .doctor-list-inner h4 {
        font-size: 13px;
    }

    .vission-wrapper,
    .mission-wrapper,
    .motto-wrapper {
        height: auto;
        padding: 10px;
    }

    .vision-wrapper-content {
        height: auto;
    }

    .about-us-wrapper p {
        font-size: 12px;
    }



    .wrapping-padding {
        padding: 5px 10px;
    }


    .board-img-content {
        margin-top: -50px;
    }

    .service-item-list-odd .board-title-footer,
    .service-item-list-even .board-title-footer {
        margin-top: -35px;
    }

    .fixedwrapper,
    .calendar-left {
        top: 40%;
    }

    .fixedwrapper-facebook,
    .facebook-left {
        top: 48%;
    }

    .fixedwrapper-whatsapp,
    .whatsapp-left {
        top: 56%;
    }

    .team-carousel .swiper-button-prev,
    .team-carousel .swiper-rtl .swiper-button-next {
        width: 25px;
        height: 25px;
    }

    .best-deal-carousel .swiper-button-prev,
    .best-deal-carousel .swiper-rtl .swiper-button-next,
    .best-deal-carousel .swiper-button-next,
    .best-deal-carousel .swiper-rtl .swiper-button-prev .team-carousel .swiper-button-prev,
    .team-carousel .swiper-rtl .swiper-button-next,
    .team-carousel .swiper-button-next,
    .team-carousel .swiper-rtl .swiper-button-prev,
    .partner-arrival-carousel .swiper-button-next,
    .partner-arrival-carousel .swiper-rtl .swiper-button-prev,
    .partner-arrival-carousel .swiper-button-prev,
    .partner-arrival-carousel .swiper-rtl .swiper-button-next {
        width: 25px;
        height: 25px;
    }

    .swiper-button-prev,
    .swiper-button-next {
        top: var(--swiper-navigation-top-offset, 60%);
    }

    .feedbackuser-img-wrapp {
        width: 35px;
        height: 35px;
    }

    .best-deal-carousel .feedbackname {
        font-size: 12px;
    }

    .best-deal-carousel .feedbackcategoryname {
        font-size: 12px;
    }

    .item-header p {
        font-size: 12px;
    }

    .best-deal-carousel .item .item-content ul li {
        margin-right: 10px;
    }

    .wrapping-padding.clamped {
        -webkit-line-clamp: 10;
    }

     .breadcum-title-wrapper {
        left: 20%;
    }

    .doctor-details-list-content-wrapper img {
        width: 100%;
        height: 225px;
    }

}

/* Tablet Layout: 992px. */

@media only screen and (min-width: 992px) and (max-width: 1024px) {


    .dropdown-menu li a {
        font-size: 10px;
    }

    .mega-dropdown-menu {
        padding: 30px;
    }

    .mega-dropdown-menu .category-type {
        width: 33%;
    }

    .mega-dropdown-menu .category-type a {
        font-size: 10px;
    }

    .navbar-default .navbar-nav>li>a {
        font-size: 10px;
    }

    .doctor-list-inner h4 {
        font-size: 13px;
    }

    .feedbackuser-img-wrapp {
        width: 35px;
        height: 35px;
    }

    .best-deal-carousel .feedbackname {
        font-size: 10px;
    }

    .best-deal-carousel .feedbackcategoryname {
        font-size: 10px;
    }

    .item-header p {
        font-size: 10px;
    }

    .best-deal-carousel .item .item-content ul li {
        margin-right: 10px;
    }

    .service-list ul li a {
        font-size: 10px;
    }

    .footer-item-wrapper h4 {
        margin-bottom: 10px;
        font-size: 10px;
    }

    .footer-item-wrapper h4 a {
        font-size: 10px;
    }

    .send-query h4 {
        font-size: 10px;
    }

    .social-list ul li {
        margin-right: 5px;
    }

    .service-item-list-odd .about-us-wrapper h2,
    .service-item-list-even .about-us-wrapper h2 {
        font-size: 18px;
        line-height: 32px;
    }

    .service-item-list-odd .board-title-footer,
    .service-item-list-even .board-title-footer {
        margin-top: -20px;
        padding: 15px;
    }

    .board-title-footer h4 {
        font-size: 14px;
    }

    .wrapping-padding.clamped {
        -webkit-line-clamp: 10;
    }

     .breadcum-title-wrapper {
        left: 20%;
    }

    .doctor-details-list-content-wrapper img {
        width: 100%;
        height: 225px;
    }
}

/* Tablet Layout: 768px. */

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

    .mega-dropdown-menu {
        padding: 30px;
    }

    .mega-dropdown-menu .category-type a {
        font-size: 10px;
    }

    .navbar-default .navbar-nav>li>a {
        font-size: 10px;
    }

    .table-bordered.table-custom>tbody>tr>td {
        padding: 10px;
    }

    .service-img-content::after {
        top: -10%;
        right: -10%;
    }

    .doctor-details-list-content-wrapper {
        padding: 5px;
    }

    .best-deal-carousel .feedbackname {
        font-size: 10px;
    }

    .best-deal-carousel .feedbackcategoryname {
        font-size: 10px;
    }

    .item-header p {
        font-size: 10px;
    }

    .best-deal-carousel .item .item-content ul li {
        margin-right: 10px;
    }

    .subscribe-content-wrapper .form-inline .form-group {
        width: 50%;
    }

    .service-item-list-odd .about-us-wrapper h2,
    .service-item-list-even .about-us-wrapper h2 {
        font-size: 18px;
        line-height: 32px;
    }

    .service-item-list-odd .board-title-footer,
    .service-item-list-even .board-title-footer {
        margin-top: -20px;
        padding: 15px;
    }

    .board-title-footer h4 {
        font-size: 14px;
    }

    .wrapping-padding.clamped {
        -webkit-line-clamp: 15;
    }

    .breadcum-title-wrapper {
        left: 20%;
    }

    .doctor-details-list-content-wrapper img {
        width: 100%;
        height: 225px;
    }
}


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

    .breadcum-section-area {
        margin-top: 230px;
    }

    .breadcum-content-wrapper {
        height: 100px;
    }

    .table-bordered.table-custom>tbody>tr>td {
        padding: 10px;
    }

    .navbar-default .navbar-nav>li>a,
    .dropdown-menu>li>a {
        font-size: 7px;
    }

    .hotline-left {
        display: none;
    }

    .hotline-right h3,
    .hotline-right h4 {
        font-size: 10px;
    }

    .btn-custom {
        padding: 5px 10px;
        font-size: 10px !important;
    }

    .custom-btn-footer {
        padding: 0px 15px !important;
    }

    .send-query h4 {
        font-size: 11px;
    }

    .footer-item-wrapper h4 a {
        font-size: 10px;
    }

    .footer-item-wrapper p {
        font-size: 9px;
    }

    .mega-dropdown-menu {
        padding: 15px;
    }

    .doctor-list-content-wrapper {
        padding: 0;
        height: 425px;
    }

    .footer-item-wrapper h4 {
        margin-bottom: 0px;
    }

    .doctor-list-inner {
        margin: 0px;
        height: 200px;
    }

    .doctor-list-inner h4 {
        font-size: 10px;
    }


    .doctor-list-inner h6 {
        font-size: 12px;
    }

    .doctor-list-inner p {
        font-size: 10px;
        line-height: 20px;
    }

    .btn-common {
        font-size: 10px !important;
        padding: 5px;
    }

    .best-deal-carousel .item .item-wrap {
        padding: 5px;
    }

    .navbar-nav>li {
        margin-right: 5px;
    }

    .hero-content-wrapper {
        margin-top: 50%;
    }

    .dept-btn-wrapper {
        margin-top: 50px;
    }

    .department-section-area {
        height: 570px;
    }

    .healthcare-content-wrapper ul li {
        font-size: 12px;
    }

    .blog-list-header {
        height: 150px;
    }

    .blog-list-inner h4 {
        font-size: 18px;
    }

    .subscribe-content-wrapper {
        height: 55px;
    }

    .subscribe-content-wrapper {
        padding: 10px;
        bottom: -43px;
    }

    .subscribe-content-wrapper h4 {
        font-size: 11px;
    }

    .career-content-wrapper {
        margin: 150px 0px 50px 0px;
    }

    .doctor-details-list-content-wrapper {
        padding: 0;
    }

    .doctor-list-header {
        width: 100%;
    }

    .doctor-details-list-content-wrapper .doctor-list-footer .btn-common-sm {
        padding: 0;
        font-size: 8px;
    }


    .fixedwrapper {
        top: 41%;
    }


    .fixedwrapper-facebook {
        top: 52.5%;
    }


    .fixedwrapper-whatsapp {
        top: 64%;
    }

    .team-carousel .swiper-button-prev,
    .team-carousel .swiper-rtl .swiper-button-next {
        width: 25px;
        height: 25px;
    }

    .best-deal-carousel .swiper-button-prev,
    .best-deal-carousel .swiper-rtl .swiper-button-next,
    .best-deal-carousel .swiper-button-next,
    .best-deal-carousel .swiper-rtl .swiper-button-prev .team-carousel .swiper-button-prev,
    .team-carousel .swiper-rtl .swiper-button-next,
    .team-carousel .swiper-button-next,
    .team-carousel .swiper-rtl .swiper-button-prev,
    .partner-arrival-carousel .swiper-button-next,
    .partner-arrival-carousel .swiper-rtl .swiper-button-prev,
    .partner-arrival-carousel .swiper-button-prev,
    .partner-arrival-carousel .swiper-rtl .swiper-button-next {
        width: 25px;
        height: 25px;
    }

    .swiper-button-prev,
    .swiper-button-next {
        top: var(--swiper-navigation-top-offset, 60%);
    }

    .best-deal-carousel .feedbackname {
        font-size: 10px;
    }

    .best-deal-carousel .feedbackcategoryname {
        font-size: 10px;
    }

    .item-header p {
        font-size: 10px;
    }

    .best-deal-carousel .item .item-content ul li {
        margin-right: 10px;
    }

    .mb-pl {
        padding-left: 0px !important;
    }

    .mb-pr {
        padding-right: 0px !important;
    }

    .social-list {
        margin-top: 30px;
    }

    .social-list ul li {
        margin-right: 3px;
        width: 22px;
        height: 22px;
    }

    .send-query,
    .send-query-btn {
        margin-top: 0;
    }

    .footer-copyright {
        font-size: 12px;
    }

    .service-item-list-odd .about-us-wrapper h2,
    .service-item-list-even .about-us-wrapper h2 {
        font-size: 18px;
        line-height: 32px;
    }

    .service-item-list-odd .board-title-footer,
    .service-item-list-even .board-title-footer {
        margin-top: -20px;
        padding: 15px;
    }

    .board-title-footer h4 {
        font-size: 10px;
    }

    .wrapping-padding.clamped {
        -webkit-line-clamp: 10;
    }

    .vission-wrapper {
        height: 560px;
        padding: 10px;
    }

    .vission-wrapper p {
        font-size: 10px;
    }

    .mb-vission {
        margin-top: 185px;
    }

    .doctor-list-header img {
        width: 150px;
        height: 150px;
    }

    .doctor-list-inner h4 a {
        font-size: 12px;
        line-height: 24px;
        margin-bottom: 10px;
    }

    .breadcum-title-wrapper {
        left: 20%;
    }

    .doctor-details-list-content-wrapper img {
        width: 100%;
        height: 225px;
    }

    .pn{
        padding: 0px 15px !important;
    }

}



/* Mobile Layout: 320px. */

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

    .dropdown-menu li a {
        font-size: 10px;
    }

    .mega-dropdown-menu .category-type {
        width: 100%;
        margin: 0px;
    }

    .mega-dropdown-menu .category-type a {
        font-size: 10px;
    }

    .navbar-default .navbar-nav>li>a {
        font-size: 10px;
    }


    .breadcum-title-wrapper {
        top: 40%;
        transform: unset;
    }

    .breadcum-section-area {
        margin-top: 180px;
    }

    .navbar-header {
        width: 100%;
        display: block;
    }

    .navbar-brand {
        width: 40%;
        height: 55px;
    }

    .navbar-brand>img {
        max-width: 100%;
        max-height: 100%;
        text-align: left;
        margin: 0;
    }

    .dialer-wrapper {
        float: left;
        width: 35%;
        margin-top: 15px;
        display: block;
        animation: pulse 1.5s infinite ease-in-out;
    }

    .dialer-wrapper a h4 {
        background: linear-gradient(182deg, #184271 22.54%, #E4282C 98.3%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .dialer-wrapper a img {
        width: 20px;
        margin-right: 10px;
    }

    .mega-dropdown-menu {
        padding: 15px;
    }

    .mega-dropdown-menu .category-type {
        width: 100%;
    }

    .hotline-wrapper {
        margin: 0 auto;
        text-align: center;
    }

    .hotline-left {
        float: none;
        margin-right: 0;
        margin-top: 0;
    }

    .hotline-left img {
        width: 20px;
        height: 20px;
    }

    .hotline-right h3,
    .hotline-right h4 {
        font-size: 18px;
    }

    .login-wrapper {
        margin: 0 auto;
        text-align: center;
    }

    .btn-custom {
        padding: 10px 40px;
        font-size: 14px;
    }

    .navbar-toggle {
        padding: 0;
        margin: 0;
        margin-top: 15px;
    }

    input.form-control.search-input {
        height: 40px;
    }

    .fixedwrapper {
        top: 41%;
    }

    .fixedwrapper-facebook {
        top: 48%;
    }

    .fixedwrapper-whatsapp {
        top: 65.5%;
    }

    .calendar,
    .facebook,
    .whatsapp {
        width: 50px;
        height: 50px;
    }

    .hero-area .swiper-button-prev,
    .hero-area .swiper-button-next {
        width: 30px;
        height: 30px;
        top: var(--swiper-navigation-top-offset, 85%);
    }

    .hero-caption {
        top: 50%;
    }

    .hero-content-wrapper h4 {
        font-size: 24px;
        line-height: 25px;
    }

    .hero-content-wrapper h6 {
        font-size: 21px;
        margin-bottom: 0px;
    }

    .find-doctor-wrapper,
    .all-test-wrapper {
        height: 150px;
        padding: 5px;
    }

    .find-doctor-wrapper h4 {
        font-size: 13px;
        margin: 0;
    }

    .find-doctor-wrapper p {
        color: #fff;
        font-size: 10px;
        margin: 0;
    }

    .find-doctor-area {
        bottom: -10%;
    }

    .section-subtitle {
        font-size: 18px;
    }

    .section-title {
        font-size: 24px;
        line-height: 36px;
        margin-bottom: 0;
    }

    .new-arrival-nav {
        width: 100%;
        top: 30%;
        left: 0;
    }

    .dept-section-title-wrapper {
        margin: 100px 0px 30px;
    }

    .dept-btn-wrapper {
        margin-top: 0px;
    }

    .department-section-area {
        height: 450px;
    }

    .new-arrival-carousel .item {
        padding: 0;
    }

    .new-arrival-carousel .swiper-button-next,
    .new-arrival-carousel .swiper-rtl .swiper-button-prev {
        width: 30px;
        height: 30px;
        right: var(--swiper-navigation-sides-offset, 0px);
    }

    .new-arrival-carousel .swiper-button-prev,
    .new-arrival-carousel .swiper-rtl .swiper-button-next {
        width: 30px;
        height: 30px;
        left: var(--swiper-navigation-sides-offset, 0px);

    }

    .healthcare-content-wrapper ul li {
        margin-bottom: 30px;
        font-size: 14px;
    }

    .blog-list-header {
        height: 200px;
    }

    .subscribe-content-wrapper {
        height: auto;
        bottom: -100px;
        padding: 5px;
        right: 0;
        left: 0;
        position: relative;
    }

    .service-list ul li a {
        font-size: 14px;
    }

    .footer-item-wrapper h4 {
        margin-bottom: 10px;
        font-size: 12px;
    }

    .mail-icon-img-wrapper {
        height: 25px;
        width: 25px;
    }

    .subscribe-content-wrapper h4 {
        font-size: 16px;
        text-align: center;
    }

    .best-deal-nav {
        left: 0;
        width: 100%;
    }

    .about-us-wrapper h2 {
        font-size: 24px;
        text-align: left !important;
    }

    .blog-list-right-item {
        margin-bottom: 30px;
    }

    .appointment-section-wrapper {
        margin: 50px 0px;
    }

    .appoint-title-wrapper h1 {
        font-size: 24px;
        margin-bottom: 10px;
    }

    .patient-content-wrapper {
        margin: 80px 0px;
    }

    .patient-content-wrapper h6 {
        margin-bottom: 20px;
    }

    .booking-btn-wrapper {
        text-align: center;
    }

    .booking-btn-wrapper .btn-common,
    .booking-btn-wrapper .btn-custom {

        padding: 10px 20px;
        margin-right: 5px;
        font-size: 14px;

    }

    .career-content-wrapper {
        margin: 225px 0px 50px 0px;
    }

    .career-content-wrapper h4 {
        font-size: 28px;
        line-height: 40px;
    }

    .subscribe-content-wrapper .form-inline .form-group {
        width: 100%;
    }

    .mail-icon-img-wrapper {
        margin: 0 auto;
        text-align: center;
    }

    .subscribe-content-wrapper h6 {
        text-align: center;
    }

    .subscribe-content-wrapper form.form-inline {
        text-align: center;
    }

    .packages-container .item-content .note {
        margin-bottom: 0;
    }

    .search-item-list-inner {
        width: 100%;
    }

    .main-footer-area {
        height: auto;
    }

    .social-list {
        margin-top: 0;
    }

    .concern-arrival-carousel {
        margin-bottom: 0;
    }

    .send-query {
        margin-top: 0;
    }

    .send-query-btn {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .footer-copyright {
        font-size: 10px;
    }

    /* .pl-n {
        padding-left: 15px !important;
    }

    .pr-n {
        padding-right: 15px !important;
    } */

    .vission-wrapper,
    .mission-wrapper,
    .motto-wrapper {
        margin-bottom: 15px;
        height: 300px;
    }

    .board-img-content {
        margin-top: 0;
    }

    .service-item-list-odd .board-title-footer,
    .service-item-list-even .board-title-footer {
        margin-top: -30px;
    }

    .service-item-list-even .about-us-wrapper h2,
    .service-item-list-odd .about-us-wrapper h2 {
        font-size: 15px;
        line-height: 28px;
    }

    .service-item-list-odd,
    .service-item-list-even {
        margin-bottom: 50px;
    }

    .mission-vission-wrapeer {
        margin: 0px;
    }

    .about-us-wrapper p {
        font-size: 12px;

    }

    .wrapping-padding {
        padding: 20px;
    }

    .service-section-wrapper {
        margin: 100px 0px 0px 0px;
    }

    .about-main-wrapper {
        margin: 50px 0px 0px 0px;
    }

    .navbar-default .navbar-nav>li>a {
        margin: 0px;
        padding: 10px 0px;
    }

    .team-carousel .swiper-button-prev,
    .team-carousel .swiper-rtl .swiper-button-next {
        width: 25px;
        height: 25px;
    }

    .best-deal-carousel .swiper-button-prev,
    .best-deal-carousel .swiper-rtl .swiper-button-next,
    .best-deal-carousel .swiper-button-next,
    .best-deal-carousel .swiper-rtl .swiper-button-prev .team-carousel .swiper-button-prev,
    .team-carousel .swiper-rtl .swiper-button-next,
    .team-carousel .swiper-button-next,
    .team-carousel .swiper-rtl .swiper-button-prev,
    .partner-arrival-carousel .swiper-button-next,
    .partner-arrival-carousel .swiper-rtl .swiper-button-prev,
    .partner-arrival-carousel .swiper-button-prev,
    .partner-arrival-carousel .swiper-rtl .swiper-button-next {
        width: 25px;
        height: 25px;
    }

    .swiper-button-prev,
    .swiper-button-next {
        top: var(--swiper-navigation-top-offset, 60%);
    }

    .best-deal-carousel .item .item-wrap {
        height: 300px;
    }

    .item-header p {
        font-size: 12px;
    }

    .footer-logo-wrapp {
        width: 100%;
        height: 100px;
        margin: 25px auto;
        text-align: center;
    }

    .footer-logo-wrapp img {
        max-width: 100%;
        max-height: 100%;
    }



    .footer-item-wrapper h4 a {
        font-size: 12px;
    }

    .send-query-btn {
        margin-top: 0;
        margin-bottom: 20px;
    }

    .send-query h4 {
        font-size: 12px;
    }

    .service-item-list-odd h2,
    .service-item-list-even h2 {
        font-size: 18px;
    }

    .vision-wrapper-content {
        height: 150px;
    }

    .patient-content-wrapper h3 {
        font-size: 18px;
    }

    .patient-content-wrapper form .form-control {
        font-size: 12px;
    }


}

/* Wide Mobile Layout: 480px. */

@media only screen and (min-width: 481px) and (max-width: 767px) {

    .dropdown-menu li a {
        font-size: 10px;
    }

    .mega-dropdown-menu .category-type {
        width: 100%;
        margin: 0px;
    }

    .mega-dropdown-menu .category-type a {
        font-size: 10px;
    }

    .breadcum-title-wrapper {
        top: 40%;
        transform: unset;
    }

    .breadcum-section-area {
        margin-top: 180px;

    }

    .navbar-header {
        width: 100%;
        display: block;
    }

    .navbar-brand>img {
        max-width: 100%;
        max-height: 100%;
        text-align: left;
        margin: 0;
    }

    .dialer-wrapper {
        float: left;
        width: 35%;
        margin-top: 15px;
        display: block;
        animation: pulse 1.5s infinite ease-in-out;
    }

    .dialer-wrapper a h4 {
        background: linear-gradient(182deg, #184271 22.54%, #E4282C 98.3%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .dialer-wrapper a img {
        width: 20px;
        margin-right: 10px;
    }

    input.form-control.search-input {
        height: 40px;
    }

    .mega-dropdown-menu {
        padding: 15px;
    }

    .mega-dropdown-menu .category-type {
        width: 100%;
    }

    .hotline-wrapper {
        margin: 0 auto;
        text-align: center;
    }

    .hotline-left {
        float: none;
        margin-right: 0;
        margin-top: 0;
    }

    .hotline-left img {
        width: 20px;
        height: 20px;
    }

    .hotline-right h3,
    .hotline-right h4 {
        font-size: 18px;
    }

    .login-wrapper {
        margin: 0 auto;
        text-align: center;
    }

    .btn-custom {
        padding: 10px 40px;
        font-size: 14px;
    }

    .navbar-toggle {
        padding: 0;
        margin: 0;
        margin-top: 15px;
    }

    .fixedwrapper,
    .calendar-left {
        top: 40%;
    }

    .fixedwrapper-facebook,
    .facebook-left {
        top: 50%;
    }

    .fixedwrapper-whatsapp,
    .whatsapp-left {
        top: 60%;
    }

    .calendar,
    .facebook,
    .whatsapp {
        width: 50px;
        height: 50px;
    }

    .hero-area .swiper-button-prev,
    .hero-area .swiper-button-next {
        width: 30px;
        height: 30px;
        top: var(--swiper-navigation-top-offset, 85%);
    }

    .hero-caption {
        top: 50%;
    }

    .hero-content-wrapper h4 {
        font-size: 24px;
        line-height: 25px;
    }

    .hero-content-wrapper h6 {
        font-size: 21px;
        margin-bottom: 0px;
    }

    .find-doctor-wrapper,
    .all-test-wrapper {
        height: 150px;
        padding: 5px;
    }

    .find-doctor-wrapper h4 {
        font-size: 13px;
        margin: 0;
    }

    .find-doctor-wrapper p {
        color: #fff;
        font-size: 10px;
        margin: 0;
    }

    .find-doctor-area {
        bottom: -10%;
    }

    .section-subtitle {
        font-size: 18px;
    }

    .section-title {
        font-size: 24px;
        line-height: 36px;
        margin-bottom: 0;
    }

    .new-arrival-nav {
        width: 100%;
        top: 30%;
        left: 0;
    }

    .dept-section-title-wrapper {
        margin: 100px 0px 30px;
    }

    .dept-btn-wrapper {
        margin-top: 0px;
    }

    .department-section-area {
        height: 450px;
    }

    .new-arrival-carousel .swiper-button-next,
    .new-arrival-carousel .swiper-rtl .swiper-button-prev {
        width: 30px;
        height: 30px;
        right: var(--swiper-navigation-sides-offset, 0px);
    }

    .new-arrival-carousel .swiper-button-prev,
    .new-arrival-carousel .swiper-rtl .swiper-button-next {
        width: 30px;
        height: 30px;
        left: var(--swiper-navigation-sides-offset, 0px);

    }

    .healthcare-content-wrapper ul li {
        margin-bottom: 30px;
        font-size: 14px;
    }

    .blog-list-header {
        height: 200px;
    }

    .subscribe-content-wrapper {
        height: auto;
        bottom: -100px;
        padding: 5px;
        right: 0;
        left: 0;
        position: relative;
    }

    .service-list ul li a {
        font-size: 14px;
    }

    .footer-item-wrapper h4 {
        margin-bottom: 0px;
        font-size: 12px;
    }

    .mail-icon-img-wrapper {
        height: 25px;
        width: 25px;
    }

    .subscribe-content-wrapper h4 {
        font-size: 16px;
        text-align: center;
    }

    .best-deal-nav {
        left: 0;
        width: 100%;
    }

    .about-us-wrapper h2 {
        font-size: 24px;
        text-align: left !important;
    }

    .blog-list-right-item {
        margin-bottom: 30px;
    }

    .appointment-section-wrapper {
        margin: 50px 0px;
    }

    .appoint-title-wrapper h1 {
        font-size: 24px;
        margin-bottom: 10px;
    }

    .patient-content-wrapper {
        margin-bottom: 35px 0px;
    }

    .patient-content-wrapper h6 {
        margin-bottom: 20px;
    }

    .booking-btn-wrapper {
        text-align: center;
    }

    .booking-btn-wrapper .btn-common,
    .booking-btn-wrapper .btn-custom {

        padding: 10px 20px;
        margin-right: 5px;
        font-size: 14px;

    }

    .career-content-wrapper {
        margin: 225px 0px 50px 0px;
    }

    .career-content-wrapper h4 {
        font-size: 28px;
        line-height: 40px;
    }

    .subscribe-content-wrapper .form-inline .form-group {
        width: 100%;
    }

    .mail-icon-img-wrapper {
        margin: 0 auto;
        text-align: center;
    }

    .subscribe-content-wrapper h6 {
        text-align: center;
    }

    .subscribe-content-wrapper form.form-inline {
        text-align: center;
    }

    .packages-container .item-content .note {
        margin-bottom: 0;
    }

    .search-item-list-inner {
        width: 100%;
    }

    .main-footer-area {
        height: auto;
    }

    .social-list {
        margin-top: 0;
    }

    .concern-arrival-carousel {
        margin-bottom: 0;
    }

    .send-query {
        margin-top: 0;
    }

    .send-query-btn {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .footer-copyright {
        font-size: 10px;
    }

    .footer-logo-wrapp {
        margin-top: 35px;
    }

    .pl-n {
        padding-left: 15px !important;
    }

    .pr-n {
        padding-right: 15px !important;
    }

    .vission-wrapper,
    .mission-wrapper,
    .motto-wrapper {
        margin-bottom: 15px;
        height: 300px;
    }

    .board-img-content {
        margin-top: 0;
    }

    .service-item-list-odd .board-title-footer,
    .service-item-list-even .board-title-footer {
        margin-top: -30px;
    }

    .service-item-list-even .about-us-wrapper h2,
    .service-item-list-odd .about-us-wrapper h2 {
        font-size: 15px;
        line-height: 28px;
    }

    .service-item-list-odd,
    .service-item-list-even {
        margin-bottom: 50px;
    }

    .mission-vission-wrapeer {
        margin: 0px;
    }

    .about-us-wrapper p {
        font-size: 12px;

    }

    .wrapping-padding {
        padding: 20px;
    }

    .service-section-wrapper {
        margin: 100px 0px 0px 0px;
    }

    .about-main-wrapper {
        margin: 50px 0px 0px 0px;
    }

    .navbar-default .navbar-nav>li>a {
        margin: 0px;
        padding: 10px 0px;
    }

    .team-carousel .swiper-button-prev,
    .team-carousel .swiper-rtl .swiper-button-next {
        width: 25px;
        height: 25px;
    }

    .best-deal-carousel .swiper-button-prev,
    .best-deal-carousel .swiper-rtl .swiper-button-next,
    .best-deal-carousel .swiper-button-next,
    .best-deal-carousel .swiper-rtl .swiper-button-prev .team-carousel .swiper-button-prev,
    .team-carousel .swiper-rtl .swiper-button-next,
    .team-carousel .swiper-button-next,
    .team-carousel .swiper-rtl .swiper-button-prev,
    .partner-arrival-carousel .swiper-button-next,
    .partner-arrival-carousel .swiper-rtl .swiper-button-prev,
    .partner-arrival-carousel .swiper-button-prev,
    .partner-arrival-carousel .swiper-rtl .swiper-button-next {
        width: 25px;
        height: 25px;
    }

    .swiper-button-prev,
    .swiper-button-next {
        top: var(--swiper-navigation-top-offset, 60%);
    }

    .footer-logo-wrapp {
        width: 100%;
        height: 100px;
        margin: 25px auto;
        text-align: center;
    }

    .footer-logo-wrapp img {
        max-width: 100%;
        max-height: 100%;
    }

    .send-query-btn {
        margin-top: 0;
        margin-bottom: 20px;
    }

    .send-query h4 {
        font-size: 12px;
    }

    .service-item-list-odd h2,
    .service-item-list-even h2 {
        font-size: 18px;
    }

    .vision-wrapper-content {
        height: 150px;
    }

    .patient-content-wrapper h3 {
        font-size: 18px;
    }

    .patient-content-wrapper form .form-control {
        font-size: 12px;
    }

}

/* Wide Mobile Layout: 480px. */

@media only screen and (min-width: 240px) and (max-width: 480px) {

    .dropdown-menu li a {
        font-size: 10px;
    }

    .mega-dropdown-menu .category-type {
        width: 100%;
        margin: 0px;
    }

    .mega-dropdown-menu .category-type a {
        font-size: 10px;
    }

    .breadcum-title-wrapper {
        top: 40%;
        transform: unset;
    }

    .breadcum-section-area {
        margin-top: 180px;

    }

    .navbar-header {
        width: 100%;
        display: block;
    }

    .navbar-brand>img {
        max-width: 100%;
        max-height: 100%;
        text-align: left;
        margin: 0;
    }

    .dialer-wrapper {
        float: left;
        width: 35%;
        margin-top: 15px;
        display: block;
        animation: pulse 1.5s infinite ease-in-out;
    }

    .dialer-wrapper a h4 {
        background: linear-gradient(182deg, #184271 22.54%, #E4282C 98.3%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .dialer-wrapper a img {
        width: 20px;
        margin-right: 10px;
    }

    input.form-control.search-input {
        height: 40px;
    }

    .mega-dropdown-menu {
        padding: 15px;
    }

    .mega-dropdown-menu .category-type {
        width: 100%;
    }

    .hotline-wrapper {
        margin: 0 auto;
        text-align: center;
    }

    .hotline-left {
        float: none;
        margin-right: 0;
        margin-top: 0;
    }

    .hotline-left img {
        width: 20px;
        height: 20px;
    }

    .hotline-right h3,
    .hotline-right h4 {
        font-size: 18px;
    }

    .login-wrapper {
        margin: 0 auto;
        text-align: center;
    }

    .btn-custom {
        padding: 10px 40px;
        font-size: 14px;
    }

    .navbar-toggle {
        padding: 0;
        margin: 0;
        margin-top: 15px;
    }

    .fixedwrapper {
        top: 41%;
    }

    .fixedwrapper-facebook {
        top: 49.5%;
    }

    .fixedwrapper-whatsapp {
        top: 58%;
    }

    .calendar,
    .facebook,
    .whatsapp {
        width: 50px;
        height: 50px;
    }

    .hero-area .swiper-button-prev,
    .hero-area .swiper-button-next {
        width: 30px;
        height: 30px;
        top: var(--swiper-navigation-top-offset, 85%);
    }

    .hero-caption {
        top: 50%;
    }

    .hero-content-wrapper h4 {
        font-size: 24px;
        line-height: 25px;
    }

    .hero-content-wrapper h6 {
        font-size: 21px;
        margin-bottom: 0px;
    }

    .find-doctor-wrapper,
    .all-test-wrapper {
        height: 150px;
        padding: 5px;
    }

    .find-doctor-wrapper h4 {
        font-size: 13px;
        margin: 0;
    }

    .find-doctor-wrapper p {
        color: #fff;
        font-size: 10px;
        margin: 0;
    }

    .find-doctor-area {
        bottom: -10%;
    }

    .section-subtitle {
        font-size: 18px;
    }

    .section-title {
        font-size: 24px;
        line-height: 36px;
        margin-bottom: 0;
    }

    .new-arrival-nav {
        width: 100%;
        top: 30%;
        left: 0;
    }

    .dept-section-title-wrapper {
        margin: 100px 0px 30px;
    }

    .dept-btn-wrapper {
        margin-top: 0px;
    }

    .department-section-area {
        height: 450px;
    }

    .new-arrival-carousel .swiper-button-next,
    .new-arrival-carousel .swiper-rtl .swiper-button-prev {
        width: 30px;
        height: 30px;
        right: var(--swiper-navigation-sides-offset, 0px);
    }

    .new-arrival-carousel .swiper-button-prev,
    .new-arrival-carousel .swiper-rtl .swiper-button-next {
        width: 30px;
        height: 30px;
        left: var(--swiper-navigation-sides-offset, 0px);

    }

    .healthcare-content-wrapper ul li {
        margin-bottom: 30px;
        font-size: 14px;
    }

    .blog-list-header {
        height: 200px;
    }

    .subscribe-content-wrapper {
        height: auto;
        bottom: -100px;
        padding: 5px;
        right: 0;
        left: 0;
        position: relative;
    }

    .service-list ul li a {
        font-size: 14px;
    }

    .footer-item-wrapper h4 {
        margin-bottom: 10px;
        font-size: 12px;
    }

    .mail-icon-img-wrapper {
        height: 25px;
        width: 25px;
    }

    .subscribe-content-wrapper h4 {
        font-size: 16px;
        text-align: center;
    }

    .best-deal-nav {
        left: 0;
        width: 100%;
    }

    .about-us-wrapper h2 {
        font-size: 24px;
        text-align: left !important;
    }

    .blog-list-right-item {
        margin-bottom: 30px;
    }

    .appointment-section-wrapper {
        margin: 50px 0px;
    }

    .appoint-title-wrapper h1 {
        font-size: 24px;
        margin-bottom: 10px;
    }

    .patient-content-wrapper {
        margin: 80px 0px;
    }

    .patient-content-wrapper h6 {
        margin-bottom: 20px;
    }

    .booking-btn-wrapper {
        text-align: center;
    }

    .booking-btn-wrapper .btn-common,
    .booking-btn-wrapper .btn-custom {

        padding: 10px 20px;
        margin-right: 5px;
        font-size: 14px;

    }

    .career-content-wrapper {
        margin: 225px 0px 50px 0px;
    }

    .career-content-wrapper h4 {
        font-size: 28px;
        line-height: 40px;
    }

    .subscribe-content-wrapper .form-inline .form-group {
        width: 100%;
    }

    .mail-icon-img-wrapper {
        margin: 0 auto;
        text-align: center;
    }

    .subscribe-content-wrapper h6 {
        text-align: center;
    }

    .subscribe-content-wrapper form.form-inline {
        text-align: center;
    }

    .packages-container .item-content .note {
        margin-bottom: 0;
    }

    .search-item-list-inner {
        width: 100%;
    }

    .main-footer-area {
        height: auto;
    }

    .social-list {
        margin-top: 0;
    }

    .concern-arrival-carousel {
        margin-bottom: 0;
    }

    .send-query {
        margin-top: 0;
    }

    .send-query-btn {
        margin-top: 0;
        margin-bottom: 20px;
    }

    .footer-copyright {
        font-size: 10px;
    }

    .footer-logo-wrapp {
        width: 100%;
        height: 100px;
        margin: 25px auto;
        text-align: center;
    }

    .footer-logo-wrapp img {
        max-width: 100%;
        max-height: 100%;
    }

    /* .pl-n {
        padding-left: 15px !important;
    }

    .pr-n {
        padding-right: 15px !important;
    } */

    .vission-wrapper,
    .mission-wrapper,
    .motto-wrapper {
        margin-bottom: 15px;
        height: 300px;
    }

    .board-img-content {
        margin-top: 0;
    }

    .service-item-list-odd .board-title-footer,
    .service-item-list-even .board-title-footer {
        margin-top: -30px;
    }

    .service-item-list-even .about-us-wrapper h2,
    .service-item-list-odd .about-us-wrapper h2 {
        font-size: 15px;
        line-height: 28px;
    }

    .service-item-list-odd,
    .service-item-list-even {
        margin-bottom: 50px;
    }

    .mission-vission-wrapeer {
        margin: 0px;
    }

    .about-us-wrapper p {
        font-size: 12px;

    }

    .wrapping-padding {
        padding: 20px;
    }

    .service-section-wrapper {
        margin: 100px 0px 0px 0px;
    }

    .about-main-wrapper {
        margin: 50px 0px 0px 0px;
    }

    .navbar-default .navbar-nav>li>a {
        margin: 0px;
        padding: 10px 0px;
    }

    .best-deal-carousel .swiper-button-prev,
    .best-deal-carousel .swiper-rtl .swiper-button-next,
    .best-deal-carousel .swiper-button-next,
    .best-deal-carousel .swiper-rtl .swiper-button-prev .team-carousel .swiper-button-prev,
    .team-carousel .swiper-rtl .swiper-button-next,
    .team-carousel .swiper-button-next,
    .team-carousel .swiper-rtl .swiper-button-prev,
    .partner-arrival-carousel .swiper-button-next,
    .partner-arrival-carousel .swiper-rtl .swiper-button-prev,
    .partner-arrival-carousel .swiper-button-prev,
    .partner-arrival-carousel .swiper-rtl .swiper-button-next {
        width: 25px;
        height: 25px;
    }

    .swiper-button-prev,
    .swiper-button-next {
        top: var(--swiper-navigation-top-offset, 60%);
    }

    .send-query h4 {
        font-size: 12px;
    }

    .service-item-list-odd h2,
    .service-item-list-even h2 {
        font-size: 18px;
    }

    .vision-wrapper-content {
        height: 150px;
    }

    .patient-content-wrapper h3 {
        font-size: 18px;
    }

    .patient-content-wrapper form .form-control {
        font-size: 12px;
    }

}