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

 @media only screen and (max-width: 768px ) {
 .mobilecall {
display:block;
}
	 .slide h1{font-size: 1.5em ; margin-left: .4em;margin-top:.5%}
 .slide h3{font-size: 1.5em ; margin-left: .4em;margin-top:.5%}
	 .slide p{font-size: 1em ; margin-left: .6em; text-align: left; width: 100%}
	 .Bannerbg {
	background-image:url(../images/bestastrologygurgaon.jpg);
	
		  
}

	.Bannerbg1, .Bannerbg2,.Bannerbg3{
 background-position: -800px 0px
	
		  
}
	 
	 
	 .slide h1,h3{font-size: 1.5em; margin-left: .3em }

.slide h1 span{font-size: .6em;  }
.slide h3 span{font-size: .6em; }

#slides .slide p { margin-left: .4em; width: 100% }

	 
	 
	 
	 #slides .slide {
	padding:20px;
	width:100%;
	height:500px;
	display:block;
	color:#FFF
}
	 .btnnavigatin {position: absolute; top:3em; right:1em; flex-wrap: wrap}
	
	 .btnnavigatin  span{ display: block; height:1px; margin: 5px 0px; background: #777777}
	 

 .slidesok .items {
width:100%
}
 .slidesok .items .pic img {
width:100%;
height:auto
}


#slides .prev {
	position:absolute;
	top:100px;
	left:0px;
	width:24px;
	height:33px;
	display:block;
	z-index:101;
}
#slides .next {
	position:absolute;
	top:120px;
	right:0px;
	width:24px;
	height:33px;
	display:block;
	z-index:101;
}






 .left-column {
width: 100%;
float: none
}
 .right-column {
width: 100%;
float: none
}
 #slidesok img {
width:100%;
height: 90px;
}
 #slidesok .pic img {
width:100%;
height: 90px;
}
 .Columnleft {
 width:100%;
 float:none;
}
.Columnright {
 width:100%;
 float:none;
 margin-left:10px;
 position:relative;
}
.btnnavigatin {
display:block
}
#slides .slide p {
width:30%;
font-size:100%;
}
nav {
display:none
}
.productbox {
float:none;
width:100%;
min-height:inherit
}
.TopLink {
width:100%;
text-align:center;
font-weight:normal;
font-size:100%;
}
.TopLink a {
display:none;
}
	 
.TopLink .bottominfo {
margin:0;
padding:0;
	

}
 .TopLink .bottominfo .fa-envelope-o {
clear:left
}
nav.responsive {
display:block
}
nav ul li {
display:block;
border:none;
border-bottom:1px dotted #ffffff;
float:none
}
nav ul li a {
float:none
}
 nav ul li a:hover {
float:none
}
.zodiac {
float:none;
width:100%;
height:auto
}
.zodiac hr {
display:none
}
.zodiac .zoom {
display:none
}
#banner {
object-fit:cover;
height:180px
}
.navratribanner {
content:url("../images/nav-ratri2.jpg");
}
.responsive-banner{width:100%; height:auto

}
.responsive-banner{width:100%; height:auto}
.btnnavigatin {
display:block
}
.clendar{ width:98%;  
	float:none; margin-top:5px; height:300px; overflow:hidden}
	.clendarfront {width:100%;height:300px;}
	.clendarback {width:100%}
	.clendarfront img {
	width:100%;
	height:275px;
}
.flex-box{  flex-wrap: wrap;}
}