.hidden-desktop { display: none; }

@media (max-width: 767px) {
.hidden-desktop { display: block; }
.hidden-phone { display: none; }
}

@media (min-width: 768px) and (max-width: 959px) {
.hidden-desktop { display: block; }
.hidden-tablet { display: none; }
}

#header-responsive { display: none; }

@media (max-width: 1220px) {

#banner { display: none; }

}

@media (max-width: 959px) {

#maininner,
#sidebar-a,
#sidebar-b {
width: 100%;
left: auto;
right: auto;
}

}

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

.width16,
.width20,
.width25,
.width40,
.width60,
.width75,
.width80 { width: 50%; }

.width50 .width50 { width: 100%; }

.sidebars-1 #sidebar-a .width100,
.sidebars-1 #sidebar-b .width100 { width: 50%; }

#sidebar-a .width100:nth-child(odd):last-child,
#sidebar-b .width100:nth-child(odd):last-child,
.width20:nth-child(odd):last-child { width: 100%; }

.sidebars-2 #sidebar-a,
.sidebars-2 #sidebar-b { width: 50%; }
.sidebars-2.sidebar-b-left:not(.sidebar-a-left) #sidebar-a { float: right; } /* Keep Sidebar order */

.grid-gutter > .grid-box:nth-child(n+3) > * { margin-top: 30px; }

/* Tools */
.width50 .align-left,
.width50 .alignleft,
.width50 .align-right,
.width50 .alignright {
margin: 0 auto 15px auto;
float: none;
}

}

@media (max-width: 767px) {

.width33,
.width66 { width: 100%; }

#header-responsive { display: block; }

#header-responsive .logo,
#header-responsive .searchbox {
display: inline-block;
width: 45%;
vertical-align: middle;
}

#header-responsive .logo { margin-right: 10%; }

#header-responsive .searchbox {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

.menu-responsive {
width: 100%;
font-size: 14px;
}


}

@media (min-width: 480px) and (max-width: 767px) {
}

@media (max-width: 479px) {

body { word-wrap: break-word; }

.width16,
.width20,
.width25,
.width40,
.width50,
.width60,
.width75,
.width80 { width: 100%; }

.grid-gutter > .grid-box:nth-child(n+2) > * { margin-top: 30px; }

.align-left,
.alignleft,
.align-right,
.alignright {
margin: 0 auto 15px auto;
float: none;
}

}

@media (max-width: 400px) {
@-ms-viewport{
width: 320px;
}
}

@media (max-width: 1220px) {
}

@media (max-width: 959px) {
  .wrapper.max-width65,
  .wrapper.max-width80 { max-width: 100%; }
  .bg-colored { padding: 0; }
  .grid-h .mod-box-transparent { margin: 0; }

}

@media (min-width: 768px) and (max-width: 959px) {
}

@media (min-width: 480px) and (max-width: 959px) {
  #search { display: none; }
}

@media (max-width: 767px) {
  #toolbar,
  #headerbar,
  #logo,
  #search,
  #menubar,
  #breadcrumbs  { display: none; }
  #header { margin-bottom: 20px; }
  .searchbox { border: none; }
}

@media (min-width: 480px) and (max-width: 767px) {
}

@media (max-width: 479px) {
  #system .items .item,
  #system .items .item:first-child {
    margin-top: 12px;
    padding-top: 18px;
    border-top-width: 1px;
  }

  #system .items :first-child .item:first-child {
    margin-top: 0;
    padding-top: 0;
    border-width: 0;
  }

  #system .items .leading .item {
    margin-bottom: 0;
    padding-bottom: 0;
    border-width: 0;
  }

  .searchbox { padding: 0 0 0 38px; }
}