@media screen and (min-width:360px) and (max-width:767px){
    .desktop,.ipad-mini-2,.ipad-mini-4{
        display:none;
    }

/* Android - 4 */
.android-4{
position: relative;
width: 360px;
height: 658px;

background: #FFFFFF;
}

/* Which of these activities you are interested in? */
.activities-apply{
position: absolute;
width: 312px;
height: 70px;
left: 24px;
top: 160px;

font-family: Jost;
font-style: normal;
font-weight: 500;
font-size: 24px;
line-height: 35px;
letter-spacing: -0.02em;

color: #06194B;

}

/* Group 1228 */
.group-1228{
position: absolute;
width: 312px;
height: 8px;

}


/* Rectangle 293 */
.rectangle-293{
position: absolute;
width: 59px;
height: 8px;
left: 24px;
top: 120px;

background: #E6FC5D;
}

/* Rectangle 295 */
.rectangle-295{
position: absolute;
width: 59px;
height: 8px;
left: 87.25px;
top: 120px;

background: #CDD1DB;
}

/* Rectangle 296 */
.rectangle-296{
position: absolute;
width: 59px;
height: 8px;
left: 150.5px;
top: 120px;

background: #CDD1DB;
}

/* Rectangle 297 */
.rectangle-297{
position: absolute;
width: 59px;
height: 8px;
left: 213.75px;
top: 120px;

background: #CDD1DB;
}

/* Rectangle 298 */
.rectangle-298{
position: absolute;
width: 59px;
height: 8px;
left: 277px;
top: 120px;

background: #CDD1DB;
}

/* Select all that apply. */
.all-that-apply{
position: absolute;
width: 312px;
height: 23px;
left: 24px;
top: 246px;

font-family: Jost;
font-style: normal;
font-weight: 300;
font-size: 16px;
line-height: 23px;

color: #06194B;
}


/* Group 1235 */
.group-1235{
position: absolute;
width: 312px;
height: 136px;
left: 24px;
top: 301px;
}


/* Group 1232 */
.group-1232{
position: absolute;
width: 312px;
height: 40px;
left: 24px;
top: 301px;
}


/* Find Practice Partners */
.find-practice-parnter{
position: absolute;
width: 264px;
height: 23px;
left: 72px;
top: 310px;

font-family: Jost;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 23px;

color: #06194B;
}





/* Rectangle 316 */
.rectangle-316{
position: absolute;
width: 40px;
height: 40px;
left: 24px;
top: 301px;

background: #C4C4C4;
}

/* Subtract */
.subtract{
position: absolute;
width: 24px;
height: 24px;
left: 32px;
top: 309px;

background: #94C4E5;
}

/* Rectangle 312 */
.rectangle-312{
position: absolute;
width: 24px;
height: 24px;
left: 32px;
top: 309px;

background: #C4C4C4;
}

/* Vector 5 */
.vector-5{
position: absolute;
width: 14px;
height: 9px;
left: 37px;
top: 317px;

border: 2.4px solid #FFFFFF;
box-sizing: border-box;
}

/* Group 1233 */
.group-1233{
position: absolute;
width: 312px;
height: 40px;
left: 24px;
top: 349px;
}



/* Playing Matches */
.playing-matches{
position: absolute;
width: 264px;
height: 23px;
left: 72px;
top: 358px;

font-family: Jost;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 23px;

color: #06194B;

}

/* Mask Group */
.mask-group2{
position: absolute;
width: 40px;
height: 40px;
left: 24px;
top: 349px;

}

/* Rectangle 321 */
.rectangle-321{
position: absolute;
width: 40px;
height: 40px;
left: 24px;
top: 349px;

background: #C4C4C4;
}

/* Rectangle 313 */
.rectangle-313{
position: absolute;
width: 24px;
height: 24px;
left: 32px;
top: 357px;

border: 2.4px solid #9BA3B7;
box-sizing: border-box;
}

/* Group 1234 */
.group-1234{
position: absolute;
width: 312px;
height: 40px;
left: 24px;
top: 397px;
}


/* Joining a Challenge Ladder */
.joining-challenge-ladder{
position: absolute;
width: 264px;
height: 23px;
left: 72px;
top: 406px;

font-family: Jost;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 23px;

color: #06194B;
}


/* Mask Group */
.mask-group3{
position: absolute;
width: 40px;
height: 40px;
left: 24px;
top: 397px;
}


/* Rectangle 321 */
.rectangle-321{
position: absolute;
width: 40px;
height: 40px;
left: 24px;
top: 397px;

background: #C4C4C4;
}

/* Rectangle 313 */
.rectangle-313{
position: absolute;
width: 24px;
height: 24px;
left: 32px;
top: 405px;

border: 2.4px solid #9BA3B7;
box-sizing: border-box;
}

/* Group 1241 */
.group-1241{
position: absolute;
width: 360px;
height: 64px;
left: 0px;
top: 0px;
}


/* Mask Group */
.mask-group4{
position: absolute;
width: 360px;
height: 64px;
left: 0px;
top: 0px;

}

/* Rectangle 372 */
.rectangle-372{
position: absolute;
left: 0%;
right: 0%;
top: 0%;
bottom: 90.27%;

background: #59A1D2;

}
/* Group 1227 */
.group-1227{
position: absolute;
width: 54.55px;
height: 36px;
left: 24px;
top: 16px;
}


/* Group 23 */
.group-23{
position: absolute;
width: 30.49px;
height: 36px;
left: 48.05px;
top: 16px;

}

/* All Play */
.all-play{
position: absolute;
width: 30.49px;
height: 36px;
left: 0px;
top: 16px;


}
.ellipse-13-img{
    display:none;
}

/* Group 24 */
.group-24{
position: absolute;
width: 20.75px;
height: 31.74px;
left: 24px;
top: 16px;
}


/* Union */
.union{
position: absolute;
width: 20.75px;
height: 31.74px;
left: 24px;
top: 16px;


}

/* Log In */
.log-in{



position: absolute;
width: 50px;
height: 32px;
left: 286px;
top: 16px;

font-family: Jost;
font-style: normal;
font-weight: 500;
font-size: 18px;
line-height: 32px;

/* identical to box height, or 178% */

color: #06194B;

}

/* Group 1231 */
.group-1231{
position: absolute;
width: 54.55px;
height: 36px;


}


/* Group 23 */
.group-23{
position: absolute;
width: 30.49px;
height: 36px;
left: 20px;
top: 16px;
}


/* All Play */
.all-lay-2{
position: absolute;
width: 30.49px;
height: 36px;
left: 48.05px;
top: 16px;

background: #06194B;
}

/* Group 24 */
.group-24{
position: absolute;
width: 20.75px;
height: 31.74px;
left: 24px;
top: 16px;
}


/* Ellipse 13 */
.ellipse-13{
position: absolute;
width: 5.57px;
height: 5.57px;
left: 24.42px;
top: 23.8px;

background: #E6FC5D;


}
/* Union */
.union{
position: absolute;
width: 20.75px;
height: 31.74px;
left: 24px;
top: 16px;


}

/* Group 1239 */
.group-1239{
position: absolute;
width: 312px;
height: 28px;



}


/* Group 1237 */
.group-1237{
position: absolute;
width: 48.66px;
height: 17px;


}


/* Back */
.back{
position: absolute;
width: 27px;
height: 17px;
left: 45.66px;


font-family: Jost;
font-style: normal;
font-weight: 600;
font-size: 12px;
line-height: 17px;

color: #06194B;
}


/* Vector 9 */
.vector9{
position: absolute;
width: 5.66px;
height: 11.31px;
left: 74px;

z-index: 100;



box-sizing: border-box;
}

/* Group 1238 */
.group-1238{
position: absolute;
width: 120px;
height: 28px;
left: 216px;

}


/* Rectangle 283 */
.rectangle-283{
position: absolute;
width: 120px;
height: 28px;



background: #94C4E5;
}

/* Group 1236 */
.group-1236{
position: absolute;
width: 47.66px;
height: 17px;


}


/* Group 1144 */
.group-1144{
position: absolute;
width: 26px;
height: 17px;
left: 39px;

z-index:100;
}


/* Next */
.next{
position: absolute;
width: 26px;
height: 17px;
top:6px;


font-family: Jost;
font-style: normal;
font-weight: 600;
font-size: 12px;
line-height: 17px;

color: #06194B;
}


/* Vector 9 */
.vector-9-2{
position: absolute;
width: 5.66px;
height: 11.31px;

top:-6px;




box-sizing: border-box;

}

/* Group 1246 */
.group-1246{
position: absolute;
width: 360px;
height: 658px;
left: 0px;
top: 569px;

}
.mask-group{
    position: absolute;
width: 360px;
height: 64px;
left: 0px;
top: 0px;
}
.mask-group-2{
    position: absolute;
width: 360px;

left: 0px;
top: 569px;


}

/* Mask Group */
.mask-group5{
position: absolute;
width: 360px;
height: 658px;
left: 0px;
top: 569px;
}


/* Rectangle 374 */
.rectangle-374{
position: absolute;
width: 360px;
height: 658px;
left: 0px;
top: 569px;

background: #C4C4C4;
}

.group-1205{
    /* Group 1205 */

position: absolute;

}
.desktop-img,.ipad-img{
    display:none;
}


/* Group 1193 */
.group-1193{
position: absolute;

left: -126px;
top: 193px;
}


/* 95A808E1-8954-41BF-A539-1494057D985F-auto-x2-colored-toned-light-ai 2 4 */
/*
position: absolute;
width: 1083.84px;
height: 1129px;
left: 957.84px;
top: 193px;

background: url(95A808E1-8954-41BF-A539-1494057D985F-auto-x2-colored-toned-light-ai 2.png);
transform: matrix(-1, 0, 0, 1, 0, 0);
*/

/* Ellipse 26 */
.ellipse-26{
position: absolute;
width: 124.94px;
height: 124.19px;
left: 167.54px;
top: 676.21px;

background: rgba(230, 252, 93, 0.24);

}
/* Vector 10 */
.vector-10{
position: absolute;
width: 360.9px;
height: 205.48px;
left: 596.94px;
top: 193px;

background: rgba(6, 25, 75, 0.76);
}

/* Vector 13 */
.vector-13{
position: absolute;
width: 141.48px;
height: 94.31px;
left: 199.15px;
top: 731.91px;

background: rgba(6, 25, 75, 0.24);
}

/* Let us know a few things about yourself so we can best match you with other players. */
.let-us-know-mobile{
position: absolute;
width: 312px;
height: 46px;
left: 24px;
top: 593px;

font-family: Jost;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 23px;
letter-spacing: -0.02em;

color: #FFFFFF;
z-index:100;
}
.mg-1237{
    cursor: pointer;
}

}