@media only screen and (max-width: 768px){
	body {
	webkit-text-size-adjust: 100%;
}
div {
	box-sizing: border-box;
}


.scorebar {
	width: 200px;
	float:none;
	margin-left: auto;
	margin-right: auto;
	height: 100px;
	height: 90px;
	
}

.game-type {
	float:none;
	width:200px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	
}

.game-type > p {
	font-size: 100%;
	text-align: center;
	font-weight: bold;
}

.middleresult {
	text-align: center;
	width: 100%;
}

.team-one {
	text-align: center;
}

.team-two {
		text-align: center;
}

.scorebar .col {
	margin-left: 0%;
}


.scorebar .result:nth-of-type(1) {
	margin-left: 0px;
}


.hidemobile {
	display:none;
}

.rightcolumn.col {
	margin-left: 0px !important;
}

.footer .col {
	padding-left: 0px;
	border-left: 0px;
	margin: 0%;
}

.videobox {
	height: 300px;
}


.latestedition .col {
	width: 100%;
	margin-right: 1%;
}

.latestedition {
	padding-top: 0px;
}

.header {
	height: 300px;
}
header {
			width: 93.75%; /* 450px / 480px */
		}


		#maincontent{
			width: 93.75%; /* 450px / 480px */
		}
		
	
		.maincontent{
			width: 93.75%; /* 450px / 480px */
		}
		
		
		footer {
			width: 93.75%; /* 450px / 480px */
		}
		
		

.span_1_of_4 {
	width: 100%;
	left: 0%; 
	margin-left: 0px; 
	z-index: 999;
	padding-left: 0px;
}

	.results-content {
		display: none;
	}
	#resultstable { display: block; cursor: pointer;}

.logo {
	margin-left: 0px;
}

.span_1_of_3 {
	width: 100% !important;
	margin-left: 0px;
}
.span_1_of_2 {
	margin-bottom: 8px;
	margin-top: 0px;
}

.item {
		height: auto;
}

.threerow .item {
	width: 100%;
	margin-right: 10px;
	-moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box; 
	padding-top: 30px;
}

.item .author {
	position: relative;
	padding-top: 8px;
	padding-bottom: 8px;
}

.comments {
}

.content h1 {
	margin-top:0px;
}

.authorname {
	font-weight: 700;
}


.reviewimage {
	margin-left: 0px;
}

.latestedition {
	padding-top: 8px;
}

#go {
	width: 20%;
}

#search {
	width: 80%;
}

.leftimage {
	width: 100%;
}

.recommended .image {
	width: 100%;
}
/*  GRID OF EIGHT TURNS INTO A GRID OF FOUR */

.span_8_of_8 {
	width: 100%; 
	margin-left: 0;
}

.span_7_of_8 {
	width: 100%;
	margin-left: 0;
}

.span_6_of_8 {
	width: 100%;
	margin-left: 0;
}

.span_5_of_8 {
	width: 100%;
	margin-left: 0;
}

.span_4_of_8 {
	width: 100%;
	margin-left: 0;
}

.span_3_of_8 {
	width: 74.2%;
	margin: 1% 0 1% 3.2%;
}

.span_2_of_8 {
	width: 48.4%;
	margin: 1% 0 1% 3.2%; 
}

.span_1_of_8 {
	width: 22.6%;
	margin: 1% 0 1% 3.2%; 
}

.span_1_of_8:nth-child(4n+1) { 
	clear: both;
	margin-left: 0;
}
		
/*  Except in the Example */

#example .maincontent .span_8_of_8 {
	width: 100%; 
	margin-left: 0;
}
#example .maincontent .span_7_of_8 {
	width: 100%; 
	margin-left: 0;
}
#example .maincontent .span_6_of_8 {
	width: 100%;
	margin-left: 0; 
}
#example .maincontent .span_5_of_8 {
	width: 100%; 
	margin-left: 0;
}
#example .maincontent .span_4_of_8 {
	width: 100%; 
	margin-left: 0;
}
#example .maincontent .span_3_of_8 {
	width: 100%;
	margin-left: 0; 
}
#example .maincontent .span_2_of_8 {
	width: 100%%; 
	margin-left: 0;
}
#example .maincontent .span_1_of_8 {
	width: 100%; 
	margin-left: 0;
}

.twittershare {
	width: 50%;
	float:right;
	border-left: 1px solid white;
}

.fbshare {
	width: 50%;
}

.authorimagebox {
	 text-align:right; overflow: hidden; float:left; width: 100%;
}

#sport:hover .submenu, #news:hover .submenu, #comment:hover .submenu, #tv:hover .submenu, #lifestyle:hover .submenu, #film:hover .submenu, #tech:hover .submenu, #food:hover .submenu, #travel:hover .submenu, #culture:hover .submenu, #music:hover .submenu, #gaming:hover .submenu {
	display: none;
}

#links {
	background-color: rgba(31, 31, 31, 1);
	width: 0px;
	margin-left: 0px;
	border-top:1px solid #333;
	position: fixed;
	-webkit-transition: width 200ms;
	-moz-transition: width 200ms;
	transition: width 200ms;
	height: 1000px;
max-height: calc(100% - 60px);
	overflow-y: scroll;
	padding: 0px;
	top: 50px;
	left: 0;
	padding-top: 10px;
}

#links.clicked, .slidemenu-container.clicked {
	width: 60%;
}

#showlinks {
	display: block;
	margin-left: 50px;
	height: 50px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
} 

.nav {
	width: 100%;
	left: 0%; 
	margin-left: 0px; 
	z-index: 999;
}

.logo {
	margin-left: 10px;
}

.nav ul li {
	display: block;
	float: left;
		width: 100%;
	clear: both;
	height: 30px;
}

#links{
	margin-left: 0px;
}

.nav ul li a {
	display: block;
	height: 30px;
	text-decoration: none;
	padding-left: 20px;
	padding-right: 13px;
	color: #cfcfcf;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	font-size: 12pt;
	text-transform: uppercase;
	line-height: 30px;
	padding-top: 0px;
}

.nav ul li p {
	display:none;
}

#showlinks {
	margin-left: 50px;
}
#showlinks a {
	display:block;
	color: #cfcfcf;
	text-decoration: none;
	height: 50px;
	padding-top: 15px;
	padding-left: 10px;
	padding-right: 10px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	width: 70px;
}

#showlinks a:hover {
	display:block;
	background-color: rgba(200, 200, 200, 0.15);
	text-decoration: none;
	height: 50px;
}

}

@media only screen and (max-width: 600px){
	.nav.loggedin {
		top: 0%;
	}
	.nav-under {
		position: absolute;
		top: 0;
	}
}