.dashboardWrap h4 {
  margin-bottom: 30px;
  padding: 0 20px 0 20px;
}

.soi-grids {
  background: url("/assets/images/bg_grids.jpg") no-repeat -200px 0;
}
.soi-summaries {
  background: url("/assets/images/bg_summaries.jpg") no-repeat -200px 0;
}
.soi-products {
  background: url("/assets/images/bg_products.jpg") no-repeat -200px 0;
}
.soi-extras {
  background: url("/assets/images/bg_soiextras.jpg") no-repeat -200px 0;
}


/* Welcome Form Pages */
.dash-soi {
  background: #fafbfd url("/assets/images/bg_soi_learnmore.jpg") no-repeat bottom right;
}


/* bootstrap xs */
@media (max-width: 767px) {
  .floatBox {
    padding: 6px 30px;
  }
  .dash-soi {
    background-image:none;
  }

}


@media (min-width: 790px) and (max-width: 1050px) {
  .soi-grids {
    background: url("/assets/images/bg_grids.jpg") no-repeat -550px 0;
  }
  .soi-summaries {
    background: url("/assets/images/bg_summaries.jpg") no-repeat -550px 0;
  }
  .soi-products {
    background: url("/assets/images/bg_products.jpg") no-repeat -550px 0;
  }
  .soi-extras {
    background: url("/assets/images/bg_soiextras.jpg") no-repeat -550px 0;
  }
  
  .dash-soi {
    background-image:none;
  }

}

/* close to bootstrap sm & md only */
@media (min-width: 768px) and (max-width: 1050px) {
	
	.dash-soi {
    background-image:none;
  }
  
  /* 790px -> 1050px */   
  @media  (min-width: 790px) {
    .soi-grids {
      background: url("/assets/images/bg_grids.jpg") no-repeat -500px 0;
    }
    .soi-summaries {
      background: url("/assets/images/bg_summaries.jpg") no-repeat -500px 0;
    }
    .soi-products {
      background: url("/assets/images/bg_products.jpg") no-repeat -500px 0;
    }
    .soi-extras {
      background: url("/assets/images/bg_soiextras.jpg") no-repeat -500px 0;
    }
  }
  
  /* 1020px -> 1050px */
  @media  (min-width: 1020px) {
    .soi-grids {
      background: url("/assets/images/bg_grids.jpg") no-repeat -410px 0;
    }
    .soi-summaries {
      background: url("/assets/images/bg_summaries.jpg") no-repeat -410px 0;
    }
    .soi-products {
      background: url("/assets/images/bg_products.jpg") no-repeat -410px 0;
    }
    .soi-extras {
      background: url("/assets/images/bg_soiextras.jpg") no-repeat -410px 0;
    }
  }
  
}

@media  (min-width: 1051px) and (max-width: 1200px) {
  .soi-grids {
    background: url("/assets/images/bg_grids.jpg") no-repeat -400px 0;
  }
  .soi-summaries {
    background: url("/assets/images/bg_summaries.jpg") no-repeat -400px 0;
  }
  .soi-products {
    background: url("/assets/images/bg_products.jpg") no-repeat -400px 0;
  }
  .soi-extras {
    background: url("/assets/images/bg_soiextras.jpg") no-repeat -400px 0;
  }
  
  .dash-soi {
    background-image:none;
  }
}


@media  (min-width: 1200px) and (max-width: 1400px) { 
  /* fix image overlapping problem in this viewport  */
  .dash-soi {
    background: #fafbfd url("/assets/images/bg_soi_learnmore.jpg") no-repeat 78% 9%;
    margin-left: 45px;
  }

}


@media (min-width: 1200px) {
  .dashboardWrap {
    background-position: center top;
  }
}