@media only screen and (max-width : 942px) {
    html, body{margin:0;-webkit-touch-callout: none;-webkit-user-select: none; /* Webkit */-moz-user-select: none;    /* Firefox */-ms-user-select: none;     /* IE 10  */}
*{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
  .outer-wrapper{
    padding:30px 15px 15px;
  }
  .lower-section{
    padding:0;
    margin-top:16px!important;
  }
  .selected-image{
    max-width:100%;
    height:0;
    padding-top:60%;
  }
  .select-hand-ruler{
    clear:both;
  }
}

/* Table Devices */
@media only screen and (max-width : 768px) {
  .outer-wrapper h2{
    display:block;
  }
  .measurebox{
    display:block;
    float:none;
    width:100%

  }
  .measurebox img{
    max-width:440px;
    width:100%;
    display:block;
    margin:0 auto;
    position:relative;
    left:20px;
  }
  .select-wrapper-outer{
    background:none;
    float:none;
    padding:0;
  }
  .watch-sizing-guide.outer-wrapper > h2{
    margin-bottom:30px;
  }
  .select-wrapper-outer{
    max-width:320px;
    margin:20px auto 25px;
  }
  .start-over, .start-over:hover, .start-over:active {
    float: none;
    margin: 0 auto;
    position: relative;
    right: auto;
    top: auto;
  }
  .select-hand-ruler {
    margin-top: 30px;
  }
}

@media only screen and (max-width : 500px) {
  .thumbnails{
    position:relative;
  }
  #hand{
    margin-bottom:15px;
  }
  .group {
    float: left;
    margin: 0;
    width: 48%;
  }
  #ruler {
    float: right;
  }
  .frame {
    margin-top: -3px;
    max-height: 100%;
    max-width: 100%;
  }
  #ruler .frame{
    float: right;
  }
  .group > p {
    margin: 5px 0 25px;
    max-width: 100%;
    width: 180px;
  }
  .group.ruler{
    float: right;
  }
  .txtruler {
    float: right;
  }
}  

@media only screen and (max-width : 340px) {
  .select-wrapper{
    font-size:17px;
  }
  .select-wrapper select{
    margin-left:4px;
    width:135px;
  }
}