@media only screen and (max-width: 1225px) {
    .Bmd-hide{
		display: none;
	}
	.Bmd-flex{
		display: flex;
	}
	.Bmd-row{
		width: 100%;
	}
	.Bmd-wrap{
		flex-wrap: wrap;
	}
}
@media only screen and (max-width: 961px) {
    #trade-box-top{
        flex-wrap:wrap;
    }
    .md-max-row{
        max-width:100%;
    }
	.md-hide{
		display: none;
	}
	.md-flex{
		display: flex;
	}
	.md-row{
		width: 100%;
	}
	.md-wrap{
		flex-wrap: wrap;
	}
	.md-nowrap{
	    flex-wrap: nowrap;
	}
	.md-hc{
		justify-content:center;
	}
	.md-hc{
		justify-content:space-around;
	}
	.md-col-5{
		width: 50%;
	}
	.topWallet{
	    padding: 10px;
	}
	.largSide{
	    padding:0 10px;
	}
	#walletStatus > div{
	    width:100%;
	}
}

@media only screen and (max-width: 800px) {

    .Smd-hide{
		display: none;
	}
	.Smd-flex{
		display: flex;
	}
	.Smd-hc{
		justify-content:center;
	}
	.Smd-row{
		width: 100%;
	}
	.Smd-wrap{
		flex-wrap: wrap;
	}
	.Smd-col-5{
		width: 45%;
	}
	.info-modal > .info{
	    width:95%;
	    transform:translate(2.5%,0);
	}
	.modal-close{
        left:calc(97.5% - 35px);
    }
}

@media only screen and (max-width: 531px) {
    .Top-Nav{
        width:90%;
    }
	.sm-show{
		display: block;
	}
	.sm-hide{
		display: none;
	}
	.sm-row{
		width: 100%;
	}
	.sm-flex{
		display: flex;
	}
	.sm-hc{
		justify-content:center;
	}
	.sm-hc{
		justify-content:space-around;
	}
	.sm-wrap{
		flex-wrap: wrap;
	}
}
@media only screen and (max-width: 365px) {
	#chat-section{
		/*min-width: 100%;
		min-height: 100vh;*/
		right: 0;
	}
	#chat-content{
		width: 100%;
		height: 100vh;
	}
	#chat-more-box{
		max-height: 100vh;
	}
}