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

*{
  margin: 0px ;
  padding:0px ;

}

body { background:url(6enghoneysuckle.jpg);
       background-repeat:no-repeat;
	   width:100%;
	   height:100%;}
	   
#atul1{
         width:100% ;
		 height: 50px ;
		 background : rgba(0, 0, 0, 0.54) ;
}

#atul1 h2 {
            color:white ;
			height : 30px ;
			line-height:25px ;
			text-align:center ;
} 
#back { background:#c46336;
        height:40px ;
		width:140px;
		margin-top:0px ;
		margin-left:-20px ;
		border-radius:7px ;
		 }
		
#back h1 {
            color:white ;
			height : 30px ;
			 
			text-align:center ;
} 

#back a { text-decoration:none;}		
		  
#back:hover {
               transform : translate(20px) ; 
              transition : 0.7s ;
			  }
			  	
#back a {text-decoration:none ;}

#float { float:right ; }	

#ektaa {width:350px ;
         background:#c46336 ;
		 border-radius: 7px ;
		 height:40px;
		 margin-left:40px;
		 overflow:hidden; 
		 
		 }	
		 
		  
#ektaa a { text-decoration:none;
            line-height:40px;
			}		  		   					 			
#ektaa:hover { background-color : #9a3f15 ;
                 transition: 0.2s   ;
                 } 
				 
				 
#ektaa2 {width:400px ;
         background:#c46336;
		 border-radius: 7px ;
		 height:40px;
		 margin-left:500px;
		 margin-top: -557px ;
		 line-height:40px;
		 }				 
		 

#ektaa2 a { text-decoration:none;
            line-height:40px;
			}		  		   					 			
#ektaa2:hover { background-color : #9a3f15 ;
                 transition: 0.7s   ;
                 -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);;
				 box-shadow: 2px 2px; 
				 
				 } 
#ektaa3 	{width:400px ;
         background:#c46336 ;
		 border-radius: 7px ;
		 height:40px;
		 margin-left:500px;
		 margin-top:  ;
		 line-height:40px;
	
		 }			 	 

#ektaa3 a { text-decoration:none;}

#ektaa3:hover { background-color : #9a3f15 ;
                 transition: 0.7s   ;
                 -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);;
				 box-shadow: 2px 2px; 
				 
				 }

#ektaa4 	{width:400px ;
         background: rgba(0, 0, 0, 0.54) ;
		 border-radius: 7px ;
		 height:40px;
		 margin-left:500px;
		 margin-top:  ;
		 line-height:40px;
	
		 }			 	 
	


				 
#ektaa5 	{width:400px ;
         background:#c46336 ;
		 border-radius: 7px ;
		 height:40px;
		 margin-left:500px;
		 margin-top:  ;
		 line-height:40px;
	
		 }			 	 
	
#ektaa5 a { text-decoration:none;}

#ektaa5:hover { background-color : #9a3f15 ;
                 transition: 0.7s   ;
                 -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);;
				 box-shadow: 2px 2px; }	
				 
#ektaa6 {width:400px ;
         background:#c46336 ;
		 border-radius: 7px ;
		 height:40px;
		 margin-left:500px;
		 margin-top:  ;
		 line-height:40px;
	
		 }				 
#ektaa6 a { text-decoration:none;}

#ektaa6:hover { background-color : #9a3f15 ;
                 transition: 0.7s   ;
                 -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);;
				 box-shadow: 2px 2px; }	
				 
#ektaa7 {width:400px ;
         background:#c46336 ;
		 border-radius: 7px ;
		 height:40px;
		 margin-left:500px;
		 margin-top:  ;
		 line-height:40px;
	
		 }				 
#ektaa7 a { text-decoration:none;}

#ektaa7:hover { background-color : #9a3f15 ;
                 transition: 0.7s   ;
                 -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);;
				 box-shadow: 2px 2px; }	
				 
#ektaa8 {width:400px ;
         background:#c46336 ;
		 border-radius: 7px ;
		 height:40px;
		 margin-left:500px;
		 margin-top:  ;
		 line-height:40px;
	
		 }				 
#ektaa8 a { text-decoration:none;}

#ektaa8:hover { background-color : #9a3f15 ;
                 transition: 0.7s   ;
                 -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);;
				 box-shadow: 2px 2px; }	
				 
				 
#ektaa9 {width:400px ;
         background:#c46336 ;
		 border-radius: 7px ;
		 height:40px;
		 margin-left:500px;
		 margin-top:  ;
		 line-height:40px;
	
		 }				 
#ektaa9 a { text-decoration:none;}

#ektaa9:hover { background-color : #9a3f15 ;
                 transition: 0.7s   ;
                 -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);;
				 box-shadow: 2px 2px; }					 			 			 				 			
				 
#ektaa10 {width:400px ;
         background:#c46336;
		 border-radius: 7px ;
		 height:40px;
		 margin-left:920px;
		 margin-top: -522px ;
		 line-height:40px;
		 }				 
		 

#ektaa10 a { text-decoration:none;
            line-height:40px;
			}		  		   					 			
#ektaa10:hover { background-color : #9a3f15 ;
                 transition: 0.7s   ;
                 -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);;
				 box-shadow: 2px 2px; 
				 
				 } 	
				 
#ektaa11 {width:400px ;
         background:#c46336;
		 border-radius: 7px ;
		 height:40px;
		 margin-left:920px;
		 margin-top:  ;
		 line-height:40px;
		 }				 
		 

#ektaa11 a { text-decoration:none;
            line-height:40px;
			}		  		   					 			
#ektaa11:hover { background-color : #9a3f15 ;
                 transition: 0.7s   ;
                 -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);;
				 box-shadow: 2px 2px; 
				 
				 }
				 
#chapter { overflow:auto;
            max-height:250px;
			max-height:400px;}
			
@media screen and (max-width:480px){

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

*{
  margin: 0px ;
  padding:0px ;

}

body{ background:none;
      width:100%;
       height:100%;}

#atul1{
         width:100% ;
		 height: 50px ;
		 background : #662d05 ;
}

#atul1 h2 {
            color:white ;
			height : 30px ;
			line-height:25px ;
			text-align:center ;
} 
#back { background:#c46336;
        height:40px ;
		width:140px;
		margin-top:0px ;
		margin-left:-20px ;
		border-radius:7px ;
		 }
		
#back h1 {
            color:white ;
			height : 30px ;
			 
			text-align:center ;
} 

#back a { text-decoration:none;}		
		  
#back:hover {
               transform : translate(20px) ; 
              transition : 0.7s ;
			  }
			  	
#back a {text-decoration:none ;}

#float { float:right ; }	

#ektaa-1 {width:350px ;
         background:#c46336 ;
		 border-radius: 7px ;
		 height:40px;
		 margin-left:5px;
		 background : rgba(0, 0, 0, 0.54) ;
		 line-height : 40px ; 
		 }	
		 
		  	  		   					 			


#ektaa {width:97%;
         background:#c46336 ;
		 border-radius: 7px ;
		 height:40px;
		 margin-left:5px; 
		 overflow:hidden;
		 }	
		 
		  
#ektaa a { text-decoration:none;
            line-height:40px;
			}		  		   					 			
#ektaa:hover { background-color : #9a3f15 ;
                 transition: 0.2s   ;
                 } 
#ektaa2 {width:350px ;
         background : rgba(0, 0, 0, 0.54) ;
		 border-radius: 7px ;
		 height:40px;
		 margin-left:5px;
		 margin-top: 0px ;
		 line-height:40px;
		 }				 
		 


#ektaa3 	{width:350px ;
         background:#c46336 ;
		 border-radius: 7px ;
		 height:40px;
		 margin-left:5px;
		 margin-top:  ;
		 line-height:40px;
	
		 }			 	 

#ektaa3 a { text-decoration:none;}

#ektaa3:hover { background-color : #9a3f15 ;
                 transition: 0.2s   ;
                 } 

#ektaa4 	{width:400px ;
         background:#c46336 ;
		 border-radius: 7px ;
		 height:40px;
		 margin-left:0px;
		 margin-top:  ;
		 line-height:40px;
	
		 }			 	 
	
#ektaa4 a { text-decoration:none;}

#ektaa4:hover { background-color : #9a3f15 ;
                 transition: 0.7s   ;
                 -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);;
				 box-shadow: 2px 2px; }
				 
#ektaa5 	{width:400px ;
         background:#c46336 ;
		 border-radius: 7px ;
		 height:40px;
		 margin-left:500px;
		 margin-top:  ;
		 line-height:40px;
	
		 }			 	 
	
#ektaa5 a { text-decoration:none;}

#ektaa5:hover { background-color : #9a3f15 ;
                 transition: 0.7s   ;
                 -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);;
				 box-shadow: 2px 2px; }	
				 
#ektaa6 {width:400px ;
         background:#c46336 ;
		 border-radius: 7px ;
		 height:40px;
		 margin-left:500px;
		 margin-top:  ;
		 line-height:40px;
	
		 }				 
#ektaa6 a { text-decoration:none;}

#ektaa6:hover { background-color : #9a3f15 ;
                 transition: 0.7s   ;
                 -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);;
				 box-shadow: 2px 2px; }	
				 
#ektaa7 {width:400px ;
         background:#c46336 ;
		 border-radius: 7px ;
		 height:40px;
		 margin-left:500px;
		 margin-top:  ;
		 line-height:40px;
	
		 }				 
#ektaa7 a { text-decoration:none;}

#ektaa7:hover { background-color : #9a3f15 ;
                 transition: 0.7s   ;
                 -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);;
				 box-shadow: 2px 2px; }		
				 
#ektaa8 {width:400px ;
         background:#c46336 ;
		 border-radius: 7px ;
		 height:40px;
		 margin-left:500px;
		 margin-top:  ;
		 line-height:40px;
	
		 }				 
#ektaa8 a { text-decoration:none;}

#ektaa8:hover { background-color : #9a3f15 ;
                 transition: 0.7s   ;
                 -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);;

				 box-shadow: 2px 2px; }						 		 				 			 
				 
#ektaa9 {width:400px ;
         background:#c46336 ;
		 border-radius: 7px ;
		 height:40px;
		 margin-left:500px;
		 margin-top:  ;
		 line-height:40px;
	
		 }				 
#ektaa9 a { text-decoration:none;}

#ektaa9:hover { background-color : #9a3f15 ;
                 transition: 0.7s   ;
                 -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);;
				 box-shadow: 2px 2px; }		
				 
#ektaa10 {width:400px ;
         background:#c46336 ;
		 border-radius: 7px ;
		 height:40px;
		 margin-left:500px;
		 margin-top:  ;
		 line-height:40px;
	
		 }				 
#ektaa10 a { text-decoration:none;}

#ektaa10:hover { background-color : #9a3f15 ;
                 transition: 0.7s   ;
                 -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);;
				 box-shadow: 2px 2px; }					 			 
				 
#ektaa11 {width:400px ;
         background:#c46336 ;
		 border-radius: 7px ;
		 height:40px;
		 margin-left:935px;
		 margin-top: -463px ;
		 line-height:40px;
	
		 }				 
#ektaa11 a { text-decoration:none;}

#ektaa11:hover { background-color : #9a3f15 ;
                 transition: 0.7s   ;
                 -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);;
				 box-shadow: 2px 2px; }			
				 
#chapter { overflow:auto;
            max-height:250px;
			max-height:400px;}



}