﻿

@media (max-width: 1024px ) {
    body {
        overflow-x: hidden !important;
            width:100%;
    }
    .cgMainContent{
        border: 0px;
    }
    /*    homepage*/
    .fcjContent {
        width: 65%;
    }
    .fcjhide1080 {
        display: none !important;
    }

    .fcjshow1080 {
        display: block !important;
    }
    .fcjpasswarning {
        font-size: 8px;
    }

    .fcjCirclesDiv {
        padding-left: 0px;
    }

    .fcjCirclesDivCG {
        /*padding-right: 70px;*/
        padding-left: 10px;
        margin-left: 0px;
    }

    .fcjHomeJumbotron::before {
        width: 100%;
        height: 110%;
    }

    .fcjHomeSmallPara, .fcjHIWSmallPara {
        padding: 0px 25px;
        width: 60%;
        margin-left: 0px;
    }

    .bigblankImgae, .fcj3BlocksSection {
        flex-basis: 50%;
    }

    .fcjViewMessage {
        display: none;
    }

    .fcjViewMessagePopup {
        display: block;
    }

    .fcjHomeJumbotron {
        height: 530px;
    }

    .fcjTopPara {
        font-size: 26px;
        margin-right: 105px;
    }

    .fcjTopPara {
        width: 65%;
    }

    .fcjCircle {
        height: 145px;
        width: 145px;
    }
/*    HIW
*/
    .fcjHIWContainer .fcjTopPara {
        margin-right: 157px !important;
    }
    .fcjHIWSmallPara {
        width: 100%;
    }
    .fcjHIWJumbotron {
        height: 530px;
    }

   /* Plans PRicing*/
    .fcjPlansJumbotron {
        height: 530px;
    }
    .fcjPlansContainer .fcjTopPara {
        margin-top: 5%;
    }
    /*Demo*/
    .fcjDemoJumbotron {
        height: 530px;
    }
    .fcjDemoJumbotron .fcjTopPara {
        margin-left: 30px;
    }
    .fcjDemoSection1{
        padding: 1rem;
    }
    .fcjCalendlyDiv {
        width: 80%;
    }
    .fcjContactBlock{
        margin-bottom: 15px;
    }
    /*.fcjContactBlock {
        width: 226px;
    }*/
    /*cg*/
    .fcjCGJumbotron {
        height: 530px;
    }
    .fcjCGRegisterForm {
        width: 380px;
        height: 500px;
        overflow: auto;
        /*padding: 10px 10px;*/
    }
    .fcjCGRegisterBody {
        margin-top: 0px;
    }
    .fcjFirstName, .fcjLastName, .fcjCreatePwd, .fcjConfirmPwd {
        width: 94%;
    }
    .fcjCGRegisterBody input {
        margin-top: 15px;
    }
    .fcjFacilityPara p {
        width: 85%;
    }

    /*footer*/
    .fcjSectionsFooter {
        width: 170px;
    }

    /*    cg Wlkthrough : welcome */
    .fcjWelcomeLogo {
        width: 35%;
        height: auto;
    }
/*    .cgPassShowPosition {
        position: absolute;
        left: 35%;
        top: 67.5%;
    }*/
    /*cg experience*/
    .fcjCertifictionsSec{
        width: 100%;
    }
    .loginPassShowPosition {
        position: absolute;
        top: 17%;
        left: 60%;
    }
}
@media (max-width: 812px ) {
    /*    homepage*/
    .fcjCircle {
        height: 115px;
        width: 115px;
    }

    .fcjTopPara {
        font-size: 20px;
        margin-right: 100px;
    }

    .fcjTopPara {
        width: 62%;
    }

    .blueNavbar {
        font-size: 15px !important;
    }

    .fcjHomeJumbotron {
        height: 335px;
    }
    .fcjHomeSmallPara, .fcjHIWSmallPara {
        width: 82%;
    }
    .fcjHomeLeftImg, .fcjHomeMidImg, .fcjHomeRightImg {
        flex-basis: 238px;
    }
    .fcjImgStyle {
        width: 100px;
        height: 100px;
    }
    .fcjFocusedcare {
        padding: 1rem 1rem !important;
    }
    .fcjStartRecruitBtn {
        font-size:14px;
    }

    /*HIW*/
    .fcjHIW3Boxes {
        width: 200px;
    }
    .fcjHIWSmallPara {
        width: 100%;
    }
    .fcjHIWJumbotron {
        height: 335px;
    }

    /*plans*/
    .fcjPlandetails {
        padding: 0px 0px; 
        width: 98%;
        margin-left: 30px;
    }
    .fcjPlansJumbotron {
        height: 335px;
    }

    /*    Request Demo*/
    .fcjCalendlyDiv {
    height: 600px;
    }
    /*#calendlyAfterPara {
        position: absolute;
        margin-top: -95px;
    }*/
    .fcjDemoJumbotron {
        height: 335px;
    }
    .fcjContactBlock {
        width: 200px;
        margin-bottom: 5px;
    }
    /*cg*/
    .fcjCheckBoxDiv span {
        font-size: 11px;
    }
    .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%;
    }
    .fcjCGRegisterForm h3 {
        font-size: 1.25rem;
    }
    .fcjCGJumbotron .fcjContent {
        margin-top: 10px;
        margin-left: 10px;
    }
    .fcjCGJumbotron {
        height: 335px;
    }
    .fcjFirstName, .fcjLastName, .fcjCreatePwd, .fcjConfirmPwd {
        width: 46%;
    }
    .fcjCGRegisterForm {
        width: 330px;
        height: 400px;
        overflow: auto;
        /*padding: 10px 0px;*/
    }
    .fcjCGRegisterBody input {
        margin-top: 5px;
    }
    .fcjCGRegisterBody .phoneNumberInput, .fcjCGRegisterBody .emailInputField {
        width: 100% !important;
    }
    .fcjCGSection1, .fcjCGSection2 {
        padding: 1rem 1rem;
    }

    /*footer*/
    .fcjSectionsFooter {
    width: 180px;
    }

    .fcjBizCGSearchWith2Column, .fcjBizCGSearchWith3Column, .fcjBizCGSearchWith4Column {
        display: flex;
        flex-flow: column;
        width: 100%;
        justify-content: center;
        align-items: start;
        flex-wrap: wrap;
        margin-bottom: 3px;
        margin-top: 3px;
    }

    .fcjBizCGSearchWith2ColumnCell1 {
        display: flex;
        justify-content: normal;
        margin-right: auto;
        align-items: baseline;
        width: 55%;
        padding: 0px 2px 0px 0px;
        white-space: nowrap;
    }

    .fcjBizCGSearchWith2ColumnCell2 {
        display: flex;
        justify-content: normal;
        align-items: baseline;
        width: 45%;
        padding: 0px 2px 0px 0px;
        white-space: nowrap;
    }

    .fcjBizCGSearchWith2ColumnCell {
        display: flex;
        justify-content: normal;
        margin-right: auto;
        align-items: baseline;
        width: Calc(100%/2);
        padding: 0px 2px 0px 0px;
        white-space: nowrap;
    }

    .fcjBizCGSearchWith3ColumnCell {
        display: flex;
        justify-content: normal;
        margin-right: auto;
        align-items: baseline;
        width: Calc(100%/3);
        padding: 0px 2px 0px 0px;
        white-space: nowrap;
    }

    .fcjBizCGSearchWith3Column2CellSpan {
        display: flex;
        justify-content: normal;
        margin-right: auto;
        align-items: baseline;
        width: Calc((100%/3) * 2);
        padding: 0px 2px 0px 0px;
        white-space: nowrap;
    }

    .fcjBizCGSearchWith4ColumnCell {
        display: flex;
        justify-content: normal;
        margin-right: auto;
        align-items: baseline;
        width: Calc(100%/4);
        padding: 0px 2px 0px 0px;
        white-space:nowrap;
    }
    .fcjMessageList {
        width: 100%;
    }
    .fcjMessageDetail {
        width: 0%;
    }
    .profileBuilderWelcomeBtnDiv, .profileBuilderBottomNav {
        padding-bottom: 4rem !important;
    }
    /*cg - search jobs/ evnts*/
    .fcjPortalDetailContainer .searchFilters .fcjPortalDetailContainerItem {
        padding: 5px !important;
        text-align: center!important;

    }
}