@import url(../warp/css/responsive.css);
@media (max-width: 1220px) {
}
/* Only Phones and Tablets (Portrait) */
@media (max-width: 959px) {
}
/* Only Tablets (Portrait) */
@media (min-width: 768px) and (max-width: 959px) {

}
/* Only Tablets (Portrait) and Phones (Landscape) */
@media (min-width: 480px) and (max-width: 959px) {
/* Layout */
#menu {float: left; width: 100%}
}
/* Only Phones */
@media (max-width: 767px) {
/* Layout */
#toolbar,
#logo,
#menu,
#breadcrumbs,
#totop-scroller {display: none}
/* System All */
#header-responsive .searchbox {width:41%}
}
/* Only Phones (Landscape) */
@media (min-width: 480px) and (max-width: 767px) {
}
/* Only Phones (Portrait) */
@media (max-width: 479px) {
/* System */
#system .items .item,
#system .items .item:first-child {
margin-top: 12px;
padding-top: 18px;
border-top-width: 1px;
box-shadow: 0 1px 0 rgba(255,255,255,1) inset;
}
#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;
box-shadow: none;
}
.grid-h .mod-line:before {
top: -12px;
left: 0;
right: auto;
border-left: none;
border-top: 1px solid #d4d4d4;
border-top: 1px solid rgba(0,0,0,0.1);
box-shadow: 0 1px 0 rgba(255,255,255,0.4) inset;
}
.grid-h:first-child .mod-line:before {box-shadow: none}
}