/****** article start *******/
.article-contain {
  display: flex;
  padding: 55px 0;
  color: #fff;
  flex-direction: column;
}
.article-rgt {
  width: 334px;
  margin-left: 70px;
}
.article-lft {
    width: calc(100% - 404px);
    position: relative;
    overflow: hidden;
    padding-top: 56.25%;
    height: 0;
}

.article-lft.arttxt {height: auto;padding-top: 0;}
.article-lft img {
  width: 100%;
  height: auto;
  margin-bottom: 40px;
}
.article-lft iframe {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border: none;
}
.article-head1 {
  color: #fff;
  font: 700 28px/34px 'Raleway', sans-serif;
  margin: 0 0 40px;
}
.article-lft p {
  color: #fff;
  font: 400 16px/20px 'Raleway', sans-serif;
  margin: 0 0 15px;
}
.art-thumb {
  border: 1px solid #6f5720;
  padding: 15px 30px 13px;
  color: #fff;
  margin-bottom: 100px;
}
.art-thumb img {
  width: 100%;
  height: auto;
  margin-bottom: 7px;
}
.art-thumb a {
  color: #fff;
  font: 700 16px/18px 'Raleway', sans-serif;
  display: block;
}
.trending-thumb {
  display: flex;
  margin-bottom: 38px;
}
.trending-thumb img {
  width: 128px;
  height: 70px;
  object-fit: cover;
  flex-shrink: 0;
  margin-right: 15px;
}
.trending-thumb a {
  color: #fff;
  font: 700 16px/20px 'Raleway', sans-serif;
}
.trending-title {
  color: #fff;
  font: 700 28px/30px 'Raleway', sans-serif;
  position: relative;
  margin-bottom: 35px;
  background: #000;
  z-index: 1;
}
.trending-title:after {
  position: absolute;
  content: '';
  right: 0;
  top: 0;
  width: 29%;
  height: 100%;
  background: #d2a53a;
  background: -moz-linear-gradient(90deg, #d2a53a 0%, #f2d713 100%);
  background: -webkit-linear-gradient(90deg, #d2a53a 0%, #f2d713 100%);
  background: linear-gradient(90deg, #d2a53a 0%, #f2d713 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d2a53a", endColorstr="#f2d713", GradientType=1);
  z-index: -1;
}
.article-main {
  position: relative;
}
.artdetails_lt_side_img {
  position: absolute;
  top: calc(50% - 205px);
  left: -5px;
  z-index: -9;
}
.artdetails_rt_side_img {
  position: absolute;
  top: 0;
  right: -70px;
  z-index: -9;
}

.video_holder{ position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; margin-bottom: 20px; }
.video_holder iframe,   
.video_holder object,
.video_holder video, 
.video_holder embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.article-lft-new {
    width: calc(100% - 404px);
   
}

.posStick{position: sticky; top:0;border: 1px solid #d4a63b; background: #000;
  padding: 20px;}
  .trending-title {
  color: #fff;
  font: 700 24px/30px 'Raleway', sans-serif;
  position: relative;
  margin-bottom: 35px;
  background: #000;
  z-index: 1;
}
      .article-main.newChange .article-contain{flex-direction: row;position: relative;}
      .article-lft{flex-shrink: 0;}
      .related_box{width: 404px; flex-shrink: 0;}
      .related_box img{width: 100%;}
      .article-main.newChange .artdetails_rt_side_img{right: 0;}
.posStick{position: sticky; top:0;}
      .related_box {
  width: 334px; 
  margin-left: 70px;
}
.trending-title {
  color: #fff;
  font: 700 24px/30px 'Raleway', sans-serif;
  position: relative;
  margin-bottom: 35px;
  background: #000;
  z-index: 1;
}
.related_listbx li a{
  display: flex;
  margin-bottom: 38px;
}
div.ohf {
  color: #fff;
  font: 700 16px/20px 'Raleway', sans-serif;
  font:700 13px/18px 'Raleway', sans-serif;
  display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.related_listbx img {
  width: 100px;
  height: 56px;
  object-fit: cover;
  flex-shrink: 0;
  margin-right: 15px;display: block;
}
.related_listbx span{display: none;}
.viewall_btn {
  text-decoration: none;
  outline: 0;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  color: #fff;
  text-align: center;
  width: 80px;
  margin: 0 auto;
  display: block;
  padding: 5px 10px;
  margin-top: 10px;
  border: 1px solid #e2be27;
  border-radius: 4px;
  background-color: #e2be27;
  color: #000;
}

.susbBox{background: rgb(210,164,59); margin-top: 20px;
  background: -moz-linear-gradient(260deg, rgba(210,164,59,1) 0%, rgba(242,215,19,1) 100%);
  background: -webkit-linear-gradient(260deg, rgba(210,164,59,1) 0%, rgba(242,215,19,1) 100%);
  background: linear-gradient(260deg, rgba(210,164,59,1) 0%, rgba(242,215,19,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d2a43b",endColorstr="#f2d713",GradientType=1);

  position: relative;padding: 10px 0;width: 593px; padding-left: 7px;
}
.susbBox::before{position: absolute;content: '';left:0;top:0;background: url('https://images.moneycontrol.com/images/ms/sustainability100plus/strip.png')left top repeat-x; background-size: 100% 10px; width: 100%; height: 10px;}
.susbBox::after{position: absolute;content: '';left:0;bottom:0;background: url('https://images.moneycontrol.com/images/ms/sustainability100plus/strip.png')left bottom repeat-x; background-size: 100% 10px; width: 100%; height: 10px;}

.subForm{display: flex; width: 360px;}
.formRgt h3{color: #000; font-size: 19px; margin-bottom: 7px;}
.susbBox .dflxNew{display: flex; }
.susbBox .dflxNew .logoLft img{width: 121px; margin-bottom: 0;}
.susbBox .dflxNew .logoLft{margin-right: 14px;}
.subForm input{border:1px solid #C19F13; border-radius: 5px; background: #fff; width:calc(100% - 115px); font-size: 12px;padding: 13px 11px 10px;}
.subForm input.subBtn{background: #000000;color: #E2BE27; font-size: 15px; font-weight: bold; border:0; display: flex; justify-content: center; align-items: center; width: 102px; margin-left: 13px; cursor: pointer;}
.article-lft img.envolpe{position: absolute;top:-40px;right:-30px;width: 116px;}
img.envolpe{position: absolute;top:-40px;right:-30px;width: 116px;}
.formRgt{margin-top: 15px;}

.errMsg{position: absolute;
  bottom: 27px;
  color: red;
  font-size: 12px;
  font-weight: bold;}


@media all and (max-width: 980px) {
  .article-contain {
    flex-direction: column;
    padding: 15px 0;
  }
  .article-lft img {
    margin-bottom: 10px;
  }
  .article-rgt,
  .article-lft {
    width: 100%;
    margin: 0;
  }
  .art-thumb {
    display: none;
  }
  .article-lft {
    margin-bottom: 50px;
  }
  .trending-title,
  .article-head1 {
    font-size: 25px;
  }
  .article-head1 {
    line-height: 28px;
    margin-bottom: 15px;
  }
  .trending-title:after {
    width: 37%;
  }
  .trending-thumb {
    margin-bottom: 20px;
  }
  .artdetails_lt_side_img {
    display: none;
  }
  .artdetails_rt_side_img {
    display: none;
  }
  .article-main.newChange .article-contain{flex-direction: column;}
    .related_box {
    width: 100%;
    margin-top: 0;
    margin-left: 0;
}
.article-main.newChange .article-lft{margin-bottom: 0;}

.yelStrip.textcen .partnerLogotitle,.blkStrip.textcen .partnerLogotitle{font-size: 20px;}
	.blkStrip img, .yelStrip img{width: 130px;}
	.blkStrip.textcen, .yelStrip.textcen{padding: 20px 0;}

  .susbBox{width: 100%; margin-bottom: 30px;}
  .article-lft img.envolpe{display: none;}
  .susbBox .dflxNew .logoLft img{width: 80px;}
  .formRgt h3{font-size: 15px;}
  .subForm{width: 100%; flex-direction: column;}
  .subForm input{width: 100%; margin-bottom: 10px;}
  .subForm input.subBtn{margin-left: 0; width: 90px;padding: 10px; font-size: 14px;}
  .susbBox .dflxNew{align-items: center;}
  .artdetails_lt_side_img,.artdetails_rt_side_img,img.envolpe{display: none !important;}
  .article-lft-new {
    width: 100%;
}
}