/*tab*/
 .tab-container {
  position: relative;
 }
 .tab {
  overflow: hidden;
 }
 .tab.absolute {
  position: absolute;
  top: -25px;
  right: 0;
 }
 .tab a {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 5px;
  transition: 0.3s;
  font-size: 17px;
  color: white;
 }
 .tabcontent {
  display: none;
  -webkit-animation: fadeEffect 1s;
  animation: fadeEffect 1s;
 }
 @-webkit-keyframes fadeEffect {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
 }
 @keyframes fadeEffect {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
 }
 /*balck tabs*/
 .black-tabs .tab a {
  text-align: left;
  font: 700 14px/16px 'Nunito';
  letter-spacing: 0;
  color: #727C8E;
  text-transform: capitalize;
  padding: 0;
  margin: 0 0 0 25px;
  border-bottom: transparent solid 2px;
 }
 .black-tabs .tab a.active {
  color: #EB1C2C;
  border-bottom: #EB1C2C solid 2px;
 }
 /*tab*/
 /*car-bike-review-slider*/
 .car-review-slider, .bike-review-slider {
  padding: 10px
 }
 .review-wrap {
  margin: 10px;
 }
 .review-wrap img {
  margin-bottom: 5px
 }

 .review-wrapper .view-all {
  margin-bottom: 30px;
  margin-top: 10px;
 }
 /*car-bike-review-slider*/
 /*slick-arrow*/
 .slick-arrow {
  position: absolute;
  top: 55px;
  background: rgba(0, 0, 0, 0.67);
  z-index: 9;
  height: 45px;
 }
 .slick-arrow svg {
  top: 0;
  bottom: 0;
  margin: 0 auto;
  height: 100%;
 }
 .slick-next {
  right: 0;
  padding: 0 5px;
 }
 .slick-prev {
  left: 0;
  padding: 0 1px 0 9px;
 }
 .video-container a .small-thumb-copy{color: #fff}
 @media screen and ( max-width: 800px) {
  .slick-arrow {
    top: 65px;
  }
  .vertical-title1:before {
    content: '';
    background: #EB1C2C;
    height: 123px;
    position: absolute;
    bottom: -5px;
    right: 56px;
    width: 2px;
}
 }
 @media screen and ( max-width: 480px) {
  .slick-arrow {
    top: 105px;
  }
 }
 /*slick-arrow*/
 /*ad-section*/
 .ad-section, .top-ad-section {
  text-align: center;
 }
 .add-center {
  display: inline-block;
 }
 .grid-right .ad-section {
  margin-bottom: 20px
 }
 /*ad-section*/
 /*most-popular*/
 .most-pop-wrap {
  background: #0B0C0E;
  padding: 15px;
  margin-bottom: 23px
 }
 .most-pop-wrap .copyt {
  font-size: 14px;
  color: #DDDDDD;
  font-weight: 400;
  line-height: 1.22;
  margin-bottom: 8px;
  opacity: 0.8;
 }
 .most-pop-wrap li {
  padding-bottom: 15px;
  border-bottom: 1px solid #7C7C7C;
  opacity: 0.8;
  margin-bottom: 15px;
 }
 .most-pop-wrap li:last-child {
  padding-bottom: 15px;
  border-bottom: 0 solid #ddd;
  opacity: 0.8;
  margin-bottom: 15px;
 }
 /*most-popular*/
 /*bg-background*/
 .hlf-n-hlf {
  position: relative;
 }
 .hlf-n-hlf:after {
  position: absolute;
  bottom: -20px;
  width: 100%;
  background: #17181C;
  height: 53%;
  left: 0;
  right: 0;
  content: "";
  z-index: -1;
 }
 /*bg-background*/

 /*fet-opi-moto*/
 .vertical-title-thumb {
  background: #23252A;
  padding: 20px;
  position: relative;
  width: 30%
 }
 .vertical-title {
  font: 400 56px/61px 'Archivo Black';
  letter-spacing: -4.04px;
  color: #E0E0E0;
  position: absolute;
  top: 30px;
  writing-mode: vertical-rl;
  transform: scale(-1, -1);
  left: 0;
  text-transform: capitalize;
  cursor: default;
 }
 .vertical-title:before {
  content: '';
  background: #EB1C2C;
  height: 123px;
  position: absolute;
  bottom: -5px;
  right: 75px;
  width: 2px;
 }
 .vertical-title-thumb .thumbnail-list {
  padding-left: 60px;
 }
 .vertical-title-thumb .thumbnail-list li {
  border-bottom: #707070 solid 1px;
  padding-bottom: 15px;
  margin-bottom: 15px
 }
 .vertical-title-thumb .thumbnail-list li:last-child {
  border: none;
 }
 .vertical-title-thumb:nth-child(2) {
  margin: 0 20px;
 }
 .fet-opi-moto {
  background: #17181C;
  padding: 30px 0 100px;
 }
 .fet-opi-moto-wrap img {
  margin-bottom: 20px;
 }
 /*fet-opi-moto*/

 /*video listing */
  .vertical-title.big {
  font: 400 92px/1.22 'Archivo Black';
  letter-spacing: -4.04px;
  color: #42484C; color:#E0E0E0;
  left: 8px;
 }
 .vertical-title.big:before {
  height: 176px;
  bottom: 80px;
  right: 8px;
 }
 .video-wrp {
  padding: 30px 0;
 }
 .video-container {
  display: grid;
  grid-template-columns: 24% 24% 24% 24%;
  grid-gap: 15px;
  margin-left: 120px;
  padding-top: 30px;
 }
 .video-container li:first-child {
  grid-row: 1 / span 2;
  grid-column: 1 / span 2;
 }
 .vdo-ab {
  position: relative;
 }
 .video-container li:first-child .small-thumb-copy {
  font: 400 38px/1.11 'Archivo';
  text-transform: capitalize;
  color: #EDEDED;
  margin-bottom: 20px;
 }
 .video-container img {
  margin-bottom: 8px;
 }
 .play-icon img {
  width: 80px;
 }
 .video-container li:first-child .play-icon img {
  width: auto;
 }
 /*video listing */

 .promoted-wrap {
    width: 32%;
    margin-bottom: 15px;
}

 /*video listing */

 @media screen and ( max-width: 800px) {
 
  /*fet-opi-moto*/
  .vertical-title-thumb {
    width: 100%
  }
  .vertical-title {
    font: 400 42px/61px 'Archivo Black';
    letter-spacing: -2.04px;
    left: -5px;
    top: 20px;
  }
  .vertical-title:before {
    right: 60px;
  }
  .vertical-title-thumb .thumbnail-list {
    padding-left: 45px;
  }
  .vertical-title-thumb, .vertical-title-thumb:nth-child(2) {
    margin: 0 0 20px 0;
    padding: 15px 15px 0;
  }
  .fet-opi-moto {
    padding: 20px 0;
  }
  /*fet-opi-moto*/

   /*video listing */
    .vertical-title.big:before {
    height: 83px;
    bottom: 11px;
    right: 6px;
  }
  .vertical-title.big {
    font: 400 38px/1.22 'Archivo Black';
    letter-spacing: -2.04px;
    left: 10px;
    top: 30px;
  }
  .photo-slider, .video-container {
    margin-left: 45px;
    top: 25px;
}
  .video-container {
    display: block;
    padding-top: 0
  }
  .video-container li {
    width: 47%;
    display: inline-block;
    vertical-align: top;
  }
  .video-container li:first-child {
    width: 98%;
  }
  .video-container li:nth-child(2n) {
    margin-right: 10px
  }
  .video-container li:first-child .small-thumb-copy {
    font: 400 22px/1.11 'Archivo';
    margin-bottom: 15px;
  }
  .video-container .view-all {
    padding-right: 10px;
  }
  /*video listing */
 
  /*tab*/
  .tab.absolute {
    position: relative;
    top: 0;
  }
  .black-tabs .tab a {
    margin: 0;
    padding: 10px 9px;
    font: 700 13px/16px 'Nunito';
  }
  /*tab*/
  /*ad-section*/
  .ad-section, .top-ad-section {
    width: 100%;
  }
  /*ad-section*/
  /*car-bike-review-slider*/
  .car-review-slider, .bike-review-slider {
    padding: 10px 10px 0
  }
  /*car-bike-review-slider*/

 

}

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


 .promoted-wrap {
    width: 100%;
    margin-bottom: 15px;
    display: flex;
     padding: 13px 10px;
    background: #23252A;box-sizing: border-box;
}
.promoted-wrap .promo-brk {
    width: 140px;
    
}

.promoted-wrap .small-thumb-copy{
      width: 100%;
    padding: 0 10px;
    }

}


 /*Trending News */
 .trending-wraper {
  flex-wrap: wrap;
      margin-bottom: 30px;
}
.news-wrap {
  
  width: 32%;
}

.news-wrap{margin:0 18px 30px 0}.news-wrap:nth-child(3n+3){margin:0 0 30px}
 @media screen and ( max-width: 800px) {
   /*Trending News */
.trending-wraper {justify-content: space-between;}
 .news-wrap {
  width: 48%;
    margin: 0 0 25px 0;
}
.news-wrap:nth-child(3n+3) {
    margin: 0 0 25px 0;
}
/*Trending News */
.top-ad-section  .ad-section {
  margin: 0 auto;}
.ad-section {
  margin: 0 auto 25px;
  display: block;
  text-align: center;
  width: 100%;
}
 
}

@media screen and (max-width: 360px)
{
    
.news-wrap {
    width: 100%;

}


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

  .review-wrapper .dark-grey-bg {
    flex-wrap: wrap;
    display: flex;
       justify-content: space-between;
       background-color: transparent;
       padding: 0;}
       .review-wrapper .dark-grey-bg .review-wrap {
  width: 48%;
    margin: 0 0 25px 0;
}
.review-wrapper .dark-grey-bg .author, .review-wrapper .dark-grey-bg .author a {

  display: block;
}
.review-wrapper .dark-grey-bg .author span {

  margin-left: 0;
}
.review-wrapper .tab.absolute {
  position: relative;
  top: 0;
  overflow-x: scroll;
  white-space: nowrap;
  width: 100%;
  background: #363636;
  border-radius: 5px;
  margin-bottom: 10px;
  margin-top: -5px;
}
.review-wrapper .black-tabs .tab a {
 
  color: #fff;}
.review-wrapper .black-tabs .tab a.active {
  
  background: #eb1c2c;
  color: #fff;
}
}