@media screen and (max-width: 768px) {

/*-----------------------------------------------------	*/
/* All
/*-----------------------------------------------------	*/

body.sidebar div.flex-container {
	padding: 0px;
}

body.sidebar div.flex-container,
body.sidebar-left div.flex-container,
body.sidebar-right div.flex-container {
	flex-direction: column;
}

/*-----------------------------------------------------	*/
/* Header
/*-----------------------------------------------------	*/

header nav ul li.pc {
	display: none;
}

/*-----------------------------------------------------	*/
/* Main
/*-----------------------------------------------------	*/

main section div.relation-card ul li {
	width: calc(50% - 16px);
}

main section div.relation-card ul li article span.category {
	display: none;
}

/*-----------------------------------------------------	*/
/* Sidebar
/*-----------------------------------------------------	*/

aside#sidebar {
	flex-basis: 100% !important;
	padding: 0px 32px;
}

/*-----------------------------------------------------	*/
/* Menu All
/*-----------------------------------------------------	*/

.menu-all div.container ul li {
	width: 50%;
}

.menu-all div.container div.wrapper,
.menu-all div.container div.wrapper div.left,
.menu-all div.container div.wrapper div.right {
	display: block;
}

.menu-all div.container div.wrapper div.left,
.menu-all div.container div.wrapper div.right {
	text-align: center;
}

.menu-all div.container div.wrapper div.left div,
.menu-all div.container div.wrapper div.left ul,
.menu-all div.container div.wrapper div.left span {
	display: block;
	padding: 8px 0px;
}

.menu-all div.container div.wrapper div.right {
	margin-right: 0px;
	padding-top: 0px;
}

.menu-all div.container div.wrapper div.right ul li:last-child {
	margin-right: 8px;
}

}

@media screen and (max-width: 600px) {

	/*-----------------------------------------------------	*/
	/* Admin Bar
	/*-----------------------------------------------------	*/

	.nojq {
		position: fixed !important;
	}

}