@media (min-width:1200px) and (max-width:1500px) {
    .slider2 {
        height: 874px !important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .dreamit-department-tab ul li a span {
        font-size: 15px !important
    }
    .dreamit-feature-box {
        padding: 52px 26px 45px !important
    }
    .single-feature-content h4 {
        font-size: 18px !important
    }
    .dreamit-about-calender-box {
        width: 73% !important;
        margin-left: 36px !important
    }
    .dreamit-about-image img,
    .dreamit-department-bottom-content-inner ul li {
        width: 100% !important
    }
    .dreamit-department-title h2 {
        font-size: 24px
    }
    .slider3,
    .slider4 {
        height: 800px !important
    }
    .style-two .dreamit-slider-content h1 {
        font-size: 38px !important
    }
    .em-nivo-slider-wrapper .nivo-directionNav,
    .header-middle-area {
        display: none
    }
    /* .dreamit-department-tab ul li {
        width: 20% !important
    } */
    .dreamit-department-tab li.nav-item a {
        margin: 0 10px !important
    }
    .style-two .feature-box-title h2 {
        font-size: 20px !important;
        font-weight: 600 !important
    }
    .dreamit-setcion-title h2 {
        font-size: 30px !important
    }
    .dreamit-header-menu ul li a,
    .header-button a {
        font-size: 14px !important
    }
    .dreamit-header-menu ul li {
        margin-right: 15px !important
    }
    .header-button a {
        padding: 5px 18px !important;
        margin-left: 14px !important
    }
    .em-slider-main-title {
        font-size: 39px !important
    }
}

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


    .header-area {
        background: #549e28 !important;
        padding: 29px 0 !important
    }
    .copy-right-text p,
    .dreamit-header-logo {
        text-align: center
    }
    .dreamit-header-menu ul li a {
        display: block !important;
        color: #333;
        font-size: 16px;
        font-weight: 500;
        transition: .3s;
        padding: 6px 0 6px 20px
    }
    .dreamit-header-menu ul li .sub-menu {
        left: 350px !important
    }
    .dreamit-header-menu ul li .sub-menu ul {
        height: 100%;
        padding-top: 0
    }
    .dreamit-header-menu ul li:hover .sub-menu {
        top: 10px !important
    }
    .dreamit-header-menu ul li {
        margin-right: 0 !important;
        display: block !important
    }
    .sticky-nav .dreamit-header-menu ul li a {
        color: #333 !important
    }
    .menu-wrapper {
        position: absolute;
        top: 58px;
        z-index: 9999;
        background: #fff;
        left: -100%;
        transition: .5s;
        width: 350px
    }
    .active-nav {
        left: 0 !important
    }
    .dreamit-header-menu ul {
        height: 100vh;
        padding-top: 20px;
        width: 100%
    }
    .dreamit-header-menu ul li a .mobile-angle-icon {
        display: inline-block !important;
        right: 20px;
        position: absolute
    }
    .logo-txt::before,
    .menu-toggle,
    .mobile-menu-social-icon {
        display: block !important
    }
    .em-nivo-slider-wrapper .nivo-directionNav,
    .em-slider-descript,
    .header-middle-area {
        display: none
    }
    .em-nav-slider-title-center,
    .em-slider-main-title {
        font-size: 32px !important
    }
    .breatcumb-title h2,
    .dreamit-slider-content h2 {
        font-size: 35px !important
    }
    .dreamit-counter {
        margin-bottom: 30px !important;
        border-left: none !important
    }
    /* .dreamit-department-tab ul li {
        width: 20% !important
    } */
    .certificate-thumb img,
    .dreamit-clinic-thumb img,
    .dreamit-department-bottom-content-inner ul li {
        width: 100% !important
    }
    .footer-text-menu {
        text-align: center !important
    }
    .content-title span {
        font-size: 16px !important
    }
    .style-two .dreamit-slider-content {
        width: 86% !important
    }
    .slider3,
    .slider4 {
        height: 700px !important
    }
    .style-two .dreamit-slider-content h1 {
        font-size: 40px !important
    }
    .slider_list.owl-carousel {
        display: inherit !important
    }
    .six .call-do-action-title h3 {
        font-size: 27px !important
    }
    .our-section-title {
        padding: 30px 0 !important
    }
}

@media only screen and (min-width:320px) and (max-width:600px) {
    .em-nivo-slider-wrapper .nivo-directionNav,
    .em-slider-descript,
    .em-slider-sub-title,
    .header-middle-area {
        display: none
    }

    .header-area {
        background: #549e28 !important;
        padding: 29px 0 !important
    }
    .copy-right-text p,
    .dreamit-header-logo {
        text-align: center
    }
    .dreamit-header-menu ul li a {
        display: block !important;
        color: #333;
        font-weight: 500;
        transition: .3s;
        padding: 6px 0 6px 20px;
        font-size: 11px !important
    }
    .dreamit-header-menu ul li .sub-menu {
        left: 200px !important
    }
    .dreamit-header-menu ul li .sub-menu ul {
        height: 100%;
        padding-top: 0
    }
    .dreamit-header-menu ul li:hover .sub-menu {
        top: 10px !important
    }
    .dreamit-header-menu ul li {
        margin-right: 0 !important;
        display: block !important
    }
    .sticky-nav .dreamit-header-menu ul li a {
        color: #333 !important
    }
    .menu-wrapper {
        position: absolute;
        top: 58px;
        z-index: 9999;
        background: #fff;
        left: -100%;
        transition: .5s;
        width: 200px
    }
    .active-nav {
        left: 0 !important
    }
    .dreamit-header-menu ul {
        height: 100vh;
        padding-top: 20px;
        width: 100%
    }
    .em-nav-slider-title-center,
    .em-slider-main-title {
        font-size: 20px !important
    }
    .dreamit-header-menu ul li a .mobile-angle-icon {
        display: inline-block !important;
        right: 20px;
        position: absolute
    }
    .menu-toggle {
        display: block !important
    }
    .logo-txt::before {
        display: block
    }
    .dreamit-slider-content h2 {
        font-size: 20px !important;
        width: 100% !important
    }
    .dreamit-slider-content h1 {
        font-size: 10px !important
    }
    .slider-button a {
        margin: 11px 14px !important
    }
    .dreamit-feature-box {
        margin: 0 0 30px !important
    }
    .appointment-button button {
        font-size: 14px !important
    }
    /* .dreamit-department-tab ul li {
        width: 100% !important;
        margin-bottom: 30px
    } */
    .dreamit-department-title h2 {
        font-size: 24px
    }
    .call-do-action-title h1,
    .section-title h2 {
        font-size: 28px !important
    }
    .breatcumb-title h2,
    .call-do-action-number h1,
    .dreamit-section-title h2 {
        font-size: 30px !important
    }
    .content-title.pr-20 {
        margin-bottom: 30px
    }
    .dreamit-single-process,
    .footer-text-menu {
        text-align: center !important
    }
    .slider1,
    .slider2 {
        height: 600px !important
    }
    .dreamit-about-calender-box {
        padding: 47px 10px 0 25px !important;
        margin-top: -148px !important;
        width: 90% !important;
        margin-left: 11px !important;
        margin-bottom: 30px
    }
    .style-two .dreamit-slider-content {
        width: 99% !important;
        margin-left: 20px;
        padding: 40px 24px 110px !important
    }
    .style-two .dreamit-slider-content h1 {
        font-size: 23px !important
    }
    .style-two .slider-button a {
        padding: 6px 27px !important
    }
    .style-two .dreamit-slider-content p {
        font-size: 17px !important;
        width: 100% !important;
        padding: 22px 0 7px !important
    }
    .slider3,
    .slider4 {
        height: 700px !important
    }
    .dreamit-process-number {
        left: 134px !important
    }
    .dreamit-section-title p {
        width: 80% !important
    }
    .certificate-thumb img,
    .testimonial-content-text p {
        width: 100% !important
    }
    .style-two .counter-up-text h1 {
        font-size: 50px !important
    }
    .slider_list.owl-carousel {
        display: inherit !important
    }
    .header-button a {
        font-size: 10px !important;
        padding: 6px 12px !important;
        margin-left: 0 !important
    }
    .dreamit-setcion-title h2 {
        font-size: 18px !important
    }
    .six .call-do-action-title h3 {
        font-size: 27px !important
    }
    .seven .call-do-action-number span,
    .six .call-do-action-number span {
        font-size: 25px !important
    }
    .team-details-button a {
        padding: 5px 35px !important
    }
    .team-details-text {
        padding-top: 30px !important
    }
    .counter-up-text h1 {
        font-size: 45px !important
    }
    .style-three .dreamit-content-inner ul li {
        font-size: 13px !important
    }
    .brpt h2 {
        font-size: 30px
    }
    .nivo-controlNav {
        margin-top: 0 !important
    }
}

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

    .nivo-controlNav {
        margin-top: 0 !important
    }
    .header-area {
        background: #549e28 !important;
        padding: 29px 0 !important
    }
    .copy-right-text p,
    .dreamit-header-logo {
        text-align: center
    }
    .em-slider-descript,
    .em-slider-sub-title,
    .header-middle-area {
        display: none
    }
    .em-nav-slider-title-center,
    .em-slider-main-title,
    .style-two .dreamit-slider-content h1 {
        font-size: 30px !important
    }
    .dreamit-header-menu ul li a {
        display: block !important;
        color: #333;
        font-size: 16px;
        font-weight: 500;
        transition: .3s;
        padding: 6px 0 6px 20px
    }
    .dreamit-header-menu ul li .sub-menu {
        left: 260px !important
    }
    .dreamit-header-menu ul li .sub-menu ul {
        height: 100%;
        padding-top: 0
    }
    .dreamit-header-menu ul li:hover .sub-menu {
        top: 10px !important
    }
    .dreamit-header-menu ul li {
        margin-right: 0 !important;
        display: block !important
    }
    .sticky-nav .dreamit-header-menu ul li a {
        color: #333 !important
    }
    .menu-wrapper {
        position: absolute;
        top: 58px;
        z-index: 9999;
        background: #fff;
        left: -100%;
        transition: .5s;
        width: 260px
    }
    .active-nav {
        left: 0 !important
    }
    .dreamit-header-menu ul {
        height: 100vh;
        padding-top: 20px;
        width: 100%
    }
    .dreamit-header-menu ul li a .mobile-angle-icon {
        display: inline-block !important;
        right: 20px;
        position: absolute
    }
    .menu-toggle,
    .mobile-menu-social-icon {
        display: block !important
    }
    .dreamit-slider-content h2 {
        font-size: 26px !important
    }
    .slider1,
    .slider2 {
        height: 700px !important
    }
    .dreamit-counter {
        border-left: none !important
    }
    .footer-text-menu {
        text-align: center !important
    }
    .dreamit-about-calender-box {
        padding: 50px 20px !important;
        margin-top: -148px !important;
        width: 69% !important;
        margin-bottom: 30px !important
    }
    .style-two .dreamit-slider-content {
        width: 90% !important
    }
    .seven .call-do-action-title h3 {
        font-size: 25px !important
    }
    .counter-up-text h1 {
        font-size: 50px !important
    }
}
