
.historyTimeline ul p
{
   display:none;
}
.historyContentInner p
{
  display:block!important;
}

.historyImage[data-showimg="N"]
{
  display:none!important;
}


#pageContent .historyTimeline {
  padding-bottom: 30px; }

#pageContent .historyTimeline ul {
  margin: 0;
  padding: 0; }

#pageContent .historyTimeline ul li:before {
  content: "";
  display: none; }

#pageContent .historyTimeline ul li {
  margin: 0;
  padding: 0 0 0 19.7530864%;
  position: relative; }

.historyYear {
  position: absolute;
  top: 0;
  left: 0;
  width: 19.7530864%;
  padding-top: 18px; }

.historyYear h4 {
  margin: 0;
  padding: 0 6px 0 0;
  text-align: right; }

.historyContent {
  background: url(../imgs/history-line.gif) 10px 0 repeat-y;
  padding-left: 40px;
  padding-bottom: 12px;
  position: relative; }

.historyDot {
  position: absolute;
  width: 41px;
  height: 23px;
  background: url(../imgs/history-dot.png) 0 0 no-repeat;
  top: 18px;
  left: 0; }

.historyContentInner {
  border: 1px solid #539cc8;
  padding: 18px;
  overflow: hidden; }

.historyImage {
  width: 239px;
  float: right;
  margin: 0 0 12px 12px; }

.historyContentInner p {
  margin: 0; }

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-device-pixel-ratio: 1.3), only screen and (min-resolution: 192dpi) {
  .historyDot {
    background-image: url(../imgs/history-dot_2x.png);
    background-size: 41px 23px; } }
@media only screen and (min-width: 520px) and (max-width: 759px) {
  .historyImage {
    width: 47.8%; } }
@media only screen and (max-width: 519px) {

.historyDash
{
display:block;
}



  .historyYear {
    padding-top: 12px; }

  .historyDot {
    top: 12px; }

  .historyContentInner {
    padding: 12px; }

  .historyImage {
    float: none;
    width: auto;
    margin-left: 0; } }

