.ata-styling {

    float: left;
    width: 100%;
    padding: 20px 0px;
    font-size: 19px;
    font-style: italic;
    border-top: 1px solid #ddd;
    margin-top: 15px;

}

.page-block--pc-books {

    float: left;
    width: 100%;
    padding: 80px 0px 350px 0px;
    background-color: white;

}

.books-list-wrapper--pc {

    float: left;
    width: 100%;

}

.books-list-wrapper--pc h1 {

  margin-bottom: 30px;

}

.books-list-content--pc {

    font-family: Georgia, Times, "Times New Roman", serif;
    font-size: 16px;
    float: left;
    width: 100%;
    

}

.books-list-content--pc a {

   padding: 10px 0px;
   display: block;
   border-bottom: 1px solid #ddd;
   color: #868584;
   font-style: italic;

}

.457-icon--pc {


  float: left;
  width: 100%;


}

.457-icon--pc img {


  background-color: yellow;
  height: 25px;
  width: 35px;
  

}

.other-info-book {

  float: left;
  width: 100%;
  padding: 20px;
  background-color: #f2f2f2;
  margin-top: 40px;



}

.other-info-book .field__label, .other-info-book .field__item {

  font-size: 14px !important;
  display: inline-block !important;
  float: none !important;
  width: auto !important;
  margin-bottom: 10px !important;



}

.other-info-book .field__item {

  margin-left: 10px !important;

}

.other-info-book  .field__label:after {

  content: ":" !important;

}

/*
Desktop Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */

@media only screen and (min-width: 768px) {
  /* Add your Desktop Styles here */




}

@media only screen and (max-width: 1200px) {
  /* Add your Tablet Styles here */




}

/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

@media only screen and (max-width: 767px) {
  /* Add your Mobile Styles here */




}