@media (min-width: 481px) and  (max-width: 620px) { 
.btn-sec{display: flex;}
.btn-sec a img {max-width: 100%;}
.click p {font-size: 19px;}
.timer {padding: 0px 5px;}
.timer h2 {font-size: 50px;}
.congratulations-content h2 {font-size: 35px; line-height: 42px;}
.congratulations-content h3 {font-size: 24px;line-height: 32px;}
.popup-hint {min-height: auto;}
}
@media (min-width: 320px) and  (max-width: 480px) { 
.logo-img img {max-width: 200px;margin-bottom: 10px;}
.puzzle-text-img img {max-width: 90%;}
.splash-title h1 {font-size: 20px;line-height: 30px;}
.splash-title {margin: 15px 0 45px;}
.terms {margin:60px 0 0px;}
.splash-content {padding: 66px 0px 62px;}
.intro-content h1{font-size: 32px;}
.intro-content h3 {font-size: 16px;line-height: 20px;max-width: 92%;}
.introduction-container {padding: 35px 0px 50px;}
.puzzle-text-img2 img {max-width: 80%;}
.header-content h4 { font-size: 20px;}
.top-header { padding: 20px 0 24px;}
.click p {font-size: 15px;}
.click {padding: 10px 10px;	}
.timer h2 {font-size: 38px;line-height: 62px;}
.top-pop-hdr h2 {padding: 0px 0 8px;font-size: 27px;line-height: 27px;margin: 14px 0 10px;}
.close-icon {right: 14px;}
.congratulations-content h2 {font-size: 20px;line-height: 22px;}
.congratulations-content{padding:10px;}
.game-container {padding: 15px;}
.play-box {padding: 12px 12px 8px;margin: 12px 0;}
.form-row label {font-size: 16px;height: 36px;line-height: 36px;}
.form-row input {height: 36px;}
.congratulations-content h3 {margin: 10px 0px;font-size: 15px;line-height: 22px;}
.sub-btn {padding: 6px 46px;font-size: 17px;border-radius: 80px;height: 42px;line-height: 34px;}
.btn-sec{display: flex;}
.btn-sec a img {max-width: 100%;}
.game-page {padding-bottom: 15px;}
ul.play-list li {width: 31%;}
.hnt-btm h3 {font-size: 13px;max-width: 90%;margin: 0 auto}
.top-pop-hdr h3{font-size: 18px;}
.popup-hint {min-height: auto;}
}
@media screen and (min-width: 414px) and (max-width: 600px){
.jqPuzzle {
    width: 100%!important;
}
.game-container {
    padding: 15px 8px;
    width: 100%;
}
.play-box {
    padding: 12% 7px 28px;
}
}
/*@media screen and (min-width: 361px) and (max-width: 480px) {
.modal-open .modal {
    top: 35%;
    width: 94%;
    margin: 0 auto;
}
}
@media screen and (min-width: 320px) and (max-width: 360px) {
	.modal-open .modal {
    top: 33%;
    width:100%;
    margin: 0 auto;
}
}*/