@media screen and (max-width: 1060px) {
	.container{
		width: 1000px;
	}
	#head-posi{
		height:150px;
	}
	.header1{
		height:150px;
	}
	#head .logo{
		width: 110px;
		padding-left: 5px;
		padding-right: 0px;
		padding-top: 30px;
		margin-left: 20px;
	}
	#head .logo img{
		width: 110px;
	}
	.header1-center{
		width: 730px;
		padding-top: 35px;
		padding-left: 0px;
	}
	#header1-menu{
		margin-top: 38px;
		padding-left: 18px;
	}
	.logo-title img{
		padding-left: 0px;
	}
	#header1-menu ul li{
		padding-right:20px;	
	}
	#head .face{
		width: 144px;
		padding-left: 0px;
		padding-top: 70px;
	}
	#head .face img{
		width: 144px;
	}
	#mobile-menu-button{
		display:none;
		cursor:pointer;
	}
	#menu-mobile{
		display: none;
	}
	#clock-cover{
	margin-top: 20px;
	}
	/*****home max-width: 1060px*** width: 1000px******/
	.home-body{
	width: 900px;
	padding-left: 30px;
	padding-top: 50px;
	}
	/****Aboutus max-width: 1060px **** width: 1000px**/
	#about-body{
		margin-top: 20px;
	}
	.about-img{
		width: 220px;
		float: left;
	}
	.about-img img{
		padding-left: 30px;
		margin-top: 90px;
	}
	.aboutus-content{
		width:660px;
		float: left;
		margin-top: 60px;
	}
	/****services max-width: 1060px **** width: 1000px **/
	#services-img img{
		padding-left: 0px;
		padding-top: 0px;
		max-width: 1047px;
		width: 100%;
	}
	.layer{
		background-color:rgba(250,250,250,0.8);
		padding:40px 20px 20px 20px;
		width:800px;
		height:820px;
		margin:auto;
		margin-bottom: 50px;
	}
	#serve{
		margin-top:0px; 
		padding-left:30px; 
	 	padding-right:50px; 
	}
	/****clients max-width: 1060px *** width: 1000px ***/
	
	.clients-back{
		background-color:rgba(250,250,250,0.8);
		padding: 20px;
		height: 1080px;
	}
	.clients-contents{
		padding-left: 40px;
		padding-right: 40px;
	}
	.clients-left-1{
		width: 400px;
		float: left;
		padding-right: 50px;
	}
	.clients-right-1{
		width: 400px;
		float: left;
		padding-bottom: 20px;
	}
	.clients-left-2{
		width: 400px;
		float: left;
		padding-top: 10px;
		padding-right: 50px;
	}
	.clints-audit{
		padding-top: 50px;
	}
	.clients-right-2{
		width: 400px;
		float: left;
		padding-top: 10px;
	}
	.clients-left-3{
		width: 400px;
		float: left;
		padding-top: 10px;
		padding-right: 50px;
	}
	.clients-right-3{
		width: 400px;
		float: left;
		padding-top: 10px;
	}
	/****studio max-width: 1060px *** width: 1000px **/
	#body-studio{
		padding-top: 100px;
	}

	.body-studio-slide{
		width: 800px;
		padding-left: 80px;
	}
	.body-studio{
		background-color:rgba(250,250,250,0.8);
		padding: 20px;
		height: 600px;
	}
	#body-studio p{
		line-height: 300%;
		font-size: 20px;
		padding-left: 100px;
	}
	/****gallery max-width: 1060px *** width: 1000px ***/
	.gallery-body{
		padding-left: 0px;
		width: 1000px;
		margin-bottom: 50px;
	}
	.gallery-layer{
		background-color:rgba(250,250,250,0.8);
		padding: 20px;
		width: 960px;
	}
	
	ul#portfolio-list li a img{
		border:2px solid #fff;
		width:210px;
		box-shadow: 0px 0px 5px 2px #ccc;
	}
	ul#portfolio-list li{ 
		width: 210px; 
		height: 156px; 
		display: block; 
		float: left; 
		margin: 15px; 
	}
	
	/****quality max-width: 1060px **** width: 1000px **/
	.quality-img img{
		padding-top: 170px;
	}
	.quality-content{
		width: 700px;
		padding-top: 0px;
	}
	/****contact max-width: 1060px **width: 1000px****/
	.contact-img{
		width: 400px;
		float: left;		
	}
	.contact-img img{
		padding-left: 150px;
		padding-top: 90px;
	}
	.abi-map{
		padding-left: 160px;
		margin-top: 40px;
		margin-bottom: 100px;
	}
	.abi-map img{
		padding-bottom: 20px;
	}
	.abi-map iframe{
		width: 700px;
		height: 300px;
	}
}
/**********************************************max-width: 840px START***width: 760px***/
@media screen and (min-width: 768px) and (max-width: 840px) {
	.container{
		width: 760px;
	}
	#head-posi{
		height:130px;
	}
	.header1{
		height:130px;
	}
	#head .logo{
		width: 90px;
		padding-left: 8px;
		padding-right: 0px;
		padding-top: 30px;
	}
	#head .logo img{
		width: 90px;
	}
	.header1-center{
		width: 650px;
		padding-top: 35px;
	}
	#header1-menu{
		margin-top: 30px;
		padding-left: 30px;
	}
	.logo-title img{
		padding-left: 25px;
		width: 550px;
	}
	#header1-menu ul li{
		padding-right:10px;	
	}
	#head .face{
		display: none;
	}
	#mobile-menu-button{
		display:none;
		cursor:pointer;
	}
	#menu-mobile{
		display: none;
	}
	/*****home (min-width: 768px) and (max-width: 840px)*** width: 760px;******/
	.home-body{
		width: 650px;
		padding-left: 50px;
		padding-top: 50px;
	}
	#face-book{
		position:fixed;
		bottom:0px;
		left:20px;
		z-index:201;
		display: inline;
		opacity: 0.9;
	}
	/****Aboutus  (min-width: 768px) and (max-width: 840px)*** width: 760px;******/
	
	#about-body{
		margin-top: 20px;
	}
	.about-img{
		width: 160px;
		float: left;
	}
	.about-img img{
		padding-left: 10px;
		margin-top: 70px;
	}
	.aboutus-content{
		width:480px;
		float: left;
		margin-top: 30px;
	}
	/****services  (min-width: 768px) and (max-width: 840px)*** width: 760px;******/
	.layer{
		background-color:rgba(250,250,250,0.8);
		padding:40px 20px 20px 20px;
		width:700px;
		height:820px;
		margin:auto;
		margin-bottom: 50px;
	}
	#serve{
		margin-top:0px; 
		padding-left:5px; 
	 	padding-right:0px; 
	}
	/****clients  (min-width: 768px) and (max-width: 840px)*** width: 760px;******/
	.clients-back{
		background-color:rgba(250,250,250,0.8);
		padding: 20px;
		height: 1150px;
	}
	.clients-contents{
		padding-left: 0px;
		padding-right: 0px;
	}
	.clients-left-1{
		width: 350px;
		float: left;
		padding-right: 20px;
	}
	.clients-right-1{
		width: 350px;
		float: left;
		padding-bottom: 60px;
	}
	.clients-left-2{
		width: 350px;
		float: left;
		padding-top: 10px;
		padding-right: 20px;
	}
	.clints-audit{
		padding-top: 50px;
	}
	.clients-right-2{
		width: 350px;
		float: left;
		padding-top: 10px;
	}
	.clients-left-3{
		width: 350px;
		float: left;
		padding-top: 10px;
		padding-right: 20px;
	}
	.clients-right-3{
		width: 350px;
		float: left;
		padding-top: 10px;
	}
	/****studio  (min-width: 768px) and (max-width: 840px)*** width: 760px;******/
	#body-studio{
		padding-top: 100px;
	}

	.body-studio-slide{
		width: 760px;
		padding-left: 0px;
	}
	.body-studio{
		background-color:rgba(250,250,250,0.8);
		padding: 0px;
		height: 570px;
	}
	#body-studio p{
		line-height: 300%;
		font-size: 20px;
		padding-left: 0px;
	}
	/****gallery  (min-width: 768px) and (max-width: 840px)*** width: 760px;******/
	.gallery-body{
		padding-left: 0px;
		width: 760px;
		margin-bottom: 50px;
	}
	.gallery-layer{
		background-color:rgba(250,250,250,0.8);
		padding: 10px;
		width: 740px;
	}
	
	ul#portfolio-list li a img{
		border:2px solid #fff;
		width:164px;
		box-shadow: 0px 0px 5px 2px #ccc;
	}
	ul#portfolio-list li{ 
		width: 164px; 
		height: 122px; 
		display: block; 
		float: left; 
		margin: 10px; 
	}
	/****quality  (min-width: 768px) and (max-width: 840px)*** width: 760px;******/
	.quality-img img{
		padding-top: 170px;
	}
	.quality-content{
		width: 460px;
		padding-top: 0px;
	}
	/****contact  (min-width: 768px) and (max-width: 840px)*** width: 760px;******/
	.contact-img{
		width: 200px;
		float: left;		
	}
	.contact-img img{
		padding-left: 50px;
		padding-top: 90px;
	}
	.abi-map{
		padding-left: 50px;
		margin-top: 40px;
		margin-bottom: 100px;
	}
	.abi-map img{
		padding-bottom: 20px;
	}
	.abi-map iframe{
		width: 650px;
		height: 250px;
	}
	
}
/*********************************************************max-width: 640px START******/
@media screen and (max-width: 640px) {
	.container{
		width: 600px;
	}
	#head-posi{
		height:185px;
	}
	.header1{
		height:185px;
	}
	#head .logo{
		width: 90px;
		padding-left: 250px;
		padding-right: 0px;
		padding-top: 10px;
	}
	#head .logo img{
		width: 90px;
	}
	.header1-center{
		width: 595px;
		padding-top: 20px;
	}
	#header1-menu{
		margin-top: 20px;
		padding-left: 15px;
	}
	.logo-title img{
		padding-left: 24px;
		width: 550px;
	}
	#header1-menu ul li{
		padding-right:8px;	
	}
	#head .face{
		display: none;
	}
	#mobile-menu-button{
		display:none;
		cursor:pointer;
	}
	#menu-mobile{
		display: none;
	}
	/*****enquiry (max-width: 640px)*** width: 600px;******/
	#contactForm {
		width: 35em;
		height: 32em;
		padding: 0 10 0 10;
		margin: 0 auto;
		display: none;
	}
	
	/*****home (max-width: 640px)*** width: 600px;******/
	.home-body{
		width: 550px;
		padding-left: 25px;
		padding-top: 50px;
	}
	.home-body img{
		width: 550px;
	}
	
	#clock-cover{
	margin-top: 20px;
	}
	#face-book{
		position:fixed;
		bottom:0px;
		left:20px;
		z-index:201;
		display: inline;
		opacity: 0.9;
	}
	/****Aboutus (max-width: 640px)*** width: 600px;******/
	#about-body{
		margin-top: 20px;
	}
	.about-img{
		width: 140px;
		float: left;
	}
	.about-img img{
		padding-left: 10px;
		margin-top: 140px;
	}
	.aboutus-content{
		width:460px;
		float: left;
		margin-top: 0px;
	}
	/****services (max-width: 640px)*** width: 600px;******/
	.layer{
		background-color:rgba(250,250,250,0.8);
		padding:40px 20px 20px 20px;
		width:550px;
		height:980px;
		margin:auto;
		margin-bottom: 50px;
	}
	#serve{
		margin-top:0px; 
		padding-left:0px; 
	 	padding-right:0px; 
	}
	/****clients(max-width: 640px)*** width: 600px;******/
	.clients-back{
		background-color:rgba(250,250,250,0.8);
		padding: 20px;
		height: 1930px;
	}
	.clients-contents{
		padding-left: 0px;
		padding-right: 0px;
	}
	.clients-left-1{
		width: 550px;
		float: left;
		padding-right: 20px;
	}
	.clients-right-1{
		width:550px;
		float: left;
		padding-bottom: 0px;
	}
	.clients-left-2{
		width: 550px;
		float: left;
		padding-top: 10px;
		padding-right: 20px;
	}
	.clints-audit{
		padding-top: 0px;
	}
	.clients-right-2{
		width: 550px;
		float: left;
		padding-top: 10px;
	}
	.clients-left-3{
		width: 550px;
		float: left;
		padding-top: 10px;
		padding-right: 20px;
	}
	.clients-right-3{
		width: 550px;
		float: left;
		padding-top: 10px;
	}
	/****studio (max-width: 640px)*** width: 600px;******/
	#body-studio{
		padding-top: 100px;
	}

	.body-studio-slide{
		width: 600px;
		padding-left: 0px;
	}
	.body-studio{
		background-color:rgba(250,250,250,0.8);
		padding: 0px;
		height: 460px;
	}
	#body-studio p{
		line-height: 300%;
		font-size: 20px;
		padding-left: 0px;
	}
	/****gallery (max-width: 640px)*** width: 600px;******/
	.gallery-body{
		padding-left: 0px;
		width: 600px;
		margin-bottom: 50px;
	}
	.gallery-layer{
		background-color:rgba(250,250,250,0.8);
		padding: 10px;
		width: 580px;
	}	
	ul#portfolio-list li a img{
		border:2px solid #fff;
		width:172px;
		box-shadow: 0px 0px 5px 2px #ccc;
	}
	ul#portfolio-list li{ 
		width: 172px; 
		height: 128px; 
		display: block; 
		float: left; 
		margin: 10px; 
	}
	.gal-abi ul li{
		display: inline-block;	
		margin-bottom: 25px;
	}
	.gal-abi ul li a{
		font-size: 12px;
		padding: 5px;
		border: 1px solid #bbbbbb;
	}
	/****quality  (max-width: 640px)*** width: 600px;******/
	
	.quality-img{
		display: none;
	}
	.quality-content{
		width: 600px;
		padding-top: 0px;
		margin-top:0px;		
	}
	/****contact (max-width: 640px)*** width: 600px;******/
	.contact-img{
		width: 104px;
		float: left;		
	}
	.contact-img img{
		padding-left: 10px;
		padding-top: 90px;
	}
	.abi-map{
		padding-left: 20px;
		margin-top: 40px;
		margin-bottom: 100px;
	}
	.abi-map img{
		padding-bottom: 20px;
	}
	.abi-map iframe{
		width: 560px;
		height: 200px;
	}
	
}
/*********************************************************max-width: 520px START******/
@media screen and (max-width: 520px) {
	.container{
		width: 480px;
	}
	#head{
		position: relative;
		background-color: #ffffff;
		z-index: 99;
		width:100%;
	}
	#head-posi{
		height:0px;
		display: none;
	}
	.header1{
		height:175px;
	}
	#head .logo{
		width: 90px;
		padding-left: 180px;
		padding-right: 0px;
		padding-top: 10px;
	}
	#head .logo img{
		width: 90px;
	}
	.header1-center{
		width: 470px;
		padding-top: 20px;
	}

	.logo-title img{
		padding-left: 0px;
		width: 470px;
	}
	#head .face{
		display: none;
	}

	#header1-menu{
		display: none;
	}
	/*****mobile menu******/
	#mobile-menu-button{
		cursor:pointer;
		display: block;
		width:200px;
		margin:20px auto;
	}
	#menu-mobile{
		display: none;
	}
	#mobile-menu-button img{	
		float: left;	
	}
	#mobile-menu-button p{	
		float: left;	
		padding: 9px;
	}
	#menu-mobile ul{
		display:block;
		clear:both;
		background-color:rgba(200,200,200,0.5);
		padding:10px;
	}
	#menu-mobile ul li{
		padding-top: 5px;
		padding-bottom: 5px;
		padding-left: 20px;
		font-size: 12px;
		list-style: none;
	}
	#menu-mobile ul li a{
		text-decoration: none;
	}
	#menu-mobile ul li a:hover{
		color: #ee1f26;
	}
	#menu-mobile ul li.active{
		color: #ee1f26;
	}
	/*****enquiry (max-width: 520px)*** width: 480px;******/
	#contactForm {
		width: 27em;
		height: 32em;
		padding: 0 10 0 10;
		margin: 0 0;
		display: none;
	}
	#contactForm.positioned {
		position: absolute;
		z-index:200;
		top:0px;
		bottom: 0;
		left: 0;
		right: 0;
		margin-top: 0px;
		margin-bottom: 0px;
	}
	input[type="submit"]{
	float: right;
	width: 7em;
	padding: .5em;
	border: 1px solid #666;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;  
	border-radius: 2px;
	color:#FFF;
	background-color:#000;
	font-size: 1em;
	line-height: 1em;
	opacity: .7;
	-webkit-appearance: none;
	-moz-transition: opacity .5s;
	-webkit-transition: opacity .5s;
	-o-transition: opacity .5s;
	transition: opacity .5s;
	}
	input[type="button"] {
	float: left;
	width: 5em;
	padding: .5em;
	border: 1px solid #666;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;  
	border-radius: 2px;
	color:#FFF;
	background-color:#000;
	font-size: 1em;
	line-height: 1em;
	opacity: .7;
	-webkit-appearance: none;
	-moz-transition: opacity .5s;
	-webkit-transition: opacity .5s;
	-o-transition: opacity .5s;
	transition: opacity .5s;
	}
	input[type="submit"]{
	margin: 2em 1.8em 0 1em;
}
input[type="button"]{
	margin: 2em 2.5em 0 1em;
}
	/*****home (max-width: 520px)*** width: 480px;******/
	#home-body{
		margin-top: 0px;
		margin-bottom: 0px;
	}
	.home-body{
		width: 450px;
		padding-left: 15px;
		padding-top: 0px;
	}
	.home-body p{
		line-height: 150%;
		padding-top: 0px;
	}

	.home-body img{
		width: 450px;
	}
	#clock-cover{
		display: none;
	}
	/****Aboutus (max-width: 520px)*** width: 480px;******/
	
	#about-body{
		margin-top: 20px;
	}
	.about-img{
		display: none;
	}
	.aboutus-content{
		width:480px;
		float: left;
		margin-top: 0px;
	}
	/****services (max-width: 520px)*** width: 480px;******/
	.layer{
		background-color:rgba(250,250,250,0.8);
		padding:40px 20px 20px 20px;
		width:430px;
		height:1180px;
		margin:auto;
		margin-bottom: 50px;
	}
	#serve{
		margin-top:0px; 
		padding-left:0px; 
	 	padding-right:0px; 
	}
	/****clients  (max-width: 520px)*** width: 480px;******/
	.clients-image img{
		width: 480px;
	}
	.clients-back{
		background-color:rgba(250,250,250,0.8);
		padding: 20px;
		height: 1930px;
	}
	.clients-contents{
		padding-left: 0px;
		padding-right: 0px;
	}
	.clients-left-1{
		width: 440px;
		float: left;
		padding-right: 20px;
	}
	.clients-right-1{
		width: 440px;
		float: left;
		padding-bottom: 0px;
	}
	.clients-left-2{
		width: 440px;
		float: left;
		padding-top: 10px;
		padding-right: 20px;
	}
	.clints-audit{
		padding-top: 0px;
	}
	.clients-right-2{
		width: 440px;
		float: left;
		padding-top: 10px;
	}
	.clients-left-3{
		width: 440px;
		float: left;
		padding-top: 10px;
		padding-right: 20px;
	}
	.clients-right-3{
		width: 440px;
		float: left;
		padding-top: 10px;
	}
	/****studio (max-width: 520px)*** width: 480px;******/
	#body-studio{
		padding-top: 100px;
	}

	.body-studio-slide{
		width: 480px;
		padding-left: 0px;
	}
	.body-studio{
		background-color:rgba(250,250,250,0.8);
		padding: 0px;
		height: 380px;
	}
	#body-studio p{
		line-height: 300%;
		font-size: 20px;
		padding-left: 0px;
	}
	/****gallery (max-width: 520px)*** width: 480px;******/
	.gallery-body{
		padding-left: 0px;
		width: 480px;
		margin-bottom: 50px;
	}
	.gallery-layer{
		background-color:rgba(250,250,250,0.8);
		padding: 10px;
		width: 460px;
	}
	
	ul#portfolio-list li a img{
		border:2px solid #fff;
		width:132px;
		box-shadow: 0px 0px 5px 2px #ccc;
	}
	ul#portfolio-list li{ 
		width: 132px; 
		height: 98px; 
		display: block; 
		float: left; 
		margin: 10px; 
	}
	/****quality  (max-width: 520px)*** width: 480px;******/
	.quality-img{
		display: none;
	}
	.quality-content{
		width: 480px;
		padding-top: 0px;
		margin-top:0px;		
	}
	/****contact (max-width: 520px)*** width: 480px;******/
	.contact-img{
		width: 104px;
		float: left;		
		display: none;
	}
	.contact-img img{
		padding-left: 10px;
		padding-top: 90px;
	}
	.contact-content{
		width: 480px;
		float: left;
		margin-top: 100px;
	}
	.contact-details{
		width: 180px;
		float: left;
	}
	.contact-address{
		width: 180px;
		float: left;
		margin-left: 20px;	
	}
	.abi-map{
		padding-left: 20px;
		margin-top: 40px;
		margin-bottom: 100px;
	}
	.abi-map img{
		padding-bottom: 20px;
	}
	.abi-map iframe{
		width: 440px;
		height: 200px;
	}
	a#feedback img{
		width:100px;
	}
}
/*********************************************************max-width: 360px START******/
@media screen and (max-width: 360px) {
	.container{
		width: 320px;
	}
	#head{
		position: relative;
		background-color: #ffffff;
		z-index: 99;
		width:100%;
	}
	#head-posi{
		height:0px;
		display: none;
	}
	.header1{
		height:180px;
	}
	#head .logo{
		width: 90px;
		padding-left: 110px;
		padding-right: 0px;
		padding-top: 10px;
	}
	#head .logo img{
		width: 90px;
	}
	.header1-center{
		width: 320px;
		padding-top: 20px;
	}

	.logo-title img{
		padding-left: 0px;
		width: 300px;
		padding-bottom: 10px;
	}
	#head .face{
		display: none;
	}
	#header1-menu-mobile{
		display: inline;
	}
	#header1-menu{
		display: none;
	}
/*****enquiry (max-width: 360px)*** width: 320px;******/	
	#contactForm {
		width: 19.3em;
		height: 32em;
		padding: 0 10px 0 0;
		margin: 0 0;
		display: none;
	}
	#contactForm.positioned {
		position: absolute;
		z-index:200;
		top:0px;
		bottom: 0;
		left: 0;
		right: 0;
		margin-top: 0px;
		margin-bottom: 0px;
	}
textarea {
	height: 6em;
	line-height: 1.5em;
	resize: none;
}
	input[type="submit"]{
	float: right;
	width: 7em;
	padding: .5em;
	border: 1px solid #666;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;  
	border-radius: 2px;
	color:#FFF;
	background-color:#000;
	font-size: 0.8em;
	line-height: 1em;
	opacity: .7;
	-webkit-appearance: none;
	-moz-transition: opacity .5s;
	-webkit-transition: opacity .5s;
	-o-transition: opacity .5s;
	transition: opacity .5s;
	}
	input[type="button"] {
	float: left;
	width: 5em;
	padding: .5em;
	border: 1px solid #666;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;  
	border-radius: 2px;
	color:#FFF;
	background-color:#000;
	font-size: 0.8em;
	line-height: 1em;
	opacity: .7;
	-webkit-appearance: none;
	-moz-transition: opacity .5s;
	-webkit-transition: opacity .5s;
	-o-transition: opacity .5s;
	transition: opacity .5s;
	}
	input[type="submit"]{
	margin: 2em 2.6em 0 0em;
}
input[type="button"]{
	margin: 2em 0em 0 3.4em;
}
label {
		display: none;
	}
	input, textarea {
	display: block;
	margin: 0;
	margin-left:45px;
	padding: .4em;
	width: 70%;
	font-family:Verdana, Geneva, sans-serif
	font-size: 0.6em;
	border: 1px solid #aaa;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;    
	border-radius: 2px;
	background: #000;
	color:#FFF;
	opacity: .8;
	}
	/*****home (max-width: 360px)*** width: 320px;******/
	#home-body{
		margin-top: 0px;
		margin-bottom: 0px;
	}
	.home-body{
		width: 300px;
		padding-left: 10px;
		padding-top: 0px;
	}
	.home-body p{
		line-height: 150%;
		padding-top: 0px;
	}

	.home-body img{
		width: 300px;
	}
	/****Aboutus (max-width: 360px)*** width: 320px;******/
	
	#about-body{
		margin-top: 20px;
	}
	.about-img{
		display: none;
	}
	.aboutus-content{
		width:320px;
		float: left;
		margin-top: 0px;
	}
	/****services  (max-width: 360px)*** width: 320px;******/
	.layer{
		background-color:rgba(250,250,250,0.8);
		padding:20px 20px 20px 20px;
		width:280px;
		height:1660px;
		margin:auto;
		margin-bottom: 50px;
	}
	#serve{
		margin-top:0px; 
		padding-left:0px; 
	 	padding-right:0px; 
	}
	/****clients  (max-width: 360px)*** width: 320px;******/
	.clients-image img{
		width: 320px;
	}
	.clients-back{
		background-color:rgba(250,250,250,0.8);
		padding: 20px;
		height: 2290px;
	}
	.clients-contents{
		padding-left: 0px;
		padding-right: 0px;
	}
	.clients-left-1{
		width: 280px;
		float: left;
		padding-right: 20px;
	}
	.clients-right-1{
		width: 280px;
		float: left;
		padding-bottom: 0px;
	}
	.clients-left-2{
		width: 280px;
		float: left;
		padding-top: 10px;
		padding-right: 20px;
	}
	.clints-audit{
		padding-top: 0px;
	}
	.clients-right-2{
		width: 280px;
		float: left;
		padding-top: 10px;
	}
	.clients-left-3{
		width: 280px;
		float: left;
		padding-top: 10px;
		padding-right: 20px;
	}
	.clients-right-3{
		width: 280px;
		float: left;
		padding-top: 10px;
	}
	/****studio (max-width: 360px)*** width: 320px;******/
	#body-studio{
		padding-top: 100px;
	}

	.body-studio-slide{
		width: 320px;
		padding-left: 0px;
	}
	.body-studio{
		background-color:rgba(250,250,250,0.8);
		padding: 0px;
		height: 280px;
	}
	#body-studio p{
		line-height: 300%;
		font-size: 20px;
		padding-left: 0px;
	}
	/****gallery (max-width: 360px)*** width: 320px;******/
	.gallery-body{
		padding-left: 0px;
		width: 320px;
		margin-bottom: 50px;
	}
	.gallery-layer{
		background-color:rgba(250,250,250,0.8);
		padding: 10px;
		width: 300px;
	}
	
	ul#portfolio-list li a img{
		border:2px solid #fff;
		width:130px;
		box-shadow: 0px 0px 5px 2px #ccc;
	}
	ul#portfolio-list li{ 
		width: 130px; 
		height: 96px; 
		display: block; 
		float: left; 
		margin: 10px; 
	}
	/****quality  (max-width: 360px)*** width: 320px;******/
	.quality-img{
		display: none;
	}
	.quality-content{
		width: 320px;
		padding-top: 0px;
		margin-top:0px;		
	}
	/****contact  (max-width: 360px)*** width: 320px;******/
	.contact-layer{
		height: 490px;
	}
	.contact-content{
		width: 320px;
		float: left;
		margin-top: 20px;
	}
	.contact-details{
		width: 280px;
		float: left;
	}
	.contact-address{
		width: 280px;
		float: left;
		margin-left: 0px;	
	}
	.contact-address1{
		margin-top: 30px;
	}
	.abi-map{
		padding-left: 20px;
		margin-top: 40px;
		margin-bottom: 100px;
	}
	.abi-map img{
		padding-bottom: 20px;
		width: 280px;
	}
	.abi-map iframe{
		width: 280px;
		height: 150px;
	}
	

}