/* Responsive Styles 
–––––––––––––––––––––––––––––––––––––––––––––––––– */

@media only screen and (max-width: 1199px) {
    .top-bar .bar-content ul li,
    .top-bar2 .bar-content ul li {
        margin-right: 8px;
    }
    .top-bar .bar-content ul li:last-child,
    .top-bar2 .bar-content ul li:last-child {
        margin-right: 0;
    }
    .top-bar .bar-content ul li img {
        margin-right: 4px;
    }
    .logo-area .main-menu ul li a,
    .logo-area2 .main-menu ul li a,
    .logo-area3 .main-menu ul li a {
        margin-right: 3px;
    }
    .logo-area .main-menu ul li:last-child,
    .logo-area2 .main-menu ul li:last-child {
        margin-left: 8px;
    }
    .service-area .services-lft .service-box,
    .service-area .services-ryt .service-box {
        margin-bottom: 10px;
    }
    .service-area .services-lft,
    .service-area .services-ryt {
        padding-top: 25px;
    }
    .department .nav a.nav-link {
        width: 100%;
    }
    .logo-area2 .main-menu ul li:last-child span button {
        font-size: 14px;
    }
    .Appointment .app-box {
        margin-top: 15px;
    }
    .pricing-box2 {
        margin-bottom: 30px;
    }
    .contact-two .contact-box {
        padding: 20px 12px;
    }
}

@media only screen and (max-width: 991px) {
    .h-about .shedule-box {
        margin-top: 0;
    }
    .h-about .about-box {
        padding: 20px 0;
    }
    .top-bar .top-social ul li:last-child {
        display: none;
    }
    .top-bar .top-social {
        margin-top: 12px;
    }
    .logo-area .main-menu ul li.msearch-bar,
    .logo-area2 .main-menu ul li.appo-box {
        display: none;
    }
    .service-area .service-image img {
        display: none;
    }
    .service-area {
        padding-bottom: 70px;
    }
    .h-about .about-box ul li:nth-child(1) {
        width: 100%;
    }
    .h-about .shedule-box .open-hr ul li {
        font-size: 14px;
    }
    .department .nav a.nav-link {
        width: 33.3%;
        padding: 10px;
    }
    .department .image-box {
        display: none;
    }
    .department .nav a.nav-link p {
        font-size: 13px;
    }
    .counter-area .counter-box:before,
    .counter-area .counter-box:after {
        width: 25px;
    }
    .news .news-box .news-heading,
    .news .news-box .news-content {
        padding: 0 8px;
    }
    .news .news-box .news-content p {
        font-size: 15px;
    }
    .department-two .nav a.nav-link {
        width: 17%;
        padding: 25px 0;
    }
    .pricing .pricing-box {
        padding: 25px 15px;
    }
    .faq .faq-box .card .card-header a span {
        font-size: 15px;
        top: 6px;
        left: 15%;
    }
    .blog-six .blog-box.d-flex {
        display: inherit !important;
    }
    .blog-six .blog-box .blog-image a img {
        max-width: 100%;
    }
}

@media only screen and (max-width: 767px) {
    .service-desktop {
        display: none;
    }
    .service-mobile {
        display: block;
    }
    .home-slider .slider-wrapper .owl-nav .owl-next,
    .home-slider .slider-wrapper .owl-nav .owl-prev {
        display: none;
    }
    .mean-container .mean-bar {
        position: fixed;
        box-shadow: 0 0 20px -10px rgba(0, 0, 0, 0.4);
    }
    .footer h3,
    .footer h2 {
        font-size: 16px;
    }
    .contact-three .contact-form form p input {
        margin-bottom: 12px;
    }
    .contact-three .contact-form form p input {
        height: 34px;
        font-size: 14px;
    }
    .contact-three .contact-form form p textarea {
        margin-bottom: 12px;
        font-size: 14px;
        padding: 10px 15px;
    }
    .department .department-top h4,
    .title h4 {
        margin-bottom: 25px;
    }
    .m_mobile {
        display: block;
    }
    .m_desktop {
        display: none;
    }
    .footer {
        padding: 40px 0 20px;
    }
    .gallery ul.gallery-filter {
        margin-bottom: 30px;
    }
    .gallery ul.gallery-filter li {
        margin: 8px;
    }
    .contact-three .contact-box.m_m-0:last-child {
        margin-bottom: 0;
    }
    .home-slider .slider-wrapper .slider-item .slider-table .slider-tablecell h1,
    .breadcrumb-area h2 {
        font-size: 24px;
    }
    .home-slider .slider-wrapper .slider-item .slider-table .slider-tablecell p {
        font-size: 15px;
    }
    .home-slider .slider-wrapper .slider-item .slider-table .slider-tablecell a {
        font-size: 14px;
        padding: 10px 20px;
    }
    .home-slider .slider-wrapper .slider-item {
        max-height: 250px;
    }
    .service-area,
    .h-about .about-box,
    .department,
    .testimonial,
    .gallery,
    .counter-area,
    .news,
    footer,
    .welcome-area,
    .about-service,
    .service-three,
    .department-two,
    .service-details,
    .Appointment,
    .pricing,
    .faq,
    .faq-two,
    .contact-two,
    .contact-three,
    .blog,
    .blog-two,
    .blog-three,
    .blog-four,
    .blog-five,
    .blog-six,
    .blog-details {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .service-area .service-top h4,
    .h-about .about-box h4,
    .department .department-top h4,
    .department .tab-content .tab-pane .box-heading h4,
    .specialist .specialist-top h4,
    .gallery .gallery-top h4,
    .news .news-top h4,
    footer .findus h4,
    footer .qlink h4,
    footer .tpost h4,
    footer .newsletter h4,
    .welcome-area .welcome-box h4,
    .about-service .service-top h4,
    .service-three .service-top h4,
    .service-details .sd-box .sd-top h4,
    .department-two .department2-top h4,
    .department-two .tab-content .tab-pane .content-box h4,
    .doctor-list .d-list-top h4,
    .doc-details .doc-pro h4,
    .Appointment .app-box h4,
    .pricing .pricing-top h4,
    .contact .contact-box-tp h4,
    .contact .contact-form h4,
    .contact-two .contact-form h4,
    .contact-three .contact-form h4,
    .contact-three .contact-box-tp h4,
    .blog-details .blog-d-box .image-content h4,
    .blog-details .blog-d-box .blog-comment h4,
    .title h4 {
        font-size: 20px;
    }
    .service-area .service-top p,
    .h-about .about-box p,
    .department .department-top p,
    .specialist .specialist-top p,
    .testimonial .testimonial-top p,
    .gallery .gallery-top p,
    .news .news-top p,
    .welcome-area .welcome-box p,
    .about-service .service-top p,
    .service-three .service-top p,
    .service-details .sd-box .sd-top p,
    .service-details .sd-box .sd-mdl p,
    .department-two .department2-top p,
    .department-two .tab-content .tab-pane .content-box p,
    .doctor-list .d-list-top p,
    .doc-details .doc-pro p,
    .pricing .pricing-top p,
    .blog-details .blog-d-box .image-content p {
        font-size: 15px;
        margin-bottom: 30px;
    }
    .service-area .services-lft .service-box,
    .service-area .services-ryt .service-box,
    .about-service .service-box {
        margin-bottom: 15px;
    }
    .h-about .shedule-box {
        padding: 35px;
        margin-bottom: 50px;
    }
    .department .tab-content .tab-pane .image-box img {
        display: none;
    }
    .department .tab-content .tab-pane .image-box a,
    .department-two .tab-content .tab-pane .content-box a,
    .Appointment .app-box form button {
        font-size: 14px;
        padding: 6px 20px;
        float: inherit;
    }
    .department .tab-content .tab-pane .content-box ul {
        margin-bottom: 25px;
    }
    .department .tab-content .tab-pane {
        padding-bottom: 28px;
    }
    .specialist {
        padding-bottom: 55px;
    }
    .testimonial {
        padding-bottom: 100px;
    }
    .gallery .gallery-items .grid-item .gallery-content img {
        width: 100%;
    }
    .counter-area .counter-box {
        max-width: 250px;
        margin: 0 auto;
        margin-bottom: 35px;
    }
    .news .news-box {
        margin-bottom: 25px;
    }
    footer .findus,
    footer .qlink,
    footer .tpost {
        margin-bottom: 35px;
    }
    .welcome-area .welcome-box {
        margin-bottom: 35px;
    }
    .welcome-area .welcome-box a {
        font-size: 14px;
        padding: 6px 15px;
    }
    .about-specialist {
        padding-top: 50px;
    }
    .service-details .sd-box .sd-head,
    .doc-details .open-hr {
        margin-bottom: 35px;
    }
    .service-details .sd-box .sd-head.d-flex {
        display: inherit !important;
    }
    .department-two .nav a.nav-link {
        width: 45%;
        margin-bottom: 20px;
    }
    .department-two .tab-content .tab-pane .image-box img {
        display: none;
    }
    .doctor-list {
        padding: 50px 0 0;
    }
    .doc-details {
        padding: 50px 0 20px;
    }
    .doc-details .doc-image {
        text-align: center;
    }
    .doc-details .doc-pro span {
        font-size: 14px;
    }
    .Appointment .app-image img {
        display: none;
    }
    .faq-two .faq-qes ul li a,
    .faq-two .faq-ans .fa-ttl p {
        font-size: 15px;
        margin-bottom: 10px;
    }
    .error-page {
        padding: 20px 0 85px;
    }
    .coming-soon .cms-table .cms-tablecell .cms-box h1 {
        font-size: 42px;
    }
    .coming-soon .cms-table .cms-tablecell .cms-box .countdown-timer #timer-wrapper .timer-body-block .table-cell .tab-val {
        font-size: 32px;
    }
    .coming-soon .cms-table .cms-tablecell .cms-box .countdown-timer #timer-wrapper .timer-body-block .table-cell .tab-unit {
        font-size: 14px;
    }
    .coming-soon .cms-table .cms-tablecell .cms-box p {
        font-size: 18px;
    }
    .coming-soon {
        height: 500px;
    }
    .contact {
        padding: 50px 0 0;
    }
    .contact .social-link {
        margin-bottom: 30px;
    }
    .contact #map {
        margin-top: 50px;
    }
    .contact-two .contact-box {
        padding: 20px 25px;
        margin-bottom: 20px;
    }
    .contact-two .contact-form {
        margin-top: 25px;
    }
    .contact-two #map {
        margin-top: 50px;
    }
    .contact-three #map {
        margin-bottom: 35px;
    }
    .contact-three .contact-form {
        margin-bottom: 30px;
    }
    .contact-three .contact-box .contact-content p,
    .blog-five .blog-box .blog-content p {
        font-size: 14px;
    }
    .contact-three .social-link ul li {
        margin-right: 0;
    }
    .blog-three .blog-box.d-flex {
        display: inherit !important;
    }
    .blog-three .blog-box .blog-image a img {
        max-width: 100%;
    }
    .blog-three .blog-box .blog-content {
        padding: 15px 20px 25px;
    }
    .blog-four .pagination-box,
    .blog-five .pagination-box,
    .blog-six .pagination-box {
        margin-bottom: 30px;
    }
    .blog-five .blog-box .blog-heading .heading-box h5 a {
        font-size: 18px;
    }
    .blog-details .blog-d-box {
        margin-bottom: 30px;
    }
}

@media only screen and (max-width: 575px) {
    footer .f-menu ul.menu li a {
        margin: 0;
    }
    .error-page {
        padding-top: 40px;
    }
    .error-page .error-box h1 {
        font-size: 100px;
    }
    .error-page .error-box h1 img {
        max-width: 80px;
        margin: 0 5px;
        margin-top: -25px;
    }
    .error-page .error-box h3 {
        font-size: 20px;
    }
    .error-page .error-box p {
        font-size: 16px;
        font-weight: 500;
    }
    .error-page .error-box a {
        font-size: 15px;
        padding: 8px 20px;
    }
    .blog-two .blog-box {
        max-width: 100%;
    }
    .blog-three .blog-box.d-flex {
        max-width: 99%;
    }
}

@media only screen and (max-width: 480px) {
    .department-two .nav a.nav-link {
        width: 100%;
    }
    .faq .faq-box .card .card-header a span {
        font-size: 14px;
        top: 6px;
        left: 13%;
    }
    .questions .faq-box .card .card-header a span {
        font-size: 14px;
        top: 13px;
        left: 16%;
    }
    .coming-soon .cms-table .cms-tablecell .cms-box form {
        width: 100%;
    }
    .coming-soon .cms-table .cms-tablecell .cms-box h1 {
        font-size: 24px;
        margin-bottom: 10px;
    }
    .coming-soon .cms-table .cms-tablecell .cms-box .countdown-timer #timer-wrapper .timer-body-block .table-cell .tab-val {
        font-size: 22px;
    }
    .coming-soon .cms-table .cms-tablecell .cms-box p {
        font-size: 16px;
    }
    .coming-soon .cms-table .cms-tablecell .cms-box .countdown-timer {
        margin-bottom: 12px;
    }
    .contact .contact-box .contact-content p {
        font-size: 14px;
    }
    .contact .social-link ul li {
        margin-right: 0;
    }
    .contact-two .contact-box {
        padding: 20px 0px;
    }
    .blog-three .blog-box.d-flex {
        max-width: 98%;
    }
    .blog-details .blog-d-box .blog-btns .share-btn ul li,
    .blog-details .blog-d-box .blog-btns .post-bfaf ul li {
        margin-right: 0;
    }
}

@media only screen and (max-width: 360px) {
    .department .profile-links a.nav-link {
        width: 50%;
    }
}

@media only screen and (max-width: 320px) {
    .faq .faq-box .card .card-header a span {
        font-size: 12px;
        top: 9px;
        left: 14%;
    }
    .questions .faq-box .card .card-header a span {
        font-size: 12px;
        top: 16px;
        left: 19%;
    }
}