@media only screen and (max-width: 600px) {
	.loginheader img {
		display: block;
		margin: 0px auto;
	}
	.loginheader ul {
		float: none;
		text-align: center;
	}
	.loginmain2 {
		padding: 45px 20px 50px 100px;
	}
	.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: 37px;
	}
	.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;
	}
	.navbtn1{
		top: 55px;
	}
	.logo1{
		width: 50%;
		position: absolute;
		top: 21px;
		left: 13px;
	}
	.logo1 img {
		display: block;
		/* margin-left: auto; */
	}
	.sidemenu123{
		width: 50%;
	}
	.sidemenu123 ul{
		text-align: right;
	}
	.notifiction1 .dropdown-menu{
		left: -250px;
	}
	.dropdown-menu1{
		right: 14px;
	}
	.notifiction1{
		position: absolute;
		top: 21px;
		right: 33px;
		/* 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{
		text-align: left;
	}
	.newmarb10{
		margin-bottom: 10px !important;
	}
	.popup1{
		overflow-y: scroll !important;
	}
	.formsection1 {
		padding: 20px 15px;
	}
	#datatable_wrapper .row:first-child{
		display: none;
	}
	.tabelform1 .dropdown-toggle::after, .formhead1 .dropdown-toggle::after, .newheader1231 .dropdown-toggle::after{
		top: 17px !important;
		right: 17px !important;
	}
	.tabelform1 .bootstrap-select, .formsection1 .bootstrap-select{
		margin: 0px 0px 10px !important;
	}
	.formsection1 .dropdown-toggle::after, .formsection2 .dropdown-toggle::after{
		top: 10px !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 !important;
	}
	#quoteTable .payment2 label {
		padding: 5px 0px 0px !important;
	}
	.payment5{
		display: none;
	}
		.payment3 label span.year{
		display: block;
	}
	.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 !important;
		margin: 0px;
	}
	.payment7 h4{
		color: #37566a;
		font-size: 20px;
		font-weight: 600;
		text-align: center;
		padding: 15px 0px 0px !important;
		margin: 0px;
	}
	.newtable3{
		padding: 10px 10px 30px;
	}
	.formhead1 {
		padding: 15px 10px;
	}
	.newprofileimg1{
		padding-top: 0px;
	}
	.loading1 {
		position: fixed;
		top: 50%;
		left: 30%;
		transform: translate(-20%, -50%);
	}
	.loading1 p {
		font-size: 19px;
	}
	.formbutton2{
		text-align: center;
	}
	.formbutton2 .formsave1, .formbutton2 .formback1, .formbutton2 .addnew1{
		padding: 9px 40px 10px;
		margin: 5px;
		float: none;
	}
	.signoutbtn{
		position: absolute;
		top: 20px;
		right: 15px;
	}
	.newheader1231{
		position: absolute;
		top: 94px;
		left: 50%;
		width: 69%;
		transform: translate(-50%, -50%);
		z-index: 9;
	}
	.navbar {
		height: 130px;
	}
	.payment2{
		border-bottom: 1.5px solid rgba(55, 86, 106, 0.20);
	}
	.payment3 label{
		/* border-radius: 0px; */
	}
	.payment4{
		border: 1.5px solid rgba(55, 86, 106, 0.20);
		padding-top: 20px;
		margin-bottom: 15px;
	}
	.payment4 .col-6{
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.tabledropdown1 .dropdown-menu-right {
		left: 59px !important;
	}
	.tablehead1 h4 {
		display: block;
	}
	.tablehead1 a {
		float: left;
		margin: 7px 0px 15px;
	}
	.pageheader h3{
		display: block;
		float: left;
	}
	.pageheader a, .pageheader button{
		float: left;
	}
	.newalign1231{
		float: right !important;
	}
	.newtop1{
		left: -20px !important;
	}
	#sidebar{
		/* position: absolute; */
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 99;
	}
	#sidebar ul li:last-child{
		margin-bottom: 70px;
	}
	#sidebar ul li ul li:last-child{
		margin-bottom: 0px;
	}
	.sidebar2 {
		position: relative;
		left: 0px;
		top: 0px;
		width: 100%;
		/* height: auto;
		overflow-y: auto; */
		height: 700px;
		overflow-y: scroll;
		overflow-x: hidden;
	}
	.newtable2 table tbody tr.notify-app td, .newtable2 table tbody tr.notify-app td:first-child, .newtable2 table tbody tr.notify-app td:last-child{
		border: none;
	}
	.newtable2 table tbody tr.notify-app{
		border: 2px solid rgba(55, 86, 106, 0.57);
	}
	.formsection3{
		width: 100%;
	}
	.quotetab1 a:first-child{
		margin-bottom: 10px;
	}
	.newchart2{
		padding: 20px 0px;
	}
	.newchart3{
		padding: 0px 30px;
	}
	.newchart5 canvas{
		width: 100% !important;
		max-width: 900px;
		height: auto !important;
	}
	.newchart5 form {
		padding: 0px 30px;
	}
	.newchart5 form input[type="number"]{
		width: 65% !important;
	}
	.newchart62 .col-6{
		flex: 0 0 100%;
		max-width: 100%;
	}
	.newchart62 .circle{
		padding: 0px 90px;
		margin: 20px 0px;
	}
	.termscontent1 {
		margin-bottom: 20px;
	}
	.termscontenthead{
		padding: 15px 10px;
	}
	.termscontent2 {
		padding: 20px 10px;
	}
	.termscontent3 ul {
		padding: 0px 0px 0px 22px;
	}
	.newmargb2{
		margin-bottom: 0px !important;
	}
	#monthlypayment2 #investment_amount{
		width: 100% !important;
	}		.dashpopup4 ul {		padding: 0px 0px 0px 25px;	}	.dashclose1{		right: -9px;	}	.chartvalue1 {		position: static;	}
}

@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{
		top: 39px;
		/* left: -9px; */
	}
	.navbtn1 img {
		width: 35px;
	}
	.newtable2 table tbody tr td{
		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;
	}
	.tabelform1 .bootstrap-select, .formsection1 .bootstrap-select{
		margin: 0px 0px 10px !important;
	}
	.tablehead2 .dropdown-toggle::after{
		top: 17px !important;
		right: 17px !important;
	}
	.formhead1 .dropdown-toggle::after, .newheader1231 .dropdown-toggle::after{
		top: 17px !important;
		right: 17px !important;
	}
	.formsection1 .dropdown-toggle::after, .formsection2 .dropdown-toggle::after{
		top: 10px !important;
		right: 17px !important;
	}
	.newtable2 .form-inline{
		display: block;
	}
	.payment1{
		padding: 0px;
	}
	.payment2 label {
		padding: 5px 0px 10px !important;
	}
	#quoteTable .payment2 label {
		padding: 10px 0px 0px !important;
	}
	.payment3 label span.year{
		display: block;
	}
	.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 !important;
		margin: 0px;
	}
	.payment7 h4{
		color: #37566a;
		font-size: 20px;
		font-weight: 600;
		text-align: center;
		padding: 15px 0px 0px !important;
		margin: 0px;
	}
	.newtable3{
		padding: 10px 40px 30px;
	}
	.formhead1 {
		padding: 15px 20px;
	}
	.newprofileimg1{
		padding-top: 0px;
	}
	.notifiction1, .newheader1231 {
		margin: 0px 20px 0px 0px;
	}
	.payment4{
		padding-top: 20px;
	}
	.tabledropdown1 .dropdown-menu-right {
		left: 97px !important;
	}
	#sidebar{
		/* position: absolute; */
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 99;
	}
	#sidebar ul li:last-child{
		margin-bottom: 370px;
	}
	#sidebar ul li ul li:last-child{
		margin-bottom: 0px;
	}
	.sidebar2 {
		position: relative;
		left: 0px;
		top: 0px;
		width: 100%;
		/* height: auto;
		overflow-y: auto; */
		height: 700px;
		overflow-y: scroll;
		overflow-x: hidden;
	}
	.newtable2 table tbody tr.notify-app td, .newtable2 table tbody tr.notify-app td:first-child, .newtable2 table tbody tr.notify-app td:last-child{
		border: none;
	}
	.newtable2 table tbody tr.notify-app{
		border: 2px solid rgba(55, 86, 106, 0.57);
	}
	.formsection3{
		width: 50%;
	}
	.quotetab1 a:first-child{
		margin-bottom: 10px;
	}
	.termscontent1 {
		margin-bottom: 20px;
	}
	.newmargb2{
		margin-bottom: 0px !important;
	}
	#monthlypayment2 #investment_amount{
		width: 100% !important;
	}
}

@media only screen and (min-width: 766px) and  (max-width: 769px){
	.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; */
		right: 120px;
	}
	#datatable_wrapper .row:first-child #datatable_filter input[type="search"] {
		width: 150px;
	}
	.tabelform1 .dropdown-toggle::after{
		top: 17px !important;
		right: 17px !important;
	}
	.tablehead2 .dropdown-toggle::after{
		top: 17px !important;
		right: 17px !important;
	}
	.formhead1 .dropdown-toggle::after, .newheader1231 .dropdown-toggle::after{
		top: 17px !important;
		right: 17px !important;
	}
	.formsection1 .dropdown-toggle::after, .formsection2 .dropdown-toggle::after{
		top: 10px !important;
		right: 17px !important;
	}
	.newtable2 .form-inline{
		display: block;
	}
	#sidebar{
		/* position: absolute; */
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 99;
	}
	#sidebar ul li:last-child{
		margin-bottom: 30px;
	}
	#sidebar ul li ul li:last-child{
		margin-bottom: 0px;
	}
	.sidebar2 {
		position: relative;
		left: 0px;
		top: 0px;
		width: 100%;
		/* height: auto;
		overflow-y: auto; */
		height: 700px;
		overflow-y: scroll;
		overflow-x: hidden;
	}
	.newtable2 table tbody tr.notify-app td, .newtable2 table tbody tr.notify-app td:first-child, .newtable2 table tbody tr.notify-app td:last-child{
		border: none;
	}
	.newtable2 table tbody tr.notify-app{
		border: 2px solid rgba(55, 86, 106, 0.57);
	}
	.formsection3{
		width: 50%;
	}
}

@media only screen and (min-width: 810px) and  (max-width: 823px){
	.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; */
		right: 120px;
	}
	#datatable_wrapper .row:first-child #datatable_filter input[type="search"] {
		width: 150px;
	}
	.tabelform1 .dropdown-toggle::after{
		top: 17px !important;
		right: 17px !important;
	}
	.tablehead2 .dropdown-toggle::after{
		top: 17px !important;
		right: 17px !important;
	}
	.formhead1 .dropdown-toggle::after, .newheader1231 .dropdown-toggle::after{
		top: 17px !important;
		right: 17px !important;
	}
	.formsection1 .dropdown-toggle::after, .formsection2 .dropdown-toggle::after{
		top: 10px !important;
		right: 17px !important;
	}
	.newtable2 .form-inline{
		display: block;
	}
	.newtable2 {
		overflow-x: auto;
	}
	#sidebar{
		/* position: absolute; */
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 99;
	}
	#sidebar ul li:last-child{
		margin-bottom: 350px;
	}
	#sidebar ul li ul li:last-child{
		margin-bottom: 0px;
	}
	.sidebar2 {
		position: relative;
		left: 0px;
		top: 0px;
		width: 100%;
		/* height: auto;
		overflow-y: auto; */
		height: 700px;
		overflow-y: scroll;
		overflow-x: hidden;
	}
	.formsection3{
		width: 50%;
	}
	.termscontent1 {
		margin-bottom: 20px;
	}
	.newmargb2{
		margin-bottom: 0px !important;
	}
}

@media only screen and (min-width: 1023px) and  (max-width: 1024px){
	.newtable2 {
		overflow-x: auto;
	}
	.newtable3 {
		overflow-x: auto;
	}
	.formsection3{
		width: 39%;
	}
	.newchart62 .col-6{
		flex: 0 0 100%;
		max-width: 100%;
	}
	.newchart62 .circle{
		margin: 20px 0px;
	}
	#datatable_wrapper .row:first-child {
		right: 120px;
	}
	#datatable_wrapper .row:first-child #datatable_filter input[type="search"] {
		width: 150px;
	}
}@media only screen and (min-width: 916px) and  (max-width: 1300px){	.newchart5 .circle p {		font-size: 11px;		bottom: -23px;	}	.newchart5 .circle strong {		font-size: 15px;		transform: translate(-50%, -92%);	}}

@media only screen and (min-width: 916px) and  (max-width: 1200px){
	#sidebar ul li a span {
		font-size: 13px;
	}
	#sidebar ul li.active a span {
		font-size: 13px;
	}
	#sidebar ul li a i, #sidebar ul li.active a i {
		font-size: 30px;
		line-height: 30px;
	}
	#sidebar ul li.active:before {
		top: 15px;
		width: 30px;
		height: 30px;
	}
	.onlineuser1 p {
		font-size: 13px;
	}
	.onlineuser1 .onlineuser2{
		font-size: 13px;
		padding: 6px 10px 6px !important;
	}
	.onlineuser1 .onlineuser2 img {
		width: 19px;
		height: 19px;
	}
	.onlineuser1 p {
		padding: 0px 0px 0px 0px;
	}
	#sidebar {
		min-width: 200px;
		max-width: 200px;
	}
	.sidebar2 {
		width: 200px;
	}
	.contentnew1 {
		padding: 20px 7px 35px;
	}
	.newtable1{
		padding: 30px 10px;
	}
}

@media (max-width: 1300px) {
	.formsection1 .col-md-5 {
		-webkit-box-flex: 0 !important;
		-ms-flex: 0 0 100% !important;
		flex: 0 0 100% !important;
		max-width: 100% !important;
	}
	.formsection1 .col-md-3{
		-webkit-box-flex: 0 !important;
		-ms-flex: 0 0 100% !important;
		flex: 0 0 100% !important;
		max-width: 100% !important;
	}
}

@media only screen and (min-width: 1321px) and  (max-width: 2500px){ 
   /* .app_list_page { overflow: auto; } */
	.app_list_page .newtable2 table tbody tr td{    font-size: 12px;}
	.newtable2 table tbody tr td, .newtable3 table tbody tr td{    font-size: 12px;}
}
@media only screen and (min-width: 1290px) and  (max-width: 1320px){
   .app_list_page { overflow: auto; }
	.app_list_page .newtable2 table tbody tr td{    font-size: 11px;}
	.newtable2 table tbody tr td, .newtable3 table tbody tr td{    font-size: 11px;}
}
@media only screen and (min-width: 1025px) and  (max-width: 1289px){
   /* .app_list_page { overflow: auto; } */
	.app_list_page .newtable2 table tbody tr td{    font-size: 9px;}
	.newtable2 table tbody tr td, .newtable3 table tbody tr td{    font-size: 9px;}
}@media only screen and (max-width: 1199px){	.newchart4 canvas, .newchart5 canvas{		width: 100% !important;		height: auto !important;	}}




@media only screen and (max-width: 915px) {
	
	/* 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;
		max-width: 100%;
	}
	
	/* Force table to not be like tables anymore */
	.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;
		max-width: 100%;
	}
 
	.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;
		max-width: 100%;
	}
	.newtable3 table tbody tr:last-child td {
		padding: 5px 0px 0px;
	}
}@media only screen and (max-width: 1023px){	#datatable tbody tr{		display: block;	}	#datatable tbody tr:nth-child(1), #datatable tbody tr:nth-child(2), #datatable tbody tr:nth-child(3), #datatable tbody tr:nth-child(4), #datatable tbody tr:nth-child(5), 	#datatable tbody tr:nth-child(6), #datatable tbody tr:nth-child(7), #datatable tbody tr:nth-child(8), #datatable tbody tr:nth-child(9), #datatable tbody tr:nth-child(10),	#datatable tbody tr:nth-child(11), #datatable tbody tr:nth-child(12), #datatable tbody tr:nth-child(13), #datatable tbody tr:nth-child(14), #datatable tbody tr:nth-child(15), 	#datatable tbody tr:nth-child(16), #datatable tbody tr:nth-child(17), #datatable tbody tr:nth-child(18), #datatable tbody tr:nth-child(19), #datatable tbody tr:nth-child(20),	#datatable tbody tr:nth-child(21), #datatable tbody tr:nth-child(22), #datatable tbody tr:nth-child(23), #datatable tbody tr:nth-child(24), #datatable tbody tr:nth-child(25){		display: block;	}}/* @media only screen and (min-width: 1024px) and (max-width: 1299px){ */@media only screen and (min-width: 769px) and (max-width: 1299px){	#datatable_wrapper .row:first-child #datatable_filter input[type="search"] {		width: 190px;	}	#datatable_wrapper .row:first-child {		right: 144px;	}}@media only screen and (min-width: 992px) and (max-width: 1199px){	.newchart2 {		padding: 30px 0px;	}	.newchart3 h4 {		padding: 0px 10px 15px;	}	#do_legend li span {		font-size: 10px;	}	.newchart22 h4{		font-size: 15px;	}}@media only screen and (max-width: 1199px){	.newchart2{		height: 330px;	}	.newchart112{		margin: 79px auto 0px;	}	.newsection3 {		width: 43%;	}	.newchart22 {		margin: 0px 9px;	}	.newchart5 canvas#chart1 {		height: 130px !important;	}}@media only screen and (max-width: 992px){	.newchart2{		height: auto;	}	.newchart112{		margin: 50px auto 0px;	}	.newtotal3 {		width: 110px;		height: 110px;	}	.newtotal3 h3 {		font-size: 16px;		line-height: 110px;	}	.newtotal2:last-child .newtotal3 h3 {		font-size: 30px;	}	.newtotal4 p {		font-size: 12px;	}}@media only screen and (max-width: 600px){	.charttable .tablehead1 {		position: relative;	}	.formsave11{		margin: 7px 0px 0px;		float: left;	}	.newtotal2 {		width: 100%;		margin: 10px;	}	.newnotification1 {		padding: 10px 15px 10px 57px;	}	.newnotification1:before {		width: 49px;		background-size: 21px;	}	.newnotification2 h4 span {		float: none;	}	.chat_1 h4 span, .chat_3 h4 span, .chat_4 h4 span {		float: none;	}	.newsection3 {		width: 100%;	}	.filelist1 li {		width: 100%;	}	#do_legend li {		width: 47%;	}	.newtab11 ul li {		padding: 6px 10px;		margin: 0px 7px 0px 0px;		font-size: 14px;	}}@media only screen and (max-width: 320px){	.newsection3 {		padding: 20px 15px 20px 15px;		margin: 10px 0px 10px 0px;	}	.newsection4 {		position: static;		transform: translate(0px, -7%);	}}@media only screen and (min-width: 1700px){	#do_legend li span {		font-size: 16px;	}}