.graphContent .headDesc {
    font-size: 20px;
    font-style: italic;
    line-height: 30px;
    margin-top: 30px;
    text-align: left;
    color: #3F3F3F;
}
.graphContent .leftTextData,
.graphFeatures .leftTextData,
.columnarContent .leftTextData {
    padding-right: 20px;
}
.graphContent .rightTextData,
.graphFeatures .rightTextData,
.columnarContent .rightTextData {
    padding-left: 20px
}
.graphContent .rightTextData {
    text-align: center;
    padding: 20px 0px;
}
.graphContent h3 {
    font-size: 22px;
    line-height: 26px;
}
.relationship {
    margin-top: 20px;
}
.graphFeatures {
    padding-bottom: 60px;
  }
.graphFeatures .leftTextData ul li,
.graphFeatures .rightTextData ul li {
  padding-bottom: 10px;
}
.accordion-section h2 {
    padding-bottom: 0;
}
.docContent .headDesc {
    font-size: 20px;
    font-style: italic;
    margin-top: 30px;
    text-align: left;
    color: #3f3f3f;
}
.realTimeReport {
    background-image: url(https://static-cdn.qburst.com/5-5-18/images/responsive/service/analytics/BDanalytics/columnarDB/real-time-reports.png);
}
.interactiveNetwork {
    background-image: url(https://static-cdn.qburst.com/5-5-18/images/responsive/service/web/webapps/nodejs/sports_performance.png);
}
.homeModelling {
    background-image: url(https://static-cdn.qburst.com/5-5-18/images/responsive/service/analytics/BDanalytics/documentdb/home_modelling.png);
}
.keyValueCS {
    padding-bottom: 0;
}
.docContent .leftTextData {
    width: 60%;
}
.docContent .rightTextData {
    width: 40%;
}
.docContent {
    border-bottom: 1px solid #ebebeb;
    padding-bottom: 30px;
}
.docDesc .listText {
    margin-top: 10px;
}
.docDesc .listText li {
    padding-bottom: 10px;
}
.docDesc {
    padding-bottom: 30px;
}
.mongoBenefits {
    background-color: #F5F5F5;
    border: 1px solid #EBEBEB;
    /* float: left; */
    margin: 40px auto 60px;
    padding: 25px 30px 25px;
    /* width: 88%; */
    text-align: center;
}
.mongoBenefits div .BeniftsOf {
    font-size: 22px;
    font-weight: bold;
}
.mongoBenefits .leftContent,
.mongoBenefits .middleContent {
    width: 40%;
}
.mongoBenefits .rightContent {
    width: 20%;
}
  .mongoBenefits p {
    text-align: center;
}
.mongoBenefits img {
    margin: -10px auto;
    margin-left: 8px;
}
.mongoBenefits ul li {
    text-align: left;
    padding-bottom: 10px;
}
.graphAccordion.docAccordion.bigdataAcc.featuredAppAccWrapper,
.graphAccordion.bigdataAcc.featuredAppAccWrapper,
.graphAccordion.docAccordion.colAccordion.featuredAppAccWrapper {
    width: 75%;
    margin-left: auto;
    margin-right: auto;
}
.graphAccordion.docAccordion.bigdataAcc.featuredAppAccWrapper,
.graphAccordion.docAccordion.colAccordion.featuredAppAccWrapper {
    float: none;
    clear: both;
}
.graphAccordion.bigdataAcc .accordion-section .devBullet {
    margin-top: 5px;
}
.columnarContent .leftTextData,
.columnarContent .rightTextData {
  width: 50%;
}
.columnarContent .headDesc {
  font-family: 'Montserrat',sans-serif;
  font-weight: 400;
  font-size: 18px;
  margin-top: 0px!important;
  text-align: left;
  color: #3f3f3f;
}
.columnarBenefits {
    background-color: #f5f5f5;
    border: 1px solid #ebebeb;
    padding: 13px 30px 10px;
    padding: 5%;
    float: left;
    width: 90%;
}
.columnarBenefits .listText {
    margin-top: 10px;
}
.columnarBenefits .listText li {
    padding-bottom: 10px;
}
.colAccordion {
    margin-top: 50px;
}
.colAccordion #accordion-1 img {
    width: auto;
    height: auto;
}
.colAccordion .listText {
    margin-top: 20px;
}
.colAccordion .listText li {
    padding-bottom: 10px;
}
.keyValueContent {
    display: table;
}
.keyValueContent .leftTextData {
    display: table-cell;
    vertical-align: top;
    float: none;
}
.keyValueContent .rightTextData {
    display: table-cell;
    vertical-align: bottom;
    float: none;
}
.keyValueContent .columnarUseCase ul li:last-child {
    padding-bottom: 0px;
}
.columnarIntro p {
    margin-top: 20px;
}
.columnarUseCase .listText {
    margin-top: 10px;
}
.columnarUseCase .listText li {
    padding-bottom: 10px;
}
.columnarUseCase {
    margin-top: 30px;
}
.keyvalueImage {
    text-align: center;
}
.keyvalueBox {
    padding: 4%;
    margin-top: 50px;
}
.keyvalueBtn {
    margin-top: 60px;
}
.pBold  {
    font-weight: 500;
    font-size: 16px;
}
.graphFeatures .rightTextData {
    padding-left: 0;
}
.useCaseNew p {
    text-align: left !important;
}
.development .accordion-section:last-child .noBorderLine {
    border-bottom: none !important;
} 
.introDb .headDesc {
    width: 100% !important;
    margin-top: 0;
}
.introDb {
    margin-bottom: 45px;
}
.dbColumn .columnarBenefits {
    float: none;
    width: 100%;
}
.dbgrid.gridTwoColumn {
    align-items: flex-start;
    margin-top: 30px;
}
.dataGraphCase {
    margin-top: 0;
}
.graphContent.marginBottomCommon {
    margin-bottom: 60px;
}
.graphBannerP {
    margin-top: 30px;
}
#accordion-img img {
    width: 300px;
    height: 150px;
}
@media screen and (min-width:280px) and (max-width:767px) {
    .graphBannerP {
        margin-bottom: 15px;
    }
    .dataGraphCase .useCaseNew, #accordion-img .useCaseNew {
        margin-bottom: 40px;
    }
    .graphContent,
    .graphFeatures,
    .columnarContent {
        width: 88%;
    }
    .bigDataColumnar {
        margin-top: -40px;
        margin-bottom: -30px;
    }
    .columnarContent .leftTextData {
        padding-right: 0;
    }
    .leftTextData p, .rightTextData p {
        width: 96%;
    }
    .graphContent .rightTextData p,
    .graphContent .leftTextData p,
    .relationship h2,
    .graphFeatures h2,
    .graphFeatures .rightTextData p,
    .graphFeatures .leftTextData p,
    .docContent .leftTextData,
    .docContent .leftTextData,
    .docContent p,
    .docDesc h2,
    .graphAccordion.docAccordion.bigdataAcc.featuredAppAccWrapper,
    .graphAccordion.bigdataAcc.featuredAppAccWrapper,
    .columnarContent .leftTextData,
    .columnarContent .rightTextData,
    .columnarContent .leftTextData p,
    .columnarContent .rightTextData p,
    .columnarBenefits h2,
    .graphAccordion.docAccordion.colAccordion.featuredAppAccWrapper {
        width: 100%;
    }
    .docDesc {
        margin-top: 20px;
    }
    .graphContent .rightTextData,
    .docContent .rightTextData,
    .keyvalueImage {
        display: none;
    }
    .graphFeatures .leftTextData {
        margin-top: 0px;
    }
    .docDesc,
    .docContent {
        width: 88%;
        margin: 0 auto;
    }
    .docDesc ul li .listCont {
        font-size: 14px;
    }
    .mongoBenefits {
        padding: 10px 20px 25px;
    }
    .mongoBenefits .leftContent,
    .mongoBenefits .middleContent,
    .mongoBenefits .rightContent {
        margin-top: 0px;
        width: 100%;
    }
    .mongoBenefits ul li .listCont {
        font-size: 14px;
    }
    .mongoBenefits {
        float: none;
        overflow: hidden;
        margin: 40px auto;
    }
    .graphAccordion.bigdataAcc h2 {
        font-size: 24px;
    }
    .columnarContent .rightTextData {
        padding-left: 0;
    }
    .columnarBenefits .listCont {
        font-size: 14px;
    }
    .columnarBenefits li span:nth-child(2) {
        display: inline-block;
        width: 89%;
    }
    .colAccordion .devLink h2 {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      width: 86%;
      margin: 0;
    }
    .colAccordion .accordion-section-content {
        padding: 20px;
    }
    .colAccordion .accordion-section-content {
        width: 88%;
        margin: 0 auto;
        float: none;
        padding: 20px 0!important;
    }
    .colAccordion .accordion-section .devLink {
        padding-left: 6%;
    }
    .colAccordion .devLink h2 {
        font-size: 18px;
    }
    .keyValueContent {
        display: block;
    }
    .keyValueContent .leftTextData,
    .keyValueContent .rightTextData {
        display: block;
        float: left;
        vertical-align: unset;
    }
    .columnarUseCase h2 {
        width: 100%!important;
    }
    .columnarUseCase .listCont {
        font-size: 14px;
    }
    .keyvalueBox {
        margin-top: 20px;
    }
}
@media screen and (min-width:768px) and (max-width:1024px) {
    .docContent .leftTextData,
    .columnarContent .leftTextData,
    .columnarContent .rightTextData {
        width: 100%;
    }
    .docContent .rightTextData {
        width: 100%;
        text-align: center;
    }
    .leftTextData p, .rightTextData p {
        width: 96%;
    }
    .columnarContent .leftTextData {
        padding-right: 0;
    }
    .mongoBenefits .leftContent,
    .mongoBenefits .middleContent,
    .mongoBenefits .rightContent {
      width: 100%;
      margin-top: 0px;
    }
    .mongoBenefits .leftContent .listText {
      margin-top: 10px;
    }
    .graphAccordion.docAccordion.bigdataAcc.featuredAppAccWrapper,
    .graphAccordion.bigdataAcc.featuredAppAccWrapper,
    .graphAccordion.docAccordion.colAccordion.featuredAppAccWrapper    {
        width: 88%;
    }
    .columnarContent .rightTextData {
        padding-left: 0;
    }
    .columnarContent .columnarUseCase {
        width: 90%;
        float: none;
    }
    .colAccordion .leftTextData,
    .colAccordion .rightTextData {
      width: 50%;
      float: left;
    }
    .keyValueContent {
        display: block;
    }
    .keyValueContent .leftTextData,
    .keyValueContent .rightTextData {
        display: block;
        vertical-align: unset;
    }
    .columnarUseCase {
        width: 50%;
        float: left;
    }
    .keyvalueImage {
        width: 50%;
        float: left;
        margin-top: 30px;
    }
}
@media screen and (min-width:768px)  {
    .dataGraphCase {
        margin-top: -70px;
    }
    .keyValueWrapper h2 , .keyValueWrapper .newFeaturedInner figure {
        text-align: center;
    }
}