#screenshots {
  z-index: 9;
  background: #eff0f0;
  position: relative;
  overflow: hidden;
}
#screenshots .left-side .row.scrollme {
    max-width: 100% !important;
}
#screenshots .right-side {
  background: #F9F9F9;
}
#screenshots .item {
  margin: 40px 0;
}

#screenshots h3 {
  text-align: center;
}


/* RIGHT SIDE	*/

.right-side {
  position: absolute;
  z-index: 90;
  right: 0;
  top: 0;
  bottom: 0;
  height: 100%;
  padding: 20px;
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  transition: all 0.6s;
}
.right-side a {
  color: #272727;
}
.right-side a:hover {
  color: #272727;
}

/* LEFT SIDE	*/

.left-side {
  position: relative;
  left: 0;
  height: 100%;
  min-height: 100%;
  top: 0;
}
.left-side .row {
  height: auto;
  position: relative;
}
.left-side .twelve:first-child {
  margin-left: 2.12766%;
}


#screenshots .list-style {
  font-family: 'Roboto', sans-serif;
  color: #999;
}
#screenshots .list-style i {
  padding-right: 15px;
}
#screenshots .list-style li {
  list-style: none;
  margin: 10px 0;
  color: #ff5000;
  font-size: 20px;
}


@media screen and (max-width: 768px) {
  .left-side {
    width: 100%;
    }
  .right-side {
    position: relative;
    width: 100%;
    text-align: center;
    padding: 80px 20px;
  }
  .right-side h3 {
    line-height: 34px;
  }
  .right-side p::after {
    margin-left: auto;
    margin-right: auto;
  }
  #screenshots .left-side {
    padding: 60px 0px;
    margin: auto;
    text-align: center;
  }
  #screenshots .item {
    margin: 20px 0;
  }
  #screenshots .button {
    margin-right:3px;
    padding:13px 18px;
  }
  #screenshots .list-style {
      padding: 0;
      list-style-type: none;
      text-align: left;
  }
}