@media \0screen {
img {
width: auto; /* for ie 8 */
}
}
@media only screen and (max-width: 1160px) {
#header, #container, #footer, #menu nav, #wapper, #project_hot .content, #content_general #lr_main, #footer, #row1_footer .content{width:auto}
#content_general #lr_main .right_main_add{width:71%;}
#content_general #lr_main .left_main_add{}
#content_general #lr_main .right_main_add{}

#content_general, #row_footer, #row1_footer{padding-left:15px; padding-right:15px;}
#content_general #lr_main .right_main_add1 {
width: 63%;
}
#content_general #lr_main .left_main_add1 {
background: url(../images/bg_left2.gif) top center no-repeat;
width: 35%;
}
.form_contact textarea{width:410px;}
}


@media only screen and (max-width: 1000px) {
.cthd{width:auto !important}

#header, #container, #footer, #menu nav, #wapper, #project_hot .content, #content_general #lr_main, #footer{width:auto;}
#header #slogan{display:none !important;}
#header #form_search{display:none !important;}
.img_res img{width:95%; margin:0 auto;}
#menu {

border-bottom: 0px solid #ffb68f;
height: 0px;
}
#content_general #lr_main .left_main_add1{width:100%; float:none; background:none; }
#content_general #lr_main .left_main_add1 .content{padding:0;}
#content_general #lr_main .right_main_add1{float:none; width:100%;}
.project_list_details{width:29%;}
.project_list_details img{width:100%;}

#content_general #lr_main .left_main_add{width:30%;}
#content_general #lr_main .right_main_add{width:69%}
img.img_gene{width:100%;}


.add{float:none; width:95%; text-align:center; margin:0 auto;}
.par{float:none; width:100%; text-align:center; margin-left:0; padding-top:20px}

.par img {
float: none;
margin: 0 5px;
}
.par span {
float: none;
margin-right: 10px;
}
#footer{width:auto;}

#content_general {
background: #fff url("../images/bg_1.jpg") repeat-x scroll center top;
border-top: 1px solid #fff;

}
.content {
width: 100% !important;
}
	#content_general #lr_main {width:auto;}
	#content_general #lr_main .left_main .content img{float:left; margin-right:10px; margin-bottom:10px}
	#content_general #lr_main .left_main {
		margin-bottom:50px;
		padding-right: 0px;
		width: 100%;
		background-image:none;
	}
	#content_general #lr_main .right_main .hot_news .left img{float:left; margin-right:10px; margin-bottom:10px;}
	#content_general #lr_main .right_main {
		width: 100%;
		float:none;
	}
	#content_general #lr_main .right_main .hot_news .left{width:59%;}
	#content_general #lr_main .right_main .hot_news .right{width:39%}
	.line_top {
		clear: both;
	}

}
@media only screen and (max-width: 800px) {

	.cb_ge_all{background-color:#CCC; padding:10px;}
	.cb_ge{display:block !important; width:100%; padding:3px;  border:1px solid #CCC;}
	#content_general #lr_main .left_main_add{display:none;}
	#content_general #lr_main .right_main_add{width:100%}
	#row1_footer .content .left{float:none; text-align:center;}
	#row1_footer .content .right{float:none;text-align:center;}
	#slogan {display:none}
}
@media only screen and (max-width: 760px) {
	#content_general #lr_main .right_main .hot_news .left img{}
	#content_general #lr_main .right_main .hot_news .left{width:100% !important;}
	#content_general #lr_main .right_main .hot_news .right{width:100% !important; margin-top:20px;}
	img.img_resp {width:50%;}
	#menu { display: none; }
}
@media only screen and (max-width: 600px) {
	.news2 img{width:200px; height:133px;}
	.flex-control-paging li a{width:10px !important; height:10px !important;}
	.form_contact textarea{width:300px !important; }
	.submit_send {
		background:url(../images/bg_pen.jpg) bottom left no-repeat !important;
		width:100% !important;
		padding-left:0px !important;
	}

	.form_contact textarea{width:400px;}
	.project_list{width:100%; border:none; margin:0; padding:0;}
	.project_list_details {
		border-right: none;
		float:none;
		padding-left: 0px;
		padding-right: 0px;
		width: 300px;
		margin:0 auto;
		margin-bottom:20px;
		border-bottom:1px solid #CCC;
		padding-bottom:20px;
	}
	.project_list_details img{width:100%;}
}


@media only screen and (max-width: 380px) {
	.news2 img {
		width: 100%;
		height: auto;
	}
}

@media (max-width: 999px) and (min-width: 768px) {
	.container { 
		width: 100% !important;
	}
	header h1 {
		width: 200px;
	}
	#menu ul li a {
		padding: 14px 5px 11px 5px;
	}
}
@media (max-width: 768px) {
	header h1 {
		width: 100%;
		text-align: center;
	}
	#header .nav-menu {
	    background: rgba(255, 255, 255, 0.82);
	    position: absolute;
	    top: 100%;
	    left: 0;
	    right: 0;
	    z-index: 1000;
    	height: auto;

	}
	#header .nav-menu > ul {
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  flex-direction: column;
	  -ms-flex-wrap: wrap;
	      flex-wrap: wrap;
	  -webkit-box-pack: center;
	      -ms-flex-pack: center;
	          justify-content: center;
	}
	#header .nav-menu > ul li{ 
		line-height: 22px;
		border-bottom: 1px solid #152932;
		text-align: center;
	}
	#header .nav-menu > ul li a{ 
		color: #152932;
		padding: 10px;
	}
	.box-aboutme {
		padding: 40px 0px 0px 0px !important;
	}
	.box-aboutme .about-left .img {
		text-align: center;
	}
	.box-aboutme .about-left .img img{
		max-width: 320px;
	}
	.box-aboutme .about-right .about-btn {
		text-align: center;
	}
}