/************************************************************************************
 * MEDIA QUERIES
 * *************************************************************************************/
/* for 980px or less */
@media screen and (max-width: 980px) {
  #atp_logo {
    height:100px;
  }
  #atptop {
    background-position: 100px 0;
    height:100px;
    background-size: auto 100px;
  }
  /* Plant Database full size photo view: */
  .rwd_photo {
    width:90%;
    height:auto;
  }
  /* Get rid of the rightside bar in the forums. */
  .blue_grad { display:none; }
  .t_avatar { width:90px;height:90px; }
  .t_avatar img { height:75px;width:75px; }
  .plant_thumbbox { height:240px; width: 220px; }

  .nga-content td#nga-contentright, td#nga-contentleft {
    display: block;
    border: none;
    position: relative;
  }
}

/* for 700px or less */
@media screen and (max-width: 700px) {

  /* Make buttons and input fields larger */
  input[type=text], input[type=password], input[type=email] {
    -webkit-appearance: none; -moz-appearance: none;
    display: block;
    margin: 0;
    width: 99%; height: 30px;
    padding: 2px;
    line-height: 30px;
    font-size: 17px;
    border: 1px solid #bbb;
  }
  .gs {
    height:40px;
  }
  input[type=checkbox] {
   width: 32px; height: 32px;
   -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px;
   border: 1px solid #bbb;
  }
  label {
    vertical-align:top;
    font-size:17px;
  }
  /* Make search engine larger */
  .Search { height:40px; }
  .Search button.searchButton { padding-top:0.5em; }
  .Search button.searchButton img { width: auto; height: 20px; }
 
 /* Done with search and forms ***************************** */

  #atpbody {
    width: auto;
    float: none;
    margin-left:0px;
  }
  #atpleft {
    margin-left: auto;
    margin-right: auto;
    position:relative;
    width:100%;
  text-align:center;
  }
  #nav_buttons li a.menu_rwdmenu { display: block; }
  #nav_buttons { border-bottom: 1px solid black; }
  #nav_everythingelse { display:none; }
  #plant_rightside{ display:none; }

  /* For the homepage and anywhere else that has extra columns */
  .col { display: block; width:auto; }

  /* Hide the acorn tips on the homepage */
  .rwd_hide { display:none; }

  /* So the threads look better: */
  .large_badge {
    font-size:0.8em;
    padding:2px;
  }

  .microbadges img {
    width:16px; height:16px;
  }
  .t_profile {
    font-size: 0.8em;
  }

  .t_avatar { display:none; }
  .t_avatar img { display:none; }

  /* / So the threads look better: */

  /* hide the follow-you-down-the-page navigation buttons in the left */
  .customlinks_fixed { position: relative; }
  .nav_buttons_fixed { position: relative; }

  #atptop {
    background-position: 50px;
    height:50px;
    background-size: auto 50px;
  }
  #atp_logo {
    height:75px;
    // width:150px;
  }
  #atpcontent {
    /* top, right, bottom, left */
    padding-left: 2px;
    padding-right: 2px;
  }
  
  .rwdmenu {
    display:inline;
  }

  .app_icon {
    width:100px;
    height:100px;
  }

  /* This is the thumbs, stars and acorns icon. Usually 16x16. */
  .rwdicon {
    width:28px;
    height:28px;
    vertical-align:bottom;
  }
  .social_count {
    font-size: 24px;
    vertical-align:bottom;
  }
  #atptop {
    height:50px;
    background-size: auto 50px;
  }
  #atp_logo {
    height:50px;
    // width:100px;
  }
  h1 {
    font-size: 24px;
  }

  .pretty-table thead, .pretty-table tbody, .pretty-table th, .pretty-table td, .pretty-table tr {
    display: block;
  }
  .pretty-table thead {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
  .pretty-table tr { border: 1px solid #aaa; }
  .pretty-table td {
    border: none;
    position: relative;
  }
  .pretty-table td:before {
    content: attr(data-th) ": ";
    font-weight: bold;
  }

}