/* (1) 320-520px Screen Size Starts Here */
@media only screen and (min-width: 320px) and (max-width: 520px) {
#navi{
display: none;
 }
 body {
overflow-x: hidden;
 }
 
#navWrap{
display: block;
 } 
 
  #topCrown{
 border-radius: 0px;
  }
 
          /* Index Contents Begins  */ 
.index-flex{
display: block;
}
.flex-cover{
display: block;
 }

.index-content{
width: 100%;
}

.index-img{
width: 100%;
}

.input-holder{
display: block;
}
 .input-holder li{
	width: 100%;
	}      
            /*  Ends Index Contents  */ 


.myflex,
#ftNav{
 display: block;
}

.myflex div{
 width: 100%;
}


#menu{
 display: block;
 }
        /* Inner Images Properties */
 
   #mid-image{
 height: auto;
}		
		       /* SlideShow Properties */
		 #slideshow { 
    height: 400px;
	}	   
  #slideshow > div{
    height: 400px;
	}
	
	   
	 .slidePhoto{ 
    height: 400px;
	}   		     
			   
  .icia{
  top: 4px;
  left: 5px;
 } 
                   /*News Update Properties Begins*/  
 #update-flex{
 display: block;
    } 
	
	  #update-flex li{
     width: 100%;
	 margin-top: 50px;
	}       
   
	
	      /*Youtube Properties Begins*/  
	.youtube-holder li{
	display: block;
	width: 46%;
	}		
 

 } 
 
              /* End 320-520px Properties*/
 
 
 
                              /* (2) 521-820px Screen Size Starts Here */
@media only screen and (min-width: 521px) and (max-width: 820px) {

#container{
 max-width: 73%;
 }


#navi{
display: none;
 }
 body {
overflow-x: hidden;
 }
 
#navWrap{
display: block;
 } 
 
 #topCrown{
 border-radius: 0px;
  }
          /* Index Contents Begins  */ 
.index-flex{
display: block;
}
.flex-cover{
display: block;
 }

.index-content{
width: 100%;
}

.index-img{
width: 100%;
}
#index-img img{
height: 640px;
}
.input-holder{
display: block;
}
 .input-holder li{
	width: 100%;
	}      
            /*  Ends Index Contents  */ 


.myflex{
 display: block;
}

.myflex div{
 width: 100%;
}


#menu{
 display: block;
 }
     
          /* Inner Images Properties */
 
  #mid-image{
 height: 300px;
}	
 
		       /* SlideShow Properties */
  
  #slideshow { 
    height: 400px;
	}	   
  #slideshow > div{
    height: 400px;
	}  
	
	  .slidePhoto{ 
    height: 400px;
	}   
  
   .icia{
  top: 4px;
  left: 5px;
 } 
               /*News Update Properties Begins*/  
 #update-flex{
 display: block;
} 
      
   #update-flex li{
     width: 100%;
	 margin-top: 50px;
	}       
 
             /*Youtube Properties Begins*/  
	.youtube-holder li{
	display: block;
	width: 46%;
	}		
 
	#ftNav  li{
            width: 100%;
			text-align: left;
			}



}/* End 521-820px */