.bgrey {
  background-color:#DBDBDB;
}

.bsk_line {
  display:block;
  padding:20px 0;
  margin:10px 0;
}

.bsk_img {
  display:inline-block;
  vertical-align:middle;
  width:80px;
  margin-right:20px;
}

.bsk_col1 {
  display:inline-block;
  vertical-align:middle;
  width:calc(100% - 480px);
}

  .bsk_name {
    display:inline-block;
    vertical-align:middle;
    width:calc(40% - 5px);
    line-height:22px;
  }

  .bsk_opt {
    display:inline-block;
    vertical-align:middle;
    width:calc(60% - 5px);
    line-height:22px;
  }

.bsk_col2 {
  display:inline-block;
  vertical-align:middle;
  width:370px;
}

  .bsk_prc {
    display:inline-block;
    vertical-align:middle;
    width:80px;
    text-align:right;
  }

  .bsk_post {
    display:inline-block;
    vertical-align:middle;
    width:90px;
    text-align:right;
  }

  .bsk_sel {
    display:inline-block;
    vertical-align:middle;
    width:100px;
    text-align:right;
  }

  .bsknum {
    width:50px;
  }

  .bsk_tot {
    display:inline-block;
    vertical-align:middle;
    width:80px;
    text-align:right;
  }

#bsktotdiv {
  margin-top:30px;
}

#bnotes {
  margin-right:8px;
}

#bnotes div {
  margin-bottom:10px;
}

#bsktotcol {
  text-align:right;
  float:right;
  margin-right:8px;
}

#bsktotcol div {
  margin-bottom:15px;
}

.bsktcol1 {
  display:inline-block;
  width:150px;
  text-align:right;
}

.bsktcol2 {
  display:inline-block;
  width: 80px;
  text-align:right;
}

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

  .bsk_name, .bsk_opt {
    display:block;
    width:100%;
  }

  #bhead .bsk_opt {
    display:none;
  }

}

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

  .bsk_img {
    vertical-align:top;
  }

  .bsk_col1 {
    width:calc(100% - 215px);
    vertical-align:top;
  }

  .bsk_col2 {
    width:100px;
  }
  
  .bsk_prc, .bsk_post, .bsk_sel, .bsk_tot {
    display:block;
    margin-bottom:5px;
    width:100%;
  }

  #bhead .bsk_opt {
    display:block;
  }

  #bnotes {
    float:none;
  }

  #bsktotcol {
    float:none;
    margin-bottom:40px;
  }

}

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

  .bsk_img {
    display:none;
  }

  #bhead .bsk_name, #bhead .bsk_opt {
    padding-left:5px;
  }

  .bsk_col1 {
    width:calc(100% - 115px);
  }

}