@media only screen and (max-width: 1366px) {
}

@media only screen and (max-width : 1024px) {    
}

@media only screen and (min-width : 1024px) {  
}

@media only screen and (max-width : 820px) {  
}

@media only screen and (max-width : 768px) {
}

@media only screen and (max-width : 740px) {
}

@media only screen and (max-width : 414px) {   
    .search .input-group {
        width: 100%;
    }
    .lyrics .lyrics-txt{
        width: auto;
        height: 80vh;
        overflow-y: scroll;
    }
    .lyrics .lyrics-head h5{
        font-size: 14px;
        max-width: 150px;
    }
    .lyrics .lyrics-head p{
        font-size: 12px;
        font-weight: 300;
        letter-spacing: 0.05em;
        max-width: 150px;
    }
    .lyrics .lyrics-head span {
        margin: 0 4px;
    }
    .authentication-page .registration-page {  
      margin: 0;
    }
    .authentication-page h5 {
        margin: 1rem 0;
        font-size: 1rem;
    }
    .list-group-item:hover{
        background: transparent;
    }
    .banner-mobile input.form-control {
        text-align: left;
        font-size: 1.2rem;
    }
    .banner-mobile .list-img {
        height: 100px;
        width: 100px;
    }
    .banner-mobile .list-img img {
        height: 50px;
        width: 50px;
    }
    .banner-mobile h1{
        font-size: 1.2rem;
    }
    .banner-mobile .list-img.single-img img{
        width: 100%;
        height: auto;
    }
}