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

    .form-container {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        border-top-right-radius: 20px;
        border-top-left-radius: 20px;
        padding-left: 8px;
        padding-right: 8px;
    }

    .gj-container{
      padding: 0px 8px;
    }

    .page-popup .form-container {
        position: relative;
    }

    .page-header {
        height: 100px;
        padding: 16px;
    }

    .page-header .brand .logo {
        width: 40px;
        height: 40px;
    }

    .content {
        padding: 50px 4px 4px 74px;
    }

    .inline-form {
        padding: var(--bs-padding-medium);
    }

     /* Login Start */

    .bg_image{
        height: 62vh !important;
        object-position: -260px 0px;
        top: 0px;
    }

    /* Login End */
    .flex{
        column-gap: 8px;
        row-gap: 8px;
    }

    /* .flex .form-group{
        flex: 1 0 45% !important;
    } */

    .fieldset {
        padding: 8px 8px;
    }

    .legend {
        margin-left: 8px;
    }

    .hgm-remarks, .hm-remarks, .scm-remarks, .mm-remarks, .dmremark,.submenutext ,.usercreationremark{
        height: 108px;
        width: 100%;
      }

    .grid{
        display: flex;
       flex-direction: row;
       flex-wrap: wrap;
       column-gap: 8px;
       row-gap: 8px;
       width: 100%;
       
      }
      .navbar-collapse {
        position: absolute;
        background-color: white;
        top: 49px;
        left:-10px;
        padding: 10px 16px;
        width: max-content;
    }
    .navbar-nav .dropdown-menu {
        position: absolute;
        top: 30px;
        left: 20px;
    }
       .form-group{
        width:47.8% ;
      } 
      .menu-master{
        width: 100%;
      }

      .header{
        padding: 8px 0px;
      }

      footer{
        display: none;
      }
      input[type="checkbox"]{
        margin-right: 8px;
      }
      .form-container{
        padding: 8px 0px;
      }
      .navbar{
        width: min-content;
      }
      .search-group{
      
        width: 48.8%;
  
      }
      .search-group .form-group{
        width: 100%;
      }
   
       .group .form-group{
        width:230px ;
       }
    
       .countryremark{
        width: 230px !important;
       }
       .icon-search{
        left: 140px;
       }
       .reg-service .form-label{
        font-size: 9px;
       }

       .sgroup .icon-search{
        right: 15px;
      }
 
      .widthver1{
          width: auto;
      }
      .tokenwid{
        width: auto;
        
      }
      .tables{
        flex-wrap: wrap;
      }
      .table-height{
        width: 100%;
        height: 150px;
      }
            /* service ordering */
.addeditemwid{
  width: auto;
  display: block;
}
.selectwid{
  width: auto;
}
.smallscreen{
  display: block;

}
.typewid{
  width: 165px;
}
 .smallviewid1{
  width: 566px;
 }
 .smallviewid2{
  width: 524px;
 }
 
 .setting-border{
height: 54px; 
}


    }

    @media (min-width: 992px) { 
      .setting-border{
        height: 54px; 
        }
     }
    
     @media (min-width: 576px) {
      .setting-border{
        height: 54px; 
        }
     }
     @media (min-width: 1200px) { 
      .setting-border{
        height: 54px; 
        }
     }