/*body {*/
/*    font-size: 14px;*/
/*    font-family: Open Sans,Arial,sans-serif;*/
/*    font-weight: 400;*/
/*}*/

 /* HOVER EFFECT CODE */



/*    figure.effect-sadie ::before {*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left: 0;*/
/*    width: 100%;*/
/*    height: 160px;*/
    /*background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgb(28,39,71)75%);*/
    /*background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgb(28,39,71) 75%);*/
/*    content: '';*/
/*    opacity: 0;*/
/*    -webkit-transform: translate3d(0,50%,0);*/
/*    transform: translate3d(0,50%,0);*/
    
/*  }*/
  
/*  figcaption span :hover {*/
/*      color:#e0c974 !important;*/
/*  }*/


/*  figure.effect-sadie h2 {*/
/*    position: absolute;*/
/*    top: 50%;*/
/*    left: 0;*/
/*    width: 100%;*/
/*    -webkit-transition: -webkit-transform 0.35s, color 0.35s;*/
/*                  transition: transform 0.35s, color 0.35s;*/
/*    -webkit-transform: translate3d(0,-50%,0);*/
/*          transform: translate3d(0,-50%,0);*/
/*  }*/
/*  figure.effect-sadie figcaption::before,*/
/*  figure.effect-sadie p {*/
/*    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;*/
/*                  transition: opacity 0.35s, transform 0.35s;*/
/*                  color: #1c2747 !important;*/
/*  }*/

/*  figure.effect-sadie p {*/
/*    position: absolute;*/
/*    bottom: 0;*/
/*    left: 0;*/
/*    width: 100%;*/
/*    opacity: 0;*/
/*    -webkit-transform: translate3d(0,10px,0);*/
/*          transform: translate3d(0,10px,0);*/
        
   
/*  }*/


/*  figure.effect-sadie:hover h2 {*/
/*    color: #fff;*/
/*    -webkit-transform: translate3d(0,-50%,0) translate3d(0,-40px,0);*/
/*          transform: translate3d(0,-50%,0) translate3d(0,-40px,0);*/
/*  }*/
/*  figure.effect-sadie:hover figcaption::before,*/
/*  figure.effect-sadie:hover p {*/
/*    opacity: 1;*/
/*    -webkit-transform: translate3d(0,0,0);*/
/*          transform: translate3d(0,0,0);*/
/*  }*/


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

/*  .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;*/
/*  }*/

/*  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: 1px solid white !important;*/
/*  }*/


/*  .folder_name{*/
/*    position: absolute;*/
/*    bottom: 0;*/
/*    left: 0;*/
/*    width: 100%;*/
/*    opacity: 0;*/
/*    -webkit-transform: translate3d(0,10px,0);*/
/*    transform: translate3d(0,10px,0);*/
/*  }*/

/*  @media only screen 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;*/
/*  }*/


/*  .col-sm-12{*/
/*    text-align: center !important;*/
/*  }*/
/*  }*/
  
  
  
  
  


  
  

  ol.breadcrumb {
    padding-left: 4px;
    background: transparent;
  }
  ol.breadcrumb li {
    margin-bottom: 0px;
  }
  .breadcrumb-item a {
    color: #fff !important;
  }
.mainheadlinewrapperpage {
   
    float: left;
    width: 100%;
     padding:16px 0px 6px 0px;
    background: #1c2747;
    margin-top:0px;
  }

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

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

  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: 1px solid white !important;
  }


  .folder_name{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    -webkit-transform: translate3d(0,10px,0);
    transform: translate3d(0,10px,0);
  }
  
  
  

  @media only screen and (max-width: 420px) {
      
      
      #myForm{
          text-align:center;
      }
      
      .row {
    margin-left: -15px!important;
}


      
      .mainheadlinewrapperpage {
   
     margin-top:0px;
  }

    #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;
  }


  .col-sm-12{
    text-align: start !important;
  }
  }







  
  
   /* HOVER EFFECT CODE */



    figure.effect-sadie ::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 160px;
    /*background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgb(28,39,71)75%);*/
    /*background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgb(28,39,71) 75%);*/
    content: '';
    opacity: 0;
    -webkit-transform: translate3d(0,50%,0);
    transform: translate3d(0,50%,0);
    
  }
  
  figcaption span :hover {
      color:#e0c974 !important;
  }


  figure.effect-sadie h2 {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    -webkit-transition: -webkit-transform 0.35s, color 0.35s;
                  transition: transform 0.35s, color 0.35s;
    -webkit-transform: translate3d(0,-50%,0);
          transform: translate3d(0,-50%,0);
  }
  figure.effect-sadie figcaption::before,
  figure.effect-sadie p {
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
                  transition: opacity 0.35s, transform 0.35s;
                  color: #1c2747 !important;
  }

  figure.effect-sadie p {
    position: absolute;
    bottom: -38px;
    left: 0;
    width: 100%;
    opacity: 0;
    -webkit-transform: translate3d(0,10px,0) ;
          transform: translate3d(0,9px,0);
    font-size:17px !important;    
 height: 30px;
 
  /*white-space: nowrap;*/
  /*   overflow: hidden;*/
  /*   text-overflow: ellipsis;*/
   
  }


  figure.effect-sadie:hover h2 {
    color: #fff;
    -webkit-transform: translate3d(0,-50%,0) translate3d(0,-40px,0);
          transform: translate3d(0,-50%,0) translate3d(0,-40px,0);
  }
  figure.effect-sadie:hover figcaption::before,
  figure.effect-sadie:hover p {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
          transform: translate3d(0,0,0);
  }
  
  
  @media(max-width:991px){
       .mainheadlinewrapperpage {
   
     margin-top:0px;
  }
  }