.header-img{
	width:100%;
	height:100%;
}
#backtotop .norm{
	background-image:url(../all-images/got-to-top.png);
	background-repeat:no-repeat;
	width:35px;
	height:52px;
}
#backtotop .norm:hover{
	background-image:url(../all-images/got-to-top-b.png);
	background-repeat:no-repeat;
}


#backtotop {
	position: fixed;
	right:10px;
	bottom:240px;
	width:59px;
	height:59px;
	border-radius:50px;
	z-index:999999;
	background:rgba(0, 0, 0, 0.85);
}
#backtotop:hover{
	background:#ffffff;
}
#backtotop a {
	text-decoration:none;
	border:0 none;
	display:block;
	text-align:center;
	margin:0 auto;
	margin-top:5px;
}
.logo-margn-fotr{
	margin-top:10px;
}
.h2-span{
	color:#a7a9ac;
}
section{
	width:100%;
	background-image:url(../all-images/march6.jpg);
	background-repeat:repeat;
	padding-bottom:35px;
}
.header-img img{
	width:100%;
}
.link-sm-margn{
	margin-top:35px;
	margin-bottom:80px;
}
.image-center{
	margin:0 auto;
}
.nav-position{
	background:rgba(0, 0, 0, 0.35);
	position:absolute;
	top:0;
	left:0;
	width:100%;
	position:fixed;
	z-index:99999999;

}
.nav-brder{
	width:96%;
	border-bottom:1px solid  #fff;
	margin-left:25px;
	margin-right:50px;
	padding-right:50px;
	float:left;
	opacity:0.50
}
.thumb-margn{
	margin-top:35px;
}
.thumb-margn-bttm{
	margin-bottom:15px;
}
.center-align {
	width:100%;
	/* Firefox */
    display:-moz-box;
	-moz-box-pack:center;
	-moz-box-align:center;
	/* Safari and Chrome */
    display:-webkit-box;
	-webkit-box-pack:center;
	-webkit-box-align:center;
	/* W3C */
    display:box;
	box-pack:center;
	box-align:center;
	/* Internet Explorer 10 */
    display:-ms-flexbox;
	-ms-flex-pack:center;
	-ms-flex-align:center;
}

footer{
	background-color:#000000 !important;
	background:url(http://devotionalindia.com/add/Images/dev.png) no-repeat center 5px,url(http://devotionalindia.com/footergrid.png) repeat scroll 0 0,url(http://devotionalindia.com/basebg.jpg) no-repeat scroll right center #000;
	width:100%;
	border-top:5px solid #343436;
	position: relative;
	
}
.logo-margin{
	margin-top:40px;
	margin-bottom:0;
}
.border{
	border-top:1px solid #FFC;
	border-bottom:1px solid #FFC;
}
.border1{
	border-top:1px solid #c3a663;
	opacity:0.40;
}
.border2{
	width:75%;
	border-top:1px solid #c3a663;
	margin-left:43px;
	margin-right:50px;
	opacity:0.40;
}
.sm-left{
	margin-left:12px;
}
.link-margn{
	margin-top:14px;
	margin-bottom:14px;
}
.link-font-size li a{
	color:#c3a663 !important;
	font-family: Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 11px;
    line-height: 14px;
}
.link-font-size li a:hover{
	color:#ffffff !important;
	font-family: Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 11px;
    line-height: 14px;
}
.bttm-footer{
	margin-top:0px;
	width:100%;
	margin-bottom:0;
	background:#333333;
	border-top:2px solid #000;
}
.border-margn1{
	padding-right:56px !important;
	padding-left:56px !important;
}
.border-margn2{
	padding-right:51px !important;
	padding-left:51px !important;
}
.sm-link>li{
	display:inline-block;
	padding-right:2px;
	padding-left:0;
}
.sm-link li a img{
	opacity:0.70;
}
.sm-link li a img:hover{
	opacity:1.0;
}
.center-ul{
	margin-left:auto !important;
	margin-right:auto !important;
}
.thmb-margn-top{
	margin-top:15px;
}
.btn1:hover {
background-color: #c3a663;
color: white;
}
.btn1 {
text-align:center;
margin-left:auto;
margin-right:auto;
display: block;
width: 102px;
text-align: center;
height: 25px;
padding:5px;
font-family: Arial, Helvetica, sans-serif;
font-weight: 700;
font-style: normal;
font-size: 10px;
line-height: 14px;
color: #c3a663;
text-transform: uppercase;
border: 1px solid #766a54;
border: 1px solid rgba(195, 165, 99, 0.4);
overflow: hidden;
cursor: pointer;
z-index: 1;
transition: background 0.3s ease-out, color 0.3s ease-out;
-webkit-transition: background 0.3s ease-out, color 0.3s ease-out;
-moz-transition: background 0.3s ease-out, color 0.3s ease-out;
-o-transition: background 0.3s ease-out, color 0.3s ease-out;
}

ul#portfolio{
	list-style-type:none;
	margin-left:-40px;
	margin-bottom:0;
	max-width:100% !important;	
}

ul#portfolio li img{
	display:block !important;
	max-width:98% !important;
}

/*only for chrome*/
ul#portfolio li .img4-chrome{
	max-width:98% !important;
}

ul#portfolio li .img2-chrome{
	max-width:317% !important;
}

ul#portfolio li .img3-chrome{
	max-width:336% !important;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	ul#portfolio li img {
		display: block !important;
		max-width: 117% !important;
	}
 	h2, .h2 {
		font-size:32px;
		font-weight:bold;
		font-family:"Swis721 Md BT";
		color:#ffffff;
		letter-spacing:-3px;
		line-height:1;
		text-align:center;
		margin:0 auto !important;
	}
}
/*chrome css ends here*/

@media only screen and (min-width : 992px) and (max-width : 1199px){
	ul#portfolio{
		max-width:50% !important;
		height:158px !important;
	}
	ul#portfolio li img{
		display:block !important;
		max-width:78% !important;		
	}
	h5, .h5 {
		text-align:center;
		width:266px;
		position:absolute;
		font-size:14px;
		font-weight:600;
		background:rgba(0, 0, 0, 0.70);
		color:#ffffff;
		bottom:4px;
		margin:0 auto;
		line-height:1.3;
		padding:5px;
		margin-bottom:-5px;
		z-index:9999;
		width: 204px !important;
	}
}

@media only screen and (min-width : 768px) and (max-width : 991px){
	ul#portfolio{
		max-width:50% !important;
		height:151px !important;
	}
	
	ul#portfolio li img{
		display:block !important;
		max-width:71% !important;
	}
	
	h5, .h5 {
		text-align:center;
		width:266px;
		position:absolute;
		font-size:14px;
		font-weight:600;
		background:rgba(0, 0, 0, 0.70);
		color:#ffffff;
		bottom:4px;
		margin:0 auto;
		line-height:1.3;
		padding:5px;
		margin-bottom:2px;
		z-index:9999;
		width: 187px !important;
	}
}

@media only screen and (max-width : 767px) {
	.nav-brder{
	width:100%;
	border-bottom:1px solid  #fff;
	margin-left:0px;
	margin-right:0px;
	padding-right:0px;
	float:left;
	opacity:0.50
}
	.header-img{
		margin-top:50px;
	}
	.border-margn1{
	padding-right:0px !important;
	padding-left:0px !important;
}
.border-margn2{
	padding-right:0px !important;
	padding-left:0px !important;
}
	ul#portfolio{
		max-width:100% !important;
		height:210px !important;		
		/*margin:0 auto 0 0 !important;*/
		display:block !important;
		/*max-width:52% !important;*/
	}
	ul#portfolio li img{
		margin: 0 auto !important;
	}
	ul#portfolio li{
		width:100%;
		/* Firefox */
		display:-moz-box;
		-moz-box-pack:center;
		-moz-box-align:center;
		/* Safari and Chrome */
		display:-webkit-box;
		-webkit-box-pack:center;
		-webkit-box-align:center;
		/* W3C */
		display:box;
		box-pack:center;
		box-align:center;
		/* Internet Explorer 10 */
		display:-ms-flexbox;
		-ms-flex-pack:center;
		-ms-flex-align:center;
		/*margin-left:-20px;*/
		margin:0 auto !important;
	}
	.center-align{
		float:left !important;
	}
	.center-div {
		margin:0 auto !important;
	}
	.center-div2 {
		 text-align:center !important;
	}	
	.navbar-default .navbar-nav > li > a{
		color: #fff;
		font-size: 16px;
	}
	.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
		color:#000000;
		background-color:transparent;
		opacity:0.50;
		font-size:16px;
	}
	.border {
		border-top:1px solid #FFC;
		border-bottom:1px solid #FFC !important;
	}
	.navbar-default {
		background:rgba(0, 0, 0, 0.55);
		z-index:99999;
		margin-left: 0px;
	}
	.col-xs-12 .jp-audio {
		width:276px;
		margin:0 auto;
	}
	h5, .h5
	{
		text-align:center;
		width:266px;
		position:absolute;
		font-size:14px;
		font-weight:600;
		background:rgba(0, 0, 0, 0.70);
		color:#ffffff;
		bottom:4px;
		margin:0 auto;
		line-height:1.3;
		padding:5px;
		margin-bottom:0;
		z-index:9999;
	}
	h2, .h2 {
		font-size:32px;
		font-weight:bold;
		font-family:"Swis721 Md BT";
		color:#ffffff;
		background-color:rgb(0,0,0);
		letter-spacing:-3px;
		line-height:1;
		text-align:center;
		margin:0 auto !important;
	}
	.img-postn{
		position:relative;
	}
	.sm-left{
		text-align:center;
		padding:0;	
	}
	.link-sm-margn{
		margin-top:10px;
	}
	.border2{
		width:100%;
		border-top:1px solid #c3a663;
		margin-left:0px;
		opacity:0.40;
	}
}

@media only screen and (min-width : 321px) and (max-width : 350px){
ul#portfolio{
	max-width:100% !important;
	height:189px !important;		
	/*margin:0 auto 0 0 !important;*/
	display:block !important;
	/*max-width:52% !important;*/
}
ul#portfolio li img{
	margin: 0 auto !important;
	max-width:86% !important;
}

.col-xs-12 .jp-audio {
	width:244px;
	margin:0 auto;
}
h5, .h5 {
	text-align:center;
	width:276px;
	position:absolute;
	font-size:14px;
	font-weight:600;
	background:rgba(0, 0, 0, 0.70);
	color:#ffffff;
	bottom:4px;
	left:0;
	right:0;
	line-height:1.3;
	padding:5px;
	margin-bottom:2px;
	z-index:9999;
	width:237px !important;
}
}

@media only screen and (max-width : 320px){
ul#portfolio li img{
	margin: 0 auto !important;
	max-width:106% !important;
}
}
/* ----------------------  */
.abc{
	width:100%;
	height:171px;
	position:absolute;
	bottom:0px;
	left: 0px; background:url(../all-images/footer-template.png) repeat-x;
}