*{ margin: 0px;  padding: 0px;

}
@media screen and  (max-width: 959px)  {
	
.col-xs-12 .col-sm-6 .col-md-8
	
.col-xs-6 .col-sm-4	
	
}

.container { width: 100%;
	height:100%;
	margin:0px auto;
	background-repeat:repeat;
}

.header { 
	width:100%;
	height:190px;
	//*background-color: #F00;*//
	font-family: 'Slabo 27px', serif;
}
.menu li a:hover { background-color: #FC0;}

.menu {
	width:100%;
	height:150px;
	/*margin-top: -25px;*/
	//*background-color:#FFF;*/
	font-family: 'Slabo 27px', serif;
}

.sub-menu {
	width:100%;
	height:40px;
	margin-top: -8px;
	font-family: 'Slabo 27px', serif;
}

.sub-menu li a:hover { 
	color:#900; 
	background-color:#FC0; 
	text-transform: inherit;
	border: 3px solid:#6CC;
	float:none;
 }

.content { 
	width:100%;
	height:400px;
	//*background-color: #00C;*//
	margin:0 auto;
	font-family: 'Slabo 27px', serif;
}

.small { 
	width:1000px;
	height:500px;
	position:relative;
	background:#fff;
	margin:0 auto;
	top:-300px;
	font-family: 'Slabo 27px', serif;
}

.wrapper { 
	width:1000px;
	height:600px;
	background-color:#fff;
	margin:0 auto;
	margin-top:-280px;
	font-family: 'Slabo 27px', serif;
}

.row { 
	width:1000px;
	height:700px;
	margin:0 auto;
	position:relative;
	margin-top:125px;
	background-color:#000;
	font-family: 'Slabo 27px', serif;
}

.first, .second { 
	width:490px;
	height:700px;
	position:relative;
	float:left;
	background-color:#fff;
	font-family: 'Slabo 27px', serif;
}


.sub-wrapper {
	width:1000px;
	height:700px;
	background-color:#fff;
	margin:0 auto;
	margin-bottom:100px;
	font-family: 'Slabo 27px', serif;

}

.row2 { 
	width:1000px;
	height:700px;
	margin:0 auto;
	position:relative;
	margin-top:125px;
	background-color:#Fff;
	font-family: 'Slabo 27px', serif;
}

.first1, .second2 { 
	width:250px;
	height:700px;
	position:relative;
	float:left;
	background-color:#Fff;
	font-family: 'Slabo 27px', serif;
}

.middle {
	width:100%;
	height:550px;
	margin:0 auto;
	background-color: #fff;
	margin-top:200px;
	font-family: 'Slabo 27px', serif;
}

.sub-footer {
	width:100%;
	height:auto;
	margin:0px auto;
	padding:20px 0px;
	font-family: 'Slabo 27px', serif;

}
/***menu left***/
.menu-left{
	float:left;
	margin-left:10px;
	margin-top:45px;
	font-size:14px;
	font-family: 'Slabo 27px', serif;
}
.menu-left li{
	float:left;
	list-style:none;
	padding:17px 15px;
	margin-right:5px;
	font-family: 'Slabo 27px', serif;
}
.menu-left a:link, .menu-left a:active, .menu-left a:visited{
	text-decoration:none;
	color:#000;
}
.menu-left a:hover{
	color:#f00;
}


.menu-right{
	float:right;
	margin-right:20px;
}
.menu-right li{
	float:left;
	list-style:none;
	padding:9px 15px;
	margin-right:5px;
}
.menu-right .active{background-color:#f00;}
.menu-right a:link, .menu-right a:active, .menu-right a:visited{
	text-decoration:none;
	color:#fff;
}
.menu-right a:hover{
	color:#fff;
	text-decoration:underline;
}

.mleft{
	width:35%;
	height:110px;
	float:left;
	margin-left:3%;
	padding-top:20px;
	background-color:#fof;	
}
.mright{
	width:40%;
	height:130px;
	float:right;
	
}
.input{
	height:25px;
	display:block;
}
.btn{
	padding:5px 10px;
	background: #900;
	border:none;
	margin-top:10px;
}
.mrow{
	width:1000px;
	margin:0px auto;
	padding:30px 0px;
	height:auto;
	
}
.box{
	width:250px;
	height:auto;
	float:left;
	margin-bottom:50px;
	
}
.no-liststyle{
	list-style:none;
}
.no-liststyle a, .ml a{
	color:#fff;
}
.icon a{
	margin-left:10px;
	color:#fff;
}
.clear{
	clear:both;
}
.ml{
	float:left;
}
.mr{
	float:right;
}