/* Big screens and systems... bigger machines .... */
body, html{
	background-color: #000000;
	background-image: url(../images/a1in1mover.gif);
	background-size: 100%;
}
@media screen and (min-width: 1200px){
		
		.content{
			width: 100%;
		}
		.grows_coins{
			float: left;
			display: inline-block;
			width: 20%;
			margin-left: 8%;
			background-color: #00058A;
			color: #ffffff;
			margin-top: 3%;
		}
		.grows_coins .activities_with_coin{
			width: 80%;
			text-align: center;
			margin-left: 10%;
		}

		.grows_coins .activities_with_coin p{
			display: inline;
			color: #BBBBBB;
			padding-right: 5px;
			padding-left: 5px;
		}
		.grows_coins .activities_with_coin .border_stuffs{
			border-left: 2px solid #ffffff;
		}
		.grows_coins .coin_imager{
			width: 100%;
			text-align: center;
		}
		.grows_coins .coin_imager img{
			width: 45%;
		}
		.grows_coins .naming_coins{
			width: 100%;
			text-align: center;
		}
		.grows_coins .naming_coins .more_grows{
			width: 100%;
			font-weight: bold;
			font-size: 32px;
			font-family: arial black;
			line-height: 0.1;
		}
		.grows_coins .naming_coins .money{
			font-size: 20px;
			line-height: 0.1;
		}
		.grows_coins .timing_area{
			text-align: center;
		}
		.grows_coins .timing_area .years_left{
			font-size: 20px;
			line-height: 0.1;
		}
		.grows_coins .timing_area .timer_counters{
			font-weight: bold;
			font-size: 30px;
			font-family: arial black;
			line-height: 0.1;
		}
		.grows_coins .timing_area .sub{
			width: 25%;
			display: inline-block;
			font-size: 7px;
			line-height: 0.1;
		}
		.grows_coins .timing_area .remaining{
			font-size: 12px;
			line-height: 0.7;
		}

		.content_manipulation{
			float: right;
			display: inline-block;
			width: 68%;
			color: #00058A;
		}
		.user_wallet_arena{
			width: 100%;
			text-align: right;
		}
		.user_wallet_arena .wallet{
			display: inline;
			vertical-align: center;
			font-weight: bold;
			font-size: 26px;
		}
		.user_wallet_arena .wallet .grows_wallet{
			display: inline;
			vertical-align: center;
			
		}
		.grows_currency{
			display: inline;
			vertical-align: middle;
		}
		.user_balance{
			display: inline;
			vertical-align: middle;
		}
		table{
			width: 100%;
			border-spacing: 40px 0px;

		}
		tr{
			width: 100%;
		}
		td{
			
			text-align: center;
			background-color: #ffffff;
			
			
		}
		.nice_side{
			width: 30%;
			padding: 15px;
			font-size: 40px;
			background-color: #ffffff;
		}
}


/* Tablets and Medium Devices and lit stuffs .... */
@media screen and (max-width: 1200px){
		.content{
			width: 100%;
		}
		.grows_coins{
			float: left;
			display: inline-block;
			width: 100%;
			background-color: #00058A;
			color: #ffffff;
			margin-top: 3%;
		}
		.grows_coins .activities_with_coin{
			width: 80%;
			text-align: center;
			margin-left: 10%;
		}

		.grows_coins .activities_with_coin p{
			display: inline;
			color: #BBBBBB;
			padding-right: 5px;
			padding-left: 5px;
		}
		.grows_coins .activities_with_coin .border_stuffs{
			border-left: 2px solid #ffffff;
		}
		.grows_coins .coin_imager{
			width: 100%;
			text-align: center;
		}
		.grows_coins .coin_imager img{
			width: 45%;
		}
		.grows_coins .naming_coins{
			width: 100%;
			text-align: center;
		}
		.grows_coins .naming_coins .more_grows{
			width: 100%;
			font-weight: bold;
			font-size: 32px;
			font-family: arial black;
			line-height: 0.1;
		}
		.grows_coins .naming_coins .money{
			font-size: 20px;
			line-height: 0.1;
		}
		.grows_coins .timing_area{
			text-align: center;
		}
		.grows_coins .timing_area .years_left{
			font-size: 20px;
			line-height: 0.1;
		}
		.grows_coins .timing_area .timer_counters{
			font-weight: bold;
			font-size: 30px;
			font-family: arial black;
			line-height: 0.1;
		}
		.grows_coins .timing_area .sub{
			width: 25%;
			display: inline-block;
			font-size: 7px;
			line-height: 0.1;
		}
		.grows_coins .timing_area .remaining{
			font-size: 12px;
			line-height: 0.7;
		}

		.content_manipulation{
			display: inline-block;
			width: 100%;
			color: #00058A;
		}
		.user_wallet_arena{
			margin-top: 10%;
			margin-bottom: 10%;
			width: 100%;
			text-align: center;
		}
		.user_wallet_arena .wallet{
			display: inline;
			vertical-align: center;
			font-weight: bold;
			font-size: 26px;
		}
		.user_wallet_arena .wallet .grows_wallet{
			display: inline;
			vertical-align: center;
			
		}
		.grows_currency{
			display: inline;
			vertical-align: middle;
		}
		.user_balance{
			display: block;
			vertical-align: middle;
		}
		table{
			width: 100%;
			border-spacing: 5px 0px;

		}
		tr{
			width: 100%;
		}
		td{
			
			text-align: center;
			background-color: #ffffff;
			
			
		}
		.nice_side{
			width: 35%;
			padding: 15px;
			font-size: 40px;
			background-color: #ffffff;
		}
}


/* Smallest Screens and Mobile Devices... Hand gadgets .... */
@media screen and (max-width: 860px){
			.content{
			width: 100%;
		}
		.grows_coins{
			float: left;
			display: inline-block;
			width: 100%;
			background-color: #00058A;
			color: #ffffff;
			margin-top: 3%;
		}
		.grows_coins .activities_with_coin{
			width: 80%;
			text-align: center;
			margin-left: 10%;
		}

		.grows_coins .activities_with_coin p{
			display: inline;
			color: #BBBBBB;
			padding-right: 5px;
			padding-left: 5px;
		}
		.grows_coins .activities_with_coin .border_stuffs{
			border-left: 2px solid #ffffff;
		}
		.grows_coins .coin_imager{
			width: 100%;
			text-align: center;
		}
		.grows_coins .coin_imager img{
			width: 45%;
		}
		.grows_coins .naming_coins{
			width: 100%;
			text-align: center;
		}
		.grows_coins .naming_coins .more_grows{
			width: 100%;
			font-weight: bold;
			font-size: 32px;
			font-family: arial black;
			line-height: 0.1;
		}
		.grows_coins .naming_coins .money{
			font-size: 20px;
			line-height: 0.1;
		}
		.grows_coins .timing_area{
			text-align: center;
		}
		.grows_coins .timing_area .years_left{
			font-size: 20px;
			line-height: 0.1;
		}
		.grows_coins .timing_area .timer_counters{
			font-weight: bold;
			font-size: 30px;
			font-family: arial black;
			line-height: 0.1;
		}
		.grows_coins .timing_area .sub{
			display: inline-block;
			font-size: 20px;
			line-height: 0.1;
		}
		.grows_coins .timing_area .remaining{
			font-size: 12px;
			line-height: 0.7;
		}

		.content_manipulation{
			display: inline-block;
			width: 100%;
			color: #00058A;
		}
		.user_wallet_arena{
			margin-top: 10%;
			margin-bottom: 10%;
			width: 100%;
			text-align: center;
		}
		.user_wallet_arena .wallet{
			display: inline;
			vertical-align: center;
			font-weight: bold;
			font-size: 26px;
		}
		.user_wallet_arena .wallet .grows_wallet{
			display: inline;
			vertical-align: center;
			
		}
		.grows_currency{
			display: inline;
			vertical-align: middle;
		}
		.user_balance{
			display: block;
			vertical-align: middle;
		}
		table{
			width: 100%;
			border-spacing: 5px 0px;

		}
		tr{
			width: 100%;
		}
		td{
			
			text-align: center;
			background-color: #ffffff;
			
			
		}
		.nice_side{
			width: 35%;
			padding: 15px;
			font-size: 40px;
			background-color: #ffffff;
		}
}