.wicket-mob{
	display:none;
}
.title-mob{
	display:none;
}
@media only screen and (max-width: 1024px){
	body{
		background-image: url("../_images/main-background-1024.jpg");
		background-position: center 25px;
	}
	main{
		width:685px;
	}
	.prediction-container {
		background-image: url("../_images/prediction-container-720.png");
		width: 637px;
		height: 529px;
		margin-top:305px;
		padding:119px 0px 0px;
	}
	.header-title span.title {
		font-size: 65px;
	}
	body.bd .header-title span.title ,
	body.bg .header-title span.title ,
	body.te .header-title span.title {
		font-size: 50px;
	}
	.wicket-counter-wrap {
		right: 0;
		left: 0;
	}
	.tooltip-text {
		padding: 3px 0px 1px 0px;
		font-size: 8px;
		width: 80px;
	}
	.col-left .col-title, .col-right .col-title {
		display:none;
	}
	.col-left{
		margin:0px;
		margin-right: 45px;
	}
	.col-right{
		margin:0px;
		margin-left: 90px;
	}
	.col-wicket{
		display:none;
	}
	.advanced-column{
		position:absolute;
		top: 265px;
		right: 0;
		left: 0;
	}
	.spacer-35 {
		height: 62px;
		padding-top:14px;
	}
	.wicket-mob{
		display:block;
	}
	.advanced-column .spacer {
		height: 16px;
	}
	div.match.finals {
		top: 123px;
	}
	div.match.finals .team {
		width: 150px;
		height: 41px;
	}
	div.match.finals .team img {
		width: 69px;
		height: 41px;
	}
	.prediction-container .btn{
		position: absolute;
		bottom: 17px;
		left: 0;
		right: 0;
		width: fit-content;
		margin: 0 auto;
		font-size: 28px;
	}
	.title-mob{
		display:block;
		display: block;
		position: absolute;
		margin: 0 auto;
		left: 0;
		right: 0;
		padding-top: 58px;
		font-size:20px;
	}
	.bottom-cta-wrap .cta-btn {
		font-size: 13px;
		margin: 4px 5px;
		padding-top: 19px;
		padding-left: 40px;
	}
	.bottom-cta-wrap .cta-btn-timer ,
	.bottom-cta-wrap .cta-btn-htp {
		width:200px;
		height:61px;
		background-size: contain !important;
	}
	.bottom-cta-wrap .cta-btn-tnc {
		width:200px;
		height:61px;
		background-size: contain !important;
	}
	body.te .bottom-cta-wrap .cta-btn {
		font-size: 9px;
		padding-top: 23px;
	}
	.tooltip-mob {
		display:block;
	}
	.hover-1 {
		top: 3px;
		left:18px;
	}
	.hover-4 {
		top: 88px;
		left:18px;
	}
	.hover-2 {
		top: 3px;
		right:18px;
	}
	.hover-3 {
		top: 88px;
		right:18px;
	}
	.team-hover-1, .team-hover-2 {
		top: 45px;
	}
	.team-hover-3 {
		top: 184px;
	}
}
@media only screen and (max-width: 696px){
	body.te .bottom-cta-wrap .cta-btn {
        font-size: 12px;
    }
	main {
		width: 637px;
	}
	.prediction-container {
		margin-top:320px;
	}
	.header-title span.title {
		font-size: 57px;
	}
	.header-title span.desc {
		font-size: 27px;
	}
	.bottom-cta-wrap{
		width: 400px;
		margin: 16px auto;
	}
	.lbox{
		width:90%;
	}
	.lbox-loading {
		width: 143px;
	}
	.lbox-terms, .lbox-htp, .lbox-timer{
		padding: 55px 15px 25px 15px;
	}
	.lbox-submit, .lbox-success {
		padding: 20px 15px 15px 15px;
	}
	.lbox .btn {
		color: #af0000;
		font-size: 15px;
	}
	.lbox img.lbox-logo{
		width: 186px;
	}
	.lbox{
		font-size: 14px;
	}
	.lbox .timer-wrap div {
		margin: 10px 2px;
	}

	.bottom-cta-wrap .cta-btn {
        font-size: 16px;
    }

	.bottom-cta-wrap .cta-btn-timer, .bottom-cta-wrap .cta-btn-htp {
        width: 250px;
    }

	.bottom-cta-wrap .cta-btn-tnc {
        width: 250px;
    }
}
@media only screen and (max-width: 637px){

	main {
		width: 600px;
	}

	.prediction-container {
        width: 100%;
    }
	
}

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

	main { 
		width: 480px;
	}

	body {
        background-position: center 45px;
    }

	.col-left {
        margin-right: 10px;
    }

	.prediction-container {
		border-radius: 8px;
        border: 1px solid white;
		height: 521px;
		background-position: center -1px;
		margin-top: 370px;
	}

}

@media only screen and (max-width: 500px){
	#submit-form input {
		width: 90%;
	}

}

@media only screen and (max-width: 480px){
	body{
		background-image: url("../_images/main-background-600.jpg");
		background-position: center 4px;
	}

	.prediction-container {
        margin-top: 290px;
    }

	main { 
		width: 320px;
	}

	.header-title span.title {
		font-size: 50px;
		line-height: 49px;
	}
	body.bd .header-title span.title ,
	body.bg .header-title span.title ,
	body.te .header-title span.title {
		font-size: 37px;
	}
	.header-title span.desc {
		font-size: 14px;
	}

	.wicket-counter-wrap {
		top: 7px;
	}
	.wicket-counter {
		background-size:cover !important;
		width: 57px;
		height: 57px;
		font-size: 24px;
		padding-top: 16px;
	}
	.wicket-counter-wrap span {
		font-size: 10px;
		margin-top: 17px;
		margin-right: 0px;
	}
	.col-left {
		margin-right: 13px;
	}
	.col-right {
		margin-left: 13px;
	}
	.team {
		width: 95px;
		height: 20px;
		border-radius: 1px;
		padding: 0px 2px;
	}
	.team-advanced {
		background-size:contain;
		width: 24px;
		height: 28px;
	}
	.col-left .team-advanced {
		left: -17px;
		top: -4px;
	}
	.col-right .team-advanced {
		right: -17px;
		top: -4px;
	}
	.team img {
		margin-top: 3px;
		width:24px;
		height:14px;
	}
	.team span {
		width: 60px;
		margin-top: 7px;
		font-size: 9px;
	}
	.advanced-column .team.winner {
		width: 110px;
	}
	.wicket-options {
		width: 20px;
		height: 20px;
		border-radius: 1px;
		font-size: 12px;
		padding-top: 4px;
	}
	.team-advanced ul, .wicket-options ul {
		top: 30px;
	}
	.col-title {
		font-size: 15px;
	}
	.title-mob {
		padding-top: 0px;
		position: relative;
		margin-bottom: 20px;
	}
	.prediction-container .btn {
		font-size: 16px;
		bottom: 16px;
	}
	.spacer-35 {
		height: 51px;
		padding-top: 16px;
	}
	.advanced-column {
		top: 267px;
	}
	.advanced-column .wicket-options {
		margin: 7px auto;
		display:block;
	}
	.advanced-column .spacer {
		height: 14px;
	}
	div.match.finals {
		top: 117px;
	}
	div.match.finals .team {
		width:90px;
		height: 23px;
	}
	div.match.finals .team img {
		width: 39px;
		height: 23px;
	}
	div.match.finals .team span {
		width: 100%;
		font-size: 10px;
	}
	.tooltip-text {
		padding: 2px 0px 0px 0px;
		font-size: 7px;
		width: 64px;
	}
	.tooltip-3 {
		width:65px;
		margin: 0 auto;
		display:none;
	}
	.tooltip-3 img {
		margin:unset;
	}
	.tooltip-3 .tooltip-text {
		margin-top: -10px;
	}
	.tooltip-mob {
		left: -36px;
		width: 72px;
		top: 17px;
	}
	.tooltip-2.tooltip-mob {
		right: -36px;
	}
	.tooltip-hover{
		display:none !important;
	}

	.bottom-cta-wrap {
        width: 300px;
    }
}