﻿/* ***********************************************************
 320 **** 360 **** 480 **** 640 **** 720 **** 768
 800 **** 854 **** 960
 1024 ****1136 **** 1280 **** 1366
 1560
 ********************************************************** */

@media screen and (max-width: 960px) {
	.header {
		width: 100%;
		padding: 0;
		margin: 0;
		height: 80px;
		position: relative;
		overflow: hidden;
	}
	.header .logo {
		padding: 0;
		margin: 0;
		float: left;
		position: relative;
		width: 50%;
	}
	.header .logo img {
		height: 60px
	}
	.header .topbar {
		padding: 0;
		margin: 14px 0 0 0;
		float: right;
		width: 50%;
		position: relative;
	}

	.menumain .showmenu {
		margin: 0;
		padding: 0px;
		float: left;
		width: 100%;
		position: relative;
	}

	.page {
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		background: white;
		position: relative;
		margin-top:100px;
	}

	.pagemobile{
		margin-top:100px;
	}


	.footer {
		background: none;
		padding: 10px 0;
		margin: 10px 0;
		width: 100%;
		overflow: visible;
	}

	.footer .contentfooter {
		text-align: left;
		margin: 5px auto;
		padding: 0 auto;
		width: 100%;
	}
	.footer .copyright {
		text-align: center;
		color: #3e3d3d;
		margin: 5px 0 0 0;
		padding: 0;
	}

	.mnfooter li {
		list-style: none;
		padding: 5px 0px;
		margin: 0px;
		text-align: center;
	}

	.mnfooter ul li {
		color: #333;
		float: left;
		padding: 0px;
		border-bottom: 1px solid #999;
		border-right: 0px;
		display: block;
		width: 100%;
	}

}