/* CC INTERNATION SCHOOL RESPONSIVE */
@media (min-width:768px)  {
.container{
	width:730px;}
.other-menu{
	padding:10px 5px;}
.other-menu li
{
	margin-bottom:15px;
}

.other-menu li:nth-child(04)
{
	width:40%;
}

.logo img
{
	height:70px;
	width:220px;
}

nav
{
	position:relative;
	z-index:1;
}

.acgrid
{
	width:50%;
}

.add li.first
{
	text-align:left;
	width:100%;
	display:table;
	clear:both;
}}

@media (min-width:920px)  {
.container
{
	width:880px;
}

.other-menu li:nth-child(4)
{
	width:auto;
}

.top-nav ul li
{
	font-size:12px;
	padding:11px 15px;
}

.other-menu li
{
	margin-bottom:0;
}}

@media (min-width:980px)  {
.container
{
	width:950px;
}

.other-menu
{
	padding:10px;
}

.other-menu li
{
	margin-bottom:0px;
}

.other-menu li:nth-child(04)
{
	width:auto;
}

.logo img
{
	height:119px;
	width:350px;
}

.acgrid
{
	width:25%;
}}

@media (min-width:992px)  {
.container
{
	width:960px;
}

.add li.first
{
	text-align:right;
	width:230px;
}}

@media (min-width:1024px) {
.container
{
	width:1000px
}

.top-nav ul li
{
	font-size:12px;
}}

@media (min-width:1200px) {
.container
{
	width:1150px
}

.top-nav ul li
{
	font-size:14px;
	padding:11px 15px;
}}

@media (min-width:1366px) {
}

@media (max-width: 767px)  {
.logo
{
	position:relative;
	z-index:1;
}

.logo img
{
	height:64px;
	width:200px;
}

.other-menu li
{
	margin-bottom:10px;
}

.inactivety
{
	padding-bottom:0px;
}

.acgrid
{
	margin-bottom:15px;
	width:100%;
}

h1
{
	line-height:40px;
	font-size:26px;
}

.ournews, .message
{
	width:100%;
	margin-bottom:10px;
}

.grid-01, 
.grid-02, 
.grid-03,
.pri-img, 
.pri-msg
{
	width:100%;
}

.fbottom li,.fbottom li:last-child
{
	float:none;
	margin-bottom:7px;
}

.pri-img img
{
	height:191px;
	width:189px;
}

.stu-infm, .add-infm
{
	float:none;
	width:100%;
}

.add li.first
{
	text-align:left;
	width:auto;
}}

/*==nav===*/
@media screen and (max-width:920px) {
nav 
{ 
	height:auto;
	float:none;
}

nav ul 
{
	width:100%;
	display:block;
	height:auto;
}

nav li 
{
	width:100%;
	position:relative;
}

.top-nav ul li
{
	border-radius:0px;
}

nav li
{
	border-bottom:1px solid #54a306;
	border-top:1px solid #70d40e;
}

nav a 
{
	text-align:left;
	width:100%;
	text-indent:25px;
}}

@media only screen and (max-width :920px) {
nav 
{
	border-bottom:0;
	float:none;
}

nav ul 
{
	background:#5fbf01;
	display:none;
	height:auto;
	margin:0;
	margin-top:1em;
}

.top-nav ul li,
.top-nav ul li:hover,
.top-nav ul li.active
{
	background-image:none;
}

.top-nav ul li
{
	padding:10px 0;
}

nav a#pull 
{
	display:block;
	position:relative;
	color:#F26D7D;
	text-align:right;
	position:absolute;
	top:0px;
}

nav a#pull:after 
{
	content:"";
	background:url('nav-icon.png') no-repeat;
	width:30px;
	height:30px;
	display:inline-block;
	position:absolute;
	right:15px;
	top:10px;
}

nav a#pull img
{
	margin-right:2%;
}

.top-nav ul li a 
{
	color:#fff;
	padding:0em 0;
}

#footer input[type="text"], textarea
{
	width:100%;
}}

@media only screen and (max-width :320px) {
nav 
{
	float:none;
}

nav li 
{
	display:block;
	float:none;
	width:100%;
}}
