@media (max-width:900px){html body #Butterfly .by_catalogue{position:fixed;right:-100%;bottom:30px;z-index:100;max-height:calc(100% - 60px);width:300px;-webkit-transform-origin:right bottom;transform-origin:right bottom}html body #Butterfly.by_post .by_site_info{padding:0 8%;bottom:8%;top:auto}html body #Butterfly.by_post .by_site_info .by_post_wrap,html body #Butterfly.by_post .by_site_info h1{text-align:left}}@media (max-width:768px){html body #Butterfly .by_nav{padding:0 16px}html body #Butterfly .by_menus,html body #Butterfly .by_search span{display:none}html body #Butterfly .by_toggle_menu{display:inline-block}html body #Butterfly .by_site i{font-size:1.2rem}html body #Butterfly .by_site_title{font-size:1.85em}html body #Butterfly .by_site_subtitle{font-size:1.15em}html body #Butterfly .by_site_social_icons{display:block}html body #Butterfly .by_main{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:20px 5px}html body #Butterfly .by_container{width:100%;padding:1.8rem .7rem}html body #Butterfly .by_posts_item{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:auto}html body #Butterfly .by_posts_title{font-size:1.43em}html body #Butterfly .by_posts_cover{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;width:100%;height:230px;border-radius:25px 25px 0 0}html body #Butterfly .by_posts_info{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;padding:1rem 1rem 1.5rem;width:100%}html body #Butterfly .by_aside{width:100%;padding-left:0;margin-top:15px}html body #Butterfly.by_links .by_container{grid-template-columns:repeat(1,1fr)}}@media (max-width:500px){html body #Butterfly .code-toolbar pre[class*=language-]{padding:30px 0 0;font-size:13px}html body #Butterfly .code-toolbar pre[class*=language-].line-numbers code{padding:12px 12px 12px 40px}}