@media only screen and (max-width: 600px) {
	.loginheader img {
		display: block;
		margin: 0px auto;
	}
	.loginheader ul {
		float: none;
		text-align: center;
	}
	.loginmain {
		padding: 10px 0px;
	}
	.loginmain2 {
		padding: 45px 20px 50px 20px;
	}
	.field-top {
		margin-top: 30px;
	}
	.loginmain2 button{
		margin-top: 20px;
	}
	.loginfooter {
		bottom: -115px;
	}
	.loginfooter p{
		display: block;
		text-align: center;
	}
	.loginfooter ul {
		float: none;
		text-align: center;
		margin-top: 10px;
	}
	#sidebar ul li.active:before{
		top: 30px;
	}
	.mainfooter {
		position: static;
		bottom: -115px;
		background-color: #f5f5f5;
	}
	.mainfooter p{
		color: #909091;
		display: block;
		text-align: center;
	}
	.mainfooter ul {
		float: none;
		text-align: center;
		margin-top: 10px;
	}
	.hidebtnmenu1{
		display: block !important;
	}
	.logo1{
		width: 50%;
	}
	.logo1 img {
		display: block;
		margin-left: auto;
	}
	.sidemenu123{
		width: 50%;
	}
	.sidemenu123 ul{
		text-align: right;
	}
	.notifiction1 .dropdown-menu{
		left: -187px;
	}
	.dropdown-menu1{
		right: 91px;
	}
	.notifiction1{
		margin-right: 10px;
	}
	.logout1{
		display: none;
	}
	.logout2{
		display: block;
		background-color: #fff !important;
		padding: 0px !important;
	}
	.logout2 img{
		width: 30px;
	}
	.contentnew1 {
		padding: 35px 20px;
	}
	.newtable1 {
		padding: 30px 10px;
	}
	.newtable2 table tbody tr td{
		max-width: 100%;
		text-align: left;
	}
	.newmarb10{
		margin-bottom: 10px !important;
	}
	.popup1{
		overflow-y: scroll !important;
	}
	.formhead1 {
		padding: 15px 15px;
	}
	.formsection1 {
		padding: 20px 15px;
	}
	#datatable_wrapper .row:first-child{
		display: none;
	}
	.tabelform1 .dropdown-toggle::after{
		top: 17px !important;
		right: 17px !important;
	}
	.tablehead2 .dropdown-toggle::after{
		top: 17px !important;
		right: 17px !important;
	}
	.newtable2 .form-inline{
		display: block;
	}
	.search1 button{
		position: static;
	}
	.payment1{
		padding: 0px;
	}
	.payment2 label {
		padding: 5px 0px 10px;
	}
	.payment5{
		display: none;
	}
	.payment4 .col-4, .payment4 .col-8{
		flex: 0 0 100%;
		max-width: 100%;
	}
	.payment6, .payment7{
		display: block;
	}
	.payment6 h4{
		color: #37566a;
		font-size: 20px;
		font-weight: 600;
		text-align: center;
		padding: 0px;
		margin: 0px;
	}
	.payment7 h4{
		color: #37566a;
		font-size: 20px;
		font-weight: 600;
		text-align: center;
		padding: 15px 0px 0px;
		margin: 0px;
	}
	.formbutton2{
		text-align: center;
	}
	.formbutton2 .formsave1, .formbutton2 .formadd1, .formbutton2 .formback1, .formsave1{
		float: none;
		padding: 9px 30px 10px !important;
		margin: 5px 3px !important;
	}
	.tabledropdown1 .dropdown-menu-right {
		left: 67px !important;
	}
	.logo2{
		display: block;
		position: absolute;
		top: 25px;
		/* left: 0px; */
		left: 19px;
	}
	.sidebar-header{
		display: none;
	}
	.navbar {
		padding: 20px 20px !important;
	}
	.notifiction1 img {
		width: 30px;
	}
	#sidebar ul li:first-child{
		display: none;
	}
	.thankyoumsg2 {
		width: 100%;
	}
	.newpdf1 {
		padding: 0;
	}
	.newpdf1 .pdfbtn1 a {
		margin: 5px 0px 10px;
	}
	.newpdf1 canvas {
		margin-bottom: 20px;
	}
	.newtable3{
		padding: 10px 10px 30px;
	}
	.newpaddleft1 {
		padding-left: 15px !important;
	}
	.newtable2 .width123{
		min-width: auto;
	}
	.sidebarnew2{
		position: relative;
	}
	#sidebar{
		position: fixed;
		top: 0px;
		left: 2px;
		width: 100%;
		z-index: 9;
		min-width: 170px;
		max-width: 170px;
		text-align: center;
		margin-left: -172px !important;
		overflow: visible;
	}
	#sidebar ul{
		height: 600px;
		overflow: auto;
	}
	.navbtn1{
		top: 55px;
		left: 166px;
	}
	.newprofilename1{
		display: none;
	}
	.newmobilecode1 input {
		text-align: left;
	}
}

@media only screen and (min-width: 601px) and  (max-width: 736px){
	.loginheader img {
		display: block;
		margin: 0px auto;
	}
	.loginheader ul {
		float: none;
		text-align: center;
	}
	.loginfooter p{
		display: block;
		text-align: center;
	}
	.loginfooter {
		bottom: -90px;
	}
	.loginfooter ul {
		float: none;
		text-align: center;
		margin-top: 10px;
	}
	.mainfooter p{
		display: block;
		text-align: center;
	}
	.mainfooter {
		position: static;
		bottom: -90px;
	}
	.mainfooter ul {
		float: none;
		text-align: center;
		margin-top: 10px;
	}
	.hidebtnmenu1{
		display: block !important;
	}
	.navbtn1 img {
		width: 35px;
	}
	.newtable2 table tbody tr td{
		max-width: 100%;
		text-align: left;
	}
	.popup1{
		overflow-y: scroll !important;
	}
	#datatable_wrapper .row:first-child{
		display: none;
	}
	.tabelform1 .dropdown-toggle::after{
		top: 17px !important;
		right: 17px !important;
	}
	.tablehead2 .dropdown-toggle::after{
		top: 17px !important;
		right: 17px !important;
	}
	.newtable2 .form-inline{
		display: block;
	}
	.payment1{
		padding: 0px;
	}
	.payment2 label {
		padding: 5px 0px 10px;
	}
	.payment5{
		display: none;
	}
	.payment4 .col-4, .payment4 .col-8{
		flex: 0 0 100%;
		max-width: 100%;
	}
	.payment6, .payment7{
		display: block;
	}
	.payment6 h4{
		color: #37566a;
		font-size: 20px;
		font-weight: 600;
		text-align: center;
		padding: 0px;
		margin: 0px;
	}
	.payment7 h4{
		color: #37566a;
		font-size: 20px;
		font-weight: 600;
		text-align: center;
		padding: 15px 0px 0px;
		margin: 0px;
	}
	.formbutton2{
		text-align: center;
	}
	.formbutton2 .formsave1, .formbutton2 .formadd1, .formbutton2 .formback1{
		float: none;
		padding: 9px 30px 10px;
		margin: 5px 3px;
	}
	.tabledropdown1 .dropdown-menu-right {
		left: 97px !important;
	}
	.logo2{
		display: block;
		position: absolute;
		top: 25px;
		/* left: 0px; */
		left: 19px;
	}
	.sidebar-header{
		display: none;
	}
	.navbar {
		padding: 20px 20px !important;
	}
	.notifiction1 img {
		width: 30px;
	}
	#sidebar ul li:first-child{
		display: none;
	}
	.thankyoumsg2 {
		width: 100%;
	}
	.newpdf1 {
		padding: 0;
	}
	.newpdf1 .pdfbtn1 a {
		margin: 5px 0px 10px;
	}
	.newpdf1 canvas {
		margin-bottom: 20px;
	}
	.newpaddleft1 {
		padding-left: 15px !important;
	}
	.newtable2 .width123{
		min-width: auto;
	}
	.sidebarnew2{
		position: relative;
	}
	#sidebar{
		position: fixed;
		top: 0px;
		left: 2px;
		width: 100%;
		z-index: 9;
		min-width: 170px;
		max-width: 170px;
		text-align: center;
		margin-left: -172px !important;
		overflow: visible;
	}
	#sidebar ul{
		height: 350px;
		overflow: auto;
	}
	.navbtn1{
		top: 39px;
		left: 166px;
	}
	.newmobilecode1 input {
		text-align: left;
	}
}

@media only screen and (min-width: 766px) and  (max-width: 769px){
	.loginmain .col-md-5{
		-webkit-box-flex: 0;
		-ms-flex: 0 0 60.666667%;
		flex: 0 0 60.666667%;
		max-width: 60.666667%;
	}
	.loginfooter p{
		display: block;
		text-align: center;
	}
	.loginfooter ul {
		float: none;
		text-align: center;
		margin-top: 10px;
	}
	.mainfooter {
		position: static;
	}
	.mainfooter p{
		display: block;
		text-align: center;
	}
	.mainfooter ul {
		float: none;
		text-align: center;
		margin-top: 10px;
	}
	.hidebtnmenu1{
		display: block !important;
	}
	.popup1{
		overflow-y: scroll !important;
	}
	#datatable_wrapper .row:first-child{
		display: none;
	}
	.tabelform1 .dropdown-toggle::after{
		top: 17px !important;
		right: 17px !important;
	}
	.tablehead2 .dropdown-toggle::after{
		top: 17px !important;
		right: 17px !important;
	}
	.newtable2 .form-inline{
		display: block;
	}
	.newtable2 table tbody tr td{
		max-width: 100%;
		text-align: left;
	}
	.tabledropdown1 .dropdown-menu-right {
		left: 97px !important;
	}
	.logo2{
		display: block;
		position: absolute;
		top: 25px;
		/* left: 0px; */
		left: 19px;
	}
	.sidebar-header{
		display: none;
	}
	.navbar {
		padding: 20px 20px !important;
	}
	.notifiction1 img {
		width: 30px;
	}
	#sidebar ul li:first-child{
		display: none;
	}
	.thankyoumsg2 {
		width: 100%;
	}
	.newmobilecode1 input{
		width: 157% !important;
	}
	.newtable2 .width123{
		min-width: auto;
	}
	.sidebarnew2{
		position: relative;
	}
	#sidebar{
		position: fixed;
		top: 0px;
		left: 2px;
		width: 100%;
		z-index: 9;
		min-width: 170px;
		max-width: 170px;
		text-align: center;
		margin-left: -172px !important;
		overflow: visible;
	}
	#sidebar ul{
		overflow: auto;
	}
	.navbtn1{
		top: 39px;
		left: 166px;
	}
}

@media only screen and (min-width: 810px) and  (max-width: 823px){
	.loginmain .col-md-5{
		-webkit-box-flex: 0;
		-ms-flex: 0 0 60.666667%;
		flex: 0 0 60.666667%;
		max-width: 60.666667%;
	}
	.loginmain2 {
		padding: 45px 20px 50px 100px;
	}
	.loginfooter {
		bottom: -90px;
	}
	.loginfooter p{
		display: block;
		text-align: center;
	}
	.loginfooter ul {
		float: none;
		text-align: center;
		margin-top: 10px;
	}
	.mainfooter {
		position: static;
		bottom: -90px;
	}
	.mainfooter p{
		display: block;
		text-align: center;
	}
	.mainfooter ul {
		float: none;
		text-align: center;
		margin-top: 10px;
	}
	.hidebtnmenu1{
		display: block !important;
	}
	.popup1{
		overflow-y: scroll !important;
	}
	#datatable_wrapper .row:first-child{
		display: none;
	}
	.tabelform1 .dropdown-toggle::after{
		top: 17px !important;
		right: 17px !important;
	}
	.tablehead2 .dropdown-toggle::after{
		top: 17px !important;
		right: 17px !important;
	}
	.newtable2 .form-inline{
		display: block;
	}
	.logo2{
		display: block;
		position: absolute;
		top: 34px;
		/* left: 0px; */
		left: 19px;
	}
	.sidebar-header{
		display: none;
	}
	.navbar {
		padding: 20px 20px !important;
	}
	.notifiction1 img {
		width: 30px;
	}
	#sidebar ul li:first-child{
		display: none;
	}
	.thankyoumsg2 {
		width: 100%;
	}
	.loginmain2 {
		padding: 45px 20px 50px 20px;
	}
	.newmobilecode1 input{
		width: 157% !important;
	}
	.newtable2 .width123{
		min-width: auto;
	}
	.sidebarnew2{
		position: relative;
	}
	#sidebar{
		position: fixed;
		top: 0px;
		left: 2px;
		width: 100%;
		z-index: 9;
		min-width: 170px;
		max-width: 170px;
		text-align: center;
		margin-left: -172px !important;
		overflow: visible;
	}
	#sidebar ul{
		height: 350px;
		overflow: auto;
	}
	.navbtn1{
		top: 39px;
		left: 166px;
	}
}

@media only screen and (min-width: 1023px) and  (max-width: 1199px){
	.newmobilecode1 input{
		width: 170% !important;
	}
	.newtable2 .width123{
		min-width: 200px;
	}
	.newtable2 {
		overflow-x: auto;
	}
}

@media only screen and (min-width: 1023px) and  (max-width: 1024px){
	.newmobilecode1 input{
		width: 170% !important;
	}
	.newtable2 .width123{
		min-width: 200px;
	}
	.newtable2 {
		overflow-x: auto;
	}
}

@media only screen and (min-width: 1440px) and  (max-width: 2500px){
	
}

@media only screen and (max-width: 1199px){
	.pageheader2 .text-right {
		flex: 0 0 100%;
		max-width: 100%;
		text-align: left !important;
	}
	.pageheader2.pageheader p {
		display: inline-block;
		margin-right: 10px;
	}
}



@media only screen and (max-width: 800px) {
	
	/* Force table to not be like tables anymore */
	.newtable2 table, 
	.newtable2 thead, 
	.newtable2 tbody, 
	.newtable2 th, 
	.newtable2 td, 
	.newtable2 tr { 
		display: block; 
	}
 
	/* Hide table headers (but not display: none;, for accessibility) */
	.newtable2 thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
 
	.newtable2 tr { border: 1px solid #ccc; }
 
	.newtable2 td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
		white-space: normal;
		text-align:left;
	}
 
	.newtable2 td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 10px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
		text-align:left;
		font-weight: bold;
	}
.newtable2 td:before { content: attr(data-title); }
.newtable2 table tbody tr td {
		padding: 33px 10px 17px;
	}


.newtable3 table, 
	.newtable3 thead, 
	.newtable3 tbody, 
	.newtable3 th, 
	.newtable3 td, 
	.newtable3 tr { 
		display: block; 
	}
 
	/* Hide table headers (but not display: none;, for accessibility) */
	.newtable3 thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
 
	/* .newtable3 tr { border: 1px solid #37566a; } */
 
	.newtable3 td { 
		/* Behave  like a "row" */
		border: none;
		/* border-bottom: 1px solid #37566a;  */
		position: relative;
		padding-left: 50%; 
		white-space: normal;
		text-align: left !important;
	}
 
	.newtable3 td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 10px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
		text-align:left;
		font-weight: bold;
	}
.newtable3 td:before { content: attr(data-title); }
.newtable3 table tbody tr td {
		padding: 33px 10px 17px;
	}
	.newtable3 table tbody tr:last-child td {
		/* padding: 5px 0px 0px; */
	}
	.newtabletd1{
		font-weight: 700 !important;
		padding: 15px 10px 0px !important;
	}
	.newtabletd2{
		font-weight: 700 !important;
		padding: 7px 10px 15px !important;
	}
	.statussubmitted, .statusinprogress, .statusdelivered, .statuscancelled {
		display: inline-block;
		/* padding: 27px 10px 9px !important; */
	}
	.tablestatus{
		display: inline-block;
	}
}