@media only screen and (min-width: 0px)and (max-width: 480px) {
	.header-contact, .header {
		width: 300px;
	}

	.header-logo {
		width: 100%;
		display: block;
		text-align: center;
	}

	.header-logo img {
		max-width: 100%;
		height: auto;
	}

	.header-menu {
		width: 100%;
		text-align: left;
		padding-top: 10px;
	}

	.header-contact-left {
		width: 59%;
		padding-top: 6px;
	}

	.header-contact-right {
		width: 41%;
	}

	.header-contact-left .res-content {
		display: none;
	}

	.header-contact-left span.text {
		font-size: 15px !important;
		margin-top: 8px !important;
	}

	.header-contact-left input.facebook-bt {
		margin-right: 6px;
	}

	.header-contact-left input.mail-bt {
		margin-right: 4px;
	}

	.header-contact-right .login-bt {
		height: 40px;
		padding: 13px 12px;
		line-height: 15px !important;
	}
}

@media only screen and (min-width: 481px)and (max-width: 640px) {
	.header-contact, .header {
		width: 420px;
	}

	.header-logo {
		width: 100%;
		display: block;
		text-align: center;
	}

	.header-logo img {
		max-width: 100%;
		height: auto;
	}

	.header-menu {
		width: 100%;
		text-align: center;
		padding-top: 18px;
	}

	.header-contact-left .res-content {
		display: none;
	}

	.header-contact-left span.text {
		font-size: 18px !important;
		margin-top: 6px !important;
	}

	.header-contact-left input.facebook-bt {
		margin-right: 12px;
	}
}

@media only screen and (min-width: 641px)and (max-width: 960px) {
	.header-contact, .header {
		width: 600px;
	}

	.header-logo {
		width: 100%;
		display: block;
		text-align: center;
	}

	.header-logo img {
		max-width: 100%;
		height: auto;
	}

	.header-menu {
		width: 100%;
		text-align: center;
	}

	.header-contact-left .res-content {
		display: none;
	}
}

@media only screen and (min-width: 961px)and (max-width: 1024px) {
	.header-contact, .header {
		width: 840px;
	}

	.header-logo {
		width: 25%;
	}

	.header-logo img {
		max-width: 100%;
		height: auto;
	}

	.header-menu {
		width: 75%;
	}
}

@media only screen and (min-width: 1025px)and (max-width: 1280px) {
	.header-contact, .header {
		width: 980px;
	}

	.header-logo {
		width: 25%;
	}

	.header-logo img {
		max-width: 100%;
		height: auto;
	}

	.header-menu {
		width: 75%;
	}
}

@media only screen and (min-width: 1281px)and (max-width: 1440px) {
	.header-contact, .header {
		width: 1220px;
	}
}

@media screen and (min-width: 1441px) {
	.header-contact, .header {
		width: 1400px;
	}
}