@media only screen and (min-width:320px) and (max-width: 767px){
	.main{ width:90%; margin:0 auto;   }
	.section{ width:100%; margin:0 auto;  }
	.top-section{ width:100%; margin:0 auto; }
	#header{ width:100%; height:100%; background:#fff; position:relative; box-sizing:border-box;  }
	.banner-panel{ width:100%;  }
	.welcome-panel{ width:100%;  }
	.latest_news{ width:90%; padding:5%; margin:0;  }
	.read-more{ padding:0 0 10px 0!important; }
	.top-right{ margin:0; float:none; }
	#header .search fieldset{ width:100%;  }
	#header .search .txtBox{ width:100%;  }
	ul.logo_menu li a{ font-size:0.9em;  }
	.ind-icon{ position:absolute; right:5px; top:5px;  }
	.ind-icon img{ width:30px;  }
	.logo_right{ float:none; } 
	 
	#header a.logo{ display:block; text-align:center; float:none;  }
	#header h1 span{ font-size:0.8em;  }
	#header h1{ font-size:1.8em; text-align:center; display:block; float:none;  }
	.content_left{ width:100%; padding:3%; box-sizing:border-box;  }
	.welcome_note{ width:100%;  } 
	.welcome_note h1{ font-size:2em; padding:0;  }
	.color_corner_block li{ width:97%; height:auto; min-height:auto;  padding:10px 0; }
	.content_right{ width:100%;   }
	.content_right .input-panel a{ padding:10px 15px;}
	.fotr_about{ width:100%; float:none; margin:0 0 10px 0;  }
	.footLink p{ text-align:center;  }
	.footLink li{ text-align:center;   }  
	.footvisitor{ width:100%;  }
	.footvisitor a{ text-align:center; display:block;  }
	.footvisitor p{ text-align:center; display:block;  }
	.fotr_about > ul{ margin:0;  }
	.footer_botstrip p{ text-align:center;  }
	.footLink p{ text-align:center;  }
	.color_corner_block li.adoption_corner{ background:#efc043;  }
	.color_corner_block li.parents_corner{ background:#d5c651;  } 
	.color_corner_block li.agency_corner{ background:#f4a251;  }
	#header .search{ float:none;  }
	#header .search .txtBox{ width:85%;  }
	.bottom-box,.bottom-box1{ height:200px; overflow:hidden; margin:0 0 10px 0; width:100%; }
	.inner_left{ width:100%;  }
	.inner_right{ width:100%;  }
	
	
}   
  
     
@media only screen and (min-width:768px) and (max-width: 1024px){
    .main{ width:90%; margin:0 auto;   }
	.section{ width:95%; margin:0 auto;  }
	.top-section{ width:95%; margin:0 auto; }
	#header{ width:100%; height:100%; background:#fff; position:relative; box-sizing:border-box;  }
	#nav a{ padding:10px 5px;  }
	#header h1{ font-size:1.8em;  }
	ul.logo_menu li{  padding: 0 0.1em; }
	.welcome_note{ width:100%;  }
	.welcome-panel{ width:38%;  }
	.banner-panel{ width:60%;  }  
	.latest_news{ margin:10px 0 0 0; width:90%;  }
	.latest_news h2{ padding:0 0 9px; }
	.latest_news p{ font-size:1em; line-height:13px;  }
	.bottom-box,.bottom-box1{ height:200px; overflow:hidden; }
  	 
	  
}     
     
@media screen and (max-width: 767px) {
	   	
	  
	  
}