.topusernav{
	float:right;
}
.side-nav {
	position: fixed;
	top: 80px;
	border: none;
	border-radius: 0;
	overflow-y: auto;
	background-color: #000e43;
	z-index:999;
}
.logo-sq{
	border-radius:50%;
	background-color:#000;
	border:5px solid #333;
	color:#fff;
	z-index:99;
}
.top-nav>li {
	display: inline-block;
	float: right;
}
.dow-btn:hover{
	border-bottom: 5px solid#4BCAFF;
	background: #277697;
	text-decoration:none;
	color: #FFF;
}
#wrapper {
	padding-left: 0px;
}
.topbaltext {
	display:block;
}
.collapse-elem, .collapse-elem2{
	display:none;
}
.collapse-topelem{
	display:inline-block;
}

@media(min-width:200px) {
    #wrapper {
        padding-left: 0px;
    }
    #page-wrapper {
        padding: 5px;
		min-height:420px;
		
    }
	#top_balance{font-size:0.7em;}
	.topafont{font-size:0.7em;}
	.topbaltext{display:none;}
	.collapse-topelem{display:none;}
	.collapse-elem, .collapse-elem2{display:none;}
	.top-nav {
		height: 50px;
	}
	.top-nav>li {
		float: left;
	}
	.top-nav>li>a {
		padding-top: 15px;
		padding-bottom: 15px;
		line-height: 20px;
		color: #999;
	}
	.side-nav{
		top:45px;	
	}
	.contact-form{
		margin:5px;
	}
	.side-nav {
        right: 200px;
        width: 200px;
        margin-right: -200px;
    }
    .side-nav>li>a {
        width: 200px;
    }
	.logo-sq{
		width:20px;
		height:20px;
		font-size:12px;
	}
	.logoico{
		margin-top:-15px;
		margin-left:-1px;
		-webkit-transform: rotate(-30deg);
		transform: rotate(-30deg);
	}
	.logotxt{
		font-size:12px;
		color:#FFFFFF;
		font-weight:bold;
		margin-top:2px;
		font-family: 'Nautilus Pompilius';
	}
	.dow-btn{
		padding: 0.4em 0.7em;
		margin-top:7px;
		text-decoration: none;
		display: inline-block;
		font-family: 'Lato', sans-serif;
		color: #FFF;
		font-size: 0.9em;
		text-align: center;
		transition: 0.5s all;
		-webkit-transition: 0.5s all;
		-moz-transition: 0.5s all;
		-o-transition: 0.5s all;
		border-radius: 0.4em;
		-moz-border-radius: 0.4em;
		-o-border-radius: 0.4em;
		font-weight:400;
		width: 20%;
		border-bottom: 3px solid #277697;
		background: #4BCAFF;
	}
	.btn-group button{
		width:40px;
	}
	.card {
		margin-right: -55px;
	}
	.contact-form input[type="submit"] {
		margin-bottom: 1em;
		color: #6CCFF8;
		font-size: 0.9em;
		padding: 0.7em 1em;
		-webkit-appearance: none;
		display: inline-block;
		-webkit-transition: all 0.3s ease-out;
		-moz-transition: all 0.3s ease-out;
		-ms-transition: all 0.3s ease-out;
		-o-transition: all 0.3s ease-out;
		transition: all 0.3s ease-out;
		font-weight: 600;
		border: none;
		outline: none;
		cursor: pointer;
		font-family: 'Lato', sans-serif;
		background: #414143;
		width:50%;
		border-bottom: 5px solid#000;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-o-border-radius: 5px;
	}
	.contact-form  input[type="submit"]:hover{
		border-bottom:5px solid #1A7BA3;
	}
	.contact-form input[type="reset"] {
		margin-bottom: 1em;
		color: #FFFFCC;
		font-size: 1.1em;
		padding: 0.7em 1em;
		-webkit-appearance: none;
		display: inline-block;
		-webkit-transition: all 0.3s ease-out;
		-moz-transition: all 0.3s ease-out;
		-ms-transition: all 0.3s ease-out;
		-o-transition: all 0.3s ease-out;
		transition: all 0.3s ease-out;
		font-weight: 600;
		border: none;
		outline: none;
		cursor: pointer;
		font-family: 'Lato', sans-serif;
		background: #6699FF;
		width:50%;
		border-bottom: 5px solid #666699;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-o-border-radius: 5px;
	}
	.side-nav>li>ul>li>a {
		display: block;
		padding: 4px 5px 5px 10px;
		text-decoration: none;
		color: #999;
	}
	.swag {height:200px;}
	.swag2 {height:200px;}
	.bonus-container{
		width:220px;
		height:220px;
	}
	.base {
		width:220px;
		height:220px;
		background: url(../img/rays3-220.png) center center no-repeat;
	}
	.coin {
		width:100px;
		height:100px;
		margin:-159px 60px;
		font-size:22px;
		padding-top:32px;
		background: url(../img/coin-100.png) center center no-repeat;
	}
}
/*min-width 200*/
	
@media(min-width:400px) {
    #wrapper {
        padding-left: 0px;
    }
    #page-wrapper {
        padding: 5px;
		min-height:450px;
    }
	#top_balance{font-size:0.8em;}
	.topafont{font-size:0.9em;}
	.topbaltext{display:none;}
	.collapse-topelem{display:inline-block;}
	.collapse-elem, .collapse-elem2{display:none;}
	.top-nav {
		height: 50px;
	}
	.top-nav>li {
		float: left;
	}
	.top-nav>li>a {
		padding-top: 15px;
		padding-bottom: 15px;
		line-height: 20px;
		color: #999;
	}
	.side-nav{
		top:50px;	
	}
	.contact-form{
		margin:5px;
	}
	.side-nav {
        right: 200px;
        width: 200px;
        margin-right: -200px;
    }
    .side-nav>li>a {
        width: 200px;
    }
	.logo-sq{
		width:25px;
		height:25px;
		font-size:16px;
	}
	.logoico{
		margin-top:-5px;
		margin-left:-1px;
		-webkit-transform: rotate(-30deg);
		transform: rotate(-30deg);
	}
	.logotxt{
		font-size:16px;
		color:#FFFFFF;
		font-weight:bold;
		margin-top:2px;
		font-family: 'Nautilus Pompilius';
	}
	.dow-btn{
		padding: 0.4em 0.7em;
		margin-top:7px;
		text-decoration: none;
		display: inline-block;
		font-family: 'Lato', sans-serif;
		color: #FFF;
		font-size: 0.9em;
		text-align: center;
		transition: 0.5s all;
		-webkit-transition: 0.5s all;
		-moz-transition: 0.5s all;
		-o-transition: 0.5s all;
		border-radius: 0.4em;
		-moz-border-radius: 0.4em;
		-o-border-radius: 0.4em;
		font-weight:400;
		width: 20%;
		border-bottom: 3px solid #277697;
		background: #4BCAFF;
	}
	.btn-group button{
		width:45px;
	}
	.card {
		margin-right: -55px;
	}
	.contact-form input[type="submit"] {
		margin-bottom: 1em;
		color: #6CCFF8;
		font-size: 0.9em;
		padding: 0.7em 1em;
		-webkit-appearance: none;
		display: inline-block;
		-webkit-transition: all 0.3s ease-out;
		-moz-transition: all 0.3s ease-out;
		-ms-transition: all 0.3s ease-out;
		-o-transition: all 0.3s ease-out;
		transition: all 0.3s ease-out;
		font-weight: 600;
		border: none;
		outline: none;
		cursor: pointer;
		font-family: 'Lato', sans-serif;
		background: #414143;
		width:50%;
		border-bottom: 5px solid#000;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-o-border-radius: 5px;
	}
	.contact-form  input[type="submit"]:hover{
		border-bottom:5px solid #1A7BA3;
	}
	.contact-form input[type="reset"] {
		margin-bottom: 1em;
		color: #FFFFCC;
		font-size: 1.1em;
		padding: 0.7em 1em;
		-webkit-appearance: none;
		display: inline-block;
		-webkit-transition: all 0.3s ease-out;
		-moz-transition: all 0.3s ease-out;
		-ms-transition: all 0.3s ease-out;
		-o-transition: all 0.3s ease-out;
		transition: all 0.3s ease-out;
		font-weight: 600;
		border: none;
		outline: none;
		cursor: pointer;
		font-family: 'Lato', sans-serif;
		background: #6699FF;
		width:50%;
		border-bottom: 5px solid #666699;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-o-border-radius: 5px;
	}
	.side-nav>li>ul>li>a {
		display: block;
		padding: 4px 5px 5px 10px;
		text-decoration: none;
		color: #999;
	}
	.swag {height:200px;}
	.swag2 {height:200px;}
	.bonus-container{
		width:380px;
		height:380px;
		top:190px;
	}
	.base {
		width:380px;
		height:380px;
		background: url(../img/rays3-380.png) center center no-repeat;
	}
	.coin {
		width:180px;
		height:180px;
		margin:-278px 100px;
		font-size:36px;
		padding-top:62px;
		background: url(../img/coin-180.png) center center no-repeat;
	}
}
/*min-width 400*/
	
@media(min-width:540px) {
    #wrapper {
        padding-left: 0px;
    }
    #page-wrapper {
        padding: 10px;
		min-height:500px;
    }
	#top_balance{font-size:1em;}
	.topafont{font-size:1em;}
	.collapse-topelem{display:inline-block;}
	.topbaltext{display: inline-block;}
	.collapse-elem{display:table-cell;}
	.collapse-elem2{display:none;}
	.top-nav {
		height: 60px;
	}
	.side-nav{
		top:60px;	
	}
	.top-nav>li {
		float: right;
	}
	.top-nav>li>a {
		padding-top: 20px;
		padding-bottom: 20px;
		line-height: 20px;
		color: #999;
	}
	.contact-form{
		margin:5px;
	}
	.ultopmenu{
		display:none;
	}
	.side-nav {
        right: 200px;
        width: 200px;
        margin-right: -200px;
    }
    .side-nav>li>a {
        width: 200px;
    }
	.logo-sq{
		width:25px;
		height:25px;
		font-size:18px;
	}
	.logoico{
		margin-top:-3px;
		margin-left:-3px;
		-webkit-transform: rotate(-30deg);
		transform: rotate(-30deg);
	}
	.logotxt{
		font-size:18px;
		color:#FFFFFF;
		font-weight:bold;
		margin-top:2px;
		font-family: 'Nautilus Pompilius';
	}
	.dow-btn{
		padding: 0.4em 0.7em;
		margin-top:7px;
		text-decoration: none;
		display: inline-block;
		font-family: 'Lato', sans-serif;
		color: #FFF;
		font-size: 1.1em;
		text-align: center;
		transition: 0.5s all;
		-webkit-transition: 0.5s all;
		-moz-transition: 0.5s all;
		-o-transition: 0.5s all;
		border-radius: 0.4em;
		-moz-border-radius: 0.4em;
		-o-border-radius: 0.4em;
		font-weight:400;
		width: 15%;
		border-bottom: 3px solid #277697;
		background: #4BCAFF;
	}
	.btn-group button{
		width:70px;
	}
	.card {
		margin-right: -35px;
	}
	.contact-form input[type="text"],form textarea, .contact-form  input[type="password"] {
		padding:9px;
		width: 80%;
		font-size: 15px;
		margin: 10px 0px;
		border: 1px solid #fff;
		color: #C7C7C7;
		background: none;
		background: #fff;
		-webkit-appearance: none;
		outline: none;
		font-family: 'Lato', sans-serif;
		font-weight: 400;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-o-border-radius: 5px;
		text-align: center;
		-webkit-transition: all 0.3s ease-out;
		-moz-transition: all 0.3s ease-out;
		-ms-transition: all 0.3s ease-out;
		-o-transition: all 0.3s ease-out;
		transition: all 0.3s ease-out;
	}
	.contact-form input[type="text"]:hover,form textarea:hover, .contact-form  input[type="password"]:hover{
		border: 1px solid  #9F9FA0;
	}
	.contact-form textarea {
		height:150px;
		resize: none;
		width: 80%;
	}
	.contact-form input[type="submit"] {
		margin-bottom: 1em;
		color: #6CCFF8;
		font-size: 1.1em;
		padding: 0.7em 1em;
		-webkit-appearance: none;
		display: inline-block;
		-webkit-transition: all 0.3s ease-out;
		-moz-transition: all 0.3s ease-out;
		-ms-transition: all 0.3s ease-out;
		-o-transition: all 0.3s ease-out;
		transition: all 0.3s ease-out;
		font-weight: 600;
		border: none;
		outline: none;
		cursor: pointer;
		font-family: 'Lato', sans-serif;
		background: #414143;
		width:50%;
		border-bottom: 5px solid#000;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-o-border-radius: 5px;
	}
	.contact-form  input[type="submit"]:hover{
		border-bottom:5px solid #1A7BA3;
	}
	.contact-form input[type="reset"] {
		margin-bottom: 1em;
		color: #FFFFCC;
		font-size: 1.1em;
		padding: 0.7em 1em;
		-webkit-appearance: none;
		display: inline-block;
		-webkit-transition: all 0.3s ease-out;
		-moz-transition: all 0.3s ease-out;
		-ms-transition: all 0.3s ease-out;
		-o-transition: all 0.3s ease-out;
		transition: all 0.3s ease-out;
		font-weight: 600;
		border: none;
		outline: none;
		cursor: pointer;
		font-family: 'Lato', sans-serif;
		background: #6699FF;
		width:50%;
		border-bottom: 5px solid #666699;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-o-border-radius: 5px;
	}
	.side-nav>li>ul>li>a {
		display: block;
		padding: 10px 10px 10px 20px;
		text-decoration: none;
		color: #999;
	}
	.h-arrow { font-size: 24px;  padding-bottom: 23px;  }
	.features-wrapper, .team-wrapper { margin: 50px 0 0; }
	.icon-1 { height: 120px; width: 120px; line-height: 120px; font-size: 50px; margin: 0 auto 30px; border:3px solid #FF0000;}
	.icon-2 { height: 130px; width: 130px; line-height: 130px; font-size: 50px; margin: 0 auto 30px; border:3px solid #45004d;}
	.swag {height:300px;}
	.swag2 {height:300px;}
	.bonus-container{
		width:500px;
		height:500px;
		top:0;
	}
	.base {
		width:500px;
		height:500px;
		background: url(../img/rays3-500.png) center center no-repeat;
	}
	.coin {
		width:225px;
		height:225px;
		margin:-359px 139px;
		font-size:48px;
		padding-top:78px;
		background: url(../img/coin.png) center center no-repeat;
	}
}
/*min-width 540*/

@media(min-width:768px) {
    #wrapper {
        padding-left: 200px;
    }
    #page-wrapper {
        padding: 30px;
		min-height:550px;
    }
	#top_balance{font-size:1em;}
	.topafont{font-size:1em;}
	.collapse-elem,.collapse-elem2{display:table-cell;}
	.topbaltext{
		display: inline-block;
	}
	.top-nav {
		height: 80px;
	}
	.side-nav{
		top:80px;	
	}
	.top-nav>li {
		float: right;
	}
	.top-nav>li>a {
		padding-top: 25px;
		padding-bottom: 25px;
		line-height: 30px;
		color: #999;
	}

	.side-nav {
        left: 200px;
        width: 200px;
        margin-left: -200px;
    }
    .side-nav>li>a {
        width: 200px;
    }
	.logo-sq{
		width:40px;
		height:40px;
		font-size:22px;
	}
	.logoico{
		margin-top:5px;
		margin-left:2px;
		-webkit-transform: rotate(-30deg);
		transform: rotate(-30deg);
	}
	.logotxt{
		font-size:22px;
		color:#FFFFFF;
		font-weight:bold;
		margin-top:2px;
		font-family: 'Nautilus Pompilius';
	}
	.dow-btn{
		padding: 0.7em 1em;
		margin-top:10px;
		text-decoration: none;
		display: inline-block;
		font-family: 'Lato', sans-serif;
		color: #FFF;
		font-size: 1.5em;
		text-align: center;
		transition: 0.5s all;
		-webkit-transition: 0.5s all;
		-moz-transition: 0.5s all;
		-o-transition: 0.5s all;
		border-radius: 0.4em;
		-moz-border-radius: 0.4em;
		-o-border-radius: 0.4em;
		font-weight:400;
		width: 15%;
		border-bottom: 5px solid #277697;
		background: #4BCAFF;
	}
	.btn-group button{
		width:100px;
	}
	.card {
		margin-right: 5px;
	}
	.side-nav>li>ul>li>a {
		display: block;
		padding: 10px 15px 10px 38px;
		text-decoration: none;
		color: #999;
	}
	.h-arrow { font-size: 26px;  padding-bottom: 25px;  }
	.features-wrapper, .team-wrapper { margin: 60px 0 0; }
	.icon-1 { height: 130px; width: 130px; line-height: 130px; font-size: 50px; margin: 0 auto 40px; border:4px solid #FF0000;}
	.icon-2 { height: 140px; width: 140px; line-height: 140px; font-size: 50px; margin: 0 auto 40px; border:4px solid #45004d;}
	.swag {height:450px;}
	.swag2 {height:450px;}
	.bonus-container{
		width:600px;
		height:600px;
		top:0;
	}
	.base {
		width:600px;
		height:600px;
		background: url(../img/rays3-500.png) center center no-repeat;
	}
	.coin {
		width:225px;
		height:225px;
		margin:-410px 190px;
		font-size:46px;
		padding-top:74px;
		background: url(../img/coin.png) center center no-repeat;
	}
}
/*min-width:768px*/

@media(min-width:960px) {
	#wrapper {
        padding-left: 225px;
    }
	#page-wrapper {
		min-height:650px;
    }
	#top_balance{font-size:1em;}
	.topafont{font-size:1em;}
	.side-nav {
		left: 225px;
		width: 225px;
		margin-left: -225px;
	}
	.top-nav {
		height: 80px;
	}
	.top-nav>li {
		float: right;
	}
	.top-nav>li>a {
		padding-top: 25px;
		padding-bottom: 25px;
		line-height: 30px;
		color: #999;
	}
	.collapse-elem,.collapse-elem2{display:table-cell;}
	.topbaltext{
		display: inline-block;
	}
	.side-nav>li>a {
		width: 225px;
	}
	.side-nav li a:hover,
	.side-nav li a:focus {
		outline: none;
		background-color: #000 !important;
	}
	.logo-sq{
		width:50px;
		height:50px;
		font-size:36px;
	}
	.logoico{
		margin-top:2px;
		margin-left:-3px;
		-webkit-transform: rotate(-30deg);
		transform: rotate(-30deg);
	}
	.logotxt{
		font-size:36px;
		color:#FFFFFF;
		font-weight:bold;
		margin-top:2px;
		font-family: 'Nautilus Pompilius';
	}
	.h-arrow { font-size: 32px;  padding-bottom: 30px;  }
	.features-wrapper, .team-wrapper { margin: 50px 0 0; }
	.icon-1 { height: 150px; width: 150px; line-height: 150px; font-size: 55px; margin: 0 auto 40px; border:4px solid #FF0000;}
	.icon-2 { height: 170px; width: 170px; line-height: 170px; font-size: 55px; margin: 0 auto 40px; border:4px solid #45004d;}
	.swag {height:550px;}
	.swag2 {height:550px;}
	.bonus-container{
		width:600px;
		height:600px;
		top:0;
	}
	.base {
		width:600px;
		height:600px;
		background: url(../img/rays3-500.png) center center no-repeat;
	}
	.coin {
		width:225px;
		height:225px;
		margin:-410px 190px;
		font-size:46px;
		padding-top:74px;
		background: url(../img/coin.png) center center no-repeat;
	}
}