/*320 below*/
@media screen and (max-width: 320px) { 

}
/*480 below*/
@media screen and (max-width: 480px) { 

}
/*640 below*/
@media screen and (max-width: 640px) { 

body {
    overflow: hidden;
    width: 100%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}



}
/*800 below*/
@media screen and (max-width: 1180px) {
	
	h2.project_title1 {
    font-size: 15px !important;
}
	
.container {
	width:90%;
}

.container2 {
	width:95%;
}

/*equal half*/.col_6 {
	width:100%;
	float:none;
}

/*equal 3column*/.col_4 {
	width:100%;
	float:none;
}

/*sum 3 of 3column*/.col_8 {
	width:100%;
	float:none;
}

/*equal 4column*/.col_3 {
	width:100%;
	float:none;
}

/*sum 3 of 4column*/.col_9 {
	width:100%;
	float:none;
}

h1 {font-size:30px; line-height:110%; padding:10px 0px;}
h2 {font-size:24px; line-height:130%;}
h3 {font-size:18px; line-height:130%;}
h4 {font-size:16px; line-height:120%;}

h2.title-section {font-size:28px; line-height:100%;}


/*Top*/


.sm_icon li{
	float:none;
	margin-right:10px;
	display:inline-block;
}

.sm_icon {
	text-align:center;
	display:inline-block;
	width:100%;
}

.top_contact {
	text-align:center;
	display:inline-block;
	width:100%;
}

/*header*/

.logo {text-align:center;}

/*nav*/

.top_nav {text-align: center; margin-top:0px;}

.top_nav li{ padding: 6px 11px;font-size:14px;}


/*banner*/

.banner_img_bg {
	text-align:center
}
.banner_text_cont {
	text-align:center;
	width:95%;
	margin:0px auto;
}

h1.banner_title1 {
	line-height:normal;
	font-size:36px;
	text-transform:uppercase;
	margin:15px;
	color:#FFF;
}


/*about*/



.about_col {
	text-align:center;
	margin-top:20px;
}

.title-about {
	font-size:30px;
	font-weight:bold;
	text-transform:uppercase;
}

.about_col2 {
	width:95%;
	padding-top:30px;
	text-align:center;
}

/*inner*/
.inner_right_bg {
	margin-top:60px;
}


}