/* (1) 320 - 721px Screen Size Starts Here */
@media only screen and (min-width: 320px) and (max-width: 721px) {

#container{
   width: 98%;
}
 
#header{
  flex-wrap: wrap-reverse;
  flex-direction: row-reverse;
	}
	
	#header div {
            width: 100%;
			}
 

 
	
 #wrapper{
	width: 98%;
	}
	

/* Header Properties Begins */
#banner{ 
height: 300px;
}

#search-panel li{
	width: 48%;
	}   
	
	#our-mission > div {
      width: 100%;
	  }
	   
	    h1{
	 font: bold 1em arial;
	     }
		 
		
	  #menu{
    width: 280px; 
	}
	   
	    /* wrapper Properties Begins */  
		
	    #navi-handle{
	    display: block;
	    }
		 #list-property{
		 margin-top: 20px;
		 }
		 
		    
				    /*Atco Properties Begins */
	 #atco-wrap{
    display: block;
	}
		 
		 #atco-left{
    display: none;
	      }
				   
				    /*PostBox Properties Begins */
	 .post-box{
    width: 100%;
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
	  }
	 
	 
	 .post-handle{
    display: block;
      }
	
	  .post-handle li{
    width: 100%;
      }
	 
	
	  
/*Deatail-Page Properties Begins */

#slide-top{
 display: block;
 }
 
  #slide-top li{
 width: 100%;
 }
  #icon-handle { 
   width: 100%;
  }

 #description-cover{
  display: block;
 }
  #description-cover li{
 width: 100%
 }
 
 .related-handle{
 width: 46%
 }
              /*Acc-Reg & AdNew Properties*/
  .input-holder li{
	width: 100%;
 }
 
                /*Footer Properties Begins*/

     #footer-ft{
    display: block;
	  }
 
 
   #footer-ft li{
     width: 100%;
       }
 
 } /* End 320-721px */




                           /* (3) 722-1099px Screen Size Starts Here */
@media only screen and (min-width: 722px) and (max-width: 1099px) {

#banner{ 
height: 300px;
}

#search-panel li{
	width: 31.5%;
	}   
	
	
	    /* wrapper Properties Begins */  
		
		#wrapper{
      padding: 10px;
	  }
	  
	                /*PostBox Properties Begins */
	
	   .post-box{
	   width: 48%;
      }
	
	
	 .post-handle{
    display: block;
      }
	
	.post-handle li{
    width: 100%;
      }
	
	
	#our-mission > div {
      width: 33%;
	  }
	

           /*Deatail-Page Properties Begins */
#detail-wrap{
max-width: 900px;
}		   
	
#slide-top{
 display: block;
 }
 
  #slide-top li{
 width: 100%;
 }
  #icon-handle { 
   width: 100%;
  }

 #description-cover{
  display: block;
 }
  #description-cover li{
 width: 100%
 }
 
 .related-handle{
 width: 46%
 }
              /*Acc-Reg & AdNew Properties*/
  .input-holder li{
	width: 100%;
 }
 
           
 
} /* End 722-1099px */