body{
    font-family: 'Poppins',sans-serif;
}
/*Scrollbar*/
/* width */
::-webkit-scrollbar {
    width: 10px;
  }
  
  /* Track */
  ::-webkit-scrollbar-track {
    background-color: #363837;
  }
   
  /* Handle */
  ::-webkit-scrollbar-thumb {
    background-color: rgba(255, 255, 255, 0.53);   
    border-radius: 10px;
  }
  
  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
    background-color: rgba(255, 255, 255, 0.75);   
  } 
/*NAVBAR*/
.navbar-push{
    margin: 0px 20px;
}
ul li{
    list-style: none;
}
.push{
    margin-right: 40px;
}
.piano{
    margin: 0px 10px;
}
.navbar-nav > li {
  float: left;
  position: relative;
}

/*Banner*/
/*Search Sheet Music*/
* {
    box-sizing: border-box;
  }
  

  #myInput {
    background-image: url('https://cdn1.iconfinder.com/data/icons/hawcons/32/698627-icon-111-search-512.png'); /* Add a search icon to input */
    background-position: 0px 0px; /* Position the search icon */
     /* Do not repeat the icon image */
    width: 100%; /* Full-width */
    font-size: 16px; /* Increase font-size */
    padding: 12px 20px 12px 40px; /* Add some padding */
    border: 1px solid #ddd; /* Add a grey border */
    margin-bottom: 12px; /* Add some space below the input */
  }




a:hover{
    text-decoration: none;
}
body{
    font-family: Poppins, sans-serif;
    color: #212529 !important;
}
/*Footer*/
footer{
  text-align: right;
  color: #007bff;
}
.fa{
  font-size: 30px;
  padding-left: 20px;
  float: center;
}
.fa:hover {
  opacity: 0.7;
}
@media (max-width:600px){
  #myUL{
    padding-right: 50px;
  }
  .samajavaragamana{
    font-size: 20px;
  }
  #myvideo li{
    padding-right: 1000px;
  }
}
#myInput {
  background-image: url("https://cdn1.iconfinder.com/data/icons/hawcons/32/698627-icon-111-search-512.png"); /* Add a search icon to input */
  background-position: 0px 0px; /* Position the search icon */
   /* Do not repeat the icon image */
  width: 100%; /* Full-width */
  font-size: 16px; /* Increase font-size */
  padding: 12px 20px 12px 40px; /* Add some padding */
  border: 1px solid #ddd; /* Add a grey border */
  margin-bottom: 12px; /* Add some space below the input */
}

    
    .no-js #loader { display: none;  }
    .js #loader { display: block; position: absolute; left: 100px; top: 0; }
    .se-pre-con {
      position: fixed;
      left: 0px;
      top: 0px;
      width: 100%;
      height: 100%;
      z-index: 9999;
      background: url(https://www.evga.com/concept/images/Loading.gif) center no-repeat #000000;
    }

@media (max-width:600px){
     iframe{
       width: 100%;
       height: 200px;
     }
    
    .Videotopimg {
    width: 125%;
}
   }

.Videosnice {
    padding-left:10px;
    padding-right:10px;
}