.valz-sec-con-2 .valz-biginners {
    background-color: #51ac40;
    display: flex;
    align-items: center!important;
}



@media (max-width: 1024px) {
	.valz-section-3 {
	    margin: 50px auto;
	    width: 70%;
	}
}


@media	(max-width: 980px){
	.al-con-container {
	    width: 100%;
	    margin: 0 auto;
	}


	.valz-section-1 {
	    width: 100%;
	}


	.valz-section {
	    width: 100%;
	    margin-top: -9%;
	    padding-top: 53px;
	}

	.valz-section-b {
	    background-color: #f4f4f4;
	    width: 100%;
	    margin: 0 auto;
	    margin-top: -6%;
	    padding-top: 82px;
	    /* height: 200vh; */
	    /* padding-bottom: 60%; */
	}


	.valz-select-item {
	    width: 40.5%;
	    /* position: relative; */
	    position: fixed;
	    bottom: 0;
	    right: 0;
	    margin-right: 3.5%;
	    z-index: 100;
	}


	/* RED BOX TOP */
	.valz-sec-1-tp .valz-d1 {
	    margin-top: -88px;
	    background-image: url(../images/bgimages-1.png);
	    background-size: 100%;
	    height: 400px;
	    display: flex;
	}

	/* BOX INDEX */
		.valz-sec .valz-sec-con-1 .valz-win  .valz-win-d-2 .p2 {
		    font-size: 26px;
		    margin: 0;
		    padding: 0;
		    font-weight: bold;
		    height: 80px;
		}


	.valz-sec .valz-sec-con-1 .valz-win .valz-win-d-2 .p2 {
	    font-size: 26px!important;
	    font-weight: bold;
	    height: 80px!important;
	}
	/* END BOX INDEX */




	/* HOW TO BOX */
	.valz-sec-con-2 .valz-biginners {
	    background-color: #51ac40;
	    display: flex;
	    align-items: center!important;
	}


	.valz-sec-con-2 .valz-biginners .valz-d-2 {
	    width: 20%;
	    text-align: center;
	    padding: 0px!important;
	}



	.al-progress-bar .d1 {
	    text-align: center;
	    background-color: #FCD44A;
	    padding-top: 30px;
	    padding-bottom: 30px;
	    margin: 0 auto;
	    border-radius: 2px;
	    margin-top: -70px!important;
	}

	.valz-box .valz-win-d-5 a {
	    background-color: #ed462f;
	    border: none;
	    width: 30%;
	    color: white;
	    padding: 5px 20px!important;
	    font-size: 180%;
	    text-decoration: none;
	}

}



@media (max-width: 780px) {
	.al-land-page {
	    border: 1px solid transparent;
	    height: 600px;
	    text-align: center;
	    background-image: linear-gradient( rgba(20,20,20, .5), rgba(20,20,20, .5)), url(../images/al-bg.jpeg);
	    background-position: center center;
	    margin-top: -80px!important;
	    background-size: cover;
	}
}




@media (max-width: 414px){

		/* INDEX PAGE */
		.al-land-page .al-lp .d2 {
		    font-size: 50px;
		}


		.al-land-page {
		    border: 1px solid transparent;
		    margin-top: -33px;
		}


		.al-progress-bar .d1 .d1a {
		    font-size: 18px;
		    font-weight: bold;
		}

		.valz-sec {
		    /* width: 100%; */
		    width: 80%;
		    /* width: 65%; */
		    margin: 0 auto;
		    margin-top: 88px;
		    margin-bottom: 88px;
		    margin: top;
		}

		.valz-sec-con-3 .valz-title-row {
		    display: flex;
		    flex-direction: column;
		    justify-content: space-between;
		}


		.valz-sec-con-2 .valz-biginners .valz-d-2 {
		    width: 0%;
		    text-align: center;
		    padding: 0px!important;
		}

		.valz-sec-con-2 .valz-biginners .valz-d-2 a {
		    font-size: 50px!important;
		    color: black;
		    text-decoration: none;
		}



		/* BOX INDEX */
		.valz-sec .valz-sec-con-1 .valz-win  .valz-win-d-2 .p2 {
		    font-size: 26px;
		    margin: 0;
		    padding: 0;
		    font-weight: bold;
		    height: 80px;
		}


		.valz-sec .valz-sec-con-1 .valz-win .valz-win-d-2 .p2 {
		    font-size: 26px!important;
		    font-weight: bold;
		    height: 80px!important;
		}
		/* END BOX INDEX */

		/* END INDEX PAGE */


		.valz-sec-1-tp .valz-d1 {
		    margin-top: -89px;
		    background-size: 100%;
		    height: 400px;
		    display: flex;
		    flex-direction: column;
		}

	    .valz-section-1 {
		    width: 100%;
		    height: 490px;
		}


	.valz-sec-1-tp .valz-d1 .valz-d1a {
	    color: white;
	    width: 100%;
	    text-align: center;
	    margin: auto 0;
	}

	.valz-sec-1-tp .valz-d1 .valz-d1b {
	    background-color: white;
	    width: 100%;
	    margin: 0;
	    padding: 20px;
	}


	  #grid-select-tickets.valz-d1a {
		    display: grid!important;
		    grid-template-areas:
		        'b1 b2 b3 b4'
		        'b5 b5 b5 b5';
		    grid-auto-columns: 100px;
		    grid-row-gap: 10px;
		    padding: 0px;
		    margin: 0px;
		    /* grid-column-gap: 0px!important; */
		}


	    button#val-dis-1 {
	        grid-area: b1;
	        width: 100%;
	    }

	    button#odd {
	        grid-area: b2;
	        width: 100%;
	    }

	    button#even {
	        grid-area: b3;
	        width: 100%;
	    }


	    button#val-dis-2 {
	        grid-area: b4;
	        width: 100%;
	    }


	    .input-group.val-input-box {
	        grid-area: b5;
	        width: 100%!important;
	    }



	    .valz-select-item {
		    width: 100%;
		    /* position: relative; */
		    position: fixed;
		    bottom: 0;
		    right: 0;
		    margin-right: 0;
		    z-index: 100;
		}




		/* BUTTONS */
		.valz-sec-2-select .d3 .d3a .p1 .p2 {
		    height: 60px;
		    width: 132px;
		    background-color: white;
		    border: #ced4da solid 2px;
		    margin: 7% 5%;
		    text-align: center;
		    font-size: 15px;
		    text-align: center;
		    font-size: 25px;
		    padding: 9px 0;
		}

}


@media (max-width: 411px) {
	.valz-sec-2-select .d3 .d3a .p1 .p2 {
	    height: 60px;
	    width: 130px;
	}
}


@media (max-width: 375px) {
	.valz-sec-2-select .d3 .d3a .p1 .p2 {
	    height: 60px;
	    width: 119px;
	}


	#grid-select-tickets.valz-d1a {
	    grid-auto-columns: 76px;
	    grid-row-gap: 10px;
	}
}



@media (max-width: 360px) {
	.valz-sec-2-select .d3 .d3a .p1 .p2 {
	    height: 60px;
	    width: 115px;
	}
}


@media (max-width: 320px) {
	.valz-sec-2-select .d3 .d3a .p1 .p2 {
	    height: 60px;
	    width: 102px;
	}
}