﻿
@media (max-width: 768px ) {
    /*    homepage*/
    .fcjMainContentTab {
        padding: 0px !important;
    }
    .fcj3SecFlex{
        margin-left: 0px!important;
    }
    .fcjSMTextAlignCenter {
        text-align: center !important;
        margin:auto;
    }
    .blueNavbar ul li {
        /*padding: 0px 10px;*/
    }
        .blueNavbar ul li .dropdown-menu {
            font-size:13px;
        }

    .fcjCircle {
        height: 130px;
        width: 130px;
    }

    .fcjContent {
        width: 72%;
    }

    .fcjTopPara {
        margin-right: 30px;
    }

    .fcjTopPara {
        width: 65%;
    }

    .fcjHomeSmallPara, .fcjHIWSmallPara {
        width: 100%;
    }

    .fcjImgStyle {
        width: 120px;
        height: 120px;
    }
    /*    HIW*/
    .fcjHIW3Boxes {
        width: 200px;
        padding: 20px;
    }
    .fcjHIWJumbotron {
        height: 420px;
    }
    .fcjHIWBoxesDiv .fcjHomeLeftImg, .fcjHIWBoxesDiv .fcjHomeMidImg, .fcjHIWBoxesDiv .fcjHomeRightImg {
        flex-basis: 223px;
    }

    /*plans*/
    .fcjPlansContainer .fcjTopPara {
        width: 51%;
    }
    .fcjPlansJumbotron {
        height: 420px;
    }
    .supTextSize {
        font-size: 50%;
    }
    .fcjPlandetails {
        padding: 0px 0px;
        margin-left: 30px;
        width: 95%;
    }
    .fcjPlansPara {
        margin: 1px 5px 1px 5px;
    }
    .fcjPlanTable{
        /*border:1px solid;*/
    }
        .fcjPlanTable tr {
            border-bottom: 1px solid #99C7EF;
        }
        .fcjPlanTable td:nth-child(1) {
            width: 40%;
        }

    /* the second */
        .fcjPlanTable td:nth-child(2) {
            width: 30%;
        }

    /* the third */
        .fcjPlanTable td:nth-child(3) {
            width: 30%;
        }

    .fcjPlansSection1 {
        padding: 1rem 1rem;
    }

    .pp {
        width: 140px !important;
    }

    /*demo*/
    .fcjDemoJumbotron {
        height: 420px;
    }

    /*cg*/
    .fcjCGJumbotron {
        height: 420px;
    }
    .fcjCircleAnim2 {
        width: 145%;
    }
    .fcjCGFacilityImg {
        margin-right: 0px;
    }
    .shape1 {
        height: 95px;
        -moz-transform: skew(-53deg);
        -webkit-transform: skew(-53deg);
        transform: skew(-53deg);
        margin-left: 152px;
    }
    .shape2 {
        -moz-transform: skew(-20deg);
        -webkit-transform: skew(-20deg);
        transform: skew(-20deg);
        margin-left: 230px;
    }
    .shape3 {
        border-right: 5px solid #98c5ed;
        -moz-transform: skew(40deg);
        -webkit-transform: skew(40deg);
        transform: skew(40deg);
        margin-left: 305px;
    }
    .shape4 {
        border-right: 8px solid #bed7ef;
        -moz-transform: skew(62deg);
        -webkit-transform: skew(62deg);
        transform: skew(62deg);
        margin-left: 380px;
    }
    .shape5 {
        -moz-transform: skew(72deg);
        -webkit-transform: skew(72deg);
        transform: skew(72deg);
        margin-left: 465px;
    }
    .fcjFacilityPara p {
        width: 100%;
    }

    /*footer*/
    .fcjSectionsFooter {
        width: 185px;
    }
    .cgMainContent {
        padding-top: 25px;
    }
    /*cg:aboutMe*/
    .fcjAboutMesection2 {
        width: 70%;
    }
    .fcjAboutMesection1 {
        width: 30%;
    }
    .zipCodeInput{
        width: 60%!important;
    }
    /*biz aboutme walkthrough*/
/*    .bizPassShowPosition {
        left: 44%;
    }*/
    /*cg walkthrough*/
/*    .cgPassShowPosition {
        left: 38%;
        top: 66.5%;
    }*/
    .loginPassShowPosition {
        position: absolute;
        top: 24%;
        left: 59%;
    }
}
@media (max-width: 736px ) {
    .fcjRedBtn, .fcjBlueBtn{
        font-size: 12px!important;
    }
    /*header*/
    .fcjLogo {
        width: 190px;
        height: 50px;
    }

    .cgNavBtn, .loginBtn {
        font-size: .85rem !important;
    }

    .blueNavbar {
        font-size: 14px !important;
        line-height: 1 !important;
    }
    /*    homepage*/
    .fcjCircle {
        height: 110px;
        width: 110px;
    }

    .homePageContainer .bigblankImgae img {
        width: 275px;
    }

    .fcjCirclesDiv {
        padding-left: 50px;
    }

    .fcjTopPara {
        margin-right: 40px;
        font-size: 21px;
    }

    .fcjCargiversBlock, .fcjNursesBlock, .fcjTherapistsBlock {
        margin-top: 60px;
    }

    .fcjHomeLeftImg, .fcjHomeMidImg, .fcjHomeRightImg {
        flex-basis: 225px;
    }

    .fcjCargiversBlock, .fcjNursesBlock, .fcjTherapistsBlock {
        margin-top: 36px;
    }

    .fcjHomeJumbotron {
        height: 325px;
    }

    .fcj3SecRowFlex, #fcjBlueRow2 {
        padding: 5px 15px;
        font-size: 16px !important;
    }

    /*HIW*/
    .fcjHIWJumbotron {
        height: 325px;
    }
    /*plans*/
    .fcjPlansJumbotron {
        height: 325px;
    }

    .fcjPlansContainer .fcjTopPara {
        width: 56%;
        margin-left: 17px;
    }

    .fcjGetStartedBtn, .fcjJoinNowBtn {
        font-size: 18px;
    }

    /*Demo*/
    .fcjDemoJumbotron {
        height: 325px;
    }

    .fcjContactBlock {
        width: 176px;
    }

    /*cg*/
    .fcjCGJumbotron {
        height: 330px;
    }
    .fcjCGRegisterBody {
        /*margin-top: 5px;*/
    }

    .fcjCGFacilityImg {
        margin-right: 0px;
    }

    .fcjCGRegisterForm {
        width: 320px;
        height: 315px;
        overflow: auto;
        /*padding: 7px 0px;*/
    }
    .fcjCGRegisterModal {
        width: 80%;
        margin: auto;
    }

    .fcjCGRegisterFormModal {
        width: 100%;
    }
    .fcjCGRegisterModal .fcjSectionTitle {
        font-size: 22px;
    }
    .fcjCGRegisterModal .fcjSectionText {
        font-size: 12px;
    }

    .fcjCGJumbotron .fcjContent {
        margin-top: 5px;
    }

    .fcjCircleAnim2 {
        width: 138%;
    }

    .shape3 {
        border-right: 5px solid #98c5ed;
        -moz-transform: skew(33deg);
        -webkit-transform: skew(33deg);
        transform: skew(33deg);
        margin-left: 305px;
    }

    .shape4 {
        -moz-transform: skew(59deg);
        -webkit-transform: skew(59deg);
        transform: skew(59deg);
    }

    .shape5 {
        border-right: 10px solid #cee2f2;
        -moz-transform: skew(69deg);
        -webkit-transform: skew(69deg);
        transform: skew(69deg);
        margin-left: 465px;
    }

    /*footer*/
    .fcjSectionsFooter {
        width: 178px;
    }

    /*    cg Wlkthrough : welcome */
    
    .fcjWelcomeLogo {
        width: 40%;
        height: auto;
    }
    .fcjWelcomePageBody h2 {
        font-size: 1.5rem;
    }
    .fcjWelcomePageBody h4, .fcjWelcomePageBody h3 {
        font-size: 1.2rem;
    }
    .fcjWelcomePageBody p{
        font-size: 1rem;
    }
    .fcjMainContentTab {
        padding: 0.5rem 1rem;
    }

    /*login*/
    .fcjLoginContainer {
        display: block;
    }
    .fcjSocialMediaLogin, .fcjLocalLogin {
        width: 80%;
    }
    #loginForm h4{
        font-size: 1.3rem;
    }
    #loginForm hr {
        width: 90%;
    }
}
@media ( max-width: 668px ) {
    /*    homepage*/
    .fcjTopPara {
        font-size: 17px;
    }
    .homePageContainer .bigblankImgae img {
        width: 245px;
    }
    .fcjHomeJumbotron {
        height: 284px;
    }

    .fcjCirclesDiv {
        padding-left: 75px;
        margin-top: 25px;
    }

    .fcjCircle {
        height: 95px;
        width: 95px;
    }

    #slideset1 .fcjCircle h5 {
        font-size: .9rem;
    }

    .fcjCargiversBlock, .fcjNursesBlock, .fcjTherapistsBlock {
        margin-top: 35px;
    }

    .fcjCargiversBlock, .fcjNursesBlock, .fcjTherapistsBlock {
        width: 85%;
        padding: 10px 5px;
        margin-top: 40px;
        box-shadow: #99C7EF -15px -20px;
    }

      .fcjHomeSmallPara, .fcjHIWSmallPara {
        width: 100%;
    }

    .fcjFocusedcare {
        padding: 1rem 1rem !important;
    }

    .fcjImgStyle {
        width: 95px;
        height: 95px;
    }

    .fcjHomeLeftImg, .fcjHomeMidImg, .fcjHomeRightImg {
        flex-basis: 204px;
        padding: 5px;
    }

    .cgNavBtn, .loginBtn {
        font-size: 0.7rem !important;
    }
    .fcjGetStartedBtn, .fcjJoinNowBtn {
        font-size: 16px;
    }

    /*HIW*/
    .fcjHIWJumbotron {
        height: 284px;
    }
    
    /*plans*/
    .fcjPlansContainer .fcjTopPara {
        width: 53%;
        margin-left: 17px;
    }
    .fcjPlansJumbotron {
        height: 284px;
    }

    /*demo*/
    .fcjDemoJumbotron {
        height: 284px;
    }
    .fcjDemoJumbotron .fcjTopPara {
        width: 53%;
        margin-left: 17px;
    }
    .fcjContactOuterBox {
        margin-left: 40px;
        margin-right: 40px;
    }

    /*cg*/
    .fcjCGJumbotron {
        height: 330px;
    }
    .fcjCGFacilityImg {
        width: 395px;
    }
    .fcjCircleAnim2 {
        width: 150%;
    }
    .fcjFacilityPara p {
        width: 106%;
    }
    .shape1 {
        -moz-transform: skew(-46deg);
        -webkit-transform: skew(-46deg);
        transform: skew(-46deg);
        margin-left: 115px;
    }
    .shape2 {
        margin-left: 189px;
    }
    .shape3 {
        margin-left: 263px;
    }
    .shape4 {
        margin-left: 334px;
    }
    .shape5 {
        margin-left: 410px;
    }
    .fcjCGBoxes {
        width: 255px;
        margin-bottom: 10px;
    }

    /*    cg Wlkthrough : welcome */
    .fcjWelcomesection1 {
        width: 100%;
    }
}
