﻿@media(max-width: 78.125em) {
    .CSPortalMessagesChat {
        width: 300px;
        display: none;
    }
    .recruitHeader{
        font-size: 14px;
    }
    .unregBizSearchJumbotron {
        height: 800px!important;
    }
    .ViewMessage {
        display: none;
    }

    .ViewMessagePopup {
        display: flex;
    }
    .blankPictureHolder {
        width: 100px !important;
        height: 100px !important;
        margin-right:10px;
    }

}

@media (max-width: 67.5em) {
    body {
        overflow-x: hidden;
    }
    select.classic {
        background-position: calc(100% - 20px) calc(1em), calc(100% - 15px) calc(1em), 100% 0;
    }
    .quickViewCaregiverBoxRightIconBox {
        padding-left: 15px;
    }

    .paraStyleEni, .paraStyleReg {
        margin-top: 1rem !important;
    }

    .PortalRight, .PortalLeft {
        width: 46%;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .PortalRight {
        margin-left: 10px;
        margin-right: 15px;
    }

    .caregivernewHomeJobTpeSelect {
        text-wrap: normal;
        word-wrap: normal;
        text-align: center;
        background-color: #249ba3;
        color: white !important;
        font-size: 1rem;
        width: 220px;
        /*height: 100px;*/
        /*padding: 10px;*/
        border-radius: 5px;
    }

    .HomePagetealBoxpadding {
        padding-top: 10%;
    }

    .ecgFeatures::before {
        content: "";
        position: absolute;
        top: 0px;
        left: 0;
        /*width: 140%;*/
        width: 129%;
        height: 65%;
        opacity: 1;
        z-index: -1;
        background: url("/content/ecgImages/NEW STOCK PHOTO - cute couple.jpg") no-repeat center center fixed;
        -webkit-background-size: auto 100%;
        -moz-background-size: auto 100%;
        -o-background-size: auto 100%;
        background-size: auto 100%;
        background-attachment: scroll;
    }

    .CSPortalMessagesChat {
        width: 300px;
        display: none;
    }

    .ViewMessage {
        display: none;
    }

    .ViewMessagePopup {
        display: flex;
    }

    .unregSearchJumbotronEni .unregisteredSearchBar {
        padding-top: 15%;
    }

    #chooseCareSection, #manageCareSection {
        width: 100%;
    }

    .toolTip .tooltipText {
        width: 46em;
        left: -290px;
    }

    #details {
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        flex-wrap: nowrap;
    }

    .poweredBySmallDevices {
        font-size: 80% !important;
    }

    #budgetCalDiv {
        width: 100%;
    }

    .chooseCareitemDiv {
        display: flex;
        flex-direction: row;
        justify-content: left;
        flex-wrap: wrap;
    }

    .manageCareitemDiv {
        padding-left: 3rem;
        padding-right: 0rem;
    }

    #chooseCareSectionHeading, #manageCareSectionHeading {
        margin-left: 0rem !important;
    }

    #budgetCalRowHeading {
        padding-left: 0rem;
    }

    .halfWithResp {
        width: 70% !important;
    }

    .HomeCategorySelect {
        width: 300px;
    }

    .halfWidthManageCare, .halfWidthChooseCare {
        width: 73%;
    }

    #videoDiv {
        width: 82%;
        /*margin-left: 2rem;*/
    }

    .paraStyleEni {
        padding-left: 0rem;
        padding-right: 0rem;
        margin-top: 1rem;
    }

    #paragraphDiv, #budgetCalParaDiv {
        width: 100% !important;
        /*margin-left: 2rem;*/
        margin-right: 2rem;
    }

    #videoRowHeading {
        padding-left: 0rem;
    }

    .eniTealRowSpan {
        /*margin: auto 6rem auto 6rem;*/
    }

    .bulletLeftMargin {
        margin-left: 0rem;
    }

    #eniTealRow1, #eniTealRow2, #eniYellowRow {
        font-size: xx-large;
    }

    .secondBlock {
        display: none;
    }

    .mergeBlocks {
        display: block !important;
    }

    .ecgFeatures {
        min-height: 500px;
    }


    a, div {
        cursor: pointer;
    }

    .hide1080 {
        display: none !important;
    }

    .oauthLoginButton {
        font-size: 18px;
    }

    .homePageActionBanner {
    }

    .homepageMainPoint {
        font-size: 26px;
        margin-top: 5%;
        margin-bottom: 20px;
    }

    .caregiverSearchTable {
        font-size: 14px;
    }

    .unregCGJumbotron h2, .unregSearchJumbotron h2 {
        color: white;
        font-size: 30px !important;
    }

    .unregSearchBarContent select, .unregSearchBarContent input {
        min-width: 300px !important;
        max-width: 300px !important;
        width: 300px !important;
        margin: auto;
        height: 30px !important;
        padding: 2.5px;
    }

    .videoAltText {
        max-width: 280px;
        font-size: 14px;
    }

    h2.titleInTheMiddleOfTheHomePage {
        padding-top: 0px;
        padding-bottom: 32px;
        font-size: 100%;
    }

    .fontCustomSize {
        font-size: small;
    }

    .whiteBackground h2 {
        font-size: 25px;
    }

    .generalPurchaserBenefit h4 {
        font-size: 20px;
    }

    .generalPurchaserBenefitIcon {
        font-size: 40px;
        height: 60px;
    }

    .purchaserHomeInfobenefits p {
        font-size: 15px;
    }

    .undotopRow {
        display: block;
        flex-direction: unset;
        justify-content: center;
    }

    .widthPara {
        width: 100%;
    }

    .unregExplainerVideoFrame {
        margin: auto !important;
    }

    .marginClass {
        margin: 0px auto;
    }

    #local-media-ctr video {
        max-width: 100%;
        min-height: 25px;
        min-width: 25px;
        height: auto;
        background-color: #a239ca;
        width: auto;
        border: thin solid black;
        margin: 0;
    }

    /*svg.fa-map-marker-alt {
        display: none;
    }*/

    .showMoreLanguages label {
        font-size: 12px !important;
    }

    .ecgFeatures .col-md-4, .ecgFeatures .col-sm-4 {
        padding: 0;
        width: 33%;
        min-width: 375px;
        margin: auto;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .homepageColorBlockBullets {
        width: 80%;
        margin: 50px auto 0 auto;
    }

        .homepageColorBlockBullets h3 {
            color: white;
        }

        .homepageColorBlockBullets img {
            width: 40px;
            vertical-align: middle;
        }

        .homepageColorBlockBullets svg {
            font-size: 30px;
            width: 30px !important;
            vertical-align: middle;
        }

        .homepageColorBlockBullets img.phonePic {
            width: 30px;
            vertical-align: middle;
        }

        .homepageColorBlockBullets p {
            font-size: 26px;
            line-height: 26px;
        }

        .homepageColorBlockBullets .row {
            margin: 0 0 20px 0;
            vertical-align: middle;
        }

    .unregisteredSearchBar {
        margin-top: 50px;
        font-size: 20px;
        line-height: 24px;
        vertical-align: top;
        align-content: center;
        text-align: center;
        background-color: transparent !important;
    }

        .unregisteredSearchBar h2 {
            font-size: 36px;
            margin-bottom: 36px;
            margin-top: 36px;
        }

        .unregisteredSearchBar input {
            max-width: 180px;
            margin-left: 0;
            font-size: 20px;
            height: 30px;
        }

    .unregSearchBarContent div {
        width: 100%;
        margin-top: 10px;
        display: block;
    }

    .unregSearchBarContent input, .unregSearchBarContent .k-input {
        font-size: 20px !important;
        height: 30px !important;
    }

    .unregSearchBarContent .k-dropdown {
        width: 300px !important;
        height: 30px !important;
    }

    .unregSearchBarContent label {
        padding-top: 10px;
        font-size: 20px !important;
    }

    .unregSearchBarContent select {
        width: 160px;
    }


    .unregSearchBarContent .zipCodeInput {
        width: 100px;
    }

    .unregSearchButton {
        /*height:40px;*/
        /*border:thin solid green;
    background-color:white;
    color: forestgreen;*/
        font-size: 20px;
        line-height: 20px;
        padding: 5px 10px 5px 10px;
        margin-top: 0 !important;
        border: 1px;
    }

    .unregCGJumbotron .caregiverJumboRow, .ambassadorJumbotron .row {
        margin-top: 0px;
        padding-top: 185px;
    }

    .ambassadorJumbotron h2, .faqJumbotron h2 {
        font-size: 44px;
    }

    .csFaq, .cpFaq {
        font-size: medium;
        background: rgba(36,155,163,0.6);
        padding: 10px;
        color: white !important;
        /*margin: 0 0 0 0;*/
        border-radius: 2px;
        min-height: 20%;
        width: 20% !important;
    }

    .csFaq {
        margin: 0 3% 0 0;
    }

    .cpFaq {
        margin: 0 0 0 3%;
    }

    .ambassadorJumbotron h3 {
        font-size: 32px;
    }


    .modal-header h4 {
        font-size: 16px;
    }

    .modal-header h5 {
        font-size: 14px;
        padding: 0 10px 0 10px;
    }



    .modal-body {
        padding-bottom: 16px !important;
    }

    #offerUpdateForm {
        overflow-y: auto;
    }

    .quickViewCaregiverBox h3 {
        font-size: 22px;
        margin-bottom: 10px;
    }

    .csLanding2Resp .unregisteredSearchBarCS {
        padding-top: 19%;
    }

    .csLanding2Resp .darkShadeBackground {
        height: 97%;
    }

    .csLanding2Resp #regYellowRow {
        margin-top: -15px;
    }

    .unregSearchJumbotron::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 1;
        z-index: -1;
        background: url("/content/ecgImages/CSNewLandingPage-2-Compressed.jpg") no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        background-attachment: scroll;
    }

    .unregCGJumbotron::before {
        background: url("/Content/ecgImages/Care Provider Home Page.png") no-repeat center center fixed;
        background-attachment: scroll;
    }

    .aboutUsJumbotron::before {
        background: url("/content/ecgImages/Hand Holding - Resize.jpg") no-repeat center center fixed;
        background-attachment: scroll;
    }

    .ambassadorJumbotron::before {
        background: url("/content/ecgImages/Ambassador Page Picture 1080.jpg") no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        background-attachment: scroll;
    }

    .k-event {
        min-height: 60px;
        font-size: 10px;
        margin-top: 5px;
        padding: 2.5px;
    }

    .qvSideButton {
        /*max-width: 100%;*/
        font-size: 16px;
    }

    div.notificationPreferenceRow .NotificationPrefTitle {
        font-size: 1em;
    }

    #Invoices a.nav-link {
        font-size: 16px;
    }

    .spanTextXXSmall,
    .spanTextXXSmall p,
    .spanTextXXSmall span,
    .spanTextXXSmall label {
        font-size: 11px !important;
    }

    .spanTextXtraSmall,
    .spanTextXtraSmall p,
    .spanTextXtraSmall span,
    .spanTextXtraSmall label {
        font-size: 12px !important;
    }

    .spanTextSmall,
    .spanTextSmall p,
    .spanTextSmall span,
    .spanTextSmall label {
        font-size: 12px !important;
    }

    .spanTextMedium,
    .spanTextMedium p,
    .spanTextMedium span,
    .spanTextMedium label {
        font-size: 13px !important;
    }

    .spanTextLarge,
    .spanTextLarge p,
    .spanTextLarge span,
    .spanTextLarge label {
        font-size: 14px !important;
    }

    .spanTextXtralarge,
    .spanTextXtralarge p,
    .spanTextXtralarge span,
    .spanTextXtralarge label {
        font-size: 15px !important;
    }

    .subContentHeaderDiv {
        padding: .25rem !important;
        margin: 0px;
    }

    .subContentBodyDiv, .subContentFooterDiv {
        /*padding: 0px;*/
        padding-left: 1.25rem !important;
        margin: 0px;
    }

        .subContentBodyDiv select {
            font-size: 13px;
        }

    input.checkBox20px {
        height: 13px !important;
        width: 13px !important;
        display: inline-block
    }

    .ecgGridContainer {
        grid-template-columns: repeat(auto-fit, minmax(15em, 1fr));
    }

    table.ecgTable {
        table-layout: fixed;
        display: inline-block;
        overflow-x: auto;
        white-space: nowrap;
    }
}

@media (max-width: 64em){
    .ecgFeatures::before {
        content: "";
        position: absolute;
        top: 0px;
        left: 0;
        /*width: 140%;*/
        width: 117%;
        height: 65%;
        opacity: 1;
        z-index: -1;
        background: url("/content/ecgImages/NEW STOCK PHOTO - cute couple.jpg") no-repeat center center fixed;
        -webkit-background-size: auto 100%;
        -moz-background-size: auto 100%;
        -o-background-size: auto 100%;
        background-size: auto 100%;
        background-attachment: scroll;
    }
    /*.quickViewCaregiverBoxRightIconBox {
        margin-left: 180px!important
    }*/
    .toolTip .tooltipText {
        width: 40em;
        left: -153px;
    }
}
@media( max-width: 51.5em){
    .quickViewCaregiverBoxRightIconBox {
        margin-left: 165px !important
    }
    .HomeCategorySelect {
        width: 246px;
    }
    .learnMoreGVNStyle {
        margin-left: 1rem;
    }
    .toolTip .tooltipText {
        width: 46em;
        left: -162px;
    }
    .ecgFeatures::before {
        content: "";
        position: absolute;
        top: 0px;
        left: 0;
        /*width: 140%;*/
        width: 100%;
        height: 145%;
        opacity: 1;
        z-index: -1;
        background: url("/content/ecgImages/NEW STOCK PHOTO - cute couple.jpg") no-repeat center center fixed;
        -webkit-background-size: auto 100%;
        -moz-background-size: auto 100%;
        -o-background-size: auto 100%;
        background-size: auto 100%;
        background-attachment: scroll;
    }
    .ecgFeatures {
        min-height: 438px;
    }
    .HomePagetealBoxpadding {
        padding-top: 10%;
    }
    .RegisterPagePopUp .regPopFormRow input {
        width: 300px !important;
    }
    .RegisterPagePopUp .regPopFormRow select {
        width: 300px !important;
    }
    .RegisterPagePopUp .regPopFormRow .firstNamecol input {
        width: 329px !important;
    }
    .RegisterPagePopUp .regPopFormRow .firstNamecol select {
        width: 357px !important;
    }
    #eye{
        right: 44.9% !important;
    }
    #eyeBiz{
        right: 44.9% !important;
    }
/*    .sourcesDropdown {
        width: 48% !important;
        margin-left: 25px;
         max-width: 360px!important; 
    }*/
}
@media(max-width: 85.375em){
    .quickViewCaregiverBoxRightIconBox{
        margin-left: 175px
    }

    .faqHeading {
        padding-top: 120px;
        font-size: xx-large;
    }
}