/*responsive*/

 @media screen and (max-width: 1100px) {
aside {
    width:250px;
    margin-left:-300px;
  -webkit-transition: all 0.3s ease-in-out;
  transition:all 0.3s ease-in-out;     
}

#sidebar nav ul li:before {display:none;}

div#sidebar {
    width:250px;
  -webkit-transition: all 0.3s ease-in-out;
  transition:all 0.3s ease-in-out;      
}
}


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

header {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
   justify-content: center;     
}     
     
     .desktop_menu {display:none;}
nav.mobtabs {display:block;}     
.mobile-sb {display:block;}
div.contwrap {left:0;width:90%!important;}
#contents {overflow-y:visible;width:100%;}
aside {display:none;}
article {height:auto;overflow-y:visible;}

div.searchblog {display:none;}

.posts .captions, .posts . pads, .tabstuff, div.postnotes {padding:30px;}
li.clines {padding-left:30px;padding-right:30px;}
}

 @media screen and (max-width: 600px) {
div.contwrap {width:100%!important;}
#contents {width:100%;max-width:100vw;}

.posts .captions, .posts .pads, .tabstuff, div.postnotes {padding:20px;}
li.clines {padding-left:20px;padding-right:20px;}


}

@media screen and (max-width: 500px) {
iframe#askbox, iframe#ask_form {height:250px;}    
}

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

.mobtabs ul li {
    font-size:12px;
    margin-right:16px;
}

.mobtabs ul li:before {margin-right:6px;}

.navigrid {
     grid-template-columns: 100%; 
}

.navi-items {padding-left:0;margin-top:16px;}



}


 @media screen and (max-height: 600px) {

article{bottom:20px;top:80px;margin-bottom:0px;height:calc(100% - 100px);}

}