@media only screen and (min-width:991px) and (max-width:1199px) {
    .topbar-content li {
        margin-right: 5px
    }
    .topbar-content .topbar-detail {
        padding-left: 0
    }
    .h-menu-right {
        display: none
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .top-link {
        margin: 0;
        text-align: center
    }
    .top-link li a {
        font-size: 15px
    }
    .topbar-content {
        display: none
    }
    .home-2 .topbar-content {
        display: flex;
        justify-content: center;
        float: unset
    }
    .home-2 .popup-search-box form {
        padding: 20px
    }
    .home-2 .popup-search-box form button {
        top: 18px;
        right: 18px
    }
    .home-2 .top-link {
        display: none
    }
    .navigation li a {
        padding: 30px 5px;
        font-size: 15px
    }
    .header .nav-menu li .sub-menu {
        width: 200px
    }
    .h-menu-right {
        display: none
    }
    .single-slider {
        height: 500px
    }
    .hero-content {
        margin: 93px 0;
        padding-right: 0
    }
    .hero-content h1 {
        font-size: 35px;
        line-height: 47px
    }
    .hero-content p {
        font-size: 15px
    }
    .hero-button {
        margin-top: 30px
    }
    .features-icon i {
        font-size: 30px;
        width: 75px;
        height: 75px;
        line-height: 60px;
        border: 6px solid #8ac5ff
    }
    .single-features:hover .features-icon i {
        border: 6px solid #1a76d1
    }
    .about-content {
        padding: 0;
        margin-top: 30px
    }
    .about-content h3 {
        font-size: 35px;
        margin-bottom: 20px
    }
    .single-fact {
        padding: 30px
    }
    .department-tab-menu .menu-tab .nav-item {
        margin-right: 25px
    }
    .department-tab-menu .menu-tab .nav-item:nth-child(4) {
        margin-right: 0
    }
    .department-tab-menu .menu-tab .nav-item:nth-child(5) {
        margin-bottom: 0
    }
    .department-tab-menu {
        margin-bottom: 50px
    }
    .department-tab-menu .menu-tab a {
        padding: 20px;
        width: 150px
    }
    .department-tab-menu .menu-tab .nav-item {
        margin-bottom: 30px
    }
    .department-image {
        margin-top: 30px
    }
    .testimonial-area .owl-carousel .owl-controls {
        position: absolute;
        bottom: -60px;
        left: 50%;
        margin-left: -65px;
        z-index: 999
    }
    .doctors-area .owl-carousel .owl-nav .owl-prev {
        left: -30px
    }
    .doctors-area .owl-carousel .owl-nav .owl-next {
        right: -30px
    }
    .mission-img {
        margin-top: 30px
    }
    .news-letter-area {
        padding: 40px 100px 70px
    }
    .news-letter-content {
        text-align: center
    }
    .news-letter-content h3 {
        font-size: 35px
    }
    .n-email-submit {
        padding: 0
    }
    .footer-top {
        padding: 50px 0 80px
    }
    .single-widget.footer-q-links {
        padding: 0
    }
    .copyright {
        padding-bottom: 30px
    }
    .breadcrumbs {
        padding: 100px 0
    }
    .breadcrumbs h4 {
        font-size: 35px
    }
    .register-area .box-head h2 {
        font-size: 30px
    }
    .login-box .box-head h2 {
        font-size: 30px
    }
    .sidebar {
        margin-top: 50px
    }
    .contact-form {
        padding: 0;
        margin-top: 30px
    }
    .single-c-content h5 {
        font-size: 18px
    }
    .single-c-content span {
        font-size: 14px
    }
    .appoinment-img {
        margin: 0;
        margin-top: 30px
    }
    .doctor-d-title h4 {
        font-size: 20px
    }
    .doctor-d-title p {
        font-size: 15px
    }
}

@media only screen and (max-width:767px) {
    .mobile-nav {
        display: block
    }
    .mobile-nav {
        position: relative;
        z-index: 5000
    }
    .slicknav_menu .slicknav_menutxt {
        text-shadow: none;
        font-family: inherit
    }
    .slicknav_nav .slicknav_row,
    .slicknav_nav a {
        padding: 0;
        margin: 0
    }
    .slicknav_nav li,
    .slicknav_nav ul {
        display: block;
        margin-bottom: 10px
    }
    .slicknav_nav li:last-child {
        margin: 0
    }
    .slicknav_nav .slicknav_item a i {
        display: none
    }
    .slicknav_nav .slicknav_item a:hover {
        color: #1a76d1
    }
    .slicknav_nav a:hover,
    .slicknav_nav .slicknav_row:hover {
        color: #1a76d1;
        background: 0 0
    }
    .slicknav_btn {
        background: #1a76d1;
        position: absolute;
        top: -45px;
        right: -4px
    }
    .slicknav_btn:hover {
        background: #2c2d3f
    }
    .slicknav_menu {
        background: 0 0;
        padding: 0
    }
    .slicknav_menu ul.slicknav_nav {
        background: #2c2d3f;
        border-radius: 4px;
        padding: 15px;
        margin-top: 15px
    }
    .top-link li a {
        font-size: 15px
    }
    .top-link {
        margin: 0;
        text-align: center
    }
    .topbar-content {
        display: none
    }
    .home-2 .topbar-content {
        display: flex;
        justify-content: center;
        float: unset
    }
    .home-2 .popup-search-box form {
        padding: 20px
    }
    .home-2 .popup-search-box form button {
        top: 18px;
        right: 18px
    }
    .home-2 .top-link {
        display: none
    }
    .topbar-content li {
        font-size: 14px;
        margin: 0;
        margin-bottom: 20px
    }
    .topbar-content li span {
        font-size: 16px
    }
    .top-logo {
        width: 200px
    }
    .main-menu {
        display: none
    }
    .h-menu-right {
        display: none
    }
    .header {
        padding: 15px 0
    }
    .hero-area .owl-carousel .owl-nav {
        display: none
    }
    .single-slider {
        height: 500px;
        background-size: auto
    }
    .hero-content {
        margin: 50px 0;
        padding: 0;
        text-align: center
    }
    .hero-content span {
        font-size: 16px;
        margin-bottom: 10px;
        padding-left: 45px
    }
    .hero-content span::before {
        width: 40px;
        left: 30px
    }
    .hero-content h1 {
        font-size: 30px;
        margin-bottom: 10px;
        line-height: 38px
    }
    .hero-content p {
        font-size: 15px
    }
    .hero-button {
        margin-top: 30px
    }
    .hero-button .theme-btn {
        display: block;
        text-align: center;
        margin: 0;
        margin-bottom: 10px;
        padding: 12px 10px;
        font-size: 14px
    }
    .hero-button .theme-btn:last-child {
        margin-bottom: 0
    }
    .features-area {
        padding: 70px 0
    }
    .feature-s-title h3 {
        font-size: 30px
    }
    .about-area {
        padding: 70px 0
    }
    .about-content {
        padding: 0;
        margin-top: 30px
    }
    .about-content span {
        font-size: 15px
    }
    .about-content h3 {
        font-size: 25px;
        margin-bottom: 15px
    }
    .about-bottom-content {
        display: block
    }
    .about-b-sign {
        margin-top: 20px
    }
    .section-title {
        padding: 0
    }
    .section-title h3 {
        font-size: 35px
    }
    .service-area {
        padding: 70px 0
    }
    .department-area {
        padding: 70px 0
    }
    .department-tab-menu .menu-tab .nav-item {
        margin: 10px
    }
    .department-tab-menu .menu-tab .nav-item:nth-child(6) {
        margin: 10px
    }
    .department-tab-menu {
        margin-bottom: 20px
    }
    .department-tab-menu .menu-tab span {
        font-size: 15px;
        margin-top: 5px;
        font-weight: 500
    }
    .department-tab-menu .menu-tab i {
        font-size: 35px
    }
    .department-tab-menu .menu-tab a {
        padding: 20px;
        width: 123px
    }
    .department-inner-content h4 {
        font-size: 25px
    }
    .department-image {
        margin-top: 30px
    }
    .single-testimonial {
        padding: 25px
    }
    .testimonial-area .owl-carousel .owl-controls {
        position: absolute;
        left: 50%;
        margin-left: -117px
    }
    .doctors-area {
        padding: 70px 0
    }
    .doctors-area .owl-carousel .owl-nav .owl-prev {
        left: -10px
    }
    .doctors-area .owl-carousel .owl-nav .owl-next {
        right: -10px
    }
    .our-mission-area {
        padding: 70px 0
    }
    .mission-content h3 {
        font-size: 30px;
        line-height: 38px;
        margin-bottom: 15px
    }
    .mission-img {
        margin-top: 30px
    }
    .pricing-area {
        padding: 70px 0
    }
    .pricing-head h5 {
        font-size: 17px
    }
    .appoinment-area {
        padding: 70px 0
    }
    .appoinment-inner {
        padding: 30px
    }
    .appoinment-title h3 {
        font-size: 26px
    }
    .blog-area {
        padding: 70px 0
    }
    .b-author-content {
        margin-left: 13px
    }
    .single-blog-content .top-meta {
        margin-bottom: 15px
    }
    .partner-area {
        padding: 40px 0
    }
    .news-letter-area {
        padding: 40px 0 70px
    }
    .news-letter-content {
        text-align: center
    }
    .news-letter-content h3 {
        font-size: 25px;
        margin-bottom: 10px
    }
    .n-email-submit {
        padding: 0
    }
    .email-box {
        margin-top: 30px
    }
    .e-submit-btn .theme-btn {
        padding: 8px 25px;
        border-radius: 100px
    }
    .n-email-submit input {
        height: 55px;
        padding: 10px 132px 10px 20px;
        font-size: 14px
    }
    .e-submit-btn {
        position: absolute;
        top: 6px;
        right: 6px
    }
    .footer-top {
        padding: 40px 0 70px
    }
    .single-widget.footer-q-links {
        padding: 0
    }
    .copyright {
        padding-bottom: 30px
    }
    .copyright-box {
        padding: 20px
    }
    .c-left-content {
        text-align: center
    }
    .c-right-content {
        text-align: center;
        margin-top: 5px
    }
    .breadcrumbs {
        padding: 70px 0
    }
    .breadcrumbs h4 {
        font-size: 35px
    }
    .doctors-area.doctor-page {
        padding: 40px 0 70px
    }
    .doctor-details-area {
        padding: 40px 0 70px
    }
    .doctor-details-img img {
        width: 180px
    }
    .doctor-details-meta h3 {
        font-size: 20px
    }
    .doctor-title-meta h3 {
        font-size: 25px
    }
    .service-details-area {
        padding: 40px 0 70px
    }
    .service-d-description h3 {
        font-size: 25px
    }
    .service-d-description {
        margin: 0
    }
    .service-d-list-inner {
        margin-top: 30px
    }
    .service-d-list-1 {
        margin-bottom: 30px
    }
    .single-s-list {
        margin-bottom: 30px
    }
    .sidebar-about-content li a {
        font-size: 14px
    }
    .sidebar-about-content li i {
        width: 43px;
        height: 43px;
        line-height: 43px
    }
    .apppoinment-page-area {
        padding: 70px 0
    }
    .appoinment-img {
        margin: 0;
        margin-top: 30px
    }
    .register-area {
        padding: 70px 0
    }
    .register-area .account-box {
        padding: 30px
    }
    .register-area .account-box-head h2 {
        font-size: 25px
    }
    .register-area .account-box-head p {
        padding: 0
    }
    .register-area .bottom-content p {
        margin: 0;
        margin-bottom: 25px
    }
    .login-bottom-content.bottom-content p {
        margin: 0
    }
    .faq-area {
        padding: 50px 0 70px
    }
    .faq-area .faq-title a,
    .faq-area .panel .faq-title a.collapsed {
        font-size: 15px
    }
    .faq-area .faq-title b {
        font-size: 16px;
        margin-right: 5px
    }
    .faq-area .faq-body {
        padding: 0 15px
    }
    .mail-success-area {
        padding: 70px 0
    }
    .mail-success-content h3 {
        font-size: 25px
    }
    .eror-page-area {
        padding: 70px 0
    }
    .eror-content h3 {
        font-size: 25px
    }
    .blog-archive-area {
        padding: 40px 0 70px
    }
    .pagination li a {
        width: 35px;
        height: 35px;
        line-height: 38px
    }
    .pagination {
        margin: 30px 0 0
    }
    .blog-sidebar .b-search-widget input {
        padding: 10px 65px 10px 15px
    }
    .blog-single-post {
        padding: 40px 0 70px
    }
    .blog-s-title h3 a {
        font-size: 25px;
        line-height: 30px
    }
    .blog-single-meta span {
        font-size: 15px;
        margin-right: 15px
    }
    .single-content blockquote {
        padding: 25px 20px
    }
    .single-content blockquote h3 {
        font-size: 20px
    }
    .single-content blockquote span {
        margin-bottom: 10px;
        font-weight: 600
    }
    .single-content blockquote i {
        right: 0
    }
    .share-tag {
        text-align: left;
        margin-top: 20px
    }
    .blog-share {
        text-align: left;
        margin-top: 20px
    }
    .post-tag li {
        margin-right: 5px
    }
    .prev-post span {
        font-size: 14px
    }
    .prev-post a {
        font-size: 17px
    }
    .prev-post {
        padding-left: 60px;
        position: relative
    }
    .prev-post a i {
        position: absolute;
        width: 45px;
        height: 45px;
        line-height: 45px;
        font-size: 17px
    }
    .next-post a i,
    .prev-post a i {
        top: 3px
    }
    .next-post span {
        font-size: 14px
    }
    .next-post a {
        font-size: 17px
    }
    .next-post a i {
        position: absolute;
        width: 45px;
        height: 45px;
        line-height: 45px;
        font-size: 17px
    }
    .detail-post-navigation {
        display: block;
        margin: 50px 0;
        padding: 20px
    }
    .next-post {
        padding-right: 60px;
        margin-top: 20px
    }
    .body-top h6 {
        font-size: 20px
    }
    .body-top .date-meta {
        font-size: 15px
    }
    .single-comments .head {
        margin: 0;
        margin-bottom: 15px
    }
    .comment-list {
        display: block;
        margin-left: 0;
        padding: 20px;
        margin-top: 30px;
        margin-bottom: 30px
    }
    .single-comments .body {
        width: 100%
    }
    .single-comments .main {
        display: block
    }
    .comment-form .form-group input {
        padding: 10px 15px
    }
    .comment-title h3 {
        font-size: 25px
    }
    .comment-title {
        margin-bottom: 30px
    }
    .comment-form {
        padding: 20px
    }
    .comment-form .form-group input {
        font-size: 13px
    }
    .comment-form .form-group textarea {
        font-size: 13px
    }
    .contact-area {
        padding: 70px 0
    }
    .contact-details-title {
        margin-bottom: 30px
    }
    .contact-details {
        margin-top: 0;
        padding: 20px
    }
    .contact-form .form-group {
        margin-bottom: 20px
    }
    .contact-details-title span {
        font-size: 15px
    }
    .contact-details-title h4 {
        font-size: 25px
    }
    .single-c-content {
        padding-left: 60px
    }
    .single-c-content h5 {
        font-size: 18px
    }
    .single-c-details {
        margin-bottom: 20px
    }
    .contact-inner {
        padding: 20px
    }
    .contact-form {
        padding: 0;
        margin-top: 30px
    }
    .blog-s-conunter li {
        display: block;
        margin-bottom: 15px;
        border: none;
        padding: 0
    }
    .doctor-d-title {
        margin: 0;
        margin-top: 20px
    }
    .d-details-address li:nth-child(3) {
        margin-bottom: 10px
    }
    .doctor-d-title h4 {
        font-size: 20px
    }
    .doctor-d-title p {
        font-size: 15px
    }
    .doctor-details-bottom {
        padding: 20px
    }
    .single-d-widget {
        padding: 20px
    }
    .doctor-d-top::before {
        height: 270px
    }
}