body {
    margin: 0;
    padding: 0;
    font-family: "Lato", sans-serif;
    background-color: #fff;
    font-size: 16px;
    color: #55555a;
}

.h1,
.h2,
.h3,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
}

.homePage {
    text-align: center;
}

.homeLeft {
    width: 80%;
}

.homeRight img {
    width: 100%;
}

header {
    padding: 8px 35px 16px 45px;
}

    header img {
        width: 190px;
        margin-top: -17px;
    }

.cinchLogo {
    border-bottom: solid 1px #e4e4e4;
    padding: 25px 60px;
    margin-bottom: 40px;
    overflow: hidden;
}

    .cinchLogo img {
        width: 190px;
        margin-top: 8px;
    }

.homePageContentSection button {
    margin-bottom: 60px;
    margin-top: 10px;
}

.firstPageBanner img {
    max-width: 100%;
}

.cs-nav {
    border: 0;
    background-color: transparent;
    margin-bottom: 0;
    margin-top: 12px;
}

    .cs-nav.navbar-default .navbar-nav > li > a {
        font-size: 17px;
        text-transform: uppercase;
        text-align: left;
        letter-spacing: .3px;
    }

    .cs-nav .dropdown-menu > li > a {
        font-size: 17px;
        /*text-transform: uppercase;*/
        letter-spacing: 0.3px;
        padding: 7px 15px 7px 15px;
    }

    .cs-nav.navbar-default .navbar-nav > li {
        margin: 0 6px;
    }

        .cs-nav.navbar-default .navbar-nav > li:last-child {
            margin-right: 0;
        }

    .cs-nav.navbar-default .navbar-nav > .active > a,
    .navbar-default .navbar-nav > .active > a:focus,
    .navbar-default .navbar-nav > .active > a:hover {
        color: #ff8200;
        background-color: #f9f9f9;
        border: 0;
    }

    .cs-nav.navbar-default .navbar-nav > .open > a,
    .navbar-default .navbar-nav > .open > a:focus,
    .navbar-default .navbar-nav > .open > a:hover {
        background-color: #f9f9f9;
    }

    .cs-nav .dropdown-menu > li > a:focus,
    .dropdown-menu > li > a:hover {
        background-color: #f9f9f9;
    }

    .cs-nav .navbar-nav > li > .dropdown-menu {
        margin-top: 4px;
    }

.landingPageBg {
    background: url(../images/dashboard_pic.png) no-repeat right 0;
    background-size: contain;
}

h2 {
    font-size: 48px;
    font-weight: 900;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 15px;
    line-height: normal;
    letter-spacing: 0.5px;
}

h3 {
    font-size: 40px;
    color: #55555a;
    text-transform: uppercase;
    margin-bottom: 15px;
    line-height: 50px;
    letter-spacing: 0.5px;
}

h4 {
    font-size: 16px;
    font-weight: 900;
    margin-bottom: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

h5 {
    line-height: 28px;
    margin-bottom: 30px;
    font-size: 17px;
    letter-spacing: .5px;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

p {
    margin-bottom: 30px;
}

    P:last-child {
        margin-bottom: 0;
    }

.cs-button {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 900;
    background-color: #ff8200;
    color: #fff;
    letter-spacing: 2px;
    border-radius: 6px;
    margin-left: 10px;
}

    .cs-button:focus {
        outline-color: #ff982d !important;
    }

.icon-contentSet {
    display: flex;
    padding: 30px;
    border: solid 1px #e4e4e4;
    width: 270px;
    height: 270px;
    flex-direction: column;
    float: left;
    text-align: center;
    margin: 15px;
    justify-content: center;
}

    .icon-contentSet figure {
        margin-bottom: 15px;
    }

    .icon-contentSet:last-child {
        margin-bottom: 0;
    }

.homePageContentSection {
    padding: 70px 40px 0 40px;
    background: rgb(248, 122, 32);
    background: -moz-linear-gradient(180deg, rgba(248, 122, 32, 1) 78%, rgba(249, 249, 249, 1) 78%);
    background: -webkit-linear-gradient(180deg, rgba(248, 122, 32, 1) 78%, rgba(249, 249, 249, 1) 78%);
    background: linear-gradient(180deg, rgba(248, 122, 32, 1) 78%, rgba(249, 249, 249, 1) 78%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f87a20",endColorstr="#f9f9f9",GradientType=1);
}

    .homePageContentSection h5 {
        color: #fff;
    }

.contentSection {
    padding: 90px 60px;
    overflow: hidden;
    background-color: #f9f9f9;
}

.mps {
    background-color: #fff;
}

.homePageBtn {
    text-align: center;
}

.icon-contentGroup {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.featureSetGroup {
    display: flex;
    justify-content: center;
}

.featuresSetContent {
    width: 380px;
    padding: 100px 30px 70px 30px;
    text-align: center;
    background-color: #fff;
    border-radius: 15px;
    box-shadow: 1px 1px 19px 1px rgba(0, 0, 0, 0.09);
    -webkit-box-shadow: 1px 1px 19px 1px rgba(0, 0, 0, 0.09);
    -moz-box-shadow: 1px 1px 19px 1px rgba(0, 0, 0, 0.09);
    margin: 0 15px;
}

.featurePanelHeading {
    text-transform: uppercase;
    font-weight: 900;
    margin-bottom: 40px;
    margin-top: 70px;
    font-size: 17px;
}

.featurePanelInfo p {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 28px;
}

.featuresSetContent a {
    text-transform: uppercase;
    color: #ff8200;
}

.ourTeam {
    background-color: #f5f7fa;
}

.ourTeamGroup {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.teamMemberSet {
    width: 250px;
    margin: 0 15px 30px 15px;
}

.teamMemberInfo {
    background-color: #fff;
    border-radius: 8px;
    padding: 30px;
}

.teamMemberTitle {
    font-size: 16px;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 20px;
    font-weight: 600;
}

.teamMemberPic {
    width: 125px;
    height: 125px;
    margin: 30px auto;
    border-radius: 50px;
    background-color: #f5f7fa;
}

    .teamMemberPic img {
        border-radius: 25px;
    }

.teamMemberName {
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 15px;
}

.teamMemberEmail {
    text-align: center;
}

.teamMemberViewAssignSet {
    display: flex;
    justify-content: center;
}

.teamMemberAssign,
.teamMemberView {
    cursor: pointer;
}

.ourTeam h2,
.trustBy h2 {
    text-align: center;
    font-size: 30px;
    margin-bottom: 50px;
}

.featuresList {
    display: flex;
    margin-top: 30px;
    flex-wrap: wrap;
}

.featuresGroup {
    margin-right: 80px;
    text-align: center;
    margin-bottom: 30px;
}

    .featuresGroup:last-child {
        margin-right: 0;
    }

    .featuresGroup figure {
        margin-bottom: 15px;
    }

.makeItSimple {
    background-color: #fff;
    padding-bottom: 0;
}

.makeItSimpleGroup {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.makeItSimpleIcon {
    width: 83px;
    height: 83px;
    background-color: #fff;
    border-radius: 50px;
    border: solid 1px #ff8200;
    float: right;
    margin-top: -64px;
    position: relative;
    margin-bottom: 10px;
}

    .makeItSimpleIcon img {
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        position: absolute;
    }

.makeItSimpleContent {
    flex-basis: 33.33333333%;
    padding: 20px;
}

.makeItSimplePanel {
    background: #f9f9f9;
    padding: 30px;
    display: flex;
    height: 100%;
}

.makeItSimplePanelHeading {
    border: solid 1px #c7c7c7;
    padding: 5px 10px;
    float: left;
    clear: right;
    margin-bottom: 15px;
    border-radius: 4px;
    text-transform: uppercase;
}

.makeItSimplePanelInfo {
    width: 100%;
}

    .makeItSimplePanelInfo p {
        clear: left;
    }

.optimizedIconSet {
    display: flex;
}

.optimizedSet {
    padding: 0;
    overflow: hidden;
    padding-bottom: 20px;
    border-top: solid 2px #f9f9f9;
}

.circleOptm {
    background-color: #fff;
    width: 99vw;
    height: 85vw;
    border-radius: 50%;
    margin-top: -50%;
}

    .circleOptm h3 {
        text-align: center;
    }

.optimizImg {
    text-align: center;
    padding-top: 53%;
    margin: 0 auto;
    width: 50%;
}

.optimizedSet ul {
    margin: 0;
    padding: 0 0 0 85px;
}

    .optimizedSet ul li {
        margin-bottom: 15px;
    }

.optimizedSet .heading-btnSet {
    text-align: left;
    width: fit-content;
    width: -moz-fit-content;
    margin: 39px auto 0 auto;
}

.optimizedIconGroup {
    padding: 70px 30px 90px 30px;
    background-color: #fff3ee;
    width: 50%;
}

.optimizedMpsHeading {
    color: #ff966f;
    margin-bottom: 20px;
    font-size: 30px;
    text-transform: uppercase;
    letter-spacing: 3px;
}

.optimizedWorkBooks {
    background-color: #f5f7fa;
}

.optimizedControl {
    background-color: #f0f0f1;
}

.optimizedVisibility {
    background-color: #fffcf0;
}

.optimizedWorkBooks .optimizedMpsHeading {
    color: #7d94f2;
}

.optimizedControl .optimizedMpsHeading {
    color: #2fa99b;
}

.optimizedVisibility .optimizedMpsHeading {
    color: #e3c54e;
}

.keyFeaturesSet {
    background-color: #fff;
    padding-bottom: 0;
}

.keyFeaturesContent {
    display: flex;
    flex-wrap: wrap;
}

.keyFeaturesSet ul {
    margin: 0;
    padding: 0;
    width: 25%;
    margin-bottom: 30px;
}

    .keyFeaturesSet ul li {
        list-style: none;
        margin-bottom: 10px;
    }

.keyFeaturesHeading {
    padding: 2px 20px 2px 10px;
    background-color: #e9f7e8;
    display: inline-block;
    border: solid 2px #bceab9;
    border-radius: 5px;
    font-weight: 700;
    color: #6aba65;
    letter-spacing: 1px;
    font-size: 15px;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.brightBlue {
    background-color: #f2f4fd;
    border-color: #e6e7f2;
    color: #7d94f2;
}

.lightBlue {
    background-color: #f3f9fb;
    border-color: #dcecf2;
    color: #8cc4d5;
}

.goldenYellow {
    background-color: #fffcf0;
    border-color: #f5eac1;
    color: #e5c95d;
}

.lightPink {
    background-color: #fff3ee;
    border-color: #ffe1d8;
    color: #ff966f;
}

.darkGery {
    background-color: #f0f0f1;
    border-color: #e2e2e4;
    color: #939393;
}

.lightGreen {
    background-color: #f8fbed;
    border-color: #eef5cf;
    color: #c6df3b;
}

.heading-btnSet {
    text-align: center;
    margin-bottom: 30px;
}

    .heading-btnSet span {
        font-weight: 900;
    }

    .heading-btnSet figure {
        margin-bottom: 15px;
    }

        .heading-btnSet figure img {
            margin-right: 30px;
        }

.customPackage .heading-btnSet {
    text-align: right;
    margin-right: 60px;
    margin-top: 90px;
}

.customPackage img {
    padding-right: 100px;
}

.trustBy {
    background-color: #fff;
}

.carousel-trustBy {
    padding-left: 20px;
    padding-right: 20px;
}

.carousel-cell-trustBy {
    margin-right: 10px;
    counter-increment: carousel-cell;
}

.customerInfoGroup {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.customerInfoSet {
    width: 290px;
    height: 302px;
    padding: 30px;
    flex-shrink: 0;
    margin: 30px 10px;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%);
    -webkit-box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%);
    -moz-box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%);
}

.companyLogo {
    height: 160px;
    border-bottom: solid 1px #e4e4e4;
    display: flex;
    align-items: center;
    justify-content: center;
}

.customerInfoSet figcaption {
    padding: 35px 0;
}

.companyNameCs {
    font-weight: 900;
    text-transform: uppercase;
    margin-bottom: 5px;
    font-size: 14px;
}

.happyCustomer {
    /*  background-color: #f9f9f9;
    padding-bottom: 260px; */
}

.happyCustomerPic {
    margin-bottom: 30px;
}

    .happyCustomerPic img {
        width: 100%;
    }

.customerMessage {
    background-color: #f3f9fb;
    padding: 30px;
    margin-bottom: 30px;
    display: flex;
    border: solid 2px #fff;
    border-radius: 8px;
    box-shadow: rgb(0 0 0 / 3%) 7px 7px 4px 0px;
}

.customerMessageBg1 {
    background-color: #fff3ee;
}

.customerMessageBg2 {
    background-color: #e5f9f8;
}

.customerMessageBg3 {
    background-color: #f2f5fb;
}

.customerMessage:last-child {
    margin-bottom: 0;
}

.customerMessage p {
    font-style: italic;
    margin-bottom: 15px;
}

.customerName {
    font-weight: 900;
}

.cinchSoftware-cm-photo {
    width: 78px;
    height: 75px;
    border-radius: 50px;
    flex-shrink: 0;
    margin-right: 15px;
    background-color: #fff;
    border: solid 1px #e4c859;
}

    .cinchSoftware-cm-photo img {
        width: 78px;
        height: 75px;
        border-radius: 50px;
        flex-shrink: 0;
        margin-right: 15px;
        background-color: #fff;
        border: solid 1px #e4c859;
    }

.panel-heading .accordion-toggle:after {
    font-family: "Glyphicons Halflings";
    content: "\e114";
    float: right;
    color: grey;
}

.panel-heading .accordion-toggle.collapsed:after {
    content: "\e080";
}

.panel-heading {
    padding: 20px 15px;
}

.panel-title > a {
    text-decoration: none;
}

.panel-title {
    font-weight: normal;
}

.panel-default > .panel-heading {
    background-color: transparent;
}

.panel-group .panel {
    border: 0;
}

.contactUsHeadSection {
    background-color: #f5f7fa;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 60px;
}

.contactUsCinchLogo {
    width: 225px;
    background-color: #f9f9f9;
    border-radius: 6px;
    margin-top: -15px;
}

    .contactUsCinchLogo img {
        width: 100%;
        padding: 20px 30px;
    }

.contactUsLeft img {
    width: 190px;
}

.contactUsRight img {
    margin-left: 20px;
}

.contactUsHeading {
    font-weight: 900;
    margin-bottom: 15px;
    text-transform: uppercase;
}

.contactUsGroup p {
    margin-bottom: 15px;
}

.contactUsGroup {
    margin: 30px 0 0 0;
    padding: 0;
}

    .contactUsGroup li {
        list-style: none;
        margin-bottom: 10px;
    }

.contactUsInfoSet {
    padding: 0 60px 60px 60px;
    background-color: #ff8200;
    color: #fff;
}

.contactUsGroup li a {
    color: #fff;
    text-decoration: none;
}

.subscribeCs {
    background-color: #f5f7fa;
    padding: 10px;
    display: flex;
    border-radius: 6px;
}

    .subscribeCs button {
        padding: 6px 12px;
        margin-left: 15px;
    }

.commonMrgBottom60 {
    margin-bottom: 60px;
}

.faqSet {
    background-color: #ffffff;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
}

.faqContent {
    padding: 0 60px 100px 60px;
    overflow: hidden;
    background-color: #fff;
}

.faqSet .heading-btnSet .input-group {
    margin: 0 auto;
    width: 450px;
}

    .faqSet .heading-btnSet .input-group input {
        border-radius: 8px;
        height: 40px;
    }

.maxScaleImg {
    text-align: center;
}

    .maxScaleImg img {
        max-width: 100%;
    }

.csSocialMediaIcon {
    margin-top: 15px;
    display: flex;
    align-items: center;
}

    .csSocialMediaIcon span {
        margin-right: 10px;
    }

    .csSocialMediaIcon a {
        border: solid 2px #ff8200;
        margin-right: 5px;
        width: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 40px;
        text-decoration: none;
        font-size: 18px;
        background-color: #fd962c;
        border-radius: 20px;
        color: #fff;
        flex-shrink: 0;
    }

        .csSocialMediaIcon a:hover {
            color: #fff;
            border: solid 2px #ffbd7a;
            border-radius: 20px;
        }

/*--- About page ---*/

.aboutCinch {
    background-color: #fff;
    border-top: solid 1px #e4e4e4;
    display: flex;
    padding-left: 0;
    padding-right: 0;
}

.aboutCinchSet {
    flex-basis: 74%;
    padding: 0 15px;
}

.aboutLeft {
    flex-basis: 13%;
    background-size: contain;
}

.aboutRight {
    flex-basis: 13%;
    text-align: right;
}

.aboutLeft img {
    max-width: 100%;
    margin-top: -60px;
}

.aboutRight img {
    max-width: 100%;
    margin-top: 300px;
}

.aboutCinchSet p {
    margin-bottom: 15px;
}

.cinchFeaturesSet {
    display: flex;
    align-content: center;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 15px;
}

.cinchFeaturesGroup {
    width: 161px;
    height: 180px;
    padding: 10px;
    text-align: center;
    border: solid 1px #e4e4e4;
    flex-shrink: 0;
    margin: 7px;
    border-radius: 15px;
    flex-direction: column;
    justify-content: center;
    display: flex;
}


.aboutFig {
    margin-bottom: 15px;
}

    .aboutFig img {
        width: 60px;
    }


/*--- Common Style ---*/

.form-group {
    margin-bottom: 30px;
}

.form-control {
    height: 40px;
    border-radius: 0px;
    border-color: #e4e4e4;
}

label {
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.form-control:focus {
    border-color: #fdbb76;
    box-shadow: none;
}

textarea.form-control {
    height: 150px;
}

.alert-warning {
    /*color: #ff8200;
    border-color: #ffd1a0;
    background-color: #fef3ef;*/
    border-radius: 0;
    padding: 12px;
}



/*--- contact Us Section ---*/

.contactUsMainContainer {
    display: flex;
}

.cinchContactUs .heading-btnSet {
    margin-bottom: 60px;
}

.contactUsLeftSection {
    background-color: #fff;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 50%;
    margin-right: 15px;
    font-size: 26px;
    color: #848484;
    padding: 60px;
}

    .contactUsLeftSection a {
        color: #ff8200;
        text-decoration: none;
        letter-spacing: 0.5px;
    }

.contactUsRightSection {
    width: 50%;
    margin-left: 15px;
}

.attachmentSection {
    /*margin-top: 30px;
    padding-right: 15px;*/
    clear: both;
}

.cs-btn-save {
    padding: 8px 15px;
    color: #ff8200;
    background-color: #fef3ef;
    text-transform: capitalize;
    font-weight: 500;
    border: solid 1px #ffd1a0;
    letter-spacing: 1px;
    border-radius: 0;
    font-size: 16px;
}

    .cs-btn-save:hover {
        background-color: #ffeae2;
        border: solid 1px #ffd1a0;
        color: #ff8200;
    }

.cs-btn-cancel {
    color: #55555a;
    background-color: #f3f3f3;
    border: solid 1px #e4e4e4;
}

    .cs-btn-cancel:hover {
        color: #55555a;
        background-color: #e6e6e6;
        border: solid 1px #e4e4e4;
    }

.cs-btn-blue {
    background-color: #f2f4fd;
    border-color: #d0d9ff;
    color: #7d94f2;
}

.cs-btn-green {
    color: #6aba65;
    border-color: #97f791;
    background-color: #e9f7e8;
}

.cs-attachment {
    display: block;
    text-align: right;
    margin-bottom: 15px;
}

.dotvvm-upload-button {
    font-size: 16px;
    letter-spacing: 1px;
    border-radius: 0;
    padding: 8px 15px;
    text-transform: capitalize;
    font-weight: 500;
    border: solid 1px #ffd1a0;
    color: #6aba65;
    border-color: #97f791;
    background-color: #e9f7e8;
}

    .dotvvm-upload-button:hover {
        background-color: #dff9dd;
        color: #6aba65;
        border-color: #97f791;
    }

    .dotvvm-upload-button a {
        text-decoration: none;
        color: #6aba65
    }

.dotvvm-upload {
    margin-bottom: 0 !important;
}

.dotvvm-upload-files {
    font-size: 16px;
    letter-spacing: 1px;
    border-radius: 0;
    padding: 8px 15px;
    text-transform: capitalize;
    font-weight: 500;
    border: solid 1px #d0d9ff;
    background-color: #f2f4fd;
    color: #7d94f2;
    margin-left: 10px !important;
}

    .dotvvm-upload-files:hover {
        background-color: #e9edfd;
        border-color: #d0d9ff;
        color: #7d94f2;
    }

.text-danger {
    color: red;
}

.cs-btn-orange:hover {
    background-color: #ffeae2;
}

.cs-btn-blue:hover {
    background-color: #e9edfd;
    border-color: #d0d9ff;
    color: #7d94f2;
}

.cs-btn-green:hover {
    background-color: #dff9dd;
    color: #6aba65;
    border-color: #97f791;
}

.cinchLeaf {
    margin-bottom: 30px;
}


/*--- Careers Page ---*/

.cinchCareers {
    padding: 60px 60px;
}

.careersBanner {
    background-color: #f2f2f0;
    padding: 30px;
    display: flex;
    align-content: center;
    justify-content: center;
    flex-wrap: nowrap;
    align-items: center;
    position: relative;
    margin-bottom: 30px;
}

.bannerHeadingSet {
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    width: 48%;
}

    .bannerHeadingSet img {
        max-width: 100%;
    }

.bannerSubHeading {
    width: 50%;
    background-color: rgba(249, 249, 249, 0.5);
}

.bannerSubHeading {
    width: 65%;
    background-color: rgba(249, 249, 249, 0.5);
    text-transform: uppercase;
    letter-spacing: 5px;
    text-align: center;
    padding: 4px 8px;
}

.bannerCircle {
    width: 18vw;
    height: 18vw;
    background-color: #fdde24;
    border-radius: 200px;
}

.bannerCircleGreen {
    background-color: #88d8df;
    margin-left: 50px;
    margin-right: 50px;
}

.bannerCircleOrange {
    background-color: #ff8200;
}

.careersListSet {
    width: 100%;
}

.cinchCareersIcon {
    width: 64px;
    height: 64px;
    border-radius: 50px;
    background-color: #f2f2f0;
    margin-bottom: 10px;
}

.careersList {
    border: solid 1px #e4e4e4;
    background-color: #fff;
    padding: 20px;
    height: 335px;
    border-radius: 4px;
    margin-bottom: 30px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.designationTitle {
    font-size: 20px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.positionHeading,
.positionCount,
.jobLocation,
.jobDescription {
    font-weight: 700;
    margin-bottom: 1px;
}

.jobDescription {
    display: flex;
}

    .positionHeading span,
    .jobLocation span,
    .jobDescription span {
        font-weight: normal;
    }

.positionCount span {
    color: #ff8200;
}

.cs-button-careers {
    padding: 5px 8px;
    letter-spacing: 0;
    height: auto;
    margin-bottom: 8px;
    width: auto;
}

.cs-button-careers-outline {
    color: #fff;
    background-color: transparent;
    margin-bottom: 0;
}

.jobDescription a {
    width: calc(100% - 0px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: normal;
    cursor: pointer;
    padding-left: 4px;
    text-decoration: none;
}

.careersInfoSet {
    background: rgb(255, 130, 0);
    background: -moz-linear-gradient(135deg, rgba(255, 130, 0, 1) 76%, rgba(240, 110, 96, 1) 100%);
    background: -webkit-linear-gradient(135deg, rgba(255, 130, 0, 1) 76%, rgba(240, 110, 96, 1) 100%);
    background: linear-gradient(135deg, rgba(255, 130, 0, 1) 76%, rgba(240, 110, 96, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff8200",endColorstr="#f06e60",GradientType=1);
    color: #fff;
    display: flex;
    justify-content: center;
}

    .careersInfoSet p:first-child {
        margin-bottom: 20px;
    }

.jdBlock {
    margin-bottom: 25px;
    max-height: 200px;
    overflow-y: auto;
}


/*--- Cloud Section ---*/

.pageMain h5 {
    letter-spacing: 1px;
    width: 80%;
    margin: 0 auto;
}

.pageMainPic {
    text-align: center;
    margin-bottom: 30px;
}

    .pageMainPic img {
        width: 300px;
        max-width: 100%;
    }

.pageMain .heading-btnSet {
    margin-bottom: 30px;
}

.pageMain p {
    margin-bottom: 15px;
}

.csListSet {
    padding: 0 0 30px 0;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.csListGroup {
    display: flex;
}

.csList {
    width: 194px;
    padding: 15px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-shrink: 0;
}

.csListGroup figcaption {
    margin-top: 15px;
    text-align: center;
}

.privateCloud {
    background-color: #fff;
}

.privateCloud h3,
.iot h3,
.edgeComputing h3,
.securityAccess h3,
.apiConnectors h3,
.supportedPlatforms h3,
.crmPage h3,
.invoicePayment h3 {
    margin-bottom: 30px;
}

.privateCloudSet {
    display: flex;
    flex-wrap: wrap;
}

.privateCloudContent {
    flex-basis: 33.33333333%;
    padding: 15px;
}

.privateCloudPanel {
    background: #f9f9f9;
    padding: 30px;
    display: flex;
    height: 100%;
}

.privateCloudPanelIcon {
    width: 55px;
    height: 55px;
    background-color: #fff;
    border-radius: 40px;
    flex-shrink: 0;
    position: relative;
}

.privateCloudPanelIcon img,
.apiConnectorsIconBase img {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
}

.privateCloudPanel p {
    padding-left: 30px;
}

.iotImg {
    text-align: center;
}

.iotImg img {
    max-width: 100%;
}

.iotContent {
    width: 80%;
    margin: 30px auto 0 auto;
}

.edgeComputing {
    background-color: #fff;
}

.edgeComputingContent {
    display: flex;
    align-items: center;
}

.edgeComputingLeft {
    flex-basis: 50%;
}

.edgeComputingRight {
    flex-basis: 50%;
}

.edgeComputingLeft img {
    max-width: 100%;
    width: 80%;
}

.securityAccessContent {
    display: flex;
}

.saCenterSection {
    text-align: justify;
    border: solid 1px #e4e4e4;
    padding: 60px;
    flex-shrink: 0;
    flex-basis: 700px;
    background-color: #f9f9f9;
    position: relative;
}

.saCenterSection::before {
    content: "";
    position: absolute;
    background: url(../images/sa_left_pic.png) no-repeat;
    width: 260px;
    height: 452px;
    left: -288px;
    top: -84px;
}

.saCenterSection::after {
    content: "";
    position: absolute;
    background: url(../images/sa_right_pic.png) no-repeat;
    width: 278px;
    height: 368px;
    right: -327px;
    top: 55px;
}

.saLeftSection,
.saRightSection {
    flex-basis: 33.33333333333333%;
    position: relative;
}

.saCircle {
    width: 70vw;
    height: 70vw;
    border: solid 1px #fdddc6;
    position: absolute;
    border-radius: 50%;
    right: 30px;
    bottom: 0;
}

.saRightCircle {
    left: 30px;
    bottom: unset;
    border-color: #dde8fe;
}

.apiConnectors {
    background-color: #fff;
}

.apiConnectorsSet {
    justify-content: left;
    flex-direction: column;
}

.apiConnectorsLeft {
    padding-right: 30px;
}

.apiConnectorsSet .icon-contentSet {
    width: auto;
    height: auto;
    flex-direction: initial;
    text-align: left;
    justify-content: start;
    align-items: center;
    padding: 15px;
    margin: 0 0 15px 0;
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 1px 1px 19px 1px rgb(0 0 0 / 9%);
    -webkit-box-shadow: 1px 1px 19px 1px rgb(0 0 0 / 9%);
    -moz-box-shadow: 1px 1px 19px 1px rgba(0, 0, 0, 0.09);
    border: 0;
}

.apiConnectorsSet .icon-contentSet p {
    margin: 0;
}

.apiConnectorsIconBase {
    width: 126px;
    height: 90px;
    background-color: #fff2e5;
    position: relative;
    flex-shrink: 0;
    margin-right: 15px;
}

.cspIcon {
    width: 64px;
    height: 64px;
    background-color: #333f4f;
    border-radius: 50px;
    position: relative;
    margin: 0 auto 30px auto;
}

.cspIcon img {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
}

.cspInfoSet {
    display: flex;
    justify-content: center;
    text-align: center;
    width: 70%;
    margin: 0 auto;
}

.cspBaseIcon {
    margin: 60px 0;
    text-align: center;
}

.cspInfo {
    width: 25%;
}

.cspInfo p {
    margin-bottom: 15px;
}

.cspTitle {
    text-transform: uppercase;
    font-weight: 900;
    margin-bottom: 40px;
    font-size: 17px;
    letter-spacing: 1px;
}

/*--- CRM Pages---*/

.invoicePayment {
    background-color: #fff;
}

.invoicePaymentContent {
    display: flex;
}

.invoicePaymentLeftSection {
    flex-basis: 50%;
}

.invoicePaymentRightSection {
    flex-basis: 50%;
}

.invoicePaymentRightSection img {
    max-width: 100%;
}

.ipInfoIcon {
    width: 93px;
    height: 93px;
    background-color: #f3f3f3;
    border-radius: 70px;
    position: relative;
    margin-bottom: 30px;
}

.ipInfoSet {
    width: 226px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 15px;
}

.ipInfoIconGroup {
    display: flex;
    flex-wrap: wrap;
}

.ipIconBgYellow {
    background-color: #fff6e5;
}

.ipIconBgLightRed {
    background-color: #fff4f6;
}

.ipIconBgGreen {
    background-color: #e1faed;
}

.ipIconBgOrange {
    background-color: #ffece3;
}

.ipIconBgViolet {
    background-color: #f6ecff;
}

.ipIconBgBlue {
    background-color: #d9edf7;
}

.ipInfoIcon img {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
}


/*--- Desk CSS ---*/

.deskIconSet {
    display: flex;
    justify-content: center;
    margin: 15px 0 30px 0;
    flex-wrap: wrap;
}

.deskIconGroup {
    display: flex;
    flex-direction: column;
    text-align: center;
    flex-basis: 226px;
}

.deskIcon {
    padding: 30px;
}

.deskMiddleWareTitle {
    background-color: #5f5c61;
    padding: 60px;
}

.deskMiddleWareTitle .heading-btnSet {
    margin-bottom: 0;
}

.deskMiddleWareTitle h3 {
    color: #fff;
    margin-bottom: 0;
}

.agentQueue {
    background-color: #fff;
}

.agentQueueIconSet {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.agentQueueIcon img {
    max-width: 80%;
}

.agentQueueGroup {
    display: flex;
    flex-direction: column;
    text-align: center;
    margin: 30px 15px 0 15px;
    justify-content: space-between;
}

.agentQueueIconCaption {
    margin-top: 30px;
}

.agentDeploymentImg {
    margin: 60px 0;
    text-align: center;
}

.agentDeploymentImg img {
    max-width: 100%;
}

.workBooks {
    background-color: #fff;
}

.agentDeploymentIconSet {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.agentDeploymentIconGroup {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 250px;
    text-align: center;
    margin: 15px 15px 0 15px;
}

.agentDeploymentIcon {
    margin-bottom: 15px;
}

.agentQueue h3,
.agentDeployment h3,
.workBooks h3 {
    margin-bottom: 30px;
}

.workbooksImg {
    text-align: center;
}

.workbooksImg img {
    max-width: 80%;
}

.workBooksContentSection {
    margin-top: 60px;
}

/*--- Project Services Automation ---*/

.psaLeftPic img {
    max-width: 100%;
}

.psaSec h3, .pmWorkbooks h3 {
    margin-bottom: 30px
}

.psaIconGroup {
    flex-basis: 350px;
    background-color: #f4f4f4;
    padding: 30px;
    border-left: solid 6px #fdc277;
    margin: 0 0 30px 30px;
    display: flex;
    align-items: center;
}

.psaImg {
    margin-right: 15px;
}

.psaIconSectionSet {
    display: flex;
    flex-wrap: wrap;
}

.psaLeftSection {
    width: 50%;
}

.psaRightSection {
    padding-left: 30px;
    width: 50%;
}

.psaLeftPic {
    text-align: right;
}

.psaLeftRightSectionSet {
    display: flex;
}

.psaIconSet {
    display: flex;
}

.psaContentSection {
    margin-top: 30px;
}

.psaWorkBooksImg {
    text-align: center;
    margin-bottom: 30px;
}

.pmWorkbooks {
    background-color: #fff;
}

.psaWorkBooksImg img {
    max-width: 65%;
}

.commonListSet ul li {
    margin-bottom: 15px;
}


/*--- Popup ---*/

.modal-header {
    width: 100%;
    padding: 0;
    background: #fff !important;
    border-bottom: 1px solid #e4e4e4;
    display: table;
    padding: 0px 0;
    text-align: center;
    position: relative;
}

.modal-close-btn {
    position: absolute;
    top: -2px;
    right: 35px;
    cursor: pointer;
}

.modal-heading {
    padding: 0 0 27px 0 !important;
    font-weight: 900;
    text-transform: uppercase;
    display: table-cell;
    letter-spacing: 0.5px;
}

.modal-body {
    padding: 25px 35px;
}

.popupStyle .modal-content {
    border-radius: 4px;
    padding: 35px 0 20px 0;
}

.modal-footer {
    padding: 20px 35px 0 35px;
    text-align: right;
    border-top: 1px solid #e4e4e4;
}

.pricingBanner {
    margin-top: 30px;
}

.pricingBanner img {
    max-width: 100%;
}

/*--- Pricing Section ---*/

.pricingSet {
    display: flex;
    justify-content: center;
    margin-bottom: 30px;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
}

.pricingPanel {
    background-color: #fff;
    border-radius: 15px;
    padding: 40px 30px;
    flex-basis: 300px;
    margin: 0 15px 30px 15px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    box-shadow: 0px 16px 10px 0px rgb(0 0 0 / 3%);
    -webkit-box-shadow: 0px 16px 10px 0px rgb(0 0 0 / 3%);
    -moz-box-shadow: 0px 16px 10px 0px rgba(0, 0, 0, 0.03);
}

.planHeadingSet {
    display: flex;
    flex-direction: column;
}

.planHeadingGroup {
    display: flex;
    margin-bottom: 10px;
}

.cinchPlanName {
    font-size: 20px;
    font-weight: bold;
    margin-left: 15px;
}

.planPriceSet {
    display: flex;
    align-items: baseline;
    margin-top: 30px;
    margin-bottom: 30px;
}

.cinchPlanPrice {
    font-size: 60px;
    margin-right: 10px;
}

.cinchPriceShade {
    color: #d4d4d4
}

.whiteBg {
    background-color: #fff;
}

.cinchBtnPadding {
    padding-top: 12px;
    padding-bottom: 12px;
    margin-left: 0;
}

.cinchPlanFeaturesList {
    margin-top: 30px;
}

.cinchPlanFeaturesHeading {
    font-weight: 900;
    margin-bottom: 15px;
}

.cinchPlanFeaturesList ul {
    margin: 0;
    padding: 0;
}

.cinchPlanFeaturesList ul li {
    list-style: none;
    margin-top: 20px;
    padding-left: 38px;
    position: relative;
}

.cinchPlanFeaturesList ul li::before {
    content: "";
    background: url(../images/tick_mark_icon.svg) no-repeat 0;
    width: 30px;
    height: 18px;
    position: absolute;
    left: 0;
}

.cinchPricingMoreFeaturesSet {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 60px;
}

.cinchMoreFeatures {
    font-weight: 700;
    margin-top: 15px;
}

.cinchPricingTable {
    background-color: #fff;
    padding: 220px 60px 60px 60px;
    margin: -210px 0 60px 0;
    margin-bottom: 60px;
}

.cinchPricingTable table {
    margin-bottom: 0;
}

.cinchPricingTable tr th, td {
    text-align: center;
}

.cinchPricingTable tr td:first-child {
    padding-left: 30px !important;
}

.cinchPricingTable tr th:first-child {
    text-align: left;
}

.cinchPricingTable tr td:first-child {
    text-align: left;
}

.cinchPricingTable .table-responsive {
    border: 0;
}

.whiteBg button {
    margin-left: 0;
}

/*--- Boostrap ---*/

.cinchPricingTable .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    padding: 12px 10px;
    border-top: 0;
}

.cinchPricingTable .table > thead > tr > th {
    border-bottom: 1px solid #e4e4e4;
}

/*--- Virtuozzo Pages ---*/

.virtuozzoMainPage {
    background-color: #390058;
    padding-left: 0;
    display: flex;
    align-items: center;
    color: #fff;
}

.cinchVirtuozzonPic {
    flex-basis: 50%;
}

    .cinchVirtuozzonPic img {
        max-width: 100%;
    }

.cinchVirtuozzoSm {
    display: none;
}

.virtuozzoMainContent {
    flex-basis: 50%;
    padding-left: 30px;
}
    .virtuozzoMainContent h5 {
        margin-left: unset;
        margin-right: unset;
    }

    .cinchVirtuozzoHeading {
        font-size: 50px;
        font-weight: 900;
        position: relative;
    }
.cinchTextInline {
    display: initial;
    position: relative;
    top: -6px;
}
    .cinchTextInline img {
        width: 200px;
    }
.cinchVirtuozzoHeading span {
    color: #ff8200;
    font-weight: normal;
    vertical-align: middle;
    padding-left: 5px;
    padding-right: 5px;
}

.cinchVirtuozzoSubHeading {
    font-size: 25px;
    margin-bottom: 25px;
}

    .cinchVirtuozzoSubHeading span {
        color: #ff8200;
        font-weight: normal;
        padding: 20px;
    }

.csProvider, .cinchVirtuContact, .cinchVirtuFeatures, .cinchVirtuozzoBenefits {
    background-color: #fff;
}

.csProviderContent {
    display: flex;
    align-items: center;
}

.csProviderContentLeft {
    flex-basis: 50%;
    text-align: center;
}
    .csProviderContentLeft img {
    max-width:100%;
    }

    .csProviderContentRight {
        flex-basis: 50%;
        padding-left: 15px;
    }

.whyUsContent {
    display: flex;
    align-items: center;
}

.whyUsLeft {
    flex-basis: 50%;
    padding-right: 15px;
}

.whyUsRight {
    flex-basis: 50%;
    text-align: center;
}

    .whyUsRight img {
        max-width: 100%;
    }

.keyBnefitsListSet {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.keyBnefitsGroup {
    flex-basis: 25%;
    padding: 20px;
    margin-top: 30px;
}

.keyBnefitsGroupPanel {
    background: #fff;
    border: solid 1px #e4e4e4;
    padding: 30px;
    display: flex;
    height: 100%;
    border-radius: 25px;
}

.keyBnefitsInfo {
    width: 100%;
    text-align: center;
    font-weight: 700;
}

.keyBnefitsInfoIcon {
    width: 83px;
    height: 83px;
    background-color: #fff;
    border-radius: 30px;
    border: solid 1px #e4e4e4;
    position: relative;
    margin: -64px auto 10px auto;
}

    .keyBnefitsInfoIcon img {
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        position: absolute;
    }

.keyBnefitsMainContent {
    width: 80%;
    margin: 30px auto 0 auto;
    text-align: center;
}

.pphColoudPlatformPic {
    text-align: center;
}

    .pphColoudPlatformPic img {
        max-width: 100%;
    }

.cinchVirtuozzoFeaturesSet {
    display: flex;
    flex-wrap:wrap;
}

.cinchVirtuozzoFeaturesGroup {
    width: 25%;
    padding: 15px;
    display: flex;
    flex-direction: column;
}

.cinchVirtuozzoFeaturesHeadSection {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 30px;
    height:330px;
}

.cinchVirtuozzoFeaturesIcon {
    width: 90px;
    height: 90px;
    background-color: #F99B81;
    border-radius: 30px;
    margin-bottom: 25px;
    position: relative;
    flex-shrink: 0;
}

    .cinchVirtuozzoFeaturesIcon img {
        width: 50px;
        height: 50px;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        position: absolute;
    }

.cvfHeading {
    font-size: 22px;
    font-weight: 900;
    margin-bottom: 15px;
    text-align: center;
}

.cvfSubHeading {
    text-align: center;
}

.cinchVirtuozzoFeaturesBodySection {
    padding: 30px;
    background-color: #f9f9f9;
    border: solid 1px #e4e4e4;
    border-radius: 30px;
    height: 100%;
}

    .cinchVirtuozzoFeaturesBodySection ul {
        padding-left: 20px;
    }

.cinchVirtColorCream {
    background-color: #F1DFBB;
}

.cinchVirtColorGreen {
    background-color: #CAE8E1;
}

.cinchVirtColorBlack {
    background-color: #15223D;
}

.cinchVirtBenefitsPic {
    margin-top: 60px;
    text-align: center;
}

    .cinchVirtBenefitsPic img {
        max-width: 100%;
    }

.chinchVirtuozzoContactHeading {
    font-size: 55px;
    margin-bottom: 30px;
}

.cinchVirtBenefitsSm {
    display: none;
}


/*--- Animation CSS ---*/

.icon {
    width: 70px;
    height: 70px;
    left: 116px;
    top: -44px;
    position: absolute;
}

.dots {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.dots {
    z-index: 0;
    animation: dots 6s infinite linear;
}

    .dots .dot {
        width: 5px;
        height: 5px;
        border-radius: 100px;
        position: absolute;
        left: 50%;
        top: 50%;
        margin-left: -3px;
        margin-top: -3px;
    }

    .dots .dot1 {
        background-color: #8ad9fd;
        transform: translate(15px, 5px);
        animation: dot1 1.5s infinite alternate;
    }

    .dots .dot2 {
        background-color: #b8a6f7;
        transform: translate(-8px, 8px);
        animation: dot2 1.5s infinite alternate;
        animation-delay: .5s;
    }

    .dots .dot3 {
        background-color: #fac5a7;
        transform: translate(-5px, -12px);
        animation: dot3 1.5s infinite alternate;
        animation-delay: 1s;
    }

@keyframes dots {
    from {
        transform: rotate(-360deg)
    }

    to {
        transform: rotate(0)
    }
}

@keyframes dot1 {
    from {
        transform: translate(15px, 5px);
        opacity: 1;
    }

    to {
        transform: translate(25px, 5px);
        opacity: 1;
    }
}

@keyframes dot2 {
    from {
        transform: translate(-8px, 8px);
        opacity: 1;
    }

    to {
        transform: translate(-19px, 19px);
        opacity: 1;
    }
}

@keyframes dot3 {
    from {
        transform: translate(-5px, -12px);
        opacity: 1;
    }

    to {
        transform: translate(-10px, -24px);
        opacity: 1;
    }
}


/*--- RMM Section ---*/

.rmmContentSection .privateCloudContent {
    flex-basis: 25%;
}

.rmmContentSection .privateCloudPanel {
    flex-direction: column;
    border: solid 1px #efeeee;
    background-color: #fff;
}

    .rmmContentSection .privateCloudPanel p {
        padding-left: 0;
        margin-top: 15px;
    }

.rmmContentSection .privateCloudPanelIcon {
    border-radius: 4px;
    margin-bottom: 15px;
}

.pointsLi ul {
    margin: 15px 0 0 0;
    padding-left: 15px;
}

.rmmTable .table > tbody > tr > th {
    width: 20%;
    text-align: left;
    padding: 12px;
    border-top: 1px solid #e4e4e4;
}

.rmmTable .table > tbody > tr > td {
    width: 20%;
    text-align: center;
    padding: 12px;
    border-top: 1px solid #e4e4e4;
}

.rmmSubTable tr th {
    border-top: 0 !important;
    text-align: center;
}

.rmmTable .accordion-toggle:hover {
    cursor: pointer;
}

.rmmTable .accordion-toggle th span:after {
    font-family: "Glyphicons Halflings";
    content: "\e114";
    margin-left: 5px;
    font-size: 8px;
    color: #9f9f9f;
}

.rmmTable .accordion-toggle.collapsed th span:after {
    content: "\e080";
}

.rmmSubTable {
    margin-bottom: 0;
}

.rmmSubTable tr td {
    border-top: 0 !important;
}

.rmmTable .table > thead:first-child > tr:first-child > th {
    text-align: center;
    border-bottom: 1px #e4e4e4;
    padding: 12px;
}



/* ---------------------------------------------------
    MEDIAQUERIES
----------------------------------------------------- */
@media (max-width: 1600px) {

    .cinchVirtuozzonPic {
        flex-basis: 42%;
    }

    .virtuozzoMainContent {
        flex-basis: 58%;
    }
}

@media (max-width: 1540px) {
    .cspInfoSet {
        width: 92%;
    }
}

@media (min-width: 1188px) and (max-width: 1397px) {
    .mpsLeft {
        width: 40%;
    }

    .mpsRight {
        width: 60%;
    }

    .apiConnectors .mpsLeft {
        width: 50%;
    }

    .apiConnectors .mpsRight {
        width: 50%;
    }
}

@media (max-width: 1388px) {
    .keyFeaturesSet ul {
        width: 33.33333333%;
    }

    .commonMrgBottom60 {
        margin-bottom: 0;
    }

    .circleOptm {
        height: 100vw;
    }
    .cinchVirtuozzoFeaturesGroup {
        width: 50%;
    }
}

@media (max-width: 1200px) {
    .customPackage .heading-btnSet {
        margin-top: 0;
    }

    .cspInfoSet {
        width: 100%;
    }

    .invoicePaymentContent {
        flex-direction: column-reverse;
        align-items: center;
    }

    .ipSmallScreen {
        text-align: center;
        margin-bottom: 30px;
    }

    .ipSmallScreen img {
        width: 80%;
    }

    .ipInfoIconGroup {
        justify-content: center;
    }

    .psaLeftRightSectionSet {
        flex-direction: column;
    }

    .psaLeftSection {
        width: 100%;
    }

    .psaIconGroup {
        flex-basis: 50%;
        margin-bottom: 0;
        margin-top: 30px;
        margin-left: 0;
    }

    .psaLeftPic {
        text-align: center;
    }

    .psaRightSection {
        width: 100%;
        padding-left: 0;
    }

    .psaIconSet {
        justify-content: center;
    }
}

@media (max-width: 1187px) {
    .mpsLeft {
        width: 100%;
        margin-bottom: 30px;
    }

    .mpsRight {
        width: 100%;
    }

    .apiConnectorsLeft {
        padding-right: 0;
    }
}

@media (max-width: 1024px) {

    .rmmContentSection .privateCloudContent {
        flex-basis: 33.33333333333333%;
    }
}

@media (max-width: 1023px) {
    .circleOptm {
        width: 100vw;
        height: 90vw;
        border-radius: 21%;
    }

    .optimizImg {
        padding-top: 40%;
    }

    .circleOptm {
        margin-top: -35%;
    }
}

@media (max-width: 990px) {
    .keyFeaturesSet ul {
        width: 50%;
    }

    .customPackage .heading-btnSet {
        text-align: center;
        margin-right: 0;
        margin-top: 0;
    }

    .workbooksImg {
        margin-top: 30px;
    }

        .workbooksImg img {
            max-width: 70%;
        }

    .workBooksContentSection {
        margin-top: 0;
    }

    .psaWorkBooksImg img {
        max-width: 100%;
    }
    .keyBnefitsGroup {
        flex-basis: 50%;
    }

    .cinchVirtuozzoHeading {
        font-size: 40px;
    }
}

    

@media (max-width: 970px) {
    .contactUsMainContainer {
        flex-direction: column;
    }

    .contactUsLeftSection {
        width: 100%;
        margin-right: 0;
        margin-bottom: 30px;
    }

    .contactUsRightSection {
        width: 100%;
        margin-left: 0;
        padding-left: 0;
        padding-right: 0;
    }

    .cinchContactUs .heading-btnSet {
        margin-bottom: 30px;
    }
    .table-responsive-rmm {
        overflow-x: auto;
    }

    .table-responsive-rmm .table {
        width: 900px;
    }
}

@media (max-width: 850px) {
    .circleOptm {
        width: auto;
        height: auto;
        border-radius: 0;
        margin-top: 0;
        padding: 30px;
    }

    .optimizImg {
        padding-top: 0;
    }

    .optimizedSet {
        padding: 90px 30px;
    }

    .optimizImg {
        width: 76%;
    }

    .saCenterSection {
        flex-shrink: unset;
        flex-basis: auto;
    }
    .virtuozzoMainPage {
        flex-direction: column;
        padding-top: 0;
        padding-left: 60px;
    }

    .virtuozzoMainContent {
        padding-left: 0;
        text-align: center;
        margin-top: 30px;
    }

    .csProviderContent {
        flex-direction: column;
    }

    .csProviderContentLeft {
        margin-bottom: 30px;
    }

    .whyUsContent {
        flex-direction: column-reverse;
    }

    .whyUsRight {
        margin-bottom: 30px;
    }

    .cinchVirtuozzoLg {
        display: none;
    }

    .cinchVirtuozzoSm {
        display: block;
    }

    .cinchVirtBenefitsLg {
        display: none;
    }

    .cinchVirtBenefitsSm {
        display: block;
    }
    .cinchVirtuozzoFeaturesGroup {
        width:100%;
    }
    .cinchVirtuozzoFeaturesHeadSection {
        height:auto;
    }
    .cinchVirtuozzonPic img {
        max-width: 500px;
    }
    .cinchVirtuozzoSubHeading {
        font-size: 22px;
    }
    .rmmContentSection .privateCloudContent {
        flex-basis: 50%;
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (min-width: 768px) {
    .cs-nav .navbar-nav {
        float: right;
    }
    /*.cs-nav.navbar-default .navbar-nav > li > a {
        margin-left: 18px;
        padding-left: 0;
        padding-right: 0;
        margin-left: 18px;
    }*/
   
}

@media (min-width: 768px) and (max-width: 800px) {
    .cs-nav.navbar-default .navbar-nav > li {
        margin: 0 2px;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .makeItSimpleContent {
        flex-basis: 50%;
    }

    .privateCloudContent {
        flex-basis: 50%;
    }
}

@media (max-width: 767px) {
    /*.cs-nav.navbar-default .navbar-nav > .active > a,
    .navbar-default .navbar-nav > .active > a:focus,
    .navbar-default .navbar-nav > .active > a:hover {
        background-color: #fee2d1;
        border: solid 2px #ffd4b9;
        border-radius: 4px;
    }*/
    .navbar-default .navbar-collapse,
    .navbar-default .navbar-form {
        margin-top: 14px;
    }

    header img {
        width: 174px;
        margin-top: -12px;
    }

    header {
        padding-left: 15px;
        padding-right: 15px;
    }

    .contentSection {
        padding-left: 30px;
        padding-right: 30px;
    }

    h2 {
        font-size: 45px;
    }

    .homePageContentSection {
        padding-top: 40px;
    }

    .homePageContentSection button {
        margin-bottom: 30px;
    }

    h3 {
        font-size: 37px;
    }

    .featureSetGroup {
        flex-direction: column;
    }

    .featuresSetContent {
        width: 100%;
        margin: 0 0 15px 0;
    }

    .makeItSimpleGroup {
        flex-direction: column;
    }

    .makeItSimpleIcon {
        margin-top: -48px;
    }

    .customPackage img {
        padding-right: 0;
    }

    .contactUsInfoSet {
        padding: 0px 30px 30px 30px;
    }

    .contactUsGroup {
        margin-top: 30px;
    }

    .faqContent {
        padding: 30px 0 160px 0;
    }

    .happyCustomer {
        padding-bottom: 90px;
    }

    .makeItSimpleContent {
        padding-left: 0;
        padding-right: 0;
    }

    .icon-contentSet {
        width: 100%;
        margin: 15px 0;
    }

    .aboutCinch {
        padding-left: 0;
        padding-right: 0;
    }
    /*.csListSet {
        flex-direction: column;
    }
    .csList {
        width: auto;
    }*/

    .csListGroup {
        flex-direction: column;
        padding-left: 0;
        padding-right: 0;
    }

    .privateCloudContent {
        flex-basis: 100%;
        padding-left: 0;
        padding-right: 0;
    }

    .iotContent {
        width: 100%;
    }

    .edgeComputingContent {
        flex-direction: column;
    }

    .edgeComputingLeft {
        margin-bottom: 30px;
        text-align: center;
    }

    .apiConnectorsSet .icon-contentSet {
        width: 100%;
    }

    .saLeftSection,
    .saRightSection {
        flex-basis: 0;
    }

    .saCenterSection {
        padding: 30px;
    }

    .cspInfoSet {
        flex-direction: column;
    }

    .cspInfo {
        width: 100%;
        margin-bottom: 20px;
    }

    .cspTitle {
        margin-bottom: 20px;
    }

    .cinchPricingTable {
        padding-left: 30px;
        padding-right: 30px;
    }
    .icon {
        left: 87px;
    }
}

@media (max-width: 550px) {
    .keyFeaturesSet ul {
        width: 100%;
    }

    .optimizedSet ul {
        padding-left: 30px;
    }

    .workbooksImg img {
        max-width: 100%;
    }

    .psaIconSet {
        flex-direction: column;
    }

    .pricingPanel {
        flex-basis: 100%;
        margin-left: 0;
        margin-right: 0;
    }

    .pricingSet {
        margin-left: 0;
        margin-right: 0;
    }
    .keyBnefitsGroup {
        flex-basis: 100%;
    }
    .rmmContentSection .privateCloudContent {
        flex-basis: 100%;
        padding-left: 0;
        padding-right: 0;
    }
}

@media (max-width: 500px) {
    .contactUsLeftSection {
        font-size: 20px;
        padding-left: 15px;
        padding-right: 15px;
    }

    /*.cs-btn-green,
    .cs-btn-blue,
    .cs-btn-orange {
        padding: 0 !important;
        width: 80px;
        margin-left: 4px;
    }*/

    .cinchLeaf img {
        width: 50px;
    }

    .ipSmallScreen img {
        width: 100%;
    }

    .cinchPricingTable {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (max-width: 411px) {
    body {
        font-size: 15px;
    }

    .homePageContentSection {
        padding: 30px 15px 0 15px;
    }

    h2 {
        font-size: 37px;
    }

    h3 {
        font-size: 32px;
    }

    h5 {
        letter-spacing: 1px;
    }

    .optimizImg {
        width: 100%;
    }

    .circleOptm {
        padding-left: 15px;
        padding-right: 15px;
    }

    .contentSection {
        padding-left: 15px;
        padding-right: 15px;
    }

    .customerMessage {
        flex-direction: column;
    }

    .cinchSoftware-cm-photo {
        margin-bottom: 15px;
    }

    .faqSet .heading-btnSet .input-group {
        width: 90%;
    }

    .faqSet .heading-btnSet {
        margin-bottom: 60px;
    }

    /*.cs-button {
        font-size: 16px;
        padding: 16px 16px;
    }*/

    .agentQueueIcon img {
        max-width: 100%;
    }
}

/*--- Careers Page Mediaqueries ---*/

@media (max-width: 1200px) {
    .bannerHeadingSet {
        width: 58%;
    }
}

@media (max-width: 1023px) {
    .bannerHeadingSet {
        width: 65%;
    }

    .bannerSubHeading {
        width: 84%;
    }
}

@media (max-width: 690px) {
    .bannerSubHeading {
        letter-spacing: 2px;
    }

    .bannerCircleGreen {
        margin-left: 40px;
        margin-right: 40px;
    }
}

@media (max-width: 564px) {
    .careersBanner {
        padding: 15px;
    }

    .bannerHeadingSet {
        width: 84%;
    }

    .bannerSubHeading {
        background-color: transparent;
        width: 100%;
        letter-spacing: 0;
    }
}

@media (max-width: 629px) {
    .careersGrid {
        width: 100%;
    }
}

@media (min-width: 630px) {
    .careersGrid {
        width: 50%;
        float: left;
    }
}

@media (min-width: 986px) {
    .careersGrid {
        width: 33.33333333333333%;
    }
}

@media (min-width: 1900px) {
    .bannerCircle {
        width: 340px;
        height: 340px;
    }

    .bannerHeadingSet {
        width: auto;
    }
}

@media (min-width: 1280px) {
    .careersGrid {
        width: 25%;
    }
}

@media (min-width: 1574px) {
    .careersGrid {
        width: 20%;
    }
}

@media (min-width: 1865px) {
    .careersGrid {
        width: 16.66666666666667%;
    }
}

@media (min-width: 2160px) {
    .careersGrid {
        width: 14.28571428571429%;
    }
}

@media (min-width: 2550px) {
    .careersGrid {
        width: 12.5%;
    }
}

@media (min-width: 2744px) {
    .careersGrid {
        width: 11.11111111111111%;
    }
}

@media (min-width: 3040px) {
    .careersGrid {
        width: 10%;
    }
}