 @media only screen and (max-width: 600px) {
 	body {
 		font-size: 10pt;
 		line-height: auto;
 	}

	.arabic{
		float: left;
 		margin-top: 7px;
 		border-radius: 5px;
 		padding: 3px 10px; 
 		font-size: 10pt; 
 		font-weight: normal;
 		margin-left: 10px;
		background: #1fa77d;
		color: #fff;
		font-weight: bold;
	}
	.arabic:hover{
		text-decoration: none;
	}
	.datenav {
 		margin-top: 7px;
 		background: #006a4b;
 		border-radius: 5px;
 		padding: 3px 10px;
 		display: inline-block;
 		font-size: 10pt;
 		float: left;
 		margin-left: 10px;
 	}
	

 	.date_mob {
		
 		margin-top: 7px;
 		border-radius: 5px;
 		padding: 3px 5px;
 		display: none;
 		font-size: 9pt;
 		float: left;
 		font-weight: normal;
 		margin-right: 10px;
 	}

 	#social_mob {
 		display: block;
 		margin-bottom: 20px;
 	}


 	#social_mob a {
 		flex: 1;
 		display: inline-block;
 		font-size: 9pt;
 		padding: 7px;
 		text-decoration: none;
 		border-radius: 5px;
 		color: #fff;
 		margin-left: 4px;
 		margin-right: 4px;
 		-moz-transition: all .1s ease-in;
 		-o-transition: all .1s ease-in;
 		-webkit-transition: all .1s ease-in;
 		transition: all .1s ease-in;
 	}

 	#social_mob a:last-child {
 		margin-left: 0px;
 	}

 	#social_mob a i {
 		display: block;
 		margin: auto auto;
 	}


 	#social_mob a:hover {
 		transform: scale(1.05, 1.05);
 	}


 	#social_mob .social_fb {
 		background: #4769b1;
 		color: #fff;
 	}

 	#social_mob .social_fb i:hover {
 		text-shadow: 0px 0px 15px #092154;
 	}

 	#social_mob .social_tel {
 		background: #2a9fd4;
 		color: #fff;
 	}

 	#social_mob .social_tel i:hover {
 		text-shadow: 0px 0px 15px #145b7b;
 	}

 	#social_mob .social_yt {
 		background: #ce1e21;
 		color: #fff;
 	}

 	#social_mob .social_yt i:hover {
 		text-shadow: 0px 0px 15px #7d1315;
 	}

 	#social_mob .social_snap {
 		background: #ffd400;
 		color: #fff;
 	}

 	#social_mob .social_snap i:hover {
 		text-shadow: 0px 0px 15px #756203;
 	}

 	#social_mob .social_twi {
 		background: #2aa4f1;
 		color: #fff;
 	}

 	#social_mob .social_twi i:hover {
 		text-shadow: 0px 0px 15px #1a608c;
 	}

 	#social_mob .social_ins {
 		background: #d50165;
 		color: #fff;
 	}

 	#social_mob .social_ins i:hover {
 		text-shadow: 0px 0px 15px #6d0c3a;
 	}

 	#social_mob .social_fb {
 		background: #4769b1;
 		color: #fff;
 	}

 	#social_mob .social_fb i:hover {
 		text-shadow: 0px 0px 15px #092154;
 	}

 	#social_mob .social_em {
 		background: #36a757;
 		color: #fff;
 	}

 	#social_mob .social_em i:hover {
 		text-shadow: 0px 0px 15px #0a4c1d;
 	}

 	#social_mob .social_ios {
 		background: #616161;
 		color: #fff;
 	}

 	#social_mob .social_ios i:hover {
 		text-shadow: 0px 0px 15px #616161;
 	}

 	#social_mob .social_and {
 		background: #68a02a;
 		color: #fff;
 	}

 	#social_mob .social_and i:hover {
 		text-shadow: 0px 0px 15px #68a02a;
 	}

 	#mob_reklam {
 		width: 94%;
 	}

 	#mob_reklam img {
 		width: 94%;
 	}

 	#layout {
 		width: 100%;
 	}

 	#header {
 		height: 143px;
 		width: 100%;
 		background: url(img/bg11.jpg);
 		background-size: cover;
 		background-repeat: no-repeat;
 		background-position: top;
 	}

 	.about_header {
 		border-radius: 0px;
 		text-align: right;
 		width: 100%;
 		display: block;
 		float: none;
 		background: transparent;
 	}

 	.about_header .a {
 		border-left: 1px solid #026746;
 		color: #fff;
 		font-size: 8pt;
 	}

 	.fatwa_block {
 		display: none;
 	}

 	.logo_img {
 		margin-top: 30px;
 		height: 60px;
 		float: none;
 		margin-right: 2%;
 		display: none;
 	}

 	.logo_left {
 		height: 130px;
 		margin-left: 0%;
 		display: none;
 	}

 	.finder_dismob {
 		display: none;
 	}

 	.nav {
 		background: url('img/bheader.jpg');
 	}

 	.nav-list {
 		background: #093128;
 		margin-top: 40px;
 	}

 	.top_menu {
 		width: 100%;
 		border-radius: 0px;
 		display: none;
 	}

 	.top_menu .item {
 		margin-left: 5px;
 		margin-right: 0px;
 	}

 	.top_menu .item i {
 		display: none;
 	}

 	.top_menu .date {
 		display: none;
 	}

 	.sub_menu {
 		display: none;
 	}

 	#tafsir {
 		padding: 0px;
 		width: 96%;
 	}

 	#tafsir .tafsir {
 		padding-bottom: 10px;
 	}

 	#tafsir .right {
 		display: block;
 		width: 95%;
 		float: none;
 	}

 	#tafsir .left {
 		display: block;
 		width: 100%;
 		float: none;
 		margin: 0px;
 		padding: 0px;
 	}

 	#tafsir .left .icons {
 		float: right;
 		width: 42%;
 		margin-left: 3%;
 	}

 	#tafsir .left .img_book {
 		width: 48%;
 	}

 	#tafsir .left .icons a {
 		display: block;
 		height: 40px;
 		font-family: "IBM Plex Sans Arabic", serif;
 		margin-top: 13px;
 		text-align: right;
 		line-height: 40px;
 		width: 100%;
 		font-size: 10pt;
 		padding-right: 10px;
 		background: url(img/bb2.jpg);
 		text-shadow: 0px 0px 4px #693d22;
 		background-position: center;
 		background-size: cover;
 		background-repeat: no-repeat;
 		border: none;
 	}

 	#tafsir .left .icons a i {
 		font-size: 12pt;
 		vertical-align: middle;
 	}

 	#tafsir .quran {
 		line-height: 35px;
 		font-size: 13pt;
 		margin-top: 10px;
 		margin-bottom: 10px;
 	}

 	#tafsir .tafsir {
 		font-size: 11pt;
 	}

 	/* #tafsir{
		width: 96%;
	}
	#tafsir .left{
		float: none;
		display: block;
		width: 150px;
		text-align: center;
		margin-right: 0px;
	}
	#tafsir .img_book{
		width: 120px;	
	}
	#tafsir .icons a {
		width: 55px;
		height: 25px;
    	line-height: 25px;
		font-size: 9pt;
		display: inline-block;
	}
	#tafsir .icons a i{
		display: none;
	}
	#tafsir .quran{
		font-size: 14pt;
    	line-height: 27pt;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	#tafsir .tafsir{
		font-size: 12pt;
		line-height: 20pt;
	}
	#tafsir .info{
		position:inherit;
		float: none;
	}
	#tafsir .info strong{
		width: auto;
		height: 20px;
		line-height: 20px;
		padding: 0px 10px;
		border: none;
	}
	#tafsir .info span{  
		width: auto;
		height: 20px;
		line-height: 20px; 
		padding: auto 10px;
	}
	#tafsir .info b{
		width: auto;
		height: 20px;
		line-height: 20px; 
	} */
 	#projects {
 		display: block;
 	}

 	#projects a {
 		flex: none;
 		width: 96%;
 		margin: 2%;
 		display: block;
 		height: 50px;
 		line-height: 50px;
 		border-radius: 10px;
		background: url('img/b3.jpg');
 	}

 	#projects a:last-child {
 		margin: auto;
 	}

 	


 	#fatwa {
 		margin-top: 40px;
 	}


 	#fatwa #right {
 		width: 96%;
 		float: none;
 	}

 	#fatwa #left {
 		float: none;
 		display: none;
 		margin-top: 30px;
 		width: 96%;
 	}

 	#fatwa #left .lists {
 		width: 100%;
 		margin-right: 0%;
 	}

 	#fatwa #items .item img {
 		height: 120px;
 	}

 	#fatwa #items .item span {
 		font-size: 9pt;
 		line-height: 15pt;
 	}

 	#fatwa #items .main_title {
 		font-size: 10pt;
 		border-right: 3px solid #278e2f;
 	}

 	#fatwa #items {
 		margin: 0px;
 	}

 	#fatwa #items:first-child {
 		margin-left: 8%;
 	}


 	#tabs,
 	#tabs2,
 	#tabs3,
 	#tabs4 {
 		width: 96%;
 	}

 	#tabs .main_title,
 	#tabs2 .main_title,
 	#tabs3 .main_title,
 	#tabs4 .main_title {
 		font-size: 10pt;
 		border-left: 1px solid white;
 		margin-bottom: 0px;
 	}

 	#news,
 	#news2 {
 		width: 96%;
 	}

 	#news .more,
 	#news2 .more {
 		margin-top: 10px;
 		font-size: 9pt;
 	}

 	#news .newss,
 	#news2 .newss {
 		display: block;
 	}

 	#news .item,
 	#news2 .item {
 		display: inline-block;
 		width: 43%;
 		margin-bottom: 10px;
 	}

 	#news .item:last-child,
 	#news2 .item:last-child,
 	#news .item:nth-last-child(2),
 	#news2 .item:nth-last-child(2) {
 		display: none;
 	}

 	#news .item,
 	#news2 .item img {}

 	#news .item span,
 	#news2 .item span {
 		height: auto;
 		font-size: 9pt;
 		line-height: 21px;
 	}

 	#social {
 		margin-top: 0px;
 		display: block;
 		width: auto;
 		left: 150px;
 	}

 	#social a {
 		font-size: 8pt;
 		margin: 0;
 	}

 	#books {
 		width: 96%;
 	}

 	.owl-carousel .item {
 		margin: 10%;
 	}

 	#coverflow {
 		width: 96%;
 	}

 	#footer {
 		width: 100%;
 		background-size: cover;
 	}

 	#footer #layout {
 		display: block;
 	}


 	#footer .blocks {
 		text-align: right;
 		width: 30%;
 	}



 	#footer .blocks:first-child {
 		width: 100%;
 		text-align: center;
 	}

 	#footer .blocks:last-child .aa {
 		font-size: 12px;
 	}

	#footer .blocks:nth-child(5){
		width: 100%;
	}

 	.st_block .aa b {
 		font-size: 11pt;
 	}

	.desktop_v{
		display: none;
	}
	.mobile_v{
		display: block;
	}
	.mobile_v .mobile_v_left{
		float: left;
	}
	#search .text{
		width: 90%;
	}

	.mobile_v_right{
		float: right;
	}
	.mobile_v_right .aa{
		display: block;
	}

 	#footer .bottom {
 		font-size: 12px;
 	}

 	#footer .bottom {
 		margin-top: 15px;
 		line-height: 20px;
 		height: auto;
 		font-size: 10pt;
 		padding: 5px;
 	}

 	#footer .st_block .aa {
 		display: inline-block;
 	}

 	#footer .blocks .a {
 		flex: auto;
 	}

 	#main_layout {
 		display: flex;
 		flex-flow: column;
 	}

 	#main_left {
 		width: 96%;
 		display: block;
 		order: 1;
 		margin: 2%;
 	}

 	#main_right {
 		display: block;
 		width: 96%;
 		order: 2;
 		margin: 2%;
 	}

 	#article_content .title {
 		margin-top: 10px;
 		font-size: 15pt;
 		line-height: 30px;
 	}

 	#article_content img {
 		margin: 10px 5px;
 		width: 150px;
 	}

 	#article_content .body {
 		padding: 3px;
 	}

 	#cat_content .cat_item {
 		font-size: 12pt;
 	}

 	#menu_sidbar {
 		margin-top: 40px;
 	}

 	#menu_sidbar .menu {}

 	#menu_sidbar .menu a {
 		display: inline-block;
 		width: 48%;
 		margin: 1%;

 	}

 	#menu_sidbar .right_raman {

 		padding: 5%;
 		display: flex;
 	}

 	#menu_sidbar .right_raman .img_book {
 		display: inline-block;
 		width: 50%;
 		margin: 1%;
 		order: 2;
 		margin-right: 8%;
 	}

 	#menu_sidbar .right_raman .icons {
 		width: 40%;
 		order: 1;
 		display: inline-block;
 	}

 	#menu_sidbar .right_raman .icons a {
 		display: block;
 		width: 95%;
 		margin-top: 15px;
 		font-size: 12pt;
 	}

 	#menu_sidbar .right_raman .icons a i {
 		font-size: 13pt;
 	}

 	#players .rows {

 		height: 90px;
 		line-height: inherit;
 	}

 	#players .rows span {
 		margin: 0px;
 	}

 	#players .rows .aud {}

 	#players .rows .download {
 		font-size: 20pt;
 	}

 	#players .rows .tit {
 		display: block;
 		width: 100%;
 		margin-right: 7px;
 	}

 	#players .rows span:last-child {
 		margin-left: 5px;
 	}

	.main_more{
 
		margin-left: 10px;
 		margin-bottom: 0px;
	}
 	.tabs-content .more,
 	.tabs-content2 .more,
 	.tabs-content3 .more,
 	.tabs-content4 .more {
 		float: none;
 		margin-bottom: 0px;
 	}
	iframe{
		width: auto;
		margin-top: 20px;
	}

	.tabs-content4 .aa {
		width: 96%;
		border-radius: 4px;
		height: 60px;
		padding: 2px;
	}
	.tabs-content4 .aa img{
		height:96%;
		width: auto; 
		display: inline-block;

	}
	.tabs-content4 .aa b{ 
		display: inline-block;
		margin-right: 5px;
	}


 	.img {
 		width: 50%;
 	}

 	#menu_sidbar .right_raman .icons a {
 		font-size: 10pt;
 	}


 	/* 
@media screen and (max-width: 400px){


	
	#tafsir .left{ 
		display: flex; 
		align-items: center; 
		justify-content: center;
	}
	#tafsir .left .icons{  
    display: block; 
		order: 1;
	}
	#tafsir .left .icons a{
		font-size: 10px;
		height: 30px;
		line-height: 30px;
	}

	#tafsir .left .icons a i{
		font-size: 10pt;
		background-repeat: no-repeat;
	}
	#tafsir .left .img_book{
    display: block; 
		order: 2;
		width: 48%; 
	}
	.st_block .aa{ 
			display: inline-block;
	}
} */

 	.search {
		float: left;
	}

 	.search i {
 		color: #fff;
 		line-height: 42px;
 		margin-left: 10px;
 		font-size: 12pt;
 	}
}