@charset "utf-8";
/* CSS Document */

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

    .responsive-menu {
        display: block;
    }

    .menu-box {
        display: none;
    }

    article {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
    }
}

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


    article {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
    }

    	/*contact us*/
    
.cont-box-1
{
	width:96%;
	height:50px;
	
	float:left;
	margin:0px 2% 5px 2%;
}




.address-box-1
{
	width:96%;
	height:auto;
	
	float:left;
	margin:0px 2% 10px 2%;
	line-height:26px;
	font-size:18px;
}


.top-1-left
{
	width: calc(100% - 320px);
	min-height:40px;
	float:left;
	
}




.web-link
{
	padding:7px 10px 0px 0px;
	color:#FFF;
	text-decoration:underline;
	float:left;
	text-transform:uppercase;
	display:none;
	
}




.responsive-menu
{
	width:40px;
min-height:33px;
padding-top:7px;
margin:0px 10px 0px 0px;
	float:left;
	text-align:center;

	display:block;
	
	}
	





.top-3
{
	width:100%;
	
	background-color:#97cef4;
	display:none;
	
}




	.footer-box-3
{
width:200px;

float:left;

margin:10px 0px 0px -35px;


}




.box-1
{
	width:45%;
	
	float:left;
	margin:0px 5% 0px 0px;
}



.box-2
{
	width:45%;
	
	float:left;
	margin:0px 0% 0px 5%;
}


.box-3
{
	width:60%;
	
	float:left;
	margin:30px 20% 0px 20%;
	
	
}





.about-autho-text
{  width: calc(100% - 180px);
float:left;

margin:0px 0px 0px 0px;
padding-top:10px;
}

/*my crner*/
.my-cor-name
{
	width: calc(100% - 0px);
	float:left;
	
	
	font-weight:bold;
	font-size:20px;
	
	margin-bottom:5px;
	
	
}

.my-cor-edit-icon
{
	width:30px;
	float:right;
	
	margin:0px 0px 0px 0px;
	
}


.my-cor-edit
{
	width:90px;
	float:right;
	padding-top:0px;
	
	
	
}

.book-box-1
{
	width: calc(50% - 10px);
	height:auto;
	
	
	background-color:#eeeeee;
	border-radius:10px;
	margin:0px 5px 20px 5px;
	padding:10px 0px 10px 0px;
	float:left;

	
}
/*bhjan*/

  .bhaj-box-left
{
	width: calc(100% - 0px);
	
	float:left;
	padding-top:10px;
}


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


.act-bhajam-main
{
	width:100%;
	height:auto;
	min-height:100px;
	margin-top:-50px;
     display: -webkit-flex; /* Safari */
      display: flex;
      flex-direction:column;
}

    .bhajan-youtube-main-box {
        order:3;
    }

    .next-pre-main-box {
        order:4;
    }


.act-bhajam-box
{
	
	width:100%;
	height:auto;
	
	float:left;
	margin:0px 0px 0px 0px;
	order: 2;
	
	
	
}


.act-bhajam-text
{
	
	width: calc(100% - 0px);
	height:auto;
	
	float:left;
	font-size:18px;
	line-height:30px;
	order: 1;
	
	
}



.bhajan-youtube-2
{
	width:90%;
	text-align:center;
	margin:0px 5% 0px 5%;
	
}

.spiritual-pilg-image-text
{
	widows:100%;
	height:auto;
	font-size:12px;
	line-height:16px;
	
}

.all-languages-main-box
{
	margin:90%;
	height:auto;
	
	margin:0px 5% 0px 5%;
	
}


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

}



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

}



}






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

    
    article {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 2;
    }


    .loge {
        width: calc(94% - 2px);
    }

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



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

    /*godsmsg*/
    



.god-message-text-1 p img {
    width: 80%;
	padding:0px 10% 0px 10%;
    margin:0px 0px 10px 0px;
	
    float: left;




}



.god-message-left
{   
	width:100%;
	height:auto;
	margin:0px 0% 0px 0%;
	
	float:left;
}



.god-message-right
{
	width:100%;
	height:auto;
	margin:0px 0% 0px 0%;

	float:left;
}



    /*quotes*/
    
.quote-left
{   
	width:100%;
	height:auto;
	margin:0px 0% 0px 0%;
	
	float:left;
}



.quote-right
{
	width:100%;
	height:auto;
	margin:0px 0% 0px 0%;

	float:left;
}
/**/


.top-2-inside
{
	width:90%;
	min-height:20px;
	padding:20px 0px 10px 0px;
	
	
	margin:0 auto;
}




.top-1-left
{
	width: auto;
	min-height:40px;
	float:left;
	
}


.top-1-right
{
	width:auto;
	min-height:40px;
	float:right;
	
}




.responsive-menu
{
	width:40px;
min-height:35px;
padding-top:5px;
margin:0px 10px 0px 0px;
	float:left;
	text-align:center;
	
	display:block;
	
	}
	
	
.top-1-right-1
{
	width:24px;
	min-height:30px;
	float:left;
	padding:10px 0px 0px 0px;
	
	margin:0px 10px 0px 0px;
	display:none;
	
}

.top-1-right-2
{
	width:24px;
	min-height:30px;
	float:left;
	
	margin:0px 10px 0px 0px;
	padding:10px 0px 0px 0px;
	display:none;
	
}

	

.top-1-right-3
{
	width:50px;
	min-height:26px;
	float:left;
	
	margin:7px 0px 7px 0px;
	text-align:center;
	color:#FFF;
	
	
	
}


.top-1-right-4
{
	width:58px;
	min-height:26px;
	float:left;

	margin:7px 20px 7px 0px;
	text-align:center;
	color:#FFF;
	
	
	
}


    .top-1-right-5 {
        width:auto;
    }



.logo-box{
	width:100%;
	height:auto;
	float:left;
	
	
	margin:0px 10px 0px 0px;
}

.logo-size
{
	width:60px;
}


.logo-text{
	width:auto;
	height:auto;
	float:left;	
	color:#2181c1;
	font-family:Square721 BT;
}

.logo-text-1
{
	width:100%;
	font-size:20px;
	font-weight:bold;
	margin-top:-15px;
    float:left;
}



.logo-text-2
{
	width:100%;
	font-size:23px;
	font-weight:bold;
	text-transform:uppercase;
	margin-top:5px;
    float:left;
}




.top-4-inside
{
	width:90%;
		padding:0px 0px 20px 0px;
	
	
	margin:0 auto;
	
	text-align:center;
}





.box-1
{
	width:100%;
	
	float:left;
	margin:0px 0% 0px 0px;
}



.box-2
{
	width:100%;
	
	float:left;
	margin:30px 0% 0px 0%;
}


.box-3
{
	width:100%;
	
	float:left;
	margin:30px 0% 0px 0%;
	
	
}



.about-autho-img
{ width:100%;
float:left;

margin:10px 0px 0px 0px;
text-align:center;
}



.about-autho-text
{  width: calc(100% - 0px);
float:left;

margin:0px 0px 0px 0px;
padding-top:10px;
}







.spm-box-1
{
	width:100%;
	height:auto;
	
	float:left;
}



.spm-box-2
{
	width:100%;
	height:auto;
	
	float:left;
	margin:0px 0px 0px 0%;
}


.view-text-main
{
	width:96%;
	margin:0px 2% 20px 2%;
	padding-bottom:10px;
	border-bottom:dotted 1px #CCCCCC;
}

}