@media (max-width : 780px) {
	
	.wrapper {
		width: 100%;
	}
	
	body {
		font-size: 12px;
	}
	
	.s-hidden {
		display: none !important;
	}
	
	.s-visible {
		display: block !important;
	}
	
	.s-inline-block {
		display: inline-block;
	}
	
	.s-pointer {
		cursor: pointer;
	}
	
	.s-tal {
		text-align: left;
	}
	
	.s-tac {
		text-align: center;
	}
	
	.s-fixed {
		position: fixed;
		z-index: 100;
	}
	
	.s-w05x			{width: 4.15%;}
	.s-w1x			{width: 8.33%;}
	.s-w2x			{width: 16.66%;}
	.s-w3x			{width: 25%;}
	.s-w4x			{width: 33.33%;}
	.s-w5x			{width: 41.66%;}
	.s-w6x			{width: 50%;}
	.s-w7x			{width: 58.33%;}
	.s-w8x			{width: 66.66%;}
	.s-w9x			{width: 75%;}
	.s-w10x			{width: 83.33%;}
	.s-w11x			{width: 91.66%;}
	.s-w12x			{width: 100%;}

	.s-c05x			{width: calc(0.5/12 * 100%);}
	.s-c1x			{width: calc(1/12 * 100%);}
	.s-c2x			{width: calc(2/12 * 100%);}
	.s-c3x			{width: calc(3/12 * 100%);}
	.s-c4x			{width: calc(4/12 * 100%);}
	.s-c5x			{width: calc(5/12 * 100%);}
	.s-c6x			{width: calc(6/12 * 100%);}
	.s-c7x			{width: calc(7/12 * 100%);}
	.s-c8x			{width: calc(8/12 * 100%);}
	.s-c9x			{width: calc(9/12 * 100%);}
	.s-c10x			{width: calc(10/12 * 100%);}
	.s-c11x			{width: calc(11/12 * 100%);}
	.s-c12x			{width: 100%;}
	
	.s-w10prc 		{width: 10%;}
	.s-w15prc 		{width: 15%;}
	.s-w20prc 		{width: 20%;}
	.s-w25prc 		{width: 25%;}
	.s-w30prc 		{width: 30%;}
	.s-w40prc 		{width: 40%;}
	.s-w50prc 		{width: 50%;}
	.s-w60prc 		{width: 60%;}
	.s-w70prc 		{width: 70%;}
	.s-w75prc 		{width: 75%;}
	.s-w80prc 		{width: 80%;}
	.s-w85prc 		{width: 85%;}
	.s-w90prc 		{width: 90%;}
	.s-w100prc 		{width: 100%;}
	
	
	#menu_container {
		/*display: none;*/
	}
	
	.top_menu {
		display: block;
		top: 0;
		margin-top: 100px;
	}
	
	.top_menu li {
		display: block;
		text-transform: uppercase;
		text-align: center;
		font-size: 20px;
		line-height: 60px;
	}
	
	.top_menu li a {
		color: #333;
	}
	
	#bottom {
		padding-top: calc(75px - 4.5em);
	}
	
	.file-box {
		left: 0;
	}
	
	.text_content {
		padding-top: 50px;
	}
}

@media (max-width : 420px) {
	
	.file-box {
		position: relative;
		left: 0;
		top: 0;
		width: 100%;
		margin: 0 0 30px 0;
		position: relative;
		display: block;
		overflow: hidden;
	}
	
	.x-hidden {
		display: none !important;
	}
	
	.x-visible {
		display: block !important;
	}
	
	.x-inline-block {
		display: inline-block;
	}
	
	.x-pointer {
		cursor: pointer;
	}
	
	.x-tal {
		text-align: left;
	}
	
	.x-tac {
		text-align: center;
	}
	
	.x-w05x			{width: 4.15%;}
	.x-w1x			{width: 8.33%;}
	.x-w2x			{width: 16.66%;}
	.x-w3x			{width: 25%;}
	.x-w4x			{width: 33.33%;}
	.x-w5x			{width: 41.66%;}
	.x-w6x			{width: 50%;}
	.x-w7x			{width: 58.33%;}
	.x-w8x			{width: 66.66%;}
	.x-w9x			{width: 75%;}
	.x-w10x			{width: 83.33%;}
	.x-w11x			{width: 91.66%;}
	.x-w12x			{width: 100%;}

	.x-c05x			{width: calc(0.5/12 * 100%);}
	.x-c1x			{width: calc(1/12 * 100%);}
	.x-c2x			{width: calc(2/12 * 100%);}
	.x-c3x			{width: calc(3/12 * 100%);}
	.x-c4x			{width: calc(4/12 * 100%);}
	.x-c5x			{width: calc(5/12 * 100%);}
	.x-c6x			{width: calc(6/12 * 100%);}
	.x-c7x			{width: calc(7/12 * 100%);}
	.x-c8x			{width: calc(8/12 * 100%);}
	.x-c9x			{width: calc(9/12 * 100%);}
	.x-c10x			{width: calc(10/12 * 100%);}
	.x-c11x			{width: calc(11/12 * 100%);}
	.x-c12x			{width: 100%;}
	
}