/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (max-device-width : 480px) {
	/* Styles */
	.absolutebody { position:absolute; width:100%; overflow-x:hidden; height:100%; min-height:100%; -webkit-overflow-scrolling:touch; }
	
	.topbar,
	.menu,
	.headerarea .searchnew,
	.rightpanel,
	.newtabs ul li, 
	.footer .container,mmconect
	.desktopmode { display:none; }
	/*.mainav { display:none !important; }*/
	.desktopmode { display:none !important; }
	
	.rightpanelindex { float:none; margin:0 auto 20px auto; }
	.rightpanelindex .panel { /*display:none;*/ }
	.rightpanelindex .panel.rectav { display:block; }
	.rightpanelindex .skypanel { display:none; }
	
	.mobilemode, 
	.mmav, 
	.newtabs ul li:first-child { display:block; }
	
	html, body { overflow-x:hidden; -webkit-overflow-scrolling:touch; }
	.alphatag { width:40px; height:40px; }
	.eventbackdrop { background-position:center top; background-repeat:no-repeat; background-color:#e8e8e8; background-size:contain; }
	
	.headerarea { height:52px; }
	.headerarea .logonew { left:20px; top:10px; }
	.headerarea .logonew img { height:30px; }
	
	.mobilemenubtn { position:absolute; z-index:101; right:5px; top:2px; font-size:28px; text-align:center; height:38px; width:48px; padding:10px 0 0 0; }
	.mobilemenuarea { position:absolute; margin:52px 0 0 0; width:240px; z-index:100; right:-100%; font-size:16px; background:#000; color:#FFF; }
	.mobilemenuarea .mmlist { border-bottom:1px solid #666; }
	.mobilemenuarea .mmlist > a,
	.mobilemenuarea .mmlist .blockk, 
	.mobilemenuarea .mmlist .static { display:block; width:100%; padding:10px 0; border:1px none #FFF; color:inherit; }
	.mobilemenuarea .mmlist .static { padding:5px 0; background:#333; }
	.mobilemenuarea .mmlist a:hover { text-decoration:none; }
	.mobilemenuarea .mmlist .static .mmspan, 
	.mobilemenuarea .mmlist > a .mmspan,
	.mobilemenuarea .mmlist > .blockk .mmspan { padding:0 20px; }
	.mobilemenuarea .mmlist > .blockk .mmspan a { color:#FFF; }
	.mobilemenuarea .mmlist > a .mmspan i { float:right; font-size: 10px; margin: 6px 0 0 0; color:#999; }
	.mobilemenuarea .mmlist .mmsub { padding:0 0 10px 0; display:none; }
	.mobilemenuarea .mmlist .mmsub a .mmspan { color:#999; padding:0 20px 10px 40px; }
	
	.mobilemenuarea .mmlist .mmsub a .mmlang { color:#999; padding:0 20px; margin:0 0 8px 0; }
	
	.mmlist .flagarea { display:inline-block; width:25px; margin:0 5px 0 0; height:16px; }
	.mmlist .mmspan .flagarea { margin:0 5px; }
	.mmlist .flagarea .flag { margin:3px 0 0 0; width:24px; height:14px; background:url(../i/languages-flag.jpg) no-repeat; }

	.headerarea .mmsearch { padding:10px 20px; border-bottom:1px solid #e50408; }
	.headerarea .mmsearchfrm { position:relative; width:100%; }
	.headerarea .mmsearchfrm .magnifier {
		position:absolute;
		right: 5px;
		top: 5px;
		color: #ccc;
		font-size: 14px;
	}
	.headerarea .mmsearchfrm input {
		border: 1px solid #ccc !important;
		width: 180px;
		height: 10px;
		padding: 10px;
	}
	
	.headerarea .mmconect { padding:20px 0 0 20px; }
	.headerarea .mmconect li {
		border-radius: 50%;
		text-align: center;
		float: left;
		padding: 4px 6px 8px 6px;
		margin:0 20px 20px 0;
		height: 17px;
		width: 19px;
		color: #fff;
	}
	.headerarea .mmconect li a { color: #fff; }
	.headerarea .mmconect li:hover { background:#000; }
	
	.mmconect .mmlang { }
	
	.wrapper { padding:30px 0 0 0; }
	.wrapper > .innerpadding { padding:0 20px; }
	.body > .wrapper2 { padding:0; }
	.slider, 
	.slider .mainslide,
	.slider .mainslider,
	.slider .mainslider .imgspace { width:100% !important; height:220px !important; }
	.slider .mainslider .textspace { height:200px; }
	.slider .mainslider .textspace .textarea h1 { font-size:1.2rem; line-height:1.5rem; margin:0; }
	.slider .mainslider .textspace .textarea span { display:none; }
	
	.slider .slidealign { width:100%; overflow-y:hidden; overflow-x:auto; height:auto; }
	.slider .slidealign .slidealignbox { float:left; width:2500px; }
	.slider .slidealign .smallleft { float:left; padding:20px 10px; border:1px none #FFF; width:230px; height:110px; background:#FFF; }
	.slider .slidealign .smallleft .textspace { height:100px; }
	.slider .slidealign .smallleft .imgspace { height:100px; }
	
	.feat .centered { margin:32px 20px; }
	.feat .newfeature { width:100%; margin:0 0 20px 0; }
	.feat .featurecontainer { width:auto; }
	
	.midindex { float:none; margin:0 auto; padding:0 20px; width:auto; }
	.featurewrapindex .toparticle .imgspace { height:175px; }
	.reviewwrap .article, 
	.newswrap .article { width:100%; height:auto; }
	
	.homevideo,
	.homevideo .imgspace,
	.homevideo .homevideobg { width:100%; }
	
	.seemorearea { width:100%; text-align:center; float:left; margin:10px 0; }
	.seemorearea .seemorebtn { font-size: 15px; background:#3B59BA; padding:5px 15px; color:#FFF; margin:0 auto; width:60%; }
	.seemorearea a:hover { text-decoration:none; }
	
	.body { margin:0 auto -140px auto; }
	.push { height:140px; }
	.footer { min-width:auto; height:100px; }
	.footer .hrline { width:90%; }
	.footer .texttop { color:#e21b24; text-align:center; font-size:14px; padding:0 0 15px 0; }
	.footer .texttop a { color:inherit; }
	.footer .texttop .aboutmenu { color:#999; font-size:11px; margin: 5px 0 0 0; }
	.footer .texttop .aboutmenu a { color:#FFF; }
		
	/* articles */
	.article-list { padding:0; box-sizing:border-box; }
	.listwraps .artlist .contright { padding:0; }
	.listwraps .artlist .imgleft { margin:0 0 10px 0; width:100%; }
	.listwraps .artlist .authorby { clear:both; } 
	.listwraps .rectav { }
	
	.bhead { margin:0 20px 20px 20px; }
	.grid .bottomhalf { width:100%; }
	.grid .tophalf .textspace .textarea { font-size: 18px; line-height:22px; max-height:36px; margin:0 0 6px 0; }
	
	.filtermorearea .filter { }
	.filtermorearea .filter .farea { float:left; margin:0 0 10px 0; }
	
	.pagemorearea .pagesarea .pages { height:38px; overflow:hidden; width:65%; }
	.pagemorearea .pagesarea .pages .button { margin:0 2px 2px 0; }
	.pagemorearea input[type=button] { padding:0 8px; }
	.pagemorearea .left { margin:0 4px 0 0; }
	.pagemorearea .right { margin:0 0 0 4px; }

	/* article page */
	.breadcrumbs { display:none; }
	/*.breadcrumbs ul { margin:0 0 0 20px; }
	.breadcrumbs ul li:nth-child(n + 3) { display:none; }*/
	
	.mid .articlecontent { overflow-x:auto; }
	.mid .articlecontent .rectav { margin:0 auto 20px auto; width:300px; text-align:center; }
	
	.videocontainer .videotop { height:240px; }
	.morearticles .artibox { max-width:50%; }
	.panelwrap { padding:0 20px; }
	
	.restats .indicator { position:relative; width:120px; margin:0 auto 20px auto; top:auto; left:auto; }
	.restats .rcommentbox { padding:0 0 20px 0; }
	.restats .rcommentarea .blackbox { width:100%; }
	.restats .rcommentarea .blackbox:nth-child(1) { margin:0 0 20px 0; }
	
	.authorwrap .avatar { float:none; margin:0 auto 30px auto; }
	.authorwrap .authorinfo { width:100%; padding-left:0; }
	
	.recommendwrap { padding:0 20px; }
	.recomwrap .recombox { width:100%; height: 260px; }
	.recomwrap .recomarticleimg { height:160px; }
	
	.userratingwrap { text-align:center; }
	.userratingwrap .ratingbox { float:none; display:inline-block; margin:0 30px; }
	
	/* author section */
	.ahead,
	.searchresult { margin:0 20px 20px 20px; }
	
	/* game section */
	.gamemaininfo .ratethumb { display:none; }
	.gamemaininfo .descpushright { padding: 20px; margin: 0; }
	.gamemaininfo .descgame .titletop .gamesfollow { float:none; right:20px; position:absolute; margin:0; top:20px; }
	
	/* register */
	.article-register .midline { display:none; }
	.article-register .innersplit { width:100%; }
	.article-register .innersplit:nth-child(2) { border-bottom:1px solid #CCC; }
	.article-register .innerpad { padding:50px 20px; }
	.article-register .ahead { margin:0 0 20px 0; }
	
	.contactus .captchar { transform:scale(0.9); transform-origin:0 0 }
	.contactus .captchar > div > div { width:275px; }
	
	/* dashboard */
	.dashboard { width:100%; }
	.dashboard .platmenus { display:none; background: #FFF; position: absolute; z-index: 99; width: 100%; box-shadow: 0 10px 50px rgba(0,0,0,0.8); }
	
	.dashboardinner { margin:0; }
	.dashboardinner .dashboardwrap { margin-top:54px; }
	
	.proi .probtn { width:auto; }
	
	.tgames { display:none; }
	.mygamesetwrap .mygameset,
	.rfollowing .rfollowbox { width:98%; }
	.recommendfollow .recommendborder { width:98%; height:auto; }
	
	/* profile */
	.proi .yname .valuepad { padding:40px 0 0 0; margin:0; }
	
	/* subscriptions */
	.subscription .subsform .form .rowshalf { width:100%; }
	.subscription .subsform .flex { display:block !important; }
	.subscription .subsform .form .rows .rowshalf:first-child { margin:0 0 10px 0; }
	
	.subscription .subsformarea .subsform p { margin:0 20px 20px 20px; }
	
	.subscription .subsform .form .rows .valuepad, 
	.subscription .subsform .form .rows .valuepad2 { padding:45px 0 0 0; }
	.subscription .subsform .form .rows .valuefield { padding:0 20px 0 0; }
	.subscription .subsform .form .rows .valuefield3 { padding:0 0 0 0; }
	.subscription .subsform .form .rows .valuefield i { right:10px; }
	
	.subscription .tncarea input[type=submit] { margin:0 5px 10px 5px; }
}

@media only screen 
and (max-device-width : 321px) {
	.min320 { display:none; }
	.pagemorearea .pagesarea .pages { width:75%; }
}

/*@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 800px) {
	.rightpanelindex { display:none; }
	
	.bhead { margin: 0 auto 20px; max-width: 700px; }
	.mid { float:none; margin:0 auto; }
	
	.footer { min-width:748px; max-width:748px; }
	
	.headerarea .mainmenu li:last-child { display:none; }
}*/

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
	/* Styles */
}

@media only screen and (max-width: 1279px) {
	.min-1280 { display:none; }
	.headerarea .searchnew input { width:100px; }
	/*.leftpanel, .leftpanelsub, .topreview { display:none !important; }*/
	.slider {  float:none; margin:0 auto 10px auto; }
	
	.article-list { max-width:658px !important; }
	.footer .container { max-width:1014px; }
	.footer ul { margin:0 40px 0 0; }
	
	.mid { max-width: 700px; }
}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-width : 768px) 
and (max-width : 1024px) {
	header .topbar .topsocial .topright { margin-right:10px; }
	.headerarea .searchnew { right:10px; }
	.headerarea .searchnew input { width:30px; }
	.headerarea .logonew { left:10px; }
	
	.midindex { float:none; margin:0 auto; }
	.footer { min-width:auto; max-width:1024px; height: 490px; }
	.footer .container { max-width:944px; }
	.footer .list { margin: 0 20px 20px 0; }
	
	.mid { max-width:660px; margin-left:10px; }
	.mid .articlecontent { text-align:justify; }
	.rightpanelindex { margin:0 10px 20px 0; }
	
	.wrapper { max-width: 1004px; }
	.headerarea { max-width:1004px; }
	header .topbar .topsocial { max-width:1004px; }
	.headerarea .searchnew input { width:30px !important; }
	
	.article-list { max-width:658px !important; }
	.footer .container { max-width:1004px; }
	
	.recomwrap .recomarticleimg { height:160px; }
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
	.headerarea .searchnew input { width:80px !important; }
	.leftpanel, .leftpanelsub, .topreview, .leftpanelsub.feat { display: block !important; }
	
	.recomwrap .recomarticleimg { height:160px; }
}