@media only screen and (max-width: 500px) {
	/*body {
	 background-color: lightblue;
	 }*/

	#mainDiv {
		width: 95%;
		height: auto;
	}
	.backToTop {
		right: 5%;
	}

	.backToTop a {
		opacity: 0.6;
	}

	#mobileBackToTop {
		display: inline;
	}

	#desktopBTT {
		display: none;
	}
	#logo {
		width: auto;
		height: 80px;
		margin-top: 20px;
	}

	#logo img {
		width: auto;/*flexible images*/
		height: 100%; /*flexible images*/
		width: auto\9; /* ie8 */
	}

	#navBar {
		margin-top: 20px;
	}
	#navBar li {
		width: 25%;
	}

	#mainContent {
		margin-top: 25px;
	}

	#mainContentLeftColumn {
		position: static;
		width: 100%;
	}

	#mainContentRightColumn {
		position: static;
		width: 100%;
	}
	#mainContentLeftColumn_sideBar {
		display: none;
	}
	#mainContentRightColumn_portfolio {
		width: 100%;
	}
	#portfolio {
		display: block;
	}
	/*======about page=========*/

	#mainContent_about {
		margin-top: 25px;
	}
	#mainContent_about img {
		width: 44%;
	}

	.bottomcenter {

		font-size: 1em;
	}
	.topcenter {

		font-size: 1em;
	}
}

/*===== set max sidebar font size ====*/
/*@media only screen and (min-width: 900px) {
	#mainContentLeftColumn_sideBar li a {

		font-size: 1.1em;
	}*/
}