.research-library {
  width: 100%;
  overflow: hidden;
  margin: 30px 0 0;
  text-align: left;
  border: 1px solid #eee;
  border-bottom: none;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box; }

.research-library-holder {
  clear: both; }

.research-library-holder .research-library {
  margin: 0 0 -1px 0;
  border-bottom: 1px solid #eee; }

.research-library h2 {
  margin: 0 !important;
  font-size: 24px !important; }

.research-library .left {
  width: 50%;
  float: left;
  padding: 75px 5% !important;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box; }

.research-library .right {
  width: 30%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding: 80px 1% 80px 5% !important;
  border-left: 1px solid #eee;
  float: right;
  background: #fdfdfd url(/images/pattern.png); }

.research-library p.strong {
  font: 400 16px/1.4em 'source sans pro', Arial, sans-serif !important;
  margin: 20px 0 0 !important; }

.research-library .types a {
  color: #000 !important;
  display: inline-block;
  width: 100%;
  margin: 0 0 10px;
  font: normal 16px/1.4em 'source sans pro', Arial, sans-serif; }

.research-library .types {
  margin: 20px 0 0; }

.research-library .types a:hover {
  color: #00a651 !important; }

ul.types li:before {
  display: none; }

ul.types {
  padding: 40px 0 0 0; }

.research-library .more {
  margin: 0 0 20px; }

#col-right .research-library .left, #col-left .research-library .left, #col-right .research-library .right, #col-left .research-library .right {
  width: 100%;
  border-bottom: 1px solid #eee; }

#col-right .research-library .right, #col-left .research-library .right {
  border-left: none; }

/****************************************************************              PC              ***********************************************/
@media screen and (max-width: 1218px) {
  .research-library .right {
    width: 40%; }

  .research-library .right {
    padding: 100px 1% 100px 5%; } }
/****************************************************************              TABLET              ***********************************************/
@media screen and (max-width: 977px) {
  .research-library .left {
    width: 100%;
    padding: 30px 35px !important;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box; }

  .research-library .right {
    width: 100%;
    border-left: none;
    padding: 30px 35px !important;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box; } }
/****************************************************************              MOBILE Landscape             ***********************************************/