@charset "utf-8";
/* CSS Document */
@media (max-width: 329px) {
	.elo-top-nav{
		text-align:center;
		margin-left:0px !important;
	}
	.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > 	tr > td, .table > tfoot > tr > td {
		border-top: 1px solid #f4f6f7;
		line-height: 1.42857;
		padding: 10px;
		vertical-align: top;
	}
	.elo-tabs ul li a {
    	padding: 10px 9px; !important;
	}
	
	.elo-tabs {
    	margin-top: -40px;
	}
	.device-caption {
    	padding-bottom: 19%;
	}
	.tab-content
	{
		margin-left:-45px;
	}
	.screenshot
	{
		width:100%;
	}
	
	
}

@media (max-width: 767px) {
.app-holder
	{
		font-size:10px;
		
		float:left;
	}
	.apps-right
	{
		clear:both;
	}
}
@media screen and (min-width: 330px) and (max-width: 369px){
.elo-tabs ul li a {
    	padding: 15px 15px; 
	}	
	.elo-tabs{
    	margin-top: -50px;
	}
	.device-caption {
    	padding-bottom: 19%;
	}
	.tab-content
	{
		margin-left:-50px;
	}
	.screenshot
	{
		width:100%;
	}
	.edit-btn
	{
		margin-top:-68px;
	}
}
@media screen and (min-width: 300px) and (max-width: 369px){
	.header-top p {
		color: #002f6c;
		float: none;
		font-size: 13px;
		text-align:center;
		margin-left:auto;
	}
	.contcustom {
		width:290px;
	}
	.elo-top-nav{
		text-align:center;
		margin-left:20px;
	}
	
	.elo-top-nav li a {
		color: #002f6c;
		float: left;
		font-size: 11px !important;
		padding: 0 6px !important;
	}
	.nav-logo
	{
		width:100%;
	}
	.navbar-brand {
    	padding: 0px;
	}
	.navbar-toggle {
		float: none;
		margin-left:45%;
	}
	.col-header .dropdown {
		float:none;
		padding-right: 0px;
		padding-top: 0px;
		text-align:center;
	}
	.col-header h3 {
		float:none;
		text-align:center;
	}
	.men-box1 {
   		padding-right:0px;
		padding-left:0px;
	}
	.men-box2 {
    	padding-left:0px;
		padding-right:0px;
	}
	.cancle
	{
		padding:0px !important;
	}
}
@media screen and (min-width: 370px) and (max-width: 648px){
	.device-caption {
    	padding-bottom: 18%;
	}
	.tab-content
	{
		margin-left:-50px;
	}
	.screenshot
	{
		width:100%;
	}
	
}
@media screen and (min-width: 600px) and (max-width: 1205px){
	.elo-top-nav {
		float: none;
		margin-left: 50% !important;
	}
}
@media screen and (min-width: 811px) and (max-width: 843px){
	.elo-top-nav {
		margin-left: 47% !important;
	}
}
@media screen and (min-width: 811px) and (max-width: 857px){
.nav-logo {
    	width: 75%;
	}
	.navbar-nav > li > a {
		font-size: 15px;
		margin-right: 0;
		padding: 9px;
	}
	.elo-nav {
    	margin-top: -35px;
	}
}
@media screen and (min-width: 858px) and (max-width: 914px){
.nav-logo {
    	width: 75%;
	}
	.navbar-nav > li > a {
		font-size: 15px;
		margin-right: 0;
		padding: 9px;
	}
	
}
@media screen and (min-width: 990px) and (max-width: 1099px){
	.navbar-nav > li > a {
    	margin-right: 3px;
	}
}


@media screen and (min-width: 649px) and (max-width: 1025px){
	.device-caption {
    	padding-bottom: 10%;
	}
	.col-header2 h3, .col-header1 h3 {
		font-size: 20px !important;
		font-weight: bold;
	}
	.col-header2 .dropdown {
		margin-right: -30px;
		padding-right: 0px;
		padding-top: 22px;
	}
}

@media screen and (min-width: 370px) and (max-width: 599px){
	.men-box1 {
   		padding-right:0px !important;
		padding-left:0px !important;
	}
	.men-box2 {
    	padding-left:0px !important;
		padding-right:0px !important;
	}
	
	.header-top p {
		color: #002f6c;
		float: none;
		font-size: 13px;
		text-align:center;
		margin-left:auto;
	}
	.elo-top-nav{
		text-align:center;
		margin-left:15%;
	}
	
	.elo-top-nav li a {
		color: #002f6c;
		float: left;
		font-size: 11px !important;
		padding: 0 6px !important;
	}
	.nav-logo
	{
		width:100%;
	}
	.navbar-brand {
    	padding: 0px;
	}
	.navbar-toggle {
		float: none;
		margin-left:45%;
	}
}

@media (max-width: 648px) {
	.footer-logo {
		float: none;
		text-align: center;
	}
	.footer-logo img
	{
		padding-top:20px;
	}
	
	
}
@media (max-width: 810px) {
	.left-padding {
    	padding-left: 0px !important;
	}
	.left-content1 {
    	padding-left: 0px;
	}
	.elo-top-nav .dropdown-menu li a
	{
		 padding: 5px 16px !important;
		 float:none;
	}
	.elo-top-nav .dropdown-menu
	{
		min-width:110px;
	}
}
@media screen and (min-width: 600px) and (max-width: 767px){
	/*.elo-top-nav
	{
		float:right;
	}*/
	.header-top p {
		font-size: 12px;
		margin-left: 69px;
	}
	.navbar-toggle
	{
		margin-top:12px;
	}
	.men-box1 {
   		padding-right:0px !important;
		padding-left:0px !important;
	}
	.men-box2 {
    	padding-left:0px !important;
		padding-right:0px !important;
	}
		
}
@media screen and (min-width: 652px) and (max-width: 810px){
	.elo-top-nav li a {
		font-size: 12px !important;
	}
}
@media screen and (min-width: 599px) and (max-width: 652px){
	.elo-top-nav li a {
		font-size: 10px !important;
	}
}

@media screen and (min-width: 599px) and (max-width: 810px){

	.nav-logo{
		width:100%;
	}
	.elo-nav {
    	margin-top: -35px;
	}
	.nav-logo {
    	width: 75%;
	}
	.navbar-nav > li > a {
		font-size: 15px;
		margin-right: 0;
		padding: 9px;
	}
	.header-top p {
		color: #002f6c;
		float: left;
		font-size: 12px;
		margin-left: 86px;
	}
	.elo-top-nav li {
		font-size: 11px;
	}
	.elo-top-nav li a {
		
		padding: 0 6px !important;
	}
	.header-top p {
		font-size: 12px;
		margin-left: 86px;
	}
}

@media (max-width: 989px) {
	.navbar-nav.navbar-right:last-child {
		margin-right: -30px;
	}
	.navbar-nav > li > a {
		font-size: 15px;
		margin-right: 0;
	}
}

/******footer **********/

@media (max-width: 386px) {
	body {
 
  		margin-bottom: 430px;
	}
}

@media screen and (min-width: 387px) and (max-width: 679px){
	body {
 
  		margin-bottom: 330px;
	}
}

@media screen and (min-width: 680px) and (max-width: 1950px) {
	body {
 
  		margin-bottom: 230px;
	}
}

/** for apps **/
@media (max-width: 400px) {
	 .play-apps-title .edit-btn
	{
		 margin-top: -80px;
	}
	.play-apps
	{
		width:100%;
		float:left;
	}
	.edit-btn a, .edit-btn1 a {
    font-size: 13px;
    padding: 4px 15px;
}

}
@media screen and (min-width: 380px) and (max-width: 400px) {
.play-apps-title .edit-btn {
    margin-top: -33px;
}
}
@media screen and (min-width: 401px) and (max-width: 500px) {
	.play-apps-title small {
    	margin-left: 6%;
	}
}
@media screen and (min-width: 400px) and (max-width: 700px) {
.play-apps-title .edit-btn {
    /*margin-top: -33px;*/
}
.play-apps {
    width: 50%;
}
.edit-btn a, .edit-btn1 a {
    font-size: 13px;
    padding: 4px 15px;
}
.play-games-list {
    padding-left: 5%;
    padding-right: 5%;
}
}
@media screen and (min-width: 768px) and (max-width: 1100px) {
	.apps-left {
    padding-left: 2%;
	}
	.play-apps {
		width:50%;
	}
	.play-apps-title small {
    	margin-left: 16%;
	}
	.app-icon img {
		width: 140px;
	}
}
@media screen and (min-width: 768px) and (max-width: 1099px) {
	.tab-header2 {
		padding-top: 36px;
	}
}
/** end apps **/