@media only screen and (max-width :1024px)  {
    .account{right: 30px;}
	.loginin a, .alert a, .logout a{display:block;}

	
}
@media only screen and (max-width :979px)  {
    .container {padding:0 1.5em; width:100%;}
	 body{overflow-x:hidden; position:relative;}
	 nav{padding: 12px 1.5em;position: relative; background:#ECEAEC;}
    nav img{display: block;float: left;cursor: pointer;}
    nav ul{padding:30px 30px 12px;position: absolute;top:0;z-index: 999;width: 100%;background:#fff;left: -100%;transform: inherit;text-align: left;text-align: center;}
    nav ul li{width: 100%;font-size: 1.8em;padding: 9px 12px 8px 12px}
    .close{position: absolute;z-index: 9999;left: 15px;top:15px;}
    nav ul li a{border: none; padding: 3px 8px;}
    .footer p{text-align: center;}
    .showFooter{display: block;}
    nav ul li.account{margin: 8px 0px 9px 6px;}
    nav ul li.active a{float: left;width: 100%;}
	.loginin a, .alert a, .logout a{display:none;}
   .account{display:block; float:right; right: 15px;}
   .thumbnail{float:none; margin:0 auto; max-width:450px; margin-bottom:60px;}
     .messages{margin-bottom:15px;}
	 .slider{width:100%; float:left;}
	 .item img{width:100%; max-width:100%;}
	 .footer {padding:1.5em 0; font-size:1.3em;position: absolute;background:#fff;bottom: -100%;display:none} 
    .footer .tnc {padding:10px 0;width: 100%;text-align: center;}
    .footer .tnc ul li{float: none;display: inline-block;}
    .footer p {float:none}
    .footer .sociallinks {padding:5px 0 0;width: 100%;text-align: center;}
    .footer .sociallinks ul li{float: none;display: inline-block;}
	.table-box{padding:0;}
	.send-money .usd-text{ border: 0px solid #d2d1d1;}
	
   
}
@media only screen and (max-width :768px) {
	
}
@media only screen and (max-width :767px) {
    .logobar {z-index:2; position:relative; margin:0}	
    nav{padding: 12px 1.5em;position: relative; background:#ECEAEC; height: 50px;}
    nav img{display: block;float: left;cursor: pointer;}
    nav ul{padding:30px 30px 12px;position: absolute;top:0;z-index: 999;width: 100%;background:#fff;left: -100%;transform: inherit;text-align: left;text-align: center;}
    nav ul li{width: 100%;font-size: 1.8em;padding: 9px 12px 8px 12px}
    .close{position: absolute;z-index: 9999;left: 15px;top:15px;}
    nav ul li a{border: none;}
    .footer p{text-align: center;}
    .showFooter{display: block;}
    nav ul li.account{margin: 8px 0px 9px 6px;}
    nav ul li.active a{float: left;width: 100%;}
	.loginin a, .alert a, .logout a{display:none;}
   .account{display:block; float:right; right: 15px;}
	
	.thumbnail{max-width:100%; margin:0;  margin-bottom:50px;}
	.messages{margin-bottom:0;}
    .table-box{padding:0;}
	table tr td, table tr th{font-size: 11px; padding: 7px 5px;}
	.pull-left{text-align:center;}
	.table-box h4{left: 25%; transform:translate(-10%,0); -webkit-transform:translate(-10%,0); position: absolute;}
	.slider{width:100%;}
	.slider img{width:100%;}
	
}

@media only screen and (width:600px) and (orientation:portrait)  {
	.footerpos {position:fixed;}
	.bottompos {bottom:0;}
	
	
}

@media only screen and (max-width :640px) {
   nav img#showMenu{width: 8%; padding:2px 0;}
   nav ul li:last-child{border:0;}
  .table-box h4 {left: 33%;}
  
   
  
}
@media only screen and (min-width :320px) and (max-width :480px) {
	 nav img#showMenu{width: 9%; padding:5px 0;}
    .logobar h1 {font-size:1.2em; padding:0.4em 0 0}
    .logobar img {width:160px; height:auto}
    .logobar {padding:2em 0 1.8em}
    .footer p, footer .tnc {float:none}
    .footer .sociallinks {padding:10px 0 0}
    .footer .container{padding: 0;}
   .table-box h4 { left: 20%;}
   
    
}