/*
RESPONSIVE
*/




@media (max-width: 1000px) {

  .tableRwd tbody th, .tableRwd thead th {
    display: none;
    border: none;
    width: auto;
  }
  .tableRwd thead th{
    width: 100%;    
  }

  .tableRwd tfoot{
    display: block;
  }
  .tableRwd tbody td  {
    display: block;
    border: none;
    padding: 0;
    padding-left: 0.5em;
    width: 100% !important;
    text-align: left;
    clear: both;
  }
  .tableRwd tbody tr{
    border-top: 1px solid lightgray;  
  }

  .tableRwd tbody td:first-child {
    padding-top: .5em;
  }
  .tableRwd tbody td:last-child {
    padding-bottom: .5em;
  }
  .tableRwd tbody td[data-th]:before {
    content: attr(data-th) " : ";
  }
  .tableRwd tbody td:before {
    font-weight: bold;
    min-width: 30%;
    display: block;
    padding-right: 1em;
    float: left;
  }
  .tableRwd td[headers="hActions"]{
    text-align: center;
    font-size: 1.5em;
  }

  #cartSummary #itemPurchaseType,#cartSummary #itemUnitPriceIt,#cartSummary #itemQuantity{
    display: none;
  }
  #cartSummary tbody .itemPurchaseType,#cartSummary tbody .itemUnitPriceIt,#cartSummary tbody .itemQuantity{
    display: none;
  }
}

@media (max-width: 900px) {
  #content-inner, #header-inner, #footer-inner{
    width: 95% !important;
  }
}
@media (max-width: 640px) {

  body{
    padding-top: none;
    margin-left: 0;
  }
  
  #topbar .logout{
    display: none;  
  }
  #content-inner, #header-inner, #footer-inner{
    width: 100%;
  }
  .baseline{
    font-size: 1rem;
  }
  .inner-line .void{
    display: none;
  }
  .inner-line{
    height: auto;
  }


  [class*="flex-"], .flex{
    flex-flow: row wrap;
  }
  [class*="grid-"]{
    justify-content: space-around;
  }
  [class*="grid-1"] > *{
    margin: 0 !important;
    padding: 0 !important;
    
  }

  [class*="small-1"]{
    margin-left: 0 !important;
  }
  [class*="small-1"]>*{
    margin-left: 0 !important;
    width: calc(100% - 1em - .01px) !important;
  }
  /*#header-inner .logo, #footer-inner .logo{
    width: auto !important;
  }*/

  #topbar{
    position: relative;
    width: 100%;
    display: block;
  }
  #topbar>div{
    text-align: center;
    width: 100%;
    display: block;
  }

  .flex-item-double{
    width: calc(100% - 1em - 0.01px) ;
  }

  
  .account-admin{
    padding-top: 0;
  }
  #topbar .dropdowns{
    width: 100%;
  }
  #topbar .globalSearch{
    padding-top: 0.5em;
  }
  #topbar .events .hideable{
    min-width: auto;
  }
  #topbar  .events-list{
    width: 94vw;
  }
 

  #topbar>.dropdowns>div{
    text-align: right;
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
  }
  .feedback-service{
    display: none;
  }
  .wrapper-cols{
    display: block;
  }
  .isAdmin #container{
    width: 100% !important;
  }




  .menu-sidebar{
    /*position:fixed;*/
    /*bottom: 0;
    left: 0;*/
    width: 100%;
  }
  .menu-sidebar-content{
    width: 100%; 
    padding-top: 0;
  }

  .menu-sidebar-content ul li{
    display: inline-block;
  }

  .menu-sidebar-content ul li a{
    width: 2em;
    height: 2em;
    font-size: 2em;
  }
  .menu-sidebar-content ul li span{
    display: none;
  }

  .menu-sidebar-content ul ul:not(.all-hidden){
    display: inline-block;
   
  }
  .menu-sidebar-content ul ul:not(.all-hidden) li a{
    background-color: rgba(255,255,255,0.3);
  }

  
  .post-content{
    margin: 0 !important;
  } 

  .post-right, .post-left{
    width: 100% !important;
    margin: 0 !important;
  }
  .post-abstract{
    margin-right: 0 !important; 
    margin-left: 0 !important; 
  }

  .post-abstract .rbe_bl{
    padding: 0 0.5em; 
  }
  .post-left{
    padding: 0 !important;
  }
  .post-thumbnail img{
    width: 100%;
  }

  .inner-lines .inner-line > .menu{
    display: block;
  }



}








@media (max-width: 500px) {


  .burger{
    display: inline-block;
  }
  .burger.active{

  }
  ul.col-2, ul.col-3, ul.col-4,
  ol.col-2, ol.col-3, ol.col-4{
    column-count: 1;
  }


 /*
 menu drop here
 */



  /* Hide the navigation menu by default */
  /* Also hide the  */
  .menu .navigation-horizontal .toggleMenu + a {
    display: none !important;
  }

  /* Stylinf the toggle lable */
  .menu .navigation-horizontal .toggleMenu {
    display: block;
  }

  .menu .navigation-horizontal .toggleMenu:hover {
    /*background-color: #000000;*/
  }

  /* Display Dropdown when clicked on Parent Lable */
  .menu .navigation-horizontal [id^=drop]:checked + ul {
    display: block;
  }

  /* Change menu item's width to 100% */
  .menu .navigation-horizontal ul li {
    display: block;
    width: 100%;
    padding: 0;
    }

  /* Hide Dropdowns by Default */
  .menu .navigation-horizontal ul ul {
    position:relative;
    box-shadow: none;
  }
    
  /* Hide menus on hover */
  .menu .navigation-horizontal ul ul li:hover > ul,
  .menu .navigation-horizontal ul li:hover > ul {
    display: none;
  }
  .menu .navigation-horizontal ul ul ul{
    left: auto;
  }
  /* Fisrt Tier Dropdown */
  .menu .navigation-horizontal ul ul li {
    display: block;
    width: 100%;
  }

  .menu .navigation-horizontal ul ul ul li {
    position: static;
    /* has to be the same number as the "width" of "nav ul ul li" */ 

  }






  #header-inner .socials, #header-inner .baseline{
    display: none;
  }

  #header-inner.inner-lines .inner-line > .menu{
    display: none;
  }
  #header-inner.inner-lines .inner-line > .menu nav li{
    display: block;
  }
  #header-inner.inner-lines .inner-line > .menu nav ul{
    margin: 0;
    padding: 0;
  }
  #header-inner.inner-lines .inner-line > .menu nav a{
    display: block;
  }

  #container #header-inner .inner-line > .loginmenu{
    border-radius: 0px;
  }
  
  h1{
    font-size: 1.5em !important;
  }
  h2{
    font-size: 1.3em !important;
  }
  h3{
    font-size: 1.1em !important;
  }
  h4{
    font-size: 1.0em !important;
  }

  .flex{
    flex-direction: column !important;
  }
  .inner-line.flex{
    flex-direction: column !important;
  }
  .inner-line{
    margin: 0 !important;
    padding: 0 !important;
    width: 100%;
    min-height: 0px !important;
  }
  .inner-line > div{
    height: 100% !important;
    width: 100% !important;
    text-align: center !important;
  }

  .rbe_seealso .card{
      max-width: 100% !important;
  }
  
  .rbe_article .article-img{
    width: 100% !important;
  }
  .rbe_article .article-text{
    width: 100% !important;
  }

}