@media only screen and (max-width: 1920px) {

    /*------------------ Company-info page -- section start --------------------------------------------*/
    .company--info h3 {
        font-size: 16px;
        margin-bottom: 8px;
    }

    .company--info--responsive .header-form {
        padding: 15px 0px;
        padding-bottom: 0px;
    }

    .company--info--responsive .col-md-12.my-lg-5.my-md-4.my-sm-4.my-4.line-border-- {
        margin: 2rem 0rem !important;
    }

    .company--info--responsive .footer-txt {
        position: relative;
        bottom: 0px;
    }

    .main-container--sidebar--collapse .user--panel--mainbar {
        /*        width: 95%;*/
    }

    /*------------------ Company-info page -- section close --------------------------------------------*/
    /*------------------ Add-payment page -- section start ---------------------------------------------*/
    .add--payment--responsive .company--info h3 {
        margin-bottom: 8px;
    }

    .add--payment--responsive .header-form {
        padding: 10px 0px;
        padding-bottom: 0px;
    }

    .add--payment--responsive .col-md-12.mt-3.mb-5.line-border-- {
        margin: 2rem 0rem !important;
    }

    .add--payment--responsive .company--info--billing--info--sheet .company--info--billing--info--sheet--box {
        margin-top: 7px;
    }

    /*------------------ Add-payment page -- section close ---------------------------------------------*/
    /*------------------ Review--submit page -- section start ------------------------------------------*/
    .review--submit--responsive .header-form {
        padding: 15px 0px;
        padding-bottom: 10px;
    }

    /*------------------ Review--submit page -- section close -------------------------------------------*/
    /*------------------ Profile--builder -- section start ----------------------------------------------*/
    .profile--builder--responsive .profile--builder--txt--main {
        margin: 18px auto;
    }

    /*------------------ Profile--builder -- section close -------------------------------------------------*/
    /*------------------ Footer -- section start -----------------------------------------------------------*/
    .add--payment--responsive .footer-txt {
        position: relative;
        bottom: 0px;
    }

    .review--submit--responsive .footer-txt {
        position: fixed;
        bottom: 0px;
    }

    .onboarding--password--responsive .footer-txt {
        position: relative;
        bottom: 10px;
    }

    .focus--business--form--responsive .footer-txt {
        position: fixed;
        bottom: 10px;
    }

    .setup-profile--number--responsive .footer-txt {
        position: relative;
        bottom: 0px;
    }

    .onboarding--research--responsive .footer-txt {
        position: fixed;
        bottom: 5px;
    }

    .confirm--review--meeting--responsive .footer-txt {
        position: fixed;
        bottom: 15px;
    }

    .profile--builder--responsive .footer-txt {
        position: fixed;
        margin-bottom: 5px;
    }

    .last--setup--responsive .footer-txt {
        position: relative;
        bottom: 0px;
    }

    /*------------------ Footer -- section close ----------------------------------------------------------*/
    #paraGraph--remove--responsive {
        /*        display: none;*/
    }

    .last--setup--responsive .my-5 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }

    .onboarding--research--responsive .py-5 {
        padding-top: 0rem !important;
    }

    .onboarding--research--responsive .research--section h3 {
        margin-bottom: 15px;
    }

    .onboarding--research--responsive .research--section--box {
        padding: 10.4px 18px;
    }

    /*  .onboarding--research--responsive .user--panel--main--top {
    padding: 0px 25px;
    }*/
}

@media only screen and (max-width: 1600px) and (min-height: 900px),
(max-width: 1536px) and (min-height: 864px),
only screen and (max-width: 1920px) {

    /*------------------ company--info page -- section start ------------------------------------------------*/
    .company--info--responsive .form-control {
        height: 44px;
        font-size: 12px;
        margin-bottom: 8px;
    }

    .company--info--responsive .company--info form .select2 {
        height: 44px;
        margin-bottom: 8px;
    }

    .company--info--responsive .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 41px;
        font-size: 12px;
    }

    /*------------------ company--info page -- section close ------------------------------------------------*/
    /*------------------ Add--payment page -- section start -------------------------------------------------*/
    .add--payment--responsive .company--info h3 {
        font-size: 12px;
        margin-bottom: 5px;
        margin-top: 5px;
    }

    .add--payment--responsive .company--info--billing--info h3 {
        font-size: 14px;
        margin-bottom: 5px;
        margin-top: 5px;
    }

    .add--payment--responsive .form--company--section--box--heading h3 {
        font-size: 12px;
        margin-bottom: 5px;
        margin-top: 5px;
    }

    .add--payment--responsive .form--company--section--box--safe-secure h3 {
        font-size: 12px;
        margin-bottom: 5px;
        margin-top: 5px;
    }

    .add--payment--responsive .form--company--section--box--heading span {
        font-size: 12px;
    }

    .add--payment--responsive .form--company--section--box--safe-secure--txt {
        font-size: 12px;
    }

    .add--payment--responsive .form--company--section--box ul li .form--company--section--box--left {
        font-size: 12px;
    }

    .add--payment--responsive .form--company--section--box ul li .form--company--section--box--right {
        font-size: 12px;
    }

    .add--payment--responsive .company--info .order-view- .company--info--contact--info ul li {
        font-size: 12px;
    }

    .add--payment--responsive .company--info--billing--info label {
        font-size: 12px;
        margin-bottom: 5px;
        margin-top: 5px;
    }

    .add--payment--responsive .company--info--billing--info--sheet--txt {
        font-size: 12px;
        margin-bottom: 5px;
        margin-top: 5px;
    }

    .add--payment--responsive .company--info--billing--info input {
        height: 38px;
        font-size: 12px;
        margin-bottom: 5px;
    }

    .add--payment--responsive .form--company--section--box ul li {
        padding: 5px 15px;
    }

    .add--payment--responsive .ElementsApp input {
        height: 0.8em !important;
        line-height: 0.2em !important;
    }

    .add--payment--responsive .company--info--billing--info .StripeElement {
        padding: 10px 20px;
        height: 42px;
    }

    .add--payment--responsive .company--info form .select2 {
        font-size: 11px;
        height: 38px;
        margin-bottom: 0px;
    }

    .add--payment--responsive .company--info .btn {
        font-size: 11px;
        height: 38px !important;
        margin-bottom: 0px;
    }

    .add--payment--responsive .select2-container--default .select2-selection--single .select2-selection__rendered {
        font-size: 12px;
        height: 38px;
        line-height: 38px;
        margin-bottom: 0px;
    }

    .add--payment--responsive .company--info form .select2 .select2-selection {
        height: 100%;
    }

    .add--payment--responsive .select2-container--default .select2-selection--single .select2-selection__arrow {
        position: absolute;
        top: -5px;
    }

    .add--payment--responsive .company--info .btn--ordinary {
        font-size: 14px;
        line-height: 38px !important;
        height: 42px !important;
    }

    .add--payment--responsive .form--company--section--box--heading h3 .btn--small {
        max-height: 17px;
        line-height: 8.8px !important;
        font-size: 10px;
    }

    .add--payment--responsive .company--info--billing--info--sheet #card-element .__PrivateStripeElement {
        bottom: 1px;
    }

    .add--payment--responsive .company--info--contact--info {
        padding: 10px 14px;
        margin-top: 6px;
    }

    .add--payment--responsive .company--info--billing--info {
        padding: 10px 14px;
        margin-top: 6px;
    }

    .add--payment--responsive .form--company--section--box--safe-secure {
        padding: 10px 14px;
        margin-top: 6px;
    }

    .add--payment--responsive .form--company--section--box--heading {
        padding: 10px 14px;
    }

    .add--payment--responsive .inner-content {
        position: relative;
        bottom: 11px;
    }

    .add--payment--responsive .company--info {
        position: relative;
        bottom: 11px;
    }

    .add--payment--responsive .header-form {
        padding: 15px 0px;
    }

    /*------------------ Add--payment page -- section close -------------------------------------------------*/
    /*------------------ Review--submit page -- section start -----------------------------------------------*/
    .review--submit--responsive .btn.btn--outline.float-right {
        font-size: 15px;
        padding: 7px 10px 7px 5px;
    }

    .review--submit--responsive .form--company--section--box--right {
        font-size: 12px;
    }

    .review--submit--responsive .form--company--section--box--left {
        font-size: 12px;
    }

    /*------------------ Review--submit page -- section close -----------------------------------------------*/
    /*------------------ Focus--business--profile--responsive -- section start ------------------------------*/
    .focus--business--profile--responsive .on-boarding-question--main .on-boarding-question--main--right--bar .finalize--step .finalize--step--box {
        height: 335px;
        min-height: 335px;
    }

    .focus--business--profile--responsive .on-boarding-question--main--right--bar {
        padding: 15px 20px;
        height: 95%;
    }

    .focus--business--profile--responsive .on-boarding-question--main--left--bar {
        padding: 15px 20px;
        height: 95%;
    }

    .focus--business--profile--responsive .btn-padding-width48 {
        height: 39px !important;
        line-height: 38px !important;
    }

    /*------------------ Focus--business--profile--responsive -- section close ------------------------------*/
    /*------------------ User--panel start ------------------------------------------------------------------*/
    .user--panel--mainbar--main--current {
        padding: 15px 15px;
    }

    .user--panel--mainbar--main--current--detail h6 {
        font-size: 14px !important;
    }

    .user--panel--mainbar--main--current--detail--box {
        padding: 20px 17px;
    }

    .user--panel--mainbar--main--current--detail--box {
        padding: 18px 15px;
    }

    .user--panel--mainbar--main--current--detail--box h5 {
        font-size: 13px;
    }

    /*------------------ User--panel close ------------------------------------------------------------------*/
    /*------------------ Footer -- section start ------------------------------------------------------------*/
    .last--setup--responsive .finalize--step--box .footer-txt {
        position: fixed;
        bottom: 5px;
    }

    .profile--builder--responsive .footer-txt {
        position: fixed;
        margin-bottom: 0px;
    }

    /*------------------ Footer -- section close ------------------------------------------------------------*/
    .last--setup--responsive .finalize--step--box .finalize--step {
        position: relative;
        top: -30px;
    }

    .last--setup--responsive .finalize--step--box .py-5 {
        margin-top: 0rem;
    }

    .last--setup--responsive .finalize--step--box .col-md-12.my-5.line-border-- {
        margin-top: 1.5rem;
    }

    .onboarding--research--responsive .research--section h3 {
        margin-bottom: 8px !important;
        margin-top: 0px;
        font-size: 20px;
    }

    .onboarding--research--responsive .research--section--box h6 {
        font-size: 15px;
    }

    .onboarding--research--responsive .research--section--box h3 {
        font-size: 15px;
    }

    .onboarding--research--responsive .research--section--box {
        padding: 11.4px 18px;
    }

    .onboarding--research--responsive .research--section--box .btn {
        margin-top: 7px;
    }

    .confirm--review--meeting--responsive .notification--box .notification--box--label img {
        width: 30%;
    }

    .confirm--review--meeting--responsive .user--panel--sidebar--logo a img {
        width: 115%;
    }

    .confirm--review--meeting--responsive .user--panel--main--top {
        padding: 10px 10px;
    }
}

@media only screen and (min-width: 1920px),
(max-width: 820px) and (min-height: 1180px),
(max-width: 768px) and (min-height: 1024px) {

    /*------------------ Footer -- section start ------------------------------------------------------------*/
    .company--info--responsive .footer-txt {
        position: relative;
        bottom: 0px;
    }

    .add--payment--responsive .footer-txt {
        position: relative;
        bottom: 0px;
    }

    .review--submit--responsive .footer-txt {
        position: fixed;
        bottom: 5px;
    }

    .onboarding--password--responsive .footer-txt {
        position: fixed;
        bottom: 10px;
    }

    .focus--business--profile--responsive .footer-txt {
        position: fixed;
        bottom: 10px;
    }

    .focus--business--form--responsive .footer-txt {
        position: fixed;
        bottom: 10px;
    }

    .last--setup--responsive .footer-txt {
        position: fixed;
        bottom: 10px;
    }

    .setup-profile--number--responsive .footer-txt {
        position: fixed;
        bottom: 5px;
    }

    .onboarding--research--responsive .footer-txt {
        position: fixed !important;
        bottom: 5px;
    }

    .confirm--review--meeting--responsive .footer-txt {
        position: fixed;
        bottom: 15px;
    }

    .profile--builder--responsive .footer-txt {
        position: relative;
        margin-bottom: 10px;
    }

    /*------------------ Footer -- section end ------------------------------------------------------------*/
}

@media only screen and (max-width: 1600px) and (min-width: 1401px) {

    /*--------------------------------- User--panel start -----------------------*/
    .user--panel--mainbar {
        /*        width: 81.35%;*/
        height: 92.5vh;
    }

    .main-container--sidebar--collapse .user--panel--mainbar {
        /*        width: 94%;*/
    }

    .user--panel--sidebar {
        width: 18.65%;
        height: 92.5vh;
    }

    /*--------------------------------- User--panel close -----------------------*/
}

@media only screen and (max-width: 1532px) and (min-width: 993px) {
    .login-section--heading h4 {
        font-size: 24px;
    }

    .width--75 {
        width: 100%;
    }

    .meeting--modal--box--portion--list--item ul li .col-lg-4.col-md-5.col-5.fw-semibold.font_size--medium {
        font-size: 12px;
        word-break: break-word;
    }

    .last--setup--responsive .finalize--step--box--image img {
        height: 100px;
    }

    .meeting--status--badge {
        padding: 3px 4px;
        font-size: 10px;
    }

    .meeting--area--box--section .col-md-12 .row .col-md-4 h6 {
        font-size: 10px;
        margin-left: 0px;
    }

    .meeting--area--box h4 {
        font-size: 14px;
    }

    .account--detail--main--box p {
        font-size: 12px;
    }

    .meeting--area--box h4 {
        font-size: 12px;
    }

    .meeting--area--box {
        padding: 15px 8px;
        overflow: hidden;
    }

    .leads--dashboard--box h5 {
        font-size: 10px;
    }

    .meeting--area--box .meeting--area--box--section .meeting--area--box--column--person--txt h6 {
        font-size: 10px;
    }

    .meeting--area--box--column--person .meeting--area--box--column--person--img {
        margin-top: 10px;
    }

    .meeting--area--box--column--person .meeting--area--box--column--person--img img {
        margin-bottom: 15px;
    }

    .meeting--area--box--column--person {
        gap: 4px;
    }

    .account--detail--main--new--design .account--detail--main--box {
        padding: 15px 15px;
        max-height: fit-content;
    }

    /* ---------------------------------------------- checked till here !important tag --------------------------------------------------------- */
    .user--panel--mainbar--main--current--detail h6 {
        font-size: 12px !important;
    }

    .user--panel--mainbar--main--current--detail h6 form {
        margin-left: 0px !important;
    }

    .user--panel--mainbar--main--current--detail {
        width: 100%;
    }

    .user--panel--mainbar .user--panel--mainbar--main--current .select2-selection {
        margin-left: 15px;
    }

    .select2-container--default .select2-selection--single .select2-selection__rendered {
        font-size: 12px;
    }

    .user--panel--mainbar--main--current--detail--box h5 {
        font-size: 9px;
    }

    .user--panel--mainbar--main--current--detail--box {
        margin-left: -12px;
    }

    .user--panel--mainbar--main--current {
        padding: 9px 15px;
    }
}

@media only screen and (max-width: 1400px) and (min-width: 1310px) {
    #displayAlignLinkWebsiteDesktop .grid .col-lg-4 {
        width: 25%;
    }

    .client-card--box a h6 {
        margin-top: 10px;
    }
}

@media only screen and (max-width: 1366px) and (min-height: 768px),
(max-width: 1280px) and (min-height: 720px),
(max-width: 800px) and (max-height: 600px),
only screen and (max-width: 1366px) {

    .manage--social--btn {
        position: relative;
        top: 0px;
        right: 0px;
        margin-left: 15px;
        margin-top: 15px;
    }

    /*------------------ Company-info page -- section start ------------------------------------------*/
    .company--info--responsive .form-control {
        height: 42px;
        font-size: 11px;
        margin-bottom: 5px;
    }

    .exampleDesign001 .ui-tabs-vertical .ui-tabs-nav li a img {
        max-width: 17px;
    }

    .exampleDesign001 .tabs--vertical ul li {
        white-space: normal;
    }

    #accountActivityDetail .account--detail--main--box .account--detail--main--box--task .account--detail--main--box--task--top .account--detail--main--box--task--top--txt .heading--span {
        display: block;
        margin-bottom: 0px;
    }

    .company--info--responsive .company--info form .select2 {
        height: 42px;
        margin-bottom: 5px;
    }

    .company--info--responsive .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 39px;
        font-size: 14px;
    }

    .company--info--responsive .company--info h3 {
        font-size: 14px;
        margin-bottom: 5px;
        overflow: hidden;
    }

    .company--info--responsive .form--company--section h3 span {
        font-size: 10px;
    }

    .company--info--responsive .form--company--section label {
        font-size: 9px;
    }

    .company--info--responsive .header-form .col-md-12 .btn--outline {
        font-size: 10.2px;
    }

    .company--info--responsive .inner-content .form-button .form-button--txt {
        font-size: 10px;
    }

    .company--info--responsive .form--company--section--box--left {
        font-size: 12px;
    }

    .company--info--responsive .form--company--section--box--right {
        font-size: 12px;
        font-weight: 500;
    }

    .company--info--responsive .form--company--section--box--heading {
        padding: 10px 12px;
        overflow: hidden;
    }

    .company--info--responsive .form--company--section--box .bg-transparent ul li:last-child .form--company--section--box--left {
        font-size: 12px;
    }

    .company--info--responsive .form--company--section--box .bg-transparent ul li:last-child .form--company--section--box--right {
        font-size: 12px;
    }

    .company--info--responsive .form--company--section--box--safe-secure--txt {
        font-size: 12px;
    }

    .company--info--responsive .header-form .back--btn {
        /*        top: 25.5px;*/
        top: 0px;
    }

    .company--info--responsive .header-form .back--btn a {
        font-size: 14px;
    }

    .company--info--responsive .form--company--section--box ul li {
        padding: 7.8px 15px;
    }

    /*------------------ Company-info page -- section close ------------------------------------------*/
    /*------------------ Add-payment page -- section start -------------------------------------------*/
    .add--payment--responsive .btn.btn--outline.float-right {
        width: 80%;
        font-size: 10px;
        padding: 10px 9px;
    }

    .add--payment--responsive .form--company--section--box--heading h3 {
        font-size: 12px !important;
    }

    .add--payment--responsive .btn svg {
        width: 11px !important;
    }

    .add--payment--responsive .form--company--section--box--heading span {
        font-size: 10px !important;
    }

    .add--payment--responsive .form--company--section--box--left {
        font-size: 10px;
    }

    .add--payment--responsive .form--company--section--box--right {
        font-size: 10px;
    }

    .add--payment--responsive .company--info--contact--info ul li {
        font-size: 10px;
    }

    .add--payment--responsive .company--info--billing--info label {
        font-size: 10px !important;
    }

    /*------------------ Add-payment page -- section close -------------------------------------------*/
    /*------------------ Review--submit page -- section start ----------------------------------------*/
    .review--submit--responsive .btn.btn--ordinary {
        padding: 8px 18px;
    }

    .review--submit--responsive .form--company--section--box--right {
        font-size: 9px !important;
    }

    .review--submit--responsive .form--company--section--box--left {
        font-size: 9px !important;
    }

    .review--submit--responsive .form--company--section--box ul li {
        padding: 10px 7px;
    }

    .review--submit--responsive .form--company--section--box ul li .form--company--section--box--left span {
        font-size: 9px;
    }

    .review--submit--responsive .btn.btn--outline.float-right {
        font-size: 13px !important;
        padding: 7px 10px 7px 5px;
    }

    /*------------------ Review--submit page -- section close ----------------------------------------*/
    /*------------------ Onboarding--password page -- section start ----------------------------------*/
    .onboarding--password--responsive .line--system .line-border-- .container .row:before {
        width: 73.5%;
    }

    /*------------------ Onboarding--password page -- section close -----------------------------------*/
    /*------------------ Setup-profile--number--responsive page -- section start -----------------------*/
    .setup-profile--number--responsive .line--system .on-boarding-question--main .on-boarding-question--main--left--bar .on-boarding-question--main--left--bar--div .btn--outline {
        font-size: 8px;
        width: 70px;
        right: 3px;
    }

    .setup-profile--number--responsive .on-boarding-question--main--right--bar {
        left: 0px;
        padding: 13px 20px;
    }

    .setup-profile--number--responsive .on-boarding-question--main--left--bar {
        width: auto;
    }

    .setup-profile--number--responsive .on-boarding-question--main--left--bar ul ul li a {
        font-size: 11px;
    }

    .setup-profile--number--responsive .on-boarding-question--main--left--bar ul li .on-boarding-question--main--left--bar--div {
        font-size: 12px;
        gap: 7px;
    }

    .setup-profile--number--responsive .on-boarding-question--main--left--bar {
        padding: 10px 5px;
    }

    .setup-profile--number--responsive .on-boarding-question--main--left--bar ul li span {
        max-width: 25px;
        height: 30px;
    }

    .setup-profile--number--responsive .line--system .line-border-- .container .row .form-button--txt {
        font-size: 13px;
    }

    .setup-profile--number--responsive .on-boarding-question--main .section--question--answer ul li .section--question-- {
        font-size: 13px;
    }

    .setup-profile--number--responsive .section--question--answer ul li .section--question--answer--box {
        font-size: 13px;
    }

    .setup-profile--number--responsive .on-boarding-question--main .section--question--answer ul li label {
        font-size: 13px;
    }

    .setup-profile--number--responsive .on-boarding-question--main .section--question--answer .ui-accordion .form-control {
        font-size: 13px;
    }

    .setup-profile--number--responsive .on-boarding-question--main--right--bar h3 {
        font-size: 20px !important;
    }

    .setup-profile--number--responsive .on-boarding-question--main .section--question--answer ul li label {
        font-size: 12px;
    }

    .setup-profile--number--responsive .section--question--answer ul li input {
        font-size: 13px;
    }

    .setup-profile--number--responsive .on-boarding-question--main--left--bar ul ul ul li a {
        font-size: 10.8px;
        position: relative;
        right: 0px;
    }

    /*------------------ Setup-profile--number--responsive page -- section close -----------------------*/
    /*------------------ Focus--business--profile--responsive -- section start -------------------------*/
    .focus--business--profile--responsive .finalize--step--box a {
        padding: 5px 10px;
    }

    .focus--business--profile--responsive .on-boarding-question--main--right--bar {
        padding: 10px 10px !important;
    }

    .focus--business--profile--responsive .on-boarding-question--main--left--bar {
        padding: 15px 9px !important;
    }

    .focus--business--profile--responsive .line--system .line-border-- .container .row:before {
        width: 74.5%;
    }

    .focus--business--profile--responsive .on-boarding-question--main--left--bar ul li .on-boarding-question--main--left--bar--div {
        font-size: 15px;
    }

    .focus--business--profile--responsive .on-boarding-question--main--left--bar ul ul li a {
        font-size: 15px;
    }

    .focus--business--profile--responsive .on-boarding-question--main .on-boarding-question--main--right--bar .finalize--step .finalize--step--box .finalize--step--box--txt .finalize--step--box--txt--main {
        font-size: 15px;
    }

    .focus--business--profile--responsive #bgF5F5F5 .on-boarding-question--main--right--bar h3 p {
        font-size: 15px;
    }

    .focus--business--profile--responsive #bgF5F5F5 .on-boarding-question--main--right--bar h3 {
        font-size: 25px;
    }

    .focus--business--profile--responsive .line--system .line-border-- .container .row .form-button--txt {
        font-size: 14px;
    }

    .focus--business--profile--responsive .on-boarding-question--main .on-boarding-question--main--right--bar .finalize--step .finalize--step--box {
        height: auto !important;
        margin-top: 20px;
    }

    /*------------------ Focus--business--profile--responsive -- section close -------------------------*/
    /*------------------ User--panel -- section start --------------------------------------------------*/
    .user--panel--mainbar .user--panel--mainbar--main--current .select2-selection {
        margin-left: 15px;
    }

    .user--panel--mainbar--main--current--detail--box h5 {
        font-size: 9px !important;
    }

    .user--panel--mainbar--main--current--detail--box {
        padding: 18px 8px !important;
        margin-left: -10px;
    }

    .user--panel--mainbar--main--current--detail--box h2 {
        font-size: 18px;
    }

    .user--panel--mainbar--main--current {
        padding: 10px 15px !important;
    }

    .user--panel--mainbar--main {
        padding: 20px 10px;
    }

    .user--panel--mainbar--main--current--detail h1 {
        font-size: 26px;
    }

    .user--panel--mainbar--main--current--detail--box img {
        width: 90%;
    }

    /*------------------ User--panel -- section close --------------------------------------------------*/
    /*------------------ Footer -- section start -------------------------------------------------------*/
    .review--submit--responsive .footer-txt {
        position: relative !important;
        bottom: 0px;
    }

    .onboarding--password--responsive .footer-txt {
        position: relative !important;
        bottom: 0px;
    }

    .onboarding--research--responsive .footer-txt {
        position: relative !important;
        bottom: 0px;
    }

    .focus--business--form--responsive .footer-txt {
        position: relative !important;
        bottom: 0px;
    }

    .confirm--review--meeting--responsive .footer-txt {
        position: relative !important;
        bottom: 0px;
    }

    .profile--builder--responsive .footer-txt {
        position: relative;
        margin-bottom: 0px;
    }

    /*------------------ Footer -- section close -------------------------------------------------------*/
    /*    .select2-container--default .select2-selection--single .select2-selection__rendered {
            font-size: 14px;
        }*/

    .focus--business--form--responsive .line--system .line-border-- .container .row:before {
        width: 75% !important;
    }

    .focus--business--form--responsive .on-boarding-question--main--left--bar {
        padding: 20px 10px;
    }

    .last--setup--responsive .finalize--step--box .text-center {
        position: relative;
        bottom: 10px;
    }

    .last--setup--responsive .finalize--step--box {
        min-height: 360px;
        height: 360px;
    }

    .last--setup--responsive .finalize--step--box .line--system .line-border-- .container .row .form-button--txt {
        font-size: 16px;
    }

    .last--setup--responsive .finalize--step--box .finalize--step--box--txt h3 {
        font-size: 16px;
    }

    .last--setup--responsive .finalize--step--box .text-center {
        font-size: 16px;
    }

    .last--setup--responsive .line-border-- .container .row {
        position: relative;
        top: -20px;
    }

    .last--setup--responsive .text-center {
        position: relative;
        bottom: 30px;
        font-size: 13px;
    }

    .last--setup--responsive .finalize--step--box--txt h3 {
        font-size: 13px;
        margin-top: 20px;
    }

    .last--setup--responsive .line--system .line-border-- .container .row .form-button--txt {
        font-size: 13px;
    }

    .last--setup--responsive .finalize--step--box--image {
        position: relative;
        top: 0px;
    }

    .last--setup--responsive .py-5 {
        position: relative;
        /*        top: -30px;*/
    }

    .last--setup--responsive .line-border-- .container .row {
        position: relative;
        top: 20px;
    }

    .last--setup--responsive .line--system .line-border-- .container .row:before {
        width: 74.5%;
    }

    .last--setup--responsive .finalize--step--box--txt--main {
        font-size: 12px;
        margin-top: 5px;
    }

    .last--setup--responsive .py-5 {
        position: relative;
        /*        top: 30px;*/
    }

    .onboarding--research--responsive .research--section h3 {
        margin-bottom: 10px !important;
        margin-top: 0px;
        font-size: 20px;
    }

    .onboarding--research--responsive .research--section--box h3 {
        font-size: 15px;
    }

    .onboarding--research--responsive .research--section--box h6 {
        font-size: 15px;
    }

    .onboarding--research--responsive .research--section--box {
        padding: 11.4px 18px;
    }

    .onboarding--research--responsive .research--section--box .btn {
        margin-top: 7px;
    }

    .confirm--review--meeting--responsive .notification--box .notification--box--label img {
        width: 30%;
    }

    .confirm--review--meeting--responsive .user--panel--sidebar--logo a img {
        width: 115%;
    }

    .confirm--review--meeting--responsive .user--panel--main--top {
        padding: 10px 10px;
    }

    .login-section--remember-me a {
        font-size: 10px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1280px) {

    .review--meeting--calender--top h5 {
        font-size: 14px;
    }

    .review--meeting--calender--top h6 {
        font-size: 16px;
    }

    /*--------------------------------- GritOps start -------------------------------------------*/
    .GritOps--main--txt--main h1 {
        width: 90%;
    }

    .GritOps--main--txt--main p {
        width: 90%;
    }

    .GritOps--header .GritOps--main--txt .GritOps--main--txt--main--image {
        width: 62.3%;
    }

    .user--panel--mainbar--main--boxes ul li.task--area {
        position: relative;
        width: 48.9%;
        margin-right: 1%;
    }

    .user--panel--mainbar--main--boxes ul li.task--area:nth-child(2n) {
        margin-right: 0%;
    }

    /*--------------------------------- GritOps close ---------------------------------------------*/
    /*--------------------------------- Modal -- section start -------------------------------------*/
    /*--------- meeting--modal--box start ----------*/
    .meeting--modal--box--portion--list--item ul li a {
        font-size: 10px;
    }

    .meeting--modal--box--portion--list--item ul li {
        font-size: 10px;
    }

    .meeting--modal--box--portion--list--item--txt {
        font-size: 10px;
    }

    .meeting--modal--box--portion--list--item--box {
        margin-bottom: 5px;
    }

    .meeting--modal--box--portion--list--item .btn {
        padding: 8px 14px;
        font-size: 12px;
    }

    /*--------- meeting--modal--box close ----------*/
    /*--------------------------------- Modal -- section close -------------------------------------*/
    /* --------------------------------- Main-menu-area start ------------------------------------- */
    .main-menu-area .btn svg {
        max-width: 13px;
    }

    .main-menu-area .btn {
        padding: 8px 9px;
        font-size: 1vw;
    }

    .menu-area nav ul .service-menu ul {
        width: 470px;
    }

    .menu-area nav ul .blog-menu ul {
        width: 350px;
    }

    .menu-area nav ul li a {
        padding: 15px 5px;
        font-size: 1.3vw;
    }

    /* --------------------------------- Main-menu-area close ------------------------------------- */
    /*--------------------------------- Slider -- section start ----------------------------------- */
    .slider p {
        width: 100%;
    }

    .slider h1 {
        width: 100%;
    }

    /*--------------------------------- Slider -- section close ------------------------------------ */
    /*-------------------------- Hosting-plan -- section start ------------------------------------- */
    /*--------- Heading--area--inner--pages -- start --------- */
    .heading--area--inner--pages .checkbox--social .checkbox--social--txt {
        font-size: 31px;
    }

    .heading--area--inner--pages .checkbox--social .checkbox--social--txt-- {
        font-size: 31px;
    }

    .heading--area--inner--pages .col-md-2 .logo--checkbox {
        width: 60px;
        float: none;
    }

    /*--------- Heading--area--inner--pages -- close --------- */
    /*--------- Packgaes-area -- start ----------------------- */
    .packages-area .packages-section--text-end h5 {
        font-size: 10px;
    }

    .packages-area .packages-section h4 {
        font-size: 16px;
        margin-bottom: 0px;
    }

    /*--------- Packages-area -- close --------------------- */
    .section-tabs button {
        padding: 10px 5px;
        max-width: 185px;
        font-size: 14px;
    }

    .checkbox--social--txt {
        font-size: 16px;
    }

    .checkbox--social--txt-- {
        font-size: 16px;
    }

    /*-------------------------- Hosting-plan -- section close ----------------------------------------- */
    /*-------------------------- dental-area -- section start ------------------------------------------ */
    .dental-area .dental-section--container--sm {
        width: 95%;
    }

    .dental-area .container .col-md-6 {
        margin: 0px 0px !important;
    }

    .dental-section--container--sm-- {
        width: 95%;
    }

    /*-------------------------- dental-area -- section close --------------------------------------------*/
    /*-------------------------- our-services-main -- section start --------------------------------------*/
    .our-services-main .dental-section p {
        width: 100%;
    }

    /*-------------------------- our-services-main -- section close --------------------------------------*/
    /*-------------------------- Marketing-company -- section start --------------------------------------*/
    .marketing-company--box--inline img {
        position: relative;
        margin-left: -15px;
    }

    /*-------------------------- Marketing-company -- section close --------------------------------------*/
    /*-------------------------- Portion-services -- section start ---------------------------------------*/
    .portion-services .dental-section--container--sm {
        width: 95%;
    }

    /*-------------------------- Portion-services -- section close ---------------------------------------*/
    /*-------------------------- Our-patient -- section start --------------------------------------------*/
    .our-patient .dental-section--container--sm {
        width: 95%;
    }

    /*-------------------------- Our-patient -- section close --------------------------------------------*/
    /*-------------------------- Inner-content -- section start ----------------------------------------*/
    .inner-content .breadcrumbs-area p {
        width: 100%;
    }

    .news--letter--popup {
        width: 80%;
    }

    /*-------------------------- Inner-content -- section close -----------------------------------------*/
    /*-------------------------- Login -- section start -------------------------------------------------*/
    .login--menu--area--label {
        white-space: normal;
    }

    /*-------------------------- Login -- section close -------------------------------------------------*/
    /*-------------------------- Inner-content -- section close -----------------------------------------*/
    /*-------------------------- Form-company-section -- start --------------------------------------------*/
    .form--company--section--box--heading h3 {
        font-size: 16px;
        margin-bottom: 0px;
    }

    .form--company--section--box--heading span {
        font-size: 12px;
        margin-bottom: 0px;
        margin-top: 2px;
    }

    .form--company--section--box--heading span b {
        font-size: 10px;
    }

    .form--company--section h3 span {
        font-size: 7.3px;
        margin-top: 2px;
    }

    /*-------------------------- Form-company-section -- close ---------------------------------------------*/
    /*-------------------------- User--panel  start ------------------------------------------------------*/
    .user--panel--mainbar {
        width: 74.35%;
    }

    .user--panel--mainbar:before {
        left: 25.65% !important;
    }

    .user--panel--sidebar {
        width: 25.65%;
    }

    .user--panel--sidebar:after {
        width: 25.65%;
    }

    .user--panel--mainbar--main--current--detail--box h5 {
        font-size: 10px;
    }

    .user--panel--mainbar--main--bottom--box .time--doc--chart .donut--value {
        font-size: 14px;
    }

    .user--panel--mainbar--main--bottom--box .time--doc--chart label {
        font-size: 12px;
    }

    /*-------------------------- User--panel  close ------------------------------------------------------*/
    /*-------------------------- Welcome--onboarding  start ----------------------------------------------*/
    .welcome--onboarding--process ul li .welcome--onboarding--txt {
        color: #1e2f3c;
        font-weight: 600;
        font-size: 10px;
    }

    .welcome--onboarding--process--line {
        top: 48%;
    }

    /*-------------------------- Welcome--onboarding  close ----------------------------------------------*/
    /*-------------------------- On-boarding-question--main start ----------------------------------------*/
    .on-boarding-question--main--left--bar ul ul {
        /*        padding: 0px 15px;*/
    }

    .on-boarding-question--main--left--bar ul ul li a {
        width: 87%;
    }

    /*-------------------------- On-boarding-question--main close ----------------------------------------*/
    /*-------------------------- Footer -- section start -------------------------------------------------*/
    .footer-side--area .col-md-12 .row .col-md-2 {
        margin: 0px 0%;
    }

    .footer-side--area .col-md-12 .row .col-md-2 {
        margin: 0px 0%;
    }

    .footer-side--area ul li a {
        font-size: 13px;
    }

    /*-------------------------- Footer -- section close -----------------------------------------------*/
    .account--detail--main--new--design .card-body {
        font-size: 13px;
        padding: 12px 0px;
    }

    .account--detail--main--box--task--top--txt h6 {
        font-size: 12.1533px;
    }

    .account--detail--main--top {
        padding: 12px 12px;
        font-size: 14px;
    }

    .account--detail--main .account--detail--main--box a {
        font-size: 14px;
    }

    .account--detail--main--new--design .product-boxes .checkbox--social .checkbox--social--txt {
        font-size: 13px;
        /*        font-weight: 700;*/
    }

    .account--detail--main--new--design .card-body h4 {
        font-size: 12.5px;
    }

    .account--detail--main--box .plus--plan h3 {
        font-size: 16px;
    }

    .review--meeting--calender--top h6 {
        font-size: 14.6622px;
    }

    .review--meeting--calender--top h5 {
        font-size: 14px;
    }

    .review--meeting--calender--bottom h4 {
        font-size: 14px;
    }

    .review--meeting--calender--bottom ul li {
        font-size: 11.7269px;
    }

    .review--meeting--calender {
        max-width: 195px;
    }

    .billing-contact-dropList ul li {
        width: 32.3%;
    }

    .container {
        max-width: 100%;
        padding: 0px 10px;
    }

    .dataTables_wrapper {
        overflow: auto;
    }

    .account--detail--main--new--design .product-boxes .checkbox--social {
        width: 56%;
    }

    .account--detail--main--new--design .form--company--section--box--heading span {
        font-size: 8px;
    }
}

@media only screen and (max-width: 1400px) and (min-height: 1281px) {

    /* --------------------------------- Mobile-menu start ------------------------------------- */
    .container {
        max-width: 100%;
    }

    /* --------------------------------- Mobile-menu close ------------------------------------- */
    /* --------------------------------- Hosting-plan start ------------------------------------- */
    /*--------- Heading--area--inner--pages -- start --------- */
    .heading--area--inner--pages .checkbox--social .checkbox--social--txt-- {
        font-size: 50px;
    }

    .heading--area--inner--pages .checkbox--social .checkbox--social--txt {
        font-size: 50px;
    }

    /*--------- Heading--area--inner--pages -- close --------- */
    /* --------------------------------- Hosting-plan close -------------------------------------- */
    /* --------------------------------- login section -- start ---------------------------------- */
    .login--menu--area--label {
        white-space: normal;
    }

    /* --------------------------------- login section -- close ---------------------------------- */
    /* --------------------------------- User--panel -- start ------------------------------------ */
    .user--panel--mainbar {
        width: 77.35%;
    }

    .user--panel--sidebar {
        width: 22.65%;
    }

    .user--panel--mainbar--main--current--detail--box h5 {
        font-size: 10px;
    }

    /* --------------------------------- User--panel -- close ------------------------------------ */
    .review--meeting--calender {
        max-width: 250px;
    }

    .account--detail--main--box--task--top--txt h6 {
        width: 68%;
    }

    .timeSpentClass--view--version {
        position: relative;
    }

    .billing-contact-dropList .billingContacts .form-check.form-switch {
        position: relative;
        left: 0px;
        top: 0px;
    }

    .billing-contact-dropList .billingContacts .delete-btn-billing {
        position: relative;
        left: 0px;
        top: 0px;
    }

    /*------------------ Footer -- section close ------------------------------------------------------------*/
}

@media only screen and (max-width: 1134px) {
    .slider-section {
        padding-bottom: 15px;
    }

    .account--detail--main .on--boarding--box .user--panel--mainbar--main--boxes .meeting--area--box .meeting--status--box {
        display: none;
    }

    .status--bar--visible {
        display: block !important;
        top: 0px !important;
        width: 100% !important;
        right: 0px !important;
    }

    .status--bar--visible ul {
        border-top: none !important;
    }

    .status--bar--visible ul li {
        width: 50%;
        float: left;
        border-bottom: none !important;
        border-top: 1px solid #e3e5e8;
    }
}

@media only screen and (max-width: 992px) {

    .user--panel .meeting--modal--box--portion .table-responsive .table {
        width: 75%;
    }

    .meeting--area--box {
        overflow: hidden;
    }

    .status--bar--visible {
        margin-top: 10px;
    }

    .status--bar--visible ul li {
        padding: 5px 0px !important;
    }

    .meeting--status--box .font--size--12 {
        font-size: 14px !important;
    }

    .sign--up--process .card--image {
        max-width: 220px;
    }

    .main-container--sidebar--collapse .user--panel .user--panel--sidebar {
        width: 90px;
    }

    .main-container--sidebar--collapse .user--panel--sidebar--dropdown--responsiveLogo {
        display: none !important;
    }

    .Assets--area .nav-tabs li.nav-item button {
        padding: 8px 12px;
        border: 1px solid #ced4da;
        margin-bottom: 5px;
        border-radius: 4px 4px;
    }

    .existingPaymentCards {
        width: 100%;
    }

    .width--75 {
        width: 100%;
    }

    .on-boarding-question--main--new--buy--option {
        width: 100%;
    }

    ul.item-bullet li .item-bullet--alignment {
        width: 88%;
    }

    .sign--up--process .section--title {
        font-size: 40px;
    }

    .sign--up--process .card--title {
        font-size: 20px;
    }

    .sign--up--process .card--discription {
        font-size: 16px;
    }

    .case--study .content {
        min-height: 500px;
    }

    .case--study .text--content {
        right: 50px;
        bottom: 50px;
        left: 50px;
    }

    .case--study .text--content .case--category {
        font-size: 12px;
    }

    .case--study .text--content .case--title {
        font-size: 18px;
    }

    .case--study .text--content .case--discription {
        font-size: 14px;
        width: 100%;
    }

    .case--study .text--content .view--more {
        font-size: 12px;
    }

    .column--hide--tab {
        display: none !important;
    }

    .package--001--show--mobile {
        display: block;
    }

    .package--001--show--desktop {
        display: none;
    }

    .user--panel--sidebar--dropdown ul li:last-child {
        display: block;
    }

    /*--------------------------------- Modal -- section start ---------------------------------*/
    /* ------ exampleDesign001 start --------------- */
    .exampleDesign001 .modal-body {
        height: 97vh;
        overflow: auto;
        padding-bottom: 40px;
    }

    .exampleDesign001 .modal--heading--area {
        width: 100%;
        margin-top: 25px;
        padding: 0px 10px;
    }

    .exampleDesign001 .modal--heading--area h1 {
        padding: 15.5px 0px;
    }

    .exampleDesign001 .modal--heading--area h1 {
        padding: 15.5px 10px;
        font-size: 16px;
    }

    .exampleDesign001 .modal--heading--area h1 a {
        margin-top: 0px;
        padding: 10px 15px;
        font-size: 11px;
        top: -7px;
    }

    .exampleDesign001 .tabs--vertical {
        padding: 10px 10px;
    }

    .exampleDesign001 .tabs--vertical ul {
        width: 100% !important;
        display: none;
    }

    .exampleDesign001 .tabs--vertical ul li a {
        font-size: 12px;
    }

    .exampleDesign001 .ui-tabs-panel {
        width: 100% !important;
        margin-top: 15px;
    }

    .exampleDesign001 .ui-tabs-vertical .ui-tabs-nav li img {
        max-width: 22px;
    }

    /* ------ exampleDesign001 close --------------- */
    #activity0 .modal-dialog {
        width: 100%;
        max-width: 97.5% !important;
    }

    /*--------------------------------- Modal -- section close ---------------------------------*/
    /*------------------------ Hosting-plan -- section start -----------------------------------*/
    .packages-area .packages-section--text-end h4 span {
        display: block;
    }

    /*------------------------ Hosting-plan -- section close -----------------------------------*/
    /*------------------------ Company--info--billing -- section start -------------------------*/
    .company--info--billing--info--sheet--txt {
        width: 90%;
    }

    /*------------------------ Company--info--billing -- section close -------------------------*/
    /*------------------------ User--panel -- section start ------------------------------------*/
    .user--panel--sidebar--dropdown {
        padding: 10px 5px;
        overflow: auto;
    }

    .user--panel--main--top .col--md--logo {
        display: block;
        width: 50%;
    }

    .user--panel--mainbar--main--current .dashboard--slide .owl-item .col-md-4 .user--panel--mainbar--main--current--detail--box {
        width: 100%;
    }

    .user--panel--mainbar--main--current .dashboard--slide .owl-item .col-md-4 {
        width: 100%;
    }

    .user--panel .user--panel--mainbar .user--panel--mainbar--main .account--detail--main--box .col-md-1 {
        display: none;
    }

    .user--panel .user--panel--sidebar {
        display: none;
    }

    .user--panel--mainbar {
        width: 98%;
        margin: 10px auto;
        display: block;
        float: none;
        padding: 0px !important;
    }

    .user--panel--main--top--search {
        position: relative;
        width: 60%;
    }

    .user--panel--mainbar--main--current--detail--box h5 {
        font-size: 9.5303px;
        margin-bottom: 0px;
    }

    .user--panel--main--top .user--panel--main--top--search {
        position: relative;
        display: inline-block;
        vertical-align: middle;
    }

    .user--panel--main--top .user--panel--main--top--search input {
        margin-bottom: 0px;
    }

    .user--panel--mainbar--main--current {
        padding: 15px 15px;
        padding-top: 25px;
    }

    .user--panel--mainbar--main--current--detail h1 {
        font-size: 24px;
        margin-bottom: 0px;
        line-height: normal;
    }

    .user--panel--mainbar--main--current--detail h6 {
        font-size: 16px;
    }

    .user--panel--mainbar--main--current .col-md-8 {
        position: relative;
        top: 0px;
        margin-top: 15px;
    }

    .user--panel--mainbar--main--current--detail--box {
        margin-bottom: 15px;
    }

    .user--panel--mainbar--main--current .row .col-md-8 .col-md-4:last-child .user--panel--mainbar--main--current--detail--box {
        margin-bottom: 0px;
        padding: 10px 18px;
    }

    .user--panel--mainbar--main--bottom--box {
        margin-top: 10px;
    }

    .user--panel--main--top .user--panel--main--top--search {
        width: 74%;
        margin-left: 0px;
        display: none;
    }

    .user--panel--main--top {
        padding: 15px 10px;
    }

    .user--panel--main--top .user--panel--main--top--search input {
        padding-left: 10px;
        padding-right: 0px;
        background: transparent;
    }

    .user--panel .user--panel--main--top .col-md-4.col-sm-4.col-lg-4.col-4 {
        display: none;
    }

    .user--panel .user--panel--main--top .col-md-5.col-sm-5.col-lg-5.col-5 {
        width: 50%;
        text-align: right;
    }

    .user--panel .user--panel--sidebar {
        position: fixed;
        left: 0px;
        top: 0px;
        z-index: 9;
        display: none;
        width: 320px;
        padding-top: 20px;
    }

    .user--panel--sidebar--dropdown--responsiveLogo {
        display: block !important;
        margin-bottom: 25px;
        width: 100%;
    }

    .user--panel--sidebar:after {
        width: 60%;
    }

    .user--panel--sidebar--close {
        position: absolute;
        right: 10px;
        top: 5px;
        z-index: 2;
        display: block;
        cursor: pointer;
    }

    .user--panel--sidebar--close img {
        width: auto;
    }

    .user--panel--mainbar--main {
        padding: 15px 15px;
    }

    /*.user--panel--mainbar--main--boxes .col-md-9 {
    order: 2;
    }
    .user--panel--mainbar--main--boxes .col-md-3 {
    order: 1;
    }*/
    .user--panel--mainbar--main--breadcrumbs {
        margin-top: 0px;
    }

    .user--panel--heading--main--box {
        display: block;
        font-size: 14px;
        padding: 10px 10px;
    }

    .user--panel--mainbar--main--boxes .filter--section ul li {
        gap: 8px;
        margin-bottom: 0px;
        padding: 8px 10px;
    }

    .user--panel--heading--main--box:after {
        right: 15px;
        top: 12px;
        width: 15px;
        height: 15px;
    }

    .user--panel--mainbar--main--current--detail h1 {
        margin-bottom: 10px;
    }

    .user--panel--mainbar--main--current--detail h6 {
        font-size: 14px;
    }

    .user--panel--mainbar .user--panel--mainbar--main--current .select2-container--default {
        margin-left: -28px;
        margin-top: 5px;
    }

    .user--panel--mainbar--main--boxes .filter--section ul li input {
        width: 13px;
        height: 13px;
    }

    /*    .user--panel--mainbar--main--boxes .filter--section h3:after {
    content: "";
    position: absolute;
    right: 14px;
    top: 14px;
    width: 20px;
    height: 16px;
    background: url(../../../front/media/images/2022/website-icon/left-arrow-Item.png);
    background-size: cover;
    opacity: 0.5;
    transform: rotate(270deg);
    }*/
    .user--panel--mainbar--main--boxes .filter--section ul {
        display: none;
        position: relative;
        left: 0px;
        top: 115%;
        width: 100%;
        border: none;
        z-index: 1;
        box-shadow: 0px 3px 20px #ebebeb;
    }

    .user--panel--mainbar--main--boxes .filter--section {
        margin-top: 0px;
        margin-bottom: 10px;
    }

    .user--panel--sidebar {
        height: 100vh;
    }

    /*---------------- User--panel -- section close -----------*/
    /*---------------- Menu--user--dashboard start ------------*/
    .menu--user--dashboard {
        position: relative;
        display: inline-block;
        vertical-align: middle;
        margin-right: 10px;
    }

    .menu--user--dashboard img {
        width: auto;
    }

    /*---------------- Menu--user--dashboard close ------------*/
    /*------------------------ User--panel -- section close ------------------------------------*/
    /*------------------------ Feedback-category -- section start ------------------------------*/
    .feedback-category h3 {
        font-size: 14px;
    }

    /*------------------------ Feedback-category -- section close ------------------------------*/
    /*------------------------ Section--question--answer -- section start ----------------------*/
    .section--question--answer ul li .col-md-6 {
        margin-bottom: 15px;
    }

    .section--question--answer ul li .col-md-12 .row .col-md-6:last-child {
        margin-bottom: 0px;
    }

    .section--question--answer ul li {
        padding: 10px 8px;
    }

    /*------------------------ Section--question--answer -- section close ----------------------*/
    /*------------------------ Form--company--section start ------------------------------------*/
    .form--company--section h3 span {
        font-size: 8px !important;
        margin-top: 0px;
    }

    /*------------------------ Form--company--section close ------------------------------------*/
    /*--- General tags ----*/
    .col--md--logo {
        display: none;
    }

    /*--- General tags ----*/
    .on-boarding-question--main--new--buy--option .form--company--section--box--heading h3 .btn--small {
        max-width: initial !important;
        margin-top: 5px !important;
    }

    .on-boarding-question--main--new--buy--option .on-boarding-question--main--right--bar {
        padding: 0px 0px;
        border: none;
    }

    .filter--section h3 {
        font-size: 16px;
        border-bottom: none;
    }

    .meeting--area--box h4 {
        font-size: 13.5px;
    }

    .help--support--main #accordion li .col-md-12 .col-md-1 {
        padding: 1px 1px;
    }

    .display-hide-responsive {
        display: none;
    }

    .attachmentFiles--box--main {
        right: 0px;
        max-width: 150px;
        left: 0px;
        margin: 0 auto;
    }

    .attachmentFiles--box--main .user--panel--btn--activity--anchor {
        float: none;
    }

    .attachmentFiles--box--main .user--panel--btn--activity--ico--img {
        display: none;
    }

    .numberFieldBtn {
        display: none;
    }

    .account--detail--main--top--edit-- {
        display: none;
    }

    #accountActivityDetail {
        display: none;
    }

    #upcomingTasksDetail {
        display: none;
    }

    .account--detail--main--new--design .form--company--section--box--heading h3 {
        font-size: 14px;
    }

    .leads--dashboard--box h5 {
        font-size: 10px;
    }

    .meeting--area--box .meeting--area--box--section .col-md-3 h6 {
        font-size: 12px;
    }

    .cancel--btn--reschedule {
        font-size: 12px;
    }

    #copy--meeting--link {
        font-size: 12px;
    }

    .description--text--format ul li {
        font-size: 11px !important;
    }
}

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

    .account--detail--main--box .user--panel--mainbar--main--bottom--box .time--doc--chart h3 {
        font-size: 18px !important;
    }

    .font_size--large_extra_extra {
        font-size: 18px;
    }

    .account--detail--main--box p {
        font-size: 14px;
    }

    .select2-container--default .select2-selection--single .select2-selection__arrow {
        top: 6px;
    }

    .font_size--large_extra_extra_extra_extra {
        font-size: 24px;
        letter-spacing: normal;
    }

    .user--panel--mainbar--main--breadcrumbs ul li a {
        font-size: 13px;
    }

    .user--panel--mainbar .user--panel--mainbar--main .table--calender td {
        min-width: 200px;
    }

    .user--panel--mainbar .user--panel--mainbar--main .table--calender {
        table-layout: auto;
    }

    .user--panel .meeting--modal--box--portion .table-responsive .table tr td {
        padding: 7px 8px;
    }

    .meeting--modal--box--portion {
        padding: 15px 0px;
    }

    .meeting--area--box .meeting--area--box--txt {
        width: 54%;
    }

    #copied-success--001 {
        font-size: 10px !important;
    }

    .user--panel .meeting--modal--box--portion .table-responsive .table tr td span {
        font-size: 14px;
    }

    .user--panel .meeting--modal--box--portion .table-responsive .table tr td a {
        font-size: 14px !important;
    }

    .review--meeting--calender--top {
        padding: 5px 10px;
        padding-top: 20px;
    }

    .commas--area--font {
        font-size: 16px;
    }

    .setup-profile--number--responsive .on-boarding-question--main--left--bar {
        display: none;
    }

    .manage--social--btn {
        position: relative;
        top: 0px;
        right: 0px;
        margin: 0px 0px;
        margin-bottom: 5px;
    }

    #tabs.report--tabs ul li a {
        font-size: 9.2px;
        padding: 12px 8px;
        margin-right: 0px;
    }

    .marketOps {
        height: 250px !important;
    }

    .tabs--area--social--area .ui-tabs-nav .ui-tabs-tab a {
        font-size: 12px;
        padding: 12px 12px;
    }

    .GritOps--header .GritOps--header--slider:after {
        background: transparent !important;
    }

    .Assets--area .nav-tabs li.nav-item {
        font-size: 12px;
        padding: 0px 0px;
    }

    .Assets--area .nav-tabs li.nav-item button {
        padding: 8px 12px;
        border: 1px solid #ced4da;
        margin-bottom: 5px;
        border-radius: 4px 4px;
    }

    .Assets--area .nav-tabs {
        white-space: nowrap;
    }

    .user--panel--mainbar--main--boxes ul li.task--area {
        position: relative;
        width: 100%;
        margin-right: 0%;
        height: auto;
    }

    .user--panel--mainbar--main--boxes ul li.task--area:nth-child(2n) {
        margin-right: 0%;
    }

    .tabs--area--social--area .btn {
        font-size: 12px !important;
    }

    .sign--up--process {
        position: relative;
        width: 100%;
        padding: 25px 0px;
        background: #F4F5F8;
        text-align: center;
        padding-bottom: 0px;
    }

    .hasDatepicker {
        font-size: 10px !important;
    }

    .marketing-company .marketing-company--box {
        padding: 5px 10px;
    }

    .ready-to-grow--main h1 {
        font-size: 24px;
    }

    .ready-to-grow .cta__prime--talk-to-us {
        max-width: 80px;
    }

    .ready-to-grow--main {
        padding: 20px 20px;
        width: 80%;
    }

    .heading-area p {
        font-size: 14px;
    }

    .case--study .content::before {
        background-color: #108000 !important;
        opacity: 0.4 !important;
    }

    .sign--up--process .card--image {
        max-width: 130px;
    }

    .sign--up--process .section--title {
        font-size: 32px;
    }

    .sign--up--process .card--title {
        font-size: 16px;
        margin-bottom: 0px;
    }

    .sign--up--process .card--discription {
        font-size: 14px;
    }

    .case--study .content {
        min-height: 280px;
    }

    .case--study .text--content {
        right: 0px;
        bottom: 0px;
        left: 0px;
        padding: 10px 10px;
    }

    /*------------------ Setup-profile--number--responsive -- section start -------------------------------------*/
    .setup-profile--number--responsive .line--system .on-boarding-question--main .on-boarding-question--main--left--bar .on-boarding-question--main--left--bar--div .btn--outline {
        font-size: 10px;
        width: 100px;
        margin: 0px 15px;
    }

    .modal .client-area .client-area-txt_v2:before {
        display: none;
    }

    .modal .client-area .client-area-txt_v2:after {
        display: none;
    }

    .dental-section h3 {
        font-size: 24px !important;
    }

    .packages-area .packages-section h6 {
        font-size: 12px;
    }

    .font--size--32 {
        font-size: 18px !important;
    }

    section.healthcare-digital {
        display: none;
    }

    #subscriptionModal p {
        text-align: left !important;
    }

    .slider p a {
        font-size: 14px;
    }

    .form--company--section .btn--primary {
        font-size: 14px;
    }

    .section--activities .user--panel--mainbar--main--boxes .account--detail--main .activityUL li .col-md-4 .float-md-end {
        direction: ltr;
        text-align: left;
    }

    .account--detail--main--box--task--bottom--txt p strong {
        font-size: 12px;
    }

    .setup-profile--number--responsive .on-boarding-question--main--left--bar {
        padding: 10px 5px;
        left: 0px;
    }

    .setup-profile--number--responsive .on-boarding-question--main--left--bar ul li .on-boarding-question--main--left--bar--div {
        font-size: 14px;
    }

    .section--activities .user--panel--mainbar--main--boxes .user--panel--main .activityUL .task {
        padding: 8px 8px;
    }

    .setup-profile--number--responsive .line--system .line-border-- .container .row:before {
        width: 73%;
        top: 10px;
    }

    /*.user--panel--mainbar--main--bottom--box .time--doc--chart .rounded--area--time--doc {
        display: none;
    }*/

    /*------------------ Setup-profile--number--responsive -- section close -------------------------------------*/
    /*------------------ User--panel -- section start -----------------------------------------------------------*/
    .user--panel--mainbar .user--panel--mainbar--main--current .select2-container--default {
        position: relative;
        right: 0px;
    }

    .user--panel--mainbar--main--current--detail--box {
        margin-left: 0px;
        padding: 20px 24px !important;
    }

    .user--panel--mainbar--main--current--detail--box h5 {
        font-size: 16px !important;
        text-align: center;
    }

    .user--panel--mainbar--main--current--detail h1 {
        margin-bottom: 0px;
    }

    .user--panel--mainbar .user--panel--mainbar--main--current .select2-container--default {
        left: 20px;
        top: -10px;
    }

    .user--panel--mainbar--main--current--detail h6 {
        font-size: 16px;
    }

    /*------------------ User--panel -- section close -----------------------------------------------------------*/
    /*------------------ Footer -- section start ----------------------------------------------------------------*/
    .onboarding--research--responsive .footer-txt {
        bottom: 5px;
    }

    .profile--builder--responsive .footer-txt {
        position: relative;
        margin-bottom: 0px;
    }

    /*------------------ Footer -- section close ----------------------------------------------------------------*/
    .select2-container--default .select2-selection--single .select2-selection__arrow b {
        margin-top: -4px;
    }

    .onboarding--research--responsive .user--panel--sidebar--logo a img {
        width: 100%;
    }

    .onboarding--research--responsive .user--panel--main--top {
        padding: 10px 25px;
    }

    .onboarding--research--responsive .research--section h3 {
        margin-bottom: 20px !important;
    }

    .onboarding--research--responsive .research--section--box {
        margin-top: 20px;
    }

    .confirm--review--meeting--responsive .user--panel--main--top {
        padding: 20px 10px;
    }

    /*--------------------------------- GritOps -- section start ------------------------------------*/
    .GritOps--main--txt--main h1 {
        font-size: 8vw;
        line-height: normal;
        width: 90%;
    }

    .GritOps--main--txt--main p {
        width: 90%;
        margin: 0 auto;
        margin-top: 15px;
        font-size: 14px;
        font-weight: 400;
    }

    .GritOps--main--txt--main .btn--column--space {
        position: relative;
        width: 100%;
        margin-top: 20px !important;
    }

    .GritOps--header--circle:before {
        left: -16%;
        top: -60px;
        width: 200px;
        height: 200px;
        border: 40px solid rgba(255 255 255 / 7%);
    }

    .GritOps--header--circle:after {
        right: -16%;
        bottom: 120px;
        width: 200px;
        height: 200px;
        border: 40px solid rgba(255 255 255 / 7%);
    }

    .GritOps--header .GritOps--main--txt .GritOps--main--txt--main--image {
        margin-top: 5%;
        width: 90%;
    }

    .GritOps--header .GritOps--header--slider {
        height: 700px;
    }

    .GritOps--header .GritOps--main--txt .GritOps--main--txt--main--image:before {
        top: -20px;
    }

    .GritOps--header .GritOps--main--txt .GritOps--main--txt--main--image:after {
        top: -50px;
    }

    .GritOps--main .menu_icn {
        top: 22px;
    }

    .GritOps--main .mobile-menu {
        background: #1e2f3c;
    }

    .GritOps--main .mobile-menu ul {
        padding-top: 90px;
    }

    .GritOps--main .mobile-menu ul ul {
        padding-top: 0px;
    }

    .GritOps--main .mobile-menu ul li a {
        font-weight: 400;
        color: #fff;
    }

    .GritOps--main .mobile-menu ul li.dropdown-- a:after {
        filter: brightness(0) invert(1);
    }

    .GritOps--header {
        margin-bottom: 0px;
    }

    .GritOps--inner--content .our-services {
        margin-top: 35px;
    }

    /*--------------------------------- GritOps -- section close -----------------------------------------*/
    /* --------------------------------- company--info page -- section start ----------------------------- */
    .company--info--responsive .main-container .header-form .col-md-12 .row .col-md-6 {
        display: none;
    }

    /* --------------------------------- company--info page -- section start ----------------------------- */
    /* --------------------------------- Main_mmenu -- section start ------------------------------------ */
    .main_mmenu {
        display: block;
    }

    #page {
        display: block;
        position: relative;
        top: 0px;
        z-index: 99;
        width: 100%;
    }

    .menu_icn {
        display: block;
        padding-left: 10px;
        position: absolute;
        left: -1px;
        top: 50px;
    }

    .menu_icn img {
        width: 27px;
        height: 24px;
    }

    /* --------------------------------- Main_mmenu -- section close ------------------------------------- */
    /* --------------------------------- Mobile-menu -- section start ------------------------------------ */
    .mobile-menu ul {
        padding-top: 10px;
        overflow: auto;
        height: 510px;
    }

    .mobile-menu ul ul li {
        margin-bottom: 0px;
    }

    .mobile-menu ul ul {
        padding: 0px 0px;
        transform: scaleY(0);
        height: 0;
    }

    .mobile-menu ul ul li {
        margin: 8px 0px;
    }

    .mobile-menu ul li.dropdown-- a:after {
        width: 6px;
    }

    .mobile-menu ul ul li a {
        display: block;
        color: #6b6c72;
        font-size: 14px;
        font-weight: 500;
    }

    .mobile-menu .main-menu-area .col-md-2 {
        position: fixed;
        left: 0px;
        right: 0px;
        width: 100%;
        padding: 25px 10px;
        padding-left: 48px;
    }

    .mobile-menu .main-menu-area .col-md-2:last-child a {
        top: -6px;
    }

    .mobile-menu .main-menu-area .menu_icn {
        width: auto;
        top: 0px;
        z-index: 99;
        position: relative;
    }

    /* --------------------------------- Mobile-menu -- section close ------------------------------------- */
    /* --------------------------------- Top-heading bar -- section start ---------------------------------- */
    .top-heading {
        position: relative;
        width: 100%;
        text-align: center;
        overflow: hidden;
        padding: 0px 10px;
    }

    .top-heading h6 {
        text-align: left;
        width: 60%;
        float: left;
        font-size: 11px !important;
        align-items: center;
        align-self: center;
    }

    .top-heading h6 span {
        font-size: 11px !important;
    }

    .top-heading a {
        display: flex !important;
        float: right;
        color: #fff;
        border: 1px solid #fff;
        font-size: 10px;
        padding: 2px 8px;
        align-self: center;
        display: flex;
        align-items: center;
        margin: 4px 0px !important;
        padding: 6px 10px;
        text-align: center;
        justify-content: center;
    }

    .top-heading a svg {
        align-items: center;
        display: flex;
        align-self: center;
        width: 14px !important;
        height: 14px;
    }

    .top-heading a svg path {
        fill: #ffffff;
        transition: 0.3s;
    }

    /* --------------------------------- Top-heading bar -- section close --------------------------- */
    /* --------------------------------- Modal -- section start ------------------------------------- */
    .modal-body table tr td b {
        font-size: 12px;
    }

    .modal--marktle--area--box .account--detail--main .account--detail--main--top {
        padding: 12px 10px;
    }

    .modal--marktle--area--box .row {
        margin: 0 auto;
        width: 100%;
    }

    .modal--marktle--area--box .user--panel--mainbar--main--current .col-md-12.px-4.pb-5 {
        padding-bottom: 10px !important;
    }

    .modal--styling .modal-footer {
        bottom: calc(50% - 30px);
    }

    .modal .client-area .client-area-txt {
        font-size: 15px;
        width: 100%;
        line-height: normal;
    }

    .modal .client-area {
        padding: 35px 15px;
    }

    .exampleDesign001 .modal-body .tabs--vertical .text--top--heading {
        display: none;
    }

    /* ------ meeting--modal--box--portion start ---------*/
    .meeting--modal--box--portion--admin .meeting--modal--box--portion--list--item ul li {
        margin-bottom: 10px;
    }

    .meeting--modal--box--portion--admin .meeting--modal--box--portion--list--item .col-md-12 .btn--primary {
        margin: 0px 5px;
        padding: 12px 20px;
    }

    .meeting--modal--box--portion--admin .meeting--modal--box--portion--list--item .col-md-12 .btn--outline {
        margin: 0px 5px;
        padding: 12px 20px;
    }

    .meeting--modal--box--portion--list--item {
        padding: 10px 10px;
    }

    .meeting--modal--box--portion--list--item ul li {
        font-size: 11px;
        font-weight: 500;
        margin-bottom: 10px;
    }

    .meeting--modal--box--portion--list--item--box {
        margin-top: 5px;
    }

    /* ------ meeting--modal--box--portion close ---------*/
    .user--panel .meeting--modal--box--portion .col-md-4.align-self.mb-4 {
        margin-top: 0px;
        margin-bottom: 15px !important;
    }

    .user--panel--mainbar--main .meeting--modal--box--portion .col-md-12 .row .btn {
        padding: 5px 12px;
        font-size: 10px;
        margin: 0px 2px !important;
    }

    .user--panel--mainbar--main .meeting--modal--box--portion .meeting--modal--box--portion--list--item .col-md-12.mt-5 {
        margin-top: 0px !important;
    }

    /* --------------------------------- Modal -- section close ------------------------------------- */
    /*--------------------------------- Navigation bar -- section start ----------------------------- */
    /*---------------- main-menu-area start -----------------*/
    .main-menu-area .col-md-7 {
        display: none;
    }

    .main-menu-area .col-md-6 {
        display: none;
    }

    .main-menu-area .col-md-2 {
        position: absolute;
        right: 0px;
        top: 0px;
        text-align: right;
        padding-left: 48px;
        z-index: 9;
    }

    .main-menu-area .btn {
        padding: 5px 14px;
        font-size: 12px;
    }

    .main-menu-area .btn svg {
        margin-right: 0px;
        width: auto !important;
    }

    .main-menu-area .col-md-4 {
        position: absolute;
        right: 0px;
        top: -6px;
        text-align: right;
        padding-left: 60px;
    }

    .main-menu-area .col-md-1 {
        display: none;
    }

    .main-menu-area {
        margin-top: 15px;
        margin-bottom: 15px;
        background: transparent !important;
        padding: 9px 0px;
    }

    .main-menu-area .logo img {
        max-width: 120px;
        position: relative;
        top: 0px;
    }

    /*---------------- main-menu-area close -----------------*/
    #nav-tabContent .saveOff--tab--radio {
        font-size: 10px !important;
        vertical-align: middle;
        top: -1px;
    }

    .section-tabs nav {
        display: none;
    }

    .select-nav-area {
        display: block;
    }

    /*--------------------------------- Navigation bar -- section close ---------------------------------*/
    /*--------------------------------- Slider -- section start -----------------------------------------*/
    .slider-section .slider-txt .btn {
        height: 42px !important;
        line-height: 42px !important;
    }

    .slider p {
        width: 100%;
    }

    .slider h1 {
        font-size: 24px;
        margin-bottom: 0px;
        font-weight: 700;
        width: 100%;
        line-height: normal;
    }

    /*--------------------------------- Slider -- section close ----------------------------------------*/
    /*-------------------------- Our-services -- section start -----------------------------------------*/
    .our-services {
        margin-top: 20px;
    }

    .our-services h3 {
        text-align: center !important;
        margin-bottom: 20px;
        font-size: 18px !important;
    }

    .our-services--section a {
        display: block;
    }

    .our-services--section p {
        font-size: 11px;
        font-weight: 500;
        margin-bottom: 0px;
        width: 100%;
        margin: 0 auto;
        margin-top: 5px;
    }

    .our-services--section h6 {
        font-size: 14px;
    }

    .our-services--section {
        display: block;
        text-align: center;
    }

    .our-services .our-services--section .col-md-10 {
        margin-top: 10px;
    }

    .our-services .our-solution .heading-area p {
        width: 100%;
        color: #8d9096;
        font-weight: 400;
    }

    .our-services .our-solution .heading-area {
        margin-bottom: 35px;
    }

    /*-------------------------- Our-services -- section close ----------------------------------*/
    /*------------------- Hosting-plan -- section start -----------------------------------------*/
    .hosting-plan .section-tabs .tab-content .tabs-radio label {
        border: 1px solid #f4f5f8;
        max-width: initial;
        padding: 10px 0px;
        font-size: 13px;
    }

    .hosting-plan {
        margin-top: 20px;
        text-align: center;
    }

    .hosting-plan h3 {
        position: relative;
        width: 100%;
        text-align: center !important;
    }

    .hosting-plan p {
        position: relative;
        width: 100%;
        text-align: center !important;
    }

    .user--panel--mainbar--main .hosting-plan .container {
        padding: 0px 0px !important;
    }

    .user--panel--mainbar .user--panel--mainbar--main .account--detail .hosting-plan h3 {
        font-size: 20px;
        margin-bottom: 0px;
    }

    .account--detail .hosting-plan {
        margin-top: 25px;
    }

    .hosting-plan .owl-dots {
        display: none;
    }

    .hosting-plan .owl-nav {
        display: none;
    }

    /*------- Heading-area -- start --------------*/
    .heading-area p {
        text-align: center !important;
    }

    .heading-area {
        text-align: center !important;
    }

    .heading-area h3 {
        text-align: center !important;
        font-size: 22px !important;
    }

    .heading--area--inner--pages .col-md-7 .col-md-8 {
        width: 100%;
        text-align: center !important;
    }

    .heading--area--inner--pages .checkbox--social .checkbox--social--txt {
        font-size: 31px;
    }

    .heading--area--inner--pages .checkbox--social .checkbox--social--txt-- {
        font-size: 31px;
    }

    .heading--area--inner--pages .col-md-2 .logo--checkbox {
        width: 40px;
        float: none;
    }

    /*------- Heading-area -- close --------------*/
    /*------- Packages-area -- start -------------*/
    .packages-area .packages-section {
        text-align: left;
    }

    .packages-area .packages-section h4 {
        font-size: 16px;
    }

    .packages-area .packages-section ul li .col-md-1 {
        padding: 3px;
    }

    .packages-area .packages-section--text-end {
        text-align: right;
        position: absolute;
        right: 0px;
    }

    .packages-area .packages-section--btn {
        width: 100%;
        display: block;
    }

    .packages-area .packages-section ul li img {
        max-width: 15px;
        top: 3px;
        margin-right: 4px;
    }

    .packages-area {
        position: relative;
        margin-top: 20px !important;
    }

    /*------- Packages-area -- close ---------*/
    .section-tabs button {
        width: 100%;
        max-width: 100%;
        text-align: left;
        border-bottom: 1px solid #ccc !important;
    }

    .section-tabs .tab-content {
        padding: 0px 0px;
    }

    /*------------------- Hosting-plan -- section close ----------------------------------------*/
    /*------------------- dental-area -- section start -----------------------------------------*/
    .dental-area {
        margin-top: 0px;
    }

    .dental-area .dental-section--container--sm {
        width: 90%;
    }

    .dental-area .container .col-md-6 {
        width: 100%;
        margin: 0px 0px !important;
    }

    .dental-section {
        position: relative;
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }

    .dental-section--container--sm .px-5 {
        padding: 0px 10px !important;
        margin-top: 25px;
    }

    .width-adjustment .dental-section--container--sm p {
        width: 100%;
    }

    /*------------------- dental-area -- section close -----------------------------------------*/
    /*------------------- Our-client -- section start -----------------------------------------*/
    .our-client .owl-nav {
        display: none;
    }

    .our-client {
        margin-top: 10px;
        padding: 45px 0px;
    }

    .our-client .owl-dots {
        display: none;
    }

    /*------------------- Our-client -- section close -----------------------------------------*/
    /*------------------- trusted-customer -- section start ------------------------------------*/
    .trusted-customer {
        margin-top: 50px;
        margin-bottom: 25px;
    }

    .trusted-customer .owl-dots {
        display: none;
    }

    .trusted-customer .owl-nav {
        display: none;
    }

    /*------------------- trusted-customer -- section close ------------------------------------*/
    /*-------------------------- Our-services-main -- section start ----------------------------*/
    .our-services-main {
        position: relative;
        width: 95%;
        margin-top: 0px;
        margin: 0 auto;
    }

    .our-services-main .dental-section p {
        width: 100%;
    }

    /*-------------------------- Our-services-main -- section close ----------------------------*/
    /*-------------------------- Client-card -- section start --------------------------------------------*/
    .client-card .exampleDesign001 .col-12 tr th {
        font-size: 11px;
        padding: 5px 5px;
    }

    .client-card .exampleDesign001 .col-12 tr th input {
        margin: 0 auto;
        margin-top: 5px;
        padding: 5px 0px;
        font-size: 8px;
        display: block;
        width: 65px;
    }

    .client-card .exampleDesign001 .col-12 tr td {
        font-weight: 500;
        font-size: 10px;
        padding: 5px 5px;
    }

    .client-card .exampleDesign001 .col-12 tr td img {
        max-width: 12px;
    }

    .client-card .exampleDesign001 {
        overflow: auto;
    }

    .client-card .exampleDesign001 .col-12 tr th a {
        width: 90px;
        padding: 8px 10px;
        font-size: 11px;
    }

    .client-card {
        width: 100%;
        margin-top: 60px;
        padding: 45px 0px;
    }

    .client-card .heading-area h3 {
        text-align: center !important;
        margin-bottom: 15px !important;
        font-size: 22px;
    }

    .client-card .heading-area p {
        text-align: center !important;
    }

    .client-card .heading-area {
        margin-bottom: 0px;
    }

    .client-card--box a p {
        margin-top: 32px;
    }

    .client-card--box a .btn {
        display: none;
    }

    .client-card--box {
        overflow: hidden;
        margin-bottom: 10px;
    }

    .client-card .client-card--box svg {
        width: 25px !important;
        height: 25px;
        float: left;
    }

    .client-card .client-card--box a {
        padding: 11px 12px;
        display: block;
        overflow: hidden;
    }

    .client-card .client-card--box a h6 {
        padding: 3px 0px;
        margin: 0px 0px;
        width: 88%;
        float: left;
        font-size: 15px;
        align-self: center;
    }

    .client-card .col-md-12 {
        overflow: hidden;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

    .client-card .client-card--box .col-md-12 img {
        display: inline-block;
        width: 25px !important;
        float: left;
        height: auto !important;
    }

    .client-card {
        padding: 25px 0px;
    }

    #displayAlignLinkResponsive {
        display: block;
    }

    #displayAlignLinkWebsiteDesktop {
        display: none;
    }

    /*-------------------------- Client-card -- section close --------------------------------------------*/
    /*-------------------------- Successfull-healthcare -- section start ----------------------------*/
    .successfull-healthcare {
        position: relative;
        width: 100%;
        padding: 30px 0px;
        margin-top: 0px;
    }

    .successfull-healthcare .heading-area h3 {
        text-align: center !important;
        width: 100% !important;
        font-size: 24px;
    }

    .successfull-healthcare .heading-area p {
        width: 100%;
        text-align: center;
    }

    .successfull-healthcare {
        padding-bottom: 0px !important;
    }

    /*-------------------------- Successfull-healthcare -- section close ----------------------------*/
    /*-------------------------- Marketing-company -- section start ---------------------------------*/
    .marketing-company {
        margin-top: 0px;
        padding: 30px 0px;
    }

    .marketing-company--box p {
        width: 100%;
        font-weight: 500;
        font-size: 14px;
        margin-top: 5px;
        padding-left: 20px;
    }

    .marketing-company .heading-area h3 {
        text-align: center !important;
    }

    .marketing-company .heading-area p {
        text-align: center;
        width: 100% !important;
    }

    .marketing-company--box--inline h3 {
        width: 100%;
        font-size: 16px;
        padding-left: 20px;
    }

    .marketing-company--box {
        width: 100%;
        padding: 10px 10px;
    }

    /*-------------------------- Marketing-company -- section close ---------------------------------*/
    /*-------------------------- Portion-services-- section start -----------------------------------*/
    .portion-services .dental-section--container--sm {
        padding: 0px 10px;
        width: 100%;
    }

    /*-------------------------- Portion-services -- section close ----------------------------------*/
    /*-------------------------- healthcare-digital -- section start --------------------------------*/
    .healthcare-digital {
        margin-top: 55px;
    }

    .healthcare-digital p {
        width: 100%;
        text-align: center;
    }

    .healthcare-digital--main {
        margin-top: 10px;
    }

    .healthcare-digital--main--box h6 {
        width: 100%;
        margin: 0;
        padding: 25px 25px;
        font-size: 23px;
        color: #f4f5f8;
    }

    .healthcare-digital--main--box h6 span {
        font-size: 16px;
    }

    .healthcare-digital--main--box--txt h3 {
        color: #1e2f3c;
        font-size: 19px;
        position: relative;
        width: 100%;
    }

    .healthcare-digital--main--box--txt {
        border: 2px solid #eceef1;
        border-radius: 0.25rem;
        border-top: none;
        padding: 20px 15px;
    }

    /*-------------------------- healthcare-digital -- section close --------------------------------*/
    /*-------------------------- Frequently-section -- section start --------------------------------*/
    .frequently-section {
        padding: 45px 0px;
        margin-top: 45px;
        background: #f4f5f8;
        padding-bottom: 55px;
    }

    .frequently-section h3 {
        margin-bottom: 40px;
        font-size: 28px;
    }

    .frequently-section .accordion-item .accordion-header .accordion-button {
        padding: 10px 0px;
        font-size: 14px;
    }

    .frequently-section .accordion-body {
        font-size: 14px;
        padding: 15px 0px;
        text-align: left;
    }

    /*-------------------------- Frequently-section -- section close --------------------------------*/
    /*-------------------------- Action-section -- section start ------------------------------------*/
    .action-area h3 {
        width: 90%;
    }

    /*-------------------------- Action-section -- section close -----------------------------------*/
    /*-------------------------- Our-patient -- section start --------------------------------------*/
    .our-patient .dental-section--container--sm {
        width: 100%;
        padding: 0px 10px;
    }

    .our-patient .dental-section--container--sm p {
        width: 100%;
    }

    .our-patient .dental-section--container--sm-- p {
        width: 100%;
    }

    .our-patient {
        width: 100%;
        padding: 0px 10px;
    }

    .our-patient .px-5 {
        padding: 20px 12px !important;
    }

    /*-------------------------- Our-patient -- section close --------------------------------------*/
    /*-------------------------- Inner-content -- section start ------------------------------------*/
    .inner-content .breadcrumbs-area p {
        width: 95%;
    }

    /*------ Breadcrumbs start --------*/
    .breadcrumbs-area {
        padding: 25px 0px;
    }

    .breadcrumbs-area h1 {
        font-size: 29px;
        line-height: 60px;
        margin-bottom: 5px;
        margin-top: 0px;
        font-weight: 700;
    }

    .breadcrumbs-area h1 {
        line-height: normal;
        width: 90%;
        margin: 10px auto;
    }

    /*------ Breadcrumbs close --------*/
    /*------ News--letter start --------*/
    .news--letter .news--letter--popup {
        padding: 0px 0px;
        width: 95%;
    }

    .news--letter--close {
        right: -10px;
        top: -10px;
        z-index: 9;
    }

    .news--letter .news--letter--popup .breadcrumbs-area--search .btn--primary {
        position: absolute;
        right: 5px;
        top: 7px;
    }

    .news--letter--popup--image h3 {
        font-size: 8.4vw;
    }

    /*------ News--letter close --------*/
    /*------ Table-area start ----------*/
    .table--area {
        overflow: auto;
    }

    .table--area table tr td {
        line-height: normal;
    }

    .table--area table tr th {
        font-weight: 600;
        line-height: normal;
    }

    .table--area table tr td a {
        font-weight: 600;
    }

    /*------ Table-area close -----------*/
    /*------ section-ellipse start ------*/
    .section-ellipse {
        margin: 35px 0px;
    }

    .ellipse-box {
        margin-bottom: 15px;
    }

    /*------ section-ellipse close -----*/
    .btn--column--space .btn {
        padding: 11px 22px;
        margin: 0px 5px;
        position: relative;
        font-size: 11px;
        top: 0px;
        margin: 0px;
    }

    .gradient-color--image-frame--text-overlay a:nth-child(odd) {
        padding: 11px 12px;
    }

    .gradient-color--image-frame--text-overlay a:nth-child(even) {
        padding: 11px 12px;
    }

    .content-adjustment-001 .breadcrumbs-area {
        padding-top: 20px;
    }

    /*-------------------------- Inner-content -- section close ------------------------------------*/
    /*-------------------------- Seo-result -- section start ---------------------------------------*/
    .seo-result h1 {
        text-align: center;
        font-size: 22px;
    }

    .seo-result h6 {
        text-align: center;
        font-size: 14px;
    }

    /*-------------------------- Seo-result -- section close ---------------------------------------*/
    /*-------------------------- About-detail -- section start -------------------------------------*/
    .about-detail {
        margin: 0px 0px !important;
    }

    .about-detail--txt {
        padding: 20px 22px;
        margin: 10px 0px;
    }

    /*-------------------------- About-detail -- section close -------------------------------------*/
    /*-------------------------- Our-expect -- section start ---------------------------------------*/
    .our-expect .heading-area h3 {
        text-align: center !important;
    }

    /*-------------------------- Our-expect -- section close ---------------------------------------*/
    /*-------------------------- we-serve -- section start -----------------------------------------*/
    .we-serve {
        padding: 45px 0px;
    }

    .we-serve--main {
        margin-top: 10px;
    }

    .we-serve .btn span {
        font-size: 12px;
    }

    .we-serve .px-5 {
        padding: 0px 15px !important;
    }

    .we-serve .btn {
        padding: 1px 8px;
    }

    /*-------------------------- we-serve -- section close -----------------------------------------*/
    /*-------------------------- Our-team -- section start -----------------------------------------*/
    .our-team {
        padding: 45px 0px;
        padding-bottom: 0px;
    }

    .our-team--main {
        margin-top: 35px;
    }

    .our-team--main--box {
        margin-bottom: 35px;
    }

    /*-------------------------- Our-team -- section close -----------------------------------------*/
    /*-------------------------- Contact-information -- section start ------------------------------*/
    .contact-information {
        box-shadow: none;
        padding: 0px 5px;
    }

    .contact-information--left {
        background: #ffffff;
        padding: 10px 0px;
        border-radius: 8px 8px;
        height: 100%;
    }

    .contact-information--left h3 {
        font-size: 28px;
        color: #000;
    }

    .contact-information--left p {
        font-size: 16px;
        font-weight: 500;
        color: #393a3d;
    }

    .contact-information--left p img {
        filter: brightness(0);
        margin-right: 5px;
    }

    .contact-information--left p a {
        font-size: 16px;
        font-weight: 500;
        color: #393a3d;
    }

    .contact-information--left h6 {
        color: #000;
    }

    /*-------------------------- Contact-information -- section close ------------------------------*/
    /*-------------------------- Request a demo -- section start -----------------------------------*/
    .request-query .request-query--main {
        display: none;
    }

    .request-query--form {
        padding: 0 0;
    }

    .request-query .product-boxes--heading-- {
        font-size: 16px;
        font-weight: 700;
        margin: 0px 0px;
        margin-bottom: 15px;
    }

    #open-hidden-services {
        display: none;
    }

    /*-------------------------- Request a demo -- section close -----------------------------------*/
    /*-------------------------- Location -- section start -----------------------------------------*/
    .location--column--box {
        display: block;
    }

    .location--column--box--left {
        width: 100%;
        padding: 20px 15px;
    }

    .location--column--box--right {
        width: 100%;
        padding: 20px 0px;
    }

    /*-------------------------- Location -- section close -----------------------------------------*/
    /*-------------------------- Login -- section start --------------------------------------------*/
    .login-section--images {
        display: none;
    }

    .login-section--images:before {
        display: none;
    }

    .login--menu--area--profile {
        display: none !important;
    }

    .login--menu--area--dropdown {
        margin-top: 15px;
        box-shadow: 0px 4px 36px rgb(80 92 128 / 35%);
    }

    .displayButtonLogin {
        display: flex !important;
    }

    .displayButtonLogin .login--menu--area {
        position: absolute;
        right: 15px;
        top: 0px;
    }

    .displayButtonLogin .login--menu--area .login--menu--area--label {
        padding: 2px 0px;
    }

    /*-------------------------- Login -- section close -----------------------------------------*/
    /*-------------------------- company--info page -- section start -----------------------------*/
    .company--info .row .order-view- {
        order: 2;
    }

    .company--info .row .order-view-- {
        order: 1;
        margin-bottom: 15px;
    }

    .company--info .row .order-view--- {
        order: 3;
        margin-bottom: 15px;
    }

    .company--info .btn--ordinary {
        display: block;
        width: 100%;
    }

    .order-view- .company--info--contact--info {
        display: none;
    }

    /*-------- Header-form -- section start -----------------*/
    .header-form .align-self {
        width: 50%;
        margin: 0 auto;
    }

    .header-form .col-md-8 {
        display: none;
    }

    .header-form {
        padding: 15px 0px;
    }

    .header-form .align-self .btn--outline {
        padding: 5px 10px;
        width: 90% !important;
    }

    /*-------- Header-form -- section close -----------------*/
    /*-------- Line--system -- section start -----------------*/
    .line--system .line-border-- .container .row:before {
        width: 73%;
        top: 9px;
    }

    .line--system .line-border-- .container .row .form-button--txt {
        font-size: 9.5px;
    }

    /*-------- Line--system -- section close -----------------*/
    /*-------- Form--company--section -- start -----------------*/
    .form--company--section h3 span {
        font-size: 8px;
        margin-top: 0px;
    }

    .form--company--section .btn--primary {
        height: auto !important;
    }

    .form--company--section--box--safe-secure {
        display: none;
    }

    .form--company--section--box--heading h3 {
        font-size: 13px;
    }

    .form--company--section--box--heading span {
        font-size: 12px;
        margin-top: 1px;
    }

    .form--company--section--box--heading span b {
        font-size: 11px;
    }

    /*-------- Form--company--section -- close -----------------*/
    /*-------------------------- Company--info page -- section close -----------------------------*/
    /*-------------------------- Congratulation-section -- start ---------------------------------*/
    .congratulation-section h1 {
        font-size: 15px;
    }

    .congratulation-section h1 img {
        max-width: 35px !important;
    }

    /*-------------------------- Congratulation-section -- close ---------------------------------*/
    /*-------------------------- User--panel -- start --------------------------------------------*/

    .user--panel--mainbar--main .account--detail--main .account--detail--main--top {
        font-size: 16px;
    }

    .user--panel--mainbar--main .account--detail--main .account--detail--main--box {
        padding: 10px 10px !important;
        max-height: fit-content;
    }

    .user--panel--mainbar--main .account--detail--main .account--detail--main--box .account--detail--main--box {
        padding: 0px 0px !important;
    }

    .user--panel--mainbar--main--current--detail--box {
        padding: 10px 14px;
    }

    .user--panel--mainbar--main--current:after {
        height: 55% !important;
    }

    .user--panel--mainbar {
        padding-right: 0px !important;
    }

    .user--panel--mainbar--main .account--detail--main .web-scroll {
        max-height: fit-content;
    }

    .user--panel--mainbar--main--current--detail--box h2 {
        margin-bottom: 0px;
        font-size: 16px;
        margin: 5px 0px !important;
    }

    .user--panel--mainbar--main--current .row .col-md-8 .col-md-4:last-child .user--panel--mainbar--main--current--detail--box .col-lg-12 {
        padding: 0px 0px;
    }

    .user--panel--main--top .col--md--logo {
        display: block;
        width: 50%;
    }

    /*-------------------------- User--panel -- close --------------------------------------------*/
    /*-------------------------- Welcome--onboarding -- start ------------------------------------*/
    .welcome--onboarding--process ul li .welcome--onboarding--txt {
        font-size: 9px;
    }

    .welcome--onboarding--process ul {
        width: 100%;
    }

    .welcome--onboarding--process--line {
        width: 55%;
        top: 43%;
    }

    .welcome--onboarding {
        margin: 25px 0px !important;
        padding: 0px 0px !important;
    }

    .welcome--onboarding--process {
        margin-bottom: 25px !important;
    }

    .welcome--onboarding .welcome--onboarding--main h3 {
        font-size: 18px;
        margin-bottom: 25px;
        width: 100%;
    }

    .welcome--onboarding--txt--txt {
        width: 100%;
        margin: 0 auto;
    }

    .welcome--onboarding--process ul li .welcome--onboarding--process--img {
        width: auto;
        max-width: 24px;
        margin: 0 auto;
    }

    /*-------------------------- Welcome--onboarding -- close ------------------------------------*/
    /*-------------------------- Addtask--dropdown -- start --------------------------------------*/
    .addTask--dropdown label {
        color: #000000;
        font-size: 10px;
        margin-bottom: 5px;
        font-weight: 600;
    }

    /*-------------------------- Addtask--dropdown -- close --------------------------------------*/
    /*-------------------------- Feedback-cateogry -- start --------------------------------------*/
    .feedback-category--label label {
        font-weight: 600;
        font-size: 10px;
        border-radius: 0.25rem;
        padding: 5px 8px;
        margin-right: 5px;
    }

    /*-------------------------- Feedback-cateogry -- close --------------------------------------*/
    /*-------------------------- Line--system -- start -------------------------------------------*/
    #bgF5F5F5 .line--system {
        padding: 0px 0px !important;
        margin: 25px 0px !important;
    }

    /*-------------------------- Line--system -- close -------------------------------------------*/
    /*-------------------------- Password--section -- start --------------------------------------*/
    .password--section {
        width: 96%;
        margin: 0px auto !important;
        padding: 15px 15px !important;
    }

    /*-------------------------- Password--section -- close --------------------------------------*/
    /*-------------------------- Research--section -- start --------------------------------------*/
    .research--section h3 {
        font-size: 20px;
        margin-bottom: 30px;
    }

    .research--section--box {
        padding: 10px 10px;
    }

    .research--section--box h3 {
        margin-bottom: 5px;
        font-size: 16px;
    }

    .research--section--box h6 {
        font-size: 12px;
    }

    .research--section--box .btn {
        margin-top: 10px;
    }

    /*-------------------------- Research--section -- close --------------------------------------*/
    /*-------------------------- Profile--builder -- start ----------------------------------------*/
    .profile--builder--txt--main {
        width: 100%;
    }

    .profile--builder--txt h3 {
        font-size: 24px;
    }

    /*-------------------------- Profile--builder -- close ----------------------------------------*/
    /*-------------------------- On-boarding-question--main -- start -----------------------------*/
    .on-boarding-question--main .top--label--onboarding--section .btn.btn--outline {
        margin-right: 2px;
        padding: 3px 9px;
        font-size: 10px;
        margin-bottom: 7px;
    }

    .on-boarding-question--main--left--bar ul li.focus--business--btn {
        position: relative;
        right: 0px;
        top: 0px;
        bottom: 0px;
    }

    .on-boarding-question--main--right--bar {
        margin-top: 10px;
    }

    .on-boarding-question--main .on-boarding-question--main--right--bar .finalize--step .col-lg-3 {
        width: 100%;
    }

    /* .on-boarding-question--main .on-boarding-question--main--right--bar .gradient-background {
    padding: 10px 15px;
    }*/
    /*#bgF5F5F5 .on-boarding-question--main .col-md-12 .col-md-3 {
    display: none;
    }*/
    .onboarding--responsive--hide {
        top: 0px !important;
    }

    /*-------------------------- On-boarding-question--main -- close -----------------------------*/
    /*-------------------------- Section--question--answer -- start ------------------------------*/
    .section--question--answer ul li label {
        width: 50%;
    }

    .section--question--answer ul li input {
        margin-left: 0px;
        width: 48%;
    }

    .section--question--answer ul li .section--answer-- .about-option .col-md-12 label {
        width: 100%;
    }

    /*-------------------------- Section--question--answer -- close ------------------------------*/
    /*-------------------------- About-option -- start -------------------------------------------*/
    .about-option form .col-md-12 .float-end {
        float: none !important;
    }

    /*-------------------------- Finalize--step -- start ------------------------------------------*/
    .finalize--step .form--company--section table tr td {
        font-size: 12px;
        padding: 15px 15px;
    }

    .finalize--step--checked {
        top: -15px;
        max-width: 32px;
        right: 0px;
    }

    .finalize--step--round---top {
        width: 20px;
        height: 20px;
    }

    .finalize--step .col-lg-1 {
        display: none !important;
    }

    .finalize--step .finalize--step--box--image {
        width: 40.85% !important;
    }

    .finalize--step--box--digit {
        font-size: 8.1vw;
    }

    .finalize--step--box {
        height: 290px;
        min-height: 70%;
        margin-bottom: 0px;
        padding-bottom: 10px !important;
    }

    .finalize--step--box--txt h3 {
        font-size: 14px;
    }

    .finalize--step--box--txt--main {
        font-size: 11px;
    }

    /*-------------------------- Finalize--step -- close -----------------------------------------*/
    /*-------------------------- Footer -- section start -----------------------------------------*/
    .footer-side--area .col-md-12 .row .col-md-1 {
        display: none;
    }

    .footer-side--area .col-md-12 .row .col-md-2 {
        width: 50%;
        margin: 0px 0px !important;
        margin-bottom: 1rem !important;
    }

    .footer-side--area ul li a {
        color: #fff;
        font-size: 14px;
    }

    .footer-txt {
        width: 100%;
        position: relative !important;
    }

    /*-------------------------- Footer -- section close -------------------------------------*/
    /* ---- General tag ---- */
    .form-button--txt {
        font-size: 11px;
    }

    /* ---- General tag ---- */
    .checkbox--social--txt-- {
        font-size: 15px;
    }

    .subscriber--page--design .user--panel--mainbar--table tr td {
        line-height: normal;
    }

    .subscriber--page--design .finalize--step--box--txt {
        margin-top: 10px;
    }

    .subscriber--page--design .finalize--step--box--image {
        top: 0px;
    }

    .subscriber--page--design .finalize--step .finalize--step--box--digit {
        font-size: 45px;
    }

    #accountActivityDetail .account--detail--main--box .account--detail--main--box--task .account--detail--main--box--task--top .account--detail--main--box--task--top--txt h6 span {
        display: block;
        margin-left: 0px;
        margin: 5px 0px;
        font-size: 9px;
    }

    .account--detail--main--new--design .col-md-12 .card {
        margin-bottom: 20px;
    }

    .account--detail--main--new--design .card-body h4 {
        font-size: 13px;
    }

    .account--detail--main--new--design .card-body {
        font-size: 11px;
    }

    .account--detail--main--box--task--top {
        padding: 14px 10px;
    }

    .account--detail--main--box--task--top--txt h6 {
        display: block;
    }

    .account--detail--main--new--design .account--detail--main--box {
        padding: 10px 0px !important;
    }

    .account--detail--main--new--design .product-boxes .checkbox--social .checkbox--social--txt {
        font-size: 12px;
    }

    .account--detail--main--new--design .product-boxes .checkbox--social p {
        font-size: 10px;
    }

    .account--detail--main--new--design .account--detail--main--box table tr td {
        border: none !important;
    }

    .account--detail--main--new--design .plus--plan--hour--report {
        position: relative;
        float: right;
        max-width: 110px;
        margin-left: 10px;
    }

    .account--detail--main--new--design .product-boxes .logo--checkbox {
        width: 28px;
    }

    .account--detail--main--new--design .form--company--section--box--heading span {
        float: right !important;
    }

    .account--detail--main--new--design .product-boxes .checkbox--social {
        width: 64%;
        text-align: left;
    }

    .meeting--status--badge {
        padding: 4px 8px;
        font-size: 8px;
    }

    .meeting--area--box h4 {
        font-size: 16px;
    }

    .meeting--area--box {
        padding: 10px 10px;
    }

    .review--meeting--calender--top h6 {
        font-size: 18.6622px;
        font-weight: 700;
    }

    .review--meeting--calender--top h5 {
        font-size: 14px;
    }

    .review--meeting--calender--bottom h4 {
        font-size: 14px;
    }

    .review--meeting--calender--bottom ul li {
        font-size: 13px;
    }

    .meeting--status--box {
        right: 5px;
        top: 10px;
        text-align: right;
        z-index: 5;
    }

    .meeting--status--box .meeting--status--drop--down ul li a {
        font-size: 10px;
    }

    .meeting--status--box .meeting--status--drop--down {
        width: 120px;
    }

    .new--demo--request tr td {
        font-size: 10px;
        font-weight: 500;
        padding: 3px 5px !important;
        text-align: left;
    }

    .page--dashboard--main #example1_wrapper .dataTables_info {
        font-size: 10px;
        margin-top: 5px;
        font-weight: 500;
    }

    .new--demo--request tr th {
        font-size: 10px;
    }

    .new--demo--request .dataTables_length label {
        font-size: 10px;
    }

    .new--demo--request .dataTables_length {
        float: left;
        width: 50%;
        font-size: 10px;
    }

    .new--demo--request .dataTables_filter {
        font-size: 10px;
        width: 50%;
        float: right;
        margin-top: 0;
    }

    .dataTables_wrapper .dataTables_filter input {
        width: 55%;
    }

    .new--demo--request .dataTables_filter label {
        font-size: 10px;
    }

    .account--detail .buy--New--Subscription {
        padding: 9px 15px;
        font-size: 9px;
    }

    .change--Subscription--responsive--remove {
        display: none;
    }

    .checkOutBlendedPricing {
        margin-bottom: 8px !important;
        font-size: 16px !important;
    }

    .plus--plan--hour--report {
        display: block;
        font-size: 10px;
    }

    .plus--plan--hour--report img {
        max-width: 15px;
    }

    .tabs-radio label {
        padding: 0px 0px;
    }

    .tabs-radio label span {
        font-size: 10px !important;
        width: auto;
        display: block;
    }

    .account--detail--main .account--detail--main--box table {
        margin-bottom: 0px;
    }

    .account--detail--main .account--detail--main--box .plus--plan--heading--txt-- {
        /* display: none; */
        font-size: 12px;
        margin-top: 3px;
    }

    .account--detail--main .subscription--account--linking--area {
        display: none;
    }

    .account--detail--main--box .plus--plan h3 {
        font-size: 16px;
        width: 65%;
    }

    .account--detail--main--box .plus--main--box .plus--plan h3 .plus--plan--heading {
        font-size: 13px;
    }

    .account--detail--main--box a {
        font-size: 14px;
    }

    .account--detail--main--box .plus--plan a {
        font-size: 12px;
        display: block;
    }

    .attachmentFiles--box {
        font-size: 10px;
        right: 0px;
    }

    .setting--area--task--activity input[type="checkbox"] {
        margin-top: 0px;
    }

    #upcomingTasksDetail .account--detail--main--box .leads--dashboard--box .user--panel--mainbar--main--boxes #copy--meeting--link {
        margin-top: 10px;
    }

    #upcomingTasksDetail .leads--dashboard--box .meeting--area--box--button {
        text-align: center;
    }

    #upcomingTasksDetail .leads--dashboard--box .meeting--area--box--button .col-md-6.float-right.align-self.text-end.mt-2 {
        text-align: center !important;
    }

    #upcomingTasksDetail .leads--dashboard--box .meeting--area--box--button .cancel--btn--reschedule {
        font-size: 12px !important;
        margin-top: 5px !important;
        text-align: center !important;
    }

    .meeting--area--box--button .meeting--area--form--input label {
        font-size: 12px;
    }

    /*    .attachmentFiles--box {
    position: relative;
    margin-top: 5px;
    display: block;
    }*/
    .timeSpentClass {
        position: relative !important;
    }

    #click-hidden-services {
        display: none;
    }

    .review--meeting--calender {
        position: relative;
        bottom: 0px;
        left: 0px;
        right: 0px;
        margin: 0 auto;
        margin-top: 25px;
        max-width: 270px;
    }

    .review--meeting {
        padding: 25px 10px;
        width: 95%;
    }

    .review--meeting .col-md-12 .btn {
        padding: 10px 15px;
        font-size: 13px;
    }

    #bgF5F5F5 .line-border-- {
        margin: 0px 0px !important;
    }

    .billing-contact-dropList ul li {
        width: 100%;
    }

    .mobileDiplaynone {
        display: none;
    }

    .page--dashboard--link ul li a {
        font-size: 9px;
        font-weight: 600;
        padding: 5px 5px;
    }

    .new--demo--request {
        padding: 20px 12px;
    }

    .new--demo--request h3 {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .new--demo--request--txt {
        font-weight: 400;
        font-size: 14px;
    }

    .new--demo--request ul b {
        font-size: 12px;
    }

    .account--detail--main--box .signature__content h6 {
        font-size: 12px;
    }

    .account--detail--main--box .signature__content p {
        font-size: 10px;
        line-height: normal;
    }

    .menu--btn {
        display: block;
        cursor: pointer;
        max-width: 42px;
    }

    .tab-content .tabs-radio .col-md-6 {
        width: 50%;
        float: left;
        text-align: center;
        /*        padding-right: calc(var(--bs-gutter-x) * .5) !important;
    padding-left: calc(var(--bs-gutter-x) * .5) !important;*/
    }

    .tab-content .tabs-radio .col-md-6 button {
        text-align: center !important;
    }

    .our-customer h3 {
        text-align: center !important;
        margin-bottom: 40px;
    }

    .tabs-radio button {
        font-size: 14px;
    }

    .line-border-- .col-md-4 {
        width: 33.33%;
    }

    .line-border-- .col-md-2 {
        width: 20%;
    }

    .grit-form-add-payment--order--view .container .row .col-md-6:nth-child(1) {
        order: 2;
    }

    .grit-form-add-payment--order--view .container .row .col-md-6:nth-child(2) {
        order: 1;
    }

    .grit-form-add-payment--order--view .container .row .col-md-6:nth-child(3) {
        order: 3;
    }

    .grit-form-add-payment--order--view .container .row .col-md-6:nth-child(4) {
        order: 4;
    }

    .dashboard--header .col-md-9 {
        display: none;
    }

    .dashboard--header .col-2 {
        display: none;
    }

    .dataTables_wrapper {
        overflow: auto;
    }

    .account--detail--main .account--detail--main--box table tr th {
        line-height: normal;
        white-space: nowrap;
    }

    .account--detail--main .account--detail--main--box table tr td {
        line-height: normal;
        border: 1px solid #efefef;
        min-width: 150px;
    }

    .account--detail--main--box--task {
        padding: 5px 0px !important;
        font-size: 10px;
    }

    .account--detail--main--box .plus--main--box {
        margin-top: 5px;
    }

    .account--detail--main--new--design .form--company--section--box--heading h3 .float-end img {
        max-width: 19px;
    }

    #example_length {
        text-align: left;
    }

    #example_filter {
        text-align: right;
    }

    .notfound--page--images {
        width: 100%;
    }

    .notfound--page--txt {
        width: 100%;
    }

    /*----general tag ----*/
    .back--btn {
        /*        top: 24px;*/
        top: 0px;
    }

    /*----general tag ----*/
    .account-activity {
        padding: 0px 0px !important;
    }

    .account-activity--top h3 {
        font-size: 24px;
        width: 100%;
        margin-bottom: 20px;
        text-align: center !important;
    }

    .account-activity--top--right {
        width: 100%;
        text-align: center;
        align-items: center;
        justify-content: center;
        margin-top: 15px;
    }

    .account--detail--main--box--task--top--txt span img {
        margin-top: 0px;
    }

    .user--panel--mainbar--main--boxes ul li {
        padding: 2px 3px;
    }

    .filter--section h3 {
        font-size: 16px;
    }

    .user--panel--mainbar--main--boxes .col-md-12 .row .col-md-9 h3 {
        font-size: 16px;
    }

    .section--activities .user--panel--mainbar--main--boxes .user--panel--main ul li h1 span {
        font-size: 10px;
        margin-left: 0px;
    }

    .section--activities--top .section--activities--top--search--box {
        top: 2.3px;
    }

    .section--activities .user--panel--mainbar--main--boxes .user--panel--main ul li h1 a {
        float: none;
    }

    .service--areea--box--badges {
        position: relative;
        top: 2px;
        margin: 2px 0px;
    }

    .section--activities .user--panel--mainbar--main--boxes .user--panel--main--txt p {
        margin-bottom: 0px;
    }

    .section--activities .user--panel--mainbar--main--boxes .user--panel--main--txt strong {}

    .section--activities .user--panel--mainbar--main--boxes .user--panel--main--txt p span {
        font-weight: 500;
    }

    .section--pagination ul li {
        padding: 0px 0px !important;
    }

    .section--pagination ul li a {
        padding: 5px 7px;
        font-size: 12px;
    }

    .meeting--modal--box--portion--list--item {
        margin-bottom: 10px;
        overflow-x: auto !important;
    }

    #chat1 .submit--button--chat {
        margin-bottom: 10px;
        margin-left: 10px;
        font-size: 11px;
    }

    .section--pagination ul li span {
        padding: 5px 5px;
    }

    .user--panel--mainbar--main--boxes .user--panel--main .activityUL .user--panel--main--txt ul li {
        font-size: 11px;
        padding: 5px 0px;
    }

    .account--detail--main--box--task--top--txt span {
        position: relative;
        top: 0px;
        font-size: 12px;
    }

    .section--activities .user--panel--mainbar--main--boxes .user--panel--main--txt {
        max-height: 59px;
    }

    .section--activities--top h3 {
        font-size: 16px;
    }

    .user--panel--mainbar--main--current--detail h6 {
        font-size: 14px !important;
    }

    .account--detail h3 {
        font-size: 16px !important;
    }

    .account--detail .time--doc--chart h3 {
        font-size: 16px !important;
    }

    .user--panel--mainbar--main--bottom--box .time--doc--chart label {
        font-size: 14px;
    }

    .user--panel--mainbar--main {
        padding: 15px 15px;
        padding-bottom: 50px !important;
    }

    .user--panel--mainbar--main--current--detail--box img {
        margin-bottom: 10px !important;
    }

    .user--panel--mainbar--main--bottom--box .noData {
        font-size: 10px;
    }

    .user--panel .meeting--modal--box--portion .table-responsive .table tr td {
        font-size: 11px;
        border: none;
        border-bottom: 1px solid #efefef;
    }

    .user--panel--mainbar--main--heading {
        font-size: 24px;
    }

    .setup-profile--number--responsive .on-boarding-question--main .section--question--answer .ui-accordion .form-control {
        font-size: 11px;
    }

    .setup-profile--number--responsive .on-boarding-question--main .section--question--answer ul li .section--question-- {
        font-size: 12px;
    }

    .setup-profile--number--responsive .on-boarding-question--main .section--question--answer ul li label {
        font-size: 11px;
    }

    #accordion .about-option .row .col-md-6 .form-control {
        font-size: 11px;
    }

    .account--detail .account--detail--main .account--detail--main--box label.text--size-- {
        font-size: 14px;
    }

    .account--detail--main--box--small--txt--change-password span {
        font-size: 14px;
    }

    .account--detail--main--box--small--txt--change-password h4 {
        font-size: 14px;
    }

    .account--detail--main--box--small--txt--change-password .account--detail--main--box--small--txt a {
        font-size: 11px;
    }

    .email-portion .form-switch .form-check-input {
        float: right;
    }

    .account--detail--main--box .user--panel--main .activityUL .noData {
        font-size: 10px;
        color: #7c7c7c;
        padding: 5px 0px;
    }

    .on-boarding-question--main--new--buy--option {
        margin-bottom: 30px;
        width: 100%;
    }

    .finalize--step .form--company--section {
        padding: 0px 0px;
    }

    .finalize--step .form--company--section .col-md-12 .form-control {
        width: 100%;
    }

    .form--company--section--box--safe-secure {
        width: 100%;
    }

    .col-md-12 .company--info--billing--info {
        margin-left: 0px;
        width: 100%;
    }

    .billing-content--main--.company--info form label {
        font-size: 11px;
    }

    .billing-content--main--.company--info .w-50 {
        width: 70% !important;
    }

    .billing-content--main--.company--info form .row .font_weight--semi_bold {
        font-size: 11px;
    }

    .company--info--billing--info--sheet--box {
        width: 12px;
    }

    .billing-content--main h3 {
        font-size: 12px;
    }

    .billing-content--main-- form label {
        font-size: 11px;
    }

    .section--question--answer .about-option .row .w-75 {
        width: 90% !important;
    }

    .billing-content--main--note--txt {
        font-size: 11px;
    }

    .article--content p {
        font-size: 11px !important;
    }

    .article--content ul {
        font-size: 11px;
    }

    .article--content ul li {
        font-size: 11px;
    }

    .article--content ol {
        font-size: 11px;
    }

    .article--content ol li {
        font-size: 11px;
    }

    .section--pagination ul li.active span {
        padding: 3px 7px;
    }

    .section--pagination ul li span {
        padding: 4px 5px;
    }

    .user--panel--sidebar ul h5 span {
        font-size: 12px;
    }

    .user--panel--sidebar--dropdown ul ul li .service--numbers--count--badges {
        display: inline-block;
    }

    .user--panel--sidebar .user--panel--sidebar--dropdown .focus--dropdown ul li a {
        font-size: 11px !important;
    }

    .on-boarding-question--main {
        padding-bottom: 60px;
    }

    .account--detail--main--new--design {
        padding-bottom: 60px !important;
    }

    .user--panel--sidebar--dropdown--responsiveLogo {
        margin-bottom: 0px !important;
    }

    .user--panel--sidebar ul .nice-select:after {
        display: none;
    }

    .sign--out--icon img {
        height: 17px;
        width: 15.5px !important;
    }

    .user--panel--sidebar--dropdown ul .last--li {
        display: block;
    }

    .user--panel--sidebar--dropdown ul .last--li img {
        filter: grayscale(1) opacity(0.7);
        height: 16px;
        width: 15px;
    }

    .user--panel--sidebar--dropdown ul .last--li a:hover {
        color: #DB2424 !important;
        background: #DB2424;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .sign--up--process h3 {
        margin-bottom: 15px;
    }
}

@media only screen and (max-width: 460px) {

    /*------------------ Form-company-section start ----------------*/
    .form--company--section--box--heading span {
        text-align: right !important;
    }

    .meeting--area--box .meeting--area--box--txt {
        width: 100%;
    }

    .meeting--area--box--section {
        margin-top: 0px;
    }

    .user--panel .meeting--modal--box--portion .table-responsive .table {
        width: 100%;
    }

    .manage--social--btn {
        position: relative;
        top: 0px;
        right: 0px;
        margin: 0px 0px;
        margin-bottom: 5px;
    }

    .user--panel--mainbar .user--panel--mainbar--main .meeting--status--box {
        width: 100%;
        top: 0px;
        right: 0px;
    }

    .user--panel--mainbar .user--panel--mainbar--main .meeting--status--box ul {
        margin-bottom: 0px;
        border: none;
        border-top: 1px solid #E3E5E8;
    }

    .user--panel--mainbar .user--panel--mainbar--main .meeting--status--box ul li {
        width: 50%;
        float: left;
        padding: 5px 10px;
    }

    /*------------------ Form-company-section close ----------------*/
    /*------------------ Welcome--onboarding start -----------------*/
    .welcome--onboarding--process--line {
        width: 75%;
        top: 42.5%;
    }

    .welcome--onboarding--process ul li .welcome--onboarding--txt {
        font-size: 9px;
    }

    /*------------------ Welcome--onboarding close ----------------*/
    /*------------------ Footer -- section start ------------------*/
    .footer-side--area .col-md-12 .row .col-md-2:last-child {
        width: 100%;
    }

    /*------------------ Footer -- section close ------------------*/
    /*------------------ Finalize--step -- section start ----------*/
    .finalize--step .finalize--step--box--image {
        width: 60% !important;
    }

    .finalize--step--box--digit {
        font-size: 18.1vw;
    }

    /*------------------ Finalize--step -- section close ---------*/
}

@media only screen and (max-width: 1600px) and (min-width:1300px) {
    .user--panel--mainbar--main--bottom--box .meeting--modal--box--portion .card {
        margin-left: 120px !important;
    }

    #quote--area {
        width: 45%;
    }

    .existingPaymentCards {
        width: 100%;
    }
}

@media only screen and (max-width: 1440px) and (min-width:979px) {
    #quote--area {
        width: 48%;
    }

    .commas--area:before {
        display: none;
    }

    .commas--area:after {
        display: none;
    }

    .existingPaymentCards {
        width: 100%;
    }

    .meeting--area--box .meeting--area--box--txt {
        width: 65%;
    }

    .user--panel .meeting--modal--box--portion .table-responsive .table {
        width: 70%;
    }

    .meeting--status--box .font--size--12 {
        font-size: 14px !important;
    }

    .user--panel .meeting--modal--box--portion .table-responsive .table tr td span {
        font-size: 12px;
    }
}

@media only screen and (max-width: 1900px) and (min-width:1601px) {
    .user--panel--mainbar--main--bottom--box .meeting--modal--box--portion .card {
        margin-left: 70px !important;
    }
}

@media only screen and (min-width:1901px) {
    .user--panel--mainbar--main--bottom--box .meeting--modal--box--portion .card {
        margin-left: 35px !important;
    }
}