@media screen and (max-width:640px) {
 #layout { width: 95% }

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

 .top_bar img { display: none }

 .logo_img { margin-top: 3px; margin-right: 0; 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: 700; 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: 0 0 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: 0 0 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: 700; font-size: 16pt; line-height: 50px; border-radius: 5px; border-bottom: 2px solid #995e26; box-shadow: 0 0 8px #d7d7d7; transition: all .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: 0 0 8px #d7d7d7; transition: all .2s ease-in-out; margin: 2% 1% }

 #six_block a span { display: table-cell; vertical-align: middle; margin: 5px 0; 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: 0 0 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 { background: #fff; padding: 10px; clear: both; width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; box-shadow: 0 5px 10px #dadada; justify-content: space-between }

 .container a { text-decoration: none; box-sizing: border-box; width: 100%; padding: 4px; margin: .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: 0 }

 .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 #ccc }

 .search_button { width: 80px; font-size: 13pt }

 #ask_tb .ask_catagore { font-size: 13pt; font-weight: 700; 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% }

 .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: 0; margin-bottom: 10px }

 #new_banners img { width: 100%; margin-bottom: 10px; display: block }

 .CatIMG { width: 100%!important; border: 1px #ccc solid; padding: 3px; margin: 10px 0; }


}