.container {
	max-width: 500px !important;
	height: 100%;
	margin: 0 auto;
}
body {
	
	padding: 0 !important;
    overflow: hidden;
}
.alphabet_bg {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	height: 100vh;
}

.f-white {
	color: #fff;
}

.q_source, .ans_source {
    margin-top: 20px;
    margin-bottom: 0px;
    font-size: 11px;
    line-height: 14px;
}
.q_source > a, .ans_source > a {
	color: #fff;
}

.answer_box_txt > ul > li::marker {
    color: #fff;
    font-size: 20px;
}

.list_scroll {
	list-style: square;
	max-height: 280px;
	overflow: scroll;
	overflow-y: scroll;
	text-align: left;
	overflow-x: auto;
	font-size: 18px !important;
    padding-right: 5px !important;
}
.list_scroll::-webkit-scrollbar {
  width: 5px;
}

/* Track */
.list_scroll::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
  border-radius: 10px;
}
 
/* Handle */
.list_scroll::-webkit-scrollbar-thumb {
  background: #6eceb2 !important; 
  border-radius: 10px;
}

/* Handle on hover */
.list_scroll::-webkit-scrollbar-thumb:hover {
  background: #b30000 !important; 
}


@keyframes myAnim {
	0% {
		transform: translate(0);
	}

	10% {
		transform: translate(-2px, -2px);
	}

	20% {
		transform: translate(2px, -2px);
	}

	30% {
		transform: translate(-2px, 2px);
	}

	40% {
		transform: translate(2px, 2px);
	}

	50% {
		transform: translate(-2px, -2px);
	}

	60% {
		transform: translate(2px, -2px);
	}

	70% {
		transform: translate(-2px, 2px);
	}

	80% {
		transform: translate(-2px, -2px);
	}

	90% {
		transform: translate(2px, -2px);
	}

	100% {
		transform: translate(0);
	}
}



@media (max-width: 376px) {
    body {
    	background-position: center -100px;
    }
}

.footer {
    padding: 0;
    /* position: absolute; */
    bottom: 0;
    height: 90px;
    line-height: 90px;
    background-image: url(../images/footer.png);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 100%;
    background-position: 75% bottom;
    z-index: 99;

}
.space-10 {
	height: 10px;
}
.space-20 {
	height: 20px;
}
.space-30 {
	height: 30px;
}
.space-40 {
	height: 40px;
}
.space-60 {
	height: 60px;
}
.space-70 {
	height: 70px;
}
.space-90 {
	height: 90px;
}
.space-130 {
	height: 130px;
}
.display-inline-block {
	display: inline-block;
}
.p-r-0 {
	padding-right: 0px;
}
.p-r-20 {
	padding-right: 20px;
}
.p-l-30 {
	padding-left: 30px;
}
.text-align-left {
	text-align: left !important;
}

@media (min-width: 501px) {
    .list_scroll {
    	max-height: 240px;
    }
    .footer {
        height: 110px;
        line-height: 110px;
    }
}