/* Computer */
.grid_1 	{ width: 6.5%; } 
.grid_2 	{ width: 15%; } 
.grid_3 	{ width: 23.5%; } 
.grid_4 	{ width: 32%; } 
.grid_5 	{ width: 38%; }
.grid_6 	{ width: 48%; } 
.grid_7 	{ width: 75%; } 
.grid_8 	{ width: 66%; } 
.grid_9 	{ width: 74.5%; } 
.grid_10 	{ width: 83%; } 
.grid_11 	{ width: 91.5%; } 
.grid_12 	{ width: 100%; } 
.grid_13 	{ width: 30%; } 
.team 		{ width: 25% ;}
.partner	{ width: 100%;}
.welcome 	{ width: 100%;}
.serv_title	{ width: 100%;}
.hr			{ width: 100%;}
.footer 	{ width: 100%;}
.copyright	{ width: 100%;}
/* .section	{ width: 46.8%;} */

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13{
	margin: 0 2% 1% 0;
	float: left;
	display: block;
}
.alpha{margin-left:0;}
.omega{margin-right:0;}

/* put countainer here */
.container{
	width: 90%; /*width: 1000px;*/
	max-width: 1366px;
	margin: auto;
}

.container_slider{
	width:80%;
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
	padding :0;
	clear:both;
	overflow:hidden;
}

.footer{
	margin:0;
	padding:2px 100px 2px;
	background-color:rgb(10,17,102);
	color:rgb(255,255,255);
}

.copyright{
	text-align:left;
	font-size:12px;
	margin:0;
	padding:15px 100px 2px;
	background-color:rgb(10,17,67);
	color:rgba(255,255,255,.6);	
}

.latest{
	margin-top:10px;
	padding-bottom:300px;	
}

.portfolio{
	padding-bottom:450px;	
	padding-top:20px;
}

.partner{
	float: left;
	display: block;
	text-align:justify;
	padding-top:5px;
	padding-bottom:25px;
}


.hr{
	float: left;
	display: block;
	text-align:justify;
	padding-top:5px;
	padding-bottom:5px;
}

.service {
	margin-bottom:10px;	
	float: left;
	display: block;
	padding-right:20px;
	padding-left:20px;
	background-color:rgba(197, 197, 197, 0.1);
	border-bottom: 2px solid rgba(41,144,241,.6);
	height:300px;
}

.team {
	float: left;
	display: block;
	padding:5px 5px 5px 5px;
	margin-left:50px;
	margin-bottom:20px;
}

.welcome{
	float: left;
	display: block;
	text-align:center;
	margin-top:280px;
	margin-bottom:350px;
	color:rgb(238, 237, 235);
}

.space1 {
	margin-top:100px;
}


.space2 {
	margin-top:86px;
}

.blue {
	background-color:rgba(41,144,241,.8);
	color:#FFF;
	padding-top:20px;
	padding-bottom:30px
}

.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}* html .clearfix,*:first-child+html .clearfix{zoom:1}
@media(max-width: 1024px){
}
@media(max-width: 720px){
.serv_title .grid_3{
	float:left;
	width:150px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
}
.grid_3 h4{
	font-size:14px;
}
.grid_3 .service{
	width:150px;
	height:400px;
}
.grid_3 .box-bottom a{
	font-size:14px;
}
.copyright .grid_4{
	width:300px;
}
}
@media(max-width: 400px){
.navigation{
	float:none;
}
.serv_title .grid_3{
	float:none;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
	width:240px;
}
.grid_3 .service{
	width:240px;
	height:280px;
}
.box-bottom{
	margin-bottom:20px;
}
.grid_4{
	float:none;
}
.footer{
	float:none;
	margin-left:auto;
	margin-right:auto;
}
.footer .grid_4{
	width:400px;
	margin-left:-50px
}
.copyright .grid_4{
	width:250px;
	margin-left:-50px
	
}
}