@media only screen and (max-width: 414px){
	.resline{
		margin-left: 0px !important;
		width: 100% !important;
		margin-top: 1rem !important;
	}
	.generate{
		height:auto !important;
		width:auto !important;
		/*margin-left:-9rem !important;*/
	}
	.print_modal{
	  width: 38rem !important;
	}
	.subbtn{
		
		width: 75% !important;
		margin-top: 1rem !important;
	}
	.probtn{
		
		width: 80% !important;
	}
	.sideimg{
		height: 10rem !important;
		background-size: contain !important;
	}
	.lgbnb{
		margin-left: 1rem !important;
		height: 4rem !important;
	}
	.header_div{
		width: 100% !important;
	}
	.form_inp {
	  text-transform: uppercase !important;
	    /*display: block !important;*/
	    width: 100% !important;
	    height: 22px !important;
	    height: calc(1.5em + 0.75rem + 2px) !important;
	    padding: 0.375rem 0.75rem !important;
	    font-size: 1rem !important;
	    font-weight: 400 !important;
	    line-height: 1.5 !important;
	    color: #495057 !important;
	    background-color: #fff !important;
	    background-clip: padding-box !important;
	    border: 1px solid #ced4da !important;
	    border-radius: 0.25rem !important;
	    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out !important;
	}
	.mtop10{
		margin-top: 16px !important;
	}
	.submitcolor{
		width: 70% !important;
	}
	.deletecolor{
		width: 70% !important;
	}
	.mtop11{
		margin-top: 11px !important;
	}
	.mtop12{
	  margin-top: -12px !important;
	}
	.mtop3rem{
	  margin-top: 3rem !important;
	  width: 84rem !important;
  	  margin-left: -24rem !important;
	}
	.ptag{
	  font-size: 15px !important;
	  white-space: nowrap !important;
	  text-align: left !important;
	  margin-bottom: -15px !important;
	}
	.div_up{
	  overflow-x: auto !important;
	  overflow-y: auto !important;
	  max-height: 17rem !important;
	}
	.table_up{
	  border-spacing: 0px !important;
	  margin-bottom: 0px !important;
	}
	.thead_up{
	  position: sticky;top: 0 !important;
	  z-index: 10 !important;
	  text-align: center !important;
	  border-top:hidden !important;
	  height: 0px !important;
	}
	.width8
	{
	  width: 10rem !important;
	}

	.width6
	{
	  width: 8rem !important;
	}

	.width5
	{
	  width: 7rem !important;
	}
	.width4
	{
	  width: 5rem !important;
	}

	.display-none
	{
	  display: none;
	}
	.footsize{
		font-size: 14px !important;
	}
	.foot1{
  		text-align: center !important;
  		margin-left: 0 !important;
	}
	.foot2{
  		text-align: center !important;
	}
	.footp{
  		margin-left: 1rem !important ;
  		margin-right: 2rem !important;  	
	}
	.footlg{
		height: 5rem  !important;
    	width: 15rem  !important;
	}
	.translogomain{
		height: 18rem !important;
    	width: 20rem !important;
    	margin-top: 1rem !important;
	}
	.bnblogo{
  		height: 5rem !important;
  		width: 16rem !important;
	}

	.user-managemnt-text{
	  margin-top: 5px !important;
	  text-align: center !important;
	}

	.super-admin{
	  width: auto !important;
	  margin-top: 65px !important;
	  height: 22rem !important;
	}

	.admin-background-image{
	  background-image: url('../image/adminlog.png');
	  height: 10rem !important;  
	  background-repeat: no-repeat !important;
	  background-size: contain !important;
	  background-position: center !important;
	}

	.user-log-modal{
		margin-top: 14% !important;
		margin-left: auto !important;
		width: auto !important;
		height: auto !important;
	}
	
}

@media only screen and (min-width:415px) and (max-width: 768px){
	.resline{
		margin-left: 0px !important;
		width: 100% !important;
		margin-top: 1rem !important;
	}
	.generate{
		height:auto !important;
		width:auto !important;
		/*margin-left:-9rem !important;*/
	}
	.print_modal{
	  width: 38rem !important;
	}
	.subbtn{
		
		width: 75% !important;
		margin-top: 1rem !important;
	}
	.probtn{
		
		width: 80% !important;
	}
	.sideimg{
		height: 10rem !important;
		background-size: contain !important;
	}
	.lgbnb{
		margin-left: 1rem !important;
		height: 4rem !important;
	}
	.header_div{
		width: 100% !important;
	}
	.form_inp {
	  text-transform: uppercase !important;
	    /*display: block !important;*/
	    width: 100% !important;
	    height: 22px !important;
	    height: calc(1.5em + 0.75rem + 2px) !important;
	    padding: 0.375rem 0.75rem !important;
	    font-size: 1rem !important;
	    font-weight: 400 !important;
	    line-height: 1.5 !important;
	    color: #495057 !important;
	    background-color: #fff !important;
	    background-clip: padding-box !important;
	    border: 1px solid #ced4da !important;
	    border-radius: 0.25rem !important;
	    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out !important;
	}
	.mtop10{
		margin-top: 16px !important;
	}
	.mtop11{
		margin-top: 11px !important;
	}
	.mtop12{
	  margin-top: -12px !important;
	}
	.mtop3rem{
	  margin-top: 3rem !important;
	   width: 84rem !important;
  	  margin-left: -24rem !important;
	}
	.ptag{
	  font-size: 15px !important;
	  white-space: nowrap !important;
	  text-align: left !important;
	  margin-bottom: -15px !important;
	}
	.div_up{
	  overflow-x: auto !important;
	  overflow-y: auto !important;
	  max-height: 17rem !important;
	}
	.table_up{
	  border-spacing: 0px !important;
	  margin-bottom: 0px !important;
	}
	.thead_up{
	  position: sticky;top: 0 !important;
	  z-index: 10 !important;
	  text-align: center !important;
	  border-top:hidden !important;
	  height: 0px !important;
	}
	.width8
	{
	  width: 10rem !important;
	}

	.width6
	{
	  width: 8rem !important;
	}

	.width5
	{
	  width: 7rem !important;
	}
	.width4
	{
	  width: 5rem !important;
	}

	.display-none
	{
	  display: none;
	}
	.footsize{
		font-size: 14px !important;
	}
	.foot1{
  		text-align: center !important;
  		margin-left: 0 !important;
	}
	.foot2{
  		text-align: center !important;
	}
	.footp{
  		margin-left: 1rem !important ;
  		margin-right: 2rem !important;  	
	}
	.footlg{
		height: 5rem  !important;
    	width: 15rem  !important;
	}
	.translogomain{
		height: 18rem !important;
    	width: 20rem !important;
    	margin-top: 1rem !important;
	}
	.bnblogo{
  		height: 5rem !important;
  		width: 16rem !important;
	}

	.user-managemnt-text{
	  margin-top: 5px !important;
	  text-align: center !important;
	}

	.super-admin{
	  width: auto !important;
	  margin-top: 65px !important;
	  height: 22rem !important;
	}

	.admin-background-image{
	  background-image: url('../image/adminlog.png');
	  height: 10rem !important;  
	  background-repeat: no-repeat !important;
	  background-size: contain !important;
	  background-position: center !important;
	}

	.user-log-modal{
		margin-top: 14% !important;
		margin-left: auto !important;
		width: auto !important;
		height: auto !important;
	}
	
}

@media only screen and (min-width:769px) and (max-width: 1024px){
	.resline{
		margin-left: 0px !important;
		width: 100% !important;
		margin-top: 1rem !important;
	}
	.generate{
		height:auto !important;
		width:auto !important;
		/*margin-left:-9rem !important;*/
	}
	.print_modal{
	  width: 38rem !important;
	}
	.subbtn{
		width: 75% !important;
		margin-top: 1rem !important;
	}
	.probtn{
		width: 80% !important;
	}
	.sideimg{
		height: 10rem !important;
		background-size: contain !important;
	}
	.lgbnb{
		margin-left: 1rem !important;
		height: 4rem !important;
	}
	.header_div{
		width: 100% !important;
	}
	.form_inp {
	  text-transform: uppercase !important;
	    /*display: block !important;*/
	    width: 100% !important;
	    height: 22px !important;
	    height: calc(1.5em + 0.75rem + 2px) !important;
	    padding: 0.375rem 0.75rem !important;
	    font-size: 1rem !important;
	    font-weight: 400 !important;
	    line-height: 1.5 !important;
	    color: #495057 !important;
	    background-color: #fff !important;
	    background-clip: padding-box !important;
	    border: 1px solid #ced4da !important;
	    border-radius: 0.25rem !important;
	    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out !important;
	}
	.mtop10{
		margin-top: 16px !important;
	}
	.mtop11{
		margin-top: 11px !important;
	}
	.mtop12{
	  margin-top: -12px !important;
	}
	.mtop3rem{
	  margin-top: 3rem !important;
	   width: 84rem !important;
  	  margin-left: -24rem !important;
	}
	.ptag{
	  font-size: 15px !important;
	  white-space: nowrap !important;
	  text-align: left !important;
	  margin-bottom: -15px !important;
	}
	.div_up{
	  overflow-x: auto !important;
	  overflow-y: auto !important;
	  max-height: 17rem !important;
	}
	.table_up{
	  border-spacing: 0px !important;
	  margin-bottom: 0px !important;
	}
	.thead_up{
	  position: sticky;top: 0 !important;
	  z-index: 10 !important;
	  text-align: center !important;
	  border-top:hidden !important;
	  height: 0px !important;
	}
	.width8
	{
	  width: 10rem !important;
	}

	.width6
	{
	  width: 8rem !important;
	}

	.width5
	{
	  width: 7rem !important;
	}
	.width4
	{
	  width: 5rem !important;
	}

	.display-none
	{
	  display: none;
	}
	.footsize{
		font-size: 14px !important;
	}
	.foot1{
  		text-align: center !important;
  		margin-left: 0 !important;
	}
	.foot2{
  		text-align: center !important;
	}
	.footp{
  		margin-left: 1rem !important ;
  		margin-right: 2rem !important;  	
	}
	.footlg{
		height: 5rem  !important;
    	width: 15rem  !important;
	}
	.translogomain{
		height: 18rem !important;
    	width: 20rem !important;
    	margin-top: 1rem !important;
	}
	.bnblogo{
  		height: 5rem !important;
  		width: 16rem !important;
	}

	.user-managemnt-text{
	  margin-top: 5px !important;
	  text-align: center !important;
	}

	.super-admin{
	  width: auto !important;
	  margin-top: 65px !important;
	  height: 22rem !important;
	}

	.admin-background-image{
	  background-image: url('../image/adminlog.png');
	  height: 10rem !important;  
	  background-repeat: no-repeat !important;
	  background-size: contain !important;
	  background-position: center !important;
	}
	
	.user-log-modal{
		margin-top: 14% !important;
		margin-left: auto !important;
		width: auto !important;
		height: auto !important;
	}
}