.mainheadlinewrapperpage {
   
    float: left;
    width: 100%;
    padding: 14px 0;
    background: #1c2747;
     margin-top:0px;
  }

  .mainheadlinepage h1{
    Margin: 0;
    font-weight: 600;
    font-size: 44px;
    line-height: 1;
    color: #fde07e;
  }

  ol.breadcrumb {
    padding-left: 4px;
    background: transparent;
  }
  ol.breadcrumb li {
    margin-bottom: 0px;
  }
  .breadcrumb-item a {
    color: #fff !important;
  }

  h4{
      font-size: 27px;
  }

  #playlist_input{
    border-radius: 5px;
    padding: 5px;
    margin: 5px;
    box-shadow: rgb(28 39 71) 4px 4px 6px;
    height: 35px;
    width: 300px;
    background-image: url(.././images/search2.png);
    background-position: right center;
    background-repeat: no-repeat;
    background-size: contain;
  }

  .search_div{
      padding: 40px;
      float: right;
  }

  .btn.btn-clearall{
    background: #394669;
    color: #fff;
    vertical-align: middle;
    padding: 4px;
    margin: 0px 0 0;
    border-radius: 0px 0px 0px 0px;
  }


  .img-thumbnail{
      border: none;
      border-radius: 0px;
      background-color: transparent;
  }

  .gallery .col-sm-3 {
      margin-top: 30px;
  }


  .video_caption{
    position: absolute;
    bottom: 12px;
    left: 36px;
    color: white;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 200px;

  }


  .btn{
      border-radius: 0px;
  }

  .btn-5 {
    background: #fde07e;
    height: 44px;
    min-width: 10px;
    line-height: 1;
    font-size: 14px;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
     -moz-backface-visibility: hidden;
          backface-visibility: hidden;
  }
  .btn-5:hover {
    /*background: #1c2747;*/
    background: #fde07e;
    color: #fff !important;
    transition: none;
  }
  
      @media only screen and (min-width: 320px) and (max-width: 360px) {
        .mainheadlinewrapperpage {
   
      margin-top:0px !important;
      }
      
        .gallery .col-sm-3 {
      margin-top: 30px;
      margin-bottom:30px;
  }
    .video_caption {
       bottom: 0px;
       left: 46px;
  
      
  }
      }
      
       @media only screen and (min-width: 360px) and (max-width: 390px) {
        .mainheadlinewrapperpage {
   
      margin-top:0px !important;
      }
      
        .gallery .col-sm-3 {
      margin-top: 30px;
      margin-bottom:30px;
  }
    .video_caption {
    bottom: -45px;
    left: 76px;
  
      
  }
      }
  
  
  @media only screen and (min-width: 420px) and (max-width: 768px) {
        .mainheadlinewrapperpage {
   
      margin-top:0px !important;
      }
      
       .gallery .col-sm-3 {
      margin-top: 30px;
      margin-bottom:60px;
  }
      
             
  }
  
    @media only screen and (min-width: 390px) and (max-width: 410px) {
         .gallery .col-sm-3 {
      margin-top: 30px;
      margin-bottom:45px;
  }
  
  .video_caption {
    position: absolute;
    bottom: -52px;
    left: 36px;
    color: white;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 290px;
}
      
             
  }


   @media only screen and (min-width: 410px) and (max-width: 480px) {
         .gallery .col-sm-3 {
      margin-top: 30px;
      margin-bottom:100px;
  }
  
  .video_caption {
   position: absolute;
    bottom: -75px;
    left: 55px;
    color: white;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 290px;
}
      
      
             
  }
  @media only screen and (min-width : 320px) and (max-width: 420px) {

    #playlist_input{
      border-radius: 5px;
      padding: 5px;
      margin: 20px 0px 25px -5px;
      box-shadow: rgb(28 39 71) 4px 4px 6px;
      height: 35px;
      width: 250px;
      background-image: url(.././images/search2.png);
      background-position: right center;
      background-repeat: no-repeat;
      background-size: contain;
    }

    .search_div{
      padding: 40px;
      float: none !important;
  }

.search_input_div{
    text-align: center !important;
}

  }
  
  
    @media(max-width:991px){
       .mainheadlinewrapperpage {
   
     margin-top:0px!important;
  }
  }