.related-content {
  max-width: 1160px;
  margin: 0 auto;
  padding: 0px;
}

.related-content_title {
  font-size: 18px;
  font-weight: bold;
}

.related-content_row {
  display: flex;
  flex-flow: row wrap;
  margin-left: -10px;
}

.rtl .related-content_row {
  margin-left: 0;
  margin-right: -10px;
}

.related-content_row > .related-content_single,
.related-content_row > .related-content_four-by-four {
  flex: 1 auto; 
  width: 45%;
  text-align: left;
  flex-grow: 1;
  justify-content: flex-end;
  margin: 5px;
  position: relative;
}

.rtl .related-content_row > .related-content_single,
.rtl .related-content_row > .related-content_four-by-four {
  text-align: right;
}

.related-content_row > .related-content_small.related-ptm,
.related-content_row > .related-content_small.related-video,
.related-content_row > .related-content_small.related-ph,
.related-content_row > .related-content_small.related-blog,
.related-content_row > .related-content_small.related-article,
.related-content_row > .related-content_small.related-ph {
    flex: 1 auto; 
  width: 45%;
  text-align: left;
  flex-grow: 1;
  justify-content: flex-end;
  margin: 5px;
  position: relative;
}




.related-content_four-by-four {
  display: flex;
  flex-flow: row wrap;
  padding: 0px;
  list-style: none;
}

.related-content_four-by-four.flat-row {
  display: inline-flex;
  flex-flow: row nowrap;
  padding: 0px;
  list-style: none;
  width: 60%;
  margin-bottom: 0;
}

.related-content_four-by-four.flat-row > div:nth-child(2) {
  margin-right: 10px;
}

.rtl .related-content_four-by-four.flat-row > div:nth-child(2) {
  margin-right: 0;
  margin-left: 20px;
}

.related-content_four-by-four .related-content_small {
  flex: 1 auto; 
  width: 40%;
  max-width: 100%;
  text-align: left;
  flex-grow: 1;
  justify-content: flex-end;
  height: auto;
  position: relative;
}

.rtl .related-content_four-by-four .related-content_small {
  text-align: right;
}


.related-content_row .related-content_small img,
.related-content_row .related-content_single img,
.related-content_row .related-content_four-by-four img {
  width: 100%;
  height: 100%;
}


  .related-content_four-by-four .related-content_small:nth-child(-n+2) {
  margin-bottom: 10px;
}

  .related-content_four-by-four .related-content_small:nth-child(odd) {
  margin-right: 10px;
}

  .rtl .related-content_four-by-four .related-content_small:nth-child(odd) {
  margin-right: 0;
  margin-left: 20px;
}

  .related-content_four-by-four .related-content_small:last-child {
    /*! margin-bottom: 20px; */
  }

  .related-content_four-by-four.flat-row .related-content_small:nth-child(-n+2) {
  margin-bottom: 10px;
}

  .related-content_four-by-four.flat-row .related-content_small:nth-child(odd) {
  margin-right: 10px;
  margin-bottom: 10px;
}

  .rtl .related-content_four-by-four.flat-row .related-content_small:nth-child(odd) {
  margin-right: 0;
  margin-left: 20px;
}

  .related-content_four-by-four.flat-row .related-content_small:last-child {
    margin-bottom: 10px;
  }


.related-content_row .related-content_single .related-content_heading:after {
  content: "\f101";
	font-size: 23px;
  font-weight: normal;
  color: #fff;
  margin: 1px 10px;
  position: absolute;
}

.rtl .related-content_row .related-content_single .related-content_heading:after {
  content: "\f100";
}

.related-content_row .related-content_small .related-content_heading:after {
  content: "\f101";
	font-size: 12px;
  font-weight: normal;
  color: #fff;
  margin: 1px 7px;
  position: absolute;
}

.rtl .related-content_row .related-content_small .related-content_heading:after {
  content: "\f100";
}

 .related-video .related-content_icon:after {
   content: "\ea15";
   font-family: 'dk';
}

.related-article .related-content_icon:after  {
  content: "\f036";
  font-family: 'dk';
}

.related-blog .related-content_icon:after  {
  content: "\f036";
  font-family: 'dk';
}

.related-ph .related-content_icon:after  {
  content: "\f0a4";
  font-family: 'dk';
}

.related-ptm .related-content_icon:after {
  content: "\f0a4";
  font-family: 'dk';
}


 .related-blog .related-content_icon:after,
 .related-ph .related-content_icon:after,
 .related-ptm .related-content_icon:after,
 .related-article .related-content_icon:after,
 .related-video .related-content_icon:after {
  font-size: 20px;
  font-weight: normal;
  color: #fff;
  margin: 14px 20px;
  position: absolute;
  text-decoration: none;
}






 .related-content_single.related-video,
.related-content_row .related-content_small.related-video {
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  /*! margin: 28px 45px; */
  position: relative;
}

/*.related-content_row .related-content_small.related-video {*/
/*  max-height: 167px;*/
/*}*/

.related-content_heading .related-content_icon:after {
  content: "\ea15";
  font-size: 25px;
  font-weight: normal;
  color: #fff;
  margin: 18px 28px;
  position: absolute;
  font-family: 'dk';
}



.related-content_single .related-content_heading  {
  padding: 17px 14px;
  position: absolute;
  top: 33px;
  left: 8px;
  font-size: 20px;
    color: white;
  font-weight: bold;
}

.rtl .related-content_single .related-content_heading  {
  left: 0;
  right: 8px;
}

.related-content_small .related-content_heading {
  padding: 17px 12px;
  position: absolute;
  top: 27px;
  left: 8px;
  font-size: 12px;
  color: white;
  font-weight: bold;
}

.rtl .related-content_small .related-content_heading {
  left: 0;
  right: 8px;
}

.related-content_single .related-content_name,
.related-content_small .related-content_name {
  padding: 17px 11px;
  position: absolute;
  top: 1px;
  left: 38px;
  font-size: 12px;
    color: white;
}

.rtl .related-content_single .related-content_name,
.rtl .related-content_small .related-content_name {
  left: 0;
  right: 38px;
}

/* .related-content .related-content_row {
    text-shadow:
	-1px -1px 0 #000,
	1px -1px 0 #000,
	-1px 1px 0 #000,
	1px 1px 0 #000;
} */

.related-content_small:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(174deg, #2c2c2c99 50%, #a1a1b000 86%);
}
.related-content_single:before {
    content: ' ';
    background: linear-gradient(174deg, rgba(44,44,44,0.6) 50%, rgba(161,161,176,0) 86%);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

  .related-content_row .related-content_four-by-four .related-content_small:empty:before,
  .related-content_row .related-content_single:empty:before {
    background: none;
  }


@media screen and (max-width:1100px) {
  
  .related-content_title {
   font-size: 18px;
   font-weight: bold;
   padding-bottom: 10px;
}
  
  .related-content_row {
   /*! flex-flow: column; */
   /*! display: block; */
   margin-left: 0;
  }
  
  .rtl .related-content_row {
   margin-right: 0;
  }

 .related-content_row .related-content_single:nth-child(n -2),
 .related-content_row .related-content_small:nth-child(n -2) {
 margin-right: 10px; 
 margin-bottom: 10px;
 margin-top: 0;
 margin-left: 0;
}

.rtl .related-content_row .related-content_single:nth-child(n -2),
.rtl .related-content_row .related-content_small:nth-child(n -2) {
 margin-right: 0; 
 margin-left: 20px; 
}

  .related-content_four-by-four.flat-row {
     display: block;
     flex-flow: column;
     padding: 0px;
     margin: 0 -5px;
     list-style: none;
     width: 25%;
}
  
  .related-content_four-by-four.flat-row {
  display: flex;
  flex-flow: row wrap;
  padding: 0px;
  list-style: none;
  width: 98%;
  margin-bottom: 0;
}
  
 .related-content_row > div:nth-child(1) {
 margin-right: 20px; 
}

.rtl .related-content_row > div:nth-child(1) {
 margin-right: 0; 
  margin-left: 20px; 
}
  
  .related-content_four-by-four .related-content_small:last-child {
    /*! margin-bottom: 15px; */
  }
  
  .related-content .related-content_row > .related-content_four-by-four {
    flex: 1 auto; 
    width: 100%;
    margin: 0;
}
  
  .related-content .related-content_row > .related-content_single {
    flex: 1 auto; 
    width: 100%;
    margin: 0;
    margin-bottom:10px;
}
  
.related-content_row .related-content_four-by-four .related-content_small {
  padding-bottom: 0;
}  
  
  .related-content_row .related-content_small:nth-child(even) {
    margin-right: 0;
  }
  
  .rtl .related-content_row .related-content_small:nth-child(even) {
    margin-left: 0;
  }
  
  .related-content_small .related-content_heading,
  .related-content_row .related-content_small .related-content_heading:after {
    font-size: 14px;
  }
  
  .related-content_row .related-content_four-by-four .related-content_small,
  .related-content_row .related-content_single {
    /*! padding-bottom: 10px; */
  }
  
  .related-content_row .flat-row .related-content_small:nth-child(2) {
    margin-right: 0;
  }
  
  .related-content_row .related-content_small.related-video {
  max-height: 100%;
}

  .related-content_small:empty {
    display: none;
  }
  
    .related-content_small:empty + .related-content_small {
    margin-right: 0;
  }
  
}


@media screen and (max-width:600px) {

  .related-content_row .related-content_small.related-video {
  max-height: 100%;
}
  
 .related-content_row .related-content_single:nth-child(n -2),
 .related-content_row .related-content_small:nth-child(n -2) {
 margin-right: 10px; 
 margin-bottom: 0px;
}
  
  .related-content_title {
   font-size: 18px;
   font-weight: bold;
   padding-bottom: 10px;
}

  .related-content_row {
   display: block;
  }
  
  .related-content_small {
  width: 100%;
  vertical-align: top;
  }
  
  .related-content_four-by-four {
  display: block;
  flex-flow: column;
    margin: 0;
    padding: 0;
  }
  
    .related-content_row .related-content_four-by-four .related-content_small:nth-child(-n+2) {
    margin-bottom: 0px;
}
  
   .related-content_row .related-content_four-by-four .related-content_small:last-child {
    margin-bottom: 0px;
  }
  
  .related-content_row .related-content_small:nth-child(-n+2) {
  margin: 0px;
}

  .related-content_row .related-content_small:nth-child(odd) {
  margin-right: 0px;
}

  .rtl .related-content_row .related-content_small:nth-child(odd) {
  margin-left: 0px;
}
  
  .related-content_four-by-four.flat-row .related-content_small:nth-child(odd) {
  margin-right: 0px;
}
  
  .related-content .related-content_row > .related-content_small,
  .related-content_row .related-content_small {
  width: 100%;
  max-width: 100%;
  height: auto;
}

  .related-content_row .related-content_small,
  .related-content_row .related-content_four-by-four .related-content_small,
  .related-content_row .related-content_single {
    padding-bottom: 10px;
    margin: 0;
  }
  
  .related-content_row .related-content_four-by-four .related-content_small:empty,
  .related-content_row .related-content_single:empty {
    padding-bottom: 0;
    margin: 0;
  }
  
  .related-content_row > div:nth-child(2n+1) {
   margin: 0;
  }

  .related-content_single .related-content_heading {
      font-size: 22px;
  }
  
  .related-content_small .related-content_heading {
  padding: 17px 13px;
  position: absolute;
  top: 33px;
  left: 8px;
  font-size: 22px;
  color: white;
  font-weight: bold;
}
  
  .rtl .related-content_small .related-content_heading {
  left: 0;
  right: 8px;
}
  
  
  .related-content_single .related-content_heading,
  .related-content_row .related-content_single .related-content_heading:after {
    font-size: 19px;
  }
  
     .related-content_small .related-content_heading, 
     .related-content_row .related-content_small .related-content_heading:after {
        font-size: 19px;
  }
  
}