/*========= MOBILE ==============*/
@media screen and (max-width: 700px) {
	/*html,
	body {
		overflow-x: hidden;
	}*/

	h1,
	.content h1 {
		font-size: 2rem;
		line-height: 2.5rem;
	} 
	h2 {
		font-size: 2rem;
	}

	.mobile-menu { 
		display: inline-block !important;
	}

	main {
		background-image: none;
		background-size: cover;
		background-position: center;
	}

	.pop-up-information {
		padding: 10px;
	}
	.pop-up-content {
		padding: 20px;
	}


	.logo-background {
		display: none;
	}
	header {
		display: none;
	}
	header .logo {
		width: auto;
	}
	header .logo img {
		max-width: 150px;
	}
	.header-menu {
		position: fixed;
		opacity: 0;
		visibility: hidden;
		background: #142648;
		transform: translateX(100%) translateZ(0);
    	-webkit-transition: -webkit-transform 0.68s cubic-bezier(0.64, 0.04, 0.35, 1) !important;
    	transition: transform 0.68s cubic-bezier(0.64, 0.04, 0.35, 1) !important;
	}
	header nav {
		padding: 30px;
	}	
	header nav a {
		margin-left: 0;
		font-size: 1.5rem;
		line-height: 3rem;
	}
	.header-donate-link {
		float: left;
		margin-top: 0;
		border: 0;
		background: #0090ff;
		margin-top: 1rem;
		font-size: 1.25rem;
	}
	

	.score-animation {
		display: none !important;
	}
	main,
	.page-main {
		padding-top: 80px;
	}
	.play-screen {
		padding-top: 80px;
	}
	main #intro {
		width: 100%;
		margin-top: 0px;
		padding-top: 0;
		padding-bottom: 25px;
	}
	main #intro h1 {
		font-size: 2rem;
		line-height: 2.5rem;
	}
	main #start {
		width: 100%;
		/*background: none;*/
		padding: 30px;
		box-shadow: none;
		position: relative;
	}
	main #start .input {
		padding: 10px 0;
	}
	main #start .input .game-number label {
		color: #152c51;
	}
	main #start .players .input {
		padding: 0;
	}
	main #start .players label {
		/*top: 35px;*/
		color: rgba(21, 39, 75, 0.4) !important;
	}
	main #start .active-add-new-user {
		font-size: 12px;
	}
	main #start .input {
		margin-bottom: 0;
	}
	main #start .input label:first-child {
		margin-top: 0;
	}
	main #start .players .input  {
		margin-bottom: 10px;
	}
	main #start .player-names input {
		padding-top: 22px !important;
	}

	main #start .input label {
		/*color: white;*/
	}
	main #intro .line-separator {
		display: table;
		float: none;
		margin: 0 auto;
		width: 50%;
	}
	main #start .game-number, main #start .input button, main #start .input input, main #start .input select {
		box-shadow: none;
	}
	main #start .input .button {
		margin-top: 0;
	}
	main #start .player-names label {

	}
	main #start .input .input-dropdown {
		box-shadow: none;
	}
	main #start .input select {
		padding: 14.5px 20px;
	}


	.mobile-header  {
		display: inline-block;
	}
	.mobile-play-menu {
		display: none;
	}
	.main-bottom-background {
		margin-top: 20px;
	}
	.home-explain-text {
		padding-top: 30px;
	}
	.home-about {
		padding-bottom: 30px;
	}
	.home-about .home-about-image {
		position: relative;
		left: 0;
		width: 100%;
	}
	.home-about-text {
		width: 100%;
		position: relative;
		transform: inherit;
	}

	
	.play-area {
		border-top: 0;
	}

	.mobile-play-settings {
		display: inline-block;
		margin-right: 10px;
		margin-top: 5px;
	}


	.slider {
		width: 100%;
		display: inline-block;
		overflow: hidden;
		float: left;
	}
	.home-explain-text {
		width: 100%;
		position: relative;
		top: 0;
		transform: inherit;
	}
	.home-explain .home-explain-image {
		position: relative;
		width: 100%;
		right: 0;
	}

	.partner-box {
		width: 100%;
		padding: 0;
	}
	.partner-box h2 {
		font-size: 2rem;
	}
	.partner-logo {
		margin-top: 20px;
		padding: 20px;
		border-radius: 10px;
		float: left;
	}
	.partner-links a {
		font-size: 0.8rem;
		padding: 10px 10px;
		margin-right: 5px;
	}

	.input-score input {
		width: 100% !important;
	}

	.pop-up .check-amount {
		width: 100%;
	}
	.background-image-block {
		padding: 20px;
	}
	.text-block-50 {
		width: 100%;
	}
	.share-title {
		font-size: 14px;
		font-weight: 100;
		margin-bottom: 10px;
	}
	.share-form {
		border-top: 1px dashed #ffffff40;
	    border-radius: 0;
	    margin-top: 30px;
	    display: inline-block;
	    color: white;
	    background: none;
	}
	.share-form i {
		float: left;
		width: 10%;
	}
	.hidden-share {
		width: 80%;
		margin-top: 0;
	}
	#game-amount, .input button, .input input, .input select, .game-number input:checked + label {
		border: none !important;
		box-shadow: none;
	}
	#game-amount {
		background: white;
	}
	.main-share-icon {
		color: white;
		border-bottom: 1px dashed #ffffff29
	}
	.input.button, .start-game {
		border: none !important;
	}
	#playcenter {  
	    width: auto;
	    display: table;
	    float: none;
	    margin: 0 auto;
	}
	#intro h1 {
		margin-top: 0;
		font-size: 2rem;
		line-height: 42px;
		text-align: center;
	}
	#intro {
		width: 100%;
		padding: 40px 0 10px 0;
	}
	.score-animation {
		width: auto;
		display: table;
		margin: 0 auto;
		float: none;
	}
	.mobile-menu {
		display: inline-block;
	}
	.share-form {
		position: relative;
		z-index: 1;
		width: 100%;
		height: auto;
		right: 0;
	}
	.statics-box {
		margin-bottom: 10px;
		border-top: 2px dotted rgba(255, 255, 255, 0.2);
		padding-top: 10px;
		width: 100%;
	}
	.input-scores {
		border-bottom: 0;
	}

	.mobile-none {
		display: none;
	}
	#start,
	.input {
		width: 100%;
	}
	
	.active-throwing,
	.active-start-leg {
		width: 12px;
		height: 12px;
	}
	.logo a {
		font-size: 26px;
	}
	.share-form:hover {
		right: 0;
		width: 100%;
		height: auto;
	}
	.home-slider-text {
		left: 20px;
		bottom: 20px;
	}


	.mobile-menu-section .game-statics {
		display: inline-block;
		padding: 0;
	}

	.arrow {
		width: 122px;
	    -webkit-transform: rotate(67deg);
	    right: -40px;
	}
	.main-text {
		text-align: center;
		line-height: 22px;
		font-size: 16px;
	}
	.input button, .input input, .input select{
		padding: 12.5px 10px;
	}

	.switch-field label,
	.game-number label,
	.input button, .input input, .input select {
		padding: 10px 10px;
	}

	#playcenter {
		padding: 10px 0 30px 0;
	}
	.icons {
		padding: 50px 0;
	}
	.icons article {
		width: 50%;
		min-height: 120px;
	}
	
	.top-settings {
		display: none;
	}
	
	.throw-content {
		width: 50%;
		border-left: 2px dotted rgba(255, 255, 255, 0.2);
		padding-left: 10px;
		margin-bottom: 10px;
	}

	.throw-mobile-screen {
		display: inline-block;
	}

	.four-players-game .input-score-1, 
	.four-players-game .input-score-2, 
	.four-players-game .input-score-3, 
	.four-players-game .input-score-4 {
		border-right: 0;
	}




	.one-player-game .reset {
		padding: 15px 32px;
		text-align: left;
	}
	.one-player-game .player-1-column .adsbygoogle {
		height: 250px !important;
	}

	.one-player-game .player-1-column:nth-child(2) {
		padding: 0;
		margin-top: 20px;
		display: none;
	}
	.one-player-game .match-mobile .legs {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		right: 0;
		width: 50%;
	}
	.one-player-game .match-mobile .legs p:nth-child(1), 
	.one-player-game .match-mobile .legs p:nth-child(2) {
		text-align: center;
		width: 100%;
	}
	.one-player-game .match-mobile-reset {
		text-align: center;
	}



	.one-player-game .game-statics {
		display: none;
	}
	.one-player-game .mobile-menu-section .game-statics {
		display: inline-block;
	}
	.one-player-game .player-1-column {
		width: 100%;
	}
	.one-player-game .amount-player {
		font-size: 48px;
	}
	.one-player-game .match-details {
		width: 50%;
		padding: 0 0 0 0;
		float: right;
		border-top: 0;
	}
	.one-player-game .to-throw {
		width: 50%;
		float: left;
		padding-bottom: 10px;
		border-right: 2px dotted rgba(255, 255, 255, 0.2);
	}
	.one-player-game .sets, 
	.one-player-game .legs {
		font-size: 14px;
	}
 	.one-player-game .sets p,
 	.one-player-game .legs p {
 		font-size: 16px;
 	}
	.one-player-game .sets p {
		margin-bottom: 10px;
	}
	.one-player-game .legs p {
		margin-bottom: 0;
	}

 	.one-player-game .input-score {
 		padding: 0;
 	}
 	.one-player-game .input-scores {
 		padding: 0;
 		padding-top: 10px;
 	}
	.one-player-game .input-scores {
		border-bottom: 0;
		width: 100%;
		margin-bottom: 10px;
	}
	.one-player-game .throw-info {
		margin: 20px 0 0 0;
		width: 100%;
	}
	.one-player-game .input-score-1 {
		border-right: 0;
	}
	.one-player-game .legs {
		width: 50%;
		float: left;
	}
	.one-player-game .set-1 {
		float: left !important;
	}
	.one-player-game .legs,
	.one-player-game .sets {
		width: 100%;
		padding: 0 30px;
	}
	.one-player-game .legs p, 
	.one-player-game .sets p {
		float: left;
	}
	.one-player-game .legs p:nth-child(1),
	.one-player-game .sets p:nth-child(1) {
		width: 30%;
		text-align: left;
	}
	.one-player-game .legs p:nth-child(2),
	.one-player-game .sets p:nth-child(2) {
		width: 70%;
		text-align: right;
	}




	.one-player-game .throw-info-1 {
		border-right: 0;
	}
	.one-player-game .input-score input {
		width: 50% !important;
		float: left;
		border-right: 2px dotted rgba(255, 255, 255, 0.2);
		border-radius: 25px;
		background: white;
		padding: 12.5px 0;
	}
	.one-player-game .input-score-1 .reset {
		width: 50%;
		float: left;
	}

	
	.game-statics-mob .player-statics-2 .game-statics-mob div:nth-child(2) {
		padding-left: 0 !important;
	}




	.two-players-game .amount-player {
		font-size: 48px;
	}
	.two-players-game .match-details {
		width: 100%;
		padding: 10px 0 10px 0;
	}
	.two-players-game .to-throw {
		width: 100%;
		min-height: 100px; 
	}
	.two-players-game .input-score {
 		padding: 0;
 	}
	.two-players-game .check-out {
		margin-bottom: 0;
	}

	.two-players-game .sets, 
	.two-players-game .legs {
		font-size: 14px;
		width: 100%;
	}
 	.two-players-game .sets p,
 	.two-players-game .legs p {
 		margin-bottom: 10px;
 		font-size: 16px;
 		float: left;
 		line-height: 1.5rem;
 	}
	.two-players-game .sets p:first-child,
	.two-players-game .legs p:first-child {
		width: 70%;
	}
	.two-players-game .sets p:last-child,
	.two-players-game .legs p:last-child {
		width: 30%;
	}
	.two-players-game .leg-1 p:first-child,
	.two-players-game .set-1 p:first-child {
		text-align: left;
	}
	.two-players-game .set-2 p:first-child,
	.two-players-game .leg-2 p:first-child {
		float: right;
		text-align: right;
	}
	.two-players-game .leg-1 p:last-child,
	.two-players-game .set-1 p:last-child {
		text-align: right;
	}
	.two-players-game .leg-2 p:last-child,
	.two-players-game .set-2 p:last-child {
		text-align: left;
	}
	.two-players-game .sets p,
	.two-players-game .legs p {
		margin-bottom: 0;
	}
	.two-players-game .game-statics {
		display: none;
	}

	.two-players-game .mobile-menu-section .game-statics {
		display: inline-block;
	}

	.two-players-game .input-score-1 {
		border-right: 0;
	}

	.two-players-game .input-score-1 .reset {
		text-align: right;
	}
	.two-players-game .input-score-1 {
		padding-right: 5px;
	}
	.two-players-game .input-score-2 {
		padding-left: 5px;
	}




	.two-players-game .player-statics {
		width: 100%;
		border-right: 0;

	}

 	.two-players-game .input-scores {
 		padding: 0;
 		margin-top: 0;
 		margin-bottom: 0;
 	}
	.two-players-game .input-scores {
		border-bottom: 0;
	}
	.two-players-game .throw-info {
		margin: 30px 0 0 0;
	}
	.two-players-game .input-score input {
		background: white;
		border-radius: 25px;
		margin-top: 10px;
		margin-bottom: 10px;
		padding: 12.5px 0;
	}
	.two-players-game .reset {
		padding: 10px 20px;
	}
	.two-players-game .match-detail-1 {
		padding-left: 50px;
		padding-right: 20px;
	}
	.two-players-game .match-detail-2 {
		padding-right: 50px;
		padding-left: 20px;
	}


	.three-players-game .game-statics {
		display: none;
	}
	.three-players-game .mobile-menu-section .game-statics {
		display: inline-block;
	}
	
	.three-players-game .match-details {
		width: 100%;
		padding: 10px 0 0 0;
	}

	.three-players-game .to-throw {
		width: 100%;
		min-height: 100px; 
	}
	.three-players-game .sets, 
	.three-players-game .legs {
		font-size: 14px;
	}
 	.three-players-game .sets p,
 	.three-players-game .legs p {
 		margin-bottom: 10px;
 	}
 	.three-players-game .input-score {
 		padding: 0;
 		min-height: auto;
 	}
 	.three-players-game .input-scores {
 		padding: 0;
 		margin-top: 0;
 	}
	.three-players-game .input-scores {
		border-bottom: 0;
	}
	.three-players-game .throw-info {
		margin: 30px 0 0 0;
	}
	.three-players-game .input-score-1 {
		border-right: 0;
	}

	.three-players-game .throw-info-1, .three-players-game .throw-info-2 {
		border-right: 0;
	}

	/*.three-players-game .throw-active {	
		position: absolute;
		left: 0;
		width: 50%;
		border-right: 2px dotted rgba(255, 255, 255, 0.2);
	}
	.three-players-game .throw-active .amount-player  {	
		font-size: 48px;
		width: 100%;
	}*/



	.three-players-game .throw-info {
		width: 100%;
		float: right;
		clear: both;
	}

	
	.three-players-game .amount-player {
		font-size: 18px;
		float: right;
	}
	.three-players-game .to-throw {
		min-height: auto;
	}
	.three-players-game .check-out {
		display: none;
	}
	.three-players-game .match-details {
		display: none;
	}
	.three-players-game .throw-info {
		margin-top: 0;
	}
	.three-players-game .play-screen {
		padding-top: 100px;
	}
	.three-players-game .player-name {
		font-size: 16px;
		float: left;
	}
	.three-players-game .input-score {
		width: 50%;
	}
	.three-players-game .input-score input {
	    background: white;
	    border-radius: 25px;
	    margin-top: 5px;
	    margin-bottom: 5px;
	    padding: 12.5px 0;
	}


	.three-players-game .amount-player,
	.three-players-game .player-name {
		line-height: 2rem;
	}

	.three-players-game .input-score {
		display: none;
	}

	.three-players-game .active-input {
		display: inline-block;
		float: left;
	}
	.three-players-game .active-reset {
		width: 50%;
		float: right;
		display: inline;
	}


	.three-players-game .input-score-1, .three-players-game .input-score-2 {
		border-right: 0;
	}




	.four-players-game .game-statics {
		display: none;
	}
	.four-players-game .mobile-menu-section .game-statics {
		display: inline-block;
	}
	
	.four-players-game .match-details {
		width: 100%;
		padding: 10px 0 0 0;
	}

	.four-players-game .to-throw {
		width: 100%;
		min-height: 100px; 
	}
	.four-players-game .sets, 
	.four-players-game .legs {
		font-size: 14px;
	}
 	.four-players-game .sets p,
 	.four-players-game .legs p {
 		margin-bottom: 10px;
 	}
 	.four-players-game .input-score {
 		padding: 0;
 		min-height: auto;
 	}
 	.four-players-game .input-scores {
 		padding: 0;
 		margin-top: 0;
 	}
	.four-players-game .input-scores {
		border-bottom: 0;
	}
	.four-players-game .throw-info {
		margin: 30px 0 0 0;
	}
	.four-players-game .input-score-1 {
		border-right: 0;
	}

	.four-players-game .throw-info-1, 
	.four-players-game .throw-info-2, 
	.four-players-game .throw-info-3 {
		border-right: 0;
	}
	.four-players-game .throw-info {
		width: 100%;
		float: right;
		clear: both;
	}

	
	.four-players-game .amount-player {
		font-size: 18px;
		float: right;
	}
	.four-players-game .to-throw {
		min-height: auto;
	}
	.four-players-game .check-out {
		display: none;
	}
	.four-players-game .match-details {
		display: none;
	}
	.four-players-game .throw-info {
		margin-top: 0;
	}
	.four-players-game .play-screen {
		padding-top: 100px;
	}
	.four-players-game .player-name {
		font-size: 16px;
		float: left;
	}
	.four-players-game .input-score {
		width: 50%;
	}
	.four-players-game .input-score input {
	    background: white;
	    border-radius: 25px;
	    margin-top: 5px;
	    margin-bottom: 5px;
	    padding: 12.5px 0;
	}


	.four-players-game .amount-player,
	.four-players-game .player-name {
		line-height: 2rem;
	}

	.four-players-game .input-score {
		display: none;
	}

	.four-players-game .active-input {
		display: inline-block;
		float: left;
	}
	.four-players-game .active-reset {
		width: 50%;
		float: right;
		display: inline;
	}


	.four-players-game .input-score-1, .four-players-game .input-score-2 {
		border-right: 0;
	}
		




	.two-players-game .leg-1, .two-players-game .set-1 {
		float: left;
	}

	.throwing-name-desktop {
		display: none;
	}
	.throwing-name-mob {
		display: inline-block;
	}


	
	.player-statics-1 .game-statics-mob div:nth-child(2), 
	.player-statics-1 .game-statics-mob div:nth-child(3), 
	.player-statics-1 .game-statics-mob div:nth-child(4) {
		text-align: left;
		padding-left: 5% !important;
		color: rgba(255, 255, 255, 0.45);
		float: left !important;
		padding-top: 2.5px !important;
		padding-bottom: 2.5px !important;
	}

	.player-statics-2 .game-statics-mob div:nth-child(2), 
	.player-statics-2 .game-statics-mob div:nth-child(3), 
	.player-statics-2 .game-statics-mob div:nth-child(4) {
		text-align: left; 
		padding-left: 5% !important;
		color: rgba(255, 255, 255, 0.45);
		float: left !important;
		padding-top: 2.5px !important;
		padding-bottom: 2.5px !important;
	}

	.player-statics-3 .game-statics-mob div:nth-child(2), 
	.player-statics-3 .game-statics-mob div:nth-child(3), 
	.player-statics-3 .game-statics-mob div:nth-child(4) {
		text-align: left;
		padding-left: 5% !important;
		color: rgba(255, 255, 255, 0.45);
		float: left !important;
		padding-top: 2.5px !important;
		padding-bottom: 2.5px !important;
	}
	.player-statics-4 .game-statics-mob div:nth-child(2), 
	.player-statics-4 .game-statics-mob div:nth-child(3), 
	.player-statics-4 .game-statics-mob div:nth-child(4) {
		text-align: left;
		padding-left: 5% !important;
		color: rgba(255, 255, 255, 0.45);
		float: left !important;
		padding-top: 2.5px !important;
		padding-bottom: 2.5px !important;
	}


	.android-download {
		display: table;
	    margin: 0 auto;
	    float: none;
	    margin-top: 50px;
	}


	.computer-input {
		width: 100% !important;
		background: none;
		/*color: white !important;*/
		padding: 5px 20px;
	}
	.input-score input {
		padding: 5px 0;
	}
	.input-score {
		padding: 0;
		width: 50%;
	}
	.to-throw-1 {
		padding-left: 0 !important;
	}
	.to-throw-2 {
		padding-right: 0 !important;
	}
	.to-throw-3 {
		padding-right: 0 !important;
	}
	.top-info {
		padding: 10px 20px;
		font-size: 14px;
		margin: 0 auto;
		background: none;
		border-radius: 10px;
	}
	.sets,
	.legs {
		font-size: 14px;
	}
	.match-details {
		width: 100%;
		padding: 10px 0 0 0;
		font-size: 20px;
		border-top: 2px dotted rgba(255, 255, 255, 0.2);
	}
	.game-poweredby-1, .game-poweredby-2 {
		border-top: 0;
	}
	.throw-out-options {
		display: none !important;
		padding: 2.5px 10px;
		color: rgba(255, 255, 255, 0.3);
		margin-top: 0;
		margin-bottom: 5px;
		font-size: 0.6rem;
	}
	.throw-out-suggestions p:nth-child(-n+1) {
		display: inline-block !important
	}
	.throw-out-suggestions p:nth-child(2) {
		display: none !important
	}
	.input-scores {
		padding: 10px 0;
	}
	.legs p,
	.sets p {
		margin-bottom: 10px;
	}
	.input-score-1 {
		border-right: 0;
	}
	.key {
		margin-right: 1%;
		margin-top: 2.5px;
		width: 32.5%;
	}
	.check-out {
		font-size: 14px;
		margin-top: 0px;
		color: #5c6a82;
	}
	.one-player-game .check-out {
		min-height: auto;
	}
	.one-player-game .input-scores {
		 margin-top: 10px;
	}
	.one-player-game .to-throw {
		padding-bottom: 0;
	}


	.one-player-game .top-info {
		background: none;
		padding: 0;
	}


	.two-players-game .top-info {
		/*padding: 0;
		background: none;
		border-radius: 0;
		float: right;
		margin-top: -20px;*/
	}
	.throw-info {
		margin: 30px 0 0 0;
	}
	.reset {
		width: 100%;
		padding: 5px 0;
		text-align: center;
	}
	.player-name {
		margin: 0;
	}
	
	.player-statics {
		width: 50%;
		min-height: 0;
	}
	.player-statics .throw-score {
		display: none;
	}
	.player-statics-1 {
		border-right: 0;
	}

	#player-statics-2 {
		/*border-top: 2px dotted rgba(255, 255, 255, 0.2);*/
	}

	.mobile-keyboard {
		display: inline-block;
	}
	.game-info h3 {
		font-size: 1rem;
		line-height: 1.25rem;
	}
	.game-info-1 .statics li:nth-child(2n+0) {
		text-align: right;
	} 
	.game-info-2 {
		float: left;
		border-left: 0;
		border-right: 2px dotted rgba(255, 255, 255, 0.2);
	}
	.game-info-2 h3 {
		text-align: right;
	}
	.game-info-2 .statics li{
		float: right;
	}
	.game-info-1 {
		padding-right: 10px;
	}
	.game-info-2 {
		padding-left: 10px;
	}

	.game-info-1 {
		border-right: 2px dotted rgba(255, 255, 255, 0.2);
	}

	.game-info-2 .statics li:nth-child(2n+1) {
		text-align: right;
	}
	.throw-score-2 {
		float: right;
	}
	.game-info-2 .statics-box {
		margin-left: 0;
	}

	.statics li {
		width: 70%;
	}
	.statics li:nth-child(2n+0) {
		width: 30%;
	}

	.game-statics {
		display: none;
	}
	.statics-box:first-child {
		border-top: 0; 
	}

	
	.throw-score {
		padding: 20px 30px !important;
	}

	.download-disabled {
		margin-left: 0;
		margin-top: 20px;
	}

	.content {
		padding: 40px 0;
	} 
	.updates-main {
		padding-top: 0;
		padding-bottom: 10px;
	}

	.content-text,
	.content-img {
		width: 100%;
	}
	.content-text .button {
		margin-top: 0;
	}
	.updates-slider {
		margin: 20px 0 0 0 !important;
	}

	
	.pop-up .center {
		margin: 20px auto;
		width: 90%;
		padding: 0;
	}
	.pop-up .button {
		margin-right: 0;
		margin-top: 0;
		margin-bottom: 20px;
		width: 100% !important;
	}

	.game-info {
		width: 100%;
		border-right: 0;
	} 
	.player-statics-2, .game-info-2 {
		border-right: 0;
	}
	.finish-area .finish-gif {
		width: 100% !important;
	}
	.share-info {
	    padding: 0 30px;
	    width: 100% !important;
	    margin-top: 20px;
	    border: 0;
	}
	.share-score-center {
		width: 100%;
	}
	.finish-area .share-info h1 {
		line-height: 1;
		margin-bottom: 20px;
	}
	.finish-area .center-icons {
		width: 60%;
	}
	.finish-area .share-score-info h2 {
		width: 40%;
	}
	.finish-area .center-icons,
	.finish-area .share-score-info h2 {
		float: left;
		display: inline-block;
	}
	.finish-area {
		padding-top: 0px;
	}
	.finish-area .share-info .button {
		border: 2px solid rgb(255, 255, 255);
		padding: 15px 20px;
		margin-bottom: 20px;
		font-weight: bold;
	}
	.player-winner, .player-loser {
	    display: inline-block;
	    font-size: 22px;
	    line-height: 46px;
	    margin-right: 10px;
	}
	.share-icon-whatsapp {
		display: inline-block;
	}
	.finish-area .share-info .button {
		width: 100%;
	}

	.game-info h2 {
		font-size: 1.25rem;
		color: white;
		margin-bottom: 20px;
		text-transform: uppercase;
	}	
	.game-info-2 h2 {
		text-align: right;
	}
 	
 	.donate-form {
 		width: 100%;
 	}

	.partner-column {
		width: 100%;
	}
	.partner-column li {
		width: 100%;
	}
	.setting-item span {
		display: none;
	}
	#footer-wave {
		margin-top: 0;
	}
	footer {
		padding: 80px 0 0 0;
	}
	footer .footer-column-logo {
		width: 50%;
		padding: 40px 20px 40px 20px;
		border-radius: 55px 55px 0 0;
	}
	footer .copyright-link {
		font-size: 0.9rem;
	}

}
@media screen and (max-width: 320px) {
	main #start {
		padding: 20px;
	}
	main #start .player-names label {
		top: 22.5px;
	}
	main #start .player-names input {
		padding-top: 15px !important;
	}
	main #start .player-names:nth-child(2) input, main #start .player-names:nth-child(3) input {
		width: 88%;
	}
	main #start .player-names .input-remove {
		float: right;
	}
	main #start .player-names .input-remove .remove-user {
		margin-top: 15px;
	}
	main #start .game-number label {
		padding: 7.5px 0 !important;
	}
	main #start .game-number input:checked + label {
		padding: 7.5px 0 !important;
	}
	main #start .input select {
		padding: 10px 20px !important;
	}

	main #start .player-active input {
		padding-top: 25px !important;
		padding-bottom: 10px !important;
	}

	.two-players-game .input-score input {
		padding: 10px 0;
	}


}
@media screen and (max-width: 300px) {
	main #intro h1,
	.mobile-header .mobile-menu-section nav a,
	h1, .content h1,
	.home-explain-text h2,
	footer .footer-column h3 {
		font-size: 1.5rem;
		line-height: 2rem;
	}
	main #start .input label,
	main #start .game-number,
	main #start .input button, main #start .input input, main #start .input select, main #start .game-number, main #start .switch-field {
		width: 100%;
	}
	footer .footer-column:nth-child(2) {
		margin-top: 40px;
	}

}

@media screen and (min-width: 500px) and (max-width: 700px) { 
	.one-player-game .play-screen {
		padding-top: 120px;
	}

	.one-player-game .mobile-keyboard {
		margin-top: 20px;
	}

	.one-player-game .throw-info-1 {
		width: 50%;
		float: left;
		border-right: 2px dotted rgba(255, 255, 255, 0.2);
		margin-top: 0;
	}
	.one-player-game .to-throw {
		width: 100%;
	}
	.one-player-game .match-details {
		width: 95%;
		border-left: 0;
		float: left;
	}
	.one-player-game .legs, .one-player-game .sets {
		width: 100%;
		padding: 0 30%;
	}
	.one-player-game .input-scores {
		width: 48%;
		clear: none;
		margin-left: 2%;
		border-top: 0;
		margin-top: 0;
		padding: 7.5% 0 0 15%;
	}
	.one-player-game .input-score input {
		width:  100% !important;
	}
	.one-player-game .input-score-1 .reset {
		width: 100%;
	}

	.one-player-game .amount-player {
		font-size: 64px;
	}
	.one-player-game .player-name {
		margin-top: 20px;
	}
	.one-player-game .player-name {
		font-size: 18px;
	}
	.top-settings {
		display: none;
	}
	.one-player-game .mobile-header {
		border-bottom: 2px dotted rgba(255, 255, 255, 0.2);
	}
	.one-player-game .sets p, .one-player-game .legs p {
		margin-bottom: 0;
	}

	.active-throwing {
		width: 15px;
		height: 15px;
	}

	.one-player-game .match-details {
		border-top: 2px dotted rgba(255, 255, 255, 0.2);
		padding-top: 20px;
	}

	.one-player-game .match-mobile .legs {
		position: relative;
		transform: inherit;
		top: inherit;
		width: 100%;
	}
	.one-player-game .to-throw {
		border-right: 0;
	}
	.one-player-game .input-score-1 .reset {
		text-align: center;
	}

	
	.one-player-game .play-area {
		padding: 0 15%;
	}

	.two-players-game .play-area {
		padding: 0 15%;
	}
	.three-players-game .play-area {
		padding: 0 15%;
	}
	.four-players-game .play-area {
		padding: 0 15%;
	}
	
	.game-statics-title {
		width: 60%;
	}

	main #start {
		width: 80%;
		float: none;
		display: table;
		margin: 0 auto;
		margin-top: 0;
	}

	.game-statics-mob-columns {
		width: 50%;
		float: left;
	}

	.game-statics-mob-columns:nth-child(2) {
		display: inline-block;
		padding-left: 5%;
	}


} 
@media screen and (min-width: 400px) and (max-width: 450px) {
	footer .footer-column-logo {
	    width: 40%;
	    padding: 10% 5% !important;
	}
}



@media screen and (min-width: 400px) and (max-width: 700px) {
	footer .footer-column-logo {
		width: 40%;
		padding: 10% 7%;
	}

}
