@media only screen and (max-width: 1199px) {
  #ipeen-view{content:"tablet";font-family:"tablet";}


  /**
   * tap button
   */
  .tap {
    position: relative;
    width: 40px;
    height: 32px;
    display: block;
    cursor: pointer;
    border: 1px solid #993828;
    border-bottom: 1px solid #7b2417;
    
    -webkit-border-radius: 5px;
            border-radius: 5px;
    -webkit-background-clip: padding-box;
       -moz-background-clip: padding;
            background-clip: padding-box;
    -webkit-box-shadow: inset 0 1px 1px rgba(255,255,255,0.2);
            box-shadow: inset 0 1px 1px rgba(255,255,255,0.2);

    background-color: #be252c;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#CC2F36), to(#B02026));
    background-image: -webkit-linear-gradient(top, #CC2F36, #B02026);
    background-image:    -moz-linear-gradient(top, #CC2F36, #B02026);
    background-image:      -o-linear-gradient(top, #CC2F36, #B02026);
    background-image:         linear-gradient(to bottom, #CC2F36, #B02026);

/*
    background-color: #c4432e;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#d05e48), to(#ab2718));
    background-image: -webkit-linear-gradient(top, #d05e48, #ab2718);
    background-image:    -moz-linear-gradient(top, #d05e48, #ab2718);
    background-image:      -o-linear-gradient(top, #d05e48, #ab2718);
    background-image:         linear-gradient(to bottom, #d05e48, #ab2718);
*/
/*    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d05e48', endColorstr='#ab2718');*/
  }
  .tap:after {
    background-position: -80px -32px;
    width: 25px;
    padding-top: 20px;
    left: 7px;
    top: 8px;
  }
  .tap.open {
    border: 1px solid #cd604f;
  
    -webkit-box-shadow: inset 0 2px 5px rgba(0,0,0,0.6);
            box-shadow: inset 0 2px 5px rgba(0,0,0,0.6);

    background-color: #555555;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#444444), to(#666666));
    background-image: -webkit-linear-gradient(top, #444444, #666666);
    background-image:    -moz-linear-gradient(top, #444444, #666666);
    background-image:      -o-linear-gradient(top, #444444, #666666);
    background-image:         linear-gradient(to bottom, #444444, #666666);
/*    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#666666');*/
  }
  .tap+#functions {
    display: none;
  }
  .tap.open+#functions {
    display: block;
  }

  /**
   * functions
   */
  #header .tap {
    position: absolute;
    right: 20px;
    top: 8px;
  }
  #functions {
    width: 200px;
    position: absolute !important;
    background: #333;
    right: 20px;
    top: 48px;

    padding: 10px;
    border: 1px solid #333333;
    border-bottom: 1px solid #444444;
    
    -webkit-border-radius: 5px;
            border-radius: 5px;
    -webkit-background-clip: padding-box;
       -moz-background-clip: padding;
            background-clip: padding-box;
    -webkit-box-shadow: 0px 4px 10px 0px rgba(0,0,0,.6), inset 0 2px 1px rgba(255,255,255,0.2);
            box-shadow: 0px 4px 10px 0px rgba(0,0,0,.6), inset 0 2px 1px rgba(255,255,255,0.2);

    background-color: #333333;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#464646), to(#272727));
    background-image: -webkit-linear-gradient(top, #464646, #272727);
    background-image:    -moz-linear-gradient(top, #464646, #272727);
    background-image:      -o-linear-gradient(top, #464646, #272727);
    background-image:         linear-gradient(to bottom, #464646, #272727);
/*    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#464646', endColorstr='#272727');*/
  }
  #functions:after {
    background-position: -0px -70px;
    width: 20px;
    padding-top: 12px;
    left: 190px;
    top: -10px;
  }
  #functions h2 {
    display: none;
  }
  #functions a {
    display: block;
    padding: 8px;
    color: #222;
    font-size: 15px;
    text-decoration: none;
    margin-bottom: 10px;
    background: white;
    text-align: center;
  
    -webkit-border-radius: 2px;
            border-radius: 2px;
    -webkit-background-clip: padding-box;
       -moz-background-clip: padding;
            background-clip: padding-box;
  }
  #functions ul li.last a ,
  #functions ul li:last-child a {
    margin-bottom: 0 !important;
  }
}