@media only screen and (max-width: 600px) {
  .formbuilder .top-nav{
    display: flex;
    justify-content: space-around;
  }
  .formbuilder .top-nav .right, .min-phone-l{
    display: none;
  }
  .formbuilder .navbar-brand{
    color: #FFF;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-align: center;
  }
  .formbuilder .navbar-brand img{
    width: 95px;
  }
  .dashboard{
    width: 95%;
    margin-top: 10px;
  }
  .sidemenu.active{
    position: fixed;
    height: 100%;
    width: 100%;
    z-index: 1;
  }
  .formbuilder #forms-tbl_wrapper .dataTables_paginate {
    width: 100%;
    justify-content: space-around;
  }
  .dataTables_wrapper .dataTables_filter input{
    margin-top: -7px;
  }
  #forms-tbl thead tr th,#forms-tbl tbody tr td{
    text-align: left;
    padding-left: 10px !important;
  }
  .deskhide{
    display: block;
    padding-bottom: 10px;
  }
  td .deskhide .dropdown{
    display: inline-block;
    float: right;
    margin-right: 5px;
    margin-top: 10px; 
  }
  td .deskhide h3{
    color: #000;
    font-size: 15px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    margin-bottom: 0;
    margin-top: 5px;
  }
  td .deskhide p{
    color: #999;
    font-size: 15px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    margin-bottom: 10px;
  }
  td .deskhide .btn-black{
    border-radius: 5px;
    background: #000;
    color: #FFF !important;
    width: 140px;
    height: 30px;
    line-height: 15px;
    margin-left: 10px;
  }
  td .deskhide .btn.btn-default{
    height: 30px;
    line-height: 15px;
  }
  td .deskhide .fa-ellipsis-v:before{
    border-radius: 50%;
    background: #999;
    width: 20px;
    height: 20px;
    padding: 5px 10px;
  }
  td .deskhide a:hover .fa-ellipsis-v:before{
    background: #FFEFE5;
  }
  .content-head div.viewhead p{
    /*white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 30px;*/
    display: none;
  }
  .content-head div.viewhead h3{
    margin-top: 14px;
  }
  .viewform .w-100.text-right {
    text-align: center !important;
  }
  .viewform .card-footer a{
    padding-left: 10px;
  }
  td .deskhide .flex{
    justify-content: space-evenly;
  }
  .fmpreview{
    top: 52px;
    background: white;
  }
  .fmpreview .card{
    border: 0;
  }
  .fmpreview .card-body{
    padding: 0;
  }
  .fmpreview .card-body span{
    text-decoration-line: underline;
  }
  .fmpreview.modal.show .modal-dialog{
    margin: 0;
  }
  .fmpreview table{
    border-radius: 5px;
    border: 1px solid #999;
    background: #FFF;
    margin-top: 10px;
    border-collapse: inherit;
    margin-right: 10px;
  }
  .fmpreview table tbody tr td{
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
  .fmpreview .modal-header{
    background: #F5F5F5;
    border: 0;
    padding: 10px 25px 10px 10px;
  }
  .fmpreview .modal-header .modal-title{
    color: #000;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }
  .fmpreview .modal-header span {
    border: gainsboro;
    background: #D9D9D9;
    border-radius: 50%;
    padding: 3px 8px;
    color: #000;
    font-size: 12px;
  }
  .fmpreview .modal-content{
    border:0;
    border-radius: 0;
  }
  .modal-backdrop.show{
    opacity: 0;
  }  
  #forms-tbl thead tr th:nth-child(2){
      border-radius: 10px 10px 0 0;
  }
  .formbuilder .searchhead{
    display: none;
  }
  .leftbar.sticky{
    width: 100%;
    position: inherit;
    left: 0;
  }
  .leftbar>.col-lg-12{
    padding: 0;
  }
  .formbuilder #form-field .leftbar{
    margin: 0;
  }
  .nbarea{
    width: 100%;
  }
  .sidebar.sticky{
    position:inherit;
    width:100%;
    padding-left: 40px;
  }
}