/**RESPONSIVE CSS STYLESHEET***/

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

}

@media screen and (max-width: 991px)
{
	.score-board-main .col-md-9 {width: 100%;}

	.score-board-main .col-md-3 {width: 50%; margin: 20px 0;}
}


@media (min-width: 768px)
{
	.score-board-main .col-md-5 {width: 45.666667%;}

	.lideras-page .container {max-width: 940px;}
}

@media screen and (max-width: 767px)
{
	.group-score-phase-main .score-table {overflow: auto;}

	.group-score-phase-main table th, .group-score-phase-main table td {min-width: 115px;}

	.goal-list p br {display: none;}

	.formn-main {gap: 20px}

	.goal-list.middle {padding: 10px; text-align: center;}

	.stage-part {padding: 40px 0;}

	h1 {font-size: 55px;}

	.q-page-01 h1 {padding-right: 20px;}

	.q-page-01 {background-image: url(../images/page-01/m-bg-1.png); min-height: 100%;}

	.centered-page.q-page-02 {background-image: url(../images/page-02/m-bg-2.png); align-items: flex-start;}

	.quiniela-colores-bg-flex {align-items: flex-start;}

	.quiniela-colores-bg-flex .container {padding: 0 20px;}

	.quiniela-flex {width: 100%}

	.quiniela-colores-logo {display: none;}

	.quiniela-colores-form {width: 100%; margin-top: 80px;}

	.gorm-group input[type="email"], .gorm-group input[type="number"] {padding: 8px 20px; font-size: 20px; max-width: 170px;}

	.quiniela-colores-form p {font-size: 18px;}

	.q-page-03 {background-image: url(../images/page-03/m-page-03.png);}

	.select-profile .blue {font-size: 16px;}

	.profile-center {gap: 60px;}

	.q-page-04 {background-image: url(../images/page-04-profile/m-page-04.png)}

	.q-page-05 {background-image: url(../images/page-05-my-score/m-page-05.png)}

	.score-bg {width: 100px; height: 100px;}

	.score-bg h3 {font-size: 35px;}

	.score-board-main .col-md-3 {width: 100%;}

	.score-board-main .col-md-9 .row {justify-content: center; gap: 20px;}

	.upper-heading {padding: 0 10px}

	.score-board-main p.blue {margin: 0 0 20px 0; font-size: 18px;}

	.lideras-total {gap: 20px;}

	.head-c p {font-size: 18px;}

	.score-table table td p:not(.score-table table td .country p), .score-table table td p:not(.score-table table td .country p) {min-height: 58px;}

	.country {min-height: 58px;}

	.score-table table td p {padding: 2px}

	.score-table {overflow: auto;}

	.score-board-main {margin: 0 0 50px 0;}

	.ranking-heading h2 {min-width: 300px; width: auto; padding: 14px 20px; font-size: 20px; border: none;}

	.q-page-09 {background-image: url(../images/page-09-group-qualifying/bg-page-09.png); min-height: unset; height: 100%;}

	.g-q-btns {min-width: 100%; font-size: 18px; gap: 20px;}

	.g-q-btns img {max-width: 30px;}

	.goal-list p {font-size: 12px}

	.qiniela-flex h2 {font-size: 15px; margin: 0 0 40px 0;}

	.qiniela-flex .col-md-3 {width: 45%;}

	.second .quiz-part-main .form-group:before {display: none;}

	.qiniela-flex .col-md-3:nth-child(3) {margin: 80px 0 0;}

	.quiz-part-main .form-group:before {right: -35px; width: 35px;}

	.qiniela-flex .col-md-3:last-child .card-box:before {left: -46px; width: 46px;}

	.qiniela-flex.row {overflow: hidden}

	.quiz-part-main .form-group:after {right: -100px;}

	.quinella-heading h3 {font-size: 16px;}

	.card-box {padding: 6px 10px;}

	.third .quiz-part-main .input-group:before {right: -100px;}

}

@media screen and (max-width: 480px)
{
	.quiniela-colores-right {padding-right: 10px; max-width: 200px;}

	h1 {font-size: 28px;}

	.quiniela-colores-right h3 {font-size: 16px;}

	a.btn {min-width: 100%; min-height: 50px; font-size: 16px;}

	.lideras-total {flex-direction: column;}

	.upper-heading p {font-size: 14px}

	.group-final .stage-part {padding: 5px 0;}

}