@media (max-width:810px) { 
	
	.menu div.menu-mobile {
        width: 50px;
		height: 50px;
        background: url(img/mobile_open.svg) no-repeat center center;
        background-size: contain;
        cursor: pointer;
        float: right;
        display: block;
        margin-top: 45px;
        margin-right: 0px;
    }

    .menu div.menu-mobile.close {
        position: absolute;
		right: 35px;
		top: 45px;
        z-index: 210;
        background: url(img/mobile_close.svg) no-repeat center center;
        width: 50px;
		height: 50px;
		margin-top: 0px;
		margin-right: 0px;
    }

    .menu ul.show {
        display: block;
    }

    .menu ul {
        position: absolute;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100vh;
        background-color: #FFFFFF;
        z-index: 200;
        display: none;
    }

    .menu ul li {
        width: 100%;
        display: block;
        text-align: center;
        margin-bottom: 0px;
		margin-top: 90px;
		padding: 0px;
    }

    .menu ul li a {
        margin-left: 0px;
        color: #27272F;
        font-size: 40px;
        line-height: 40px;
    }

    .menu ul li a:hover, .menu ul li a.a {
        border-bottom: 0px;
    }

    .menu ul li a.btn {
        line-height: 70px;
        margin: 0px 20px 0px 20px;
    }
	
	.box {
		width: 90%;
	}

	body, html { 
		font-size: 30px;
	}

	.menu h1, .menu h1 a  {
		width: 180px;
	}

	.menu .icons {
		float: left;
		width: 450px;
		margin-top: 0px;
		margin-left: 0px;
		font-size: 20px;
		padding-top: 30px;
	}

	.menu .icon {
		padding-top: 3px;
		padding-bottom: 3px;
		margin-top: 5px;
		float: left;
	}

	.menu .icon.phone {
		clear: left;
		margin-top: 5px;
	}

	.menu .icon.email {
		clear: left;
		margin-top: 5px;
	}

	.menu .icon.address {
		float: right;
		margin-top: -30px;
		margin-left: 0px;
	}

	.page1 {
		height: auto;
		line-height: normal;
	}

	.page1 .walign {
		width: 100%;
	}

	.page1 .descr {
		line-height: normal;
		margin-top: 50px;
	}
	
	.page1 p {
		line-height: normal;
	}

	.page1 .walign p:nth-child(1) {
		font-size: 55px;
	}

	.page1 img {
		margin-left: 2.5%;
		margin-top: 2.5%;
		margin-right: 2.5%;
		margin-bottom: 2.5%;
	}

	.page2 .serv .part {
		width: 100%;
	}

	.page2 .serv .part h2 {
		font-size: 50px;
	}

	.page2 .serv .part:nth-child(1) {background-size: 24%;}
	.page2 .serv .part:nth-child(2) {background-size: 24%;}
	.page2 .serv .part:nth-child(3) {background-size: 24%;}


	.page2 .serv2 .part {
		width: 100%;
	}

	.page2 .serv2 .part:nth-child(3n+2) {
		margin: 0% 0% 2% 0%;
	}

	.page2 .serv3 .part:nth-child(1) {
		width: 100%;
		margin-bottom: 35px;
  	}

	.page2 .serv3 .part:nth-child(2) {
		width: 100%;
  	}

  	.page2 .serv3 .part h2 {
		font-size: 40px;
	}

	.page2 .serv3 .part h2 span:last-child {
		font-size: 35px;
		display: block;
	}


	.page3 .list .part {
		width: 100%;
		margin-bottom: 4%;
		height: 400px;
	}

	.page3 .detail .list a {
		width: 50%;
	}

	.page3 .detail .list a img {
		width: 100%;
	}

	.page6 .l, .page6 .r {
		width: 100%;
	}

	.page6 .r {
		padding-top: 35px;
	}

	.page6 h2 {
		font-size: 35px;
	}

	.page6 h2 span:last-child {
		font-size: 25px;
	}

	.page6 .r input, .page6 .r textarea {
		font-size: 30px;
	}

}