﻿body{
    overflow-x: hidden;
}

@media (max-width: 576px ) {
    /*    homepage*/
    .cgNavBtn, .loginBtn {
        font-size: 0.7rem !important;
    }
    .homePageContainer .bigblankImgae img {
        width: 230px;
    }
    .fcjLogo {
        width: 208px;
    }
    .fcjpasswarning {
        font-size: 8px;
    }
    .blueNavbar {
        font-size: 16px !important;
    }
    .fcjCircle {
        height: 62px;
        width: 62px;
    }
    .fcjTopPara {
        font-size: 16px !important;
    }
    #slideset1 .fcjCircle h5 {
        font-size: .9rem;
    }
    .fcjCirclesDiv {
        padding-left: 70px;
        margin-top: 20px;
    }
    .fcjCirclesDiv {
        padding-left: 50px;
    }
    .fcjCirclesDivCG {
        /*padding-right: 70px;*/
/*        padding-left: 10px;
        margin-top: 50px;
        margin-left: 0px;*/
        font-size: 12px !important;
    }

        .fcjCirclesDivCG .fcjCircle h5 {
            /*padding-right: 70px;*/
            /*        padding-left: 10px;
        margin-top: 50px;
        margin-left: 0px;*/
            font-size: 10px !important;
        }
    .fcjImgStyle {
        width: 95px;
        height: 95px;
        margin-bottom: 20px;
    }   
    .fcjCargiversBlock, .fcjNursesBlock, .fcjTherapistsBlock {
        width: 95%;
        padding: 2px 5px;
        margin-top: 46px;
        box-shadow: #99C7EF -12px -15px;
    }
    .fcjHomeJumbotron {
        height: 235px;
    }

    /*HIW*/
    .fcjHIWJumbotron {
        height: 235px;
    }
    .fcjHIWContainer .fcjTopPara {
        margin-right: 126px !important;
        margin-bottom: 0px !important;
    }
    .fcjHIWSection1, .fcjHIWSection2 {
        padding: 1rem 1rem !important;
    }
    .fcjFeature {
        margin-left: 0px;
        padding: 0px 25px;
    }
    .fcjHIW3Boxes {
        width: 155px;
        height: 155px;
        padding: 7px;
        font-size: 19px;
    }
    .fcjHIWBoxesDiv .fcjHomeLeftImg, .fcjHIWBoxesDiv .fcjHomeMidImg, .fcjHIWBoxesDiv .fcjHomeRightImg {
        flex-basis: 160px;
    }
    .fcjHomeLeftImg, .fcjHomeMidImg, .fcjHomeRightImg {
        flex-basis: 160px;
    }

    /*plans*/
    .fcjPlansJumbotron {
        height: 235px;
    }
    .fcjLightBlueHeading, .fcjDarkBlueHeading {
        font-size: 18px;
    }
    /*demo*/
    .fcjContactBlock h3{
        font-size: 1.5rem;
    }
    .fcjContactBlock span{
        font-size: 0.9rem;
    }
    .fcjContactBlock {
        margin-bottom: 5px;
        margin-right: 0px;
        width: 200px;
        height: 150px;
    }
    .fcjDemoImg {
        width: 60px;
        height: 60px;
    }
    .fcjDemoJumbotron {
        height: 235px;
    }
    .fcjCalendlyDiv {
        height: 665px!important;
        width: 90%;
        margin-left: 3%
    }
    .calendlyAfterPara{
        width: 92%;
    }
    /*cg*/
    .fcjErrorMsg {
        font-size: 0.6rem;
    }
    .fcjCGRegisterBody {
        margin-top: 0px;
        /*overflow-y: scroll;*/
        height: 100%;/*245px;*/
    }
    .fcjCGJumbotron {
        height: 255px;
    }
    .fcjCGRegisterForm {
        width: 235px;
        height: 245px;
        overflow: auto;
        /*padding: 3px 0px;*/
    }
        .fcjCGRegisterForm::-webkit-scrollbar, .fcjCGRegisterBody::-webkit-scrollbar {
            -webkit-appearance: none;
            -moz-appearance: none;
            width: 5px;
        }

        .fcjCGRegisterForm::-webkit-scrollbar-thumb, .fcjCGRegisterBody::-webkit-scrollbar-thumb {
            border-radius: 2px;
            background-color: rgba(0,0,0,.5);
            -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
            -moz-box-shadow: 0 0 1px rgba(255,255,255,.5);
        }
    .fcjCGRegisterBody input {
        margin-top: 3px;
        font-size: 11px;
    }
    .fcjCGRegisterForm h3 {
        font-size: 1rem;
        margin-bottom: .2rem!important;
    }
    .fcjCGRegisterBody input {
        padding: 3px;
    }
    .fcjhide576{
        display: none !important;
    }
    .fcjshow576 {
        display: block !important;
    }
    .fcjCheckBoxDiv {
        text-align: left !important;
        margin-left: 5px;
        margin-top: 5px;
    }
    .fcjCheckBoxDiv span{
        font-size: 9px;
    }
    .fcjCGImg {
        width: 50px;
        height: 50px;
    }
    .fcjCGBoxes {
         width: 160px !important; 
        height: 140px;
        margin-top: 10px;
        box-shadow: #99C7EF -8px -15px;
        padding: 10px;
        font-size: 14px;
        color: #297CB2;
        text-align: left;
    }
    .fcjCGBoxes img {
        right: -80px;
        bottom: 5px;
    }
    .fcjCGBoxes .fcjMsgImg {
        right: -85px;
        bottom: 25px;
    }
    .fcjCGBoxes .fcjCalImg {
        right: -78px;
        bottom: -18px;
    }
    .bigblankImgae .fcjCGFacilityImg {
        width: 285px;
    }
    .fcjCircleAnim2 {
        width: 185%;
    }
    .fcjCircleGif {
        margin-top: 60px;
    }
    .shape1 {
        -moz-transform: skew(-38deg);
        -webkit-transform: skew(-38deg);
        transform: skew(-38deg);
        margin-left: 85px;
    }
    .shape2 {
        -moz-transform: skew(15deg);
        -webkit-transform: skew(15deg);
        transform: skew(15deg);
        margin-left: 150px;
    }
    .shape3 {
        -moz-transform: skew(53deg);
        -webkit-transform: skew(53deg);
        transform: skew(53deg);
        margin-left: 224px;
    }
    .shape4 {
        -moz-transform: skew(65deg);
        -webkit-transform: skew(65deg);
        transform: skew(65deg);
        margin-left: 295px;
    }
    .shape5 {
        -moz-transform: skew(68deg);
        -webkit-transform: skew(68deg);
        transform: skew(68deg);
        margin-left: 370px;
    }
    /*footer*/
    footer {
        padding: 15px 5px;
    }
    .fcjSectionsFooter {
        width: 167px;
    }
    .fcjPortalDetailContainer .searchFilters .fcjPortalDetailContainerItem {
        padding: 5px!important;
    }
    .loginPassShowPosition {
        position: absolute;
        top: 39.5%;
        left: 68%;
    }
}

/*iphone 6/7/8 plus :vertical*/
@media (max-width: 415px) {
    /*Homepage*/
    .fcjHomeJumbotron {
        height: 284px;
    }
    .fcjHomeSmallPara, .fcjHIWSmallPara {
        padding: 0px 5px;
        font-size: 0.9rem;
    }

    .fcjHomeLeftImg, .fcjHomeMidImg, .fcjHomeRightImg {
        flex-basis: unset;
    }

    .fcjMainTopNav {
        padding: 0px 5px 0px 5px !important;
    }

    .cgNavBtn, .loginBtn {
        font-size: 0.6rem !important;
        padding: 0.15rem !important;
    }

    .fcjHide414 {
        display: none;
    }

    .fcjLogo {
        width: 180px;
    }

    .fcjCircle {
        height: 75px;
        width: 75px;
    }

    .fcjCirclesDiv {
        padding-left: 0px;
    }
    .fcjCirclesDivCG {
        padding-left: 0px;
        margin-left: 10px;
        padding-right:0px;
    }

    .fcjTopPara {
        font-size: 14px !important;
    }

    .fcjCargiversBlock {
        margin-top: 45px;
    }

    .blueNavbar .divider {
        color: white !important;
        padding-left: 2px;
    }

    .blueNavbar ul li {
        /*padding: 0px 3px;*/
    }

    .fcjTopPara {
        margin-right: 15px;
        font-size: 21px;
    }

    .fcjContent {
        width: 67%;
    }

    .fcjNursesBlock, .fcjTherapistsBlock {
        margin-top: 60px;
        box-shadow: #99C7EF -8px -12px;
    }

    .fcj3SecRowFlex {
        font-size: 16px !important;
    }

    /*HIW*/
    .fcjHIWContainer .fcjTopPara {
        margin-right: 65px !important;
        margin-bottom: 0px !important;
    }
    .fcjHIWJumbotron {
        height: 284px;
    }
    .fcjTopPara {
        width: 70%;
    }

    .fcjHIW3Boxes {
        margin-top: 25px;
    }

    .fcjFeature {
        padding: 0px;
        margin-left: 0px;
    }

    .fcjFetureDetails {
        margin-left: 20px;
    }

    /*plans*/
    .fcjPlansJumbotron {
        height: 284px;
    }

    .fcjPlansContainer .fcjTopPara {
        width: 58%;
        margin-left: 30px;
    }

    .fcjPlandetails {
        margin-left: 0px;
        width: 100%;
    }

    .fcjPlandetails td, .fcjPlandetails tr {
        padding: 5px 5px;
    }

    .fcjPlanFeatureCol {
        width: 48%;
    }

    .fcjDarkBlueHeading {
        font-size: 18px;
    }

    .fcjGetStartedBtn, .fcjJoinNowBtn {
        font-size: 13px;
    }
    td p {
        font-size: .9rem;
    }

    /*Demo*/
    .fcjDemoJumbotron {
        height: 284px;
    }

    /*cg*/
    .fcjCGJumbotron {
        height: 294px;/*284px;*/
    }
    .fcjBlueRow {
        font-size: 16px !important;
    }
    .fcjFirstName, .fcjLastName, .fcjCreatePwd, .fcjConfirmPwd {
        width: 94%;
    }
    .fcjCheckBoxDiv {
        margin-top: 0px;
    }
    .fcjCGRegisterForm {
        width: 175px;
        height: 285px;
    }
    .fcjCGRegisterBody input {
        margin-top: 2px;
    }
    .fcjCGJumbotron .fcjContent {
        margin-top: 2px;
    }
    .fcjCGRegisterBody input {
        padding: 2px;
    }
    .bigblankImgae .fcjCGFacilityImg {
        width: 210px;
    }
    .fcjFacilityPara {
        padding-top: 0rem;
        font-size: 0.9rem;
    }
    .shape1{
        height: 72px;
        margin-left: 70px;
    }
    .shape2 {
        height: 72px;
        -moz-transform: skew(12deg);
        -webkit-transform: skew(12deg);
        transform: skew(12deg);
        margin-left: 114px;
    }
    .shape3 {
        height: 72px;
        -moz-transform: skew(45deg);
        -webkit-transform: skew(45deg);
        transform: skew(45deg);
        margin-left: 155px;
    }
    .shape4 {
        border-right: 7px solid #bed7ef;
        height: 72px;
        -moz-transform: skew(57deg);
        -webkit-transform: skew(57deg);
        transform: skew(57deg);
        margin-left: 206px;
    }
    .shape5 {
        height: 72px;
        -moz-transform: skew(66deg);
        -webkit-transform: skew(66deg);
        transform: skew(66deg);
        margin-left: 258px;
    }
    /*cg:aboutMe*/
    .fcjAboutMesection2 {
        width: 50%;
    }

    .fcjAboutMesection1 {
        width: 30%;
    }
    /*cg portal - sidenav*/
    .cgNavBar {
        max-width: 183px;
    }
    /*CG portal : availability*/
    .hide414 {
        display: none !important;
    }
    .show414 {
        display: block !important;
    }
    .fcjCGAvailabilityTable{
        overflow-x: scroll !important;
        margin-left: 0px; 
    }
    /*.evtMenuToggleShow{
        display: block!important;
    }
    .cgNavBar{
        display: none;
    }*/
    .fcjAboutMesection1{
        width: 100%!important;
    }
    .fcjAboutMesection2{
        width: 100%!important;
    }
    .PhoneNumberDiv .phoneNumberInput {
        width: 92% !important;
    }
    .fcjAboutMePageBody h2, .fcjAvailabilityPageBody h2{
        font-size: 1.5rem;
    }
    .fcjAboutMePageBody h4, .fcjAvailabilityPageBody h4{
        font-size: 1rem;
    }
    .fcjAboutMesection1, .fcjAboutMesection2 {
        padding-top: 2rem;
    }
    /*biz aboutme walkthrough*/
/*    .bizPassShowPosition {
        left: 43%;
    }*/
    /*cg aboutme walkthrough*/
/*    .cgPassShowPosition {
        left: 35%;
        top: 57.5%;
    }*/
}
@media (max-width: 376px) {
    body {
        font-size: 0.7rem;
    }
    /*home*/
    .blueNavbar {
        font-size: 13px !important;
        padding-left:2px;
        padding-right:0px;
    }

    .fcjCircle {
        height: 62px;
        width: 62px;
    }

    .fcjContent {
        width: 79%;
    }

    .fcjCirclesDiv {
        padding-left: 15px;
    }

    .fcjCir1, .fcjCir2, .fcjCir3, .fcjCir4, .fcjCir5 {
        margin-left: -8px;
    }

    .fcjShow375 {
        display: block;
    }

    .fcj3SecRowFlex {
        font-size: 14px !important;
    }

    .fcjHomeJumbotron {
        height: 320px;
    }

    /*HIW*/
    .fcjHIWJumbotron {
        height: 320px;
    }

    /*plans*/
    .fcjPlansContainer .fcjTopPara {
        width: 55%;
        margin-left: 5px;
    }

    .fcjGetStartedBtn, .fcjJoinNowBtn {
        font-size: 11px;
    }

    .fcjPlansJumbotron {
        height: 320px;
    }

    td p {
        font-size: .8rem;
    }

    /*Demo*/
    .fcjDemoJumbotron {
        height: 320px;
    }

    .fcjCalendlyDiv {
        width: 85%;
        margin-left: 8%;
    }


    /*cg*/
    .fcjCGJumbotron {
        height: 320px;
    }

    #fcjBlueRow2 {
        font-size: 14px !important;
    }

    .fcjCGJumbotron .fcjContent {
        margin-top: 20px;
        margin-left: 5px;
    }

    .fcjCGRegisterForm {
        width: 166px;
        overflow: auto;
    }

    .fcjCGBoxes {
        width: 150px !important;
    }

    .fcjCircleAnim2 {
        width: 165%;
    }

    .shape1 {
        margin-left: 57px;
    }

    .shape2 {
        margin-left: 100px;
    }

    .shape3 {
        margin-left: 136px;
    }

    .shape4 {
        margin-left: 174px;
    }

    .shape5 {
        margin-left: 212px;
    }

    .fcjFacilityPara {
        font-size: 0.8rem;
    }

    /*cg walkthrough : welcome*/
    .fcjWelcomeLogo {
        width: 50%;
        height: auto!important;
    }

    .fcjWelcomePageBody h2 {
        font-size: 1.2rem;
    }

    .fcjWelcomePageBody h4, .fcjWelcomePageBody h3 {
        font-size: 1rem;
    }

    .fcjWelcomePageBody p {
        font-size: 0.7rem;
    }

    .fcjMainContentTab {
        padding: 0.5rem 1rem;
    }

    /*login*/
    .fcjLoginContainer {
        display: block;
    }

    .fcjSocialMediaLogin, .fcjLocalLogin {
        width: 90%;
        margin: auto;
    }

    .noPicturediv {
        width: 99px;
    }
    /*biz aboutme walkthrough*/
/*    .bizPassShowPosition {
        left: 42%;
    }*/
    /*cg aboutme walkthrough*/
/*    .cgPassShowPosition {
        top: 59.5%;
    }*/
    .loginPassShowPosition {
        position: absolute;
        top: 32.5%;
        left: 81%;
    }
}
@media (max-width: 320px){
    .fcjWelcomeLogo {
        width: 50%;
        height: auto !important;
    }
    .fcjContent {
        width: 90%;
    }
    .fcjTopPara {
        width: 55%;
    }
    .cgNavBtn, .loginBtn {
        font-size: 0.52rem !important;
        padding: 0.15rem !important;
    }
    .fcj3SecRowFlex {
        font-size: 12px !important;
    }

    /*HIW*/
    .fcjHIWContainer .fcjTopPara {
        width: 74%;
    }
    .fcjHIWSection1, .fcjHIWSection2 {
        padding: 1rem 1rem !important;
    }
    .fcjHIWJumbotron{
        height: 284px;
    }
    .fcjHIWFeatureImg {
        width: 75px;
        height: 75px;
        margin-top: 25px;
    }
    .fcjFetureDetails{
        padding-bottom: 5px;
        padding-top: 5px;
    }
    .fcjFeature p {
        margin-bottom: 0.4rem;
    }

    /*plans*/
    .fcjPlansJumbotron {
        height: 284px;
    }
    .fcjPlansContainer .fcjTopPara {
        margin-top: 48%;
    }

    /*demo*/
    .fcjDemoJumbotron {
        height: 284px;
    }
    .fcjContactOuterBox {
        margin-left: 30px;
        margin-right: 30px;
    }

    /*cg*/
    .fcjCGJumbotron {
        height: 294px;
    }
    .fcjCGRegisterForm {
        width: 152px;
        overflow: auto;
    }
    .fcjCGJumbotron .fcjContent {
        margin-top: 5px;
    }
    .fcjCircleAnim2 {
        width: 169%;
        margin-left: -10px;
    }
    .bigblankImgae .fcjCGFacilityImg {
        width: 190px;
    }

    .fcjCGSection1, .fcjCGSection2 {
        padding: 1rem 0.5rem;
    }
    .shape1 {
        margin-left: 55px;
        border-right: 3px solid #3a7bb0;
    }
    .shape2 {
        margin-left: 90px;
        transform: skew(-4deg);
        border-right: 3px solid #81b0d5;
    }
    .shape3 {
        border-right: 3px solid #98c5ed;
        transform: skew(32deg);
        margin-left: 120px;
    }
    .shape4 {
        border-right: 4px solid #bed7ef;
        transform: skew(49deg);
        margin-left: 167px;
    }
    .shape5 {
        border-right: 5px solid #cee2f2;
        transform: skew(58deg);
        margin-left: 206px;
    }
    .fcjFacilityPara {
        font-size: 0.72rem;
    }
    .fcjGetStartedBtn, .fcjJoinNowBtn{
        padding: 1px 5px 1px 5px;
    }
    .fcjRedBtn {
        /*padding: 1px 5px 1px 5px;*/
    }
    .fcjErrorMsgSummary{
        font-size: 0.5rem;
    }
    /*biz aboutme walkthrough*/
/*    .bizPassShowPosition {
        margin-left:-40px;
    }*/
    .loginPassShowPosition {
        position: absolute;
        top: 57%;
        left: 79%;
    }
}

