Untitled

      @media only screen and (min-device-width : 310px) and (max-device-width : 768px) {

        .panel2 {
            position: absolute;
            /* margin-right: 40%; */
            margin-left: 27%;
            top: 39%!important;
            z-index: 999;
            width: 72%!important;
            opacity: 0;
        }
        .buttons-wrapper3 {
            float: left;
            background: rgba(0, 0, 0, 0);
            white-space: nowrap;
            overflow-y: auto;
            overflow-x: hidden;
            height: 48px;
            margin-left: 38px;
        }
        .buttons-wrapper {
            float: left;
            margin: 1px;
        }
        .hide{
            top: 2%;
            padding: 2px 8px;
        }
        .btn-sm {
            padding: 1px 6px;
            font-size: 11px;
            line-height: 1.5;
            border-radius: 3px;
        }
    }
    @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {

      .panel2 {
          position: absolute;
          /* margin-right: 40%; */
          margin-left: 27%;
          top: 40%;
          z-index: 999;
          width: 72%!important;
          opacity: 0;
      }
      
    }