.v_title {
  float: left;
  margin: -3px 0 0 5px;
  width: 250px;
}
.y_video {
  clear: right;
  float: left;
  margin-left: 15px;
}
#youtube-channel-playlist-form-page-two .form-checkbox {
  float: left;
}
#youtube-channel-playlist-form-page-two .form-type-checkbox {
  clear: both;
  float: left;
  margin-bottom: 30px !important;
  width: 100%;
}
#youtube-channel-playlist-form-page-two #edit-checkall {
  margin: 3px 5px 0 0;
}
.playTitle {
  font-size: 18px;
  font-weight: bold;
  margin-top: -30px;
  position: absolute;
  text-align: left;
  text-decoration: underline;
  /*width: 400px;*/
}
#youtube-channel-playlist-form-page-two .form-item-checkall {
  height: 30px !important;
}
.wrapper {
  clear: both;
}
.wrapper div {
    float: left;
    width: 30%;
}
.hide_option {
  padding-top: 15px;
}
.hide_option > input {
  margin-left: -20px;
  position: absolute;
}
.wrapper select > option {
  width: 250px;
}
.my_class.form-submit {
  font-weight: bold;
  position: fixed;
  right: 0;
  top: 30%;
  width: 130px;
}
.cName {
    color: #0074bd;
    float: left;
    margin-bottom: 30px;
    width: 50%;
}
.checkCD {
  float: left;
}
.checkCD > input {
  margin-left: -22px;
  position: absolute;
}
.cmtDiv {
  float: left;
  width: 100%;
  padding: 5px;
}
.comntImg {
  float: left;
  width: 10%;
}
.cmnDetails {
  float: left;
  width: 90%;
}
.comntImg > img {
  border-radius: 25px;
}
.cmntTime {
  color: #0071b3;
  font-size: 12px;
}
.rep_lik {
  font-size: 12px;
}
.flag_up, .video_flag {
  background: rgba(0, 0, 0, 0) url("template/images/hands.png") no-repeat scroll 0 -132px;
  height: 14px;
  margin-left: 5px;
  margin-top: 2px;
  opacity: 0.4;
  position: absolute;
  width: 14px;
}
.flag_up:hover, .video_flag:hover {
  cursor: pointer;
  opacity: 0.7;
}
.replies_button:hover {
  color: #000;
  cursor: pointer;
}
.comt_button {
  float: left;
  font-size: 11px;
  height: 30px;
  margin-left: 5px;
  width: 75px;
}
.rpl_det textarea {
  font-size: 12px;
  height: 45px;
  margin-left: 5px;
  width: 270px;
}
.rpl_det img {
  border-radius: 25px;
  width: 50px;
}
.rpl_det {
  padding: 5px;
}
.rpl_det {
  padding: 5px;
  width: 345px;
}
.rep_buttons {
  float: right;
  margin-right: 5px;
}
.rep_send, .cmnDetails .comt_button {
  background: #167ac6 none repeat scroll 0 0;
  border-color: #167ac6;
  border: 1px solid transparent;
  border-radius: 2px;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
  cursor: pointer;
  display: inline-block;
  font-size: 11px;
  font-weight: 500;
  height: 28px;
  line-height: normal;
  outline: 0 none;
  padding: 0 10px;
  text-decoration: none;
  vertical-align: middle;
  white-space: nowrap;
  word-wrap: normal;
  color:#fff;
  margin-left: 2px;
}
.rep_cancel_button {
  background: #f8f8f8 none repeat scroll 0 0;
  border-color: #d3d3d3;
  color: #333;
  border: 1px solid #ccc;
  border-radius: 2px;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
  cursor: pointer;
  display: inline-block;
  font-size: 11px;
  font-weight: 500;
  height: 28px;
  line-height: normal;
  outline: 0 none;
  padding: 0 10px;
  text-decoration: none;
  vertical-align: middle;
  white-space: nowrap;
  word-wrap: normal;
}
.inactive {
  opacity: 0.5;
  pointer-events: none;
}

/** youtube like, comment and view count section css **/

.like_comment {
  font-size: 17px;
  margin-bottom: 10px;
  text-align: center;
}
.cmt_count {
  float: left;
  font-size: 17px;
  text-decoration: underline;
}
.view_count {
  float: right;
  font-size: 17px;
  text-decoration: underline;
}
.like_count {
  font-weight: bold;
  margin: 0 auto;
}
.blueColor{
  color:#167ac6;
}
.youtube_comment{
  clear: both;
  width: 93%;
}
.video_flag {
  
  background-size: 20px auto;
  height: 20px;
  margin-left: -20px;
  width: 20px;
  opacity: 1;
}
.blackThumb{
  background-position: 0 -162px;
}
.blueThumb{
  background-position: 0 -22px;
}
.insertCommentArea {

}
#login_auth {
  color: green;
  cursor: pointer;
  font-size: 14px;
  font-weight: bold;
}
.user_dp {
  border-radius: 25px;
  float: left;
  width: 52px;
} 
#cmntVal {
  float: left;
  padding: 2px;
  width:50%;
  color: #000;
}
.cmnDetails label a {
  color: #3b3b3b;
  text-decoration: none;
}
.reload_anc, .reload_page {
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  cursor: pointer;
  font-size: 20px;
  font-weight: bold;
  height: 84px;
  left: 45%;
  padding-top: 50px;
  position: fixed;
  text-align: center;
  top: 45%;
  width: 200px;
  z-index: 999;
}
.reload_anc:hover, .reload_page:hover {
  color: #ccc;
}

.comment_show {
  cursor: pointer;
  font-size: 18px;
  font-weight: bold;
  text-decoration: underline;
}
#yout_vid_frame{
  /*height:356px;*/
}
 .fluid-width-video-wrapper{
      height: 0 !important;
    }
#videoContainer {
    height: 585px;
  }
  .youtubeTitle {
  height: 22px;
  margin-top: 5px;
  /*overflow: hidden;*/
  font-weight: bold;
  color:grey;
  font-size: 12px;
}
 .youtubeWrapper a {
      color: grey !important;
  }
  .youtubeWrapper .section {
      font-size: 18px;
      font-weight: bold;
      margin-left: 8px;
  }
  .youtubeWrapper {
    border-bottom: 1px solid grey;
    margin: 20px 0 0;
  }
   .lslide img, .clone.left img, .clone.right img {
    width: 90%;
  }
   .lslide img {
    height: 155px !important;
    object-fit: cover;
    width: 100%;
  }
 .block_li_image img{
   /*height: 90px !important;*/
  }
  .y_conf > li {
    padding: 2px;
  }
  .checkall_update{
    float: left;
    margin-right: 5px;
    margin-top: 1px;
  }
  .highlight_color {
    background: green none repeat scroll 0 0;
  }
  #youtube-update-table .even {
    border-bottom: 1px solid #000;
  }
  .showmore{
    display: none;
  }
@media screen and (max-width: 985px) and (min-width: 601px) {
  .lslide img {
    height: 100px !important;
  }
}
@media (max-width: 600px) {
 .youtubeWrapper .section{
  margin-bottom: 12px;
 }
 .youtubeTitle {
    height: auto;
    margin-top: 1px;
    float: left;
    width: 70%;
    padding-left: 10px;
    text-align: left;
  }
  /** new changes **/
  .youtubeWrapper {
    max-height: 330px;
    overflow-y: hidden;
    padding-bottom: 30px;
  }

  ul.content-slider {
    height: auto !important;
    width: 100% !important;
  }
  li.lslide {
    width: 100% !important;
    margin-bottom: 8px;
  }
  .lslide img {
    float: left;
    width: 25%;
  }

    
  .showmore {
    text-align: center;
    margin-top: -50px;
    font-weight: bold;
    color: #fff;
    cursor: pointer;
    display: block;
    background: #212121;
    z-index: 9999;
    position: absolute;
    width: 100%;
    height: 50px;
    margin-left: -5px;
    display: block;
  }

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

    #yout_vid_frame{
      height:196px;
    }
    #videoContainer {
      height: 250px;
      background-size: 50%;
    }
         .block_li_image img{
       height: 48px !important;
    }
    .lslide img {
        height: 48px !important;
    }

}