/*750*/
@media only screen and (max-width : 1023px){
	body{

		background-size: 100% 557px;
	}

	.pagewidth{
		width: 750px;
	}

	.tree{
		width: 204px;
		height: 360px;
		top: 105px;
		background-size: 204px 360px;
	}

	#header .logo{
		width: 257px;
	}

	#header .call h3{
		font-size: 24px;
		margin-top: 8px;
	}

	#header .call ul li{
		font-size: 18px;
	}

	#header .call ul li.fb img{
		margin-left: 16px;
		margin-bottom: -6px;
		width: 23px;
	}

	#menu{
		padding-top: 6px;
	}

	#menu .menu{
		height: 31px;
		background-size: 750px 100%;
	}

	#menu .menu li{
		display: block;
		float: left;
		padding: 0 28px;
		height: 31px;
	}

	#menu .menu li.doc{
		padding: 0;
		width: 1px;	
		background: url(../images/doc.png);
	}

	#menu .menu li a{
		font-size: 14px;
		line-height: 29px;
	}

	#menu .mshadow{
		top: 14px;
		left: 10px;
		width: 730px;
		height: 33px;
		background-size: 730px 100%;		
	}

	#slider, #slider .pagewidth
	{		
		height: 340px;
	}

	#slider img.hideimg{
		height: 273px;
	}

	#slider .find{
		top: 13px;
		width: 258px;
		height: 170px;
		padding: 4px;
		background-size: 269px 100%;
		background-repeat: no-repeat;
	}

	#slider .find h3
	{
		font: 15px 'Myriad Pro';
		padding: 8px 16px;
	}

	#slider .find ul{
		padding: 12px 8px;
		margin: 0 8px;	
	}

	#slider .find ul li{		
		padding-bottom: 8px;
	}

	#slider .find ul li input[type="text"], #slider .find ul li input[type="email"]{
		width: 208px;
		height: 23px;
		border: 0;
		padding: 0 8px;
	}

	#slider .find ul li input[type="submit"]{
		width: 90px;
		height: 29px;
		background-size: 90px 29px;		
		margin-right: 2px;
	}

	#slider .text{		
		top: 71px;
		left: 189px;
		font-size: 18px;
	}

	#slider .text h3{
		font-size: 50px;
	}

	#content{
		padding-bottom: 10px;
	}

	#content .service{
		height: 304px;
		width: 751px;
		background-size: 751px 100%;
		margin: 24px 0;
	}

	#content .service ul{
		bottom: 4px;
		left: 12px;
		font-size: 13px;
	}

	#content .service ul li{
		display: block;
		float: left;
		width: 158px;
		height: 142px;
		padding: 5px;
		padding-left: 10px;
		background-size: 170px 100%;
		margin-right: 14px;
	}

	#content .service ul li h3{
		font-size: 18px;
		padding: 5px 0;
		margin-bottom: 5px;
	}

	#content .service ul li a.more{
		width: 77px;
		height: 27px;
		background-size: 77px 100%;
		margin-top: 8px;
	}

	#content .team{
		width: 295px;
	}

	#content .team .looking{
		display: block;
		width: 295px;
		height: 44px;
		font-size: 16px
		line-height: 40px;
		background-size: 295px 100%;
	}

	#content .team .join{
		width: 290px;
		height: 44px;
		margin: 3px auto;
		background-size: 290px 100%;
	}

	#content .ctitle{
		padding: 12px 0;
		font-size: 24px;
	}

	#content .detail p{
	    margin-bottom: 17px;
	}

	#content .contact{
		margin: 12px 0;
		margin-bottom: 40px;
		width: 750px;
	}

	#content .contact li{
		display: block;
		float: left;
		border-right: 1px solid #ccc;
		width: 40%;
		padding: 10px 20px;
	}

	#content .contact li:last-child{
		border-right: 0;
	}

	#content .contact li td{
		padding: 5px 10px;
	}

	#content .contact li input[type="text"]
	{
		width: 180px;
		border: 1px solid #ccc;
	}

	#content .contact li textarea{
		width: 180px;
		height: 100px;
		border: 1px solid #ccc;
	}

	#content .contact li input[type="submit"]
	{
		padding: 2px 10px;
		float: right;
	}

	#content .contact li strong{
		display: block;
		font-size: 20px;
		margin-bottom: 10px;
	}
/*modified*/

	#content .contact2{
		margin: 12px 0;
		margin-bottom: 40px;
		width: 750px;
	}

	#content .contact2 li{
		display: block;
		float: left;
		border-right: 1px solid #ccc;
		width: 40%;
		padding: 10px 20px;
	}

	#content .contact2 li:last-child{
		border-right: 0;
	}

	#content .contact2 li td{
		padding: 5px 10px;
	}

	#content .contact2 li input[type="text"]
	{
		width: 200px;
		height: 23px;
		border: 1px solid #ccc;
	}

	#content .contact2 li textarea{
		width: 200px;
		height: 100px;
		border: 1px solid #ccc;
	}

	#content .contact2 li input[type="submit"]
	{
		padding: 2px 10px;
		float: right;
	}

	#content .contact2 li strong{
		display: block;
		font-size: 20px;
		margin-bottom: 10px;
	}

	#footer
	{
	    padding: 20px 0;
	    color: #0d0d0e;
	    font: 11px tahoma;
	    border-top: 3px solid #2f7a3c;
	}

	#footer ul li{
	    padding: 0 9px;
	}

	.ourclient
	{
	    margin-bottom: 12px;
	    visibility: visible;
	    width: 749px;
	}

	.ourclient .shadow{
		width: 749px;
		height: 12px;
		bottom: -12px;
		background-size: 749px 100%;		
	}

	.ourclient h3
	{
	    color: #fff;
	    font: bold italic 19px/44px 'Myriad Pro';    
	    height: 44px;
	    padding-left: 24px;    
	    background-size: 100% 44px;
	}

	.caroufredsel_wrapper
	{
	    width: 684px !important;    
	    height: 115px !important;    
	}

	.ourclient #foo2
	{
	    margin-left: 32px;    
	    top: 10px !important;
	}

	.ourclient #foo2 a
	{
	    margin-right: 10px;
	    margin-left: 10px;
	    height: 106px;
   	    line-height: 130px; 
	}

	.ourclient #foo2 img
	{
		width: 121px;
	}

	.ourclient #prev_client
	{
	    background-size: 27px 27px;
	    height: 27px;
	    width: 27px;
	    bottom: 50px;
	    left: 6px;
	}

	.ourclient #next_client
	 {
	     background-size: 27px 27px;
	     height: 27px;
	     width: 27px;
	     bottom: 50px;     
	     right: 6px;        
	 }
	
	#content .detail img{
		max-width: 750px;
		height: auto;
	}
	
	#menu .menu li ul{
		top: 31px;
	}
	
	#menu .menu li ul li a{
		font: 13px/1.2 Arial;
	}

	.foo2 {
	    width: 710px;
	}

	.pageright{
		width: 340px;
	}

	#slider .smallText{
		margin-top: 5px;
	}
	
	.chng {
		font-size: 15px;
	}
}

/*480*/
@media only screen and (max-width : 749px){
	body{
		font-size: 14px;
		background: none;
	}

	.pagewidth{
		width: 480px;
	}

	.submenu{
		display: block;
	}

	#menu .menu{
		display: none;
	}

	.tree{
		display: none;
	}
	#header, #menu{
		background: #f1f1f1;
	}

	#header .call{	
		float: none;
		text-align: left;		
		border-bottom: 1px solid #ddd;
		margin-bottom: 10px;
		padding: 10px;
	}

	#header .call h3{
		margin: 0;
	}

	#header .call ul li, #header .call h3{
		font-size: 14px;
		line-height: 1.2;
	}

	#header .call .fb img{
		position: absolute;
		top: 10px;
		right: 10px;
		width: 28px;
	}

	#header .logo
	{
		display: block;
		float: none;
		margin: auto;
	}

	#menu .mshadow{
		display: none;
	}

	#menu .pagewidth
	{
		display: table;
	}

	#menu ul.menu{
		background: none;
		float: left;
		height: 100%;
		border-top: 1px solid #eee;
	}

	#menu ul.menu li{
		width: 440px;
		height: auto;
		padding: 0 20px;
		border-bottom: 1px solid #eee;
		border-top: 1px solid #f3f3f3;
	}

	#menu ul.menu li:last-child{
		border-bottom: 0;
		padding-bottom: 20px;
	}

	#menu ul.menu li.doc{
		display: none;
	}

	#menu ul.menu li a{
		color: #1a1a1a;
	}

	#slider, #slider .pagewidth
	{		
		height: 270px;		
	}

	#slider img.hideimg{
		height: 200px;
		display:none;
	}

	#slider .find{
		top: 10px;
		width: 183px;
		height: 121px;
		padding: 3px;
		background-size: 191px 100%;
		background-repeat: no-repeat;
	}

	#slider .find h3
	{
		font-size: 9px;
		padding: 6px 11px;
	}

	#slider .find ul{
		padding: 9px 6px;
		margin: 0 6px;	
	}

	#slider .find ul li{		
		padding-bottom: 6px;
	}

	#slider .find ul li input[type="text"], #slider .find ul li input[type="email"]{
		width: 147px;
		height: 17px;
		border: 0;
		padding: 0 6px;
		font-size: 10px;
	}

	#slider .find ul li input[type="submit"]{
		width: 64px;
		height: 20px;
		background-size: 64px 20px;		
		margin-right: 1px;
	}

	#slider .text {
	top: 20px;
	left: 0;
	font-size: 12px;
	width: 50%;
	float: left;
	text-align: left;
	}

	#slider .text h3{
		font-size: 32px;
	}

	#content{
		background: url(../images/footer.png) repeat-x;
	}

	#content .service{
		display: table;
		clear: both;
		height: 100%;
		width: 440px;
		padding: 20px;
		background: none;
		margin: 0;
		margin-bottom: 10px;
		position: relative;
	}

	#content .service ul{
		list-style: none;
		padding: 0;
		margin: 0;
		position: static;
		font-size: 16px;
		color: #fff;
	}

	#content .service ul li{
		display: block;
		float: left;
		width: 195px;
		height: 176px;
		padding: 6px;
		padding-left: 12px;
		background: url(../images/box.png) no-repeat;
		background-size: 211px 188px;
		margin-left: 110px;
	}

	#content .service ul li:nth-child(2n){
		margin-right: 0;
	}

	#content .service ul li h3{
		font-size: 23px;
		border-bottom: 1px solid #7fb9e5;
		padding: 6px 0;
		margin-bottom: 6px;
	}

	#content .service ul li a.more{
		display: block;
		width: 95px;
		height: 33px;
		background: url(../images/more.png) no-repeat;
		margin-top: 10px;
	}

	#footer .built{
		position: static;
	}

	#content .ctitle{
		padding: 12px;
	}

	#content .detail{
		padding: 0 12px;
	}

	#content .contact{
		width: 100%;
	}

	#content .contact li{		
		float: none;
		border: 0;
		width: 80%;
	}

	#content .contact li ul li{
		width: 100%;
	}

	.ourclient
	{
	    width: 480px;
	    border: 0;
	}

	.ourclient .shadow{
		display: none;
	}

	.ourclient h3
	{
	    color: #fff;
	    font-size: 19px
		line-height: 44px;
	    height: 44px;
	    padding-left: 14px;    
	    background: url(../images/menu2.png) no-repeat center;
	    margin: 0;
	    border: 0;
	}

	.caroufredsel_wrapper
	{
	    width: 414px !important;    
	    height: 84px !important;    
	}

	.ourclient #foo2
	{
	    margin-left: 32px;    
	    top: 10px !important;
	}

	.ourclient #foo2 a
	{
	    margin-right: 10px;
	    margin-left: 10px;
  	    height: 72px;
                  line-height: 90px;
	}

	.ourclient #foo2 img
	{
		width: 82px;
	}

	.ourclient #prev_client
	{
	    background-size: 27px 27px;
	    height: 27px;
	    width: 27px;
	    bottom: 33px;
	    left: 6px;
	}

	.ourclient #next_client
	 {
	     background-size: 27px 27px;
	     height: 27px;
	     width: 27px;
	     bottom: 33px;     
	     right: 6px;        
	 }
	 
	#content .detail img{
		max-width: 460px;
		height: auto;
	}
	
	#menu .menu li ul{
		position: static;
		background: none;
		display: block;
	}

	#menu .menu li ul li{
		padding: 10px 5%;
		border-bottom: 0;
		width: 90%;
		height: auto;
		
	}

	#menu .menu li ul li a{
		text-transform: none;
		font: 15px/1.2 Arial;
	}
	
	#menu ul.menu li ul li:last-child{
		padding-bottom: 0;
	}

	.foo2 {
	    width: 440px;
	}

	.pageleft{
		width: 460px;
		text-align: center;
	}

	.pageleft img{
		max-width: 460px;
		height: auto;
	}

	.pageright{
		width: 460px;
	}

	#slider .smallText{
		margin-top: 10px;
	}

	#slider .smallText span{
		font-size: 10px !important;
	}
	
	.hide{
	display:block !important;
	}
	.show{
		display:none !important;
	}

}

@media screen and (-webkit-min-device-pixel-ratio:0) and (max-width : 749px) {
	#content .service{
		width: 480px;
	}
}

/*320*/
@media only screen and (max-width : 479px){
	body{
		font-size: 14px;
		background: none;
	}

	.pagewidth{
		width: 320px;
	}

	#menu ul.menu li{
		width: 280px;
		padding: 0 20px;
		border-bottom: 1px solid #eee;
		border-top: 1px solid #f3f3f3;
	}

	#slider, #slider .pagewidth
	{		
		height: 100%;		
	}

	#slider img.hideimg{
		top: -5px;
		left: 28px;
		height: 124px;
	}

	#slider .find{
		display: table;
		position: relative;
		width: 258px;
		height: 170px;
		padding: 4px;
		margin: 10px auto;
		background-size: 269px 100%;
		background-repeat: no-repeat;
		z-index: 1;
		top: 4px;
	}

	#slider .find h3
	{
		font-size: 15px;
		padding: 8px 16px;
	}

	#slider .find ul{
		padding: 12px 8px;
		margin: 0 8px;	
	}

	#slider .find ul li{		
		padding-bottom: 8px;
	}

	#slider .find ul li input[type="text"], #slider .find ul li input[type="email"]{
		width: 208px;
		height: 23px;
		border: 0;
		padding: 0 8px;
	}

	#slider .find ul li input[type="submit"]{
		width: 90px;
		height: 29px;
		background-size: 90px 29px;		
		margin-right: 2px;
	}

	#slider .text{
		position: relative;
		text-align: center;
		padding-top: 15px;
		left: 0;
		top: 0;
		z-index: 1;
		width:100%;
	}

	#content .service{
		width: 280px;
		background: none
	}

	#content .service ul li{
		float: none;	
		margin: 0;
		margin-left: 35px;
		margin-bottom: 10px;
	}

	.ourclient
	{
	    width: 320px;
	    border: 0;
	    border-bottom: 2px solid #eee;
	}

	.ourclient .shadow{
		display: none;
	}

	.ourclient h3
	{
	    color: #fff;
	    font-size: 19px
		line-height: 44px;
	    height: 44px;
	    padding-left: 14px;    
	    background: url(../images/menu2.png) no-repeat center;
	    margin: 0;
	    border: 0;
	}

	.caroufredsel_wrapper
	{
	    width: 250px !important;    
	    height: 84px !important;    
	}

	.ourclient #foo2
	{
	    margin-left: 32px;    
	    top: 10px !important;
	}

	.ourclient #foo2 a
	{
	    margin-right: 8px;
	    margin-left: 5px;
	}

	.ourclient #foo2 img
	{
		width: 72px;
	}

	.ourclient #prev_client
	{
	    background-size: 27px 27px;
	    height: 27px;
	    width: 27px;
	    bottom: 33px;
	    left: 6px;
	}

	.ourclient #next_client
	 {
	     background-size: 27px 27px;
	     height: 27px;
	     width: 27px;
	     bottom: 33px;     
	     right: 6px;        
	 }

	 #content .contact li{
		padding: 10px;
	}
	
	#content .detail img{
		max-width: 280px;
		height: auto;
	}
	#content .service ul li{
		background: url(../images/box.png) no-repeat;
		background-size: 211px 188px;
	}

	.foo2 {
	    width: 280px;
	}

	.boxemail .find{
		position: relative;
		width: 258px;
		height: 230px;
		padding: 4px;
		margin: 10px auto;
		background-size: 269px 100%;
		background-repeat: no-repeat;
		z-index: 1;
		top: 4px;
	}
	
	.boxemail .find ul li select {
		width: 226px;
	}

	.boxemail .find h3
	{
		font-size: 15px;
		padding: 8px 16px;
	}

	.boxemail .find ul{
		padding: 12px 8px;
		margin: 0 8px;	
	}

	.boxemail .find ul li{		
		padding-bottom: 8px;
	}

	.boxemail .find ul li input[type="text"], .boxemail .find ul li input[type="email"]{
		width: 208px;
		height: 23px;
		border: 0;
		padding: 0 8px;
	}

	.boxemail .find ul li input[type="submit"]{
		width: 90px;
		height: 29px;
		background-size: 90px 29px;		
		margin-right: 2px;
	}

	.pageleft{
		width: 320px;
		text-align: center;
	}

	.pageleft img{
		max-width: 320px;
		height: auto;
	}

	.pageright{
		width: 320px;
	}

	#slider .smallText span{
		font-size: medium !important;
	}
}

@media screen and (-webkit-min-device-pixel-ratio:0) and (max-width : 479px) {
	#content .service{
		width: 320px;
	}
}