@media screen and (max-width: 680px) {
	body {
		font-size: 11pt;
		padding: 0;
		margin: 0;
	}

	#header {
		height: 50px;
	}

	.logo {
		height: 30px;
	}

	.left_header {
		height: 50px;
		line-height: 50px;
		width: auto;
		margin-left: 10px;
		margin-right: 0px;
	}

	.left_header:last-child {
		margin-left: 1px;
	}

	.left_header b {
		display: none;
	}

	.left_header img {
		height: 25px;
	}

	#top_bar a {
		font-size: 9pt;
		margin-left: 10px;
	}

	#top_bar a i {
		display: none;
	}

	 

	#layout {
		width: 95%;
	}

	#videos h4 {
		font-size: 11pt;
	}

	.video_item,
	.video_item_cat {
		width: 47%;
		margin: 1%;

	}

	.video_item .title,
	.video_item_small .title,
	.video_item_cat .title {
		line-height: 15px;
		font-size: 9pt;
	}

	.social {
		display: flex;
		flex-wrap: wrap;
		align-content: center;
	}

	.social a {
		width: 25%;
		height: 100px;
		font-size: 10pt;
	}

	.social a i {
		margin-bottom: 10px;
		margin-top: 15px;
	}

	.social a {
		flex-grow: 1;
	}

	.social a:nth-child(5) {
		width: 25%;
	}

	.video_item_small {
		margin: 1%;
		vertical-align: top;
		width: 45%;
	}

	.video_item_small:nth-last-child(2),
	.video_item_small:nth-last-child(3),
	.video_item_small:nth-last-child(4) {
		display: none;
	}

	#footer {
		height: auto;
	}

	.jom {
		height: auto;
		font-size: 12pt;
		line-height: 18pt;
	}

	#freq {
		text-align: right;
	}

	#freq span {
		display: block;
	}

	#freq div {
		font-size: 15pt;
	}

	#freq span b {
		font-size: 15pt;
	}

	#title {
		width: 100%;
		padding: 4px 10px;
		font-size: 12pt;
	}

	#title2 {
		width: 100%;
		padding: 4px 10px;
		font-size: 12pt;
	}

	#title3 {
		width: 100%;
		padding: 4px 10px;
		font-size: 15pt;
	}

	#body3 {
		font-size: 12pt;
		line-height: 20pt;
	}

	.body {
		font-size: 12pt;
		line-height: 18pt;
		padding: 10px;
	}

	#academy_xul a {
		font-size: 14pt;
	}

	#academy_xul .date {
		float: left;
		margin: 0px;
	}

	#academy_article {
		font-size: 12pt;
	}

	#academy_article .date {
		float: none;
	}

	#academy_xul .body {
		font-size: 12pt;
		line-height: 19pt;
	}

	#playerElement {
		width: 100%;
		height: 200px;
	}

	#bang {
		width: 100%;
	}

	#bang td {
		font-size: 9pt;
		width: auto;
		min-width: 0px;
		padding: 5px;
	}

	#bang td:last-child {
		display: none;
	}

	#bang td b {
		font-size: 10pt;
		font-weight: normal;
	}

	#xshte_table {
		display: none;
	}

	#xshte_table_mobile {
		background: rgb(3, 50, 94);
		background: linear-gradient(322deg, rgba(3, 50, 94, 1) 0%, rgba(76, 122, 164, 1) 100%);
		width: 95%;
		color: #fff;
		padding: 0px;
		margin-top: 10px;
		margin-bottom: 10px;
		font-size: 9pt;
		display: block;
	}

	#xshte_table_mobile td {
		padding: 3px;
		border-bottom: 1px solid rgba(76, 122, 164, 1);

	}

	#xshte_table_mobile .main_tr {
		background: rgba(3, 50, 94, 1);
		font-size: 10pt;
	}

	.ttime,
	.ttime b {
		font-size: 11pt;
		font-weight: normal;
	}

	#table_right {
		width: 70px;
	}

	#table_right {
		display: none;
	}

	#right .tit {
		display: block;
	}

	#right select {
		width: 50px;
		margin-top: 10px;
		background: #f2f2f2;
		text-align: center;
	}

	#right label {
		padding: 0px;
	}

	#right a {
		font-size: 10pt;
	}

	#right a b {
		width: auto;
	}

	#right span {
		font-size: 12pt;
	}

	#surat_mobile {
		margin-top: 20px;
		display: block;
	}

	#surat_mobile a {
		background: #ededed;
		padding: 0px 8px;
		border-radius: 10px;
		margin: 4px;
		text-decoration: none;

	}

	.imam { 
		width: 48%;
		margin: 1%; 
		font-size: 11pt; 
	}

	.video_main_btn {

		border-radius: 13px;
		font-size: 13pt;
		padding: 7px;
	}

	#yt_iframe {
		width: 100%;
		height: 215px;
	}

	.popup-inner {
		width: 85%;
		height: 210px;
	}
	#radios .items .location{
		font-size: 15pt; 
	}
	#radios .items .sub_location{
		font-size: 12pt;
	}
}