/*============================================================*/
@media screen and (max-width: 900px){

/*body {-webkit-text-size-adjust: 100%;}*/

/*-----Framework-----*/
  #main {display:block;}
  #rght {display:table;padding:0px;margin:0px;width:100%;border-left:none;-moz-box-sizing:border-box;box-sizing:border-box;}
    #rght div#wrap {display:table-cell;width:25%;padding:5px;}

/*-----Content-----*/
 #detailtitle {margin:0px;text-align:center;}
  .itemdetails #image {min-width:200px;}
  .itemdetails #image img {max-width:200px;}
  
}
/*============================================================*/
@media screen and (max-width: 799px){

/*-----Framework-----*/

#header img#logo {width:230px;top:4px;}

  #searchtop {padding-top:6px;}
  #toplink    {display:none;}
  #side {display:none;position:absolute;z-index:2;background:none;}
  
/*-----Framework-Add-Menu-Tab-----*/
  #topmenu    {height:57px;width:100%;border-top:0px solid rgb(43, 84, 126);}
  #topmenu li {width:20%;height:100%;}
  #top1  {margin-left:20%;border-radius:0 0 0 0;}
  #top5  {border-radius:0 0 0 0;}
  #nav-trigger:checked + #side {display:block;}
  label[for="nav-trigger"] {display:block;width:20%;z-index:1;}
  
  #top1  {background:#E2E8EE url('/images/ui/top_b.png') 0 -22px;}
  #top2  {background:#E2E8EE url('/images/ui/top_r.png') 0 -22px;}
  #top3  {background:#E2E8EE url('/images/ui/top_y.png') 0 -22px;}
  #top4  {background:#E2E8EE url('/images/ui/top_p.png') 0 -22px;}
  #top5  {background:#E2E8EE url('/images/ui/top_g.png') 0 -22px;}

}
/*============================================================*/
@media screen and (max-width: 599px){

/*-----Framework-----*/
    #rght div#wrap {display:block;width:100%;padding:0px;}

/*-----Framework-Remove-First-Tab-----*/
  #topmenu li {width:25%;height:100%;}
  #top1  {display:none;}
  #top2  {margin-left:25%;}
  label[for="nav-trigger"] {width:25%;z-index:1;}

/*-----Content-----*/
#bklistinfo {font-size:0.95em;}
.booklistlayout>div     {padding:0px;}
.booklistlayout>div>div {padding:10px;border:none;}
.booklistlayout #oline {display:none;}
.booklistlayout #title {font-size:0.9em;}

.itemdetails #image  {display:block;padding-right:0px;}
.itemdetails #details {display:block;}




}
/*============================================================*/
@media screen and (max-width: 549px){
#searchtop {display:none;}
#searchnavterm {width:140px;}

form[name="itemsearch"] {display:initial;}
form[name="itemsearch"] span {display:table;}
form[name="itemsearch"] select{font-size:16px;width:150px;}
form[name="itemsearch"] input[name="STEXT"] {width:200px;font-size:16px;}

}
/*============================================================*/
@media screen and (max-width: 374px){

/*-----Framework-Remove-Second-Tab-----*/
  #topmenu li {width:33.3%;height:100%;}
  #top2  {margin-left:33.3%;}
  #top5  {display:none;}
  label[for="nav-trigger"] {width:33.3%;}

/*-----Content-----*/
    #main div#text {padding:12px;}
    
  #searchwrap {padding:4px;}
  #searchresult {width:145px;}
  #searchnavterm {display:none;}
  form[name="itemsearch"] input[name="STEXT"] {width:150px;}

    .itemdetails #price {display:block;width:100%;}
    .itemdetails #sttus {display:block;width:100%;text-align:left;}



#booklist-selection .cell {display:block;width:100%;text-align:center;}
#booklist-selection #tcntr {width:100%;}


}
/*============================================================*/
@media screen and (max-width: 299px){#main div#text {padding:8px;font-size:0.85em}}