@media handheld, only screen and (max-width:1350px) {
	#top .contact {
		margin-left: -10%;
		margin-top: -122px;
	}
}
@media handheld, only screen and (max-width:1301px) {
	#top .contact {
		margin-left: -20%;
		margin-top: 54px;
	}
}
@media handheld, only screen and (max-width:1235px) {
	#top .contact {
		margin-left: -25%;
		margin-top: 54px;
	}
	#top .logo {
    margin-left: -4.5%;
}
}
@media handheld, only screen and (max-width:1190px) {
	#top .contact {
		margin-left: -25%;
		margin-top: -122px;
	}
	.services{width:100%;}
	footer .main{width:90%;}
}
@media handheld, only screen and (max-width:1150px) {
	.services{width:100%;height:auto;padding:0;}
	.service{float:none;display:block;margin:0px auto;margin-bottom:25px;line-height:96px;width:96px;height:96px;border-radius:10px;}
	#main .second-line{width:100%;float:none;margin:0px auto;}
	.service .content{line-height:96px;text-align:center;}
	.service .content span.title{display:none;}
	.service .content img{width:57%;}
	.service .hover_content{display:none;}
	.service .hover_content p{display:none;}
	.pack-service{width:100%;display:block;}
	.pack-service span.title br{display:none;}
	.pack-service span.title{display:block;font-size:3.7vw;margin-bottom:10px;}
	.pack-service p{font-size:2.5vw;margin-bottom:50px;}
}
@media handheld, only screen and (max-width:1150px) {
	#top{padding-top:20px;;}
	#top .logo {
		display:none;
	}
	#top .content{float:none;margin:0px auto;}
	#top .contact{float:none;margin:0px auto;}
}
@media handheld, only screen and (max-width:1176px) {
	html{width:100%;}
	body{width:100%;overflow-x:hidden;}
	*{max-width: 100%!important;font-family: 'Heebo', sans-serif;}
	* .main{width:90%;}
	#main .banks img{margin-bottom:28px;}

	#top .big_text{font-size:5vw;}
}
@media handheld, only screen and (max-width:1100px) {
/* #green{
	background-image: -moz-linear-gradient( 90deg, rgb(149,149,149) 0%, rgb(11,11,12) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(149,149,149) 0%, rgb(11,11,12) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(149,149,149) 0%, rgb(11,11,12) 100%);
	height:auto;
	padding-top:25px;
	padding-bottom:25px;
} */
#green{
background-image: -moz-linear-gradient( 90deg, rgb(171,188,67) 0%,
rgb(106,128,17) 100%);
background-image: -webkit-linear-gradient( 90deg, rgb(171,188,67) 0%,
rgb(106,128,17) 100%);
background-image: -ms-linear-gradient( 90deg, rgb(171,188,67) 0%,
rgb(106,128,17) 100%);
height:auto;
padding-top:25px;
padding-bottom:25px;
}
#green .text{width:95%;margin:0px auto;text-align:center;float:none;}
#green p{width:100%;float:none;margin:0px auto;}
#green h2{float:none;margin:0px auto;text-align:center;margin-bottom:24px;}

#about .main{width:90%;}

}
@media screen and (max-width:930px) { 
	#info{height:auto;padding-top:32px;}
	#info .content{float:none;height:auto;width:}
	#info .content{width:85%;float:none;margin:0px auto;}
	#info .content h2{text-align:center;font-size: ;}
	#info .content h2 br{display:none;}
	#info .button{margin:0px auto;}
	#info p{margin-bottom:32px;}
	#info .man{margin:0;float:right;}
	#info .button{margin-bottom:20px;}
	#info .main{width:100%;}
	#main .main{width:84%;}
	#main .banks{padding-right: 32.5px;}
	#main h2{margin-top:30px;}
	.services{margin-top:58px;}
	#main .main{margin-bottom:0;}
}
@media screen and (max-width: 750px) { 
	#top span.first {
		font-size: 3vw;
		text-align: center;
	}
	#top h1 {
		font-size: 8vw;
		text-align:center;
	}
	#top span.small {
		font-size: 4vw;
		text-align:center;
	}

}
@media screen and (max-width: 674px) {
	#success{font-size:5vw;padding-top:20%;}
	.pack-service span.title{display:block;font-size:4.7vw;margin-bottom:10px;}
	.pack-service p{font-size:3vw;margin-bottom:50px;}
	
	#top .contact{position:relative;z-index:999;width:320px;height: 382px;margin:0px auto;float:none;background:url('../images/contact-bg-mobile.png')no-repeat;}
	#top .contact .content{width:85%;}
	#top .main{width:100%;}
	#top .contact .input{height:35px;}
	#top .contact .submit{height:53px;}
	#top .contact p {
		font-size: 2.5vw;
	}
	#top .contact h2 {
    font-size: 4vw;margin:0;margin-top:9px;
	}
	#top .content{width:68%;}
	#top span.first {
		font-size: 4vw;
		text-align: center;
	}
	#top span.small {
		font-size: 5.5vw;
		text-align: center;
	}
	#top h1 {
		font-size: 11vw;
		text-align: center;
	}
	#green .tag{width: 20%;}
	#about .main{width:90%;}
	.mobile_f{display:block;text-align:Center;}
	footer{background:white;}
footer .strike > span:before{display:none;}
footer .strike > span:after{display:none;}
footer {padding-top:35px;}
#popup {top: calc(50% - 350px);}

}
@media screen and (max-width: 570px) {	
	#popup {
        top: 10%;
        width: 80%;
        left: 10%;
    }
    #popup p {
        font-size:15px;
    }
    #popup form {
        font-size: inherit;
    }
}
@media screen and (max-width: 500px) {	
#main{padding-bottom:0;} 
#about{    padding: 29px 0 29px 0;} 
	#green .tag{display:none;}
	#top .tag-m{display:block;position:absolute;top:-100px;left:0;}

	#top{background:url('../images/bg-mobile.png') no-repeat center bottom;margin-bottom:;background-size: cover;height:400px;}

#top h1{margin-bottom:139px;margin-top:0;padding-top:;}
#top span.small{margin-bottom:0;}
	#top span.first {
		font-size: 4vw;
		text-align: center;
	}
	#top span.small {
		font-size: 4.5vw;
		text-align: center;
	}
	#green {
		padding-top: 362px; 
		padding-bottom:30px;
	}
	#wa{margin-top: 60px;}
	#main .banks{padding-right:0%;}
	#main .line{width:100%;}
	#main .banks img{margin-left:0%;}
	#main .banks img:first-child{width:108px;margin-left:2%;}
	#main .banks img:nth-child(2){width:108px;}
	#main .banks img:nth-child(3){margin-right:10%;width:108px;}
	#main .banks img:nth-child(5){margin-right:5%;}
	#main h2{margin-top:32px;}
	#info h2{font-size:10vw;}
	#info .content{width:90%;}
	#top .contact h2{font-size:5vw;}
	#top .contact p{font-size:4.5vw;}
	#main .services{margin-top:38px;}
		.pack-service span.title{display:block;font-size:5.7vw;margin-bottom:10px;}
	.pack-service p{font-size:5vw;margin-bottom:50px;}
}