@media screen and (max-width: 820px) {


	body {
		font-size: 12pt;
	}

	#lay {
		width: 95%;
	}

	#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;
	}

	
	#header .logo {
		display: block;
		margin: auto;
	}

	#header .header_left {
		float: none;
		text-align: center;
		display: block;
	}

	#header2 .header_item a {
		display: inline-block;
		width: 43%;
		margin: 1%;
	}

	#block_4 {
		display: none;
	}

	#articles .body a span,
	#ask_last .item span,
	#tafsir .title span {
		font-size: 15pt;
	}

	#articles {
		width: 100%;
		padding: 0px;
		margin-bottom: 20px;
	}

	#ask_last {
		padding: 0px;
		width: 100%;
	}

	#ask_last .title,
	#articles .title,
	#tafsir .title,
	#book_slider .title,
	#audio_view_block .title {
		font-size: 15pt;
	}

	#ask_last .title span,
	#articles .title span,
	#tafsir .title span,
	#book_slider .title span,
	#audio_view_block .title span {
		font-size: 15pt;
	}

	#tafsir .nav span {
		padding: 0px 4x;
	}

	#tafsir .nav strong {
		padding: 0px 4px;
	}

	#tafsir .quran {
		font-size: 13pt;
	}

	#tafsir{
		width: 100%;
	}
	
	#reklam{
		margin-top: 20px;
		width: 100%;
		margin-right: 0; 
	}
	
	#reklam img{
		width: 45%;
		margin: 2%;
	}
	#article_right {
		width: 100%;
	}

	#article_left {
		display: none;
	}

	#article_block #article_right .title {
		font-size: 17pt;
		line-height: 28px;
	}

	#article_block #article_right .body {
		font-size: 14pt;
		line-height: 28px;
	}

	.cats .item_sub {
		display: block;
		width: auto;
		font-size: 12pt;
	}

	.cats .item {
		font-size: 12pt;
	}

	.walamakan_link {
		width: auto;
		font-size: 15pt;
	}

	#article_block #article_right .ask_item {
		font-size: 12pt;
	}

	#article_block #article_right .ask_item span {
		font-size: 15pt;
	}

	#hegbe_block .item {
		width: auto;
		display: block;
		margin: 2%;
		padding: 5px;
	}

	#hegbe_block .title {
		font-size: 15pt;
	}

	#hegbe_block .item {
		font-size: 13pt;
	}

	#hegbe_block .item b {
		font-size: 18pt;
	}

	#hegbe_block .body {
		font-size: 12pt;
		line-height: 24px;
	}

	#left_audio {
		display: none;
	}

	#audio_view_block {
		width: 100%;
	}

	ul.playlist li a {
		font-size: 12pt;
	}

	#audio_block .item,
	#book_block .item {
		display: block;
		width: auto;
		margin: 4% 1%;
		font-size: 13pt;
	}

	.book_img {
		width: 50%;
	}

	#search .text {
		width: 200px;
		padding: 3px;
		display: block;
		margin: 2%;
	}

	#search .select {
		width: 160px;
		padding: 3px;
		display: block;
		margin: 2%;
	}

	#search .button {
		font-size: 13pt;
		padding: 2px 10px;
	}

	.search_item {
		font-size: 13pt;
		padding: 4px;
	}

	#audio_list a {
		width: calc(90% / 2);
	}
	#qala_block ul{
		column-count: 1;	
	}
	#qala_block .img_nwezh{
		height: 80px;
	}
	#qala_block .item_nwezh b{
		font-size: 10pt;
	}
	#footer #center{
		display: block;
		text-align: center;
		width: 100%;
	}
	#footer{
		height: auto;
	}
	#footer .logo{
		margin: 10px auto;
	}
	#footer.body_social{
		
	}
	#footer #right{
		display: block;
		width: 100%;
		text-align: center;
	}
	#footer #left{
		display: block;  
		text-align: center;
		width: 100%;
	}
	#footer #left div{
		display: inline-block;
		width: auto;
	}
	 
}



@media screen and (max-width: 1280px) and (min-width: 820px) {


	body {
		font-size: 12pt;
	}

	#lay {
		width: 95%;
	}

	#header .logo {
		display: block;
		margin: auto;
	}

	#header .header_left {
		float: none;
		text-align: center;
		display: block;
	}

	#header2 .header_item a {
		display: inline-block;
		width: auto;
		margin: 1%;
	}

	#articles .body a span,
	#ask_last .item span,
	#tafsir .title span {
		font-size: 15pt;
	}

	#articles {
		width: 100%;
		padding: 0px;
		margin-bottom: 20px;
	}

	#ask_last {
		padding: 0px;
		width: 100%;
	}

	#ask_last .title,
	#articles .title,
	#tafsir .title,
	#book_slider .title,
	#audio_view_block .title {
		font-size: 15pt;
	}

	#ask_last .title span,
	#articles .title span,
	#tafsir .title span,
	#book_slider .title span,
	#audio_view_block .title span {
		font-size: 15pt;
	}

	#tafsir .nav span {
		padding: 0px 4x;
	}

	#tafsir .nav strong {
		padding: 0px 4px;
	}

	#tafsir .quran {
		font-size: 13pt;
	}

	#article_right {
		width: 100%;
	}

	#article_left {
		display: none;
	}

	#article_block #article_right .title {
		font-size: 17pt;
		line-height: 28px;
	}

	#article_block #article_right .body {
		font-size: 14pt;
		line-height: 28px;
	}

	.cats .item_sub {
		display: block;
		width: auto;
		font-size: 12pt;
	}

	.cats .item {
		font-size: 12pt;
	}

	.walamakan_link {
		width: auto;
		font-size: 15pt;
	}

	#article_block #article_right .ask_item {
		font-size: 12pt;
	}

	#article_block #article_right .ask_item span {
		font-size: 15pt;
	}

	#hegbe_block .item {
		width: auto;
		display: block;
		margin: 2%;
		padding: 5px;
	}

	#hegbe_block .title {
		font-size: 15pt;
	}

	#hegbe_block .item {
		font-size: 13pt;
	}

	#hegbe_block .item b {
		font-size: 18pt;
	}

	#hegbe_block .body {
		font-size: 12pt;
		line-height: 24px;
	}

	#left_audio {
		display: none;
	}

	#audio_view_block {
		width: 100%;
	}

	ul.playlist li a {
		font-size: 12pt;
	}

	#audio_block .item,
	#book_block .item {
		display: block;
		width: auto;
		margin: 4% 1%;
		font-size: 13pt;
	}

	.book_img {
		width: 50%;
	}

	#search .text {
		width: 200px;
		padding: 3px;
		display: block;
		margin: 2%;
	}

	#search .select {
		width: 160px;
		padding: 3px;
		display: block;
		margin: 2%;
	}

	#search .button {
		font-size: 13pt;
		padding: 2px 10px;
	}

	.search_item {
		font-size: 13pt;
		padding: 4px;
	}

	#audio_list a {
		width: calc(90% / 2);
	}
	
}