.txtcolor
{
 color:Black;	
}

.gridview{
    
   
   padding:2px;
   margin:2% auto;
   
   
}

.gridview a{
  margin:auto 1%;
   
      background-color:#658b3a;
      padding:5px 7px 5px 8px;
      color:#fff;
      text-decoration:none;
     
     
}

.gridview a:hover{
    background-color:#658b3a;
    color:#fff;
}

.gridview span{
    background-color:#231843;
    color:#fff;
     
    padding:5px 7px 5px 8px;
}

@media only screen and (min-width:480px)
{
	
	.gridview a{
  margin:auto 1%;
   
      background-color:#658b3a;
      padding:5px 10px 5px 10px;
      color:#fff;
      text-decoration:none;}
	.gridview span{
    background-color:#231843;
    color:#fff;
     
    padding:5px 7px 5px 8px;}
}


.lan-cat-box
{
	width:100%;
	height:auto;
	margin-bottom:50px;
}

.sel-language
{
	width: calc(30% - 0px);
	height:auto;
	float:left;	
}

.sel-category
{
	width: calc(65% - 0px);
	height:auto;
	float:left;
	margin:0px 0px 0px 5%;	
}


.sel-lan-cat-main {
    width: calc(100% - 2px);
    height: 36px;
    border: solid 1px #658b3a;
}


.lan-cat-text-in{
	width:100%;	
	margin-bottom:10px;
	color:#658b3a;
}

.sel-cal-siz {
    width: calc(100% - 0px);
    height: 34px;
    border: none;
    background-color: #FFF;
    text-align: center;
}

.all-bhajan-main-strip
{
	width:100%;
}

.all-bha-left-main {
    width: calc(50% - 10px);
    height: auto;
    padding: 0px 0px 10px 0px;
    margin: 0px 10px 10px 0px;
    border-bottom: dotted 1px #CCC;
    float: left;
}

.all-bha-right-main {
    width: calc(50% - 10px);
    height: auto;
    margin: 0px 0px 0px 10px;
    padding: 0px 0px 10px 0px;
    border-bottom: dotted 1px #CCC;
    float: left;
}



.all-bha-1
{
	width:50px;
	text-align:center;	
	color:#FFF;
	float:left;
	background-color:#658b3a;
	height:auto;
	min-height:50px;
	padding-top:15px;
	font-size:14px;
}



.all-bha-2
{
	width: calc(100% - 100px);
	float:left;	
	height:auto;
	min-height:45px;
	margin:0px 5px 0px 15px;
	padding-top:5px;	
}



.all-bha-3
{
	width:30px;
	text-align:center;
	color:#FFF;
	float:left;	
	height:auto;
	min-height:39px;
	padding-top:11px;	
}











.bhajan-namb{ padding-top:8px;
font-weight:bold;
color:#fecb5b;
font-size:24px;
}


.bhaj-box-1
{
	width:100%;
	
}





.bhaj-box-left
{
	width:100%;

	float:left;
	padding-top:10px;
	color: #7b8db0;
}


.bhaj-box-right
{
	width:auto;
	
	margin:0px 0px 0px 10px;
	float:right;
}

.bhaj-1
{
	width:auto;
	float:left;	
	font-weight:bold;
	margin:0px 5px 0px 0px;
	padding-top:3px;
}



.bhaj-2
{
	width:30px;
	float:left;
	
	margin:0px 5px 0px 0px;
}


.bhaj-3
{
	width:30px;
	float:left;
	
}




.bhaj-title
{
	width:100%;
	margin:10px 0px 5px 0px;

}



.bhaj-title-left
{
	width: calc(100% - 170px);
	margin:0px 10px 0px 0px;
	
	float:left;
	color:#fecb5b;
	text-align:left;
	
	font-size:20px;
	
}



.bhaj-title-right
{
	width:30px;
	height:30px;
	
	float:left;
	
}

.bhaj-fev-1
{
	/*width:96px;*/
	float:left;
	
	padding-top:8px;
}


.bhaj-fev-2
{
	width:24px;
	float:left;
	
	padding-top:5px;
	margin:0px 10px 0px 0px;
}




.act-bhajam-main
{
	width:100%;
	height:auto;
	min-height:100px;
	
	margin-top:20px;
}




.act-bhajam-box
{
	
	width:280px;
	height:auto;
	
	float:left;
	margin:0px 20px 0px 0px;
	
	
}

.act-bh-size
{width:100%;}


.act-bhajam-text
{
	
	width: calc(100% - 10px);   /*300px*/
	height:auto;	
	float:left;
	font-size:18px;
	line-height:30px;
	/*min-width:700px;*/
	
}






.next-pre-main-box
{
	width:100%;
	height:auto;
	margin:20px 0px 20px 0px;
	
}



.previous-main-box
{
	width:48%;
	height:auto;
	
	margin:0px 2% 0px 0px;
	float:left;}
	
	
.next-main-box
{
	width:48%;
	height:auto;
	
	margin:0px 0% 0px 2%;
	float:left;
	text-align:right;}


    @media screen and (max-width: 768px) {
        .all-bha-left-main {
            width: 100%;
            margin-top: 10px;
        }

        .all-bha-right-main {
            width: 100%;
            margin: 0px;
        }

        .bhajan-main {
            border-right: none;
            border-bottom: 1px solid;
        }
    }