@media screen and (min-width: 1281px) and (max-width: 1479px) {

/*--index--*/
.maincontentwrap {width:100%;}
.rowwrap  {width:100%; margin:0 auto;}
.rowlist  {width:90%;}
.rowlist ul {width:100%; margin:0 auto;}
.rowlist ul > li {width:31%; margin:45px 2% 45px 0;}
.buttonlist li button {margin:0 0 10px;}
.rowwrap2 {width:100%;}
.gamein {width:100%;}

/*--inner1 --*/
.leftgameinfo {width:74%;  margin: 0 2% 0 0;}
.rightgameinfo {width:23%;}

.red {font-size: 33px; line-height: 37px; padding: 0 0 20px;}
.gameshort {width:74%; margin: 30px auto;}
.gameshort a img {width:100%; height:auto; display:block;}
.gameshort li { margin: 0 0 5px;}
.gameshort li h4 {font-size:18px; line-height:22px; padding: 0 0 20px;}
.leftgameinfo .buttonlist em { padding: 6px 0 0;}
.leftgameinfo .buttonlist li button {height: 32px; line-height:30px;}

.screenshots ul li {width:23%; margin: 0 2% 15px 0;}

/*--inner2 --*/
.playlogo {padding: 85px 0 115px;}
.quote blockquote {padding:0 15%;}
.otherinfo { padding: 45px 0 70px;}
#infolist li {width:49%; margin:0 2% 70px 0;}
.removemar {margin:0 0 70px 0!important;}

.developerwrap h2 {font-size:22px; line-height:26px;}
.developerwrap h5 {font-size:18px; line-height:22px;}

/*--update--*/	
.titles h3 {margin-bottom: 5px;}

}

@media screen and (min-width: 1024px) and (max-width: 1280px) {
/*--index--*/
.maincontentwrap {width:100%;}
.rowwrap  {width:100%; margin:0 auto;}
.rowlist  {width:90%;}
.rowlist ul {width:100%; margin:0 auto;}
.rowlist ul > li {width:31%; margin:45px 2% 45px 0;}
.buttonlist li button {margin:0 0 10px;}
.rowwrap2 {width:100%;}
.gamein {width:100%;}

/*--inner1 --*/
.leftgameinfo {width:74%;  margin: 0 2% 0 0;}
.rightgameinfo {width:23%;}

.red {font-size: 33px; line-height: 37px; padding: 0 0 20px;}
.gameshort {width:74%; margin: 30px auto;}
.gameshort a img {width:100%; height:auto; display:block;}
.gameshort li { margin: 0 0 5px;}
.gameshort li h4 {font-size:18px; line-height:22px; padding: 0 0 20px;}
.leftgameinfo .buttonlist em { padding: 6px 0 0;}
.leftgameinfo .buttonlist li button {height: 32px; line-height:30px;}

.screenshots ul li {width:23%; margin: 0 2% 15px 0;}
.leftgameinfo h3 {font-size:36px;  line-height: 42px;}
.leftgameinfo h6 {font-size: 18px;  line-height: 24px;}

/*--inner2 --*/
.playlogo {padding: 85px 0 115px;}
.quote blockquote {padding:0 15%;}
.otherinfo { padding: 45px 0 70px;}
#infolist li {width:49%; margin:0 2% 70px 0;}
.removemar {margin:0 0 70px 0!important;}

.developerwrap h2 {font-size:22px; line-height:26px;}
.developerwrap h5 {font-size:18px; line-height:22px;}

/*--update --*/
.titles h3 {margin-bottom: 5px;}	
}



@media screen and (min-width: 768px) and (max-width: 979px) {
/*--index--*/	
.headerwrapper {background-size: 100% 100%;}	
.maincontentwrap {width:100%;}
.rowwrap  {width:100%; margin:0 auto;}
.rowlist  {width:90%;}
.rowlist ul {width:100%; margin:0 auto;}
.rowlist ul > li {width:31%; margin:45px 2% 45px 0;}
.buttonlist li button {margin:0 0 10px; min-width: 98px;}
.rowwrap2 {width:100%;}

.gamein {width:100%;}
.gamein h3 {font-size:18px; line-height:22px;}
.midsect h4 {font-size:14px; line-height:18px;}
.midsect button {font-size:12px;}
.buttonlist li button {font-size: 10px; height: 26px; line-height: 22px;}

.logo {width:35%;   margin: 0 auto; float:none; display: block; padding:25px 0;}
.socialhead {margin: 10px 0 0; position: absolute; left: 10%;}
.mailab {width: 130px;  left: 40%;}

.footertop {width:100%;  padding: 56px 0 52px;}
.leftfooter {width:48%; padding: 0 0 52px;}
.container {width:90%; margin:0 auto;}
.leftfooter h3 {font-size:20px; line-height:25px;}
.leftfooter p {font-size:15px; line-height:20px;}

.formgroup {width:328px;}
#email {width:162px; line-height:40px; height:40px; font-size: 14px;}
#button {line-height:40px; height:40px; font-size: 14px;}

.footerright {width:48%;}
.footerright ul {margin: 35px 0 0;}
.footerright ul li {width:22%; height:auto;}
.socgroup  {padding: 44px 0 48px;}
.socgroup a {width:100%; height: 75px;}

.footerbottom {width:100%;}
footer {width:100%;}
.footer {width:100%;}
.topleft {width:100%;}

.findmr {width: 260px;  font-size: 15px !important; line-height: 45px !important; height:45px !important;}

.tp-caption.customin.tp-resizeme.rs-parallaxlevel-0.start.hasclicklistener{ left: 2% !important;}
.tp-bullets.preview2 { padding: 11px 16px!important;}
.tp-bullets.preview2 .bullet {width:3px!important; height:3px!important;}
.tp-bullets.preview2 .bullet:hover,
.tp-bullets.preview2 .bullet.selected  {width:3px!important; height:3px!important;}
.tp-caption.grey_regular_18.customin.tp-resizeme.rs-parallaxlevel-0.start {left:1%!important;}
.tp-caption.grey_regular_18.customin.tp-resizeme.rs-parallaxlevel-0.start p  {font-size:10px!important; line-height:15px!important;}

/*--inner1 --*/
.leftgameinfo {width:74%;  margin: 0 2% 0 0;}
.rightgameinfo {width:23%;}

.red {font-size: 33px; line-height: 37px; padding: 0 0 20px;}
.gameshort {width:74%; margin: 30px auto;}
.gameshort a img {width:100%; height:auto; display:block;}
.gameshort li { margin: 0 0 5px;}
.gameshort li h4 {font-size:18px; line-height:22px; padding: 0 0 20px;}
.leftgameinfo .buttonlist em { padding: 6px 0 0;}
.leftgameinfo .buttonlist li button {height: 32px; line-height:30px;}

.screenshots ul li {width:23%; margin: 0 2% 15px 0;}
.leftgameinfo h3 {font-size:36px;  line-height: 42px;}
.leftgameinfo h6 {font-size: 18px;  line-height: 24px;}
.bannervideo {width:78%; height: 340px;}

/*--inner2 --*/
.playlogo {padding: 85px 0 115px;}
.quote blockquote {padding:0 15%;}
.otherinfo { padding: 45px 0 70px;}
#infolist li {width:100%; margin: 0 15px 40px;}
.removemar {margin:0 15px 40px!important;}

.developerwrap h2 {font-size:22px; line-height:26px;}
.developerwrap h5 {font-size:18px; line-height:22px;}
span.customSelect {margin: 0 0 2px;}

.mainlist { margin: 0 auto; width: 94%;}
.mainlist > li {margin:0px 0px 2px;}
.inputfield {width:643px;}
.inputfield ul > li input {width:614px;}
.inputgroup {width:643px;}

#infolist li h2  {font-size:22px; line-height:26px;}
#infolist li p {font-size:14px; line-height:18px;}

.featurelist li {font-size:14px; line-height:18px;}
.fsubmit {font-size:18px; line-height:22px;}

/*--update new code--*/	
.navwarp {display: none;}	
.socialhead {display: none;}
.socialhead {display: none;}	
.socialmob {display: block;}	
	
/* navigation mobile */
.mobnav {display:block; width:100%; height:auto;  position:static; float: right;}
.navwarp nav {display: none;}	
.mob_menu {display: block; position: absolute;top: 50%; margin-top: -12px; right: 15px;}	
.mobilemenuwrap {display: none; width: 100%; position: absolute; height: 1px; z-index: 999; background: #1b1b1b;}	
.mobilemenuwrap .mobilenav {width: 100%; margin: 0 auto; position: relative;}	
.mobilemenuwrap .mobilenav ul {list-style: none; position: relative; width: 100%; float: none; padding: 0; margin: 0px; list-style: none;  background: #1b1b1b;}	
.mobilemenuwrap .mobilenav ul li {display: block; float: none; width: 100%; padding: 0px; background: none; text-align: center; border-bottom: 1px solid #fff;}	
.mobilemenuwrap .mobilenav ul li a:hover, .mobilemenuwrap .mobilenav ul li.active a {background: #ff0000;}	
.mobilemenuwrap .mobilenav::after {clear: both; content: "";}
.mobilemenuwrap .mobilenav ul li a{padding-left: 25px; text-align: center; font-size: 24px; line-height: 28px; font-weight: 400;  font-family: "fontastique"; color:#fff; text-transform: uppercase; padding: 5px 10px;}
.mobilemenuwrap .mobilenav ul li a:hover {color:#fff;}
.mobilemenuwrap .mobilenav ul li.active {background: none!important;}	

.socialmob	{background: #1b1b1b; position: relative; width: 100%;}
.socialmob ul {list-style: none; position: relative; width:100%; padding: 0; margin: 0 auto; }
.socialmob ul li {width:39.50%; text-align: center; border-bottom: 1px solid #fff;}
.socialmob ul li a {display: block;}
.socialmob ul li {margin: 0px; padding: 10px 5%;}	
.socialmob ul li.facebook a {width: 25px; height: 23px; background: url(../images/header_fbicon.png)no-repeat top left; margin: 0 auto;}
.socialmob ul li.facebook a:hover {/*width: 115px; height: 114px;*/ background:url(../images/header_fbiconhover.png)no-repeat top left; margin: 0 auto;}
.socialmob ul li.twitter a{width: 23px; height: 23px; background:url(../images/header_twicon.png)no-repeat top left; margin: 0 auto;} 
.socialmob ul li.twitter a:hover {width: 23px; height: 23px; background: url(../images/header_twiconhover.png)no-repeat top left; margin: 0 auto;}
.socialmob ul li.utube a{width: 28px; height: 23px; background:url(../images/header_uticon.png)no-repeat top left; margin: 0 auto;} 
.socialmob ul li.utube a:hover {width: 28px; height: 23px; background: url(../images/header_uticonhover.png)no-repeat top left; margin: 0 auto;}
.socialmob ul li.mail a{width: 28px; height: 23px; background:url(../images/header_mailicon.png)no-repeat top left; margin: 0 auto;} 
.socialmob ul li.mail a:hover {width: 28px; height: 23px; background: url(../images/header_mailiconhover.png)no-repeat top left; margin: 0 auto;}
.socialmob::after {clear: both; content: "";}
.socialmob ul li:nth-child(5n-1) {margin: 0;}

.leftgameinfo {width: 100%; margin: 0 0 30px; float: left;}	
.rightgameinfo {width: 100%; float: left;}	
.screenshots.innerimage ul li {width: 30%; margin-right: 3%;}	
.jobproc {width: 90%;}	
.jobinfo {width: 100%;}	
#header.sticky {position: fixed!important;}	
.gameinfo {width: 94%; position: relative; padding: 22px 3%;}
#header.sticky .logo {padding: 5px 0; width:40%;}	
.socialmob ul li:nth-child(2n){border-left:1px solid #fff;}
	
.socialmob ul li {width: 39.80%;}
.buttonlist li{ margin: 0 8px 5px 0 !important;}
nav ul li.current-menu-item {background: none!important;} 	
}




@media screen and (min-width: 600px) and (max-width: 767px) {
/*--index--*/	
.headerwrapper {background-size: 100% 100%;}	
.maincontentwrap {width:100%;}
.rowwrap  {width:100%; margin:0 auto;}
.rowlist  {width:90%;}
.rowlist ul {width:100%; margin:0 auto;}
.rowlist ul > li {width:31%; margin:45px 2% 45px 0;}
.buttonlist li button {margin:0 0 10px; min-width: 98px;}
.rowwrap2 {width:100%;}

.gamein {width:100%;}
.gamein h3 {font-size:16px; line-height:22px;}
.blanks {margin: 55px 0 0;}
.midsect {top: 20%;}
.midsect h4 {font-size:14px; line-height:18px;}
.midsect button {font-size:12px;}
.buttonlist li button {font-size: 10px; height: 26px; line-height: 22px;}

.logo {width:35%;   margin: 0 auto; float:none; display: block; padding:25px 0;}
.socialhead {margin: 10px 0 0; position: absolute; left: 10%;}

.footertop {width:100%; padding: 50px 0;}
.leftfooter {width:48%; padding: 0 0 52px;}
.container {width:90%; margin:0 auto;}
.leftfooter h3 {font-size:20px; line-height:25px;}
.leftfooter p {font-size:15px; line-height:20px;}

.formgroup {width:255px;}
#email {width:90px; line-height:40px; height:40px; font-size: 14px;}
#button {line-height:40px; height:40px; font-size: 14px;}

.footerright {width:48%;}
.footerright ul {margin: 35px 0 0;}
.footerright ul li {width:22%; height:auto;}
.socgroup  {padding: 77px 0 48px;}
.socgroup a {width:100%; height: 58px;}
.findmr {width: 250px;  font-size: 15px !important; line-height: 45px !important; height:45px !important;}

.footerbottom {width:100%;}
footer {width:100%;}
.footer {width:100%;}

.topleft {width:100%;}

.tp-caption.customin.tp-resizeme.rs-parallaxlevel-0.start.hasclicklistener{ left: 2% !important;}
.tp-bullets.preview2 { padding: 11px 16px!important;}
.tp-bullets.preview2 .bullet {width:3px!important; height:3px!important;}
.tp-bullets.preview2 .bullet:hover,
.tp-bullets.preview2 .bullet.selected  {width:3px!important; height:3px!important;}
.tp-caption.grey_regular_18.customin.tp-resizeme.rs-parallaxlevel-0.start {left:1%!important;}
.tp-caption.grey_regular_18.customin.tp-resizeme.rs-parallaxlevel-0.start p  {font-size:10px!important; line-height:15px!important;}



/*--inner1 --*/
.leftgameinfo {width:74%;  margin: 0 2% 0 0;}
.rightgameinfo {width:23%;}

.red {font-size: 26px; line-height: 30px; padding: 0 0 20px;}
.gameshort {width:74%; margin: 30px auto;}
.gameshort a img {width:100%; height:auto; display:block;}
.gameshort li { margin: 0 0 5px;}
.gameshort li h4 {font-size:11px; line-height:14px; padding: 0 0 20px;}
.leftgameinfo .buttonlist em { padding: 6px 0 0;}
.leftgameinfo .buttonlist li button {height: 32px; line-height:30px;}

.screenshots ul li {width:23%; margin: 0 2% 15px 0;}
.leftgameinfo h3 {font-size:30px;  line-height: 35px;}
.leftgameinfo h6 {font-size: 16px;  line-height: 20px;}
.bannervideo {width:78%; height: 340px;}
.leftgameinfo p {font-size:13px; line-height:18px;}

/*--inner2 --*/
.playlogo {padding: 85px 0 115px;}
.quote blockquote {padding:0 15%; font-size: 16px;}
.otherinfo { padding: 45px 0 70px;}
#infolist li {width:90%; margin: 0 5% 40px;}
.removemar {margin:0 5% 40px!important; width:90%;}

.developerwrap h2 {font-size:20px; line-height:24px;}
.developerwrap h5 {font-size:16px; line-height:20px;}
span.customSelect {margin: 0 0 2px;}

.mainlist { margin: 0 auto; width: 94%;}
.mainlist > li {margin:0px 0px 2px;}
.inputfield {width:500px;}
.inputfield ul > li input {width:470px; font-size:14px; line-height:50px;}
.inputgroup {width:500px;}

#infolist li h2  {font-size:20px; line-height:26px; margin: 0 0 10px;}
#infolist li p {font-size:14px; line-height:18px;}

.featurelist li {font-size:14px; line-height:18px;  width:95% !important;  padding: 0 0 0 5% !important;}
.fsubmit {font-size:18px; line-height:22px;}
.inputfield2 {width:500px;}
.textare {width:500px;}

.mailab { height: 114px; left: 38%; position: absolute; top: -45px; width: 115px;}

/*--update new code--*/	
.navwarp {display: none;}	
.socialhead {display: none;}
.socialhead {display: none;}	
.socialmob {display: block;}	
	
/* navigation mobile */
.mobnav {display:block; width:100%; height:auto;  position:static; float: right;}
.navwarp nav {display: none;}	
.mob_menu {display: block; position: absolute; top: 22px; right: 15px;}	
.mobilemenuwrap {display: none; width: 100%; position: absolute; height: 1px; z-index: 999; background: #1b1b1b;}	
.mobilemenuwrap .mobilenav {width: 100%; margin: 0 auto; position: relative;}	
.mobilemenuwrap .mobilenav ul {list-style: none; position: relative; width: 100%; float: none; padding: 0; margin: 0px; list-style: none;  background: #1b1b1b;}	
.mobilemenuwrap .mobilenav ul li {display: block; float: none; width: 100%; padding: 0px; background: none; text-align: center; border-bottom: 1px solid #fff;}	
.mobilemenuwrap .mobilenav ul li a:hover, .mobilemenuwrap .mobilenav ul li.active a {background: #ff0000;}	
.mobilemenuwrap .mobilenav::after {clear: both; content: "";}
.mobilemenuwrap .mobilenav ul li a{padding-left: 25px; text-align: center; font-size: 24px; line-height: 28px; font-weight: 400;  font-family: "fontastique"; color:#fff; text-transform: uppercase; padding: 5px 10px;}
.mobilemenuwrap .mobilenav ul li a:hover {color:#fff;}
.mobilemenuwrap .mobilenav ul li.active {background: none!important;}	

.socialmob	{background: #1b1b1b; position: relative; width: 100%;}
.socialmob ul {list-style: none; position: relative; width:100%; padding: 0; margin: 0 auto; }
.socialmob ul li {width:39.9%; text-align: center; border-bottom: 1px solid #fff;}
.socialmob ul li a {display: block;}
.socialmob ul li {margin: 0px; padding: 10px 5%;}	
.socialmob ul li.facebook a {width: 25px; height: 23px; background: url(../images/header_fbicon.png)no-repeat top left; margin: 0 auto;}
.socialmob ul li.facebook a:hover {width: 25px; height: 23px; background:url(../images/header_fbiconhover.png)no-repeat top left; margin: 0 auto;}
.socialmob ul li.twitter a{width: 23px; height: 23px; background:url(../images/header_twicon.png)no-repeat top left; margin: 0 auto;} 
.socialmob ul li.twitter a:hover {width: 23px; height: 23px; background: url(../images/header_twiconhover.png)no-repeat top left; margin: 0 auto;}
.socialmob ul li.utube a{width: 28px; height: 23px; background:url(../images/header_uticon.png)no-repeat top left; margin: 0 auto;} 
.socialmob ul li.utube a:hover {width: 28px; height: 23px; background: url(../images/header_uticonhover.png)no-repeat top left; margin: 0 auto;}
.socialmob ul li.mail a{width: 28px; height: 23px; background:url(../images/header_mailicon.png)no-repeat top left; margin: 0 auto;} 
.socialmob ul li.mail a:hover {width: 28px; height: 23px; background: url(../images/header_mailiconhover.png)no-repeat top left; margin: 0 auto;}
.socialmob::after {clear: both; content: "";}
.socialmob ul li:nth-child(5n-1) {margin: 0;}
#header.sticky .logo {padding: 5px 0; width:40%;}
 #header.sticky {position: fixed;}
.socialmob ul li:nth-child(2n){border-left:1px solid #fff;}	
.moregameswrap{width: 100%;}
.tparrows.preview2 {
    min-width: 53px!important;
    background-size: 100%!important;
    min-height: 52px!important;
}	
	nav ul li.current-menu-item {background: none!important;} 
 }
	

@media screen and (max-width: 599px) {
/*--index--*/
.headerwrapper {background-size: 100% 100%;}	
.maincontentwrap {width:100%;}
.rowwrap  {width:100%; margin:0 auto;}
.rowlist  {width:90%;}
.rowlist ul {width:100%; margin:0 auto;}
.rowlist ul > li {width:100%; margin:45px 0 0;}
.buttonlist li button {margin:0 0 10px; min-width: 98px;}
.rowwrap2 {width:100%;}

.gamein {width:100%;}
.gamein h3 {font-size:18px; line-height:22px;}
.blanks {margin: 0 0 0;}
.midsect {top: 20%;}
.midsect h4 {font-size:14px; line-height:18px;}
.midsect button {font-size:12px;}
.buttonlist li button {font-size: 10px; height: 26px; line-height: 22px;}

.logo {width:35%;   margin: 0 auto; float:none; display: block; padding:25px 0;}
.socialhead {margin: 10px 0 0; position: absolute; left: 10%;}
.rowlist ul li.last

.footertop {width:100%;}
.leftfooter {width:100%; padding: 0 0 52px; background-size: 83% 12%; background-position: left bottom;}
.container {width:90%; margin:0 auto;}
.leftfooter h3 {font-size:20px; line-height:25px;}
.leftfooter p {font-size:15px; line-height:20px;}

.formgroup {width:328px;}
#email {width:162px; line-height:40px; height:40px; font-size: 14px;}
#button {line-height:40px; height:40px; font-size: 14px;}

.footerright {width:100%;}
.footerright ul {margin: 0;}
.footerright ul li {width:60px; height:auto;}
.socgroup  {padding: 44px 0 48px; width:60px; height:60px;}
.socgroup a {width:60px; height: 60px;}
.findmr {width: 310px;  font-size: 15px !important; line-height: 30px !important; height:30px !important;}
.footer > li h4 {margin:0px;  padding: 8px 0 5px 62px;}
.footer > li h4 em{display:block; }

.footerbottom {width:100%;}
footer {width:100%;}
.footer {width:100%;}

.topleft {width:100%;}

.tp-caption.customin.tp-resizeme.rs-parallaxlevel-0.start.hasclicklistener{ left: 15% !important;}
.tp-simpleresponsive .tp-caption { left: 30% !important;}
.tp-bullets.preview2 { padding: 11px 16px!important;}
.tp-bullets.preview2 .bullet {width:3px!important; height:3px!important;}
.tp-bullets.preview2 .bullet:hover,
.tp-bullets.preview2 .bullet.selected  {width:3px!important; height:3px!important;}
.tp-caption.grey_regular_18.customin.tp-resizeme.rs-parallaxlevel-0.start {left:16%!important;}
.tp-caption.grey_regular_18.customin.tp-resizeme.rs-parallaxlevel-0.start > div{font-size:12px!important; line-height:18px!important; }
.tp-caption.customin.tp-resizeme.rs-parallaxlevel-0.start.hasclicklistener {top:228px!important;}
.tp-caption.grey_regular_18.customin.tp-resizeme.rs-parallaxlevel-0.start p  {font-size:12px!important; line-height:15px!important;}

/*--inner1 --*/
.leftgameinfo {width:100%;  margin: 0 0 15px 0;}
.rightgameinfo {width:50%; margin: 0 0 15px 0; float:left;}

.red {font-size: 30px; line-height: 35px; padding: 0 0 20px;}
.gameshort {width:74%; margin: 30px auto;}
.gameshort a img {width:100%; height:auto; display:block;}
.gameshort li { margin: 0 0 5px;}
.gameshort li h4 {font-size:14px; line-height:14px; padding: 0 0 20px;}
.leftgameinfo .buttonlist em { padding: 6px 0 0;}
.leftgameinfo .buttonlist li button {height: 32px; line-height:30px;}

.screenshots ul li {width:48%; margin: 0 2% 15px 0;}
.leftgameinfo h3 {font-size:30px;  line-height: 35px;}
.leftgameinfo h6 {font-size: 16px;  line-height: 20px;}
.bannervideo {width:90%; height: 255px;}
.leftgameinfo p {font-size:13px; line-height:18px;}

/*--inner2 --*/

.playlogo {padding: 85px 0 115px;}
.playlogo a {width: 55%;}
.quote blockquote {padding:0 6%; font-size: 16px;}
.otherinfo { padding: 45px 0 70px;}
#infolist li {width:90%; margin: 0 5% 40px;}
.removemar {margin:0 5% 40px!important; width:90%;}

.developerwrap h2 {font-size:20px; line-height:24px;}
.developerwrap h5 {font-size:16px; line-height:20px;}
span.customSelect {margin: 0 0 2px;}

.mainlist { margin: 0 auto; width: 94%;}
.mainlist > li {margin:0px 0px 2px;}
.inputfield {width:400px;}
.inputfield ul > li input {width:370px; font-size:14px; line-height:50px;}
.inputgroup {width:400px;}

#infolist li h2  {font-size:20px; line-height:26px; margin: 0 0 10px;}
#infolist li p {font-size:14px; line-height:18px;}

.featurelist {width:100%;}
.featurelist li {font-size:14px; line-height:18px; width:95% !important;  padding: 0 0 0 5% !important;}
.fsubmit {font-size:18px; line-height:22px;}
.inputfield2 {width:400px;}
.textare {width:400px; height: 160px;}

.mailab { height: 114px; left: 38%; position: absolute; top: -45px; width: 115px;}
.playlogo {display:none;}
	
	
/*--update--*/
.leftgameinfo {width: 100%; margin: 0 0 30px; float: left;}	
.rightgameinfo {width: 100%; float: left;}	
.screenshots.innerimage ul li {width: 30%; margin-right: 3%;}		
	
.leftgameinfo {width: 100%; margin: 0 0 30px; float: left;}	
.rightgameinfo {width: 100%; float: left;}	
.screenshots.innerimage ul li {width: 30%; margin-right: 3%;}	
.jobproc {width: 90%;}	
.jobinfo {width: 100%;}
.jobproc h4, .jobinfo h5, .jobproc h2 {font-size: 14px;}	
.jobproc h2 em {display: block; float: none; text-align: left;}	
.gameinfo {width: 94%; position: relative; padding: 12px 3%;}	
 #header.sticky {position: fixed;}
#header.sticky .logo {padding: 5px 0; width:40%;}	
.navwarp {display: none;}	
.socialhead {display: none;}
.mob_menu {top: 14px;}	
.moregameswrap {width: 90%; margin: 0 auto;}	
	
.navwarp {display: none;}	
.socialhead {display: none;}
.socialhead {display: none;}	
.socialmob {display: block;}
	

	
/* navigation mobile */
.mobnav {display:block; width:100%; height:auto;  position:static; float: right;}
.navwarp nav {display: none;}	
.mob_menu {display: block; position: absolute; top: 22px; right: 15px;}	
.mobilemenuwrap {display: none; width: 100%; position: absolute; height: 1px; z-index: 999; background: #1b1b1b;}	
.mobilemenuwrap .mobilenav {width: 100%; margin: 0 auto; position: relative;}	
.mobilemenuwrap .mobilenav ul {list-style: none; position: relative; width: 100%; float: none; padding: 0; margin: 0px; list-style: none;  background: #1b1b1b;}	
.mobilemenuwrap .mobilenav ul li {display: block; float: none; width: 100%; padding: 0px; background: none; text-align: center; border-bottom: 1px solid #fff;}	
.mobilemenuwrap .mobilenav ul li a:hover, .mobilemenuwrap .mobilenav ul li.active a {background: #ff0000;}	
.mobilemenuwrap .mobilenav::after {clear: both; content: "";}
.mobilemenuwrap .mobilenav ul li a{padding-left: 25px; text-align: center; font-size: 24px; line-height: 28px; font-weight: 400;  font-family: "fontastique"; color:#fff; text-transform: uppercase; padding: 5px 10px;}
.mobilemenuwrap .mobilenav ul li a:hover {color:#fff;}
.mobilemenuwrap .mobilenav ul li.active {background: none!important;}	

.socialmob	{background: #1b1b1b; position: relative; width: 100%;}
.socialmob ul {list-style: none; position: relative; width:100%; padding: 20px 0; margin: 0 auto; }
.socialmob ul li {width:39.50%; text-align: center; border-bottom: 1px solid #fff;}
.socialmob ul li a {display: block;}
.socialmob ul li {margin: 0px; padding: 10px 5%;}	
.socialmob ul li.facebook a {width: 25px; height: 23px; background: url(../images/header_fbicon.png)no-repeat top left; margin: 0 auto;}
.socialmob ul li.facebook a:hover {width: 25px; height: 23px; background:url(../images/header_fbiconhover.png)no-repeat top left; margin: 0 auto;}
.socialmob ul li.twitter a{width: 23px; height: 23px; background:url(../images/header_twicon.png)no-repeat top left; margin: 0 auto;} 
.socialmob ul li.twitter a:hover {width: 23px; height: 23px; background: url(../images/header_twiconhover.png)no-repeat top left; margin: 0 auto;}
.socialmob ul li.utube a{width: 28px; height: 23px; background:url(../images/header_uticon.png)no-repeat top left; margin: 0 auto;} 
.socialmob ul li.utube a:hover {width: 28px; height: 23px; background: url(../images/header_uticonhover.png)no-repeat top left; margin: 0 auto;}
.socialmob ul li.mail a{width: 28px; height: 23px; background:url(../images/header_mailicon.png)no-repeat top left; margin: 0 auto;} 
.socialmob ul li.mail a:hover {width: 28px; height: 23px; background: url(../images/header_mailiconhover.png)no-repeat top left; margin: 0 auto;}
.socialmob::after {clear: both; content: "";}
.socialmob ul li:nth-child(5n-1) {margin: 0;}
#header.sticky .logo {padding: 5px 0; width:40%;}
 #header.sticky {position: fixed;}	
	
.headerwrapper .mob_menu {
    top: 50%;
    margin-top: -12px;
}

.gameproicon {width: 15%; height: auto;}	
.gameproicon img {width: 100%; height: auto; position: relative; }	
.titles {width: 40%; margin-right: 0px;}	
.titles h3, .titles h5 {font-size: 20px;}	
.titles h3 {margin-bottom: 0px;}
.socialmob ul {width: 100%; margin: 0 auto;}	
.socialmob ul li {width: 39.75%; margin-right: 0; float: left; text-align: center;}	
.socialmob ul {padding: 0;}	
.socialmob ul li:nth-child(2n){border-left:1px solid #fff;}	
 .moregameswrap .right h4 {margin-bottom: 5px;}	 	
	
/*--update--*/	
.moregameswrap .left {width: 200px;}	
.titles h3 {margin-bottom: 5px;}
.moregameswrap .left ul li {font-size: 14px; line-height: 14px;}
a.logo3  { width: 120px;}
.logo3 img {width: 100%; height: auto; display: block;}	
.socgroup { padding: 15px 0 28px;}
.leftfooter {  width: 100%; padding: 0 0 25px;}	
.leftfooter {  width: 100%; padding: 0 0 25px; background-size: 70% 12%; background-position: bottom left;}	
.titles h3 {line-height: 22px;}	
.moregameswrap {padding: 15px 0;}	
article.gamewarp.active .gameimage span {    transform: rotate(-30deg);    -ms-transform: rotate(-30deg);  -webkit-transform: rotate(-30deg);}	
.gameimage span {padding: 4px 0;}	
.appbtn {margin-top: 5px;}	
.footertop { padding: 25px 0 34px;}	
	
.tparrows.preview2 {
    min-width: 53px!important;
    background-size: 100%!important;
    min-height: 52px!important;
}	
	
nav ul li.current-menu-item {background: none!important;} 
}

@media only screen and (max-width: 479px) {
/*--index--*/
.headerwrapper {background-size: 100% 100%;}	
.maincontentwrap {width:100%;}
.rowwrap  {width:100%; margin:0 auto;}
.rowlist  {width:90%;}
.rowlist ul {width:100%; margin:0 auto;}
.rowlist ul > li {width:100%; margin:45px 0 0;}
.buttonlist li button {margin:0 0 10px; min-width: 88px;}
.rowwrap2 {width:100%;}

.gamein {width:100%;}
.gamein h3 {font-size:18px; line-height:22px;}
.blanks {margin: 0 0 0;}
.midsect {top: 20%;}
.midsect h4 {font-size:14px; line-height:18px;}
.midsect button {font-size:12px;}
.buttonlist li button {font-size: 10px; height: 26px; line-height: 22px;}

.logo {width:65%;   margin: 0 auto; float:none; display: block; padding:25px 0;}
.socialhead {margin: 10px 0 0; position: absolute; left: 10%;}
.rowlist ul li.last

.footertop {width:100%;}
.leftfooter {width:100%; padding: 0 0 52px;}
.container {width:90%; margin:0 auto;}
.leftfooter h3 {font-size:20px; line-height:25px;}
.leftfooter p {font-size:15px; line-height:20px;}

.formgroup {width:328px;}
#email {width:162px; line-height:40px; height:40px; font-size: 14px;}
#button {line-height:40px; height:40px; font-size: 14px;}

.footerright {width:100%;}
.footerright ul {margin: 35px 0 0;}
.footerright ul li {width:22%; height:auto;}
.socgroup  {padding: 44px 0 48px;}
.socgroup a {width:55px; height: 55px;}
.findmr {width: 280px;  font-size: 15px !important; line-height: 45px !important; height:45px !important;}
.footer > li h4 {margin:0px;  padding: 8px 0 5px 62px;}
.footer > li h4 em{display:block;font-size: 11px; }
.sufmenu li a {font-size:11px;}

.footerbottom {width:100%;}
footer {width:100%;}
.footer {width:100%;}

.topleft {width:100%;}

.tp-simpleresponsive .caption, .tp-simpleresponsive .tp-caption { left: 30% !important;}
.tp-bullets.preview2 { padding: 11px 16px!important;}
.tp-bullets.preview2 .bullet {width:3px!important; height:3px!important;}
.tp-bullets.preview2 .bullet:hover,
.tp-bullets.preview2 .bullet.selected  {width:3px!important; height:3px!important;}
.tp-caption.grey_regular_18.customin.tp-resizeme.rs-parallaxlevel-0.start {left:18%!important; top: 115px!important;}
.tp-caption.grey_regular_18.customin.tp-resizeme.rs-parallaxlevel-0.start > div{font-size:12px!important; line-height:13px!important; top:35px!important;}
.tp-caption.grey_regular_18.customin.tp-resizeme.rs-parallaxlevel-0.start p {font-size:10px!important; line-height:13px!important; width:100%!important;}

.tp-caption.lft.customout.rs-parallaxlevel-0.start {top:6.647px!important;}
.tp-banner.revslider-initialised.tp-simpleresponsive {min-height:250px;}
.tp-caption.customin.tp-resizeme.rs-parallaxlevel-0.start.hasclicklistener {top:165px!important; left:17%!important;}

.footertop {padding: 50px 0 50px;}
.leftfooter p {font-size:12px; line-height:14px;}
.formgroup {width: 285px; max-width:100%;}
.footerright ul {margin: 0;}
#email {width:120px;}

/*--inner1 --*/
.leftgameinfo {width:100%;  margin: 0 0 15px 0;}
.rightgameinfo {width:100%; margin: 0 0 15px 0; float:left;}

.red {font-size: 30px; line-height: 35px; padding: 0 0 20px;}
.gameshort {width:74%; margin: 30px auto;}
.gameshort a img {width:100%; height:auto; display:block;}
.gameshort li { margin: 0 0 5px;}
.gameshort li h4 {font-size:14px; line-height:14px; padding: 0 0 20px;}
.leftgameinfo .buttonlist em { padding: 6px 0 0; display:block; width:280px; margin:0 0 15px;}
.leftgameinfo .buttonlist li button {height: 32px; line-height:30px;}

.screenshots ul li {width:100%; margin: 0 0 15px 0;}
.leftgameinfo h3 {font-size:30px;  line-height: 35px;}
.leftgameinfo h6 {font-size: 16px;  line-height: 20px;}
.bannervideo {width:90%; height: 255px;}
.leftgameinfo p {font-size:13px; line-height:18px;}

/*--inner2 --*/
.playlogo {padding: 50px 0 60px;}
.quote {padding: 30px 0;}
.quote blockquote {padding:0 5%; font-size: 18px;}
.otherinfo { padding: 45px 0 70px;}
#infolist li {width:90%; margin: 0 5% 40px; }
.removemar {margin:0 5% 40px!important; width:90%;}

.developerwrap h2 {font-size:17px; line-height:24px;}
.developerwrap h5 {font-size:14px; line-height:20px;}
span.customSelect {margin: 0 0 2px;}

.mainlist { margin: 0 auto; width: 94%;}
.mainlist > li {margin:0px 0px 2px;}
.inputfield {width:270px;}
.inputfield ul > li input {width:240px; font-size:14px; line-height:50px;}
.inputgroup {width:270px;}

#infolist li h2  {font-size:20px; line-height:26px; margin: 0 0 10px;}
#infolist li p {font-size:14px; line-height:18px;}

.featurelist {width:100%;}
.featurelist li {font-size:14px; line-height:18px; width:95% !important;  padding: 0 0 0 5% !important;}
.fsubmit {font-size:18px; line-height:22px;}
.inputfield2 {width:270px;}
.textare {width:270px;}

.mailab { height: 114px; left: 38%; position: absolute; top: -45px; width: 95px;}
.playlogo {display:none;}


/*--update--*/
.leftgameinfo {width: 100%; margin: 0 0 30px; float: left;}	
.rightgameinfo {width: 100%; float: left;}	
.screenshots.innerimage ul li {width: 30%; margin-right: 3%;}		
	
.leftgameinfo {width: 100%; margin: 0 0 30px; float: left;}	
.rightgameinfo {width: 100%; float: left;}	
.screenshots.innerimage ul li {width: 30%; margin-right: 3%;}	
.jobproc {width: 90%;}	
.jobinfo {width: 88%;}

.jobproc h4, .jobinfo h5, .jobproc h2 {font-size: 14px;}	
.jobproc h2 em {display: block; float: none; text-align: left;}		 
.jobproc h4::after { clear: both; content: "";}
.jobinfo article h6, .jobinfo article p, .jobinfo article ol li {font-size: 14px;}
 #header.sticky {position: fixed!important;}	 
#header.sticky .logo {padding: 5px 0; width:40%;}
#header.sticky .mob_menu {display: block; position: absolute; top:50%; right:0px; margin-top: -5px;}	
	 

.gameproicon {width:25%; height: auto; margin-bottom: 5px;}	
.gameproicon img {width: 100%; height: auto; position: relative; }	
.titles {width: 66%; margin-right: 0px;}	
.titles h3, .titles h5 {font-size: 20px;}	
.titles h3 {margin-bottom: 0px;}
.appbtn {float: left;}	 
.socialmob	{background: #1b1b1b; position: relative; width: 100%;}
.socialmob ul {list-style: none; position: relative; width:100%; padding: 20px 0; margin: 0 auto; }
.socialmob ul li {width:39.50%; text-align: center; border-bottom: 1px solid #fff;}
.socialmob ul li a {display: block;}
.socialmob ul li {margin: 0px; padding: 10px 5%;}	
.socialmob ul li.facebook a {width: 25px; height: 23px; background: url(../images/header_fbicon.png)no-repeat top left; margin: 0 auto;}
.socialmob ul li.facebook a:hover {width: 25px; height: 23px; background:url(../images/header_fbiconhover.png)no-repeat top left; margin: 0 auto;}
.socialmob ul li.twitter a{width: 23px; height: 23px; background:url(../images/header_twicon.png)no-repeat top left; margin: 0 auto;} 
.socialmob ul li.twitter a:hover {width: 23px; height: 23px; background: url(../images/header_twiconhover.png)no-repeat top left; margin: 0 auto;}
.socialmob ul li.utube a{width: 28px; height: 23px; background:url(../images/header_uticon.png)no-repeat top left; margin: 0 auto;} 
.socialmob ul li.utube a:hover {width: 28px; height: 23px; background: url(../images/header_uticonhover.png)no-repeat top left; margin: 0 auto;}
.socialmob ul li.mail a{width: 28px; height: 23px; background:url(../images/header_mailicon.png)no-repeat top left; margin: 0 auto;} 
.socialmob ul li.mail a:hover {width: 28px; height: 23px; background: url(../images/header_mailiconhover.png)no-repeat top left; margin: 0 auto;}
.socialmob::after {clear: both; content: "";}
.socialmob ul li:nth-child(5n-1) {margin: 0;}
#header.sticky .logo {padding: 5px 0; width:60%;}
 #header.sticky {position: fixed;}	
.moregameswrap {width: 100%; margin: 0 auto;}
.socialmob ul {padding: 0;}
.socialmob ul li {width:39.20%; text-align: center; border-bottom: 1px solid #fff;}	 
.moregameswrap .right h4 {margin-bottom: 5px;}	 
.leftfooter {  width: 100%; padding: 0 0 25px; background-size: 70% 12%; background-position: bottom left;}
.titles h3 {line-height: 22px;}	 
.moregameswrap .left {width: 145px;}
.moregameswrap .left h4 {font-size: 14px; line-height: 14px;}
.moregameswrap .left ul li.first {margin-right: 10px;}
a.logo3 {display: inline-block; width: 122px;}
.moregameswrap .left ul li {font-size: 10px; line-height: 14px;}
.moregameswrap .right h4 {font-size: 10px; line-height: 14px;} 
.moregameswrap .right .socialmore ul li:nth-child(1) a, .moregameswrap .right .socialmore ul li:nth-child(2) a, .moregameswrap .right .socialmore ul li:nth-child(3) a, .moregameswrap .right .socialmore ul li {width: 17px; height: 17px; background-size: 100%;}	
.moregameswrap .right .socialmore ul li{margin-right: 8px;}	
.moregameswrap .right {width: 72px;}
.gameproicon {width: 15%; margin-right: 4%;}
.titles h3, .titles h5 {font-size: 15px; line-height: 20px;}
.titles {width: 48%;}
.appbtn {width: 32%; height: 30px;}	
.appbtn img {width: 100%; height: 30px;}
.gamewarp {margin: 15px auto 0;}
#email {width: 113px;}
.socgroup {padding:15px 0 28px;}
.moregameswrap {padding: 15px 0;}	
article.gamewarp.active .gameimage span {    transform: rotate(-30deg);    -ms-transform: rotate(-30deg);  -webkit-transform: rotate(-30deg);}	
.gameimage span {padding: 4px 0;}	
.appbtn {margin-top: 5px;}	
.footertop { padding: 25px 0 34px;}	
.tparrows.preview2 {
    min-width: 53px!important;
    background-size: 100%!important;
    min-height: 52px!important;
}	
	nav ul li.current-menu-item {background: none!important;} 
}


@media only screen and (min-width: 375px) and (max-width: 413px) {
/*--index--*/
.headerwrapper {background-size: 100% 100%;}	
.maincontentwrap {width:100%;}
.rowwrap  {width:100%; margin:0 auto;}
.rowlist  {width:90%;}
.rowlist ul {width:100%; margin:0 auto;}
.rowlist ul > li {width:100%; margin:45px 0 0;}
.buttonlist li button {margin:0 0 10px; min-width: 88px;}
.rowwrap2 {width:100%;}

.gamein {width:100%;}
.gamein h3 {font-size:18px; line-height:22px;}
.blanks {margin: 0 0 0;}
.midsect {top: 20%;}
.midsect h4 {font-size:14px; line-height:18px;}
.midsect button {font-size:12px;}
.buttonlist li button {font-size: 10px; height: 26px; line-height: 22px;}

.logo {width:65%;   margin: 0 auto; float:none; display: block; padding:25px 0;}
.socialhead {margin: 10px 0 0; position: absolute; left: 10%;}
.rowlist ul li.last

.footertop {width:100%;}
.leftfooter {width:100%; padding: 0 0 52px;}
.container {width:90%; margin:0 auto;}
.leftfooter h3 {font-size:20px; line-height:25px;}
.leftfooter p {font-size:15px; line-height:20px;}

.formgroup {width:328px;}
#email {width:162px; line-height:40px; height:40px; font-size: 14px;}
#button {line-height:40px; height:40px; font-size: 14px;}

.footerright {width:100%;}
.footerright ul {margin: 35px 0 0;}
.footerright ul li {width:22%; height:auto;}
.socgroup  {padding: 44px 0 48px;}
.socgroup a {width:55px; height: 55px;}
.findmr {width: 280px;  font-size: 15px !important; line-height: 45px !important; height:45px !important;}
.footer > li h4 {margin:0px;  padding: 8px 0 5px 62px;}
.footer > li h4 em{display:block;font-size: 11px; }
.sufmenu li a {font-size:11px;}

.footerbottom {width:100%;}
footer {width:100%;}
.footer {width:100%;}

.topleft {width:100%;}

.tp-simpleresponsive .caption, .tp-simpleresponsive .tp-caption { left: 30% !important;}
.tp-bullets.preview2 { padding: 11px 16px!important;}
.tp-bullets.preview2 .bullet {width:3px!important; height:3px!important;}
.tp-bullets.preview2 .bullet:hover,
.tp-bullets.preview2 .bullet.selected  {width:3px!important; height:3px!important;}
.tp-caption.grey_regular_18.customin.tp-resizeme.rs-parallaxlevel-0.start {left:14%!important;  top: 110px!important;}
.tp-caption.grey_regular_18.customin.tp-resizeme.rs-parallaxlevel-0.start > div{font-size:12px!important; line-height:13px!important; top:35px!important;}
.tp-caption.grey_regular_18.customin.tp-resizeme.rs-parallaxlevel-0.start p {font-size:10px!important; line-height:13px!important; width:100%!important;}

.tp-caption.lft.customout.rs-parallaxlevel-0.start {top:6.647px!important;}
.tp-banner.revslider-initialised.tp-simpleresponsive {min-height:250px;}
.tp-caption.customin.tp-resizeme.rs-parallaxlevel-0.start.hasclicklistener {top:160px!important; left:12%!important;}

.footertop {padding: 50px 0 50px;}
.leftfooter p {font-size:12px; line-height:14px;}
.formgroup {width: 285px; max-width:100%;}
.footerright ul {margin: 0;}
#email {width:120px;}

/*--inner1 --*/
.leftgameinfo {width:100%;  margin: 0 0 15px 0;}
.rightgameinfo {width:100%; margin: 0 0 15px 0; float:left;}

.red {font-size: 30px; line-height: 35px; padding: 0 0 20px;}
.gameshort {width:74%; margin: 30px auto;}
.gameshort a img {width:100%; height:auto; display:block;}
.gameshort li { margin: 0 0 5px;}
.gameshort li h4 {font-size:14px; line-height:14px; padding: 0 0 20px;}
.leftgameinfo .buttonlist em { padding: 6px 0 0; display:block; width:280px; margin:0 0 15px;}
.leftgameinfo .buttonlist li button {height: 32px; line-height:30px;}

.screenshots ul li {width:100%; margin: 0 0 15px 0;}
.leftgameinfo h3 {font-size:30px;  line-height: 35px;}
.leftgameinfo h6 {font-size: 16px;  line-height: 20px;}
.bannervideo {width:90%; height: 255px;}
.leftgameinfo p {font-size:13px; line-height:18px;}

/*--inner2 --*/
.playlogo {padding: 50px 0 60px;}
.quote {padding: 30px 0;}
.quote blockquote {padding:0 5%; font-size: 18px;}
.otherinfo { padding: 45px 0 70px;}
#infolist li {width:90%; margin: 0 5% 40px;}
.removemar {margin:0 5% 40px!important; width:90%;}

.developerwrap h2 {font-size:17px; line-height:24px;}
.developerwrap h5 {font-size:14px; line-height:20px;}
span.customSelect {margin: 0 0 2px;}

.mainlist { margin: 0 auto; width: 94%;}
.mainlist > li {margin:0px 0px 2px;}
.inputfield {width:270px;}
.inputfield ul > li input {width:240px; font-size:14px; line-height:50px;}
.inputgroup {width:270px;}

#infolist li h2  {font-size:20px; line-height:26px; margin: 0 0 10px;}
#infolist li p {font-size:14px; line-height:18px;}

.featurelist {width:100%;}
.featurelist li {font-size:14px; line-height:18px; width:95% !important;  padding: 0 0 0 5% !important;}
.fsubmit {font-size:18px; line-height:22px;}
.inputfield2 {width:270px;}
.textare {width:270px;}

.mailab { height: 114px; left: 38%; position: absolute; top: -45px; width: 95px;}
.playlogo {display:none;}


.tparrows.preview2 {height: 30px !important; width: 30px !important; min-height: 30px !important; min-width: 30px !important; background-size:100% 100%!important;}
.tparrows.preview1 { height: 30px !important; width: 30px !important; min-height: 30px !important; min-width: 30px !important;  background-size:100% 100%!important;}
.tp-leftarrow {
    height: 30px !important; width: 30px !important; min-height: 30px !important; min-width: 30px !important; 
}
.tp-rightarrow {
    height: 30px !important; width: 30px !important; min-height: 30px !important; min-width: 30px !important; 
}
	
	/*--update--*/
.leftgameinfo {width: 100%; margin: 0 0 30px; float: left;}	
.rightgameinfo {width: 100%; float: left;}	
.screenshots.innerimage ul li {width: 30%; margin-right: 3%;}		
	
.leftgameinfo {width: 100%; margin: 0 0 30px; float: left;}	
.rightgameinfo {width: 100%; float: left;}	
.screenshots.innerimage ul li {width: 30%; margin-right: 3%;}	
.jobproc {width: 90%;}	
.jobinfo {width: 88%;}
.jobproc h4, .jobinfo h5, .jobproc h2 {font-size: 14px;}	
.jobproc h2 em {display: block; float: none; text-align: left;}		 
	 
/*--update new code--*/	
.navwarp {display: none;}	
.socialhead {display: none;}
.socialhead {display: none;}	
.socialmob {display: block;}	
	
/* navigation mobile */
.mobnav {display:block; width:100%; height:auto;  position:static; float: right;}
.navwarp nav {display: none;}	
.mob_menu {display: block; position: absolute; top: 22px; right: 15px;}	
.headerwrapper .mob_menu {  top: 50%; margin-top: -12px;}	 
.mobilemenuwrap {display: none; width: 100%; position: absolute; height: 1px; z-index: 999; background: #1b1b1b;}	
.mobilemenuwrap .mobilenav {width: 100%; margin: 0 auto; position: relative;}	
.mobilemenuwrap .mobilenav ul {list-style: none; position: relative; width: 100%; float: none; padding: 0; margin: 0px; list-style: none;  background: #1b1b1b;}	
.mobilemenuwrap .mobilenav ul li {display: block; float: none; width: 100%; padding: 0px; background: none; text-align: center; border-bottom: 1px solid #fff;}	
.mobilemenuwrap .mobilenav ul li a:hover, .mobilemenuwrap .mobilenav ul li.active a {background: #ff0000;}	
.mobilemenuwrap .mobilenav::after {clear: both; content: "";}
.mobilemenuwrap .mobilenav ul li a{padding-left: 25px; text-align: center; font-size: 24px; line-height: 28px; font-weight: 400;  font-family: "fontastique"; color:#fff; text-transform: uppercase; padding: 5px 10px;}
.mobilemenuwrap .mobilenav ul li a:hover {color:#fff;}
.mobilemenuwrap .mobilenav ul li.active {background: none!important;}	

.socialmob	{background: #1b1b1b; position: relative; width: 100%;}
.socialmob ul {list-style: none; position: relative; width:100%; padding: 20px 0; margin: 0 auto; }
.socialmob ul li {width:39.50%; text-align: center; border-bottom: 1px solid #fff;}
.socialmob ul li a {display: block;}
.socialmob ul li {margin: 0px; padding: 10px 5%;}	
.socialmob ul li.facebook a {width: 25px; height: 23px; background: url(../images/header_fbicon.png)no-repeat top left; margin: 0 auto;}
.socialmob ul li.facebook a:hover {width: 25px; height: 23px; background:url(../images/header_fbiconhover.png)no-repeat top left; margin: 0 auto;}
.socialmob ul li.twitter a{width: 23px; height: 23px; background:url(../images/header_twicon.png)no-repeat top left; margin: 0 auto;} 
.socialmob ul li.twitter a:hover {width: 23px; height: 23px; background: url(../images/header_twiconhover.png)no-repeat top left; margin: 0 auto;}
.socialmob ul li.utube a{width: 28px; height: 23px; background:url(../images/header_uticon.png)no-repeat top left; margin: 0 auto;} 
.socialmob ul li.utube a:hover {width: 28px; height: 23px; background: url(../images/header_uticonhover.png)no-repeat top left; margin: 0 auto;}
.socialmob ul li.mail a{width: 28px; height: 23px; background:url(../images/header_mailicon.png)no-repeat top left; margin: 0 auto;} 
.socialmob ul li.mail a:hover {width: 28px; height: 23px; background: url(../images/header_mailiconhover.png)no-repeat top left; margin: 0 auto;}
.socialmob::after {clear: both; content: "";}
.socialmob ul li:nth-child(5n-1) {margin: 0;}
#header.sticky .logo {padding: 5px 0; width:40%;}
 #header.sticky {position: fixed;}	
.moregameswrap {width: 90%; margin: 0 auto;}
.socialmob ul {padding: 0;}
.socialmob ul li:nth-child(2n) { border-left: 1px solid #fff;}	 
 .moregameswrap .right h4 {margin-bottom: 5px;}	 	 
.leftfooter {  width: 100%; padding: 0 0 25px; background-size: 70% 12%; background-position: bottom left;}	
.titles h3 {line-height: 22px;}
.moregameswrap .left {width: 145px;}
.moregameswrap .left h4 {font-size: 14px; line-height: 14px;}
.moregameswrap .left ul li.first {margin-right: 10px;}
a.logo3 {display: inline-block; width: 88px;}
.moregameswrap .left ul li {font-size: 10px; line-height: 14px;}
.moregameswrap .right h4 {font-size: 10px; line-height: 14px;}	 
.moregameswrap .right .socialmore ul li:nth-child(1) a, .moregameswrap .right .socialmore ul li:nth-child(2) a, .moregameswrap .right .socialmore ul li:nth-child(3) a, .moregameswrap .right .socialmore ul li {width: 17px; height: 17px; background-size: 100%;}	 
.moregameswrap .right .socialmore ul li{margin-right: 8px;}	
.moregameswrap .right {width: 72px;}
.gameproicon {width: 15%; margin-right: 4%;}
.titles h3, .titles h5 {font-size: 15px; line-height: 20px;}
.titles {width: 48%;}	
.appbtn {width: 32%; height: 30px;}	
.appbtn img {width: 100%; height: 30px;}	
.gamewarp {margin: 15px auto 0;}
#email {width: 113px;}	
.socgroup {padding:15px 0 28px;}
.moregameswrap {padding: 15px 0;}	
article.gamewarp.active .gameimage span {    transform: rotate(-30deg);    -ms-transform: rotate(-30deg);  -webkit-transform: rotate(-30deg);}	
.gameimage span {padding: 4px 0;}
.appbtn {margin-top: 5px;}	
.footertop { padding: 25px 0 34px;}	
nav ul li.current-menu-item a {background: none;}
.tparrows.preview2 {
    min-width: 53px!important;
    background-size: 100%!important;
    min-height: 52px!important;
}	
	nav ul li.current-menu-item {background: none!important;} 
}

	

 @media only screen and (min-width: 320px) and (max-width: 374px) {
/*--index--*/
.headerwrapper {background-size: 100% 100%;}	
.maincontentwrap {width:100%;}
.rowwrap  {width:100%; margin:0 auto;}
.rowlist  {width:90%;}
.rowlist ul {width:100%; margin:0 auto;}
.rowlist ul > li {width:100%; margin:45px 0 0;}
.buttonlist li button {margin:0 0 10px; min-width: 88px;}
.rowwrap2 {width:100%;}

.gamein {width:100%;}
.gamein h3 {font-size:18px; line-height:22px;}
.blanks {margin: 0 0 0;}
.midsect {top: 20%;}
.midsect h4 {font-size:14px; line-height:18px;}
.midsect button {font-size:12px;}
.buttonlist li button {font-size: 10px; height: 26px; line-height: 22px;}

.logo {width:65%;   margin: 0 auto; float:none; display: block; padding:25px 0;}
.socialhead {margin: 10px 0 0; position: absolute; left: 10%;}
.rowlist ul li.last

.footertop {width:100%;}
.leftfooter {width:100%; padding: 0 0 52px;}
.container {width:90%; margin:0 auto;}
.leftfooter h3 {font-size:20px; line-height:25px;}
.leftfooter p {font-size:15px; line-height:20px;}

.formgroup {width:328px;}
#email {width:162px; line-height:40px; height:40px; font-size: 14px;}
#button {line-height:40px; height:40px; font-size: 14px;}

.footerright {width:100%;}
.footerright ul {margin: 35px 0 0;}
.footerright ul li {width:22%; height:auto;}
.socgroup  {padding: 44px 0 48px;}
.socgroup a {width:55px; height: 55px;}
.findmr {width: 280px;  font-size: 15px !important; line-height: 45px !important; height:45px !important;}
.footer > li h4 {margin:0px;  padding: 8px 0 5px 62px;}
.footer > li h4 em{display:block;font-size: 11px; }
.sufmenu li a {font-size:11px;}

.footerbottom {width:100%;}
footer {width:100%;}
.footer {width:100%;}

.topleft {width:100%;}

.tp-simpleresponsive .caption, .tp-simpleresponsive .tp-caption { left: 30% !important;}
.tp-bullets.preview2 { padding: 11px 16px!important;}
.tp-bullets.preview2 .bullet {width:3px!important; height:3px!important;}
.tp-bullets.preview2 .bullet:hover,
.tp-bullets.preview2 .bullet.selected  {width:3px!important; height:3px!important;}
.tp-caption.grey_regular_18.customin.tp-resizeme.rs-parallaxlevel-0.start {left:10%!important;}
.tp-caption.grey_regular_18.customin.tp-resizeme.rs-parallaxlevel-0.start > div{font-size:12px!important; line-height:13px!important; top:35px!important;}
.tp-caption.grey_regular_18.customin.tp-resizeme.rs-parallaxlevel-0.start p {font-size:10px!important; line-height:13px!important; width:100%!important;}

.tp-caption.lft.customout.rs-parallaxlevel-0.start {top:6.647px!important;}
.tp-banner.revslider-initialised.tp-simpleresponsive {min-height:250px;}
.tp-caption.customin.tp-resizeme.rs-parallaxlevel-0.start.hasclicklistener {top:165px!important; left:8%!important;}

.footertop {padding: 50px 0 50px;}
.leftfooter p {font-size:12px; line-height:14px;}
.formgroup {width: 285px; max-width:100%;}
.footerright ul {margin: 0;}
#email {width:120px;}

/*--inner1 --*/
.leftgameinfo {width:100%;  margin: 0 0 15px 0;}
.rightgameinfo {width:100%; margin: 0 0 15px 0; float:left;}

.red {font-size: 30px; line-height: 35px; padding: 0 0 20px;}
.gameshort {width:74%; margin: 30px auto;}
.gameshort a img {width:100%; height:auto; display:block;}
.gameshort li { margin: 0 0 5px;}
.gameshort li h4 {font-size:14px; line-height:14px; padding: 0 0 20px;}
.leftgameinfo .buttonlist em { padding: 6px 0 0; display:block; width:280px; margin:0 0 15px;}
.leftgameinfo .buttonlist li button {height: 32px; line-height:30px;}

.screenshots ul li {width:100%; margin: 0 0 15px 0;}
.leftgameinfo h3 {font-size:30px;  line-height: 35px;}
.leftgameinfo h6 {font-size: 16px;  line-height: 20px;}
.bannervideo {width:90%; height: 255px;}
.leftgameinfo p {font-size:13px; line-height:18px;}

/*--inner2 --*/
.playlogo {padding: 50px 0 60px;}
.quote {padding: 30px 0;}
.quote blockquote {padding:0 5%; font-size: 18px;}
.otherinfo { padding: 45px 0 70px;}
#infolist li {width:90%; margin: 0 5% 40px;}
.removemar {margin:0 5% 40px!important; width:90%;}

.developerwrap h2 {font-size:17px; line-height:24px;}
.developerwrap h5 {font-size:14px; line-height:20px;}
span.customSelect {margin: 0 0 2px;}

.mainlist { margin: 0 auto; width: 94%;}
.mainlist > li {margin:0px 0px 2px;}
.inputfield {width:270px;}
.inputfield ul > li input {width:240px; font-size:14px; line-height:50px;}
.inputgroup {width:270px;}

#infolist li h2  {font-size:20px; line-height:26px; margin: 0 0 10px;}
#infolist li p {font-size:14px; line-height:18px;}

.featurelist {width:100%;}
.featurelist li {font-size:14px; line-height:18px; width:95% !important;  padding: 0 0 0 5% !important;}
.fsubmit {font-size:18px; line-height:22px;}
.inputfield2 {width:270px;}
.textare {width:270px;}

.mailab { height: 114px; left: 38%; position: absolute; top: -45px; width: 95px;}
.playlogo {display:none;}

/*--update--*/
.leftgameinfo {width: 100%; margin: 0 0 30px; float: left;}	
.rightgameinfo {width: 100%; float: left;}	
.screenshots.innerimage ul li {width: 30%; margin-right: 3%;}		
	
.leftgameinfo {width: 100%; margin: 0 0 30px; float: left;}	
.rightgameinfo {width: 100%; float: left;}	
.screenshots.innerimage ul li {width: 30%; margin-right: 3%;}	
.jobproc {width: 90%;}	
.jobinfo {width: 88%;}
.jobproc h4, .jobinfo h5, .jobproc h2 {font-size: 14px;}	
.jobproc h2 em {display: block; float: none; text-align: left;}

/*--update--*/
		 

	
/*--update new code--*/	
.navwarp {display: none;}	
.socialhead {display: none;}
.socialhead {display: none;}	
.socialmob {display: block;}	
	
/* navigation mobile */
.mobnav {display:block; width:100%; height:auto;  position:static; float: right;}
.navwarp nav {display: none;}	
.mob_menu {display: block; position: absolute; top: 14px; right: 15px;}	
.mobilemenuwrap {display: none; width: 100%; position: absolute; height: 1px; z-index: 999; background: #1b1b1b;}	
.mobilemenuwrap .mobilenav {width: 100%; margin: 0 auto; position: relative;}	
.mobilemenuwrap .mobilenav ul {list-style: none; position: relative; width: 100%; float: none; padding: 0; margin: 0px; list-style: none;  background: #1b1b1b;}	
.mobilemenuwrap .mobilenav ul li {display: block; float: none; width: 100%; padding: 0px; background: none; text-align: center; border-bottom: 1px solid #fff; }	
.mobilemenuwrap .mobilenav ul li a:hover, .mobilemenuwrap .mobilenav ul li.active a {background: #ff0000;}	
.mobilemenuwrap .mobilenav::after {clear: both; content: "";}
.mobilemenuwrap .mobilenav ul li a{padding-left: 25px; text-align: center; font-size: 24px; line-height: 28px; font-weight: 400;  font-family: "fontastique"; color:#fff; text-transform: uppercase; padding: 5px 10px;}
.mobilemenuwrap .mobilenav ul li a:hover {color:#fff;}
.mobilemenuwrap .mobilenav ul li.active {background: none!important;}	

.socialmob	{background: #1b1b1b; position: relative; width: 100%;}
.socialmob ul {list-style: none; position: relative; width:100%; padding: 20px 0; margin: 0 auto; }
.socialmob ul li {width:39.50%;  text-align: center; border-bottom: 1px solid #fff;}
.socialmob ul li a {display: block;}
.socialmob ul li {margin: 0px; padding: 10px 5%;}	
.socialmob ul li.facebook a {width: 25px; height: 23px; background: url(../images/header_fbicon.png)no-repeat top left; margin: 0 auto;}
.socialmob ul li.facebook a:hover {width: 25px; height: 23px; background:url(../images/header_fbiconhover.png)no-repeat top left; margin: 0 auto;}
.socialmob ul li.twitter a{width: 23px; height: 23px; background:url(../images/header_twicon.png)no-repeat top left; margin: 0 auto;} 
.socialmob ul li.twitter a:hover {width: 23px; height: 23px; background: url(../images/header_twiconhover.png)no-repeat top left; margin: 0 auto;}
.socialmob ul li.utube a{width: 28px; height: 23px; background:url(../images/header_uticon.png)no-repeat top left; margin: 0 auto;} 
.socialmob ul li.utube a:hover {width: 28px; height: 23px; background: url(../images/header_uticonhover.png)no-repeat top left; margin: 0 auto;}
.socialmob ul li.mail a{width: 28px; height: 23px; background:url(../images/header_mailicon.png)no-repeat top left; margin: 0 auto;} 
.socialmob ul li.mail a:hover {width: 28px; height: 23px; background: url(../images/header_mailiconhover.png)no-repeat top left; margin: 0 auto;}
.socialmob::after {clear: both; content: "";}
.socialmob ul li:nth-child(5n-1) {margin: 0;}
#header.sticky .logo {padding: 5px 0; width:40%;}
 #header.sticky {position: fixed;}	
.moregameswrap {width: 90%; margin: 0 auto;}
.socialmob ul {padding: 0;}	
.socialmob ul li:nth-child(2n) {  border-left: 1px solid #fff;}	
.moregameswrap .right h4 {margin-bottom: 5px;}	 
	 
/*--update--*/	
.moregameswrap .left {width: 200px;}	
.titles h3 {margin-bottom: 5px;}
.moregameswrap .left ul li {font-size: 14px; line-height: 14px;}
a.logo3  { width: 120px;}
.logo3 img {width: 100%; height: auto; display: block;}	
.socgroup { padding: 10px 0 18px;}
.leftfooter {  width: 100%; padding: 0 0 25px; background-size: 70% 12%; background-position: bottom left;}	
.titles h3 {line-height: 22px;}	
.moregameswrap .left {width: 145px;}
.moregameswrap .left h4 {font-size: 14px; line-height: 14px;}
.moregameswrap .left ul li.first {margin-right: 10px;}
a.logo3 {display: inline-block; width: 122px;}
.moregameswrap .left ul li {font-size: 10px; line-height: 14px;}
.moregameswrap .right h4 {font-size: 10px; line-height: 14px;}	
.moregameswrap .right .socialmore ul li:nth-child(1) a, .moregameswrap .right .socialmore ul li:nth-child(2) a, .moregameswrap .right .socialmore ul li:nth-child(3) a, .moregameswrap .right .socialmore ul li {width: 17px; height: 17px; background-size: 100%;}	
.moregameswrap .right .socialmore ul li{margin-right: 8px;}	
.moregameswrap .right {width: 72px;}
.gameproicon {width: 15%; margin-right: 4%;}	
.titles h3, .titles h5 {font-size: 15px; line-height: 20px;}
.titles {width: 48%;}
.appbtn {width: 32%; height: 30px;}	
.appbtn img {width: 100%; height: 30px;}	
.gamewarp {margin: 15px auto 0;}
#email {width: 113px;}	
.socgroup {padding:15px 0 28px;}
.moregameswrap {padding: 15px 0;}	
article.gamewarp.active .gameimage span {    transform: rotate(-30deg);    -ms-transform: rotate(-30deg);  -webkit-transform: rotate(-30deg);}	
.gameimage span {padding: 4px 0;}
.appbtn {margin-top: 5px;}		
.footertop { padding: 25px 0 34px;}	

.moregameswrap .right .socialmore ul li:nth-child(3) a:hover, .moregameswrap .right .socialmore ul li:nth-child(2) a:hover, .moregameswrap .right .socialmore ul li:nth-child(1) a:hover { background-size: 100%; }
	 
.tparrows.preview2 {
    min-width: 53px!important;
    background-size: 100%!important;
    min-height: 52px!important;
}	
	 nav ul li.current-menu-item {background: none!important;} 
}