/* Normal desktop :1200px. */
@media (min-width: 1200px) and (max-width: 1600px) {

    .mobile-menu-area {
        display: none;
    }

    /* slider area */

    .banner-main-title h1 {
        font-size: 46px;
        line-height: 65px;
    }

    .banner-main-title h1 span {
        font-size: 46px;
        line-height: 65px;
    }

    /* service area */

    .service-thumb img {
        width: 100%;
    }

    .service-items-box {
        padding: 30px 26px 40px;
    }

    .service-items-content p {
        width: 100%;
    }

    /* about area */

    .section-main-title.about h2 {
        font-size: 40px;
    }

    /* project area */

    .project-item-box {
        padding: 82px 24px 85px;
    }

    .project-item-content p {
        width: 100%;
    }

    .project-thumb img {
        width: auto;

    }

    .project-icon {
        bottom: 10px;
    }

    /* pricing area */

    .pircing-btn a {
        padding: 22px 20px 22px;
    }

    /* appoinment area */

    .appoinmnet-area {
        margin-bottom: -221px;
    }

    .section-main-title.appoinment h2 {
        font-size: 38px;
    }

    .form_group input {
        width: 100%;
    }



}


/* Normal desktop :992px. */
@media (min-width: 992px) and (max-width: 1199px) {

    /* header area */

    .navbar .list li {
        margin-right: 22px;
    }

    .header-menu ul li {
        margin-right: 26px;
    }

    .header-menu ul li a {
        font-size: 16px;
    }

    .header-search a {
        font-size: 26px;
    }

    .header-call-icon i {
        font-size: 26px;
    }

    /* slider area */

    .banner-area {
        height: 680px;
        position: relative;
    }

    .banner-content {
        position: absolute;
    }

    .banner-main-title h1 {
        font-size: 56px;
        line-height: 70px;
    }

    .banner-main-title h1 span {
        font-size: 56px;
        line-height: 70px;
    }

    .banner-thumb {
        left: 34%;
    }

    .banner-thumb img {
        width: 90%;
    }

    .banner-shape {
        right: -70px;
    }

    .banner-shape img {
        width: 80%;
    }

    /* service area */

    .service-thumb {
        top: 85px;
    }

    .service-thumb img {
        width: 100%;
    }

    .service-text h4 {
        font-size: 24px;
    }

    .service-items-box {
        padding: 30px 26px 40px;
    }

    .service-items-content p {
        width: 100%;
    }

    .service-content h4 a {
        font-size: 18px;
    }

    /* about area */

    .section-main-title.about h2 {
        font-size: 36px;
    }

    .about-thumb img {
        width: 100%;
    }

    .about-shape1 {
        bottom: -32px;
        left: 13px;
    }

    .about-shape2 {
        top: 30px;
        right: 80px;
    }

    /* counter area */

    .counter-area {
        padding: 105px 0 100px;
    }

    .counter-single-box {
        margin-bottom: 30px;
    }

    /* project area */

    .project-item-box {
        padding: 82px 24px 85px;
    }

    .project-item-content p {
        width: 90%;
    }

    .project-thumb img {
        width: auto;

    }

    .project-text {
        width: 300px;
    }

    .project-icon {
        bottom: 10px;
    }

    /* pricing area */

    .section-main-title.pricing h2 {
        font-size: 39px;
    }

    .pricing-single-box {
        padding: 50px 30px 0;
    }

    .pricing-single-box:hover {
        background-size: inherit;
    }

    .pircing-btn a {
        padding: 22px 20px 22px;
    }

    /* appoinment area */

    .appoinmnet-area {
        margin-bottom: -221px;
    }

    .section-sub-title.appoinment h4 {
        color: #fff;
        font-size: 20px;
    }

    .section-main-title.appoinment h2 {
        font-size: 30px;
        margin-bottom: 30px;
    }

    .form_group input {
        width: 100%;
    }

    .section-main-title.testi h2 {
        color: #fff;
        font-size: 38px;
    }

    /* blog area */

    .blog-content {
        padding: 24px 16px 25px;
    }

    .blog-title h4 a {
        font-size: 22px;
    }

    /* footer area */

    .footer-wiget-log a img {
        width: 90%;
    }

    .footer-wiget-shape {
        margin-right: 0px;
    }

    .footer-wiget-thumb img {
        width: 90%;
    }



}



/* Tablet desktop :768px. */
@media (min-width: 768px) and (max-width: 991px) {

    /* topbar area */

    .logo a img {
        width: 100%;
    }

    /* header area */

    .header-area {
        display: none;
    }

    .header-social {
        display: none;
    }

    .sticky {
        position: absolute !important;
        width: 100%;
        z-index: 1;
    }

    #menu-btn {
        display: block;
        color: #fff;
        font-size: 20px;
    }

    .navbar {
        position: relative;
        padding: 12px 0;
    }

    a.logo {
        display: block;
    }

    .navbar .list {
        position: absolute;
        top: 100%;
        right: 0;
        width: 100%;
        height: 400px;
        flex-direction: column;
        justify-content: center;
        background-color: #0957DE;
        border-radius: 10px;
        overflow: hidden;
        transform-origin: top right;
        transform: scale(0);
        transition: 0.25s;
    }

    .navbar .list a {
        color: #fff;
        font-size: 16px;
        padding: 8px 0;
    }

    #nav-open {
        height: 400px;
        max-height: 100vh;
        transform: scale(1);
    }

    /* slider area */

    .banner-area {
        height: 717px;
        position: relative;
        display: block !important;
        z-index: -1;
    }

    .banner-content {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }

    .banner-main-title h1 {
        font-size: 50px;
        line-height: 70px;
    }

    .banner-main-title h1 span {
        font-size: 50px;
        line-height: 70px;
    }

    .banner-thumb {
        left: 34%;
        top: 93px;
    }

    .banner-thumb img {
        width: 90%;
    }

    .banner-shape {
        display: none;
    }

    /* service area */

    .service-area {
        padding: 74px 0 74px;
    }

    .service-thumb {
        text-align: center;
        margin-bottom: 30px;
    }

    .service-single-box.inner {
        display: none;
    }

    /* section title */

    .section-main-title h2 {
        font-size: 40px;
    }

    /* about area */

    .about-area {
        padding: 0 0 74px;
    }

    .about-thumb {
        text-align: left;
        margin-top: 40px;
    }

    /* counter area */

    .counter-area {
        background-position: inherit;
        padding: 54px 0 38px;
    }

    .counter-single-box {
        margin-bottom: 30px;
    }

    /* team area */

    .team-area {
        padding: 68px 0 62px;
    }

    /* project area */

    .project-area {
        padding: 0 0 38px;
    }

    .project-item-box {
        background: #00BAEB;
        padding: 82px 27px 85px;
    }

    .project-item-content p {
        width: 100%;
    }

    .project-thumb img {
        width: auto;
    }

    .project-text {
        width: 250px;
    }

    .project-icon {
        bottom: 12px;
    }

    .project-single-box:hover .project-icon {
        right: 5px;
    }

    /* pricing area */

    .pricing-area {
        padding: 0 0 223px;
    }

    div#toggle-bar {
        text-align: right;
        margin-top: 60px;
    }

    .pricing-single-box {
        padding: 50px 38px 0;
        margin-bottom: 30px;
    }

    /* appoinment area */

    .appoinmnet-area {
        margin-bottom: -231px;
    }

    .appoinment-form {
        margin-bottom: 40px;
    }

    .form_group i {
        right: 50px;
    }

    /* blog area */

    .blog-area {
        padding: 66px 0 40px;
    }

    .blog-single-box {
        margin-bottom: 30px;
    }

    /* footer area */

    .footer-contact {
        padding: 32px 30px 42px;
        margin-bottom: 90px;
    }

    .footer-contact-item {
        margin-bottom: 30px;
    }

    .form-field input {
        width: 100%;
    }

    .footer-social {
        text-align: left;
    }

    .footer-wiget {
        margin-bottom: 30px;
    }

    .copyright-text {
        text-align: center;
    }

    .footer-condition {
        text-align: center;
    }



}


/* Tablet desktop :600px. */
@media (min-width: 600px) and (max-width: 767px) {

    /* topbar area */

    .logo a img {
        display: none;
    }

    .medical-service {
        left: -46px;
    }

    /* header area */

    .header-area {
        display: none;
    }

    .header-social {
        display: none;
    }

    .sticky {
        position: absolute !important;
        width: 100%;
        z-index: 1;
    }

    #menu-btn {
        display: block;
        color: #fff;
        font-size: 20px;
    }

    .navbar {
        position: relative;
        padding: 12px 0;
    }

    a.logo {
        display: block;
    }

    .navbar .list {
        position: absolute;
        top: 100%;
        right: 0;
        width: 100%;
        height: 400px;
        flex-direction: column;
        justify-content: center;
        background-color: #0957DE;
        border-radius: 10px;
        overflow: hidden;
        transform-origin: top right;
        transform: scale(0);
        transition: 0.25s;
    }

    .navbar .list a {
        color: #fff;
        font-size: 16px;
        padding: 8px 0;
    }

    #nav-open {
        height: 400px;
        max-height: 100vh;
        transform: scale(1);
    }


    /* slider area */

    .banner-area {
        height: 573px;
        position: relative;
        display: block !important;
        z-index: -1;
    }

    .banner-content {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }

    .banner-sub-title h4 {
        font-size: 22px;
    }

    .banner-main-title h1 {
        font-size: 35px;
        line-height: 50px;
    }

    .banner-main-title h1 span {
        font-size: 35px;
        line-height: 50px;
    }

    .banner-thumb {
        left: 34%;
        top: 94px;
    }

    .banner-thumb img {
        width: 90%;
    }

    .banner-shape {
        display: none;
    }

    /* service area */

    .service-area {
        padding: 74px 0 40px;
    }

    .service-thumb {
        text-align: center;
        margin-bottom: 30px;
    }

    .service-items-box {
        margin-bottom: 30px;
    }

    .service-single-box {
        margin-bottom: 30px;
    }

    .service-single-box.inner {
        display: none;
    }

    /* section title */

    .section-main-title h2 {
        font-size: 40px;
    }

    /* about area */

    .about-area {
        padding: 0 0 74px;
    }

    .about-thumb {
        text-align: left;
        margin-top: 40px;
    }

    .about-shape2 {
        right: 0;
    }

    /* counter area */

    .counter-area {
        background-position: inherit;
        padding: 54px 0 38px;
    }

    .counter-single-box {
        margin-bottom: 30px;
    }

    /* team area */

    .team-area {
        padding: 68px 0 62px;
    }

    .owl-nav {
        top: -153px;
    }

    /* project area */

    .project-area {
        padding: 0 0 38px;
    }

    .project-item-box {
        margin-bottom: 30px;
    }

    /* pricing area */

    .pricing-area {
        padding: 0 0 223px;
    }

    .section-main-title.pricing {
        margin-bottom: 10px;
    }

    div#toggle-bar {
        text-align: center;
        margin-bottom: 30px;
    }

    .pricing-single-box {
        margin-bottom: 30px;
    }

    /* appoinment area */

    .appoinmnet-area {
        margin-bottom: -231px;
    }

    .appoinment-form {
        margin-bottom: 40px;
    }

    .section-main-title.appoinment h2 {
        margin-bottom: 30px;
        font-size: 36px;
    }

    .form_group input {
        width: 100%;
    }

    /* blog area */

    .blog-area {
        padding: 66px 0 40px;
    }

    .blog-single-box {
        margin-bottom: 30px;
    }

    /* footer area */

    .footer-contact {
        padding: 32px 30px 32px;
        margin-bottom: 70px;
    }

    .footer-contact-item {
        margin-bottom: 30px;
    }

    .form-field {
        margin-bottom: 30px;
    }

    .form-field input {
        width: 100%;
    }

    .footer-social {
        text-align: left;
    }

    .footer-wiget {
        margin-bottom: 30px;
    }

    .copyright-text {
        text-align: center;
    }

    .footer-condition {
        text-align: center;
    }



}


/* small mobile :575px. */
@media only screen and (min-width: 575px) and (max-width: 599px) {

    .mobile-menu-area {
        display: inherit;
    }

    /* topbar area */

    .logo a img {
        display: none;
    }

    .medical-service {
        left: -25px;
    }

    /* header area */

    .header-area {
        display: none;
    }

    .header-social {
        display: none;
    }

    .sticky {
        position: absolute !important;
        width: 100%;
        z-index: 1;
    }

    #menu-btn {
        display: block;
        color: #fff;
        font-size: 20px;
    }

    .navbar {
        position: relative;
        padding: 12px 0;
    }

    a.logo {
        display: block;
    }

    .navbar .list {
        position: absolute;
        top: 100%;
        right: 0;
        width: 100%;
        height: 400px;
        flex-direction: column;
        justify-content: center;
        background-color: #0957DE;
        border-radius: 10px;
        overflow: hidden;
        transform-origin: top right;
        transform: scale(0);
        transition: 0.25s;
    }

    .navbar .list a {
        color: #fff;
        font-size: 16px;
        padding: 8px 0;
    }

    #nav-open {
        height: 400px;
        max-height: 100vh;
        transform: scale(1);
    }

    /* slider area */

    .banner-area {
        height: 568px;
        position: relative;
        display: block !important;
        z-index: -1
    }

    .banner-content {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }

    .banner-sub-title h4 {
        font-size: 22px;
    }

    .banner-main-title h1 {
        font-size: 40px;
        line-height: 50px;
    }

    .banner-main-title h1 span {
        font-size: 40px;
        line-height: 50px;
    }

    .banner-thumb {
        left: 34%;
        top: 56px;
    }

    .banner-thumb img {
        width: 90%;
    }

    .banner-shape {
        display: none;
    }

    /* service area */

    .service-area {
        padding: 74px 0 40px;
    }

    .service-thumb {
        text-align: center;
        margin-bottom: 30px;
    }

    .service-items-box {
        margin-bottom: 30px;
    }

    .service-single-box {
        margin-bottom: 30px;
    }

    .service-single-box.inner {
        display: none;
    }

    /* section title */

    .section-main-title h2 {
        font-size: 40px;
    }

    /* about area */

    .about-area {
        padding: 0 0 74px;
    }

    .about-thumb {
        text-align: left;
        margin-top: 40px;
    }

    .about-shape2 {
        right: 0;
    }

    /* counter area */

    .counter-area {
        background-position: inherit;
        padding: 54px 0 38px;
    }

    .counter-single-box {
        margin-bottom: 30px;
    }

    /* team area */

    .team-area {
        padding: 68px 0 62px;
    }

    .owl-nav {
        top: -153px;
    }

    /* project area */

    .project-area {
        padding: 0 0 38px;
    }

    .project-item-box {
        margin-bottom: 30px;
    }

    .project-item-content p {
        width: 72%;
    }

    /* pricing area */

    .pricing-area {
        padding: 0 0 223px;
    }

    .section-main-title.pricing {
        margin-bottom: 10px;
    }

    div#toggle-bar {
        text-align: center;
        margin-bottom: 30px;
    }

    .pricing-single-box {
        margin-bottom: 30px;
    }

    /* appoinment area */

    .appoinmnet-area {
        margin-bottom: -231px;
    }

    .appoinment-form {
        margin-bottom: 40px;
    }

    .section-main-title.appoinment h2 {
        margin-bottom: 30px;
        font-size: 36px;
    }

    .form_group input {
        width: 100%;
    }

    /* blog area */

    .blog-area {
        padding: 66px 0 40px;
    }

    .blog-single-box {
        margin-bottom: 30px;
    }

    /* footer area */

    .footer-contact {
        padding: 32px 30px 32px;
        margin-bottom: 70px;
    }

    .footer-contact-item {
        margin-bottom: 30px;
    }

    .form-field {
        margin-bottom: 30px;
    }

    .form-field input {
        width: 100%;
    }

    .footer-social {
        text-align: left;
    }

    .footer-wiget {
        margin-bottom: 30px;
    }

    .copyright-text {
        text-align: center;
    }

    .footer-condition {
        text-align: center;
    }





}

/* small mobile :480px. */
@media only screen and (min-width: 480px) and (max-width: 574px) {


    .mobile-menu-area {
        display: inherit;
    }

    /* topbar area */

    .logo a img {
        display: none;
    }

    .medical-service {
        left: 0;
        right: 0;
        margin: auto;
    }

    .medical-items-box.inner {
        display: none;
    }

    /* header area */

    .header-area {
        display: none;
    }

    .header-social {
        display: none;
    }

    .sticky {
        position: absolute !important;
        width: 100%;
        z-index: 1;
    }

    #menu-btn {
        display: block;
        color: #fff;
        font-size: 20px;
    }

    .navbar {
        position: relative;
        padding: 12px 0;
    }

    a.logo {
        display: block;
    }

    .navbar .list {
        position: absolute;
        top: 100%;
        right: 0;
        width: 100%;
        height: 400px;
        flex-direction: column;
        justify-content: center;
        background-color: #0957DE;
        border-radius: 10px;
        overflow: hidden;
        transform-origin: top right;
        transform: scale(0);
        transition: 0.25s;
    }

    .navbar .list a {
        color: #fff;
        font-size: 16px;
        padding: 8px 0;
    }

    #nav-open {
        height: 400px;
        max-height: 100vh;
        transform: scale(1);
    }

    /* slider area */

    .banner-area {
        height: 520px;
        position: relative;
        display: block !important;
        z-index: -1;
    }

    .banner-content {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }

    .banner-sub-title h4 {
        font-size: 20px;
    }

    .banner-main-title h1 {
        font-size: 36px;
        line-height: 50px;
    }

    .banner-main-title h1 span {
        font-size: 36px;
        line-height: 50px;
    }

    .banner-thumb {
        left: 34%;
        top: 96px;
    }

    .banner-thumb img {
        width: 90%;
    }

    .banner-shape {
        display: none;
    }

    /* service area */

    .service-area {
        padding: 74px 0 40px;
    }

    .service-thumb {
        text-align: center;
        margin-bottom: 30px;
    }

    .service-items-box {
        margin-bottom: 30px;
    }

    .service-single-box {
        margin-bottom: 30px;
    }

    .service-single-box.inner {
        display: none;
    }

    /* section title */

    .section-main-title h2 {
        font-size: 37px;
    }

    /* about area */

    .about-area {
        padding: 0 0 74px;
    }

    .about-thumb {
        text-align: left;
        margin-top: 40px;
    }

    .about-shape2 {
        right: 0;
    }

    /* counter area */

    .counter-area {
        background-position: inherit;
        padding: 54px 0 38px;
    }

    .counter-single-box {
        margin-bottom: 30px;
    }

    /* team area */

    .team-area {
        padding: 68px 0 62px;
    }

    .owl-nav {
        top: -138px;
    }

    .owl-prev i {
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 20px;
    }

    .owl-next i {
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 20px;
    }

    /* project area */

    .project-area {
        padding: 0 0 38px;
    }

    .project-item-box {
        margin-bottom: 30px;
    }

    .project-item-content p {
        width: 92%;
    }

    .project-text {
        width: 300px;
    }

    /* pricing area */

    .pricing-area {
        padding: 0 0 223px;
    }

    .section-main-title.pricing {
        margin-bottom: 10px;
    }

    div#toggle-bar {
        text-align: center;
        margin-bottom: 30px;
    }

    .pricing-single-box {
        margin-bottom: 30px;
    }

    /* appoinment area */

    .appoinmnet-area {
        margin-bottom: -231px;
    }

    .appoinment-form {
        margin-bottom: 40px;
    }

    .section-sub-title.appoinment h4 {
        font-size: 20px;
        margin-bottom: 0px;
    }

    .section-main-title.appoinment h2 {
        margin-bottom: 0;
        font-size: 31px;
    }

    .form_group input {
        width: 100%;
    }

    /* blog area */

    .blog-area {
        padding: 66px 0 40px;
    }

    .blog-single-box {
        margin-bottom: 30px;
    }

    /* footer area */

    .footer-contact {
        padding: 32px 30px 32px;
        margin-bottom: 70px;
    }

    .footer-contact-item {
        margin-bottom: 30px;
    }

    .form-field {
        margin-bottom: 30px;
    }

    .form-field input {
        width: 100%;
    }

    .footer-social {
        text-align: left;
    }

    .footer-wiget {
        margin-bottom: 30px;
    }

    .copyright-text {
        text-align: center;
    }

    .footer-condition {
        text-align: center;
    }




}


/* small mobile :320px. */
@media only screen and (min-width: 320px) and (max-width: 479px) {

    .mobile-menu-area {
        display: inherit;
    }

    /* topbar area */

    .logo a img {
        display: none;
    }

    .medical-service {
        right: 12px;
    }

    .medical-items-box.inner {
        display: none;
    }

    /* header area */

    .header-area {
        display: none;
    }

    .header-social {
        display: none;
    }

    .sticky {
        position: absolute !important;
        width: 100%;
        z-index: 1;
    }

    #menu-btn {
        display: block;
        color: #fff;
        font-size: 20px;
    }

    .navbar {
        position: relative;
        padding: 12px 0;
        flex-wrap: inherit;
    }

    a.logo {
        display: block;
    }

    a.logo img {
        width: 70%;
    }

    .navbar .list {
        position: absolute;
        top: 100%;
        right: 0;
        width: 100%;
        height: 400px;
        flex-direction: column;
        justify-content: center;
        background-color: #0957DE;
        border-radius: 10px;
        overflow: hidden;
        transform-origin: top right;
        transform: scale(0);
        transition: 0.25s;
    }

    .navbar .list a {
        color: #fff;
        font-size: 16px;
        padding: 8px 0;
    }

    #nav-open {
        height: 400px;
        max-height: 100vh;
        transform: scale(1);
    }

    header#navbar-sticky {
        padding: 0;
    }

    /* slider area */

    .banner-area {
        height: 635px;
        position: relative;
        display: block !important;
        z-index: -1;
    }

    .banner-content {
        position: absolute;
        top: 35%;
        transform: translateY(-50%);
    }

    .banner-sub-shape {
        display: none;
    }

    .banner-sub-title h4 {
        font-size: 22px;
        margin-left: 0;
    }

    .banner-sub-title {
        margin-bottom: -20px;
    }

    .banner-main-title {
        margin-bottom: 30px;
    }

    .banner-main-title h1 {
        font-size: 34px;
        line-height: 50px;
    }

    .banner-main-title h1 span {
        font-size: 34px;
        line-height: 50px;
    }

    .banner-thumb {
        left: 0;
        top: 360px;
    }

    .banner-thumb img {
        width: 90%;
        transform: rotateY(180deg);
    }

    .banner-shape {
        display: none;
    }

    .medical-btn a {
        padding: 11px 33px;
        height: 50px;
    }

    /* service area */

    .service-area {
        padding: 74px 0 40px;
    }

    .service-thumb {
        text-align: center;
        margin-bottom: 30px;
    }

    .service-thumb img {
        width: 100%;
    }

    .service-text h4 {
        font-size: 22px;
    }

    .service-items-box {
        margin-bottom: 30px;
    }

    .service-items-content p {
        width: 100%;
    }

    .service-single-box {
        margin-bottom: 30px;
    }

    .service-single-box.inner {
        display: none;
    }

    /* section title */

    .section-sub-title h4 {
        font-size: 20px;
        margin-bottom: 8px;
    }

    .section-main-title h2 {
        font-size: 26px;
        line-height: 38px;
    }

    /* about area */

    .about-area {
        padding: 0 0 74px;
    }

    .about-thumb {
        text-align: left;
        margin-top: 40px;
    }

    .about-shape1 {
        display: none;
    }

    .about-shape2 {
        display: none;
    }

    .section-main-title.about h2 {
        font-size: 24px;
        line-height: 36px;
    }

    .section-sub-title.about h4 {
        margin-bottom: 10px;
        font-size: 20px;
    }

    .about-discription p {
        width: 100%;
    }

    .about-thumb img {
        width: 100%;
    }

    /* counter area */

    .counter-area {
        background-position: inherit;
        padding: 54px 0 38px;
    }

    .counter-single-box {
        margin-bottom: 30px;
    }

    /* team area */

    .team-area {
        padding: 68px 0 62px;
    }

    .owl-nav {
        top: -78px;
    }

    .owl-prev i {
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 20px;
    }

    .owl-next i {
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 20px;
    }

    /* project area */

    .project-area {
        padding: 0 0 38px;
    }

    .project-item-box {
        margin-bottom: 30px;
        padding: 82px 20px 85px;
    }

    .project-item-content h3 a {
        font-size: 36px;
    }

    .project-item-content p {
        width: 89%;
    }

    .medical-btn.about.project a {
        padding: 11px 17px;
    }

    .project-text {
        width: 200px;
        height: 100px;
        padding: 12px 12px 0;
    }

    .project-single-box:hover .project-icon {
        right: 6px;
    }

    /* pricing area */

    .pricing-area {
        padding: 0 0 223px;
    }

    .section-main-title.pricing {
        margin-bottom: 10px;
    }

    div#toggle-bar {
        text-align: center;
        margin-bottom: 30px;
    }

    #toggle-container>#toggle {
        width: 70px;
        height: 43px;
    }

    #toggle-bar>#toggle-container {
        width: 124px;
        height: 44px;
    }

    .pricing-single-box {
        margin-bottom: 30px;
        padding: 50px 20px 0;
    }

    /* appoinment area */

    .appoinmnet-area {
        margin-bottom: -231px;
    }

    .appoinment-form {
        margin-bottom: 40px;
        padding: 100px 12px 20px 12px;
    }

    .section-sub-title.appoinment h4 {
        font-size: 20px;
        margin-bottom: 15px;
    }

    .section-main-title.appoinment h2 {
        margin-bottom: 0;
        font-size: 31px;
        line-height: 42px;
    }

    .form_group input {
        width: 100%;
    }

    .testimonial-item {
        display: none;
    }


    /* blog area */

    .blog-area {
        padding: 66px 0 40px;
    }

    .blog-single-box {
        margin-bottom: 30px;
    }

    .blog-content {
        padding: 24px 10px 25px;
    }

    .blog-title h4 a {
        font-size: 22px;
    }

    /* footer area */

    .footer-contact {
        padding: 32px 30px 32px;
        margin-bottom: 70px;
    }

    .footer-contact-item {
        margin-bottom: 30px;
    }

    .form-field {
        margin-bottom: 30px;
    }

    .form-field input {
        width: 100%;
    }

    .footer-social {
        text-align: left;
    }

    .footer-wiget {
        margin-bottom: 30px;
    }

    .copyright-text {
        text-align: center;
    }

    .copyright-text p {
        font-size: 15px;
    }

    .footer-condition {
        text-align: center;
    }


}