body{
	min-width:350px;
	
}
 @media screen and (max-width:3300px){
	
	
	 
	 #homemenu{
		 width:0px;
		  
	 }
	 
	  #closehere{
		 width:0px;
		  
	 }
 }
 
 
@media screen and (max-width:1300px){
	
	  
	 
	 #homemenu{
		 width:0px;
		  
	 }
	  #closehere{
		 width:0px;
		  
	 }
	 
 }
 
 
 
 @media screen and (max-width:1000px){
	
	#ul a{
	text-decoration:none;
	padding:10px;
	color:green;
	margin-left:-4px;
	box-shadow:none;
	transition:background 0.5s, color 0.5s, padding 0.2s, padding-bottom 0.3s;
	}
	
	
	 
	 #ul{
		 margin-left:-200px;
		 padding:0px;
		 overflow:hidden;
		 background:white;
		 border-radius:0px 15px 0px 0px;
	 }
	 
	
	 
	 
	 nav ul ul{
		 background:skyblue;
	 }
	 
	  #homemenu{	
		 width:40px;
		  
	 }
	 
	  #closehere{
		 width:20px;
		  float:right;
	 }
	 
	 #ul li{
		 display:block;
		 padding:10px;
	 }
	 
	
	#after_main > div{
	height:250px;
	width:30%;
	border:1px solid silver;
	float:left;
	
	margin:1%;
	margin-top:5%;
}


	footer div{
		float:left;
		margin:2%;
		margin-right:2%;
		margin-left:2%;
		border-right:2px solid rgba(10,10,10,.1);
		border-radius:10px 30% 10px 10px;
		padding-right:20px;
		box-shadow:rgba(100,100,100,.2) 3px 3px 3px ;
	}
		 
 }
 
 

 
  @media screen and (max-width:800px){
	
	#ul a{
	text-decoration:none;
	padding:10px;
	color:black;
	margin-left:-4px;
	box-shadow:none;
	transition:background 0.5s, color 0.5s, padding 0.2s, padding-bottom 0.3s;
	}
	
	
	 
	 #ul{
		 margin-left:-300px;
		 padding:0px;
		 overflow:hidden;
		 background:white;
		 border-radius:0px 15px 0px 0px;
	 }
	 
	
	 
	 
	 nav ul ul{
		 background:skyblue;
	 }
	 
	  #homemenu{	
		 width:40px;
		  
	 }
	 
	 #ul li{
		 display:block;
		 padding:10px;
	 }
	 
	
	#after_main > div{
	height:200px;
	width:30%;
	border:1px solid silver;
	float:left;
	
	margin:1%;
	margin-top:5%;
	}

	#after_main2 >div{
		border-radius:0px;
		box-shadow:none;
		float:none;
		clear:both;
		border-left:1px dashed white;
		height:80%;
		
	}
	#sub_hom1{
		width:50%;
	}
	#sub_hom2{
		width:80%;
	}
	 
 }
 
 

 
  
  @media screen and (max-width:750px){
	
	#ul a{
	text-decoration:none;
	padding:10px;
	margin-left:-4px;
	box-shadow:none;
	transition:background 0.5s, color 0.5s, padding 0.2s, padding-bottom 0.3s;
	}
	
	
	 
	 #ul{
		 margin-left:-300px;
		 padding:0px;
		 overflow:hidden;
		 background:white;
		 border-radius:0px 15px 0px 0px;
	 }
	 
	
	 
	 
	 nav ul ul{
		 background:skyblue;
	 }
	 
	  #homemenu{	
		 width:40px;
		  
	 }
	 
	 #ul li{
		 display:block;
		 padding:10px;
	 }
	 
	
	#after_main > div{
	height:300px;
	width:70%;
	border:1px solid silver;
	float:none;
	clear:both;
	
	margin:1%;
	margin-top:5%;
}

	footer div{
		float:none;
		clear:both;
		text-align:center;
		margin:2%;
		margin-right:2%;
		margin-left:2%;
		border-right:2px solid rgba(10,10,10,.1);
		border-radius:10px 30% 10px 10px;
		padding-right:20px;
		box-shadow:rgba(100,100,100,.2) 3px 3px 3px ;
	}
		
	 
 }
 
 
   @media screen and (max-width:550px){

		#after_main > div{
	height:250px;
	width:70%;
	border:1px solid silver;
	float:none;
	clear:both;
	
	margin:1%;
	margin-top:5%;
}
   }