/*.search_date {
  min-width: 63%;
  height:26px;
}*/
.button {
  background-color: #d98314
}
.block-title {
  display: block;
  margin-bottom: 10px;
  background: #5C4DA0;
  color: #fff;
  padding: 7px 13px;
}
.block-title .yt_title_section {
  text-transform: capitalize;
}
.video_pl_title{
  height: 70px;
}
.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
  display: block;
  margin-bottom: 15px;
}
#video_content{
  height:300px!important;
}
.video-container iframe, .video-container object, .video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.search_btn_yt{
  position:relative;top:-10px
}
/*.search-input-video{
  float:right;
  margin-right:5%;
  border-radius: 5px;
  height: 25px;
}*/
/*#search_youtube_videos{
  height: 29px;
  margin-right:-1px;
}*/
.vn_videos{
  height:275px;
}
/*#video_search{
  height:35px!important;
}*/
#yt_home .load_page{
  width:40px;height:285px;    
}
.load_page span.icon-text{
  zoom: 3;
  margin-top: 40px;
}
#yt_videos .load_page , #yt_playlists .load_page{
  width:200px;height:20px;margin:0px 40% 0px 40%;text-align:center;
}
#video_items_yt .photo-gallery-block{
  height:250px;
}
#playlist_all .more_videos{
  padding: 0px;
  border-radius: 5px;
  height:91px;
  width:91px;
}
#loading{
  display: none;
  position: fixed;
  z-index: 9999;
  margin: 0% 28%;
  zoom: 3;
}
.ball {
  background-color: rgba(0,0,0,0);
  border: 5px solid #9084cc;
  opacity: .9;
  border-top: 5px solid rgba(0,0,0,0);
  border-left: 5px solid rgba(0,0,0,0);
  border-radius: 50px;
  box-shadow: 0 0 35px #5C4DA0;
  width: 50px;
  height: 50px;
  margin: 0 auto;
  -moz-animation: spin 1s infinite linear;
  -webkit-animation: spin 1s infinite linear;
}

.ball1 {
  background-color: rgba(0,0,0,0);
  border: 5px solid #9084cc;
  opacity: .9;
  border-top: 5px solid rgba(0,0,0,0);
  border-left: 5px solid rgba(0,0,0,0);
  border-radius: 50px;
  box-shadow: 0 0 15px #5C4DA0;
  width: 30px;
  height: 30px;
  margin: 0 auto;
  position: relative;
  top: -50px;
  -moz-animation: spinoff 1s infinite linear;
  -webkit-animation: spinoff 1s infinite linear;
}

/**(AS) Hide Content**/
  .hide-content-yt {
    overflow: hidden;
  }
  .control-show-content-yt,
  .control-hide-content-yt {
    text-align: center;
    border-bottom: 1px dotted #c0bfbf;
    margin-top: -10px;
    padding-top: 5px;
    display: block;
    color: #999;
  }
  .control-show-content-yt:hover,
  .control-hide-content-yt:hover {
    cursor: pointer;
    color: #646464;
    box-shadow: 0 0 0 2px rgba(27,127,204,0.4)
  }
  .control-show-content-yt h5,
  .control-hide-content-yt h5 {
    margin-bottom: 5px;
  }
/**(AS) Hide Content**/


/*NEW CODE HERE*/
  .ip-active-playlist-gallery {
    white-space: nowrap;
    overflow: auto;
    padding: 10px 0;
    border-bottom: 1px dotted #c0bfbf;
  }
  .ip-active-playlist-gallery a {
    overflow: hidden;
    margin-bottom: 0;
  }
  .ip-active-playlist-gallery a.ip-active-playlist-ctrl-more {
    width: 51px;
    height: 70.25px;
    padding: 22px 14px;
  }


  .ip-yt-section-ctrls {
    margin: 15px 0;
    text-align: center;
  }
  .ip-yt-section-ctrls a {
    margin-bottom: 0;
  }


  .ip-yt-playlist-and-videos-gallery {
    height: 296px;
  }
  .ip-yt-videos {
    display: flex;
    justify-content: space-between;
  }
  .ip-yt-videos-next-prev-ctrls {
    width: 4%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #d98314;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
    color: #FFFFFF;
    cursor: pointer;
  }
  .ip-yt-videos-gallery {
    flex-grow: 2;
    width: 90%;
    display: flex;
    text-align: center;
    justify-content: space-around;
  }
  .ip-yt-video-box {
    width: 27%;
    box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.1);
    padding: 15px;
  }
  .ip-yt-video-box .ip-yt-video-thumb {
    margin-bottom: 10px;
  }
  .ip-yt-video-box .ip-yt-video-data .ip-yt-video-title,
  .ip-yt-video-box .ip-yt-video-data .ip-yt-video-description {
    height: 54px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
  }
  .ip-yt-video-box .ip-yt-video-data .ip-yt-video-description {
    text-align: left;
  }
  .ip-yt-video-box .ip-yt-video-data .ip-yt-video-play-ctrl {
    display: block;
    width: 100%;
    font-size: 12px;
    color: #6b6b6b;
    border: 1px solid #dbdbdb;
    border-radius: 2px;
    padding: 4px 0;
    font-weight: bold;
    background: #f9f9f9;
    box-shadow: inset 0px -20px 20px -20px rgba(0, 0, 0, 0.1);
  }

  .ip-yt-playlist-gallery {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    justify-content: space-around;
  }
  .ip-yt-playlist-gallery .ip-yt-video-box {
    margin-bottom: 15px;
  }

  .ip-yt-search-inputs {
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
  }
  .ip-yt-search-inputs input {
    display: inline-block !important;
  }
  .ip-yt-search-inputs .button {
    margin-bottom: 0; 
  }

  .ip-yt-search-order-by-ctrls {
    display: flex;
  }
/*NEW CODE HERE*/


@media only screen and (max-width: 820px) {
  /*#yt_filters{
    width: 90%;
    min-height:200px;
  }*/
  /*.yt_option{
    min-width: 93%;
    float: left;
    margin: 10px auto 0px 10%;
    width: 120px;
  }*/
  /*.yt_option label{
    float:left;
  }*/
  /*.search_date{
    width: 40%;
  }*/
  /*.search_input{
    width: 70%;
    margin: 5px 0px 0px 0%;
    padding-left: 30%
  }*/
  /*.search_date{
    min-width: 82%;
    height: 26px;
    margin: 0px 0% 3px 0px;
    padding-right: 18%;
  }*/
  #video_content{
    height:312px!important;
  }
  .vn_videos{
    height:100px;
    width: 75%!important;
  }
  .vn_videos > div.gallery-photo{
    float:left;
    width: auto;
    margin-right: 3px;
  }
  .gallery-content > h3.video_pl_title{
    height: 42px;
  }
  .gallery-content > a.play_vd{
    display:none;
  }
  .load_page {
    height: 300px;
  }
}
@media only screen and (max-width: 752px) {
  /*.search-input-video{
    margin-right:1%;
  }*/
  /*.search_input {
    width: 85%;
    padding-left: 15%;
  }*/
  .gallery-content > p.video_pl_desc{
    display:none;
  }
  #video_content div.photo-gallery-grid{
    max-width: 108.8%;
    min-width: 94.8%;
    width: auto!important;
  }
}
@media only screen and (max-width: 620px) {
  .vn_videos{
    margin-right: 0%!important;
  }
}
@media only screen and (max-width: 555px) {
  /*.search_date{
    min-width: 44%;
    margin: 0px 30% 3px 0px;
    padding-right: 0%;
    height: 54px;
  }*/
  /*.search_input {
    width: 61%;
    margin: 5px 0px 0px 20%;
    padding-left: 0%;
  }*/
  /*.search-input-video {
    margin-top: 2px;
  }*/
}
@media only screen and (max-width: 520px) {
  /*.yt_option{
    min-width: 35%;
    float: left;
    margin: 10px auto 0px 35%;
    width: 120px;
  }*/
  /*.search_input {
    width: 84%;
    margin: 5px 0px 0px 7%;
  }*/
  /*.search_date {
    min-width: 60%;
    margin: 0px 20% 3px 0px;
  }*/
  .main_btn{
    width: 100%;
    margin-top: 5px;
  }
  .gallery-content > h3.video_pl_title{
    display: none;
  }
  .vn_videos > div.gallery-photo{
    float:none;
  }
  #video_content div.photo-gallery-grid {
    min-width: 70%;
    margin-left: 25%;
  }
}
@media only screen and (max-width: 320px) {
  /*.search_input {
    width: 111%;
    margin: 5px 0px 0px -5%;
  }*/
  /*.search_date {
    min-width: 80%;
    margin: 0px 10% 3px 0px;
  }*/
  .vn_videos {
    height: auto;
    width: 75%!important;
  }
  #video_content div.photo-gallery-grid {
    min-width: 60%;
    margin-left: 28%;
    width: 10%!important;
  }
  .load_page {
    width: 13px!important;
    height: 308px!important;
  }
}