/* iPhone and smaller */
@media (max-width:480px) {     

  #featured .featured-inner-container {
    padding-left:5%;
    padding-right:5%;
  }

  .s50-dynel-showbelow-480 {
    display:initial;
  }

  .s50-dynel-hidebelow-480 {
    display:none;
  }

  /* make tagline move under logo so
   * it doesn't split
   */
  .footer-logo-col img {
    display:block;
  }
  .footer-good-returns-col .footer-logo-col {
    line-height:120%;
  }
  
  /* make bottom row icons sit on top */
  .modal-footer .copyrights span.detail-icon {
    display:block;
    margin-top:25px;
  }

  /* accordions need smaller fonts on phone to fit */  
  .s50-infocoll .panel-default > .panel-heading h3 {
    line-height:45px;  
    font-size:100%;
  }
  
  .s50-infocoll .panel-default > .panel-heading {
    height:45px;
  }
  
  .s50-infocoll .panel-title {
    left: 45px;
  }
  
  .panel-heading span.plusminus {
    width:35px;
  }
  
  .panel-title a {
    line-height:45px;
  }

  .panel-heading span.plusminus {
    font-size:100%;
    height:45px;
    line-height:45px !important;
  }
  
  /* 1 to a row instead of 3 to row */
  #s50-supplyset .s50-product,
  #s50-productset .s50-product {
    width:90%;
    margin-left:1%;
    margin-right:1%;
    float:left;
  }
  
  .s50-infocoll .panel-body,
  #orderpdf .container-fluid {
    font-size:16px;
    line-height: 120%;
  }
  
  .s50-contentbox ul {
    padding-left:5px;
  }

  .s50-contentbox li {
    padding-left:8px;
  }
  
  /* affiliate */
  .s50-formrow,
  .s50-formlabel,
  .s50-forminput,
  .s50-formbutton,
  .s50-forminstr {
    display:block;
    width:100%;
  }
 
  .s50-formlabel span {
    font-size:80%;
    font-weight:bold;  
  }
  
  .s50-formrow div {
    padding-bottom:3px;
  }
  
  .s50-formrow div.s50-forminstr {
    padding-bottom:14px;
  }
  
  #s50-affillogin h4 {
    font-size:100%;
  } 
   
  .s50-sectiontagline {
    margin-left:8% !important;
    margin-right:8% !important;
  }

  .s50-howto-slider {
    width:100%;
  }
  
  .s50-howto-slider .slides li {
    margin-top:10px;
  }
  
  .s50-howto-slider .slides li p  {
    margin-bottom:5px;
    margin-left:12%;
    margin-right:12%;
    font-size:100%;
  }

  .s50-navtitle-area {
    margin-top:0px;
  }
    
  
  #s50-howtoenv .s50-contentbox,
  #s50-howtouse .s50-contentbox,
  .s50-simpleannounce .s50-contentbox {
    margin-top:5px;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left:8px;
    padding-right:8px;
  }
  
  .nav-tabs > li{
    display:block;
    float:none;
    width:100% !important;
  }
  
  .s50-post-badgeblock {
    float:none;
    width:100%;
    height:auto;
    margin-top:10px;
  }

  .s50-post-badgeblock div {
    float:left;
  }  

  .s50-post-content {
    padding-left:8px;
    padding-right:6px;
    clear:both;
    padding-top:10px;
    padding-bottom:5px;
  }
  
  .s50-post {
    padding:0;
    padding-top:10px;
  }

}