/* Digital marketing singapore page */
  .footer_contact_bg .footer_contact .action a.btn {
      background-color: #e84545;
      border: 2px solid #e84545;
      border-radius: 0;
      color: #fff;
      display: inline-block;
      font-size: 24px;
      font-weight: 500;
      line-height: 60px;
      padding: 0 20px;
      text-transform: uppercase;
      transition: all 0.3s ease-in-out 0s;
  }
  .footer_contact_bg {
      background-color: #e6e7e8;
      background-image: url(https://www.brainvire.com/wp-content/themes/brainvire/images/bg-icon.png);
      background-position: 0 bottom;
      background-repeat: no-repeat;
      padding: 30px 0;
  }
  .menastack-header{
    background:url(https://www.brainvire.com/sg/digital-marketing/img/banner.png) no-repeat  100% -1% / cover ;
    height:515px;
    position:relative;
    z-index:99;
    float: left;
    width: 100%;
  }
  .meanstack{float: left;width: 100%;}
  .menastack-header::after {
    background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
  }
  .menastack-header .meanstack-container {
    overflow: visible;
  }
  .mean-headerdata {
    position: relative;
    top: 100px;
  }
  .meanstack-container{
    max-width:1280px;
    width:100%;
    margin:0 auto;	
    overflow:hidden;
    clear:both;
    position: relative;
    z-index: 9;
  }
  .meanstack-container .mean-iphone{width: 100%;}
  .menastack-header h1 {
    color: #fff;
    font-family: "Roboto Condensed",sans-serif;
    font-size: 35px;
    line-height: 45px;
    margin: 0 0 15px 0;
    text-transform: uppercase;
    font-weight: bold; 
    
  }
  .meanstack_squer{padding: 10px;border: 1px solid #fff;position: relative;}
  .meanstack_squer::after {
      background: rgb(255, 255, 255) none repeat scroll 0 0;
      content: "";
      height: 1px;
      position: absolute;
      right: -19px;
      top: 50%;
      width: 19px;
  }
  .mean-pos {
    bottom: auto;
    left: 0;
    position: absolute;
    right: 0;
    top: 16%;
    width: 100%;
  }
  .mean-table {
    display: table;
    height: 100%;
    width: 100%;
  }
  .mean-cell {
    display: table-cell;
    text-align: left;
    vertical-align: middle;
  }
  .mean-headerdata p{
    font-family: 'Roboto', sans-serif;
    font-weight:400;
    font-size:24px;
    color:#ffffff;
    line-height:32px;
    padding:0 0 39px 0 ;
    position:relative;
  }
  .mean-headerdata p::after {
    background: #b7b7b7 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    max-width: 524px;
    position: absolute;
    right: 0;
    width: 100%;
  }
  .streamline h2{
    color:#ffffff;
    font-size:30px;
    line-height:45px;
    font-family: 'Roboto Condensed', sans-serif;	
    margin:18px 0 0 0;
  }
  .meanstack-services{
    background:#01b5b6;
    padding: 40px 0px;
    overflow:hidden;
    clear:both;
  }
  .service_img_mean img {
    box-shadow:0 3px 9px #808080;
    max-width:100%;
  }
  .meanstack-services .servicetitle h3,.lending_ecommerce {
    color: #fff;
    font-family: "Roboto Condensed",sans-serif;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0.2px;
    line-height: 20px;
    margin: 23px 0 0 0;
    border-bottom: 1px solid #ccffe4;
    padding:0 0 14px 0;
  }

  .meanstack-services .servicetitle h4{
    margin: 38px 0 0 0;
    font-family: 'Roboto Condensed', sans-serif;
    font-size:30px;
    line-height:36px;
    color:#fff;	
    text-transform:uppercase;
          font-weight: bold;
  }
  .meanstack-services .servicetitle p{
    font-family: 'Roboto', sans-serif;
    font-size:16px;
    line-height:20px;
    color:#fff;
    margin: 18px 0 0;
    font-weight: normal;
  }
  .meanstack-box {
    padding-top: 58px;
    padding-bottom:13px;
  }
  .meanstack-box h1{
    font-size:30px;
    line-height:32px;
    color:#414042;
    font-family: 'Roboto', sans-serif;
    font-weight:600;
    text-transform:uppercase;
    margin:0 0 63px 0;
    text-align: center;
  }
  .mean-top {
    background: #01b5b6 none repeat scroll 0 0;
    max-width: 210px;
    padding: 5px;
    text-align: center;
    width: 100%;
    margin: 15px auto 0;
  }
  .meanfourbox {
    padding: 10px;
    clear: both;
    overflow: hidden;
    margin-bottom:21px;
    position: relative;
  }
  .meanfourbox_hover{display: block;height: 280px;transition:  all 0.4s ease-in-out;float: left;padding: 4px;}
  .meanfourbox:hover .meanfourbox_hover{background: #01b5b6;transition:  all 0.4s ease-in-out;box-shadow: 0px 0px 7px #60584E;}
  .meanfourbox:hover .meanfourbox_hover p{color:#fff;transition:  all 0.4s ease-in-out;}
  .meanfourbox:hover .meanfourbox_hover .mean-bottom a{color: #fff;}
  .cruv-left:before{position: absolute;content: '';height: 40px;width: 2px;background: #01b5b6;top: 0px;left: 0px;}
  .cruv-left:after{position: absolute;content: '';height: 2px;width: 40px;background: #01b5b6;top: 0px;left: 0}
  .cruv-right:before{position: absolute;content: '';height: 40px;width: 2px;background: #01b5b6;top: 0px;right:  0px;}
  .cruv-right:after{position: absolute;content: '';height: 2px;width: 40px;background: #01b5b6;top: 0px;right: 0;}
  .cruv-left-bottom:before{position: absolute;content: '';height: 40px;width: 2px;background: #01b5b6;bottom: 0px;right:  0px;}
  .cruv-left-bottom:after{position: absolute;content: '';height: 2px;width: 40px;background: #01b5b6;bottom: 0px;right: 0;}
  .cruv-right-bottom:before{position: absolute;content: '';height: 40px;width: 2px;background: #01b5b6;bottom:0px;left: 0px;}
  .cruv-right-bottom:after{position: absolute;content: '';height: 2px;width: 30px;background: #01b5b6;bottom: 0px;left: 0}

  .meanfourbox p {
    color: #404042;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    line-height: 20px;
    padding: 10px;
    padding-top: 18px;
    /*text-align: justify;*/
    text-align: center;
    transition: all ease-in-out 0.4s;
    font-weight: normal;
  }
  .mean-bottom a{
    font-size:15px;
    line-height:20px;
    font-family: 'Roboto', sans-serif;
    color:#00b5b5;
    text-transform:uppercase;
    padding: 7px 15px;
    display:block;
    transition:all 0.3s ease 0s;	
    -webkit-transition:all 0.3s ease 0s;
    -moz-transition:all 0.3s ease 0s;
    o-transition:all 0.3s ease 0s;
  }
  .mean-bottom {position: absolute;left: 50%;transform: translate(-50%);bottom: 4%;}
  .mean_work {
    margin: 35px 0 0 0;
  }
  .mean_work a{
    width: 184px;
    margin:0 auto;
    text-align:center;
    font-family: "Roboto",sans-serif;
    font-size: 18px;
    line-height: 20px;
    font-weight:700;
    color:#fff;
    display:inline-block;
    padding: 15px 20px;
    margin-right: 15px;
    transition:all 0.3s ease 0s;	
    -webkit-transition:all 0.3s ease 0s;
    -moz-transition:all 0.3s ease 0s;
    o-transition:all 0.3s ease 0s;
      text-decoration:none;

  }
  .meanstack-container h5 {font-weight:bold;}
  .mean_work a.btn-white{background: #fff;color:#00b5b5;  border:1px solid #fff;text-decoration: none; }
  .mean_work a.btn-sky{background:#00b5b5;color: #fff;   border:1px solid #00b5b5;text-decoration: none;}
  .mean_work a.btn-white:hover{background:#00b5b5;color:#fff;border:1px solid #00b5b5; }
  .mean_work a.btn-sky:hover{background:#fff;color:#00b5b5;border:1px solid #fff; }
  .meansstack-developement{
    text-align:center;
    background-image:url(https://www.brainvire.com/sg/digital-marketing/img/fourback.png);
    background-repeat: no-repeat;
    background-size:cover;
    height:380px;
    padding-top:57px;
  }
  .meansstack-developement h1{
    margin:0;
    color:#fff;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight:600;
    font-size:35px;
    line-height:38px;
    margin:0 0 35px 0;
        
  }
  .meansstack-developement p {
    color: #f7f7f7;
    font-family: "Roboto",sans-serif;
    font-size: 18px;
    line-height: 23px;
    margin: 0 auto;
    max-width: 1180px;
    width: 100%;
    font-weight: normal;
  }
  .mean-success span {
    background: #00b5b5 none repeat scroll 0 0;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: "Roboto",sans-serif;
    font-size: 18px;
    line-height: 20px;
    margin-top: 39px;
    padding: 20px 40px;
    text-align: center;
    transition:all 0.3s ease 0s;	
    -webkit-transition:all 0.3s ease 0s;
    -moz-transition:all 0.3s ease 0s;
    o-transition:all 0.3s ease 0s;
  }
  .mean-success span:hover {
    background: #fff;
    color: #00b5b5;
  }
  .meanstack-benefit h1 {
    font-family: "Roboto Condensed",sans-serif;
    font-size: 30px;
    text-align: center;
    margin: 0 0 45px;
  }
  .meanstack-benefit .meanstack-container .row{margin: 0px;}
  .meanstack-benefit .meanstack-container .benefit-box{box-shadow: 0px 0px 5px 3px #e7e7e9;}
  .meanstack-benefit {
    padding-top: 60px;
  padding-bottom: 15px;
  }

  .benefit-box-green .benefit-box {
    padding-left: 18px;
    padding-top:23px;
    min-height: 189px;
  }
  .benefit-box-green .benefit-box h5{
    font-family: "Roboto Condensed",sans-serif;
    font-size:18px;
    line-height:22px;
    margin-bottom:5px;
          font-weight: bold;
  }
  .meanstack-container h4 {font-weight: bold;} 
  .benefit-box-green .benefit-box p{
    font-family: "Roboto",sans-serif;
    font-size: 15px;
    line-height:22px;
    font-weight: normal;
  }
  .benefit-box-area .benefit-box {
    background: #fff;
    padding-left: 18px;
    padding-top:23px;
    min-height: 189px;
  }
  .benefit-box-area .benefit-box h5{
    font-family: "Roboto Condensed",sans-serif;
    font-size:18px;
    line-height:22px;
    margin-bottom:5px;
  }
  .benefit-box-area .benefit-box p{
    font-family: "Roboto",sans-serif;
    font-size: 16px;
    line-height:22px;
    color:#1c1e24;
    font-weight: normal;
  }
  .benefit-box h1{
    font-size:18px;
    line-height:20px;
    font-family: "Roboto",sans-serif;
    font-weight:700;
    color:#fff;
  }
  .benefit-box {
    margin-bottom: 20px;
  }
  .meanstackreason-choose {
    background: #00b5b5 none repeat scroll 0 0;
    padding-top: 59px;
    padding-bottom: 35px;
  }
  .meanstack-more-reason ul:before{content: '';position: absolute;width: 1px;height: 88.6%;background: #fff;left: -13px;top: 25px;}
  .meanstack-more-reason h1 {
    border-bottom: 1px solid #fff;
    color: #fff;
    font-family: "Roboto Condensed",sans-serif;
    font-size: 30px;
    font-weight: 600;
    line-height: 38px;
    margin-bottom: 0;
    padding-bottom: 15px;
    text-transform: uppercase;
  }
  .meanstack-line {
    position: relative;
    top: -530px;
    display:none;
  }
  .meanstack-line-inner {
    background: #fff none repeat scroll 0 0;
    bottom: auto;
    height: 1px;
    position: absolute;
    right: 0;
    top: 100px;
    width: 64%;
  }
  .meanstack-more-reason ul{
    margin:0;
    padding:5px 0 0 0;
    list-style:none;
    position: relative;
  }
  .meanstack-more-reason ul li{
    list-style:none;
    font-size:18px;
    line-height:37px;
    font-family: "Roboto",sans-serif;
    color:#fff;
    margin-bottom: 28px;
    background:url(https://www.brainvire.com/sg/digital-marketing/img/means-arrow.png) no-repeat;
    height:40px;
    padding-left:50px;
    position: relative;
    font-weight: normal;
  }
  .meanstack-more-reason ul li::before {
      background: rgb(255, 255, 255) none repeat scroll 0 0;
      content: "";
      height: 2px;
      left: -13px;
      position: absolute;
      top: 50%;
      width: 14px;
  }
  .meanstack-best{
    background:#fb9b5b;
    background-size:cover;
    height:340px;	
    text-align:center;
    padding-top:60px;
  }
  /*.meanstack-best::before {
    background: rgba(241, 242, 242, 0.2) none repeat scroll 0 0;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
  }*/
  .meanstack-best h1{
    color:#fff;
    font-size:30px;
    line-height:35px;
    text-transform:uppercase;	
    font-family: "Roboto Condensed",sans-serif;
    margin:0 0 35px 0;
  }
  .meanstack-best p{
    font-family: "Roboto",sans-serif;
    font-size:16px;
    line-height:20px;
    color:#fff;
    font-weight: normal;
  }
  .meanstack-world h1 {
    background: #00b5b5;
    color: #fff;
    font-family: "Roboto Condensed",sans-serif;
    font-size: 20px;
    margin: 0;
    padding: 30px 20px;
    text-align: center;
    text-transform: uppercase;
    width: 90%;
    margin: 0 auto;
  }
  .meanstack-world {
    margin-top:-40px;
    padding-bottom:30px;
  }

  .meanworld {
    background: #f1f2f2 none repeat scroll 0 0;
    margin-bottom: 15px;
    min-height: 130px;
    padding-top: 45px;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #ddd;
  }
  .world-row {
    padding-top: 34px;
    float:left;
  }
  .meanstack-container .world-row div[class*="col-"]{padding: 2px;}
  .meanstack-world .meanstack-container .world-row div[class*="col-"]{padding: 0px 15px;}
  .meanstack-adv{
    background:url(https://www.brainvire.com/sg/digital-marketing/img/adv-gain.png) no-repeat;
    background-size:cover;
    /*height:461px;	*/
    position:relative;
    margin-bottom:35px;
  }
  .gainmean {
    background: #fff none repeat scroll 0 0;
    color: #333132;
    font-family: "Roboto Condensed",sans-serif;
    font-size: 16px;
    line-height: 22px;
    max-width: 45%;
    width: 45%;
    padding: 35px;
    text-transform: uppercase;
    position: absolute;
    top: 40px;
  }
  .full-first-mean {
    background: #155858;
    bottom: 0;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    padding:10px 25px;
  }
  .gain-mean-area{
    position:relative;
  }
  .mean-gaining-sub{
    padding-top:182px;	
  }
  .gain-mean-area h1 {
    border-bottom: 1px solid #fff;
    color: #ffffff;
    font-family: "Roboto Condensed",sans-serif;
    font-size: 30px;
    line-height: 32px;
    margin-bottom: 24px;
    padding-bottom: 15px;
  }

  .mean-gaining-sub p{
    font-family: "Roboto",sans-serif;
    font-size:16px;
    line-height:22px;
    color:#fff;
    font-weight: normal;
  }
  .gain-mean-area .full-first-mean h1{
    border-bottom: 1px solid #fff;
    color: #ffffff;
    font-family: "Roboto Condensed",sans-serif;
    font-size: 16px;
    line-height:22px;
    text-transform:uppercase;
  }
  .full-first-mean ul {
    padding:0;
    margin-top:20px;
      
  }
  .full-first-mean ul li{
    list-style:none;	
    background:url(https://www.brainvire.com/sg/digital-marketing/img/rightarrow.png) no-repeat scroll left 6px;
    color:#fff;
    font-family: "Roboto",sans-serif;
    font-size:14px;
    line-height:22px;
    margin-bottom:15px;
    padding-left:30px;
    font-weight: normal;
  }
  .mean-divverse-area{
    background:url(https://www.brainvire.com/sg/digital-marketing/img/builapp.jpg) no-repeat;
    height:582px;
      position:relative;	
    padding-bottom:20px;	
  }
  .mean-divverse-area-inner h1 {
    color: #ffffff;
    font-family: "Roboto Condensed",sans-serif;
    font-size: 30px;
    line-height: 35px;
    margin: 0;
    padding-left: 26px;
    font-weight:600;
    text-transform: uppercase;
  }
  .mean-divverse-area-inner {
    height: 100%;
    position: relative;
    z-index: 99;
  }
  .mean-divverse-area::after {
    background: rgba(0, 181, 181, 0.75) none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
  }
  .mean-divverse-area-inner p {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #fff #fff #fff -moz-use-text-color;
    border-image: none;
    border-style: solid solid solid none;
    border-width: 1px 1px 1px 0;
    color: #fff;
    font-family: "Roboto",sans-serif;
    font-size: 16px;
    line-height: 22px;
    margin-top: 30px;
    max-width: 477px;
    padding: 30px 0 30px 26px;
  }
  .mean-divverse-area-inner-sub {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
  }
  .mean-divverse-area-inner-sub-table {
    display: table;
    height: 100%;
    width: 100%;
  }
  .mean-divverse-area-inner-sub-cell {
    display: table-cell;
    text-align: left;
    vertical-align: bottom;
  }
  .mean-divverse-area-inner-sub-cell p{color:#797979;text-align: center;font-family: "Roboto Medium",sans-serif;font-weight: normal;font-size: 18px;}
  .mean-divverse-area-inner-sub-cell h1{text-align: center;font-family: "Roboto";font-size: 25pt;margin-bottom: 20px;}
  .meanstack-diverse-img{width: 100px;height: 100px;border-radius: 50%;display: table;margin: 0 auto;background: #01b5b6;margin-bottom: 25px;transform: translate(-50%);-moz-transform: translate(-50%);-webkit-transform: translate(-50%);position: absolute;left: 50%;top: -14%;}
  .meanstack-diverse-img-align{display: table-cell;vertical-align: middle;text-align: center;}
  .meanstack-diverse-img img{max-width: 70px;
    max-height: 70px;}
  .box-divesrse-mean {
    background: #fff none repeat scroll 0 0;
    float: left;
    margin: 10px 1% 20px 0;
    min-height: 253px;
    padding-bottom: 10px;
    padding-top: 35px;
    text-align: center;
    width: 24%;
    position: relative;
  }
  .meanstack-diverse-title h5,.search_tag{
    color:#333132;
    font-family: "Roboto",sans-serif;
    font-size: 18px;
    line-height: 24px;
      margin-bottom: 0px;    
  }

  .meanstack-diverse-des {
    color: #58595b;
    font-family: "Roboto-Regular",sans-serif;
    font-size: 14px;
    line-height: 17px; 
    font-weight:400;
    text-align: justify;
  }
  .meanstack-userexp{
    background:url(https://www.brainvire.com/sg/digital-marketing/img/back-mean.png) no-repeat;
    background-size:cover;
    height:670px;	
    position:relative;
    padding-top:40px;
    background-position: right;
  }
  .desktop-imgae-mean {
    background: rgba(0, 0, 0, 0) url("https://www.brainvire.com/sg/digital-marketing/img/desktopmean.png") no-repeat scroll 0 0;
    bottom: 0;
    float: left;
    height: 576px;
    left: 0;
    position: absolute;
    right: 0;
    top: 40px;
    width: 50%;
  }
  .use-mean-list {
    background:rgba(0,0,0,0.7);
      box-shadow: 0 0 4px 2px rgba(8, 0, 17, 0.13);		
  }

  .use-mean-list-row p {
    color: #fff;
    font-family: "Roboto",sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
    padding-left: 30px;
  }
  .use-mean-list-row h5{
    color:#f0efb8;
    font-family: "Roboto Condensed",sans-serif;
    font-size: 18px;
    line-height: 22px; 	
    padding-left: 30px;
    background:url(https://www.brainvire.com/sg/digital-marketing/images/mean-tri.png) no-repeat;
    text-transform: uppercase;
  }
  .use-mean-list-row {
    border-bottom: 1px solid #f1f2f2;
    padding:26px 13px 13px;
  }

  .use-mean-list:last-child div:last-child {
    border: 0 none;
  }
  .use-mean-list {
    padding-bottom: 30px;
  }
  .meanstack-userexp-info h2{
    font-family: "Roboto Condensed",sans-serif;
    color: #00b5b5;
    font-size: 40px;
    margin-bottom: 10px;
    text-transform: uppercase;
  }
  .meanstack-userexp-info h3{
    font-family: "Roboto Condensed",sans-serif;
    color: #1d4b4b;
    font-size: 50px;
    margin-bottom: 25px;
    text-transform: uppercase;
  }
  .meanstack-userexp-info p{
    font-family: "Roboto",sans-serif;
    font-size: 16px;
    color: #231f20;
    line-height: 25px;
    font-weight: normal;
    width: 70%;
  }
  .meanstack-framework {
    background:url(https://www.brainvire.com/sg/digital-marketing/img/texturemean.png) no-repeat;
    height:593px;
    background-size:cover;
      padding-top: 40px;			
  }
  .meanstack-container h3{font-weight: bold;}
  .meanstack-framework h1 {
    color:#fff;
    font-family: "Roboto Condensed",sans-serif;
    font-size: 30px;
    line-height: 33px; 
    text-align:center;	
    text-transform:uppercase;
    margin:0 0 20px 0;
  }
  .meanstack-framework p{
    color: #fff;
    font-family: "Roboto",sans-serif;
    font-size: 18px;
    font-weight: 400;
    text-align:center;	
    line-height: 23px;
    
  }
  .framework-list-row{
    padding-top:40px;
      
  }
  .framelist-container{
    max-width:1200px;
    width:100%;
    margin:0 auto;	
  }
  .framework-list h6{
    color:#fff;
    font-family: "Roboto Condensed",sans-serif;
    font-size: 18px;
    line-height:22px; 
    padding-left:40px;
    text-transform:uppercase;
  }
  .framework-list p{
    color: #fff;
    font-family: "Roboto",sans-serif;
    font-size: 15px;
    font-weight: 400;	
    line-height:22px; 
    text-align:left;
    padding-left:39px;
  }
  .framework-list {
    border: 1px solid #fff;
    margin: 0 20px 20px;
    min-height: 180px;
    padding: 11px 11px 21px;
    position: relative;
  }
  .fram-mean-images {
    bottom: 0;
    display: table;
    height: 80px;
    left: -34px;
    width: 73px;
    position: absolute;
    right: 0;
    /* top: 27%; */
    /* width: 100%; */
    top: 50%;
    transform: translate(0%, -50%);
  }
  .fram-mean-images-cell {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
  }
  .fram-mean-images-table {
    background: #fff;
    display: table;
    height: 100%;
    width: 100%;
  }
  .meanstack-database{
    background:#f1f2f2;
    padding-top:50px;	
    
  }

  .meanstack-database h1{
    color:#414042;
    font-family: "Roboto Condensed",sans-serif;
    font-size: 35px;
    line-height:38px; 
    text-align:center;
    text-transform:uppercase;
    margin:0 0 15px 0;
  }

  .meanstack-database p{
    color: #1d4b4b;
    font-family: "Roboto",sans-serif;
    font-size: 18px;
    font-weight: normal;	
    line-height:22px;
    text-align:center;
    margin:0 0 35px 0;
  }

  .databasemean-boxes-row h6{
    min-height:45px;
    color:#1d4b4b;
    font-family: "Roboto Condensed",sans-serif;
    font-size: 18px;
    line-height:22px; 
    text-align:center;
  }
  .databasemean-boxes-row p{
    color:#1d4b4b;
    font-family: "Roboto",sans-serif;
    font-size: 14px;
    line-height:20px; 
      font-weight:normal;
    text-align:justify;
    margin:0;
    padding: 0px 10px 10px 10px;
  }
  .databasemean-circle {
    background: #fff none repeat scroll 0 0;
    border-radius: 50%;
  -webkit-box-shadow:0 1px 4px 3px rgba(8,0,17,0.13);
  -moz-box-shadow:0 1px 4px 3px  rgba(8,0,17,0.13);
  box-shadow: 0 1px 4px 3px rgba(8,0,17,0.13);
    height: 122px;
    margin:-70px auto 15px;
    text-align: center;
    width: 122px;
  }

  .breadcrumbsMain .container{width: 1280px;}
  .databasemean-boxes-row  {
    background: #fff none repeat scroll 0 0;
    border:1px solid #c7c8ca;
    min-height:280px;
  }
  .databasemean-boxes {
    float: left;
    margin-top: 60px;
    width: 100%;
    margin-bottom:20px;
  }
  .databasemean-circle-table {
    display: table;
    height: 100%;
    width: 100%;
  }
  .databasemean-circle-cell {
    display: table-cell;
    vertical-align: middle;
  }
  .meanstack-diverse {
    padding-bottom: 30px;
  }
  .meanstack-diverse  .meanstack-container .row{margin: 0px;}
  .meanstack-diverse  .meanstack-container .box-divesrse-mean{min-height: 274px;box-shadow: 0px 0px 7px 1px #ddd;}
  .meanstack-diverse  .meanstack-container .box-divesrse-mean .meanstack-diverse-title, .meanstack-diverse  .meanstack-container .box-divesrse-mean .meanstack-diverse-des{padding: 10px;padding-top: 0px;}
  .box-diverse-martop{margin-top: 90px;}
  .meanstack-diverse  .meanstack-container .box-diverse-martop .meanstack-diverse-title{padding-top: 40px;}
  /*End Means-Stack */


  .mean_work a.btn-sky {
      background: #00b5b5;
      color: #fff;
      border: 1px solid #00b5b5;
      text-decoration: none;
  }
  /* 11march2020 */
  .Seo-service-new .box-divesrse-mean {  width: 100%;}
  .meansstack-developement.new-digital-agency{height: 100%;padding: 55px;}
  .menastack-header.new-digital-banner .mean-headerdata.row {
    position: static;height: 100%;}
    .menastack-header.new-digital-banner .meanstack-container{height: 100%;}
    .menastack-header.new-digital-banner .mean-pos{top: auto;height: 100%;}
    .new-digital-banner .mean_work a{width: 200px;}
    .menastack-header.new-digital-banner {
      background: url(https://www.brainvire.com/sg/digital-marketing/img/banner_digital.jpg) no-repeat 100% 0% / cover;}
    .What_develop_for .full-first-mean:after {  background: #155858;  bottom: 0;  height: 100%;      position: absolute;      right: 0;      top: 0;      display: block;      content: "";      width: 100%;      z-index: -1;  }  .What_develop_for .full-first-mean{position: relative;}
    .meanstack-userexp.after_working_with{height: auto;}
    .meanstack-box.white_logo {padding: 50px 0;}
    .mean-top > * {color: #fff;}
    .New-digital-ranking .framework-list{    min-height: auto;padding: 11px;    height: 100%;
      margin: 0px 20px 0 20px;}
    /* .meanstack-framework.New-digital-ranking{height: 670px;} */
  .Seo-service-new .box-diverse-martop {margin-top: 70px;float: left;  width: 100%;  display: flex;flex-wrap: wrap;}
  .Seo-service-new .box-diverse-martop > div { margin-bottom: 80px;}
  .meanstack-diverse.Seo-service-new .meanstack-container .box-divesrse-mean,.new-digital-campaigns .databasemean-boxes-row{min-height: auto;height: 100%;}
  .new-digital-campaigns .databasemean-boxes{margin-bottom: 0px;    margin-top: 25px;}
  .new-digital-campaigns .databasemean-boxes .row {margin-bottom: 50px;}
  .meanstack-diverse .meanstack-container .row.last_row { margin-bottom: 30px;}
  .New-digital-ranking .framework-list-row,.new-digital-campaigns .databasemean-boxes .row{ padding-top: 40px;  float: left; display: flex;  flex-wrap: wrap;}
  .New-digital-ranking .framework-list-row .col-md-6 {margin-bottom: 20px;}
  .new-digital-campaigns .databasemean-boxes-row {  padding: 7px;}
  .white_color{color: #fff;}
  .meanstack-benefit.web-mobile-techno .row { display: flex;  flex-wrap: wrap;}
  .meanstack-benefit.web-mobile-techno .meanstack-container .benefit-box{height: 100%;}
  .meanstack-benefit.web-mobile-techno .benefit-box-green, .meanstack-benefit.web-mobile-techno .benefit-box-area {margin-bottom: 30px;}
  .meanstack-benefit.web-mobile-techno > div .benefit-box{padding: 20px;}
  .white_logo .meanfourbox_hover .mean-top >* {margin-top: 0;    padding: 10px 0;}
  .new-strategy .meanfourbox_hover,.new-strategy .meanfourbox{height: 100%;}
  .new-strategy .row { display: flex;}
  p.remove_extra_space {
    padding: 0;
  }
  .qodef-portfolio-list-holder-outer.qodef-ptf-standard article {text-align:center;}
  /* 11march2020 end */
/* Digital marketing singapore page end*/

  @media(max-width: 1366px){
    span.create_fi {
      max-width: 521px;
    }
  
    .bene-img {
      max-width: 50px;
    }
    .menastack-header.new-digital-banner{height: 570px;}
  }
  @media(min-width:1281px){
    .meanfourbox p{
      min-height:95px;  
    } 
    .new-strategy .meanfourbox p {
      min-height: auto;
      height: auto;
  }
  }
  @media (max-width: 1280px){
  .meanstack-container {
      padding: 0 10px;
  }
  .menastack-header h1 {
      font-size: 38px;
      line-height: 45px;
  }
  .mean-headerdata.row{
    margin:0; 
  }
  .menastack-header h1 {
    font-size: 38px;
    line-height: 45px;
  }
  .mean-headerdata p{
    font-size:22px; 
  }
  .meanstack-services .servicetitle h4 {
    font-size: 24px;
    line-height: normal;
  }
  .meanstack-services .servicetitle p{
    font-size:14px; 
  }
  .meanfourbox p br{
    display:none;   
  }
  .meanfourbox p{
    font-size:15px; 
    min-height:95px;
  }
  .meanstack-container{
    padding:0 10px; 
  }
  .meansstack-developement p{
    font-size:17px; 
  }
  .meansstack-developement p br {
    display: none;
  }
  .meanstackreason-choose img {
    /*margin-top: 65px;*/
    max-width: 100%;
  }
  .meanstack-more-reason h1{
    font-size:23px;
    line-height:28px; 
  }
  .meanstack-more-reason ul li{
    line-height:23px; 
  }
  .meanstack-more-reason ul {
    padding: 20px 0 0;
  }
  .meanstack-best p br {
    display: none;
  }
  .meanstack-best h1{
    font-size:28px; 
    margin:0 0 20px 0;
  }
  .meanstack-best p br,.meanstack-diverse-des br,.use-mean-list-row p br,.meanstack-database p br,.framework-list h6 br,.meanstack-framework p br {
    display: none;
  }
  .gain-mean-area h1{
    font-size:25px; 
  }
  .box-divesrse-mean{
    padding-top:29px; 
    min-height:293px;
  }
  .meanstack-diverse-des{
    min-height:100px; 
  }
  .meanstack-userexp{
    height:auto;  
  }
  .desktop-imgae-mean{
    background-size:499px auto; 
  }
  .use-mean-list-row h5{
    font-size:15px; 
  }
  .use-mean-list-row {
    padding: 16px 13px 0;
  }
  .meanstack-framework{
    
    height:819px; 
  }
  .meanstack-framework p{
    font-size:15px;
    line-height: 20px; 
  }
  .meanstack-database h1{
    font-size:30px; 
  }
  .databasemean-boxes-row p{
    font-size:14px;
    padding:0 10px;  
  }
  .meanfourbox{
    min-height:205px;  
  }
  .framelist-container {
    padding: 0 0 0 20px;
  }
  .framework-list{
    min-height:230px; 
  }

  .meanstack_squer {margin-top: 60px}
  }
  @media(max-width:1024px){
    .mean-bottom a{padding: 0px;}
    .full-first-mean {position: relative;}
    }
  @media screen and (min-width:767px) and (max-width:1024px) {
    .qodef-portfolio-list-holder-outer.qodef-ptf-standard article {max-width:300px}
   }
  @media (max-width: 1023px){
    .meansstack-developement h1{
      font-size:28px;
      margin:0 0 15px;  
        
    }
    .meanstack-benefit h1{
      font-size:28px; 
    }
    .benefit-box{
      text-align:center;  
    }
    .meanstackreason-choose{
      padding-top:30px; 
    }
    .meanstackreason-choose img {
      display: block;
      margin: 0 auto;
      text-align: center;
    } 
    .meanstack-world{
      margin-top: 20px;
    }
    .meanstack-world h1 {
        font-size: 15px;
      padding: 23px 15px;
    }
      .meanstack-best{
      padding-top:40px;  
    }
    .meanstack-best p{
      font-size:15px; 
    }
    .world-row{
      width:100%; 
    }
    .world-row.row {
        margin: 0;
    }
    .world-row .col-md-3 {
      float: left;
      width: 33%;
    }
    .meanstack-adv{
      padding-bottom:25px;  
    }
    .box-divesrse-mean {
        min-height: 302px;
      padding-left: 15px;
      padding-right: 15px;
    }
    .desktop-imgae-mean {
      background-size: 576px auto;
      margin-bottom: 30px;
      position: relative;
      width: 100%;
      top:0;
    }
    .meanstack-userexp {
      padding-bottom: 20px;
    }
    .meanstack-framework {
    /*  height: 100%;*/
      padding-bottom: 10px;
    }
    .framework-list{
      min-height:200px; 
    }
    .meanstack-framework h1{
      font-size:25px; 
    }
    .meanstack-database h1{
      font-size:22px;
      line-height:normal; 
    }
    .meanstack-database p{
      font-size:17px; 
    }
    .databasemean-boxes-row{
      margin-bottom:90px; 
    }
    .new-digital-campaigns .databasemean-boxes-row{margin-bottom: auto;padding: 20px 10px;}
    .new-digital-campaigns .meanstack-container .databasemean-boxes {
      margin-top: 70px;
  }
  .benefit-box {
      text-align: center;
  }
  .meanstack-best p {
      font-size: 15px;
  }
  .world-row {
      width: 100%;
  }

  .box-divesrse-mean {
      min-height: 302px;
      padding-left: 15px;
      padding-right: 15px;
  }
  }
  @media screen and (max-width: 1023px) and (min-width: 991px) {
    
    .desktop-imgae-mean {
      background-size: 490px auto;
      position: absolute;
      width: 50%;
      top:40px;
    }
    .databasemean-boxes-row{
      min-height:350px;
      margin-bottom:30px; 
    }
  }
  @media (max-width: 991px) {
    .meanstack-services .servicetitle p {
        margin: 15px 0px;
    }
    .Seo-service-new .box-divesrse-mean {
      height: 100% !important;
    }
    .new-digital-campaigns .databasemean-boxes:last-child {margin-bottom: unset;}
    .new-digital-campaigns .databasemean-boxes .row>div {
      margin-bottom: 90px;
    }
    .new-digital-campaigns .databasemean-boxes .row{margin-bottom: 0;padding-top: 0;}
    .box-divesrse-mean {
        min-height: 355px;
        height: 355px !important;
        width: 48%;padding: 15px;
    }
    .meanstack-more-reason ul::before, .meanstack-more-reason ul li::before, .meanstack_squer::after{content: normal;}
    .gainmean{max-width: 100%;width: 100%;}
    .mean-gaining-sub{padding-top: 155px;}
    .meanfourbox, .meanfourbox_hover{min-height: auto;height: 255px;}
    .meanstack-diverse .meanstack-container .box-divesrse-mean{min-height: auto;height: auto;margin-top: 45px;}
    .box-divesrse-mean{padding: 15px;}
    .meanstack-services .servicetitle p{margin: 15px 0px;}
    .box-divesrse-mean{width: 48%}
    .box-divesrse-mean{min-height: 355px;height: 355px  !important;}
    .databasemean-boxes-row{min-height: 200px;padding-bottom: 20px;}
    }
  @media screen and (max-width: 990px) and (min-width: 300px) {
      .meanstack-framework {
      height: auto !important;
    } 
    .meanstack-framework.New-digital-ranking{
        float: left;
        padding-bottom: 30px;}
        .meansstack-developement.new-digital-agency{float: left;padding: 25px;}
        .meanstack-database.new-digital-campaigns { float: left;      }
    }
  @media(max-width:900px) {
      .bene-img {
        max-width: inherit;
      }
    
      span.create_fi {
        max-width: inherit;
      }
    
      .gainmean {
        padding: 35px 21px;
      }
    }
  @media (max-width: 767px) {
    /* 17march2020 */
    /* .fram-mean-images{top: 36%;} */
    .remove_grid_pad .vc_column-inner {
      padding: 0;
  }
    .meanstack-container h2, .meanstack-container h3, .meanstack-container h5, .meanstack-container h6{    font-size: 23px!important;    line-height: 30px !important;}
    .Seo-service-new .box-diverse-martop {margin-top: 10px;}
    .Seo-service-new .box-divesrse-mean{height: auto !important;}
    .Seo-service-new .box-diverse-martop > div {      margin-bottom: auto; margin-top: 20px; }
    /* 17march 2020 end */
    .meanstack-diverse .meanstack-container .box-divesrse-mean .meanstack-diverse-img{top: -44px;}
    .streamline h2 {
      font-size: 32px;
      font-weight: 600;
      line-height: 45px;
      margin: 18px 0 0;
    }
    .menastack-header h1{
      font-size:35px; 
    }
    .servicetitle p br,.meanstack-best p br,.meanstack-diverse-des br,.use-mean-list-row p br,.meanstack-database p br,.framework-list h6 br,.meanstack-framework p br {
      display: none;
    }
    .meansstack-developement h1 {
      font-size: 24px;
      line-height: normal;
    }
    .meansstack-developement p {
      font-size: 14px;
      line-height: 18px;
    }
    .mean-success span {
      font-size: 14px;
      line-height: 20px;
      margin-top: 20px;
      padding: 10px 30px;
    }
    .meanstack-best h1 {
      font-size: 27px;
      line-height: normal;
    }
    .meanstack-best {
      padding-top: 20px;
      height:auto;
    }
    .world-row .col-md-3 {
      float: none;
      padding: 0;
      width: 100%;
    }
    .meanstack-diverse-des {
      min-height: 0;
    }
    .box-divesrse-mean {
      min-height: 0;
      width: 100%;
      height: auto !important;
    }
    .mean-divverse-area-inner p{
      border:0; 
    }
    .desktop-imgae-mean{
      height:710px;
      background-size:100% auto;  
    }
    .meanfourbox, .meanfourbox_hover{min-height: auto;height: 250px;}
    .meanstack-framework {
    height: auto !important;
  } 

  .meanstack-benefit .meanstack-container .benefit-box {padding: 15px;}
  .menastack-header h1 {
      font-size: 35px;
  }
  .streamline h2 {
      font-size: 32px;
      font-weight: 600;
      line-height: 45px;
      margin: 18px 0 0;
  }
  .meansstack-developement p {
      font-size: 14px;
      line-height: 18px;
  }
  .mean-success span {
      font-size: 14px;
      line-height: 20px;
      margin-top: 20px;
      padding: 10px 30px;
  }
  .box-divesrse-mean {
      min-height: 0;
      width: 100%;
      height: auto !important;
  }
  .meanstack-world {margin-top:0px;}
  .meanstack-best ,.meansstack-developement{height: auto !important;}
  .menastack-header {height:559px;}
  }
  @media(max-width:550px){
    .meanstack-adv .mean-gaining-sub{padding-top: 180px;}
  }
  @media (max-width: 479px) {
    .menastack-header h1 {
      font-size: 24px;
      line-height: normal;
      margin-bottom: 10px;
    }
    .mean-headerdata p {
      font-size: 18px;
      line-height: normal;
      padding-bottom: 10px;
    }
    .streamline h2 {
      font-size: 25px;
      line-height: normal;
    }
    .mean_work a{
      margin:0 auto 10px; 
    }
    .meanstack-services .servicetitle h4{
      font-size:19px; 
    }
    .meanstack-services .servicetitle p {
      margin: 10px 0;
    }
    .meanstack-box h1{
      font-size:26px;
      line-height:26px; 
    }
    .meanstack-benefit h1 {
      font-size: 22px;
      margin-bottom: 20px;
      margin-top: 30px;
      text-align: center;
    }
    .meanstack-more-reason ul li {
      height: auto;
      line-height: normal;
      font-size: 17px;
    }
    .meanstack-best h1 {
      font-size: 24px;
      line-height: normal;
    }
    .mean-gaining-sub {
      padding-top: 140px;
    }
    .gain-mean-area h1 {
      font-size: 24px;
      line-height: normal;
    }
    .mean-divverse-area-inner h1{
      font-size:24px;
      line-height:normal; 
    }
    .mean-divverse-area-inner p {
      padding: 10px 30px;
    }
    .desktop-imgae-mean{
      background-size:100% auto;  
      height:400px;
    }
    .mean-headerdata p br ,.streamline h2 br{
      display: none;
    }
    .meanfourbox, .meanfourbox_hover{min-height: auto;height: 280px;}
    .box-divesrse-mean{width: 100%;margin-right: 0px;}      
  .menastack-header h1 {
      font-size: 24px;
      line-height: normal;
      margin-bottom: 10px;
  }
  .streamline h2 {
      font-size: 25px;
      line-height: normal;
  }
  .mean_work a {
      margin: 0 auto 10px;
  }
  .meanstack-services .servicetitle p {
      margin: 10px 0;
  }
  .box-divesrse-mean {
      width: 100%;
      margin-right: 0px;
  }
  }
 
  
  /*------------------- mean stack page ---------------------*/