@charset "utf-8";@media only screen and (max-width: 1000px) {
    #container {
        width:900px !important
    }
}

@media only screen and (max-width: 350px) {
    #container {
        width:320px !important
    }

    .paddingLeft8 {
        padding-left: 18% !important
    }

    .nav-pillsnew {
        top: -4.7em;
        position: relative;
        display: block !important;
        left: 0
    }
}

/*!*nav uchun berilgan css sozlamalari *!*/
/* Barcha ekranda ishlashi uchun umumiy uslublar */
/* Default styling for larger screens (PC and Laptop) */

/*header nav*/
.header_nav {
    height: 500px;
    padding-bottom: 500px;
}
.navigation-bar {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 10px 20px;
    background-color: #fff; /* Set a background color if necessary */
    z-index: 1000; /* Ensure it is above other elements */
}

.navigation-bar ul {
    list-style-type: none;
    display: flex;
    margin: 0;
    padding: 0;
}

.navigation-bar ul li {
    margin: 0 15px;
}

.navigation-bar a {
    text-decoration: none;
    color: black; /* Make sure text color is visible */
    font-weight: bold;
    font-size: 16px; /* You can adjust font size as needed */
}

/* For larger screens like PC and laptop */
@media (min-width: 769px) {
    .navigation-bar {
        flex-direction: row; /* Keep horizontal layout on larger screens */
    }

    .navigation-bar ul {
        flex-direction: row;
    }

    .navigation-bar ul li {
        margin: 0 15px; /* Space between items */
    }

    .navigation-bar a {
        color: black; /* Ensure visible text on larger screens */
    }
}

/* For mobile screens (below 768px) */
@media (max-width: 768px) {
    .navigation-bar {
        flex-direction: column;
        align-items: flex-start;
        padding: 10px; /* Add padding for better alignment */
    }

    .navigation-bar ul {
        flex-direction: column;
        width: 100%; /* Ensure full width on mobile */
    }

    .navigation-bar ul li {
        margin: 10px 0;
    }

    .navigation-bar a {
        color: black;
        font-size: 14px; /* Adjust font size for smaller screens */
    }
}



@media only screen and (min-width: 320px) and (max-width:599px) {
    .priceBoxWidth {
        width:100% !important
    }

    .crmEqualWidth {
        width: 100% !important
    }

    .tabCrmProduct1 {
        padding: 2em;
        text-align: -webkit-center
    }

    /*.tabCrmProduct2,.tabCrmProduct3 {*/
    /*    text-align: -webkit-center;*/
    /*    padding: 2em;*/
    /*    margin-top: -7.5em !important*/
    /*}*/

    .crmBlogs {
        height: 25em !important
    }

    .clinicSec1 {
        height: 19.5em !important
    }

    .clinicMainContent {
        font-size: 3em !important
    }

    .priceBoxAlign {
        margin-left: 0 !important
    }

    .priceBox {
        height: 211px !important
    }

    .priceSubContent,.priceContent {
        padding-top: 0 !important
    }

    .productButton {
        line-height: 1.5em
    }

    .crmheaderTop {
        height: 52em
    }
}

@media (max-width: 599px) and (min-width:320px) {
    .emrBoxes {
        height:135px !important
    }

    .fullWidth {
        width: 100%
    }

    .referralTop,.comnTop5 {
        top: 0 !important
    }

    .container-fluid .jumbotron {
        margin-top: 18em
    }

    .submitBtnPadding {
        padding-left: 1.7em !important;
        padding-right: 1.7em !important
    }

    .homeCareBanner,.crmBanner,.patientExperienceBanner,.ehrBanner {
        height: 100% !important
    }

    .crmHealthCareBanner,.emrBanner,.homeCareHeaderBanner {
        height: 200px !important
    }

    .patientConnectBanner {
        height: 200px !important;
        background-position: 55% 30% !important
    }

    .homeCareHeaderBanner {
        height: 200px !important;
        background-position: 70% 10% !important
    }

    section.module.parallax-6 {
        min-height: 700px !important
    }

    .testContent {
        font-size: 13px !important
    }

    .mmarginLeft15 {
        margin-left: 15px;
        margin-right: 15px
    }

    .mfont15 {
        font-size: 15px
    }

    .mfont14 {
        font-size: 35px !important
    }

    .freeListItem {
        font-size: 13px !important
    }

    .mfont16 {
        font-size: 16px !important
    }

    .featureSubHeader,.centerHead {
        font-size: 23px !important
    }

    .faqQuestions {
        font-size: 20px !important
    }

    .slide-navs {
        display: none
    }

    section.module.parallax-1 {
        margin-bottom: -8px
    }

    .knowBtnAlign {
        margin-left: 10px;
        margin-top: -40px;
        margin-bottom: 20px
    }

    .landingFormAlign {
        margin-left: -15px
    }
}

@media only screen and (min-width: 600px) and (max-width:800px) {
    h1 {
        font-size:0
    }

    .container-fluid .jumbotron {
        margin-top: 8em;
        margin-bottom: 3em
    }

    .width40 {
        width: 40% !important
    }

    .comnTop5 {
        top: -3.25em !important
    }

    .demoBtn {
        position: static !important;
        display: block !important
    }

    .btnleft {
        float: left !important
    }

    .priceBoxWidth {
        width: 100% !important
    }

    .slide-navs {
        display: none
    }

    .top0 {
        margin-top: 0 !important
    }

    .section5 {
        height: 35em !important
    }

    .margintop1 {
        margin-top: 1.5em !important
    }

    .priceBoxAlign {
        margin-left: 0 !important
    }

    .homePageArtImg {
        margin-left: 0 !important;
        padding-top: 0 !important
    }

    .priceBox {
        height: 211px !important
    }

    .priceSubContent,.priceContent {
        padding-top: 0 !important
    }

    .homeCareBanner,.crmBanner,.patientExperienceBanner,.ehrBanner {
        height: 100% !important
    }

    .emrBoxes,.rcorners {
        height: 90px !important
    }

    .connectBox {
        height: 65px !important
    }

    .mmarginLeft15 {
        margin-left: 15px;
        margin-right: 15px
    }

    .hideTab {
        display: none
    }

    .tabCrmProduct1 {
        padding: 11em;
        margin-top: -10em !important
    }

    .tabCrmProduct2,.tabCrmProduct3 {
        padding: 11em;
        margin-top: -27em !important;
        margin-bottom: -8em !important
    }

    .knowBtnAlign {
        margin-left: 10px;
        margin-top: -40px;
        margin-bottom: 20px
    }

    section.module.parallax-6 {
        min-height: 730px !important
    }

    .mfont16 {
        font-size: 16px !important
    }

    .pricetab button.active,.tab button.active {
        background-color: #19c2f0 ;
        color: #fff
    }

    .landingFormAlign {
        margin-left: -15px
    }

    .top2 {
        margin-top: 2em !important
    }

    #security h2 {
        font-size: 30px !important
    }

    .eSecurityul {
        padding-left: 40px
    }

    #security {
        height: 92em
    }

    .height48 {
        height: 48em
    }

    .height59 {
        height: 59em
    }

    .marginTop8 {
        margin-top: 0 !important
    }

    .marginLeft0 {
        margin-left: 0
    }

    .downWhiteBox {
        padding: 20px !important;
        padding-top: 20px !important
    }

    .marketingSubHeader {
        font-size: 25px !important
    }

    .crmEqualWidth {
        width: 100% !important
    }

    .crmheaderTop {
        margin-top: 75px !important;
        height: 52em !important
    }
}

@media (max-width: 320px) and (min-width:120px) {
    .homeCareBanner,.crmBanner,.patientExperienceBanner {
        height:100% !important
    }

    .crmheaderTop {
        height: 52em
    }

    .homeSubHeader,.contentHeader {
        font-size: 35px !important
    }

    .priceBoxWidth {
        width: 100% !important
    }

    .priceBoxAlign {
        margin-left: 0 !important
    }

    .priceBox {
        height: 211px !important
    }

    .priceSubContent,.priceContent {
        padding-top: 0 !important
    }

    .parallax-6 {
        min-height: 670px !important
    }

    .securityLock {
        margin-left: -10px
    }

    .featuresImage {
        display: block !important;
        text-align: center;
        max-width: 100%
    }

    h2 .blueTxt {
        font-size: 22px !important
    }

    .nav-pills>li+li {
        right: 8%
    }

    #DoEngageTeam {
        display: block !important
    }

    .displayNone {
        display: none !important
    }

    .founders {
        height: 0 !important
    }

    .hideLogin {
        display: none !important
    }

    .eSecurity {
        padding: 1px 4% 0 16% !important
    }

    .panelwhyus {
        padding: 15px !important
    }

    .liImg p {
        line-height: 1.2
    }

    section.module.parallax-1 {
        height: 50%;
        background: transparent !important;
        background-position: 14% 50%;
        background-repeat: no-repeat;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        max-width: 100%
    }

    .sectionTwo {
        display: block
    }

    .uniqueCrm {
        display: none !important;
        text-align: center;
        position: relative;
        top: 5em
    }

    .uniqueCrm span {
        font-size: 20px;
        line-height: 1.3
    }

    #responsive_wrapper {
        display: none
    }

    section.module.parallax-4 {
        background-image: none
    }

    .requestforDemo {
        margin-left: 10px;
        position: relative;
        left: 0;
        top: 6em;
        display: block !important
    }

    .homesignupForm {
        margin-top: 0 !important;
        width: 100% !important;
        top: -630px
    }

    .homesignupForm h2 {
        text-align: center
    }

    .securepg {
        display: block
    }

    section.module p {
        margin-bottom: 10px !important;
        font-weight: 300
    }

    .liImg p {
        font-size: 12px !important;
        padding: 6% 6% !important
    }

    .panelwhyus .whyus {
        font-size: 30px !important
    }

    .panelwhyus .whyusp {
        font-size: 12px !important
    }

    .panelwhyus p {
        padding: 0 0 !important
    }

    ul .liImg {
        height: 48px;
        margin: 32px 0;
        background: transparent !important;
        list-style: disc !important;
        padding-left: 8px !important;
        line-height: 20px;
        color: #fff
    }

    .whyusul {
        padding: 0 2% !important
    }

    .eSecurityulmob {
        display: block !important;
        padding-left: 20px
    }

    .eSecurityulmob h2 {
        color: #058383 !important;
        font-size: 16px !important;
        line-height: 22px !important;
        font-weight: normal
    }

    .eSecurityulmob p {
        font-size: 12px !important
    }

    .eSecurity {
        padding: 1px 0
    }

    .secureslide {
        display: none !important
    }

    .secureslideh2 {
        font-size: 14px;
        display: block !important
    }

    .panel2Bg {
        display: table-cell;
        padding-top: 16px;
        vertical-align: middle
    }

    .panel2Bg .container p {
        height: 100%;
        visibility: visible;
        width: 100%;
        margin-bottom: 0 !important
    }

    .pghide,.mobhide {
        display: none
    }

    .btnHide {
        display: block !important
    }

    .securepg {
        margin-top: 10px
    }

    .securepg p {
        font-size: 12px !important
    }

    .navbar-header,.navbar-btn {
        display: none
    }
    /*nav style */
    .no-underline {
        text-decoration: none;
    }
    /**/

    .nav-pillsnew {
        top: -5em;
        display: block !important
    }

    header.smaller .nav {
        top: -4em;
        font-size: 13px !important
    }

    .nav {
        font-size: 13px !important
    }

    a.doc-brand {
        background: url("https://static.docengage.in/assets/images/home/logohand.png") no-repeat
    }

    header.smaller .home_logo {
        background: url("https://static.docengage.in/assets/images/home/logohand.png") no-repeat
    }

    .footerBorder {
        display: none
    }

    .mobileEnable,.hcrmSubFeatures,.tabTestimonial,.mobileHomepageSec2 {
        display: block !important
    }

    .navigp {
        font-size: 14px !important;
        text-align: left !important;
        color: #fff !important;
        padding: 11px 5px;
        margin-bottom: 0;
        border-right: 0 solid #dddddd;
        border-left: 0 solid #dddddd
    }

    .centerImg {
        display: none
    }

    .contentContainer h3 {
        font-size: 18px
    }

    .contentContainer p {
        font-size: 13px
    }

    .staticPageTop {
        float: left;
        padding-bottom: 0;
        padding-top: 0
    }
}

@media (max-width: 568px) and (min-width:350px) {
    .securityLock,.securityHighRisk,.dataEncription,.securityHipaa {
        margin-left:-15px
    }

    .tabCrmProduct1 {
        padding-left: 35px
    }
}

@media (max-width: 568px) and (min-width:320px) {
    .securityLock {
        margin-left:-7px
    }
}

@media (max-width: 389px) and (min-width:320px) {
    header.smaller .nav {
        top:1.4em;
        font-size: 14px !important
    }

    a.doc-brand {
        background: url("https://static.docengage.in/assets/images/home/logohand.png") no-repeat !important
    }

    header.smaller .home_logo {
        background: url("https://static.docengage.in/assets/images/home/logohand.png") no-repeat !important
    }
}

@media (max-width: 480px) and (min-width:389px) {
    header.smaller .nav {
        top:1.4em !important;
        font-size: 14px !important
    }
}

@media (max-width: 480px) and (min-width:320px) {
    .featuresImage {
        display:block !important;
        text-align: center;
        max-width: 100%
    }

    .top20 {
        margin-top: 0 !important
    }

    .height27 {
        height: 34em !important
    }

    .container-fluid .jumbotron {
        margin-top: 12em
    }

    .paddingTop20 {
        padding-top: 20px !important
    }

    h2 .blueTxt {
        font-size: 26px !important
    }

    .height48 {
        height: 48em
    }

    .height59 {
        height: 59em
    }

    .marginTop8 {
        margin-top: 0 !important
    }

    .marginLeft0 {
        margin-left: 0
    }

    .downWhiteBox {
        padding: 20px !important;
        padding-top: 20px !important
    }

    .marketingSubHeader {
        font-size: 25px !important
    }

    section.module.parallax-4 {
        max-height: 670px !important
    }

    .nav-pills>li+li {
        right: 8%
    }

    .parallax-5 {
        min-height: 600px !important
    }

    #DoEngageTeam {
        display: block !important
    }

    .displayNone {
        display: none !important
    }

    .upsellContent {
        display: none
    }

    .crmContent {
        display: none
    }

    .hideTab {
        display: none !important
    }

    .skdslider ul.slide-navs {
        bottom: 2em;
        left: 30%;
        position: absolute;
        list-style-type: none;
        margin: 3%;
        padding: 0
    }

    .founders {
        height: 0 !important
    }

    section.module.parallax-6 {
        min-height: 700px !important
    }

    .liImg p {
        line-height: 1.2
    }

    .hideLogin {
        display: none !important
    }

    .eSecurity {
        padding: 1px 4% 0 16% !important
    }

    .panelwhyus {
        padding: 15px !important
    }

    section.module.parallax-1 {
        height: 50%;
        background-color: #2c3e50;
        background-position: 18% 50%;
        background-repeat: no-repeat;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        max-width: 100%
    }

    #responsive_wrapper {
        display: block
    }

    .homePageArtImg {
        margin-left: 0 !important;
        padding-top: 0 !important
    }

    section.module.parallax-4 {
        background-image: none
    }

    .homepageSec2 {
        height: 85em !important
    }

    .mobilePad {
        padding-left: 0
    }

    .securitySecHead {
        font-size: 25px !important
    }

    .sectionTwo {
        line-height: 1;
        color: #DAE1E7;
        border-radius: 0;
        text-align: center;
        padding: 8px;
        font-size: 14px !important
    }

    .requestforDemo {
        margin-left: 10px;
        position: relative;
        left: 0;
        top: 12em;
        display: none !important
    }

    .demoBtn {
        position: static !important;
        display: block !important
    }

    .btnleft {
        float: left !important
    }

    .homesignupForm {
        width: 100% !important;
        top: -150px !important;
        padding: 10px !important
    }

    .homeSection5Header {
        font-size: 1.5em !important;
        line-height: 1.3em !important
    }

    .alignCentre1 {
        text-align: center
    }

    .homeSection5Content {
        font-size: 2em !important;
        line-height: 2em !important
    }

    .section5 {
        height: 67em !important
    }

    .login_container {
        width: 90% !important;
        top: 0 !important
    }

    .homesignupForm h2 {
        text-align: center
    }

    .liImg p {
        font-size: 13px !important;
        padding: 0 8% !important
    }

    .panelwhyus .whyus {
        font-size: 35px !important
    }

    .panelwhyus .whyusp {
        font-size: 15px !important
    }

    .panelwhyus p {
        padding: 0 0 !important
    }

    ul .liImg {
        height: 52px;
        margin: 32px 0;
        background: transparent !important;
        list-style: disc !important;
        padding-left: 8px !important;
        line-height: 20px;
        color: #fff
    }

    .whyusul {
        padding: 0 2% !important
    }

    .eSecurityulmob {
        display: block !important;
        padding-left: 20px
    }

    .eSecurityul {
        padding-left: 40px
    }

    #security p {
        font-size: 15px !important
    }

    #security h2 {
        font-size: 24px !important
    }

    .top2 {
        margin-top: 2em !important
    }

    #security {
        height: 127em
    }

    .margintop1 {
        margin-top: 4.8em !important
    }

    .borderBoxShadow {
        padding-left: 20px !important;
        padding-right: 20px !important;
        padding-bottom: 10px !important
    }

    .eSecurityulmob h2 {
        color: #058383 !important;
        font-size: 18px !important;
        line-height: 24px !important;
        font-weight: normal
    }

    .eSecurityulmob p {
        font-size: 14px !important
    }

    .eSecurity {
        padding: 1px 0
    }

    .secureslide {
        display: none !important
    }

    .secureslideh2 {
        font-size: 16px;
        display: block !important
    }

    .panel2Bg {
        display: table-cell;
        padding-top: 19px;
        vertical-align: middle
    }

    .panel2Bg .container p {
        height: 100%;
        visibility: visible;
        width: 100%;
        margin-bottom: 0 !important
    }

    .pghide,.mobhide {
        display: none
    }

    .btnHide {
        display: block !important
    }

    .securepg {
        margin-top: 35px
    }

    .securepg p {
        font-size: 14px !important
    }

    .navbar-header,.navbar-btn {
        display: none
    }

    .nav-pillsnew {
        top: -4.7em;
        position: relative;
        display: block !important;
        left: 0
    }

    header.smaller .nav {
        top: -3.4em !important;
        font-size: 14px !important
    }

    .nav {
        font-size: 14px !important
    }

    a.doc-brand {
        background: url("https://static.docengage.in/assets/images/home/logo.png") no-repeat !important
    }

    .navigp {
        font-size: 18px !important;
        text-align: left !important;
        color: #fff !important;
        padding: 11px 5px;
        margin-bottom: 0;
        border-right: 0 solid #dddddd;
        border-left: 0 solid #dddddd
    }

    .centerImg {
        display: none
    }

    .staticPageTop {
        float: left;
        padding-bottom: 0;
        padding-top: 0
    }

    .contentContainer h3 {
        font-size: 22px
    }

    .contentContainer p {
        font-size: 14px
    }

    .row .col-md-4 {
        width: 100%;
        line-height: 18px
    }

    .slide-out-div a {
        display: none !important
    }

    .scrollBtn,.phoneNo {
        display: none
    }

    .pricetab button.active,.tab button.active {
        background-color: #19c2f0 ;
        color: #fff
    }

    .featureAlign {
        margin-left: -10px
    }
}

@media (max-width: 546px) and (min-width:481px) {
    .nav-pillsnew {
        top:2em !important;
        display: block !important
    }

    .scrollBtn,.phoneNo {
        display: none
    }

    .hideLogin {
        display: none !important
    }
}

@media (max-width: 640px) and (min-width:480px) {
    .featuresImage {
        display:block !important;
        text-align: center;
        max-width: 100%
    }

    h2 .blueTxt {
        font-size: 26px !important
    }

    #DoEngageTeam {
        display: block !important
    }

    .displayNone {
        display: none !important
    }

    .founders {
        height: 0 !important
    }

    .hideLogin {
        display: none !important
    }

    #responsive_wrapper {
        display: block;
        margin-top: -15px
    }

    .homecareContent,.crmContent,.uniqueCrm,.homebannerCnt1,.upsellContent,.homebannerCnt {
        display: none
    }

    .requestforDemo {
        margin-left: 10px;
        position: relative;
        left: 0;
        top: 15em;
        display: block !important
    }

    .mpull-left {
        float: left !important
    }

    section.module.parallax-4 {
        background-image: none
    }

    .homesignupForm {
        width: 100% !important
    }

    .login_container {
        width: 80% !important;
        top: 0 !important
    }

    .homesignupForm h2 {
        text-align: center
    }

    .liImg p {
        font-size: 15px !important;
        padding: 0 8% !important
    }

    .panelwhyus .whyus {
        font-size: 35px !important
    }

    .panelwhyus .whyusp,.mfont16 {
        font-size: 16px !important
    }

    .panelwhyus p {
        padding: 0 1% !important
    }

    ul .liImg {
        height: 52px;
        margin: 32px 0;
        background: transparent !important;
        list-style: disc !important;
        padding-left: 8px !important;
        line-height: 20px;
        color: #fff
    }

    .whyusul {
        padding: 0 2% !important
    }

    .eSecurityulmob {
        display: block !important;
        padding-left: 20px
    }

    .eSecurityulmob h2 {
        color: #058383 !important;
        font-size: 18px !important;
        line-height: 24px !important;
        font-weight: normal
    }

    .eSecurityulmob p {
        font-size: 14px !important
    }

    .eSecurity {
        padding: 1px 0
    }

    .secureslide {
        display: none !important
    }

    .secureslideh2 {
        font-size: 18px;
        display: block !important
    }

    .panel2Bg {
        display: table-cell;
        padding-top: 19px;
        vertical-align: middle
    }

    .panel2Bg .container p {
        height: 100%;
        visibility: visible;
        width: 100%;
        margin-bottom: 0 !important
    }

    .pghide,.mobhide {
        display: none
    }

    .btnHide {
        display: block !important
    }

    .securepg {
        margin-top: 10px
    }

    .nav-pillsnew {
        top: -5em !important;
        display: block !important
    }

    header.smaller .nav {
        top: -2.5em !important
    }

    .navigp {
        font-size: 18px !important;
        text-align: left !important;
        color: #fff !important;
        padding: 11px 5px;
        margin-bottom: 0;
        border-right: 0 solid #dddddd;
        border-left: 0 solid #dddddd
    }

    .centerImg {
        display: none
    }

    .staticPageTop {
        float: left;
        padding-bottom: 6px;
        padding-top: 6px
    }

    .contentContainer h3 {
        font-size: 24px
    }

    .contentContainer p {
        font-size: 14px
    }

    .row .col-md-4 {
        width: 100%;
        line-height: 18px
    }

    .sectionTwo {
        line-height: 1;
        color: #DAE1E7;
        border-radius: 0;
        text-align: center;
        padding: 8px;
        font-size: 16px !important
    }

    .scrollBtn,.phoneNo {
        display: none
    }
}

@media (min-width: 481px) and (max-width:767px) {
    .featuresImage {
        display:block !important;
        text-align: center;
        max-width: 100%
    }

    h2 .blueTxt {
        font-size: 28px !important
    }

    .parallax-5 {
        min-height: 600px !important
    }

    #DoEngageTeam {
        display: block !important
    }

    .displayNone {
        display: none !important
    }

    .founders {
        height: 0 !important
    }

    .liImg p {
        line-height: 2 !important
    }

    section.module.parallax-1 {
        height: 61%
    }

    section.module.parallax-4 {
        background-image: none
    }

    .homesignupForm {
        margin: 20px auto 0;
        padding: 10px !important;
        width: 80% !important;
        top: -649px;
        float: none
    }

    .mobilehomesignupForm {
        margin: 20px auto 0;
        padding: 5px;
        width: 100% !important;
        top: 10px !important;
        float: right
    }

    .login_container {
        width: 70%
    }

    .sectionTwo {
        line-height: 1.2;
        color: #DAE1E7;
        border-radius: 0;
        text-align: center;
        padding: 8px;
        font-size: 18px !important
    }

    .homesignupForm .req {
        display: none
    }

    .requestDemoMargin {
        margin-top: 24%
    }

    .textfield input {
        margin: 0
    }

    .textfield {
        border-bottom: 1px solid #F1F3F0;
        margin: 16px 17px 0
    }

    .liImg p {
        font-size: 16px !important;
        padding: 0 6% !important
    }

    li.liImg {
        list-style-type: none !important
    }

    .panelwhyus .whyus {
        font-size: 40px !important
    }

    .panelwhyus p {
        padding: 0 2% !important
    }

    ul .liImg {
        height: 52px;
        margin: 32px 0;
        background: transparent !important;
        list-style: none !important;
        padding-left: 8px !important;
        line-height: 20px;
        color: #fff
    }

    .whyusul {
        padding: 0 2% !important
    }

    .eSecurityulmob {
        display: block !important;
        padding-left: 20px
    }

    .eSecurityulmob h2 {
        color: #058383 !important;
        font-size: 18px !important;
        line-height: 24px !important;
        font-weight: normal
    }

    .eSecurityulmob p {
        font-size: 14px !important
    }

    .eSecurity {
        padding: 1px 0
    }

    .secureslide {
        display: none !important
    }

    .secureslideh2 {
        font-size: 18px;
        display: block !important
    }

    .panel2Bg {
        display: table-cell;
        padding-top: 19px;
        vertical-align: middle
    }

    .panel2Bg .container p {
        height: 100%;
        visibility: visible;
        width: 100%;
        margin-bottom: 0 !important
    }

    .pghide,.mobhide {
        display: none
    }

    .btnHide {
        display: block !important
    }

    .securepg {
        margin-top: 10px
    }

    .footerBorder .col-md-4 {
        width: 160px !important;
        line-height: 18px;
        float: left
    }

    .navbar-header,.navbar-btn {
        display: none
    }

    .nav-pillsnew {
        top: -6.6em;
        display: block !important;
        position: relative
    }

    header.smaller .nav {
        top: -3.4em
    }

    .scrollBtn,.phoneNo,.borderGradiant {
        display: none
    }

    .navigp {
        font-size: 18px !important;
        text-align: left !important;
        color: #fff !important;
        padding: 11px 5px;
        margin-bottom: 0;
        border-right: 0 solid #dddddd;
        border-left: 0 solid #dddddd
    }

    .centerImg {
        display: none
    }

    .staticPageTop {
        float: left;
        padding-bottom: 6px;
        padding-top: 6px
    }

    .row .col-md-4 {
        width: 100%;
        line-height: 18px
    }

    header .public-header {
        width: 100%
    }
}

@media (max-width: 767px) and (min-width:661px) {
    .nav-pillsnew {
        top:1em;
        display: block !important;
        position: relative
    }

    .landingFormAlign {
        margin-left: -15px
    }
}

@media (max-width: 768px) {
    .container {
        width:100% !important
    }

    .mobHide {
        display: none !important
    }

    .mobCenterAlign {
        text-align: center
    }

    .crmHeaderDescription {
        width: 100% !important
    }

    .tab button,.subPatienttab button,.subtab button,.patientSubFeatures {
        font-size: 14px !important
    }

    .tab,.pricetab {
        height: auto !important;
        width: 100% !important
    }

    .tabcontent,.pricetabcontent,.productPlan,.enterprisePlan {
        width: 100% !important;
        border: 1px solid #fff !important;
        height: auto !important
    }

    .productPlan,.enterprisePlan {
        margin-top: 15px;
        border: 1px solid #fff !important
    }

    .crmButtonBottom {
        margin-bottom: 20px !important
    }

    .tabTestimonial,.hcrmSubFeatures,.mobileHomepageSec2 {
        display: block !important
    }

    .mpaddingZero {
        padding: 0 !important
    }
}

@media (min-width: 768px) and (max-width:768px) {
    .container {
        width:100% !important
    }
}

@media (min-width: 980px) and (max-width:1023px) {
    .featuresImage {
        display:block !important;
        text-align: center
    }

    h2 .blueTxt {
        font-size: 30px !important
    }

    .container {
        width: 100% !important
    }
}

@media (min-width: 768px) and (max-width:1024px) {
    .clinicSec1 {
        height:38.5em !important
    }

    .comnTop5 {
        top: -3.25em !important
    }

    .container-fluid .jumbotron {
        margin-top: 5em;
        margin-bottom: 5em
    }

    .featuresImage {
        display: block !important;
        text-align: center;
        max-width: 100%
    }

    h2 .blueTxt {
        font-size: 30px !important
    }

    section.module.parallax {
        max-height: 435px !important
    }

    .partners {
        display: none
    }

    .mfont16 {
        font-size: 16px !important
    }

    .landingFormAlign {
        margin-left: -15px
    }

    .liImg p {
        line-height: 2 !important
    }

    section.module.parallax-4 {
        background-image: none
    }

    .requestDemoMargin {
        margin-top: 35%
    }

    .textfield {
        border-bottom: 1px solid #F1F3F0;
        margin: 16px 17px 0
    }

    .nav {
        float: right;
        margin-right: 0;
        font-size: 16px !important;
        margin-top: -12px !important;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        -ms-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s
    }

    .btn {
        display: inline-block;
        margin-bottom: 0;
        font-weight: normal;
        text-align: center;
        vertical-align: middle;
        cursor: pointer;
        background-image: none;
        border: 1px solid transparent;
        white-space: nowrap;
        border-radius: 2px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    header.smaller .nav {
        float: right;
        margin-right: 0;
        font-size: 13px !important;
        margin-top: -24px !important;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        -ms-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s
    }

    .homesignupForm {
        margin: 14px auto 0;
        top: -270px
    }

    .login_container {
        width: 60% !important
    }

    .sectionTwo {
        line-height: 1.4;
        color: #DAE1E7;
        border-radius: 0;
        text-align: center;
        padding: 8px;
        font-size: 22px !important
    }

    section.module.parallax-1 {
        height: 84%
    }

    #security h2 {
        font-size: 26px
    }

    .liImg p {
        font-size: 18px !important;
        padding: 0 6% !important
    }

    .panelwhyus .whyus {
        font-size: 55px !important
    }

    .panelwhyus .whyusp {
        font-size: 18px !important
    }

    .panelwhyus p {
        padding: 0 10% !important
    }

    .pghide {
        display: none
    }

    .securepg {
        margin-top: 20px
    }

    .secureslide {
        display: none !important
    }

    .secureslideh2 {
        display: block !important
    }

    .securepg p {
        font-size: 14px
    }

    section.module p {
        margin-bottom: 20px !important
    }

    .col-md-2Width {
        width: 23% !important;
        padding-left: 0
    }

    .row .col-md-4 {
        width: 160px;
        line-height: 18px;
        float: left
    }


    .centerImg {
        display: none
    }



    header .public-header .container {
        width: 100%
    }







    .followusWidth {
        width: 100% !important
    }

    .androidIcon {
        margin-left: -8px !important;
        margin-top: 10px;
        margin-bottom: 10px
    }

    .mmarginLeft2 {
        margin-left: 2px !important
    }

    .homeCareBanner,.patientExperienceBanner,.crmBanner {
        height: 100% !important
    }

    .tabcontent {
        width: 100% !important;
        border: 1px solid #fff !important;
        height: auto !important
    }

    .patientSubFeatures {
        font-weight: 400;
        font-size: 16px !important
    }

    .emrBanner {
        background-position: 60% 30% !important
    }

    .emrBoxes {
        height: 90px !important
    }

    .rcorners {
        height: 90px !important
    }

    .connectBox {
        height: 65px !important
    }



    .emailWidth {
        width: 150%
    }

    .tabSubHeaderTop {
        margin-top: 45px
    }

    .patientConnect {
        margin-left: 10px
    }

    section.module.parallax-4 {
        background-image: none !important
    }

    .priceBoxWidth,.crmHeaderDescription {
        width: 100% !important
    }

    .priceBoxAlign {
        margin-left: 0 !important
    }

    .priceBox {
        height: 211px !important
    }

    .priceSubContent,.priceContent {
        padding-top: 0 !important
    }

    .tabTestimonial,.hcrmSubFeatures,.mobileHomepageSec2 {
        display: block
    }

    .tab,.pricetab,.pricetabcontent {
        height: auto !important;
        width: 100% !important
    }

    .pricetabcontent {
        border-right: 1px solid #ccc !important;
        border-left: 1px solid #ccc !important
    }

    .tabCrmProduct1 {
        padding: 7em;
        margin-top: -5em !important
    }

    .tabCrmProduct2 {
        padding: 7em;
        margin-top: -19em !important;
        margin-bottom: 0 !important
    }

    .tabCrmProduct3 {
        padding: 7em;
        margin-top: -13.8em !important;
        margin-bottom: -5em !important
    }
}

@media (min-width: 1024px) and (max-width:1280px) {
    .feature_billing {
        width:395px !important
    }

    .feature_pharmacy {
        width: 395px !important;
        padding: 110px 200px !important
    }

    .requestDemoMargin {
        margin-top: 55%
    }

    .arrowVideo {
        top: 350px
    }



    .btn {
        display: inline-block;
        margin-bottom: 0;
        font-weight: normal;
        text-align: center;
        vertical-align: middle;
        cursor: pointer;
        background-image: none;
        border: 1px solid transparent;
        white-space: nowrap;
        padding: 5px 10px;
        font-size: 14px;
        border-radius: 2px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .scrollBtn .btn-primary {
        padding: 8px 16px !important;
        font-size: 20px
    }





    .sectionTwo {
        line-height: 1.4;
        color: #DAE1E7;
        border-radius: 0;
        text-align: center;
        padding: 8px;
        font-size: 24px !important
    }

    section.module.parallax-1 {
        height: 94%
    }
}

@media only screen and (min-width: 1900px) {
    .homescreen {
        margin-right:0;
        position: relative;
        right: 34px;
        text-align: right
    }

    .bottomTransTxt {
        text-align: right;
        position: relative;
        right: 128px
    }
}



    .partners {
        display: none
    }

    .slide-out-div {
        display: none !important
    }

    .feature_calendar-featuren,.feature_billing,.feature_pharmacy,.feature_lab,.feature_asset,.feature_analytics,.feature_expense,.feature_automatedEmails,.feature_market,.feature_oppertunity,.feature_careOpportunities,.feature_leads,.feature_learning,.feature_replay,.feature_widgets,.feature_home-care,.feature_triage-team,.feature_time-efficient,.feature_Patient-Area-locater,.feature_Patient-Retention,.feature_emr-in-mobile,.feature_careplan,.feature_visitingconsultent,.feature_rerouting,.feature_homecare-bill,.feature_corporate-hospital,.feature_Home-Delivery,.feature_home-care,.feature_consultation,.feature_electronic-medical-record,.feature_personal-health-record,.feature_club,.feature_membershipcard,.feature_refferal,.feature_feedback,.feature_patientfollowup,.feature_Patient-Retention,.feature_patient-reactive {
        display: none !important
    }

    .panel2Bg .container,.securePanel .container,.panel3Bg .container {
        margin: 0 auto !important;
        padding: 10px;
        font-size: 18px
    }

    .panel3Bg .col-md-8 {
        width: 100%
    }


    .panel3Bg {
        padding-top: 60px
    }

    .homebannerCnt {
        left: 20px
    }

    section.module.parallax {
        height: 430px
    }

    .sectionTwo {
        font-size: 18px
    }

    section.module.parallax-4 {
        background-image: none !important
    }
}

@media (max-width: 600px) and (min-width:388px) {
    .homepageSec2 {
        height:75em !important
    }

    #security {
        height: 113em
    }

    .hideLogin {
        display: none !important
    }

    .section5 {
        height: 54em !important
    }
}

.mobileHomepageSec2 {
    background: #1FA2FF;
    background: -webkit-linear-gradient(to left, #A6FFCB, #12D8FA, #1FA2FF);
    background: linear-gradient(to left, #A6FFCB, #12D8FA, #1FA2FF)
}

.digitalSec {
    text-align: center;
    margin-top: 9em;
    margin-bottom: 4em
}

.digitalCont {
    font-size: 3em;
    line-height: 1em;
    font-weight: 500
}

.prodSec {
    border-radius: 5px;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,0.3),0 0 0 1px rgba(0,0,0,0.04);
    padding: 3em 0 0 0;
    background: #fff
}

.singleProdSec {
    margin-bottom: 3em;
    border-bottom: 1px solid #eaeaea;
    padding: 0 1em
}

.singleProdCont {
    margin-left: 3em;
    margin-top: -3em
}

.prodSec a {
    color: #2c3e50;
    text-decoration: none;
    cursor: pointer
}

.prodSec a:hover {
    color: #2c3e50;
    text-decoration: none;
    cursor: pointer
}

.slide-out-div {
    width: 370px;
    height: 480px !important;
    background: #058383;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    z-index: 5000
}

.slide-out-div h3 {
    font-size: 32px;
    margin: 5px 0 0 5px;
    color: #fff
}

.slide-out-div h2 {
    margin: 20px 0 5px 5px;
    font-size: 22px;
    color: #fff
}

.slide-out-div p {
    font-size: 14px;
    color: #fff;
    line-height: 1.2em
}

#contact p {
    text-align: center;
    padding: 18px 0 0;
    font-size: 18px
}

#quick-contact {
    margin: 0 0 0 10px;
    width: 320px;
    height: 370px
}

.handle {
    top: 105px !important
}

#contact_form2 ol {
    margin: 0 0 0 10px;
    padding: 0;
    list-style: none;
    color: #fff;
    list-style-type: none
}

#contact_form2 li {
    margin: 0;
    padding: 10px 0;
    background: none;
    border: none;
    display: block;
    clear: both
}

#contact_form2 label {
    margin: 0;
    width: 115px;
    display: block;
    padding: 0;
    color: #fff;
    text-transform: capitalize;
    float: left
}

#contact_form2 label span {
    color: #F00
}

.buttonss {
    margin: 0 0 0 120px;
    background: #ccc;
    width: 100px;
    height: 27px;
    display: block;
    border: none;
    cursor: pointer;
    text-indent: -9999px
}

.buttonss:hover {
    background-position: 0 -27px
}

#contact_form2 input.text {
    border: none;
    margin: 2px 0;
    padding: 5px;
    width: 245px;
    height: 30px;
    float: left
}

#contact_form2 textarea {
    border: none;
    margin: 2px 0;
    padding: 5px;
    width: 245px;
    height: 76px;
    resize: none;
    float: left
}

#showalert {
    font-size: 12px;
    font-weight: bold
}

.form-group {
    margin-bottom: 15px
}

.form-control {
    height: 50px !important;
    padding: 8px 12px !important
}

.form-label {
    font-size: 16px;
    color: #2C3E50;
    padding-top: 0 !important;
    font-weight: normal
}

.homeform-label {
    font-size: 16px;
    color: #fff;
    padding-top: 0 !important;
    font-weight: normal
}

.main-login {
    background-color: #fff;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.3);
    box-shadow: 0 2px 2px rgba(0,0,0,0.3)
}

.input-group {
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.21) !important
}

.landingSubmitButton {
    margin-top: 28px !important;
    padding: 10px 12px;
    color: #2c3e50;
    text-shadow: 0 1px #fff;
    cursor: pointer;
    -moz-border-radius: 3px 3px;
    -webkit-border-radius: 3px 3px;
    border-radius: 3px 3px;
    background: #eee
}

.hcrmSubmitButton {
    margin-top: 28px !important;
    padding: 10px 12px;
    color: #fff;
    text-shadow: 0 1px #fff;
    cursor: pointer;
    -moz-border-radius: 3px 3px;
    -webkit-border-radius: 3px 3px;
    border-radius: 3px 3px;
    background: #287CB3
}

.ehrMainForm {
    margin-top: 30px;
    margin: 0 auto;
    max-width: 400px;
    padding: 20px 40px 30px;
    background: #058383;
    color: #FFF
}

.homeMainForm {
    margin-top: 30px;
    margin: 0 auto;
    max-width: 400px;
    padding: 20px 40px 30px;
    background: #5757a2;
    color: #FFF
}

.physioMainForm {
    margin-top: 30px;
    margin: 0 auto;
    max-width: 400px;
    padding: 20px 40px 30px;
    background: #287CB3;
    color: #FFF
}

.hcrmMainForm {
    margin-top: 30px;
    margin: 0 auto;
    max-width: 400px;
    padding: 20px 40px 30px;
    background: #058383;
    color: #FFF
}

.cosmoMainForm {
    margin-top: 30px;
    margin: 0 auto;
    max-width: 400px;
    padding: 20px 40px 30px;
    background: #c0392b;
    color: #FFF
}

.input-group-addon {
    padding: 6px 16px;
    font-size: 16px
}

span.input-group-addon i {
    color: #058383;
    font-size: 17px
}

.login-button {
    margin-top: 5px
}

.login-register {
    font-size: 11px;
    text-align: center
}

.landingHeader {
    font-size: 27px;
    font-weight: 500;
    line-height: 36px
}

.landingSubHeader {
    font-size: 20px;
    font-weight: 500;
    line-height: .1em
}

.font15 {
    font-size: 15px
}

.footerbg {
    padding: 18px 20px 0
}

.footerBorder {
    border-bottom: 0 solid #8A8C8C;
    padding-bottom: 0
}

.termsAlign {
    color: #8A8C8C !important;
    word-spacing: 2px
}

.termsAlign i {
    color: #c0392b;
    margin-top: -1px;
    top: 3px
}

.footerTxt {
    color: #8a8c8c;
    word-spacing: 2px
}

.footerTxt:hover,a:hover {
    color: #AAADAD
}

.copyrightFooter {
    color: #8A8C8C;
    font-size: 16px;
    margin: 10px 0 0 -8px;
    word-spacing: 2px
}

.landingTestData {
    font-size: 20px;
    line-height: 26.4px;
    font-weight: 400
}

a.docLanding-brand {
    background: url("https://static.docengage.in/assets/images/home/logo2X.png") no-repeat;
    background-repeat: no-repeat;
    height: 70px;
    float: left;
    margin-left: 0 !important;
    text-indent: -10000px;
    width: 250px;
    margin-top: -15px
}

.ehrFeaturesIcon {
    color: #058383;
    line-height: 20px
}

.homeFeaturesIcon {
    color: #5757a2;
    line-height: 20px
}

.physioFeaturesIcon {
    color: #287CB3;
    line-height: 20px
}

.cosmoFeaturesIcon {
    color: #c0392b;
    line-height: 20px
}

.landingSubAlign {
    margin-left: -10px
}

.paddingLeft3 {
    padding-left: 3em
}

.hmHead {
    font-weight: 300;
    color: #2c3e50;
    padding-bottom: 2em
}

.hmSubHead {
    font-weight: 300;
    color: #2c3e50
}

.hmSubHead1 {
    font-weight: 300;
    color: #2c3e50;
    padding-bottom: 10px
}

.hmque {
    font-size: 3em;
    color: #fff;
    margin-bottom: 18px
}

.hisque {
    font-size: 2.1em;
    color: #fff;
    margin-bottom: 18px
}

.hmAns {
    margin-top: 45px;
    font-size: 20px
}

.hmtyp {
    margin-bottom: 30px;
    font-size: 20px
}

.hmfaq {
    padding-bottom: 10px;
    font-size: 2.5em
}

@media (min-width: 480px) and (max-width:640px) {
    a.docLanding-brand {
        width:100%;
        margin: 15px
    }
}

@media (max-width: 480px) and (min-width:320px) {
    .faq {
        height:136em !important
    }

    .rfd {
        top: 0 !important
    }

    .paddingLeft3 {
        padding-left: 0
    }
}

@media (max-width: 760px) and (min-width:481px) {
    .paddingLeft3 {
        padding-left:0
    }
}

.font3 {
    font-size: 2.5em;
    color: #2c3e50
}

.paddingRight20 {
    padding-right: 20px !important
}

.blogImage {
    height: 25em;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.blackTxt {
    color: black
}

.font17 {
    font-size: 17px
}

.landingFooterHeader {
    line-height: 1.5em;
    font-size: 39px;
    margin-top: 3em;
    margin-bottom: 2em
}

.borderRight1 {
    border-right: 1px solid #c3bfbf
}

.landingFooterHeaderIntegration {
    line-height: 1.5em;
    font-size: 34px;
    margin-top: 4em;
    margin-bottom: 4em
}

.font20 {
    font-size: 20px
}

#slider {
    margin: 0;
    padding: 0
}

.skdslider {
    width: 100%;
    height: 80%;
    position: relative;
    display: block;
    overflow: hidden
}

.skdslider:after {
    content: '';
    padding-top: 50%;
    display: block
}

.skdslider .slide {
    display: none
}

.skdslider .slide img {
    border: 0;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover
}







.skdslider .slide-desc {
    background: url("https://static.docengage.in/assets/libs/skdslider/image/slide_desc.png") repeat scroll 0 0 transparent;
    left: 0;
    padding: 0 15px 0 15px;
    position: absolute;
    bottom: 15%;
    max-width: 85%;
    display: inline-block
}

.skdslider .slide-desc>h2 {
    color: #CFDB0C;
    font-family: 'Oswald';
    font-size: 25px;
    margin-bottom: 10px;
    margin-top: 10px;
    text-transform: uppercase
}

.skdslider .slide-desc>p {
    color: #FFFFFF;
    font-family: 'Oswald';
    font-size: 16px;
    line-height: 20px;
    margin-top: 5px
}

.skdslider .slide-desc>p a.more {
    color: #990000;
    font-size: 20px;
    text-decoration: none
}

.skdslider .slide-desc>p a.more:hover {
    text-decoration: underline
}

.skdslider a.prev {
    background: url("https://static.docengage.in/assets/libs/skdslider/image/left.png") no-repeat scroll 0 0 transparent;
    width: 35px;
    height: 35px;
    display: block;
    cursor: pointer;
    position: absolute;
    top: 50%;
    left: 2%;
    margin-top: -17px
}

.skdslider a.next {
    background: url("https://static.docengage.in/assets/libs/skdslider/image/right.png") no-repeat scroll 0 0 transparent;
    width: 35px;
    height: 35px;
    display: block;
    cursor: pointer;
    position: absolute;
    top: 50%;
    right: 2%;
    margin-top: -17px
}

.skdslider a.play {
    background: url("https://static.docengage.in/assets/libs/skdslider/image/play.png") no-repeat scroll center center transparent;
    width: 35px;
    height: 35px;
    display: none;
    cursor: pointer;
    position: absolute;
    top: 50%;
    left: 48%;
    margin-top: -17px
}

.skdslider a.pause {
    background: url("https://static.docengage.in/assets/libs/skdslider/image/pause.png") no-repeat scroll center center transparent;
    width: 35px;
    height: 35px;
    display: none;
    cursor: pointer;
    position: absolute;
    top: 50%;
    left: 48%;
    margin-top: -17px
}

@media screen and (max-width: 767px) {
    .skdslider .slide-desc>h2 {
        font-size:20px;
        margin-bottom: 5px;
        margin-top: 5px
    }

    .skdslider .slide-desc>p {
        font-size: 14px;
        line-height: 15px;
        margin-top: 5px
    }

    .skdslider .slide-desc>p a.more {
        font-size: 14px
    }
}

.skdslider .slide-desc3 {
    right: 7em;
    padding: 0 15px 0 15px;
    position: absolute;
    top: 7em;
    max-width: 40%;
    display: inline-block
}

.skdslider .slide-desc2 {
    left: 7em;
    padding: 0 15px 0 15px;
    position: absolute;
    bottom: 14em;
    max-width: 60%;
    display: inline-block
}

.skdslider .slide-desc1 {
    padding: 0 15px 0 15px;
    position: absolute !important;
    top: 4em;
    max-width: 100%;
    display: block;
    z-index: 99999
}

::selection {
    background-color: #2c3e50 !important;
    color: #F0F0F0
}

h1,.h1 {
    font-size: 28px
}

a {
    color: #058383;
    text-decoration: none
}

a:hover {
    color: #005580;
    text-decoration: underline
}

li {
    line-height: 18px
}

.securityHipaa,.dataEncription,.securityHighRisk,.securityLock,.security,.startupHealth,.liImg1,.docengageHeart,.docengageMail,.logoWhite {
    background: url("https://static.docengage.in/assets/images/home/de-spriteNew.png") no-repeat scroll transparent
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),only screen and (-moz-min-device-pixel-ratio:1.5),only screen and (-o-min-device-pixel-ratio:3/2),only screen and (min-device-pixel-ratio:1.5) {
    .securityHipaa,.dataEncription,.securityHighRisk,.securityLock,.security,.startupHealth,.liImg1,.docengageHeart,.docengageMail,.logoWhite {
        background:url("https://static.docengage.in/assets/images/home/de-spriteNew.png") no-repeat scroll transparent
    }
}





.btn-success {
    margin-bottom: 9px
}



.row .col-md-4 {
    width: 160px;
    line-height: 18px
}


header {
    min-height: 80px
}

.left {
    float: left
}


.top-profile-pic img {
    border: 1px solid #e7ecec;
    width: 20px;
    height: 20px;
    margin-right: 2px;
    vertical-align: top
}

*,a {
    outline: none !important
}




.eventright {
    float: right;
    font-size: 11px;
    font-weight: normal
}

.eventleft {
    float: left
}

.profile-description {
    border: 1px solid #e7ecec;
    border-radius: 4px;
    padding: 15px;
    margin-bottom: 15px
}

.profile-description h2 {
    font-size: 16px;
    font-weight: bold;
    line-height: 22px;
    padding-bottom: 5px;
    margin: 0 0 10px;
    color: #058383
}

.profile-description p {
    font-size: 15px;
    color: #2C3E50;
    line-height: 20px
}

.events-list-even {
    background: #fcfcfc;
    border-bottom: 1px solid #E7ECEC;
    padding: 5px;
    min-height: 25px
}

.events-list-odd {
    background: #fcfcfc;
    padding: 5px;
    min-height: 25px
}

.events-list-even:hover {
    background: #f9f9f9
}

.events-list-odd:hover {
    background: #f9f9f9
}

footer {
    font-size: 16px;
    line-height: 20px;
    margin: 20px 0;
    padding: 15px 0
}

.popSourceBlock {
    display: none
}

#main .sidebar {
    display: none
}

#main.use-sidebar .sidebar {
    display: block
}

.leftmargin {
    margin-left: 0 !important
}

#button-toggle {
    cursor: pointer
}

.patientname {
    width: 103px;
    float: left
}

.schdl-time {
    width: 50px;
    float: left;
    margin-left: 25px
}



.btn-orange {
    background-color: #E68523;
    background-image: -moz-linear-gradient(center top, #f6b02a, #ee6616);
    border: 2px solid #FFF;
    box-shadow: 0 1px 3px 1px rgba(0,0,0,0.3);
    color: #FFF;
    cursor: pointer;
    display: block;
    font-family: 'Roboto',sans-serif;
    font-size: 16px;
    font-weight: bold;
    line-height: 15px;
    margin: 0 0 1px;
    padding: 2px 10px;
    position: relative;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.2)
}

input,button,select,textarea {
    font-family: 'Roboto',sans-serif
}

input,textarea,select,.uneditable-input {
    border-radius: 3px 3px 3px 3px
}

.greytitle {
    color: #95a5a6
}

.red {
    color: #ff0000
}

.greentitle {
    color: #058383
}

body.static-body {
    font-family: "Roboto",sans-serif
}

body.static-body,header.static-header {
    background-color: #fff;
    background-repeat: repeat
}

header.static-header {
    min-height: 84px
}

a.doc-brand {
    padding: 0 !important
}

.footer-container-fluid {
    padding: 10px 80px
}

.main-container-fluid {
    padding-left: 0;
    padding-right: 0
}



.btn-group img {
    margin-left: 10px;
    margin-top: 14px;
    width: 65px
}



.btn-group a.sign-in {
    background: url("https://static.docengage.in/assets/images/common/signin1.png") no-repeat 0 0;
    color: #008e8d;
    float: left;
    font-size: 13px;
    font-weight: bold;
    height: 24px;
    margin-top: 7px;
    padding-top: 6px;
    padding-left: 20px;
    text-decoration: none;
    width: 68px
}

.btn-group a.sign-up:hover {
    background-position: 0 -30px;
    text-decoration: none
}

.btn-group a.sign-up {
    background: url("https://static.docengage.in/assets/images/common/signup1.png") no-repeat 0 0;
    color: #EDEBEC;
    float: left;
    font-size: 13px;
    font-weight: bold;
    height: 24px;
    margin-top: 7px;
    padding-top: 6px;
    text-decoration: none;
    padding-left: 19px;
    width: 74px;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.25)
}

.btn-group a.sign-in:hover {
    background-position: 0 -30px;
    text-decoration: none
}



footer.signup-signin-footer {
    background-image: none
}

a.mail_color:hover {
    color: #1A9792;
    text-decoration: none
}

#privacy,#terms {
    margin-bottom: 20px
}

h2.privacy-terms-subheading {
    color: #1f9a93;
    font-size: 28px;
    padding: 10px 80px 0
}

.header.inner-header {
    background-color: #fff;
    background-repeat: repeat
}

.banner1 .banners.inactive {
    opacity: 0;
    z-index: 0
}

.banner1 .banners {
    left: 0;
    position: absolute;
    top: 0;
    transition: all 1s ease 0s;
    width: 100%
}

ul.left-part {
    padding: 10px 0 0 20px;
    margin: 0
}

ul.left-part li {
    color: #2D363B;
    font-size: 18px;
    line-height: 25px;
    list-style-type: square !important;
    margin: 0 0 10px
}

.home-slider-tabs li a {
    font-weight: bold
}

.video_heading_title {
    font-size: 18px;
    font-weight: normal
}

.footer_section {
    background-color: #21343f;
    color: #fff;
    margin: 0
}

.footer_section h2,.footer_section p {
    color: #ffffff
}

.footer_section p {
    font-size: 16px
}

.connect-spacing-right {
    margin-left: 20px
}

.doc-connect-header,.marginBottom20 {
    margin-bottom: 20px
}

.banner1 .container {
    position: relative
}

.greenTxt {
    color: #058383
}

.btn-success.btn-reg {
    padding: 6px 0 !important
}

#page {
    background: #fff
}

::selection {
    background-color: #058383
}

::-moz-selection {
    background-color: #058383
}

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


    .btn-primary,.panel1button .btn-warning,a.btn-started,a.display {
        font-size: 12px !important
    }

    .panel1button a.getstarted {
        height: 34px;
        padding: 8px
    }

    .footer_section p {
        font-size: 14px
    }



    body {
        max-width: 100%
    }
}

@media (min-width: 980px) and (max-width:1279px) {
    body {
        overflow-x:hidden
    }




}

@media (min-width: 320px) and (max-width:480px) {
    .imgWidth {
        width:100%
    }

    body {
        overflow-x: hidden
    }



    .getstarted {
        font-size: 13px;
        width: 168px !important;
        margin-left: 50px !important
    }





    .pricing-black-section {
        padding-left: 15px
    }

    .footer_section {
        padding-left: 15px
    }

    .footer_section p {
        font-size: 14px
    }

    .footer_section h2 {
        font-size: 18px !important
    }

    .display {
        display: none !important
    }

    .right a.facebook-logo {
        margin-right: 3px
    }

    .right a.twitter-logo {
        margin-right: 3px
    }
}

.footer_section h2,.footer_section p {
    color: #999999
}

hr.soften {
    height: 1px;
    margin: 50px 0;
    background-image: -webkit-linear-gradient(left, transparent, rgba(0,0,0,0.1), transparent) -moz-linear-gradient(left, transparent, rgba(0,0,0,0.1), transparent) -ms-linear-gradient(left, transparent, rgba(0,0,0,0.1), transparent) -o-linear-gradient(left, transparent, rgba(0,0,0,0.1), transparent);
    border: 0
}

#security h2 {
    color: #3c4f59;
    font-size: 28px;
    line-height: 40px;
    font-weight: normal;
    margin-bottom: 18px
}

#security p {
    font-size: 17px;
    line-height: 24px
}

.security-level1 {
    margin-top: 40px
}

input.gender {
    margin-top: -5px
}

header.public-header {
    background-color: #fcfcfc;
    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.065);
    -moz-box-shadow: 0 1px 4px rgba(0,0,0,0.065);
    box-shadow: 0 1px 4px rgba(0,0,0,0.065);
    margin: 0
}

h2.location {
    padding: 10px 20px 25px 0;
    font-size: 25px;
    margin: 0;
    color: #34495E;
    font-weight: normal
}

.ProfileDescriptionSection h2 i,h2.location i,h2.book-appt i {
    color: #058383
}

.bottom_space {
    margin-bottom: 10px !important
}

input.custom-ip {
    margin-top: 9px;
    min-height: 28px !important
}

.more,.less {
    float: right;
    font-size: 14px;
    color: #058383;
    cursor: pointer
}

.less {
    display: none
}

body.publicpage-bg {
    background-color: #e5e7e9
}

footer.publicpage-footer {
    margin: 0
}












.homebannerCnt {
    color: #FFFFFF;
    font-size: 2.6em;
    line-height: 46px;
    position: relative;
    top: 30px;
    width: 535px
}

.homebannerCnt span {
    color: #7f8c8d;
    font-size: 30px
}

.homebannerCnt p {
    margin-bottom: 10px !important
}

.homegreenbtn {
    border: medium none;
    color: #FFFFFF;
    font-size: 23px;
    vertical-align: middle;
    border-radius: 3px
}

.getStartedPos {
    background: none repeat scroll 0 0 #c0392b;
    clear: both;
    display: block;
    float: left;
    margin: 20px auto 5px;
    overflow: hidden;
    padding: 10px 10px 10px 15px;
    text-align: center
}

.getStartedPosGreen {
    background: none repeat scroll 0 0 #058383;
    clear: both;
    display: block;
    float: left;
    margin: 20px auto 5px;
    overflow: hidden;
    padding: 10px 10px 10px 15px;
    text-align: center
}

.requestDemoMargin {
    margin-top: 34%
}

a.homegreenbtn:hover,a.homegreenbtn:focus {
    text-decoration: none;
    color: #fff
}

.homePanel1 {
    overflow: hidden;
    position: relative;
    padding: 30px;
    color: inherit;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    height: 100%;
    z-index: 0;
    min-height: 640px
}

.homescreen {
    position: relative;
    text-align: center;
    border-right: 0 solid #e8e8e5
}

.homeTransbg {
    background: url("https://static.docengage.in/assets/images/home/whitetrans.png") repeat scroll 0 0 transparent;
    float: right;
    width: 575px
}

.homeTransbg h3,.homeTransbg h2 {
    margin: 0
}

.homeTransbg h3 {
    padding-top: 45px
}

.homeTransbg h2 {
    font-size: 32px;
    font-weight: 600
}

.homeLeft h2 {
    color: #658186;
    font-size: 23px;
    margin-top: 0 !important
}

.marginTop25 {
    margin-top: 25px !important
}

.homesignupForm,.mobilehomesignupForm {
    color: #36454f;
    font-size: 22px;
    padding: 5px 0;
    margin-top: 80px;
    margin-bottom: 70px
}

.homeTransbg .col-md-8 {
    margin: 0 auto !important;
    float: none !important
}

.row .col-md-16 {
    width: 62.812%
}

.homesignupForm h3 {
    line-height: 32px
}

.homesignupForm form,.mobilehomesignupForm form {
    margin: 0 10px;
    padding-bottom: 23px
}

.div login_form form {
    border: 1px solid #F89A00
}

.textfield {
    border: 1px solid #D8D8D8 !important;
    margin: 15px -20px 0 0
}

.textfield input {
    border: 0 none !important
}

.hoverColor,.hoverColor input {
    border-color: #fab8b1 !important;
    color: #E74C3C
}

.noborder {
    border: 0 none !important
}

.homeorange {
    background-color: #E74C3C;
    border: 1.9px solid #C0392B;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    font-size: 19px;
    font-weight: bold;
    margin-left: 41px !important;
    padding: 15px 15px 14px;
    text-align: center;
    width: 75% !important;
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-transition: border .25s linear,color .25s linear,background-color .25s linear;
    transition: border .25s linear,color .25s linear,background-color .25s linear
}

.homeLeft {
    color: #303e4c;
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 22px
}

.orangetxt {
    color: #F58925
}

.panel2Bg h1.blueTxt,.securePanel p.blueTxt {
    text-align: center;
    font-size: 25px !important;
    margin-top: 6px;
    font-weight: normal;
    line-height: 34px
}

.blueTxt {
    color: #287CB3
}

p.mleft {
    line-height: 29px
}

.panel2Bg .container {
    margin-top: 57px
}

.mtop {
    margin-top: 10px
}

.home_footer {
    padding: 0 !important
}

.footer_section {
    background-color: #2C3E50;
    color: #FFFFFF;
    margin: 0
}

.footer_section ul {
    list-style: none;
    color: #b1b5b5;
    margin: 0;
    padding: 0
}

.footer_section li {
    font-size: 14px;
    line-height: 20px;
    padding: 5px 0
}

.footer_section li strong {
    color: #dcdede
}

.footer_section ul li a {
    color: #b1b5b5;
    text-decoration: none;
    font-size: 16px
}

.footer_section ul li a:hover {
    color: #d0d3d3
}

.footer_section .col-md-3,.footer_section .col-md-1,.footer_section .col-md-4 {
    margin-left: 0 !important
}

.footer_section .col-md-2 {
    width: 12% !important
}

.footerbg,.footerLandingbg {
    background-image: url("https://static.docengage.in/assets/images/home/texturebg.png");
    padding: 34px 20px 0
}

.footerBorder {
    padding-bottom: 30px
}

.hideWeb,.hcrmSubFeatures,.tabTestimonial,.btnHide,.mobileHomepageSec2 {
    display: none
}

.footerbg .container form {
    margin: 10px 0
}

.footer_section input[class*="span"] {
    float: left !important;
    width: 145px
}

.footer_section button[class*="span"] {
    float: left !important;
    width: 91px
}

.copyrightFooter {
    color: #b1b5b5;
    font-size: 14px;
    margin: 20px 0;
    word-spacing: 2px
}

.copyrightFooter a {
    color: #dcdede
}

.copyrightFooter i {
    color: #c0392b;
    position: relative;
    top: 3px
}

.headerTop {
    margin-top: 86px;
    overflow: hidden
}

.right-to-left {
    border-width: 0 0 1px 0;
    -webkit-border-image: -webkit-gradient(linear, 100% 0, 0 0, from(#000000), to(rgba(44,62,80,0))) 1 100% -webkit-linear-gradient(right, #7f8c8d, rgba(44,62,80,0)) 100% 1;
    -o-border-image: -o-linear-gradient(right, #7f8c8d, rgba(44,62,80,0)) 100% 1;
    -moz-border-image: -moz-linear-gradient(right, #7f8c8d, rgba(44,62,80,0)) 100% 1
}

.staticPage {
    color: #2F2F2F;
    line-height: 23px;
    padding-bottom: 60px
}

.staticPageTop {
    padding: 5px 0 0;
    margin-top: 40px
}

.staticPageTop p {
    line-height: 1.5
}

.req {
    font-size: 12px;
    float: right;
    text-transform: capitalize
}

.orangeTxt {
    color: #c0392b
}

.texture {
    background: url("https://static.docengage.in/assets/images/home/texturebg.png") repeat scroll 0 0 transparent
}



.featuredPage h2 {
    margin: 0 0 20px;
    font-weight: normal
}

.featuredPage img {
    margin-top: 11px
}

.paddingSpacing {
    padding-top: 40px
}

.ssIconFix {
    color: #FFFFFF !important;
    font-size: 22px !important;
    margin-top: 4px;
    position: relative;
    top: 3px
}

.homePanel1 .col-md-4 {
    width: 42.65% !important
}

.innerContainer {
    color: #34495E;
    font-size: 16px;
    line-height: 24px;
    margin: 0 auto;
    width: 1110px
}



.customSpan {
    margin-right: 2.7179%;
    width: 46% !important;
    margin-bottom: 50px
}

.greyBg {
    background: none repeat scroll 0 0 #eeeded;
    height: 100%
}

.contentContainer h3 {
    margin: 0 0 20px
}

input:-webkit-autofill {
    background-color: #fff !important
}

.signupBottom {
    color: #34495E;
    font-size: 16px;
    line-height: 23px;
    margin-top: 14px;
    text-align: center
}

@media all and (min-width: 600px) and (max-width:1250px) {
    .homePanel1 .col-md-8 {
        width:41.5% !important
    }

    .textfield input {
        border: 0 none !important;
        width: 100% !important
    }
}

@media all and (min-width: 100px) and (max-width:800px) {
    .homescreen {
        display:none !important
    }

    .homePanel1 .col-md-8 {
        width: 100% !important
    }

    .homeorange {
        margin-bottom: 0 !important;
        margin-left: auto !important;
        margin-right: auto !important;
        margin-top: 0;
        padding: 7px 0;
        width: 83% !important;
        float: none !important
    }

    .headerText,.homeTransbg h3,.homeTransbg h2 {
        text-align: center
    }
}

@media all and (min-width: 800px) and (max-width:1100px) {
    .homeorange {
        font-size:15px;
        margin-left: 0 !important;
        margin-top: 10px;
        padding: 7px;
        width: 100% !important
    }

    .homeTransbg .col-md-16 {
        width: 100% !important;
        text-align: center
    }

    .textfield input {
        width: 100% !important
    }
}

@media only screen and (min-width: 0) and (max-width:319px) {
    .footerbg {
        display:none;
        padding-top: 20px !important
    }

    .footerResponsive {
        display: block !important
    }

    .security {
        display: none
    }

    .homescreen {
        display: none !important
    }

    .homesignupForm {
        margin: 0 auto;
        width: 100%;
        padding: 10px 0;
        top: -666px
    }

    .homebannerCnt {
        font-size: 30px;
        left: 0;
        line-height: 46px;
        margin: 10px;
        position: absolute;
        top: 40px;
        width: 95%
    }
}

@media (min-width: 320px) and (max-width:480px) {
    .footerbg {
        display:none;
        padding-top: 20px !important
    }

    .footerResponsive {
        display: block !important
    }

    .security {
        display: none
    }

    .homesignupForm {
        top: -200px
    }

    .footerBorder li {
        visibility: hidden;
        height: 0;
        width: 0
    }

    .mobileEnable {
        height: auto !important;
        visibility: visible !important;
        width: auto !important
    }

    .footerbg .container form {
        display: none
    }

    .homescreen {
        border: 0
    }

    .home_header .container {
        margin-left: 13px
    }

    .textfield {
        margin: 5px 10px 0
    }

    .getStartedPos {
        display: block;
        float: none;
        margin: 23px auto;
        width: 215px;
        font-size: 14px
    }

    .requestDemoMargin {
        margin-top: 25%
    }

    .getStartedPos .ssIconFix {
        color: #FFFFFF !important;
        font-size: 16px !important;
        margin-top: 4px;
        position: relative;
        top: 3px
    }

    .greenTop .homegreenbtn {
        float: left
    }





    .textfield input {
        border: 0 none !important;
        width: 100% !important
    }

    .homeLeft h3,.homeRight h3 {
        font-size: 20px;
        margin-bottom: 9px;
        margin-top: 9px
    }







    .homeLeft,.borderUl {
        font-size: 13px;
        line-height: 25px;
        padding: 0
    }

    .panel2Bg .container p,.panel2Bg .container img,.mobiledisable {
        height: 0;
        visibility: hidden;
        width: 100%
    }

    .panel2Bg .blueTxt,.security-level1 .blueTxt {
        font-size: 30px;
        margin-left: 20px;
        margin-right: 20px
    }

    .homePanel1,.securePanel,.panel2Bg {
        display: table-cell;
        padding-top: 89px;
        vertical-align: middle
    }

    .footerbg {
        padding-top: 90px
    }

    .security-level1 {
        margin-top: 0
    }

    .mobiledisable {
        display: none !important
    }

    .footer_section .col-md-2 {
        width: 100% !important
    }

    .footerBorder {
        padding-bottom: 30px
    }
}

@media (min-width: 360px) and (max-width:400px) {
    .panel2Bg .container p {
        height:100%;
        visibility: visible;
        width: 100%
    }

    .homesignupForm {
        top: -16px
    }

    .largeModal {
        display: none
    }

    section.module.parallax-4 {
        max-height: 670px !important
    }
}

@media (min-width: 480px) and (max-width:640px) {
    .footerbg {
        display:none;
        padding-top: 20px !important
    }

    .footerResponsive {
        display: block !important
    }

    .security {
        display: none
    }

    a.doc-brand {
        margin-top: 8px !important
    }

    .home_header {
        min-height: 45px !important
    }









    .homesignupForm form {
        padding-bottom: 12px;
        padding-top: 5px
    }

    .signupBottom,a.watchvideo,.videoSS {
        visibility: hidden;
        height: 0
    }

    .footerbg {
        padding-top: 30px
    }

    .homebannerCnt {
        top: 58px !important;
        font-size: 30px
    }

    .homebannerCnt span {
        font-size: 30px
    }

    .panel2Bg .container p,.panel2Bg .container img,.mobiledisable,.panel3Bg {
        display: none
    }

    .footerBorder li {
        height: 0;
        visibility: hidden;
        width: 0
    }

    .mobileEnable {
        height: auto !important;
        visibility: visible !important;
        width: auto !important
    }

    .footer_section .col-md-1 {
        width: 100% !important
    }

    .footerBorder {
        padding-bottom: 22px
    }

    .panel2Bg .blueTxt,.security-level1 .blueTxt {
        font-size: 22px
    }

    .panel2Bg h1.blueTxt,.security-level1 p.blueTxt {
        font-size: 17px !important
    }
}

@media (min-width: 481px) and (max-width:760px) {
    .homesignupForm {
        width:97% !important
    }

    .homePanel1,.panel2Bg,.securePanel,.footerbg {
        padding-top: 45px !important
    }

    .footerbg {
        display: none;
        padding-top: 20px !important
    }

    .footerResponsive {
        display: block !important
    }

    .securepg p {
        font-size: 16px !important
    }

    .textfield {
        margin: 4px 20px;
        font-size: 15px
    }

    .getStartedPos {
        display: block;
        float: none;
        margin: 23px auto;
        width: 215px;
        font-size: 16px
    }

    .ssIconFix {
        color: #FFFFFF !important;
        font-size: 18px !important;
        margin-top: 4px;
        position: relative;
        top: 3px
    }

    .row [class*="span"]:first-child {
        margin-left: 0
    }

    .col-md-12,.row .col-md-24 {
        -moz-box-sizing: border-box;
        width: 100%
    }

    [class*="span"],.uneditable-input[class*="span"],.row [class*="span"] {
        -moz-box-sizing: border-box;
        display: block;
        float: none;
        margin-left: 0;
        width: 100%
    }

    .row .col-md-24 {
        width: 100%
    }

    .row [class*="span"] {
        -moz-box-sizing: border-box;
        display: block;
        float: left;
        margin-left: 2.12766%;
        min-height: 30px;
        width: 100%
    }

    .homeorange {
        font-size: 12px;
        padding: 0;
        width: 61% !important
    }
}

@media (min-width: 481px) and (max-width:768px) {
    .homesignupForm {
        margin:20px auto 0;
        padding: 5px;
        width: 100% !important;
        top: -649px;
        float: right
    }

    .security {
        display: none
    }

    section.module.parallax-4 {
        max-height: 650px !important
    }
}

@media (min-width: 360px) and (max-width:400px) {
    .homePanel1 {
        display:none
    }
}

@media (min-width: 768px) and (max-width:1024px) {
    section.module.parallax-4 {
        max-height:590px !important
    }

    section.module.parallax-6 {
        min-height: 670px !important
    }

    .homePanel1,.panel2Bg,.securePanel {
        vertical-align: middle;
        display: table-cell;
        padding-top: 75px
    }

    .textfield {
        border-bottom: 1px solid #F1F3F0;
        margin: 3px 17px 0
    }

    .textfield input {
        width: 100% !important
    }

    .getStartedPos {
        font-size: 21px
    }

    .footer_section .col-md-2 {
        width: 17% !important
    }

    header.public-header {
        padding: 0 15px
    }



    .homesignupForm {
        margin: 14px auto 0;
        top: -250px
    }

    section.module.parallax-4 {
        max-height: 530px
    }

    section.module.parallax {
        height: 550px
    }

    .copyrightFooter .col-md-4 {
        width: 44%
    }

    .panel2Bg h2.security-level1 h2 {
        font-size: 30px;
        margin: 0 50px
    }

    .homeTransbg h3,.homeTransbg h2,.security-level1 h2 {
        font-size: 30px;
        text-align: center
    }

    .panel2Bg h1.blueTxt,.securePanel p.blueTxt,.headerText {
        font-size: 22px !important;
        margin-left: 50px;
        margin-right: 50px;
        text-align: center
    }
}

@media (min-width: 1024px) and (max-width:1280px) {
    .homesignupForm {
        margin:14px auto 0
    }

    section.module.parallax {
        height: 650px
    }

    .panel2Bg h1.blueTxt,.securePanel p.blueTxt,.headerText {
        margin-left: 0;
        margin-right: 0
    }

    .copyrightFooter .col-md-4 {
        width: 40%
    }
}

@media only screen and (min-width: 1900px) {
    .homescreen {
        margin-right:0;
        position: relative;
        right: 34px;
        text-align: right
    }
}

@media only screen and (min-width: 0) and (max-width:960px) {
    .panel2Bg .container,.securePanel .container,.panel3Bg .container {
        margin:0 auto !important;
        padding: 10px;
        font-size: 20px
    }



    .textfield input {
        border: 0 none !important;
        width: 100%
    }

    .homebannerCnt {
        left: 20px
    }

    section.module.parallax {
        height: 430px
    }

    .customerImage {
        width: 100px !important;
        height: 100px !important
    }
}

@media only screen and (min-width: 100px) and (max-width:600px) {
    .homebannerCnt {
        font-size:30px;
        left: 0;
        line-height: 46px;
        margin: 10px;
        position: absolute;
        width: 95%;
        top: 100px
    }

    .getStartedPos {
        display: none;
        float: none;
        margin: 23px auto;
        width: 215px;
        font-size: 16px
    }

    .getStartedPosGreen {
        display: block
    }
}

.transShdow {
    background-image: linear-gradient(top, rgba(255,255,255,0) 0, #ffffff 100%) repeat scroll 0 0 transparent -moz-linear-gradient(top, rgba(255,255,255,0) 0, #ffffff 80%, #ffffff 100%) -webkit-linear-gradient(top, rgba(255,255,255,0) #ffffff 80%, #ffffff 100%) -o-linear-gradient(top, rgba(255,255,255,0) 0, #ffffff 80%, #ffffff 100%);
    bottom: 0;
    height: 100%;
    position: absolute;
    text-align: center;
    width: 100%;
    right: 0
}

.login-bg-img,.homeInnerPage {
    background-color: #FFFFFF;
    background-image: -moz-linear-gradient(top, #fef8f3, #ffffff) -webkit-gradient(linear, 0 0, 0 100%, from(#fef8f3), to(#ffffff)) -webkit-linear-gradient(top, #fef8f3, #ffffff) -o-linear-gradient(top, #fef8f3, #ffffff) linear-gradient(to bottom, #fef8f3, #ffffff);
    bottom: 0;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.mright100 {
    margin-right: 100px;
    margin-top: 11px;
    float: left
}

.mleft100 {
    float: right;
    margin-top: 1px
}

.contentContainer .col-md-9 {
    width: 70%
}

p {
    margin: 0 0 20px 0
}

img,iframe {
    border: 0
}

#header h2,#pixels {
    color: #48941A
}

.center {
    font-size: 2.5em;
    padding: 80px 0 0 0;
    text-align: center
}










.story .float-left,.story .float-right {
    padding: 100px 0 0 0;
    position: relative;
    width: 350px
}

.slide {
    width: 100%
}




#wrapper {
    width: 100%;
    height: 100%;
    overflow: hidden
}

nav {
    position: fixed;
    right: 4em;
    top: 0;
    bottom: 0;
    width: 1em;
    height: 6em;
    margin: auto;
    z-index: 101;
    font-size: 16px;
    text-align: center
}

nav ul {
    list-style: none;
    padding: 0;
    text-align: center;
    line-height: 1
}

nav ul li {
    height: 10px;
    padding: 5px 0
}

nav ul a {
    text-decoration: none;
    background: #aaa;
    display: block;
    width: 4px;
    height: 4px;
    border: 3px solid #f5f5f5;
    border-radius: 5px;
    margin: 0 auto;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease
}

nav ul a.active {
    background: transparent;
    border: 1px solid #aaa;
    width: 8px;
    height: 8px
}

section {
    overflow: hidden
}

section .image {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    max-width: 1024px;
    margin: 0 auto;
    background: #FFF;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-transition: -webkit-transform 1s ease;
    -webkit-transition-delay: .25s;
    -moz-transition: -moz-transform 1s ease .25s;
    -o-transition: -o-transform 1s ease .25s;
    transition: transform 1s ease .25s
}

section.active .image {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none
}

.right {
    float: right !important
}

@media (min-width: 0) and (max-width:767px) {
    .staticPage {
        padding-left:10px;
        padding-right: 10px
    }

    .featuredPage h1 {
        font-size: 25px;
        line-height: 36px
    }

    .mleft100 {
        float: none;
        margin-left: 0
    }

    .mright100 {
        float: none;
        margin-right: 0
    }

    .contentContainer .col-md-9,.contentContainer .col-md-16 {
        width: 100%
    }

    .innerContainer {
        width: 91%
    }

    .customSpan {
        width: 100% !important
    }

    .centerImg {
        clear: both;
        display: block;
        float: none;
        margin: 0 auto;
        text-align: center
    }
}

@media (min-width: 768px) and (max-width:1024px) {
    .innerContainer,.staticPage {
        padding-left:15px !important;
        padding-right: 15px !important
    }

    .innerContainer {
        width: 100%
    }

    .mleft100 {
        margin-left: 0
    }



    .mright100 {
        margin-right: 0
    }

    .contentContainer .col-md-9,.contentContainer .col-md-16 {
        width: 58%
    }

    .imgWidth {
        float: none;
        margin: 0 auto
    }

    .contentContainer .col-md-7,.contentContainer .col-md-5,.contentContainer .col-md-6 {
        width: 100%
    }

    .iPadwidth {
        width: 100% !important
    }

    .featuredPage .col-md-12 {
        clear: both;
        float: left;
        margin-left: 0;
        width: 97%
    }
}



.responsiveMargin li {
    margin: 12px 24px !important
}





.logincontainertitle {
    margin-top: 10px;
    margin-left: 30px;
    font-size: 23px !important;
    color: #2C3E50 !important;
    padding-bottom: 3%;
    padding-top: 4%
}

.greyBox {
    box-shadow: inset 0 1px 10px rgba(0,0,0,0.3);
    position: relative
}

.homeAlign {
    padding: 0;
    margin-top: -20px
}

.featureHeader {
    font-size: 24px
}

.featureHeaderForPricing {
    font-size: 27px
}

.homeSubHeader {
    font-size: 35px
}

.marketingSubHeader {
    font-size: 24px;
    font-weight: 300;
    line-height: 1.2
}

.contentHeader {
    font-size: 25px
}

.greenButton {
    background: none repeat scroll 0 0 #ffff f;
    border: 1.5px solid #058383;
    color: #058383;
    font-size: 16px;
    font-weight: bold;
    background-color: #F8F8F8
}

.whiteBox {
    box-shadow: inset 0 1px 10px rgba(0,0,0,0.3);
    position: relative;
    background-color: #FFFF F
}

.alignCentre {
    text-align: center
}

.alignCentreUser {
    text-align: center
}

.alignLeft {
    text-align: left
}

.mobImg {
    width: 205px;
    height: 285px;
    background: url('https://static.docengage.in/assets/images/home/mobile.png')
}

.full-width-div {
    position: relative;
    width: 100%;
    left: 0
}

#centered_buttons {
    display: flex;
    justify-content: center
}

.padding25 {
    padding-top: 25px;
    padding-bottom: 25px
}

.top20 {
    margin-top: 20px
}

.listItem {
    margin-left: -40px;
    font-size: 15px
}

.whiteShadowBox {
    box-shadow: inset 0 1px 10px rgba(0,0,0,0.3)
}

.emrBoxes {
    border-radius: 5px;
    color: #DAE1E7;
    padding: 20px !important;
    height: 137px;
    border: 1px solid #e4e9ee
}

.featureSubHeader {
    color: #c0392b;
    font-size: 34px;
    font-weight: normal
}

.centerHead {
    margin-bottom: 25px;
    margin-top: 35px;
    color: #c0392b;
    text-align: left
}

.centerHeadPricingFree {
    margin-bottom: 15px;
    margin-top: 30px;
    color: #c0392b;
    text-align: left
}

.centerHeadPricingNote {
    margin-bottom: 15px;
    margin-top: 0;
    text-align: left
}

.bottom45 {
    margin-bottom: 45px
}

.subAlign {
    text-align: center;
    color: #ffff f;
    font-size: 15px
}

.secondaryAlign {
    text-align: left;
    color: #ffff f;
    line-height: 1.2;
    font-size: 32px;
    margin-top: 35px
}

.pointAlign {
    margin-left: -20px;
    font-size: 15px
}

.checkIcon {
    color: #058383;
    line-height: 20px
}

.top35 {
    margin-top: 35px
}

.font32 {
    font-size: 32px
}

.font30 {
    font-size: 30px
}

.font16 {
    font-size: 16px
}

.font15 {
    font-size: 15px
}

.top10 {
    margin-top: 10px
}

.orangeTxt {
    color: #c0392b
}

.transcatHeader {
    font-size: 4em;
    font-weight: 500;
    margin-bottom: 10px;
    color: #287CB3 !important
}

.providerHeader {
    font-size: 4em;
    font-weight: 500;
    margin-bottom: 10px;
    color: #287CB3 !important;
    margin-top: 27px;
    margin-left: 20px;
    text-align: left
}

.transactSubContent {
    color: #287CB3 !important;
    font-size: 22px !important;
    margin-left: 10px
}

.providerSubContent {
    color: #287CB3 !important;
    font-size: 22px !important;
    margin-top: 11px
}

.padding35 {
    padding-top: 35px
}

.top18 {
    margin-top: 18px
}

.blueBg {
    box-shadow: inset 0 1px 10px rgba(0,0,0,0.3)
}

.redSubHeader {
    color: #c0392b
}

.transactIcon {
    font-size: 10em;
    color: #D3D8DB
}

.transactTotal {
    padding-top: 25px;
    padding-bottom: 40px
}

.leftAlign {
    text-align: left
}

.patientTop,.pricingTop {
    margin-top: -15px
}

.engagementTop {
    margin-top: 40px
}

.engagementBox {
    position: relative
}

.whiteBox {
    box-shadow: inset 0 1px 10px rgba(0,0,0,0.3);
    position: relative;
    background-color: #fff !important;
    margin-top: 0
}

.alignButton {
    margin-left: 28px !important;
    margin-top: -3px !important
}

.featureBottom {
    margin-bottom: 10px
}

.homeSubfeatureBottom {
    margin-bottom: 10px
}

.serviceHeader {
    text-align: left;
    font-size: 30px;
    margin-top: -8px;
    margin-left: 3px
}

.homeSubSectionAlign {
    margin-left: -12px
}

.serviceBox {
    border-radius: 5px;
    color: #DAE1E7;
    padding: 20px !important;
    height: 105px;
    border: 1px solid #e4e9ee
}

.connectBox {
    border-radius: 5px;
    color: #DAE1E7;
    padding: 20px !important;
    height: 88px;
    border: 1px solid #e4e9ee
}

.experiencePadding {
    padding-top: 20px;
    padding-bottom: 10px
}

.alignCheckIcon {
    margin-left: -4px
}

.crmSubHeaderAlign {
    padding-left: 2px
}

.crmMainHeader {
    padding-left: 13px
}

.footerTop {
    margin-top: 20px
}

.blueButton {
    background: none repeat scroll 0 0 #fff;
    border: 1.5px solid #287CB3;
    color: #287CB3;
    font-size: 16px;
    font-weight: bold;
    background-color: #FEFEFE;
    text-transform: uppercase;
    padding: 13px 15px 13px 15px !important
}

a.blueButton:hover {
    text-decoration: none;
    color: #287CB3 !important
}

.footerTop {
    margin-top: 41px
}

.footerBlueBox {
    background-color: #287CB3;
    height: 127px;
    color: #fff
}

.footerBenefit {
    padding-left: 55px
}

.experienceFeature {
    padding-top: 40px;
    padding-bottom: 10px
}

.experienceFeatureBottom {
    margin-bottom: 33px
}

.androidIcon {
    height: 40px;
    margin-top: -15px;
    width: 160px
}

.socialIcon {
    font-size: 36px;
    color: #b1b5b5;
    display: inline-block;
    padding-left: 7px;
    padding-right: 16px
}

.hcrmSocialIcon {
    font-size: 25px;
    color: #b1b5b5;
    display: inline-block;
    padding-left: 7px;
    padding-right: 16px
}

.socialIconyoutube:hover {
    color: #ff0000
}

.socialIconfb:hover {
    color: #3b5998
}

.socialIconlinkedin:hover {
    color: #00a0dc
}

.socialIconpinterset:hover {
    color: #bd081c
}

.socialIcontwitter:hover {
    color: #1da1f2
}

.borderright {
    border-right: 1px solid #ddd
}

.faqQuestions {
    color: #c0392b;
    font-weight: 300;
    font-size: 23px
}

.lineHeightOneFive {
    line-Height: 1.7;
    font-size: 16px
}

.freeListItem {
    color: #2c3e50;
    line-height: 1.7;
    font-size: 16px;
    font-weight: normal
}

.priceSubContent {
    font-size: 45px;
    padding-top: 1.5em;
    margin-top: 20px;
    border-top: 1px solid #058383
}

.footerDescription {
    font-size: 35px;
    font-weight: normal;
    color: #fff !important
}

.supportContent p {
    margin: 0 0 6px 0;
    line-height: .5 !important
}

.supportContentAlign {
    margin-left: -8px
}

.testimonialBox {
    background-color: #ffff f;
    padding: 25px;
    border-radius: 5px;
    box-shadow: 0 0 40px 0 rgba(0,0,0,0.1)
}

.customerImage {
    width: 70px;
    height: 70px;
    top: 28px;
    left: 10px;
    border-radius: 50%
}

.testContent {
    margin-left: 15px;
    line-height: 1.7;
    font-size: 1.6rem;
    font-style: italic;
    font-family: National-Book,Helvetica,sans-serif
}

.testDetailsAlign {
    margin-top: -20px;
    margin-left: 15px;
    font-size: 1.6rem
}

.customerNameAlign {
    margin-left: 15px;
    font-size: 20px
}

.crmArchitect {
    height: 450px;
    width: 80%;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.leadPipeline {
    height: auto;
    width: 100%
}

.leadCallAutomation {
    height: auto;
    width: 100%
}

.leadWorkflowAutomation {
    height: auto;
    width: 100%
}

.patientFollowup {
    height: auto;
    width: 100%;
    margin-top: 0
}

.patientRetention {
    height: auto;
    width: 100%;
    margin-top: 0
}

.benefitBox {
    border-radius: 5px;
    padding: 20px !important;
    border: 1px solid #e4e9ee;
    background-color: #f1f1f1
}

.subFeatureAlign {
    margin-top: 13px
}

.subfeaturefont {
    font-size: 28px;
    font-weight: 400
}

.upArrow {
    width: 50px;
    height: 50px;
    margin-bottom: 13px
}

.downArrow {
    width: 50px;
    height: 50px
}

.patientSubFeatures {
    font-weight: 400;
    font-size: 20px
}

.healthAwarness {
    height: auto;
    width: 100%
}

.tabFeatureDivider {
    margin-top: 0;
    margin-bottom: 0;
    border: 0;
    border-top: 1px solid #eee
}

.pull-right {
    float: right
}

.csrFont {
    font-weight: 400
}

.cancelButton {
    margin-top: -15px;
    margin-right: -10px
}

.cancelButton:hover {
    color: #2C3E50;
    background-color: #ecf0f1
}

#sliderTest {
    position: relative;
    overflow: hidden;
    margin: 20px auto 0 auto;
    border-radius: 4px
}

#sliderTest ul {
    position: relative;
    margin: 0;
    padding: 0;
    height: 200px;
    list-style: none
}

#sliderTest ul li {
    position: relative;
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    width: 1150px;
    height: 335px;
    background: #edf9f6
}

#homecareSlider {
    position: relative;
    overflow: hidden;
    margin: 20px auto 0 auto;
    border-radius: 4px
}

#homecareSlider ul {
    position: relative;
    margin: 0;
    padding: 0;
    height: auto;
    list-style: none
}

#homecareSlider ul li {
    position: relative;
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    width: 1150px
}

.homecareSliderBox {
    background-color: #ffff f;
    padding: 25px;
    border-radius: 5px;
    border: 1px solid rgba(0,0,0,0.1);
    box-shadow: 0 0 8px 0 rgba(0,0,0,0.1)
}

.marginLeft10 {
    margin-left: 10px
}

.crmItalicTxt {
    font-size: 18px;
    color: #0d0d0d;
    font-weight: bold
}

.test ul {
    padding: 0;
    list-style: none;
    background: #fcfcfc
}

ul.mainFeature {
    display: inline-block;
    position: relative;
    line-height: 21px;
    text-align: left
}

ul.mainFeature li a,ul.tabmainFeature li a {
    display: block;
    text-decoration: none
}

ul.mainFeature li a:hover,ul.tabmainFeature li a:hover {
    color: #058383
}

li ul.mainFeature {
    margin-left: -10px;
    min-width: 12%;
    background: #fcfcfc;
    display: none;
    position: fixed;
    z-index: 1040;
    top: 32.5px;
    box-shadow: 0 0 40px 0 rgba(0,0,0,0.1)
}

li ul.tabmainFeature {
    margin-left: -10px;
    min-width: 12%;
    background: #fcfcfc;
    display: none;
    position: fixed;
    z-index: 1040;
    box-shadow: 1px 0 40px 0 rgba(0,0,0,0.54);
    right: 0;
    top: 4.5em
}

ul li:hover ul.mainFeature {
    display: block
}

ul li {
    display: block
}

.show {
    display: block
}

.hcrmBtn {
    font-size: 16px !important;
    padding: 8px 16px !important;
    border: 1px solid #c0392b
}

.hcrmBtn:hover {
    color: #fff;
    background-color: #c0392b;
    border: 1px solid #fff
}

.ehrBtn {
    font-size: 16px !important;
    padding: 8px 16px !important;
    border: 1px solid #c0392b
}

.ehrBtn:hover {
    color: #fff;
    background-color: #c0392b;
    border: 1px solid #fff
}

.homeCareBtn {
    font-size: 16px !important;
    padding: 8px 16px !important;
    border: 1px solid #058383
}

.homeCareBtn:hover {
    color: #fff;
    background-color: #058383;
    border: 1px solid #fff
}

.revenueBtn {
    font-size: 16px !important;
    padding: 8px 16px !important;
    border: 1px solid #287CB3
}

.revenueBtn:hover {
    color: #fff;
    background-color: #287CB3;
    border: 1px solid #fff
}

.centerAlign {
    margin: 0 auto;
    clear: both;
    float: none
}

.pricetab {
    float: left;
    background-color: #ffff;
    width: 25%;
    height: 362px
}

.crmtab {
    float: left;
    background-color: #ffff f;
    width: 25%;
    height: 290px
}

.callCentertab {
    float: left;
    background-color: #ffff;
    width: 25%
}

.pricetab button {
    display: block;
    background-color: #FFFFFF;
    color: #2c3e50;
    padding: 20px 16px;
    width: 100%;
    border: 1px solid #ccc;
    outline: none;
    text-align: left;
    cursor: pointer;
    font-size: 17px
}

.crmtab button {
    display: block;
    background-color: #ffff f;
    color: #2c3e50;
    padding: 18px 16px;
    width: 100%;
    border: 0 solid #ccc;
    outline: none;
    text-align: left;
    cursor: pointer;
    font-size: 16px;
    border-bottom: 1px solid #ccc
}

.borderLeftRadius2 {
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px
}

.borderRightRadius2 {
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px
}

.callCentertab button {
    display: block;
    background-color: #ffff;
    color: #5d6e7f;
    padding: 13px 16px;
    width: 100%;
    border: 0 solid #ccc;
    outline: none;
    text-align: left;
    cursor: pointer;
    font-size: 16px;
    border: 1px solid #ececec;
    text-align: center
}

.marginBottom15 {
    margin-bottom: 15px
}

.pricetab button:hover,.crmtab button:hover {
    background-color: #19c2f0;
    transition: 0.2ms;
}

.pricetab button.active {
    background-color: #19c2f0;
    color: #fff
}

.crmtab button.active {
    background-color: #236fb0;
    color: #fff
}

.callCentertab button.active {
    color: #44a4ec;
    font-weight: 500;
    border-bottom: 3px solid #44a4ec;
    padding: 12px 16px
}

.pricetabcontentnew {
    float: left;
    width: 75%;
    border-left: none;
    height: 520px
}

.pricetabcontent {
    float: left;
    width: 75%;
    border-left: none;
    height: 420px
}

.productPlan {
    text-align: center;
    height: auto
}

.priceConversion {
    color: #2c3e50;
    cursor: pointer
}



.quoteFont {
    font-size: 20px
}

.modal-dialog {
    margin: 0;
    width: 100%
}

.landingSectionAlign {
    margin-top: -20px
}

section.module:last-child {
    margin-bottom: 0
}

section.module h2 {
    margin-bottom: 40px
}

section.module p {
    margin-bottom: 40px;
    font-weight: 300
}

section.module p:last-child {
    margin-bottom: 0
}

section.module.parallax {
    max-height: 690px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-attachment: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    max-width: 100%
}

section.module.parallax-1 {
    overflow: hidden;
    background-color: #ffffff;
    position: relative;
    color: inherit;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    height: auto;
    z-index: 0;
    background-repeat: no-repeat;
    max-width: 100%;
    top: 6em
}

section.module.parallax-4 {
    overflow: hidden;
    position: relative;
    color: inherit;
    background: #fef8f3;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    height: 110%;
    z-index: 0;
    max-height: 770px;
    background-repeat: no-repeat;
    max-width: 100%
}

section.module.parallax-4.lazy-bg-loaded {
    background-image: url("/assets/iphone.png")
}

section.module.parallax-2 {
    background-color: #fef8f3;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover
}

section.module.parallax-2.lazy-bg-loaded {
    background-image: url("https://static.docengage.in/Home/HomeImages/homebanner5.jpg")
}

.parallax-5 {
    min-height: 450px
}

.parallax-6 {
    background-color: #2c3e50;
    min-height: 475px
}

.parallax-6.lazy-bg-loaded {
    background-image: url("https://static.docengage.in/Home/HomeImages/banner5.jpg")
}

section.module.parallax-8 {
    background-color: #fef8f3;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: auto;
    background-attachment: fixed;
    background-position: center
}

section.module.parallax-8.lazy-bg-loaded {
    background: url('https://static.docengage.in/assets/images/home/banner-01.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed
}

.panelwhyus {
    padding: 30px
}

.panelwhyus p {
    line-height: 28px
}

@media all and (min-width: 600px) {
    section.module h2 {
        font-size:42px
    }

    section.module p {
        font-size: 20px
    }

    section.module.parallax h1 {
        font-size: 26px
    }
}

@media all and (min-width: 960px) {
    section.module.parallax h1 {
        font-size:26px
    }
}

header {
    width: 100%;
    height: 75px;
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    -webkit-transition: height .3s;
    -moz-transition: height .3s;
    -ms-transition: height .3s;
    -o-transition: height .3s;
    transition: height .3s
}

header .home_logo {
    display: inline-block;
    height: 66px;
    line-height: 150px;
    float: left;
    margin: 10px 0 !important;
    font-size: 60px;
    color: white;
    font-weight: 400;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    text-align: center !important;
    position: relative
}



.nav {
    float: right;
    margin-right: 0;
    font-size: 20px !important;
    margin-top: 0 !important;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}



header nav a {
    line-height: 150px;
    margin-left: 20px;
    color: #9fdbfc;
    font-weight: 700;
    font-size: 15px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

header nav a:hover {
    color: white
}

header.smaller {
    height: 75px;
    min-height: 75px !important
}

header.smaller .home_logo {
    background: url("https://static.docengage.in/assets/images/home/logo.png") no-repeat;
    width: 190px;
    height: 60px;
    margin-top: 2px !important;
    line-height: 75px;
    font-size: 30px
}

header.smaller nav a {
    line-height: 75px
}

header.smaller .nav {
    float: right;
    margin-right: 0;
    font-size: 20px !important;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

header.smaller .scrollBtn {
    margin-top: -13px !important;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

header.smaller .signUp {
    font-size: 20px;
    padding: 3px 6px 5px;
    margin-top: -6px
}

header.smaller .phoneNo {
    padding: 8px 0
}

.clearfix:after {
    visibility: hidden;
    display: block;
    content: "";
    clear: both;
    height: 0
}

@media all and (max-width: 660px) {
    header .home_logo {
        display:block;
        float: none;
        margin: 0 auto;
        height: 100px;
        line-height: 100px;
        text-align: center
    }

    header nav {
        display: block;
        float: none;
        height: 50px;
        text-align: center;
        margin: 0 auto
    }

    header nav a {
        line-height: 50px;
        margin: 0 10px
    }

    header.smaller {
        height: 55px
    }

    header.smaller .home_logo {
        height: 60px;
        line-height: 40px;
        font-size: 30px
    }

    header.smaller nav {
        height: 35px
    }

    header.smaller nav a {
        line-height: 35px
    }
}

@media all and (max-width: 600px) {
    .container {
        width:100%
    }
}

#slider {
    position: relative
}

.sp {
    position: absolute;
    margin-left: 4%
}

#nav {
    margin-top: 10%;
    width: 100%
}

.requestforDemo {
    margin-left: 10px;
    position: relative;
    left: -2%
}

.requestforDemoUpsell {
    top: 120px;
    position: relative;
    left: -21.5%
}

.eSecurityul {
    list-style-type: none
}

.eSecurityul li {
    padding: 35px 40px 45px 0
}

.eSecurity {
    padding: 1px 13%
}

.eSecurity h2 {
    margin-bottom: 8px !important;
    margin-top: 8px !important
}

.eSecurity p {
    font-size: 18px;
    line-height: 1.5
}

.paddingLeft8 {
    padding-left: 8%
}

.underline {
    font-weight: 700;
    text-decoration: underline
}

.securepg {
    background: rgba(255,255,255,0.6);
    padding: 10px;
    border-radius: 10px;
    top: -17px;
    position: inherit
}

.securepg p {
    font-size: 18px
}

.sectionTwo {
    line-height: 1.6;
    color: #F0F0F0;
    border-radius: 0;
    text-align: center;
    padding: 12px;
    font-size: 26px
}

.selectGrowthmaker {
    background: #2C3E50;
    position: relative
}

.homeBannerText {
    position: absolute;
    top: 2em;
    left: 14%
}

.paddingZero {
    padding: 0 !important
}

.homecareContent {
    position: relative;
    top: 35px;
    left: 0
}

.homecareContent p {
    font-size: .7em !important;
    line-height: 1.1;
    text-shadow: 1px 1px 10px #333;
    word-spacing: .5px;
    letter-spacing: .5px
}

.crmContent {
    position: relative;
    left: 0
}

.crmContent p,.upsellContent p,.leadsContent p {
    font-size: 26px !important;
    line-height: 1.1;
    word-spacing: .5px;
    letter-spacing: .5px
}

.upsellContent {
    position: relative;
    top: 95px;
    color: #656565;
    font-size: .7em;
    word-spacing: .5px;
    letter-spacing: .5px
}

.leadsContent {
    position: relative;
    top: 68px;
    left: -1%;
    color: #454545;
    font-size: .8em;
    word-spacing: .5px;
    letter-spacing: .5px;
    line-height: 1.3
}

.leadsContent span {
    color: #666
}

.paddingTop25 {
    padding-top: 25px
}

section.module h1 {
    margin-bottom: 40px
}

.panel2Bg .container {
    margin-top: 2px
}

ul .liImg {
    height: 30px;
    margin: 24px 0;
    list-style: none !important;
    line-height: 20px;
    color: #F5F5F5
}

.liImg p {
    padding: 0 3%;
    font-size: 21px;
    line-height: 2.5
}

.liImg1 {
    background-position: -450px -122px;
    padding: 22px 20px;
    margin-right: 10px;
    float: left;
    top: 5px;
    position: relative
}

.text {
    font-size: 14px;
    line-height: 26px;
    margin: 5px 0 10px
}

.homebannerCnt1 {
    color: #FFFFFF;
    font-size: 2.6em;
    line-height: 46px;
    position: relative
}

.security {
    background-position: 0 0;
    width: 360px;
    height: 315px;
    top: -39px;
    position: relative;
    margin: 0 auto
}

.securityLock {
    padding: 32px 40px;
    background-position: -370px 0;
    top: 56px
}

.securityHighRisk {
    padding: 42px;
    background-position: -451.98858643px -165.98863983px;
    top: 66px
}

.dataEncription {
    padding: 42px;
    background-position: -369px -166px;
    top: 66px
}

.securityHipaa {
    padding: 33px 40px;
    background-position: -370px -82px;
    top: 56px
}

.logoWhite {
    background-position: -372px -254.99146271px;
    height: 50px;
    width: 125px;
    padding: 20px 125px
}

.signUp {
    font-size: 20px;
    padding: 3px 6px 3px;
    margin-top: -6px
}

.knowMoreBtn {
    font-size: 15px;
    padding: 6px 14px 8px;
    background-color: #fff;
    color: #058383;
    border: 1px solid #058383;
    margin-top: 10px
}

.knowMoreBtn:hover {
    border: 1px solid #058383;
    color: #ffffff;
    background-color: #058383
}

.phoneNo .ss-phone {
    font-size: 14px
}

.loyaltyCnt {
    color: #FFFFFF;
    font-size: 3.6em;
    line-height: 40px;
    position: relative;
    top: 50px
}

.loyaltyCnt span {
    color: #656565;
    font-size: 30px;
    line-height: 0
}

.loyaltySpan {
    font-size: 26px !important;
    top: 10px;
    position: relative
}

.phoneNo {
    color: #656565;
    padding: 10px 0;
    font-size: 15px !important
}

#homecare p {
    line-height: 1.4;
    padding: 0 4px
}

#Outreach p {
    line-height: 1.4;
    padding: 0 4px
}

.feature_calendar-featuren,.feature_billing,.feature_pharmacy,.feature_lab,.feature_asset,.feature_analytics,.feature_expense,.feature_automatedEmails,.feature_market,.feature_oppertunity,.feature_careOpportunities,.feature_leads,.feature_learning,.feature_replay,.feature_widgets,.feature_home-care,.feature_triage-team,.feature_time-efficient,.feature_Patient-Area-locater,.feature_Patient-Retention,.feature_emr-in-mobile,.feature_careplan,.feature_visitingconsultent,.feature_rerouting,.feature_homecare-bill,.feature_corporate-hospital,.feature_Home-Delivery,.feature_home-care,.feature_consultation,.feature_electronic-medical-record,.feature_personal-health-record,.feature_club,.feature_membershipcard,.feature_refferal,.feature_feedback,.feature_patientfollowup,.feature_Patient-Retention,.feature_patient-reactive {
    background: url("https://static.docengage.in/assets/images/home/features/features-sprite.png") no-repeat
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),only screen and (-moz-min-device-pixel-ratio:1.5),only screen and (-o-min-device-pixel-ratio:3/2),only screen and (min-device-pixel-ratio:1.5) {
    .feature_widgets,.feature_pharmacy,.feature_personal-health-record,.feature_analytics,.feature_billing,.feature_time-efficient,.feature_home-care,.feature_market,.feature_oppertunity,.feature_rerouting,.feature_replay,.feature_corporate-hospital,.feature_careOpportunities,.feature_homecare-bill,.feature_calendar-featuren,.feature_careplan,.feature_lab,.feature_asset,.feature_learning,.feature_expense,.feature_Patient-Retention,.feature_emr-in-mobile,.feature_Patient-Area-locater,.feature_automatedEmails,.feature_visitingconsultent,.feature_Patient-Retention,.feature_triage-team,.feature_electronic-medical-record,.feature_consultation,.feature_membershipcard,.feature_refferal,.feature_feedback,.feature_leads,.feature_patientfollowup,.feature_patient-reactive,.feature_Home-Delivery,.feature_club {
        display:inline-block;
        background: url("https://static.docengage.in/assets/images/home/features/features-sprite.png") no-repeat;
        background-size: 1226px 1223px
    }
}

.feature_widgets {
    background-position: 0 0;
    height: 281px;
    width: 212px;
    float: right
}

.feature_pharmacy {
    background-position: -212px 0;
    height: 240px;
    width: 450px;
    padding: 110px 220px;
    position: relative;
    top: 100px
}

.feature_personal-health-record {
    background-position: 0 -281px;
    height: 235px;
    width: 177px;
    float: right
}

.feature_analytics {
    background-position: -177px -281px;
    height: 201px;
    width: 202px;
    float: left
}

.feature_billing {
    background-position: -662px 0;
    height: 188px;
    float: left;
    width: 460px
}

.feature_time-efficient {
    background-position: -662px -188px;
    height: 180px;
    width: 180px;
    float: right
}

.feature_home-care {
    background-position: -842px -188px;
    height: 180px;
    width: 180px;
    float: right
}

.feature_market {
    background-position: -383px -285px;
    height: 175px;
    width: 175px;
    float: right
}

.feature_oppertunity {
    background-position: 0 -516px;
    height: 175px;
    width: 175px;
    float: left
}

.feature_rerouting {
    background-position: -175px -516px;
    height: 175px;
    width: 175px;
    float: right
}

.feature_replay {
    background-position: -350px -516px;
    height: 175px;
    width: 175px;
    float: left
}

.feature_corporate-hospital {
    background-position: -525px -516px;
    height: 175px;
    width: 175px;
    float: left
}

.feature_careOpportunities {
    background-position: -700px -516px;
    height: 175px;
    width: 175px;
    float: right
}

.feature_homecare-bill {
    background-position: -875px -516px;
    height: 175px;
    width: 175px;
    float: left
}

.feature_calendar-featuren {
    background-position: 0 -691px;
    height: 175px;
    width: 175px;
    float: right
}

.feature_careplan {
    background-position: -175px -691px;
    height: 175px;
    width: 175px;
    float: right
}

.feature_lab {
    background-position: -350px -691px;
    height: 175px;
    width: 175px;
    float: left
}

.feature_asset {
    background-position: -525px -691px;
    height: 175px;
    width: 175px;
    float: right
}

.feature_learning {
    background-position: -700px -691px;
    height: 175px;
    width: 175px;
    float: right
}

.feature_expense {
    background-position: -875px -691px;
    height: 175px;
    width: 175px;
    float: right
}

.feature_Patient-Retention {
    background-position: 0 -870px;
    height: 175px;
    width: 175px;
    float: right
}

.feature_emr-in-mobile {
    background-position: -175px -866px;
    height: 175px;
    width: 175px;
    float: left
}

.feature_Patient-Area-locater {
    background-position: -350px -866px;
    height: 175px;
    width: 175px;
    float: left
}

.feature_automatedEmails {
    background-position: -528.99995613px -862.35794067px;
    height: 175px;
    width: 175px;
    float: left
}

.feature_visitingconsultent {
    background-position: -704px -866px;
    height: 175px;
    width: 175px;
    float: left
}

.feature_triage-team {
    background-position: 0 -1048.99429321px;
    height: 175px;
    width: 175px;
    float: left
}

.feature_electronic-medical-record {
    background-position: -1050px -516px;
    height: 169px;
    width: 171px;
    float: right
}

.feature_consultation {
    background-position: -179px -1045px;
    height: 166px;
    width: 278px;
    float: left;
    position: relative;
    top: -23px
}

.feature_membershipcard {
    background-position: -468px -1045px;
    height: 150px;
    width: 200px;
    float: left
}

.feature_refferal {
    background-position: -1023.99714851px -192.98011017px;
    height: 150px;
    width: 200px;
    float: right
}

.feature_feedback {
    background-position: -671.99995613px -1044.99429321px;
    height: 150px;
    width: 200px;
    float: left
}

.feature_leads {
    background-position: -1050px -692px;
    height: 149px;
    width: 159px;
    float: left
}

.feature_patientfollowup {
    background-position: -662px -368px;
    height: 147px;
    width: 141px;
    float: right
}

.feature_patient-reactive {
    background-position: -803px -373px;
    height: 142px;
    width: 130px;
    float: right
}

.feature_Home-Delivery {
    background-position: -936.98860359px -371.99715424px;
    height: 136px;
    width: 250px;
    float: left
}

.login_container {
    background-color: rgba(0,0,0,0);
    position: relative;
    padding: 0 !important;
    width: 45%;
    text-align: left;
    margin: 0 auto;
    top: 35px
}

.form-group label {
    margin-bottom: 0 !important;
    line-height: 30px !important
}

.control-label {
    font-size: 15px;
    color: #2C3E50;
    padding-top: 0 !important;
    font-weight: normal
}

.copyrightAccount {
    color: #818E8F;
    font-size: 12px;
    text-align: center;
    line-height: 35px;
    margin: 0 auto
}

.copyrightAccount a {
    color: #818E8F
}

.topPadding {
    padding-top: 10px
}

.borderGradiant {
    border: 0;
    padding: 0;
    margin: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), #dedede)
}

.featuresImage {
    display: none
}

.paddingZeroLeft {
    padding-left: 0
}

.paddingTop5 {
    padding-top: 5px
}

span.btn.btn-primary.signUp {
    background-color: #058383
}

.form-control {
    color: #575757
}

.btn-primary {
    background-color: #058383
}

.navig {
    display: none
}

h3,.h3 {
    font-size: 22px;
    margin-top: 18px;
    margin-bottom: 10px
}

p {
    line-height: 1.6
}

.getStartedPosGreen {
    margin: 10px auto 5px
}

a.getStarted.getStartedPosGreen.greenButton {
    color: #2c3e50
}

.greenButton {
    background: none repeat scroll 0 0 #ffff f;
    border: 1px solid #2c3e50;
    color: #2c3e50;
    font-size: 16px;
    font-weight: 900;
    background-color: #F8F8F8;
    text-transform: uppercase;
    padding: 10px 10px
}

img {
    max-width: 100%;
    height: auto
}

.emrBanner {
    background: url('https://static.docengage.in/assets/images/home/emr.jpg');
    height: 450px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 60% 100%
}

.ehrBanner {
    background: url(https://static.docengage.in/Home/HomeImages/banner5.jpg);
    height: 590px;
    background-repeat: no-repeat;
    background-size: cover;
    color: #E0DDDD;
    background-position: 50% 50%
}

@media only screen and (min-width: 600px) and (max-width:800px) {
    .emrBanner {
        background-position:70% 100%
    }
}

.csrBanner {
    background: url('https://static.docengage.in/assets/images/home/csr-Banner.jpg');
    height: 450px;
    background-repeat: no-repeat;
    background-size: cover
}

.homeCareBanner {
    background: url(https://static.docengage.in/Home/HomeImages/banner5.jpg);
    height: 420px;
    background-repeat: no-repeat;
    background-size: cover;
    color: #E0DDDD;
    background-position: 50% 50%
}

.homeCareHeaderBanner {
    background: url('https://static.docengage.in/assets/images/home/homecare.jpg');
    height: 450px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 10%
}

.homebannerCnt {
    width: 570px
}

@media only screen and (min-width: 600px) and (max-width:800px) {
    .homeCareHeaderBanner {
        background-position:80% 50%
    }
}

.crmHealthCareBanner {
    background: url('https://static.docengage.in/assets/images/home/crm-imge.jpg');
    background-position: 50% 54%;
    height: 450px;
    background-repeat: no-repeat;
    background-size: cover
}

.crmBanner {
    background: url(https://static.docengage.in/Home/HomeImages/banner5.jpg);
    height: 445px;
    background-repeat: no-repeat;
    background-size: cover;
    color: #E0DDDD;
    background-position: 50% 50%
}

.homebannerCnt {
    width: 600px
}

.box {
    position: absolute
}

#homeContentt {
    position: relative
}

#sliderContent2,#sliderContent3 {
    display: none
}

.tab {
    float: left;
    border: 1px solid #ccc;
    background-color: #fcfcfc;
    width: 25%;
    height: 700px
}

.tab button {
    display: block;
    background-color: #fcfcfc;
    color: #2c3e50;
    padding: 22px 16px;
    width: 100%;
    outline: none;
    text-align: left;
    cursor: pointer;
    transition: .3s;
    font-size: 17px
}

.tablinks {
    border-bottom: 1px solid #ddd !important
}

.tab button:hover {
    background-color: #ccc
}

.tab button.active {
    background-color: #058383;
    color: #fff
}

.tabcontent {
    float: left;
    padding: 0 12px;
    border: 1px solid #ccc;
    width: 75%;
    border-left: none;
    height: 700px
}

.subtab,.subPatienttab {
    overflow: hidden;
    margin-top: 12px
}

.subtab button {
    float: left;
    border: none;
    cursor: pointer;
    display: block;
    padding: 14px 16px;
    outline: none;
    position: relative;
    transition: .3s;
    font-size: 17px
}

.subPatienttab button {
    float: left;
    border: none;
    cursor: pointer;
    display: block;
    padding: 12px 12px;
    outline: none;
    position: relative;
    transition: .3s;
    font-size: 17px
}

.subtab button.active,.subPatienttab button.active {
    background-color: #e4ebe9a1 a1;
    color: #0094E0;
    border-radius: 5px
}

.subtabcontent,.subPatienttabcontent {
    display: none;
    padding: 6px 12px;
    border-top: none
}

.subtab button:before,.subPatienttab button:before {
    content: '';
    border-bottom: 2px solid #0094E0;
    padding: 0 0;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 0;
    transition: .3s
}

.subtab button:hover:before,.subPatienttab button:hover:before {
    width: 100%;
    padding: 0
}

.patientConnectBanner {
    background: url('https://static.docengage.in/assets/images/home/patient-experience.jpg');
    height: 450px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 35% 31%;
    box-shadow: inset 0 1px 10px rgba(0,0,0,0.3)
}

.clinicBanner {
    height: auto;
    background-repeat: no-repeat;
    background-size: cover
}

.clinicSection2 {
    color: #2c3e50;
    background-color: #f5f5f5
}

.patientExperienceBanner {
    background: url(https://static.docengage.in/Home/HomeImages/banner5.jpg);
    height: 505px;
    background-repeat: no-repeat;
    background-size: cover;
    color: #E0DDDD;
    background-position: 50% 50%
}

.homebannerCnt {
    width: 555px
}

@media only screen and (min-width: 600px) and (max-width:800px) {
    .patientConnectBanner {
        background-position:70% 31%
    }

    .clinicSec1 {
        height: 38.5em
    }
}

.jumbotron p {
    font-size: 20px
}

@media only screen and (min-width: 0) and (max-width:319px) {
    .homesignupForm {
        margin:0 auto;
        width: 100%;
        padding: 10px 0
    }
}

@media (min-width: 481px) and (max-width:768px) {
    .homesignupForm {
        margin:20px auto 0;
        padding: 5px;
        float: right;
        top: 0;
        width: 100% !important
    }
}

@media (min-width: 768px) and (max-width:1024px) {
    .homesignupForm {
        width:100%;
        margin: 14px auto 0;
        top: 0
    }
}

@media (min-width: 1023px) {
    .height24 {
        height:24em
    }
}

@media (min-width: 1024px) and (max-width:1280px) {
    .homesignupForm {
        margin:14px auto 0
    }

    .height48 {
        height: 39em
    }

    .height59 {
        height: 39em
    }

    .login_container {
        top: 8em
    }

    .btn-lg,.btn-group-lg>.btn {
        padding: 10px 16px;
        font-size: 19px;
        line-height: 1.33;
        border-radius: 2px
    }
}

.landingBoxes {
    border-radius: 5px;
    padding: 20px !important;
    border: 1px solid #e4e9ee;
    background-color: #fcfcfc;
    font-size: 20px
}

.knowFeatures {
    padding-top: 40px;
    padding-bottom: 55px
}

.headerTop {
    margin-top: 110px;
    overflow: hidden
}

.callCenterHeaderTop {
    margin-top: 160px;
    overflow: hidden
}

.serviceDesktop {
    margin-bottom: 30px;
    margin-top: 20px;
    display: none
}

.serviceMobile {
    display: block;
    margin-bottom: 30px;
    margin-top: 20px
}

.productButton {
    border-radius: 4px;
    border: none;
    color: #1d2b36;
    text-align: left;
    font-size: 28px;
    width: 100%;
    cursor: pointer;
    padding-left: 30px;
    padding-bottom: 5px
}

.productButton span {
    cursor: pointer;
    display: inline-block;
    position: relative;
    transition: .5s
}

.productButton span:after {
    content: '\00bb';
    position: absolute;
    opacity: 0;
    top: 0;
    right: -20px;
    transition: .5s;
    font-size: 28px
}

.de-users:before {
    content: '\f0c0'
}

.de-light:before {
    content: '\f007'
}

.de-users {
    font-size: 24px
}

.productButton:hover span {
    padding-right: 25px
}

.productButton:hover span:after {
    opacity: 1;
    right: 0
}

.font15 {
    font-size: 15px;
    padding-top: 15px;
    color: #34495e
}

@media only screen and (min-width: 437px) {
    .serviceDesktop {
        display:block
    }

    .serviceMobile {
        display: none
    }
}

.move-sect {
    background: #f9fafa
}

.move-sect h3 {
    position: relative
}

.move-sect .mover-holder {
    grid-template-columns: 80px 1fr
}

.move-sect .mover-holder div~div {
    margin-left: 2rem
}

.move-sect .right-stand>div {
    border-radius: 7px
}

.move-sect .right-stand li~li {
    border-top: 1px solid #f9fafa
}

.move-sect .right-stand li a {
    display: block;
    transform: translateX(0);
    transition: all .5s
}

.move-sect .right-stand li:hover .arrow-icon {
    opacity: 1;
    right: 0;
    will-change: right;
    cursor: pointer
}

.move-sect .right-stand li:hover a {
    transform: translateX(10px);
    transition: all .5s;
    text-decoration: none
}

#slides {
    position: relative;
    height: 40em;
    padding: 0;
    margin: 0;
    list-style-type: none
}

.slide {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 1;
    -webkit-transition: opacity 1s;
    -moz-transition: opacity 1s;
    -o-transition: opacity 1s;
    transition: opacity 1s
}

.showing {
    opacity: 1;
    z-index: 2
}

.slide {
    font-size: 40px;
    padding: 40px;
    box-sizing: border-box;
    color: #2c3e50
}

.homePageArtImg {
    margin-left: 46%;
    padding-top: 40px;
    width: 700px
}

.homeSubHeader1 {
    font-size: .9em !important;
    padding-top: 20px;
    padding-bottom: 10px
}

.dot {
    height: 15px;
    width: 15px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    cursor: pointer
}

.activeDot {
    background-color: #058383
}

.quoteAlign {
    top: 10px;
    padding: 15px
}

.arrowImg {
    opacity: .6;
    box-shadow: 0 0 40px 0 rgba(0,0,0,0.1);
    border-radius: 35px
}

.arrowImg:hover {
    opacity: 1
}

.controls:hover {
    cursor: pointer
}

.paddingTopZero {
    padding-top: 0
}

.clinicFeatureIcon {
    margin-bottom: 8px
}

.lessGreyTxt {
    color: #5d6e7f
}

.section2HeadContent {
    font-size: 5em;
    font-weight: bold;
    line-height: 1.2em;
    color: #1d2b36
}

.section2SubContent {
    font-size: 2em;
    color: #1d2b36
}

.section2Product {
    background-color: #f5f9fd;
    padding-top: 15px
}

.sectionWhyus {
    font-size: 65px !important;
    color: #F0F0F0
}

.sectionWhyusContent {
    color: #F0F0F0;
    font-size: 22px !important;
    line-height: 1.4 !important
}

.homeSection5Header {
    font-weight: bold !important;
    line-height: 1.2em
}

.homeSection5SubHeader {
    font-size: 1em !important;
    margin-top: 2em
}

.homeSection5Content {
    line-height: 2.2em
}

.homeSection1Header {
    position: relative;
    color: white;
    padding-bottom: 60px
}

.homeSection1Content {
    padding-top: 20px;
    padding-bottom: 10px
}

.borderBox {
    border: 1px solid #eee;
    background-color: #fff
}

.borderBoxShadow {
    box-shadow: 0 0 40px 0 rgba(0,0,0,0.1);
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 20px
}

.boldTxt {
    font-weight: 500
}

.clinicSubFeature {
    width: 80%;
    display: inline-block
}

.mainHeaderFont {
    font-size: 1em !important;
    font-weight: 300
}

.featuresPadding {
    padding: 25px 25px 25px 25px
}

.font34 {
    font-size: 34px
}

.font27 {
    font-size: 27px
}

.padding40 {
    padding-top: 40px;
    padding-bottom: 40px
}

.padding60 {
    padding-top: 60px;
    padding-bottom: 60px
}

.font36 {
    font-size: 36px
}

.down {
    position: relative;
    display: inline-block;
    margin-top: -1px
}

.down-content {
    position: fixed;
    z-index: 1040;
    background-color: #fff;
    width: 37em;
    right: 10em;
    margin-top: 6px;
    padding: 20px;
    padding-top: 28px;
    padding-bottom: 28px;
    border-radius: 5px;
    box-shadow: 0 0 5px 0 rgba(0,0,0,0.2);
    visibility: hidden;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: 550ms ease;
    -moz-transition: 550ms ease;
    -o-transition: 550ms ease;
    transition: 550ms ease
}

.down-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block
}

.down-content a:hover {
    background-color: #f1f1f1
}

.down:hover .down-content {
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100)
}

.divider-candy {
    content: "";
    height: 20px;
    left: 50%;
    margin-left: 10px;
    margin-top: -30px;
    position: absolute;
    width: 20px;
    z-index: 100;
    box-shadow: 4px -4px 5px -2px rgba(0,0,0,0.2);
    transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg)
}

.downWhiteBox {
    background-color: #ffff f;
    padding: 65px 40px 65px 65px;
    border-radius: 5px;
    box-shadow: 0 0 40px 0 rgba(0,0,0,0.1)
}

.homepageSec2 {
    background: #1FA2FF;
    background: -webkit-linear-gradient(to left, #A6FFCB, #12D8FA, #1FA2FF);
    background: linear-gradient(to left, #A6FFCB, #12D8FA, #1FA2FF);
    height: 63em
}

.contactBoxes {
    border-radius: 5px;
    padding: 10px 30px !important;
    border: 1px solid #e4e9ee;
    box-shadow: -7px 5px 6px 0 rgba(0,0,0,0.1);
    height: 12em;
    margin-bottom: 20px
}

.contactBoxes p {
    line-height: .6
}

.solutionSection li {
    line-height: 40px;
    font-size: 20px
}

.solutionInnerSection {
    border-radius: 5px;
    padding: 25px 0 !important;
    border: 1px solid #e4e9ee;
    box-shadow: -7px 5px 6px 0 rgba(0,0,0,0.1);
    height: 15.5em
}

.contactBoxes:hover,.solutionInnerSection:hover {
    border: 1px solid #058383
}

.contactBoxes h3 {
    margin-bottom: 15px;
    margin-top: 15px
}

.section5 {
    background: linear-gradient(to left, #317d95, #f6f2f2, #bee1e2);
    height: 43.5em
}

.marginTopBottom20 {
    margin-top: 20px;
    margin-bottom: 20px
}

.contactUs {
    margin: 0 auto;
    display: inline-block
}

.submitBtnPadding {
    padding-left: 5.5em;
    padding-right: 6em
}

.clinicSec1 {
    height: 33.5em !important
}

.clinicMainContent {
    font-size: 4em;
    font-weight: bold;
    line-height: 1.2em;
    color: #1d2b36
}

.referralTop {
    top: 11em
}

.comnTop5 {
    top: 5em
}

.clinicHeader {
    font-size: 40px;
    margin-top: 18px;
    margin-bottom: 18px
}

.callCenterHeader {
    font-size: 35px;
    margin-top: 18px
}

.marginRightMinus10 {
    margin-right: 10px;
}

.darkBlueTxt {
    color: #245d9b
}

.homecareSliderImg {
    height: 20em;
    width: 20em;
    margin-top: -1.5em
}

.homecareSliderFont {
    font-size: 26px;
    color: #245d9b
}

.homecareBenefitFont {
    font-size: 24px;
    margin-left: 10px
}

.flip-card {
    background-color: transparent;
    width: 250px;
    height: 250px;
    perspective: 1000px;
    margin-bottom: 15px
}

.flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform .6s;
    transform-style: preserve-3d;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2)
}

.flip-card:hover .flip-card-inner {
    transform: rotateY(180deg)
}

.flip-card-front,.flip-card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden
}

.flip-card-front {
    padding: 2em
}

.flip-card-back {
    transform: rotateY(180deg);
    padding: 2em
}

.homeCareBoxes {
    border-radius: 5px;
    padding: 10px 30px !important;
    border: 1px solid #e4e9ee;
    box-shadow: -7px 5px 6px 0 rgba(0,0,0,0.1);
    height: 13em;
    margin-bottom: 20px;
    background-color: #ffff f
}

.homeCareFeature {
    border-radius: 5px;
    padding: 10px 30px !important;
    border: 1px solid #e4e9ee;
    box-shadow: -7px 5px 6px 0 rgba(0,0,0,0.1);
    margin-bottom: 20px;
    background-color: #fff
}

.homeCareBoxes:hover {
    border: 1px solid #245d9b
}

.ehrhead {
    color: #2c3e50;
    padding-bottom: 35px
}

.ehrsub {
    font-weight: 300;
    color: #2c3e50
}

.ehrsub1 {
    font-weight: 300;
    color: #2c3e50;
    padding-bottom: 10px
}

.ehrbackgroundlinear {
    background: linear-gradient(to bottom, #ffe8f8 0, #fff 100%)
}

.lineHeightonesix {
    line-height: 1.6em
}

.marginTopBottom5 {
    margin-top: 2em;
    margin-bottom: 5em
}

.marginTopBottom2 {
    margin-top: 2em;
    margin-bottom: 2em
}

.marginTop0 {
    margin-top: 0
}

.paddingBottom40 {
    padding-bottom: 40px
}

.font40 {
    font-size: 40px
}

.height25 {
    height: 20em
}

.marginTop5 {
    margin-top: 5em
}

.marginTop3 {
    margin-top: 3em
}

.marginTopBottom4 {
    margin-top: 2em;
    margin-bottom: 2em
}

.height20 {
    height: 24em;
    width: 26em
}

.marginBottom0 {
    margin-bottom: 0
}

.fontOneFive {
    font-size: 1.5em
}

.fontOneTwo {
    font-size: 1.2em
}

.marginTop1 {
    margin-top: 1em
}

.marginTopTwoFive {
    margin-top: 2em;
    margin-bottom: 36px
}

.marginTop38 {
    margin-top: 38px
}

.borderBlueShadow {
    box-shadow: 0 0 8px 0 #245d9b29 29;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 20px;
    padding: 10px 10px 10px 10px
}

.benefitBoxShadow {
    background-color: #ffff f;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 20px;
    padding: 10px 10px 10px 10px
}

.homeCareSubHeader {
    font-size: 26px
}

.homeCareTestBox {
    background-color: #fff;
    padding: 25px;
    border-radius: 5px
}

.homeCareBenefits li {
    padding: 10px 0 10px 0
}

.homecareSliderImg1 {
    height: 20em;
    width: 20em;
    margin-top: -2em
}

.card {
    position: relative
}

.card .face {
    position: relative;
    width: 100%;
    max-width: 300px;
    height: 200px;
    transition: .5s;
    border-radius: 12px
}

.card .face.face1 {
    position: relative;
    background: #f9f8f8;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
    transform: translateY(100px)
}

.card:hover .face.face1 {
    transform: translateY(0);
    background-color: #e7e7e7;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.card .face.face1 .content {
    opacity: .8;
    transition: .5s
}

.card:hover .face.face1 .content {
    opacity: 1
}

.card .face.face1 .content img {
    max-width: 80px
}

.card .face.face1 .content h3 {
    margin: 10px 0 0;
    padding: 0;
    color: #0000 0;
    text-align: center;
    font-size: 1.5em
}

.card .face.face2 {
    position: relative;
    background: #54b2cb;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    box-sizing: border-box;
    box-shadow: 0 4px 5px rgba(0,0,0,0.58);
    transform: translateY(-100px)
}

.card .face.face3 {
    background: #7c6de4
}

.card .face.face4 {
    background: #e66968
}

.card:hover .face.face2 {
    transform: translateY(0);
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.card .face.face2 p {
    margin: 0;
    padding: 0
}

.hmscard {
    box-shadow: 0 1px 3px 0 rgba(0,0,0,0.3),0 0 0 1px rgba(0,0,0,0.04);
    border-top: 4px solid #2c3e50;
    padding: 15px;
    background-color: #fff
}

.crmCard {
    box-shadow: 0 1px 3px 0 rgba(0,0,0,0.3),0 0 0 1px rgba(0,0,0,0.04);
    padding: 15px;
    background-color: #fff;
    text-align: center;
    transition: transform .3s ease,box-shadow .3s ease;
    height: 22em
}

.brandColor {
    color: #058383
}

.otherProductContent {
    border: 1px solid #ddd;
    margin: 10px;
    border-radius: 5px;
    font-size: 25px;
    box-shadow: 0 0 5px 0 rgba(0,0,0,0.2);
    width: 11em;
    background-color: #fff
}

.otherProductContent a {
    color: #058383;
    padding: 20px;
    text-decoration: none;
    display: block
}

.otherProductContent a:hover {
    color: #065a5a
}

.count-con {
    padding: 0 25px
}

.count-sec {
    font-size: 50px;
    color: #e67e22;
    font-weight: 600 !important;
    padding-bottom: 12px
}

.count-desc {
    font-size: 18px;
    line-height: 32px
}

.crmheaderTop {
    margin-top: 150px;
    overflow: hidden;
    background-image: linear-gradient(to bottom, #fff6e6, transparent);
    height: 50em
}

.subdown-content {
    width: 15em !important;
    padding: 0 !important;
    right: 27em !important
}

.subdown-resources {
    width: 17em !important;
    padding: 0 !important;
    right: 8em !important
}

.subdown-features {
    width: 15em !important;
    padding: 0 !important;
    right: 18em !important
}

.subDropdownDiv {
    border: 0 solid #ddd;
    border-radius: 0;
    margin: 0
}

.subDropdownDiv:hover {
    background-color: #edf0f0;
    cursor: pointer
}

.paddingTopLeftBottom15 {
    padding: 15px 0 15px 20px !important
}

.callCenterBtn {
    border: 1px solid #058383;
    color: #058383;
    background-color: #edf0f0;
    font-weight: 500;
    margin-top: -8px
}

.crmCard:hover {
    transform: translateY(-3px);
    box-shadow: 0 0 0 1px rgba(0,0,0,0.1),0 1px 3px 0 rgba(0,0,0,0.11),0 3px 3px -1px rgba(0,0,0,0.1),0 20px 30px -3px rgba(0,0,0,0.1)
}

.hcrmReadBtn {
    font-size: 16px !important;
    padding: 8px 16px !important;
    border: 1px solid #236fb0
}

.hcrmReadBtn:hover {
    color: #fff;
    background-color: #2b7cb3;
    border: 1px solid #fff
}

.top25 {
    margin-top: 25px
}

.padding30 {
    padding-right: 30px !important;
    padding-left: 30px !important
}

.crmtabcontent {
    float: left;
    padding: 0 12px;
    width: 75%;
    border-left: none;
    height: auto
}

.callCentertabcontent {
    float: left;
    padding: 0 12px;
    width: 100%;
    border-left: none;
    height: auto;
    margin-top: 2em
}

.font18 {
    font-size: 18px
}

.crmFeatureBoxes {
    border-radius: 5px;
    border: 1px solid #e4e9ee;
    border-radius: 10px;
    box-shadow: 2px 2px 10px rgba(0,0,0,0.3);
    height: 100%;
    margin-bottom: 20px;
    margin-top: 2.8em;
    background-color: #fff
}

.crmfeatureBottom {
    padding: 30px 0;
    margin-bottom: 0
}

.crmseparator {
    margin-top: 18px;
    margin-bottom: 18px;
    border: 0;
    border-top: 1px solid #2c3e50
}

.crmSubContent {
    text-align: center;
    font-size: 20px
}

.crmEqualWidth {
    width: 20%
}

.rightBorder {
    border-right: 1px solid #e4e9ee
}

.crmValues {
    box-shadow: -7px 5px 6px 0 rgba(0,0,0,0.1);
    margin-bottom: 20px;
    background-color: #fff
}

.crmValuesPadding {
    padding: 15px 25px 5px 25px !important
}

.crmBlogs {
    box-shadow: -7px 5px 6px 0 rgba(0,0,0,0.1);
    height: 22em;
    margin-bottom: 20px;
    border: 1px solid #e4e9ee;
    background-color: #fff
}

.hcrmBlogs {
    box-shadow: -7px 5px 6px 0 rgba(0,0,0,0.1);
    padding-bottom: 20px;
    margin-bottom: 20px;
    border: 1px solid #e4e9ee;
    background-color: #fff
}

.crmBlogsPadding {
    padding: 10px 30px !important
}

.crmBlogsPadding h3 {
    line-height: 1.4em
}

.bgGrey {
    background-color: #fafafa
}

.width595 {
    width: 595px
}

.bglinear {
    background: linear-gradient(to bottom, #f39677 0, #fff 100%)
}

.paddingBottom0 {
    padding-bottom: 0
}

.hmstransitionCard {
    margin-bottom: 3em;
    text-align: -webkit-center
}

.bglightgrey {
    background-color: #f9f8f8
}

.marginTopBottom3 {
    margin-top: 3em;
    margin-bottom: 3em
}

.hmsFeatures {
    text-align: center;
    font-size: 4rem;
    margin-top: 0;
    margin-bottom: 1em;
    color: #2c3e50
}

.leadMgmtHead {
    font-size: 3rem;
    margin-top: 0;
    margin-bottom: 1em;
    color: #2c3e50
}

.marginBottom2 {
    margin-bottom: 2em
}

.skyBlueTxt {
    color: #15a0c0
}

.height3 {
    height: 3em
}

.marginTopBottomFour {
    margin-top: 4em;
    margin-bottom: 4em
}

.hmsHospital {
    font-size: 30px;
    margin-bottom: 1em;
    line-height: 1.4em
}

.padding0 {
    padding: 0
}

.marginLeft0 {
    margin-left: 0
}

.hmsCompliance {
    font-size: 35px;
    margin-bottom: 1em
}

.fontOnepointThree {
    font-size: 1.3em
}

.heightTwentysevenpointTwo {
    height: 27.2em
}

.contentHighlight {
    color: #2c3a50;
    background-color: #ffe9c0;
    border-radius: 5px
}

.homeSolutions,.homeFeatures,.hospitalMgmtSolutions,.hospitalMgmtFeatures,.homecareSolutions,.homecareFeatures,.clinicSolutions,.telehealthSolutions,.telehealthFeatures,.clinicFeatures,.ehrSolutions,.ehrFeatures,.hcrmSolutions,.hcrmFeatures,.salesAndSupport,.connectWithUs,.cosmetologySolutions {
    display: none
}

.solutionSubHeader {
    font-size: 25px;
    font-weight: 400;
    color: #058383
}

.solutionContent {
    font-size: 18px;
    font-weight: normal;
    margin-left: .9em
}

.callCenterBoxes {
    border-radius: 5px;
    padding: 10px 30px !important;
    margin-bottom: 20px
}

.top7 {
    margin-top: 7em
}

.callHeader {
    font-size: 39px;
    margin-top: 18px;
    margin-bottom: 18px
}

.callPadding {
    padding: 20px 20px 5px 20px !important
}

.callValues {
    margin-bottom: 20px;
    background-color: #fff
}

.callBlogs {
    box-shadow: 0 5px 6px 0 rgba(0,0,0,0.1);
    height: 12.5em;
    background-color: #fff
}

.callContentTxt {
    color: #5d6e7f;
    font-size: 20px;
    margin-top: 18px;
    margin-bottom: 10px;
    font-weight: normal;
    text-align: center
}

.handpointer {
    cursor: pointer
}

_::-webkit-full-page-media,_:future,:root .safari_only {
    -webkit-transform: translate3d(0, 0, 0)
}

.callOut {
    border-left: 4px solid #2c3e50;
    box-shadow: 0 1px 7px 0 rgba(0,0,0,0.3),0 0 0 1px rgba(0,0,0,0.04);
    padding: 20px;
    background-color: #fff;
    border-radius: 10px
}

.mobilePad {
    padding-left: 0
}

.prodSubPoint {
    font-size: 15px;
    padding-top: 0;
    margin-left: 6em;
    color: #34495e;
    margin-top: -0.5em
}

.height13 {
    height: 13.5em
}

.productIcon {
    height: 2em;
    margin-top: 1em;
    padding-right: 1em
}

.headTop {
    font-size: 15px;
    padding-top: 10px;
    padding-left: 30px;
    font-weight: 600;
    border-bottom: 1px solid #dadada;
    padding-bottom: 10px;
    margin-bottom: 0;
    color: #21343f
}

.width25 {
    width: 25%
}

.width75 {
    width: 75%;
    display: inline
}

.height27 {
    height: 27em
}

.paddingTop4 {
    padding-top: 3em
}

.allProductDiv {
    padding: 10px;
    margin: 0 10px;
    border-radius: 5px;
    padding-left: 20px;
    width: 94%
}

.hcrmDiv:hover {
    background-color: #fff6e6
}

.clinicDiv:hover {
    background-color: #ebfaf2
}

.ehrDiv:hover {
    background-color: #f9ecf2
}

.telemedicineDiv:hover {
    background-color: #f6f9fd
}

.ivfMgmtDiv:hover {
    background-color: #e7f7fd
}

.medispaDiv:hover {
    background-color: #fffbf2
}

.homecareDiv:hover {
    background-color: #e7f9fe
}

.hmsDiv:hover {
    background-color: #fdeee9
}

.callcenterDiv:hover {
    background-color: #ecf5fd
}

.leadMgmtDiv:hover {
    background-color: #ffeef0
}

.marketingAutoDiv:hover {
    background-color: #f1f1f1
}

.b2bSalesDiv:hover {
    background-color: #fdf1e6
}

.hcrm360Div:hover {
    background-color: #f2faff
}

.hcrmColor {
    color: #ffa800 !important
}

.clincColor {
    color: #24c06f !important
}

.ehrColor {
    color: #cc4783 !important
}

.homecareColor {
    color: #0dc7fb
}

.hmsColor {
    color: #ee5924 !important
}

.telemedicineColor {
    color: #5E66D5 !important
}

.callCenterColor {
    color: #44a4ec
}

.leadMgmtColor {
    color: #ff5969
}

.marketingAutoColor {
    color: #7c61dc
}

.b2bsalesColor {
    color: #ed7c00
}

.hcrm360Color {
    color: #3973e6
}

.hcrmbgColor {
    background-color: #fff6e6
}

.clincbgColor {
    background-color: #ebfaf2
}

.ehrbgColor {
    background-color: #f9ecf2
}

.homecarebgColor {
    background-color: #e7f9fe
}

.hmsbgColor {
    background-color: #fdeee9
}

.telemedicinebgColor {
    background-color: #ced2f2
}

.callCenterbgColor {
    background-color: #ecf5fd
}

.leadMgmtbgColor {
    background-color: #ffeef0
}

.marketingAutobgColor {
    background-color: #f1f1f1
}

.b2bsalesbgColor {
    background-color: #fdf1e6
}

.hcrm360bgColor {
    background-color: #d3e9f9
}

.homecarebenefitheader {
    color: #5f5328
}

.telemedicinebenefitheader {
    color: #023bbd
}

.displayNone {
    display: none
}

.displayBlock {
    display: block
}

.subdown-solutions {
    width: 13em !important;
    padding: 0 !important;
    right: 18em !important;
    margin-top: 25px
}

.solutionInnerSection ul li a {
    color: #2F2F2F;
    text-decoration: none
}

.solutionInnerSection ul li a:hover {
    color: #058383
}

.marginBottom4 {
    margin-bottom: 4em
}

.marginBottom3 {
    margin-bottom: 3em
}

.height4 {
    height: 4em
}

.fontOnepointTwo {
    font-size: 1.2em
}

.telehealthDiv {
    border-radius: 10px;
    box-shadow: 0 0 5px 0 rgba(0,0,0,0.2);
    margin: 0 10px;
    padding: 0;
    border: 1px solid #5f66d5
}

.headTelehealth {
    background-color: #ced2f2;
    margin: 0;
    padding: 15px 0;
    font-size: 20px
}

.telehealthCardImg {
    height: 10em;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px
}

.cardSubText {
    padding: 20px 15px;
    background-color: #fff;
    border-bottom-left-radius: 9px;
    border-bottom-right-radius: 9px
}

.rightMark {
    height: 1.3em;
    margin-top: -7px
}

.newProduct {
    color: #fff;
    font-size: 12px;
    border-radius: 2px;
    animation: pulse 1s infinite
}

@keyframes pulse {
    0% {
        background-color: #001F3F
    }

    100% {
        background-color: #FF4136
    }
}

.mobileAppSec {
    color: #36454f;
    font-size: 22px;
    padding: 5px 0;
    margin-bottom: 80px
}

.txtColor {
    width: 100px;
    height: 100px;
    color: #058383;
    animation: rfd 1s infinite
}

@keyframes rfd {
    from {
        color: #058383
    }

    to {
        color: red
    }
}

.loginBtn {
    background-color: transparent !important;
    border: 2px solid #058383;
    margin-top: 6px;
    font-size: 17px;
    padding: 8px 20px
}

.loginBtn:hover {
    background-color: #058383 !important
}

.pricingCard {
    border: 1px solid #ccc;
    text-align: center;
    border-radius: 5px;
    margin-bottom: 15px
}

.dropdownChoosen {
    width: 100%;
    font-size: 16px;
    padding: 12px;
    border: 1px solid #bebebe
}

.externalDiv {
    text-align: center;
    padding: 2em 0 0 0
}

.externalDivPara {
    font-size: 16px !important;
    font-weight: 500 !important
}

.marginTop8 {
    margin-top: 8em
}

.height5 {
    height: 5em
}

.medispabackgroundlinear {
    background: linear-gradient(to bottom, #f9ebc7 0, #fff 100%)
}

.medispaIcon {
    height: 5em;
    width: 5em
}

.medispaheader {
    font-size: 35px;
    margin-top: 18px
}

.medispaColor {
    color: #D99E00 !important
}

.medispabenefitheader {
    color: #263a50
}

.pricingstar {
    font-size: 25px;
    position: relative !important;
    top: -17px;
    display: inline
}

.fontbold {
    font-weight: bold
}

.secondLinePrice {
    margin-top: 1em !important;
    color: #818e8f
}

.firstLinePrice {
    font-weight: bold;
    font-size: 18px
}

.firstPriceBox {
    height: 42rem;
    border-radius: 10px;
    border: 1.2px solid #cccccc
}

.firstPriceBoxnew {
    height: 48.8rem;
    border-radius: 10px;
    border: 1.2px solid #cccccc
}

.thirdLinePriceCare {
    font-size: 10px;
    margin-top: 7px;
    font-weight: bold
}

.thirdLinePrice {
    font-size: 25px;
    margin-top: 27px;
    font-weight: bold
}

.fourthLinePrice {
    padding-top: 5px;
    color: #818e8f;
    font-size: 14px
}

.fifthLinePrice {
    font-size: 14px;
    font-weight: bold;
    padding-top: 2em;
    margin-left: 20%;
    text-align: left
}

.sixthLinePrice {
    padding-top: 5px;
    text-align: left;
    padding-left: 4em;
    font-weight: 200;
    font-size: 15px
}

.seventhLinePrice {
    font-size: 16px;
    line-height: 1.3;
    padding: 18px 40px 0;
    font-weight: 200
}

.bottomLinePrice {
    position: absolute;
    bottom: 8px;
    left: 60px;
    font-size: 12px
}

.greyTxt {
    color: #828e8f
}

.de-check:before {
    content: "\f00c";
    font: 13px/2.5 FontAwesome
}

.de-checked:before {
    content: "\f058"
}

.tableBorder {
    border: 2px solid #f9f9f9
}

.tabTitle {
    font-size: 24px;
    padding-top: 12px
}

.borderRadiusTop {
    border-radius: 10px 10px 0 0
}

.borderRadiusBtm {
    border-radius: 0 0 10px 10px
}
.col-md-17 {
    margin-top: 50px;
}
/*add new responsive style */
@media only screen and (max-width: 767px) {
    .col-md-17 {
        display: none;
    }
}
/*hospital_page new card style */
@media only screen and (max-width: 767px) {
    .productPlan {
        border: 1px solid #ccc; /* Border qo'shish */
        box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1); /* Card shadow qo'shish */
        border-radius: 10px; /* Burchaklarni yumaloqlash */
        padding: 15px; /* Ichki bo'shliq */
        margin: 10px 0; /* Tashqi bo'shliq */
    }
}