/* iPad and smaller */

@media (max-width: 767px) { 

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

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

  #featured .featured-inner-container {
    padding-left:10%;
    padding-right:10%;
  }
  
  .s50-featureblock-leftheavy .s50-featureblock-item:last-child,
  .s50-featureblock-rightheavy .s50-featureblock-item:last-child {
     min-width:initial;
  }

  /********************************** 
      use menu button for menu access at 767 and below
  ************************************/

  /* move menu to top right */
  #s50-mainnav {
    position: absolute;
    top: 0;
    right: 0;
    border:none;
    margin:0;
    z-index: 3;
  }
  
  #s50-mainnav .container-fluid {
    width:50px;
    padding:0;
  }
  
  #s50-mainnav .container-fluid > ul {
    padding:0;
  }
  
  /* show menu button, on right */
  #s50-mainnav .btn-navbar {
    display:block;
    z-index:3;
    text-align: right;
    padding-right: 4px;    
  }
    
  /* hide menu */
  #s50-mainnav .navbar-nav {
    display:block;
    visibility:hidden;
    height:0;
    opacity:0;
    transition: all 0.3s ease;
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;  
      -ms-transition: all 0.3s ease;
  }
  
  #s50-mainnav .navbar-nav.s50-iosbug {
    visibility:visible;
    height:auto;
    opacity:.00001;
  }
      
  /* show menu on menu button touch */      
 #s50-mainnav .navbar-nav.s50-show {
    visibility:visible;
    height:auto;
    opacity:1;
  }
           
  #s50-mainnav li.dropdown > a {
    background-color:#e44322;
    color:white;
    text-align: right;
    padding-right:10%;
  }
  
  #s50-mainnav .dropdown .s50-touchsep {
    display:block;
    border-bottom:none;
  }
  
  #s50-mainnav .dropdown .s50-touchsep span {
    line-height:100%;
    font-size:100%;
  }
        
  #s50-mainnav .navbar-nav {
    display:block;
    margin-left:0px;
    background-color:white;
    float: right;
    width:150px;
  }
  
  /* get rid of extra space in menu items */
  #s50-mainnav .dropdown-menu li a {
    padding-right:10px;
  }
      
  /* position to left of dropdown header */
  #s50-mainnav .dropdown-menu {
    position: fixed;
    min-width:200px;
    top: 77px;
    right: 150px;
  }  
  
  .navbar-nav {
    margin:0;
  }
  
  /* show mobile minicart, hide standard minicart */
  #s50-minicart-mobile {
    display:block;
  }
    
  #s50-mainnav ul.navbar-nav#s50-minicart {
    display:none;
  }
  
  #s50-menu-shopbtn {
    text-align: right;
    margin-right:0;
  }

  #s50-mainnav.s50-fixed {
    width:auto;
  }
  
  #s50-mainnav.s50-fixed .navbar-nav {
    transition: all 0;
      -webkit-transition: all 0;
      -moz-transition: all 0;
      -o-transition: all 0;  
      -ms-transition: all 0;
  }
  
  .flex-control-paging {
    display:none;
  }
          
  /*********************    
   * Header adjustments 
   ********************/  

  .s50-header-sm {
    margin-top:5px;
  }
  
  #s50-header-tagline h1 {
    max-width:80%; 
  } 

  #s50-header-tagline h2 {
    max-width:80%; 
  }

  #s50-connect-reveal {
    display:inline-block;
  }
  
  #s50-connect-info {
    display:none;
  }
  
  #s50-connect-reveal .btn {
    padding-top:3px;
    padding-bottom:3px;
    padding-right:6px;
    padding-left:6px;
  }  
  
  /* show mini connect, hide full connect */
  #s50-head-connect-mini {
    display:block;
    margin-left:-28%;
  }
  #s50-head-connect-full {
    display:none;
  }

  /* order form page */
  #s50-orderlinks {
    text-align:center;
    padding-bottom:10px;
  }
  
  #s50-orderlinks .btn {
    width: 80px;
    margin: auto;
    margin-top:4px;
    font-size:80%;
  }

  #s50-orderlinks p {
    text-align: center;
    font-size:80%;
  }
  
  #orderform h2 {
    font-size:150%;
    margin-top:5px;
  }


  .s50-callout {
    font-size: 150%;
    margin-bottom:20px;
  }

  /* 2 to a row instead of 3 to row */
  #s50-supplyset .s50-product,
  #s50-productset .s50-product {
    width:43%;
    margin-left:1%;
    margin-right:1%;
    float:left;
  }

  /* affiliate section fills screen */

  #s50-affillogin {
    width:100%;
  }


  /* details */
 .s50-details ul {
   margin-left:0;
 }
 
 .s50-details li {
   margin-left:0;
 }

 .s50-details h4 {
    max-width: none;
    margin-left: auto;
    margin-right: auto;   
 }


  
  
  
    .footer-list .s50-divide {
      width:20%;
      margin-left:auto;
      margin-right:auto;
    }  
    
    .s50-contentbox ul {
      padding-left:20px;
    }
    
    .s50-contentbox li {
      margin-bottom:10px;
    }
    
    .s50-header-img img {
      max-width:100%;
    }
    
    .s50stackcol.s50-header-img {
      float:left;
      width:25%;
      text-align:left;
    }
    
    #s50-header-tagline {
      padding-top:0; 
      margin-left:-6%;     
    }
    
    #s50-header-tagline h2,
    #s50-header-tagline h1 {
      width:auto;
    }
    
    #s50-header-tagline h2 {
      padding-top:20px;
    }
    
    #s50-header-tagline #s50-head-connect-mini {
      margin-left:0;
    }
    
    #s50-header-contact {
    position: absolute;
    top: 10px;
    left:20%;
    }

    #s50-connect-info {
      padding: 15px;
      border:solid 2px black;
      background:#FFFFFF;
      border-radius:4px;
        -webkit-border-radius:4px;
        -moz-border-radius:4px;
      max-width: 65%;
      min-width:205px;
      margin: auto;      
    }

    header h2 {
      margin-top:24px;
      font-size:18px;
    }
    
    .bigword,
    #featured h2 {
      font-size:20px;      
    }
    
    #featured h3 {
      font-size:18px;      
    }

    header h1 {
      font-weight:bold;      
      font-size:22px;
      margin-top:8px;
    }
    
    header .social {
      text-align:center;
      margin-bottom:6px !important;
      padding-left:0;
    }
    
    .s50-infocoll .panel-default > .panel-heading + .panel-collapse .panel-body {
      margin-left: 0;
      border-left: none; 
    }
    
    #s50-pricing h2 {
      font-size:16px; 
      line-height:1.3;
    }
    
    #s50-introvid {
      width:100%;      
    }

    .s50-navtitle-area {
      margin-bottom:12px;
      margin-left:-28%;
    }

    .s50-navtitle {
      max-width: 300px;
      margin: auto;
      padding:2px;
    }




    header h1 {
      font-size:14px;
    }
  
    header h2 {
      font-size:18px;
    }  
    
        
    .howto-slider .promo-slider h3,
    .promo-slider h3 {
      font-size:22px;
      padding-top:0px;
      padding-bottom:16px;
    }
    
    .promo-slider .promo-image, 
    .promo-slider .promo-text,
    .howto-slider .promo-slider .promo-image, 
    .howto-slider .promo-slider .promo-text  
     {
      width:auto;
      max-width:100%
    }
  
    .howto-slider .promo-slider .promo-image, 
    .promo-slider .promo-image {
      float:none;
      text-align:center;
      padding-right:15px;
    } 
    
    .howto-slider .promo-slider .promo-text,  
    .promo-slider .promo-text {
       padding-left:25px;
     }
  
    
    .flexslider .slides img {
      width:auto;
      display: inline-block;
      padding-top:16px;
      padding-right:25px;   
      max-width: 100%;
    }





        
    .home-column2.portfolio .project{
      max-width:300px;
    }
          
      
    .team-header .detail{
      text-align:center;
    }
        
    .static-header,.static-header,
    .modal-footer .social{
      text-align:center;
    }
    .static-header p{
      margin-left:auto;
      margin-right:auto;
    }
            
    .modal-footer {
      text-align: center;
    }
    
  /* make good returns section in logo
   * lose right border, get a bottom border,
   * and be left-aligned
   */  
  .footer-good-returns-col {
    text-align:left;
    border:none;
    border-bottom: solid #E44322 1px;
    margin-bottom:10px;
    color:#606060;
  }
   
    
  /* make footer heads centered, more distinct and 
   * remove margin to bring them closer to content 
   */
  .modal-footer .footer-head {
    text-align: center;
    margin-bottom:15px;    
  }
   
    
    .modal-footer .social li{
      margin-bottom:5px;
    }
    
    
    .portfolio .project{
      width:30%;
      margin-left:3%;
    }
    .copyrights li {
      display: block;
    
    }
    
    a.client{
      width:18%;
      margin-left:2%;
    }
    
    .breadcrumb ul{
      text-align:left;
    }
    
    #portfolio-three .project,#portfolio-four .project{
      width:45%;
    }
    
    #portfolio-sidebar #portfolio-three .project{
      width:45%;
    }
    
    .project-hover a.btn{
      margin-top:0;
      padding:7px;
      font-size:14px;
    }
    
    .project-hover li{
      margin-left:0;
    }
    
    .s50-offerbox {
      width:80%;
      max-width:300px;
      float:none;
      margin-left:auto;
      margin-right:auto;
      text-align:center;
    }
    
    .s50-offerbox span{
      text-align:center;
      float:none;
      margin-bottom:10px;
      margin-left:auto;
      margin-right:auto;
      display:block;
    }
    
    .s50-offerbox h3,
    .s50-offerbox p,
    .s50-offerbox a{
      margin-left:0px;
    }
        
    #testi-flex{
      max-width:90%;
    }
    
    .contact-info li{
      display:block;
      margin-left:0;
      margin-right:0;
    }
    
    .contact-info{
      text-align:center;
      margin-left:0;
      margin-right:0;
      padding-left:0;
      padding-right:0;
    }

}