@charset "utf-8";

/* Tablet Portrait size to standard 960 */
@media only screen and (max-width: 990px) {
	.wrapper { width:768px; }
	
	#menu .wrapper > ul li a, #menu .wrapper > ul li.search a { padding:16px 15px; }
	#menu ul.dropdown li a { padding:5px 12px !important; }
	.page { width:748px; }
	.items .item { width:134px; }
	.items .item a h2.item-name { font-size:13px; }
	.items.landscape .item { width:234px; }
	
	.page-right { width:530px; }
	ul.gallery li { width:129px; }
	.page-right.fullwidth ul.gallery li { width:146px; }
	
}

/* Mobile Landscape */
@media screen and (max-width: 767px) {
	#menu { display:none; }
	#mobile-menu-button { display:block; top:30px; }
	#logo { float:left; width:100%; height:90px; text-align:left; }
	#logo h1 { margin-top:10px; }
	#logo img { max-width:300px !important; }
	
	.wrapper { width:420px; }
	.page { width:400px; }
	.items .item { width:186px; }
	.items.landscape .item { width:380px; }
	.items.single-row .item:last-child { display:none; }
	.items .item a h2.item-name { font-size:15px; }
	
	.bottom-banner .left, .bottom-banner .right { width:100%; }
	ul.slide-menu li a { padding:5px 0 5px 20px; font-size:12px; }
	.pagination ul li.num { display:none; }
	
	.page-right, .page-left { width:100%; }
	.profile #hide-profile { display:none; }
	ul.gallery li { width:130px; }
	.profile .profile-thumb { float:left; width:100%; text-align:center; }
	.profile .profile-info .row .label { width:110px; }
	.rating-container { width:100%; }
	.profile .profile-info .row .value { width:245px; }
	.title h2 { margin-left:0; text-align:center; width:100%; font-size:14px; }
	.title h4 { margin-left:0; text-align:center; width:100%; }
	.title .right { width:100%; text-align:center; margin-top:4px; margin-right:0; }
	.page-left { margin-bottom:20px; }

.footer_section_header {
		font-size:13px!important;
	}
}



/* Mobile Portrait */
@media only screen and (max-width: 479px) {
	body { font-size:12px; }
	#mobile-menu-button { right:10px; }
	#logo h1 { margin-top:20px; }
	#logo img { max-width:240px !important; }
	.wrapper { width:300px; }
	.page { width:280px; }
	.items .item { width:126px; }
	.items.landscape .item { width:270px; }
	.items .item a h2.item-name { font-size:12px; }
	
	.bottom-banner .left, .bottom-banner .right { width:100%; }
	ul.slide-menu li a { padding:5px 0 5px 20px; font-size:12px; }
	
	.profile .profile-info .row .value { width:125px; }
	ul.gallery li { width:138px; }
	
.footer_section_header {
		font-size:13px;
		padding-bottom:6px;
	}
}

@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px)  {

	/* Force table to not be like tables anymore */
	/* 	table, thead, tbody, th, td, tr {  */
	/* 		display: block;  */
	/* 	} */
	
	/* Hide table headers (but not display: none;, for accessibility) */
	thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	tr { border: 1px solid #ccc; }
	
}

	/* 	td {  */
	/* 		/* Behave like a "row" */ */
	/* 		border: none; */
	/* 		border-bottom: 1px solid #eee;  */
	/* 		position: relative; */
	/* 		padding-left: 50%; */
	/* 		text-align:left; */
	/* 		border-left:0 !important; */
	/* 	} */
	
	/* 	td:before {  */
	/* 		/* Behave like a table header */ */
	/* 		position: relative; */
	/* 		/* Top/left values mimic padding */ */
	/* 		/*top: 6px; */
	/* 		left: 6px;*/ */
	/* 		width: 45%;  */
	/* 		padding-right: 10px;  */
	/* 		white-space: nowrap; */
	/* 		font-weight:bold; */
	/* 		display:inline-block; */
	/* 		text-align:left; */
	/* 	} */