.para {
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	display: block;
	width: 100%;
}
.para.nm {
	margin-top: 0px;
	margin-bottom: 0px;
}
.para:after {
	clear: both;	
	content: ".";
	display: block;
	font-size: 0;
	height: 0;
	visibility: hidden;
}
[class*="tile"] {
	min-height: 1px;
	float: left;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	margin: 0px;
}
[class*="tile"].pd {
	padding: 0px 10px;
}
.mgl {
	margin-left: 4px;
}

@media(min-width: 1200px) {
	.main {
		width: 1128px;
	}
	.para .tile12 {
		width: 1128px;
	}
	.para .tile12.bo {
		width: 1130px;
	}
	.para .tile11 {
		width: 1034px;
	}
	.para .tile10 {
		width: 940px;
	}
	.para .tile9 {
		width: 846px;
	}
	.para .tile8 {
		width: 752px;
	}
	.para .tile7 {
		width: 658px;
	}
	.para .tile6 {
		width: 564px;
	}
	.para .tile5 {
		width: 470px;
	}
	.para .tile4 {
		width: 376px;
	}
	.para .tile3 {
		width: 282px;
	}
	.para .tile3.margin {
		margin-left: 20px;
		width: 257px;
	}
	.para .tile2 {
		width: 188px;
	}
	.para .tile1 {
		width: 94px;
	}
	.visible-phone {
		display: none !important;
	}
	.visible-tablet {
		display: none !important;
	}
	.visible-big-tablet {
		display: none !important;
	}
	#content-slide.slided {
		left: 0px !important;
	}
}

@media(min-width: 800px) and (max-width: 1199px) {
	.main {
		width: 792px;
	}
	.para .tile12 {
		width: 792px;
	}
	.para .tile12.bo {
		width: 794px;
	}
	.para .tile11 {
		width: 726px;
	}
	.para .tile10 {
		width: 660px;
	}
	.para .tile9 {
		width: 594px;
	}
	.para .tile8 {
		width: 528px;
	}
	.para .tile7 {
		width: 462px;
	}
	.para .tile6 {
		width: 396px;
	}
	.para .tile5 {
		width: 330px;
	}
	.para .tile4 {
		width: 264px;
	}
	.para .tile3 {
		width: 198px;
	}
	.para .tile3.margin {
		margin-left: 20px;
		width: 173px;
	}
	.para .tile2 {
		width: 132px;
	}
	.para .tile1 {
		width: 66px;
	}
	.visible-phone {
		display: none !important;
	}
	.visible-tablet {
		display: none !important;
	}
	#content-slide.slided {
		left: 0px !important;
	}
}
@media(min-width: 995px) and (max-width: 1199px) {
	.visible-big-tablet {
		display: none !important;
	}
}
@media(min-width: 800px) and (max-width: 994px) {
	.hidden-big-tablet {
		display: none !important;
	}
	.visible-big-tablet {
		display: block !important;
	}
}

@media(min-width: 767px) and (max-width: 799px) {
	.main {
		width: 756px;
	}
	.para .tile12 {
		width: 756px;
	}
	.para .tile12.bo {
		width: 758px;
	}
	.para .tile10 {
		width: 630px;
	}
	.para .tile9 {
		width: 567px;
	}
	.para .tile8 {
		width: 504px;
	}
	.para .tile7 {
		width: 441px;
	}
	.para .tile6 {
		width: 378px;
	}
	.para .tile5 {
		width: 315px;
	}
	.para .tile4 {
		width: 252px;
	}
	.para .tile3 {
		width: 189px;
	}
	.para .tile3.margin {
		margin-left: 20px;
		width: 164px;
	}
	.para .tile2 {
		width: 126px;
	}
	.para .tile1 {
		width: 63px;
	}
	.para .tile11 {
		width: 693px;
	}
	.visible-phone {
		display: none !important;
	}
	.visible-tablet {
		display: none !important;
	}
	.hidden-big-tablet {
		display: none !important;
	}
	.visible-big-tablet {
		display: block !important;
	}
}

@media(min-width: 600px) and (max-width: 766px) {
	.main {
		width: 600px;
	}
	.para [class*="tile"] {
		margin-left: auto;
		margin-right: auto;
		margin-top: 0px;
		margin-bottom: 0px;
		width: 580px;
		float: none;
	}
	.para [class*="tile"].margin {
		margin-left: 20px;
		margin-right: 20px;
		margin-bottom: 20px;
		width: 540px;
	}
	.hidden-tablet {
		display: none !important;
	}
	.visible-phone {
		display: none !important;
	}
	.visible-tablet {
		display: block !important;
	}
	.hidden-big-tablet {
		display: none !important;
	}
	.visible-big-tablet {
		display: block !important;
	}
}

@media(min-width: 480px) and (max-width: 599px) {
	.main {
		width: 460px;
	}
	.para [class*="tile"] {
		margin-left: auto;
		margin-right: auto;
		margin-top: 0px;
		margin-bottom: 0px;
		width: 440px;
		float: none;
	}
	.para [class*="tile"].margin {
		margin-left: 20px;
		margin-right: 20px;
		margin-bottom: 20px;
		width: 400px;
	}
	.hidden-tablet {
		display: none !important;
	}
	.hidden-phone {
		display: none !important;
	}
	.visible-phone {
		display: block !important;
	}
	.visible-tablet {
		display: block !important;
	}
	.hidden-big-tablet {
		display: none !important;
	}
	.visible-big-tablet {
		display: block !important;
	}
	#footer-navigation span {
		display: none;
	}
	#footer-navigation a {
		padding: 16px 10px 4px 10px !important;
		top: 7px;
		position: relative;
	}
	#footer-navigation b {
		font-size: 26px;
		margin-top: 14px;
	}
	#navigation-wrapper {
		margin: auto;
		text-align: center;
		display: table;
	}
}

@media(min-width: 321px) and (max-width: 479px) {
	.main {
		width: 320px;
	}
	.para [class*="tile"] {
		margin-left: auto;
		margin-right: auto;
		margin-top: 0px;
		margin-bottom: 0px;
		width: 300px;
		float: none;
	}
	.para [class*="tile"].margin {
		margin-left: 20px;
		margin-right: 20px;
		margin-bottom: 20px;
		width: 260px;
	}
	.hidden-tablet {
		display: none !important;
	}
	.hidden-phone {
		display: none !important;
	}
	.visible-phone {
		display: block !important;
	}
	.visible-tablet {
		display: block !important;
	}
	.hidden-big-tablet {
		display: none !important;
	}
	.visible-big-tablet {
		display: block !important;
	}
	#footer-navigation span {
		display: none;
	}
	#footer-navigation a {
		padding: 16px 10px 4px 10px !important;
		top: 7px;
		position: relative;
	}
	#footer-navigation b {
		font-size: 26px;
		margin-top: 14px;
	}
	#navigation-wrapper {
		margin: auto;
		text-align: center;
		display: table;
	}
}
@media(max-width: 320px) {
	.main {
		width: 300px;
	}
	.para [class*="tile"] {
		margin-left: auto;
		margin-right: auto;	
		margin-top: 0px;
		margin-bottom: 0px;
		width: 280px;
		float: none;
	}
	.para [class*="tile"].margin {
		margin-left: 20px;
		margin-right: 20px;	
		margin-bottom: 20px;
		width: 240px;
	}
	.hidden-tablet {
		display: none !important;
	}
	.hidden-phone {
		display: none !important;
	}
	.visible-phone {
		display: block !important;
	}
	.visible-tablet {
		display: block !important;
	}
	.hidden-big-tablet {
		display: none !important;
	}
	.visible-big-tablet {
		display: block !important;
	}
	#footer-navigation span {
		display: none;
	}
	#footer-navigation a {
		padding: 16px 10px 4px 10px !important;
		top: 7px;
		position: relative;
	}
	#footer-navigation b {
		font-size: 26px;
		margin-top: 14px;
	}
	#navigation-wrapper {
		margin: auto;
		text-align: center;
		display: table;
	}
}

@media(min-width: 994px) {
	#content-slide.slided {
		left: 0px !important;
	}
}
@media(max-width: 995px) {
	#content-slide.slided {
		left: 200px !important;
	}
}