website/themes/hugo-theme-wave/static/css/mobile.css

@media screen and (min-width: 900px) {
	#footer-center {
		left: 50% !important;
	}
}

@media screen and (min-width: 800px) {
	#sidebar {
		display: inline;
		float: right;
		width: auto !important;
		max-width: 400px;
	}

	#main {
		display: inline;
		float: left;
		width: 60%;
		margin: 0 0.7692307692308%;
	}

	#main-nav-mobile {
		display: none;
	}

	#sub-nav {
		display: none;
	}

	#profile {
		display: block;
	}

	#article-nav {
		margin: 40px 0;
	}

	#article-nav:before {
		width: 8px;
		height: 8px;
		position: absolute;
		top: 50%;
		left: 50%;
		content: "";
		-webkit-border-radius: 50%;
		border-radius: 50%;
		background: #787c81;
	}

	.article-nav-link-wrap {
		width: 50%;
		margin-top: 0;
	}

	#article-nav-newer {
		float: left;
		text-align: right;
		padding-right: 20px;
	}

	#article-nav-older {
		float: right;
		text-align: left;
		padding-left: 20px;
	}
}

@media screen and (max-width: 700px) {
	#footer-right {
		display: none;
	}

	#footer-left {
		display: none;
	}

	#container>.outer {
		width: auto;
	}

	#footer .outer {
		width: auto;
	}

	.container-fluid {
		width: auto;
		padding-top: 7px;
	}
}

@media screen and (max-width: 900px) {
	header .outer {
		border-bottom: solid 0px #428bca;
	}

	#header a,
	#header a:visited {
		color: #fff;
		position: relative;
		margin-bottom: 4px;
	}
}

@media screen and (min-width: 500px) and (max-width: 899px) {
	#sidebar {
		display: inline;
		float: left;
		width: auto !important;
		max-width: 200px;
	}

	#main {
		display: inline;
		float: left;
		width: 67.6923076923077%;
		margin: 0 0.7692307692308%;
	}

	#main-nav-mobile {
		display: none;
	}
}

@media screen and (min-width: 560px) and (max-width: 799px) {
	#toTop {
		width: 54px;
		height: 54px;
		font-size: 28px;
		line-height: 54px;
	}

	#header-sub {
		display: none;
	}

	#main-nav {
		display: none;
	}
}

@media screen and (max-width: 700px) {
	div#example-heatmap {
		padding: 30px;
		overflow: auto;
	}
}

@media screen and (max-width: 559px) {
	.widget-wrap {
		margin: 40px 20px;
	}

	#toTop {
		width: 54px;
		height: 54px;
		font-size: 28px;
		line-height: 54px;
	}

	.outer {
		padding: 0;
	}

	#header-sub {
		display: none;
	}

	#main-nav {
		display: none;
	}

	#main-nav-mobile .menu .search-form-input {
		display: block;
	}

	.archive-year-wrap,
	.archive-category-wrap,
	.archive-tag-wrap,
	.layout-title {
		padding: 0 15px;
		font-size: 1.2em;
	}

	.layout-wrap-inner {
		padding: 0 15px;
	}

	.archive-article-thumbnail .thumbnail {
		width: 120px;
		height: 67.5px;
	}

	.archive-article-title {
		font-size: 1em;
		line-height: 1em;
		height: 1em;
		overflow: hidden;
		display: block;
	}

	#page-nav .page-number {
		display: none;
	}
}

@media screen and (max-width: 380px) {
	#sub-nav {
		display: none;
	}
}