@charset "UTF-8";  
@media only screen and (max-width: 1152px){
	.mainpager{
		top: 50%;
	}
	.mainslider .info{
		left: 33%;
		top: 15%;
	}
}
@media only screen and (max-width: 599px){
	#up2top{
		margin: 0 0 0 -22px !important;
	}
	body,
	#wrapper,
	header,
	footer,
	main{
		width: 480px;
		min-width: 480px;
		height: auto;
		min-height: 0;
		max-height: none;
		margin: 0;
		padding: 0;
	}
	.container_12{
		width: 460px;
	}
	.container_12 .grid_1,
	.container_12 .grid_2,
	.container_12 .grid_3,
	.container_12 .grid_4,
	.container_12 .grid_5,
	.container_12 .grid_6,
	.container_12 .grid_7,
	.container_12 .grid_8,
	.container_12 .grid_9,
	.container_12 .grid_10,
	.container_12 .grid_11,
	.container_12 .grid_12{
		width: 440px;
	}
	header{
		height: 63px;
		background-position: center -48px, center bottom;
	}
	header.tmp{
		top: -63px;
	}
	header.scrolled{
		top: 0;
	}
	header .container_12 .logo{
		float: left;
		width: auto;
		font-size: 26px;
	}
	.logo{
		padding: 4px 0 0;
	}
	.logo img{
		width: 32px;
	}
	header .container_12 nav.top{
		float: right;
		width: auto;
	}
	nav.top select{
		margin: 17px 0 0;
	}
	.mainslider .info{
		width: 440px;
		left: 20px;
		top: 80px;
	}
	.mainslider .info .title {
		font-size: 26px;
		text-shadow: 0 1px 1px rgba(0,0,0,0.25);
	}
	.mainpager{
		position: relative;
		left: auto;
		top: auto;
		bottom: auto;
		padding: 20px 0;
		font-size: 12px;
	}
	.mainpager ul{
		display: table;
	}
	.mainpager li{
		float: none;
		display: table-cell;
		width: 33%;
		padding: 0 10px;
	}
	.mainpager li:first-child{
		padding-left: 20px;
	}
	.mainpager li:last-child{
		padding-right: 20px;
	}
	.mainpager figcaption{
		padding: 10px 0;
		font-size: 20px;
	}
	#slider img.imac{
		max-width: 440px;
	}
	.imac-img{
		top: 20px;
		margin-left: -200px;
		width: 400px;
	}
	.ipad{
		bottom: 8px;
		width: 200px;
		margin-left: -245px;
	}
	.iphone{
		bottom: 8px;
		width: 90px;
		margin-left: 147px;
	}
	.ipad-img{
		bottom: 35px;
		width: 145px;
		margin-left: -216px;
	}
	.iphone-img{
		bottom: 35px;
		width: 75px;
		margin-left: 155px;
	}
	#prev,
	#next{
		display: none !important;
	}
	.team{
		font-size: 18px;
	}
	.people{
		font-size: 30px;
	}
	.people hr{
		margin: 0 0 50px;
	}
	.clients.team .grid_3{
		width: 210px;
	}
	.contact-us{
		padding-bottom: 0;
	}
	.contact-us .buttons{
		margin-bottom: 40px;
	}
	.contact-us input[type='text'],
	.contact-us input[type='email'],
	.contact-us textarea{
		width: 414px;
	}
	nav.bottom{
		padding: 40px 0;
		text-align: center;
	}
	nav.bottom ul,
	nav.bottom li{
		float: none;
		display: inline;
		margin: 0;
		padding: 0;
	}
	nav.bottom li{
		margin: 0 10px;
		white-space: nowrap;
	}
	footer .contacts{
		text-align: center;
	}
	footer .contacts .inline-block{
		display: block;
		margin: 0 0 20px !important;
	}
	footer .copy{
		padding: 0 0 20px;
		text-align: center;
	}
}








































/* eof */