@media (min-width: 992px) and (max-width: 1199px) {
    /** START OF : Video Poster **/
    .tabs-nav ul li a h2 {
        font-size: 32px;
    }
    /** END OF : Video Poster **/

    /** START OF : Gallery Area **/
    .gallery-area-icon a {
        width: 56px;
        height: 56px;
    }

    .gallery-area-icon .fancy-box {
        margin-left: 8px;
    }
    /** END OF : Gallery Area **/

    /** START OF : Subscribe Area **/
    .subscribe-form form input {
        width: 70%;
    }
    /** END OF : Subscribe Area **/

    /** START OF : Gallery Page **/
    .gallery-area-four-images .gallery-area-icon a {
        font-size: 20px;
        width: 42px;
        height: 42px;
    }
    /** END OF : Gallery Page **/

    /** START OF : Services Page **/
    .portfolio-heading-text {
        padding-top: 20px;
    }
    /** END OF : Services Page **/

    /** START OF : Blog Page **/
    .resent-post-image img {
        max-width: none;
    }

    .resent-post-text p {
        padding: 0 0 0 20px;
    }
    /** END OF : Blog Page **/

    /** START OF : About Us Page **/
    .best-left__content {
        padding: 50px 15px 0 15px;
    }
    .best-left__content form {
        padding-right: 0;
    }

    .best-right__bg {
        height: 100%;
    }
    /** END OF : About Us Page **/

    /** START OF : Contact Page **/
    .contact-nav ul li a {
        font-size: 12px;
    }
    /** END OF : Contact Page **/

    /** START OF : Home 1 Page **/
    .medical-departments-tabs-content__inner .medical-theme__inner .medical-theme-content {
        margin: -42px 15px 0px;
    }
    
    .medical-departments-tabs-nav ul li a {
        padding: 20px 12px;
    }
    
    .medical-departments-tabs-nav-text {
        padding-left: 12px;
        font-size: 12px;
    }
    
    .sec-themeever::after {
        width: 54%;
        right: -4%;
    }
    
    .isotop__content__inner span {
        font-size: 12px;
    }
    
    .isotop__content__inner h6 {
        font-size: 12px;
        margin: 4px 0;
    }
    /** END OF : Home 1 Page **/
}


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

@media (min-width: 992px) {
    .menu__arrow {
        display: none;
    }

    .menu li:hover .menu__dropdown {
        opacity: 1;
        visibility: visible;
    }

    .menu__dropdown ul {
        display: block;
        position: relative;
    }

    .menu__dropdown {
        position: absolute;
        display: block;
        width: 190px;
        top: 100%;
        opacity: 0;
        visibility: hidden;
        z-index: 999;
        transition: all 0.6s ease;
        background-color: var(--white-color);
    }

    .menu__dropdown ul li a {
        margin-left: 0;
        border-radius: 0;
        padding: 11px 10px;
    }

    .menu__dropdown ul::before, .menu__dropdown ul::after {
        content: "";
        position: absolute;
        width: 0;
        height: 5px;
        transition: all 0.6s ease;
    }

    .menu__dropdown ul::before {
        top: 0;
        left: 0;
        background-color: var(--light-green);
    }

    .menu__dropdown ul::after {
        bottom: 0;
        right: 0;
        background-color: var(--icon-color);
    }

    .menu ul li:hover .menu__dropdown ul::before, .menu ul li:hover .menu__dropdown ul::after {
        width: 100%;
    }
}

@media (max-width: 991px) {
    h2 {
        font-size: 30px;
    }

    h5 {
        font-size: 20px;
    }

    .mt-130 {
        margin-top: 60px;
    }
    
    .ptb-100 {
        padding: 60px 0;
    }
    
    .ptb-130 {
        padding: 60px 0;
    }

    .heading-title h5::after {
        height: 46px;
    }

    /** START OF : Header **/
    .header-main__top-content ul li a {
        font-size: 13px;
        padding-right: 12px;
    }

    .menu ul {
        display: block;
    }

    .menu ul li {
        border-top: 1px solid var(--border-color);
    }

    .menu ul li a {
        margin-left: 0;
        padding: 12px 20px;
        border-radius: 0;
    }

    .menu ul li a:hover {
        color: var(--black-color);
        background-color: var(--white-color);
    }

    .menu .active a:hover {
        color: var(--white-color);
        background-color: var(--light-green);
    }

    .mobile-hamburger {
        position: relative;
        width: 44px;
        height: 34px;
        border: 0;
        border: 1px solid var(--icon-color);
        border-radius: 4px;
        box-shadow: none;
        padding: 9px 10px;
    }

    .mobile-hamburger .bars {
        display: block;
        width: 100%;
        background-color: var(--icon-color);
        height: 2px;
        margin-bottom: 4px;
    }

    .menu {
        position: absolute;
        width: 100%;
        height: auto;
        top: -100%;
        left: 0;
        background-color: var(--white-color);
        z-index: 999;
        opacity: 0;
        visibility: hidden;
        transition: all 0.6s ease;
    }

    .is-open-menu .menu {
        top: 136px;
        opacity: 1;
        visibility: visible;
    }

    .menu__dropdown ul {
        position: relative;
        display: none;
        border-left: 0;
    }

    .menu__arrow {
        position: absolute;
        width: 45px;
        height: 45px;
        top: 0;
        right: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        border-left: 1px solid var(--border-color);
    }

    .menu__dropdown ul {
        position: relative;
        display: none;
        border-left: 0;
    }

    .menu__dropdown ul li a {
        font-size: 13px;
        padding: 8px 40px;
    }
    /** END OF : Header **/

    /** START OF : Banner **/
    .banner-slider__image {
        height: auto;
    }

    .services-area {
        position: relative;
    }

    .services-item__inner {
        position: relative;
        bottom: 0;
        display: block;
        padding: 8px;
        border-radius: 0;
    }

    .services-item__inner-contant {
        padding-left: 0;
    }

    .banner-carousel .owl-dots {
        display: block;
        width: 100%;
        text-align: center;
        right: 0;
    }

    .banner-carousel .owl-dots span {
        margin: 0 5px 0 0;
    }

    .banner-carousel .services-item__inner-img img {
        width: auto;
        height: 36px;
        margin-bottom: 8px;
    }

    .services-area .row .col-sm-6 {
        padding: 0;
    }
    /** END OF : Banner **/

    /** START OF : About Us **/
    .about-image {
        margin-bottom: 40px;
    }
    .about-timeline {
        margin: 40px 0;
    }
    /** END OF : About Us **/

    /** START OF : Appointment **/
    .appointment-image {
        margin: 60px 0;
    }

    .appointment-text {
        max-width: fit-content;
        padding: 40px 0px;
        margin: 0 auto;
    }

    .appointment-image {
        height: auto;
        background-position: center !important;
    }
    /** END OF : Appointment **/

    /** START OF : Video Poster **/
    .tabs-nav ul li a h2 {
        font-size: 20px;
    }
    /** END OF : Video Poster **/

    /** START OF : Meet Doctor **/
    .meet-doctor-swiper {
        margin-top: 40px;
    }
    /** END OF : Meet Doctor **/

    /** START OF : Gallery Page **/
    .gallery-area-three-images .gallery-area-icon a {
        font-size: 24px;
        width: 52px;
        height: 52px;
    }
    /** END OF : Gallery Page **/

    /** START OF : Prices **/
    .sec-table-area {
        margin-bottom: 60px;
    }
    /** END OF : Prices **/

    /** START OF : Services Page **/
    .sec-portfolio {
        padding-bottom: 60px;
    }

     .portfolio-heading-text {
        padding-top: 0;
    }
    /** END OF : Services Page **/

    /** START OF : About Us Page **/
    .best {
        display: block;
    }

    .best-left, .best-right {
        width: 100%;
        padding: 0 15px;
    }

    .best-left__content {
        max-width: 100%;
        float: inherit;
    }

    .best-left__content form {
        padding-right: 0;
    }
    /** END OF : About Us Page **/

    /** START OF : Contact Page **/
    .contact-nav ul {
        flex-wrap: wrap;
    }

    .contact-nav ul li {
        margin-bottom: 16px;
    }
    /** END OF : Contact Page **/

    /** START OF : Home 1 Page **/
    .medical-theme-image img {
        width: 100%;
    }

    .medical-theme-image-content {
        margin-bottom: 70px;
    }

    .counter .counter-count:nth-child(even) .counter__inner {
        padding: 120px 0 0 80px;
    }

    .medical-departments-tabs-nav {
        margin-bottom: 40px;
    }

    .major-expertise {
        margin-bottom: 40px;
    }

    .medical-departments-tabs-nav ul {
        display: flex;
        flex-wrap: wrap;
    }

    .medical-departments-tabs-nav ul li {
        display: inline-block;
        width: 50%;
    }

    .medical-departments-tabs-content__inner .medical-theme__inner .medical-theme-content::before {
        top: -76px;
    }

    .sec-themeever::after {
        width: 55%;
        right: -4%;
    }

    #filters button {
        margin-bottom: 8px;
    }

    .news-carousel__inner {
        max-width: 580px;
        margin: 0 auto;
    }
    /** END OF : Home 1 Page **/

    /** START OF : Services Page **/
    .portfolio__inner {
        padding-top: 40px;
    }

    .portfolio-icon__inner {
        top: 40px;
    }

    .portfolio__content {
        margin-top: 80px;
    }
    /** END OF : Services Page **/

    .header-main__top-content ul li a {
        color: var(--icon-color);
    }

    .about-timeline ul li a img {
        filter: grayscale(0%);
        opacity: 1;
    }

    .about-timeline ul li a::before, .about-timeline ul li a::after {
        background-color: var(--icon-color);
    }

    .form-control-icon {
        margin-bottom: 20px;
    }

    .appointment a {
        background-color: var(--icon-color);
    }

    .services-icon-text .services-icon {
        background-color: var(--icon-color);
    }

    .services-icon-text h5, .services-icon-text a, .services-icon-text .read-btn i::after {
        color: var(--icon-color);
    }

    .meet-doctor-swiper-social ul li a {
        color: var(--white-color);
        background-color: var(--light-green);
    }

    .gallery-area__inner .gallery-area-overlay {
        opacity: 1;
    }

    .gallery-area__inner .gallery-area-icon {
        top: 50%;
    }

    .gallery-area-icon a i {
        color: var(--icon-color);
    }

    .subscribe-form form .sign-btn {
        color: var(--light-green);
        border-color: var(--light-green);
    }

    .footer-main__bottom-social ul li a {
        color: var(--icon-color);
        background-color: var(--white-color);
    }

    .about-page-timeline ul li a span {
        color: var(--icon-color);
    }

    .best-left__content form .submit-imput {
        color: var(--text-color);
        background-color: var(--white-color);
    }

    .blog__footer-link ul li a {
        color: var(--icon-color);
    }

    .blog__footer .read-btn {
        color: var(--white-color);
        background-color: var(--icon-color);
    }

    .portfolio-heading-text .read-btn i::after {
        background-color: var(--icon-color);
    }

    .portfolio-heading-text .read-btn {
        color: var(--icon-color);
    }

    .blog-left__inner form .submit {
        background-color: var(--light-green);
    }

    .resent-post .resent-post-text p {
        color: var(--icon-color);
    }

    .recent-comments ul li a, .meta ul li a {
        color: var(--recent-hover-color);
    }

    .archive ul li a {
        color: var(--icon-color);
    }

    .contact__inner form .submit-imput {
        border: 1px solid var(--border-color);
        background-color: var(--icon-color);
    }

    .doctor-swiper2-image .doctor-swiper2-social ul {
        transform: scale(1);
    }

    .doctor-swiper2-image img {
        transform: scale(1.2);
    }

    .call__content-tel a h2 {
        background-color: var(--icon-color);
    }

    .gallery-area__inner img {
        transform: translateY(0);
    }

    .medical-theme__inner .medical-theme-image .medical-theme-image-skew {
        transform: rotate(0deg);
    }

    .medical-theme__inner .medical-theme-image::after {
        top: 0;
    }

    .medical-theme__inner .medical-theme-content {
        top: 46px;
    }

    .medical-theme__inner .medical-theme-content .medical-theme-content__inner, .medical-theme__inner .medical-theme-content::before {
        border-color: var(--light-green);
    }

    .themeever-btn::before {
        background-color: var(--title-color);
        transform: scaleX(1);
        transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    }

    .isotop-image .isotop-image__overlay {
        top: 0;
    }

    .team__content::before {
        transform: scaleY(0);
        transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    }

    .portfolio-icon .portfolio-icon__inner {
        background-color: var(--icon-color);
    }

    .medical-departments-tabs-nav ul li a:hover {
        background-color: var(--white-color);
    }

    .medical-departments-tabs-nav ul .active a:hover {
        background-color: var(--light-green);
    }

    .medical-departments-tabs-nav ul .active a .medical-departments-tabs-nav-image-1 {
        display: none !important;
    }

    .medical-departments-tabs-nav ul .active a .medical-departments-tabs-nav-image-2 {
        display: block;
    }

    .medical-departments-tabs-nav ul li a .medical-departments-tabs-nav-image-1 {
        display: block !important;
    }
}

@media (max-width: 767px){
    h1 {
        font-size: 32px;
    }

    h2 {
        font-size: 26px;
    }

    h5 {
        font-size: 20px;
    }
    
    .mt-130 {
        margin-top: 40px;
    }
    
    .ptb-100 {
        padding: 40px 0;
    }
    
    .ptb-130 {
        padding: 40px 0;
    }

    .header-main__top-content ul li a {
        font-size: 14px;
        padding-right: 25px;
    }

    .header-main__top .appointment {
        display: none;
    }

    /** START OF : Appointment **/
    .appointment-form {
        margin-bottom: 40px;
    }

    .appointment-image {
        margin: 40px 0;
    }
    /** END OF : Appointment **/

    /** START OF : Video Poster **/
    .tabs-nav ul {
        display: block;
    }

    .tabs-nav ul li {
        width: 100%;
        margin-bottom: 4px;
    }
    /** END OF : Video Poster **/

    /** START OF : Gallery Area **/
    .gallery-area-icon .fancy-box {
        margin-left: 16px;
    }
    /** END OF : Gallery Area **/

    /** START OF : Subscribe Area **/
    .subscribe-form form {
        display: block;
    }

    .subscribe-form form input {
        width: 100%;
        margin: 0 0 30px 0;
    }

    .subscribe-form form .sign-btn {
        padding: 7px 20px;
    }
    /** END OF : Subscribe Area **/

    /** START OF : Footer **/
    .footer-main__bottom-text-social {
        display: block;
    }

    .footer-main__bottom-text p {
        text-align: center;
        margin-bottom: 15px;
    }

    .footer-main__bottom-social ul {
        justify-content: center;
    }
    /** END OF : Footer **/
    
    /** START OF : Doctor Page **/
    .call__inner {
        margin-bottom: 30px;
    }
    /** END OF : Doctor Page **/

    /** START OF : Services Page **/
    .portfolio-heading-text {
        padding-top: 40px;
    }
    /** END OF : Services Page **/
    
    /** START OF : Blog Page **/
    .blog__footer, .blog__footer-link ul {
        display: block;
    }

    .blog__footer-link ul {
        margin-bottom: 8px;
    }
    
    .resent-post-image img {
        max-width: none;
    }

    .resent-post-text p {
        padding: 0 0 0 20px;
    }
    /** END OF : Blog Page **/

    /** START OF : About Us Page **/
    .about-page-timeline ul {
        display: block;
    }

    .about-page-timeline ul li:nth-child(odd), .about-page-timeline ul li:nth-child(even) {
        margin: 0;
    }

    .about-page-timeline ul::before {
        display: none;
    }

    .about-page-timeline ul li a::before, .about-page-timeline ul li a::after {
        display: none;
    }

    .about-page-timeline ul li a {
        margin: 0 auto 16px;
    }
    /** END OF : About Us Page **/

    /** START OF : Contact Page **/
    .contact-nav ul {
        display: block;
    }
    /** END OF : Contact Page **/

    /** START OF : home 1 Page **/
    .medical-theme__inner .medical-theme-content::before {
        top: -48px;
    }

    .themeever-image {
        position: relative;
        z-index: 9;
    }

    .sec-themeever::after {
        width: 100%;
        transform: skewX(0deg);
        left: 0;
    }

    .themeever__content {
        display: block;
        margin: 40px 0;
    }
    /** END OF : home 1 Page **/
}

@media (max-width: 575px){ 
    /** START OF : Meet Doctor **/
    .meet-doctor-swiper-text-icon {
        display: block;
    }

    .meet-doctor-swiper-text {
        text-align: center;
        margin-bottom: 20px;
    }

    .meet-doctor-swiper-social ul {
        justify-content: center;
    }
    /** END OF : Meet Doctor **/

    /** START OF : Banner **/
    .services-area .row .col-sm-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }
    /** END OF : Banner **/

    /** START OF : About Us **/
    .about-timeline ul li a {
        width: 58px;
    }
    
    .about-timeline ul li:nth-child(odd) a::before {
        top: 90px;
    }
    
    .about-timeline ul li:nth-child(even) a::before {
        bottom: 90px;
    }
    
    .about-timeline ul li a::after {
        width: 50px;
    }
    
    .about-timeline ul li:nth-child(odd) a::after {
        top: 94px;
    }
    
    .about-timeline ul li:nth-child(even) a::after {
        bottom: 93px;
    }
    
    .about-timeline ul li:nth-child(odd) a::after, .about-timeline ul li:nth-child(even) a::after {
        left: -25px;
    }
    /** END OF : About Us **/

    /** START OF : Home 1 Page **/
    .major-expertise .row .col-sm-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .medical-departments-tabs-nav ul {
        display: block;
    }
    
    .medical-departments-tabs-nav ul li {
        width: 100%;
    }

    .news-carousel .news-image img {
        margin: 0 auto;
    }

    .news__content {
        position: relative;
        margin: 0 auto;
        bottom: 0;
    }

    .news-image::before, .news__content::before {
        display: none;
    }
    /** END OF : Home 1 Page **/
}

@media (max-width: 377px){
    .is-open-menu .menu {
        top: 158px;
    }
}