@media screen and (max-width: 680px) {
	
	#layout{
		width:95%;
	}
	
	body{
		font-size: 10pt;
		line-height:18px;
	}
	
	.top_bar img{
		display: none;
	}
	
 
		

	.logo_img{
		margin-top: 3px;
		margin-right: 10px;
		height: 25px;
	}
	
	.top_menu{
		display: none;
	}
	
 
	.header_menu{
		display: block;
		float: left;
	}
	.header_menu a{
		text-decoration: none; 
		background: #8c5e2d;
		padding: 4px 7px;
		color:#fff;
		border-radius: 3px;
		font-weight: bold;
		font-size: 10pt;
		margin-left: 5px;
		margin-top: 8px;
		display: inline-block; 
	}

	.header_menu a i{
		vertical-align: middle;
		margin-left: 5px; 
	}
	.header_menu a:hover{
		background: #ce9e1e;
	}

	
	#ask .image_ask{ 
		max-width: 100%;
	}

	#header{
		height: 100px;
	}

	.first_blocks .right{
		width: 100%;
	}
	.first_blocks .right a{
		line-height: 25px;	
	}
	
	
	.first_blocks .left img{
		text-align: center;
		border-radius: 10px;
		margin-bottom:20px;
		margin-top:20px;	
	}
	.first_blocks .left .title{
		font-size: 15pt;
		padding: 10px;
	}
	.first_blocks .left .a{
		padding: 5px;
		font-size: 14pt;
	}

	.subscribe_btn{ 
		margin-top: 5px;	
	}
	.two_reklam{
		display: flex;
		flex-wrap: wrap;
	}
	
	.challenge_reklam{
		display: block;	
		width: 100%;
		height: auto;
		margin-bottom: 20px;
	}
	.send_ask_reklam{
		display: block;	
		width: 100%;
		height: auto;
		margin-bottom: 20px;
	}
	#subscribe_frame img{
		margin: 5px;
	}
	#large_title{
			margin-top: 30px;
			font-size: 18pt;
	}
	#index_category a{ 
		border-radius: 5px;
		box-shadow: 0px 0px 3px #d7d7d7;
		width:45%;
		height: 30px;
		line-height: 30px;
		font-size: 13pt; 
	}
	#index_category a b{  
		display: none;
		width: 30px; 
		font-size: 12pt;
		-webkit-border-top-left-radius: 5px;
		-webkit-border-bottom-left-radius: 5px;
		-moz-border-radius-topleft: 5px;
		-moz-border-radius-bottomleft: 5px;
		border-top-left-radius: 5px;
		border-bottom-left-radius: 5px;
	}
	
	#index_category_ask a{ 
		border-radius: 5px;
		box-shadow: 0px 0px 3px #d7d7d7;
		width:45%;
		height: 30px;
		line-height: 30px;
		font-size: 13pt; 
	}
	#index_category_ask a b{  
		display: none;
		width: 30px; 
		font-size: 12pt;
		-webkit-border-top-left-radius: 5px;
		-webkit-border-bottom-left-radius: 5px;
		-moz-border-radius-topleft: 5px;
		-moz-border-radius-bottomleft: 5px;
		border-top-left-radius: 5px;
		border-bottom-left-radius: 5px;
	}
	#five_block{
		margin-top: 30px;
		display: flex;
		flex-wrap: wrap;
	}
	#five_block a{
		width:48%; 
		height: 50px;
		flex: auto;  
		display: inline-block;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: left;
		text-decoration: none;
		color: #54310f;
		font-weight: bold;
		font-size: 16pt; 
		line-height: 50px;
		border-radius: 5px;
		border-bottom: 2px solid #995e26;
		box-shadow: 0px 0px 8px #d7d7d7;
		transition: all 0.2s ease-in-out;
		margin: 1%;
	}
	#five_block a:nth-child(1),#five_block a:nth-child(3){
		margin-right: 0%;
	}
	#five_block a:nth-child(2),#five_block a:nth-child(4){
		margin-left: 0%;
	}
	
	#six_block{
		display: flex;
		flex-wrap: wrap;
	}
	#six_block:first-child{
		
		margin-top: 30px;
	}
	#six_block a{
		background: #fff;
		width:100%;  
		height: 70px; 
		display: table;
		text-decoration: none;
		color: #000; 
		font-size:15pt; 
		border-radius: 10px;
		border-left: 3px solid #b794e6;
		border-right: 3px solid #b794e6;
		box-shadow: 0px 0px 8px #d7d7d7;
		transition: all 0.2s ease-in-out;
		margin:2% 1%;
	}
	#six_block a span{ 
		display: table-cell;
		vertical-align: middle;
		margin: 5px 0px;
		line-height: 23pt;
	}
	
	#to_search{ 
		right: auto;
		left: 10px;
		bottom: 15px;
	}
	#to_top{
		font-size: 16pt; 
		right: auto;
		left: 20px;
		bottom: 70px;
	}
	
	#second_block{
		margin-top: 30px;
		width: 100%;
		box-shadow: 0px 0px 4px #d7d7d7;
	}
	
	#second_block .title{
		height: 40px;
		line-height: 40px;
		font-size: 15pt;
	}
	#second_block .title i{
		font-size: 13pt;	
	}
	
	#second_block .item{
		font-size: 13pt;
		line-height: 25px;
	}
	
	#second_block .item i{
		font-size: 10pt;	
	}
	
	#second_block:last-child{
		width: 100%; 
		margin: 0%;
		margin-top: 30px;
	}
	#second_block .body .img{
		width: 75%;
		margin-top: 15px;
	}
	
	#second_block .body .book_read,   .book_download{
		font-size: 13pt;
	}
	
	#second_block .body .book_read i,  .book_download i{
		font-size: 12pt;
		vertical-align: middle;
	}
	#second_block .body .book_more{
		display: none;
	}
	
	#tabs { 
	   margin-top: 30px;

	} 

	#tabs li {    
		margin-left:5px;  
	}

	#tabs li a {
		font-size: 14pt; 
		padding: 5px 10px;  
	}
	.container {
	/*	box-shadow: 0px 0px 8px #d7d7d7;*/
		background: #fff;
		padding: 10px;  
		clear:both;           
		width:100%;    
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		box-shadow: 0px 5px 10px #dadada;
		justify-content: space-between; 
	}
	.container a{
		text-decoration: none;
		box-sizing: border-box; 
		width: 100%;
		padding: 4px;
		margin: 0.4%; 
		max-height: 80px;
		font-size: 13pt;
		line-height: 25px;   
		border-radius: 2px; 
		background: #fff;
		border-bottom: 1px solid #ececec;
	}
	.container a:last-child{
		border-bottom: none;	
	}

	.large_image{
		margin-top: 30px;
		display: flex;
		flex-wrap: wrap;
		width:100%;  
	}
	.large_image img{
		flex: auto;
		width: 48%;
		margin: 2% 1%;	 
	}
	.large_image img:nth-child(1) , .large_image img:nth-child(3){
		margin-right: 0%;	
	}
	.large_image img:nth-child(2) , .large_image img:nth-child(4){
		margin-left: 0%;	
	}
	.large_image img:last-child{
		display: none;
	}
	
	#footer{
		padding-top: 20px;
		padding-bottom: 20px;
		margin-top: 30px;
	}
	.footer .column{
		padding: 3px;
	}
	
	.footer .column:nth-child(1) , .footer .column:nth-child(2){
		width:47%;
		text-align: center;
	}
	.app_icon{ 
		height: 30px;
	}
	
	.footer_title{
		text-align: right;
		font-size: 15pt;
	}
	
	.column .line{ 
		margin: 10px;
		font-size: 10pt;
		padding: 2px 4px;
		text-align: right;
	}


	.column .line i{
		vertical-align: middle;
		margin-left: 2px;
	}
	.column .line b{
		margin-left: 5px;
		font-size: 12pt;
		float: left;
	}
	.footer .column:nth-child(3){
		padding-top: 20px;
		padding-bottom: 20px;
		width: 100%;
		border-top: 1px solid #27302e;
		border-bottom: 1px solid #27302e;
	} 
	.email_info{
		font-size: 12pt;
		margin-right: 10px;
	}
	#ask .title{
		font-size: 20pt;
		line-height: 35px;
	}
	#ask .ask_kwrte{
		font-size: 15pt;
		line-height: 30px;
	}
	#ask .ask{
		font-size: 15pt;
		line-height: 30px;
	}
	#ask .body{
		font-size: 15pt;
		line-height: 30px;
	}
	.info_share{
		padding: 5px;
		font-size: 13pt;
	}
	.info_share .fb-share-button{ 
		margin-top:  -10px;
	}
	
	#lashe{
		font-size: 14pt;
		line-height: 29px;
	}
	
	#lashe .title{ 
		font-size: 15pt;
	}
	.search_input{
		font-size: 14pt;
		border: 1px solid #cccccc;
	}
	.search_button{
		width:80px;
		font-size: 13pt;
	}
	
	#ask_tb .ask_catagore{
		font-size: 13pt;
		font-weight: bold;
		line-height: 25px;
	}
	
	#ask_tb .ask_catagore i{ 
		margin-left: 3px;
	}
	#ask_tb .ask_catagore b{
		font-size: 12pt;
		height: 23px;
		line-height: 23px;
		width: 60px;
	}
	#ask_tb .ask_item{
		font-size: 13pt;
		line-height: 25px;
	}
	#ask_tb .title{
		font-size: 16pt;
	}
	
	.book_item{
		width:45%;
	}
	#ask .book_img {
		width:150px;
	}
	
	.audio{
		width: 90%;
	}
	
	#block_there a{ 
		width:48%; 
	}
	
	#block_there a img{ 
	}
	
	.sections a{ 
		width: 48%; 
		margin: 1%; 
	}
	.a2a_default_style{ 
		width: 240px;
		margin: 10px;
		float: none;
	}
	#related{  
		padding: 10px;
	}
	#anchor{
		display: none;
	}
	
	#new_banners{ 
		width:100%;
		text-align: center;
	}
	#new_banners img:nth-child(1) {	
		margin: 0px;
		margin-bottom: 10px;
	}
	#new_banners img{
		width:100%;
		 margin-bottom: 10px;
		display: block;
	}
	
 
	.ramazan_row{
		width: 30%;
		padding: 1%;

	}

	.ramazan_row img{
		width: 80%;
		margin-top: 14px;
	}
	#ramazan_blocks .ramazan_row b{
		font-size: 8pt;
		margin-bottom: 10px;
	}
	

	#exam .exam_list .title{
		font-size: 17pt;
		margin-bottom: 10px;
	}
	#exam .exam_list .description{
		font-size: 13pt;
		line-height: 22px;
	}
	#exam .exam_list .bottom{
		height: auto;
		font-size: 11pt;
		line-height: 22px;
	}
	#exam .exam_list .bottom div{
		padding: 4px;
	}
	#register_submit .exam_title{
		line-height: 23px
	}
	#register_submit .exam_body{
		font-size: 15pt;
		line-height: 21px
	}
	#table_register{
		width: 95%;
	}
	#table_register .input_user{
		width: 100%;
		font-size: 14pt;
		padding: 3px;
	}
	#table_register td:first-child{
		width: auto;
	}

	#exam .ex_title{
		line-height: 25px;
		font-size: 19pt;
	}
	#exam{
		padding: 3%;
	}
	#exam .ex_body{
		line-height: 25px;
	}
	.ask_list .asks{
		font-size: 13pt;
		line-height: 23px;
	}
}