@media (min-width: 768px) {
	.container{
		width:750px;
	}
}

@media (min-width: 1005px) {
	.container{
		width:970px;
	}
}

@media (min-width: 1240px) {
	.container{
		width:1200px;
	}
}
	
@media (max-width: 1240px) {
	.logo{
		width:160px;
		margin-top:10px;
	}

	.shedule, .numbers{
		margin-right:30px;
	}

	header .titles{
		margin-left:150px;
	}

	#whyneedus .list{
		padding-bottom:30px;
	}

	#whyneedus .item{
		width:33.33%;
		margin-bottom:50px;
	}

	#whyneedus .item p,
	#weworking .item > p{
		font-size:16px;
	}

	#services .desc{
		font-size:14px;
	}

	#services .item:before{
		width:70%;
	}

	#feature .list{
		width:auto;
	}

	#prices .pack,
	#prices .addserv .item{
		font-size:16px;
	}

	#prices .pack > div{
		min-height:489px;
	}
}

@media (max-width: 1005px) {
	.logo{		
		width:auto;
		float:none;
		margin:0 auto 15px;
	}

	footer .logo{		
		margin-bottom:30px;
	}

	.logo img{
		margin:auto;
	}

	.shedule{
		padding-top:0;
		font-size:12px;
	}

	.shedule .time{
		font-size:16px;
	}

	.numbers a{
		font-size:14px;
		line-height:20px;
	}

	.email{
		line-height:40px;
	}

	.callback{
		margin-top:2px;
	}

	nav ul{
		padding-left:0;
	}

	nav ul li a{
		font-size:14px;
	}

	header{
		background-position:45% 50%;
	}
	
	header .titles{
		margin-left:50px;
	}

	header .form{
		width:280px;
	}

	header .wrap-but p{
		padding:20px 0;
	}

	header .order{
		width:650px;
	}

	header .order .title,
	header .order .desc{
		width:320px;
	}

	header .order .title{
		font-size:18px;
	}

	header .order .desc p{
		font-size:16px;
	}

	.marker li{
		font-size:14px;
	}

	input[type="submit"]{
		font-size:16px;
	}

	#services .title{
		font-size:22px;
	}

	#services .desc{
		padding-bottom:50px;
	}

	#services .item:before{
		width:60%;
	}

	#weworking .list{
		padding-bottom:0;
	}

	#weworking .item{
		width:33.3%;
		margin-bottom:70px;
	}

	#weworking .item:nth-child(4){
		margin-left:16.65%;
	}

	#feature .list{
		padding:50px 20px 0;
	}

	#feature .item{
		margin-bottom:30px;
	}

	#feature .item .ttl{
		font-size:22px;
		line-height:24px;
		margin-bottom:10px;
	}

	#feature .item p{
		font-size:16px;
	}

	#prices .title{
		font-size:20px;
	}

	#prices .pack,
	#prices .addserv .item{
		float:none;
		width:100%;
		margin-bottom:30px;
	}

	#prices .pack:last-child,
	#prices .addserv .item:last-child{
		margin-bottom:0;
	}

	#prices .pack > div{
		min-height:auto;
	}

	#guarantee .container > img{
		float:none;
		margin:0 auto 30px;
	}

	#guarantee .title{
		margin:0 auto 50px;
	}

	#guarantee .desc{
		padding:0;
		overflow:visible;
	}

	#guarantee .desc .ttl,
	#guarantee .desc p{
		padding:0 30px;
		text-align:center;
	}

	#questions .form{
		width:auto;
	}
}

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

@media (max-width: 768px) {
	.email{
		display:none;
	}

	.general{
		float:none;
		display:table;
		margin:0 auto 25px;
	}

	.shedule > *{
		display:none;
	}

	.shedule .time-sm{
		display:block;
		font-size:20px;
		line-height:40px;
	}

	nav .container{
		padding:0;
	}

	nav ul{
		float:none;
	}

	nav ul:before{
		display:none;
	}

	nav ul:after{
		position:static;
		height:0;
		background:none;
	}

	nav ul li{
		padding:5px 0;
		width:33.33%;
	}

	nav ul li:nth-child(3) a{
		border:none;
	}

	header{
		background-position:35% 50%;
	}

	header .titles,
	header .order{
		width:420px;
		float:right;
		margin-right:50px;
	}

	header .titles{
		margin-bottom:30px;
	}

	header .titles .title.gray{
		font-size:22px;
	}

	header .title.orange{
		font-size:18px;
	}

	header .title.gray.sub{
		font-size:14px;
	}

	header .order .title{
		float:none;
		margin-bottom:30px;
	}

	header .order .desc{
		display:none;
	}

	header .form{
		float:none;
		width:100%;
		padding:0 50px;
	}
	
	#whyneedus .list{
		padding:50px 15px 0;
	}

	section, #services{
		padding:50px 0 30px;
	}

	section .title{
		font-size:20px;
	}

	#services .desc{
		padding-top:80px;
	}

	#services .title{
		left:190px;
		font-size:18px;
		padding:0 20px;
		margin:auto;
	}

	#services .item:nth-child(2n) .title{
		right:190px;
	}

	#services .photo{
		width:160px;
	}

	#services .photo img{
		max-width:100%;
	}

	#weworking .list{
		padding:80px 0 0;
	}

	#weworking .item{
		width:50%;
	}

	#weworking .item:nth-child(4){
		margin-left:0;
	}

	#weworking .item:nth-child(5){
		margin-left:25%;
		margin-bottom:50px;
	}

	#guarantee .desc{
		padding-bottom:30px;
	}

	#questions{
		padding-bottom:50px;
	}

	#questions .ttl + p{
		padding:0 30px;
		margin-bottom:50px;
	}

	#questions .ttl + p br{
		display:none;
	}
}

@media (max-width: 745px) {
	
}

@media (max-width: 720px) {
	
}

@media (max-width: 700px) {
	
}

@media (max-width: 676px) {
	header .titles .title{
		padding:0 20px;
	}

	section .title,
	#guarantee .title{
		display:block;
		margin:0 40px;
		padding:5px 0;
		line-height:28.5px;
	}

	#guarantee .title{
		margin-bottom:30px;
	}

	#weworking .title,
	#guarantee .title{
		padding:0;
		line-height:67px;
	}

	section .title br{
		display:block;
	}

	#whyneedus .item .icon{
		height:60px;
	}

	#whyneedus .ttl{
		font-size:24px;
	}

	#whyneedus .item p{
		font-size:14px;
	}

	#prices .list{
		padding-top:50px;
	}

	#prices .addserv .item{
		margin-bottom:0;
	}
}

@media (max-width: 610px) {
	
}

@media (max-width: 590px) {
	nav ul li a{
		font-size:12px;
	}

	header{
		background-position:60% 50%;
	}

	header .titles, header .order{
		float:none;
		margin:auto;
	}

	header .titles{
		margin-bottom:30px;
	}

	#whyneedus .item{
		width:50%;
		margin-bottom:30px;
	}

	#whyneedus .item p{
		min-height:132px;
	}

	#services{
		overflow:hidden;
	}

	#services .title{
		width:100%;
		left:40px;
		text-align:left;
	}

	#services .item:nth-child(2n) .title{
		right:40px;
		text-align:right;
	}

	#services .photo,
	#services .item:nth-child(2n) .photo{
		float:none;
		width:270px;
		margin:auto;
	}

	#services .desc,
	#services .item:nth-child(2n) .desc{
		padding:40px 30px 50px;
	}

	#services .button{
		left:50%;
		margin-left:-125px;
	}

	#services .item:nth-child(2n) .button{
		left:auto;
		right:50%;
		margin-right:-125px;
	}

	#guarantee .desc p{
		font-size:16px;
	}

	#questions .ttl{
		font-size:27px;
		line-height:35px;
		padding-top:0;
	}

	#questions .ttl + p{
		font-size:16px;
	}

	#questions .form .field{
		width:auto;
		padding:0 30px;
	}
}

@media (max-width: 540px) {	
	.shedule{
		display:none;
	}
}

@media (max-width: 520px) {	
	#top, footer{
		overflow:visible;
	}

	.butmenu{
		width:100%;
		height:40px;
		background:url(../images/menu.png) 50% 50% no-repeat #dc6e15;
	}

	nav{
		position:relative;
	}

	nav ul{
		display:none;
		position:absolute;
		top:40px;
		left:0;
		width:100%;
		z-index:10;
	}

	nav ul.active{
		display:block;
	}

	nav ul li{
		width:100%;
		float:none;
		border-right:none;
	}

	nav ul li a{
		font-size:14px;
		text-align:center;
		padding:0;
		line-height:32px;
	}
}

@media (max-width: 464px) {
	
}

@media (max-width: 445px) {
	.general > *{
		float:none;
		margin-right:0;
	}

	.numbers{
		margin-bottom:10px;
	}

	header .titles,
	header .order{
		width:100%;
		padding-left:30px;
		padding-right:30px;
	}

	header .order .title{
		width:95%;
		padding:0;
	}

	header .title.orange{
		font-size:16px;
	}

	header .title br{
		display:block;
	}

	header .titles .title.gray{
		width:100%;
		padding:5px 0;
		line-height:28.5px;
	}

	header .title.gray.sub{
		width:100%;
		padding:5px 0;
		line-height:21.5px;
	}

	header .form{
		padding:0;
	}

	input[type="submit"]{
		font-size:14px;
	}

	section .title,
	#prices .title{
		font-size:14px;
		margin:0 20px;
		padding: 10px 0;
    	line-height: 23.5px;
	}

	#whyneedus .item{
		width:100%;
		text-align:center;
	}

	#whyneedus .ttl:after{
		left:25%;
	}

	#whyneedus .item p{
		min-height:auto;
	}

	#services .title{
		font-size:16px;
		left:20px;
	}

	#services .item:nth-child(2n) .title{
		right:20px;
	}

	#services .desc{
		font-size:12px;
	}

	#weworking .item{
		width:100%;
	}

	#weworking .item:nth-child(5){
		margin:0 0 30px;
	}

	#weworking .list{
		padding:50px 30px 0;
	}

	#feature .item{
		padding:0;
		padding-top:90px;
		text-align:center;
		background-position:50% 0;
	}

	#feature .item .ttl{
		font-size:18px;
	}

	#feature .item p{
		font-size:14px;
	}

	#prices .pack,
	#prices .addserv .item,
	#guarantee .desc p{
		font-size:14px;
	}

	#prices p, #prices ul li, #prices .price{
		margin-bottom:10px;
	}

	#prices .ttl,
	#guarantee .desc .ttl{
		font-size:16px;
		line-height:24px;
	}

	#prices .ttl.add{
		padding:40px 0 30px;
	}

	#guarantee .container > img{
		width:80%;
	}

	#guarantee .desc{
		padding-bottom:0;
	}

	#questions .ttl + p{
		padding:0 15px;
		margin-bottom:30px;
	}

	#questions .form{
		padding:30px;
	}

	#questions .form .field{
		padding:0;
	}

	.wrap-but p{
		padding:20px 0 0;
	}

	#questions .wrap-but{
		width:100%;
	}

	#questions .wrap-but .button{
		font-size:14px;
	}

	article h1{
		font-size:24px;
	}

	article p{
		font-size:14px;
	}
}

@media (max-width: 420px) {
	#wrap-form .form{
		width:95%;
	}

	#wrap-form .ttl{
		font-size:20px;
	}
}

@media (max-width: 380px) {
	.wrap-but{
		width:100%;
	}
}

@media (max-width: 345px) {
	
}

@media (max-width: 300px) {
	
}