.l-grid-2 {
  width: 33%;
  float: left; 
box-sizing: border-box;    
  background: #fff;
}
.l-grid-2:first-child {
  margin-right: 0%;
}
.l-grid-2 img {
  float: right;
  width: 50%;
  border-top-right-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  -moz-border-top-right-radius: 3px;
  -o-border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -moz-border-bottom-right-radius: 3px;
  -o-border-bottom-right-radius: 3px;
}
.l-grid-2 .desc {
  float: left;
  width: 43%;
  padding: 1.3em;
  margin-top: 0em;
}
.l-grid-2 .desc h3, .l-grid-2 .desc span, .test-desc h3, .footer-left h3, .footer-right h3 {
  color: #fff;
  font-size: 1.2em;
  text-transform: uppercase;
  padding-bottom: 0.8em;
}
.l-grid-2 .desc span {
  font-size: 0.89em;
}
.l-grid-2 .desc p, .test-desc p, .get-left p, .footer-left p, .footer-right p {
  font-size: 0.89em;
  color: #fff;
  line-height: 1.8em;
  padding-top: 0.8em;
}
@media (max-width: 1440px) {
  .l-grid-2 .desc {
    width: 39%;
    padding: 1em;
  }
  .l-grid-2 .desc h3 {
    padding-bottom: 0.2em;
  }
  .l-grid-2 img {
    width: 55%;
  }
}
@media (max-width: 1366px) {
  .l-grid-2 .desc {
    width: 40%;
    padding: 0.5em 1em;
  }
  .l-grid-2 .desc h3 {
    padding-bottom: 0.2em;
  }
  .l-grid-2 img {
    width: 53.6%;
  }
}
@media (max-width: 1280px) {
  .l-grid-2 .desc {
    width: 100%;
    padding: 1em;
    text-align: center;
  }
  .l-grid-2 .desc h3 {
    padding-bottom: 0.2em;
  }
  .l-grid-2 img {
    width: 100%;
  }
}
@media (max-width: 1024px) {
  .l-grid-2 .desc {
    width: 100%;
    padding: 1em;
    text-align: center;
    width: 91%;
  }
  .l-grid-2 .desc h3 {
    padding-bottom: 0.2em;
  }
  .l-grid-2 img {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .l-grid-2 .desc {
    width: 100%;
    padding: 1em;
    text-align: center;
    width: 90%;
  }
  .l-grid-2 .desc h3 {
    padding-bottom: 0.2em;
  }
  .l-grid-2 img {
    width: 100%;
  }
}
@media (max-width: 640px) {
      .l-grid-2 {
    width: 100%;
    float: none;
    margin-bottom: 1em;
  }
  .l-grid-2 .desc {
    width: 100%;
    padding: 1em;
    text-align: center;
    width: 88%;
  }
  .l-grid-2 .desc h3 {
    padding-bottom: 0.2em;
  }
  .l-grid-2 img {
    width: 100%;
  }
}
@media (max-width: 320px) {
  .l-grid-2 .desc {
    width: 100%;
    padding: 1em;
    text-align: center;
    width: 88.3%;
  }
  .l-grid-2 .desc h3 {
    padding-bottom: 0.2em;
  }
  .l-grid-2 img {
    width: 100%;
  }
  .l-grid-2 {
    width: 100%;
    float: none;
    margin-bottom: 1em;
  }
}