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

  .cbp_wrap { margin: 0 30px; }

  .cbp_wrap.cbp_content { flex-direction: column; }

  main,
  aside { width: 100%; }

  nav { margin-bottom: 30px; }
    nav .cbp_logos .cbp_logo { margin-right: 0; }
    nav .cbp_logos .cbp_items { display: none; }
    nav .cbp_mob_menu { display: block; }

}



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

  .cbp_short { width: 48.1707%; }

}



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

  .cbp_short {  }
    .cbp_short .cbp_info .cbp_name .cbp_author { font-size: 14px; }

}



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

  .cbp_short { width: 100%; }

  .cbp_full {  }
    .cbp_full .cbp_cover { width: 100px; height: 160px; }
    .cbp_full .cbp_info { margin-left: 20px; }

  .cbp_discussion { flex-wrap: wrap; }

  .cbp_comments_lists {  }
    .cbp_comments_lists .cbp_comment { width: 100%; }

}



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

  .cbp_wrap { margin: 0 20px; }

  nav .cbp_search_book .cbp_form { min-width: 200px; width: 200px; }

  .cbp_full { flex-direction: column; }
    .cbp_full .cbp_cover { width: 100px; height: 160px; margin: 0 auto; }
    .cbp_full .cbp_info { margin-left: 0; }

  .cbp_discussion > div { margin-top: 10px; }

}