@media only screen and (max-width: 414px) {
	#mod-ruteBubbleChat .modal-content, #mod-end .modal-content{
		/*height: 244px;*/
		height: 293px;
		
	}
}
@media(max-width: 767px) {
	.hadiah-img {
	    bottom: 15px;
	}
	.hom-pad{
		padding: 0px;
	}

	.notif{
		padding-top: 0px;
	}

	.joni {
		bottom: 0px;
		left: -1px;
		width: 110px;
	}
	.joni-cha{
		bottom: 0px;
		left: -1px !important;
		width: 110px !important;
	}
	 .av-home .xs-open-nav{
		transform: translateX(200px) !important;
	}
	.credit{
		height: 25px;
		padding: 6px 3px 0px 0px;
		font-size: 10px;
	}
	.home-content {
		transform: translateY(-20px);
	}
	.home-content .logo {
		width: 200px;
	}
	.home-content .big {
		font-size: 35px;
		line-height: normal;
		margin-top: 10px;
		margin-bottom: 0px;
	}
	.home-content .small {
		font-size: 18px;
		line-height: normal;
	}
	.btn-green {
		background-image: url('../images/btn-green-small.png');
		/*background-size: cover;
		background-position: center;*/
		margin: 0px 0px 5px 0px;
		display: inline-block;
		min-width: 158px;
		font-size: 23px;
		padding-top: 14px;
	}

	.btn-red{
		background-image: url('../images/btn-red.png');
	}

	.left-nav ul {
		margin-top: 10px;
	}
	.menu-toggle {
		top: 0px;
		left: 0px;
	}
	.joni-rute {
		left: 29px;
	}
	.bubble-chat {
		left: 5px;
	}
	.usercard {
		top: 5px;
		left: 50px;
	}
	.poincard {
		right: 10px;
		top: 5px;
	}
	.usercard .img-cont, .poincard .num {
		width: 40px;
		height: 40px;
		padding: 2px;
	}
	.poincard .num {
		font-size: 17px;
		padding-top: 4px;
	}
	.usercard .img-cont img {
		border-width: 2px;
	}
	.usercard .name, .poincard label {
		left: 21px;
		padding: 2px 25px 2px 30px;
		font-size: 15px;
		top: 5px;
	}
	.poincard label {
		left: auto;
		right: 21px;
		padding: 2px 30px 2px 25px;
	}
	.challenge-content {
		height: auto;
		padding: 0px 15px 20px 15px;
		width: 90%;
		margin-top: 80px !important;
	}
	.challenge-content .title {
		font-size: 25px;
		margin: 0px 0px 5px 0px;
	}
	.challenge-content .soal {
		font-size: 14px;
	}
	.challenge-content .soal .num {
		padding-top: 4px;
		width: 25px;
		height: 25px;
		font-size: 10px;
	}
	.challenge-content .jawaban-list {
		padding-left: 35px;
		font-size: 14px;
	}
	.challenge-content .sec-title span {
		font-size: 30px;
		width: 250px; 
		background-image: url('../images/challenge-title.png');
		height: 59px;
		padding-top: 8px;
	}
	.challenge-content .sec-title {
		margin: -24px 0px 20px 0px;
	}
	.challenge1-bg .joni {
		width: 80px;
		right: 10px;
	}
	.soal-indicator {
		padding-left: 0px;
		padding-right: 0px;
		margin-top: 21px !important;
	}
	.challenge-content .soal {
		padding-left: 35px;
	}
	.soal-type2 .content {
		font-size: 16px;
		line-height: normal;
		padding: 0px;
	}
	.kardus {
		display: none;
	}
	.challenge-content {
		min-height: 0px;
		margin-bottom: 110px !important;
	}
	.challenge-content .joni {
		width: 80px !important;
		left: 10px !important;
	}
	#mod-ruteBubbleChat .modal-content, #mod-end .modal-content{
		/*height: 244px;*/
		height: 296px;
		padding: 0px 15px 32px 25px;
	}
	.home-content.video {
		transform: translateY(0px);
		padding-top: 50px;
		padding-bottom: 200px
	}
	.home-content.video .big {
		margin-bottom: 30px !important;
		margin-top: 0px;
	}
	.video-list .video-item {
		width: 280px;
		height: 192px;
		margin: 0px 0px 40px 0px;
	}
	.video-cta {
		font-size: 28px;
		line-height: normal;
	}
	.video-cta .btn {
		clear: both;
		margin: 20px 0px 10px 0px;
	}
	.leaderboard-content {
		padding: 50px 15px;
	}
	.leaderboard-content .logo {
		width: 275px;
	}
	.leaderboard-inner .list {
		padding-left: 30px;
	}
	.leaderboard-inner .list .name {
		/*height: 38px;
		width: 250px;
		padding-left: 15px;
		font-size: 16px;*/
		height: 34px;
		width: 245px;
		padding-left: 36px;
		font-size: 16px;
		padding-top: 4px;
	}
	.leaderboard-inner .list .num {
		/*width: 45px;
		height: 43px;
		padding-top: 7px;
		font-size: 14px;*/
		width: 45px;
		height: 43px;
		padding-top: 8px;
		font-size: 17px;
	}
	.mekanisme-content {
		padding-left: 15px;
		padding-top: 0px;
		font-size: 14px;
	}

	.mekanisme-content h3,.mekanisme-content h4 {
		font-weight: 700;
		margin-bottom: 0px;
	}
	.mekanisme-content h3 {
		font-size: 21px;
	}
	.mekanisme-content h4 {
		font-size: 19px;
	}
	.challenge-content .joni-mekanisme {
		left: 15px !important;
		bottom: 10px !important;
	}
	.hadiah .home-content .big {
		font-size: 30px;
	}
	.hadiah-img img {
		width: 300px;
	}
	.btn-signupfb {
		width: 100%;
	}
	.mod-text{
		padding-top: 0px !important;
	}
}
@media(max-width: 374px) {
	.mod-text{
		margin-top:-35px;
	}
}