@media(max-width:461px)
{
/*===========categories page code start===============*/
.search-input {
    width: 344px;
    margin-top: 0px;
    margin-bottom: 0px;
    float: left;
}
.table>thead>tr>th {
    font-size: 15px;
}
.table>tbody>tr>td {
    color: #000;
    font-size: 15px;
}
.custom-tabel-web
{
	margin-top: 50px;
	width: 100%;
}
.reset-block
{
    width: 100% ;
}
.view_song
{
	margin-top: 30px !important;
	color:#fff;
   margin-bottom: 30px;   
}

}
@media (min-width:461px) and (max-width:767px)
{
.search-input {
    width: 200px;
    margin-top: 0px;
    margin-bottom: 0px;
    float: left;
}
.Song-Title {
    color: white;
    font-size: 17px;
    float: left;
    padding-top: 4px;
    padding-left: 10px;
}
.Song-text-box {
    width: 200px;
    float: left;
    margin-left: 5px;
}
.input-block-s {
    width: 190px;
    height: 40px;
}
.button-group
{
	margin-top: 28px; margin-left: 10px; float: left
}
.table>thead>tr>th {
    font-size: 15px;
}
.table>tbody>tr>td {
    color: #000;
    font-size: 15px;
}
.custom-tabel-web
{
	margin-top: 50px;
	width: 100%;
}
.reset-block
{
    width: 100% ;
}
.view_song
{
	margin-top: 30px !important;
	color:#fff;
   margin-bottom: 30px;   
}
}
@media(min-width:768px) and (max-width:992px){

.search-input {
    width: 200px;
    margin-top: 0px;
    margin-bottom: 0px;
    float: left;
}
.Song-Title {
    color: white;
    font-size: 17px;
    float: left;
    padding-top: 4px;
    padding-left: 10px;
}
.Song-text-box {
    width: 200px;
    float: left;
    margin-left: 5px;
}
.input-block-s {
    width: 190px;
    height: 40px;
}
.button-group
{
	margin-top: 28px; margin-left: 10px; float: left
}
.table>thead>tr>th {
    font-size: 15px;
}
.table>tbody>tr>td {
    color: #000;
    font-size: 15px;
}
.custom-tabel-web
{
	margin-top: 50px;
	width: 100%;
}
.reset-block
{
    width: 100% ;
}
.view_song
{
	margin-top: 30px !important;
	color:#fff;
   margin-bottom: 30px;   
}

}

/*artiste page code start*/




}