/*1279 to 1024px*/
@media (max-width: 1279px) {
	.spanBreak {display: block;}
	.apply-county, .apply-entire-state {margin: 10px 2px 0;}
	.menu-item {padding-left: 17px;}
	.casesTitle2 {width: 35%;}
	.indivCaseSearch .top-search {width: 65%;}
	.adminAccountsChart {font-size: 11px;}
	.adminAttorneyCasesChart {font-size: 12px;}
	.searchStatute input {height: 35px;}
	.law-firm-result .law-firm-info {width: 72%;}
	.profile .ticketSidebar .btn {font-size: 14px;}
}

/*1023 to 970*/
@media (max-width: 1023px) {
	.menu-item {font-size: 15px;}
	.law-firm-result .law-firm-info {width: 74%;}
	.priceButton .btn-primary {white-space: normal;}
	.law-firm-result .law-firm-info {width: 72%;}
	.ticketSidebar .btn {width: 50%; margin-left: 50%;}
	.ticketSidebar.sticky {position: relative; top: 0; right: 0;}
	.ticketImgUpload .panel {height: auto;}
}
/*969 to 800*/
@media (max-width: 969px) {
	.nav.nav-tabs li.tab-complete a, .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > li > a {font-size: 14px;}
	.menu-item {font-size: 14px; padding-right: 5px; padding-left: 10px;}
	.menu-item i {width: 14px;}
	.casesTitle {width: 30%;}
	.top-search {width: 70%;}
	.ticketsChart {font-size: 10px;}
	.charged-with p {font-size: 14px;}
	.logoThumb {padding-left: 0; padding-right: 0;}
	.logoThumb, .law-firm-result .law-firm-info {height: 140px;}
	.ticketImgUpload, .additionalInfoBox {width: 100%;}
	.enterNamePhone input {margin-bottom: 2%;}
	.conditionalQuest {margin-top: 2%;}
	.casesTitle2 {width: 20%;}
	.indivCaseSearch .top-search {width: 80%;}
	.adminAccountsChart {font-size: 14px;}
	.adminAccountsChart .phone, .adminAccountsChart .address {min-height: 33px;}
	.adminAttorneyCasesChart {font-size: 14px;}
	.newStatuteBox {max-width: 100%;}
	.searchStatute .ajax-states {width: 49%; float: left;}
	.searchStatute .input-group {width: 49%;}
	.importantMsgBox {max-width: none; width: 100%;}
	.above_header {font-size: 18px;}
	.above_header a {font-size: 16px;}
	.profile .priceButton .btn {padding: 8px 11px !important;}
	.ticketImgUpload .panel {height: auto; min-height: inherit;}
	#apply-to-county, #apply-to-entire-state {margin-bottom: 2%;}
	
/*************START OF ADMIN ACCOUNTS CHART RESPONSIVE STYLES*************/
	/* Force table to not be like tables anymore */
		table.adminAccountsChart, .adminAccountsChart thead, .adminAccountsChart tbody, .adminAccountsChart th, .adminAccountsChart td, .adminAccountsChart tr { 
			display: block; 
		}
		
		/* Hide table headers (but not display: none;, for accessibility) */
		.adminAccountsChart thead tr { 
			position: absolute;
			top: -9999px;
			left: -9999px;
		}
		
		.adminAccountsChart tr { border: 1px solid #ccc; padding: 2% 0;}
		
		.adminAccountsChart td { 
			/* Behave  like a "row" */
			border: none !important;
			border-bottom: 1px solid #eee !important; 
			position: relative;
			padding-left: 50% !important; 
			white-space: normal !important;
		}
		
		.adminAccountsChart td:before { 
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */
			top: 6px;
			left: 6px;
			width: 45%; 
			padding-right: 10px; 
			white-space: nowrap;
			font-weight: bold;
		}
    
    .table .fa-search {text-align: left;}
		
		/*
		Label the data
		*/
    .adminAccountsChart td:nth-of-type(1):before { content: "View Account"; }
	.adminAccountsChart td:nth-of-type(2):before { content: "Name"; }
	.adminAccountsChart td:nth-of-type(3):before { content: "Address"; }
	.adminAccountsChart td:nth-of-type(4):before { content: "Phone"; }
	.adminAccountsChart td:nth-of-type(5):before { content: "Email"; }
	.adminAccountsChart td:nth-of-type(6):before { content: "Type"; }
	.adminAccountsChart td:nth-of-type(7):before { content: "Completion"; }
	.adminAccountsChart td:nth-of-type(8):before { content: "Signup Date"; }
/*************END OF ADMIN ACCOUNTS CHART RESPONSIVE STYLES*************/

/*************START OF ADMIN ATTORNEY CASES CHART RESPONSIVE STYLES*************/
	/* Force table to not be like tables anymore */
		table.adminAttorneyCasesChart, .adminAttorneyCasesChart thead, .adminAttorneyCasesChart tbody, .adminAttorneyCasesChart th, .adminAttorneyCasesChart td, .adminAttorneyCasesChart tr { 
			display: block; 
		}
		
		/* Hide table headers (but not display: none;, for accessibility) */
		.adminAttorneyCasesChart thead tr { 
			position: absolute;
			top: -9999px;
			left: -9999px;
		}
		
		.adminAttorneyCasesChart tr { border: 1px solid #ccc; padding: 2% 0;}
		
		.adminAttorneyCasesChart td { 
			/* Behave  like a "row" */
			border: none !important;
			border-bottom: 1px solid #eee !important; 
			position: relative;
			padding-left: 50% !important; 
			white-space: normal !important;
		}
		
		.adminAttorneyCasesChart td:before { 
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */
			top: 6px;
			left: 6px;
			width: 45%; 
			padding-right: 10px; 
			white-space: nowrap;
			font-weight: bold;
		}
    
    .table .fa-search {text-align: left;}
		
		/*
		Label the data
		*/
    .adminAttorneyCasesChart td:nth-of-type(1):before { content: "Citation #"; }
	.adminAttorneyCasesChart td:nth-of-type(2):before { content: "Violation"; }
	.adminAttorneyCasesChart td:nth-of-type(3):before { content: "Ticket Date"; }
	.adminAttorneyCasesChart td:nth-of-type(4):before { content: "Submit Date"; }
	.adminAttorneyCasesChart td:nth-of-type(5):before { content: "Status"; }
	.adminAttorneyCasesChart td:nth-of-type(6):before { content: "Price"; }
/*************END OF ADMIN ATTORNEY CASES CHART RESPONSIVE STYLES*************/

/*************START OF ADMIN TICKETS CHART RESPONSIVE STYLES*************/
	/* Force table to not be like tables anymore */
		table.adminTicketsChart, .adminTicketsChart thead, .adminTicketsChart tbody, .adminTicketsChart th, .adminTicketsChart td, .adminTicketsChart tr { 
			display: block; 
		}
		
		/* Hide table headers (but not display: none;, for accessibility) */
		.adminTicketsChart thead tr { 
			position: absolute;
			top: -9999px;
			left: -9999px;
		}
		
		.adminTicketsChart tr { border: 1px solid #ccc; padding: 2% 0;}
		
		.adminTicketsChart td { 
			/* Behave  like a "row" */
			border: none !important;
			border-bottom: 1px solid #eee !important; 
			position: relative;
			padding-left: 50% !important; 
			white-space: normal !important;
		}
		
		.adminTicketsChart td:before { 
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */
			top: 6px;
			left: 6px;
			width: 45%; 
			padding-right: 10px; 
			white-space: nowrap;
			font-weight: bold;
		}
    
    .table .fa-search {text-align: left;}
		
		/*
		Label the data
		*/
    .adminTicketsChart td:nth-of-type(1):before { content: "Citation"; }
	.adminTicketsChart td:nth-of-type(2):before { content: "Law Firm"; }
	.adminTicketsChart td:nth-of-type(3):before { content: "Client"; }
	.adminTicketsChart td:nth-of-type(4):before { content: "Violation"; }
	.adminTicketsChart td:nth-of-type(5):before { content: "Ticket Date"; }
	.adminTicketsChart td:nth-of-type(6):before { content: "Submit Date"; }
	.adminTicketsChart td:nth-of-type(7):before { content: "Status"; }
	.adminTicketsChart td:nth-of-type(8):before { content: "Price"; }
	.adminTicketsChart td:nth-of-type(9):before { content: "Paid?"; }
/*************END OF ADMIN TICKETS CHART RESPONSIVE STYLES*************/

}
/*799 to 768*/
@media (max-width: 799px) {
	.nav.nav-tabs li.tab-complete a, .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > li > a {
		font-size: 12px;
		padding: 10px 12px;
		margin-bottom: 0;
	}
	.ticketsChart {font-size: 14px;}
	.casesChart {font-size: 13px;}
	.indivCaseSearch .top-search .input-group {width: 68%;}
	.indivCaseSearch .top-search .input-group .form-control {height: 35px;}
	.removeTicket {text-align: left;}

/*************START OF CLIENT TICKETS CHART RESPONSIVE STYLES*************/
	/* Force table to not be like tables anymore */
		table.ticketsChart, .ticketsChart thead, .ticketsChart tbody, .ticketsChart th, .ticketsChart td, .ticketsChart tr { 
			display: block; 
		}
		
		/* Hide table headers (but not display: none;, for accessibility) */
		.ticketsChart thead tr { 
			position: absolute;
			top: -9999px;
			left: -9999px;
		}
		
		.ticketsChart tr { border: 1px solid #ccc; padding: 2% 0;}
		
		.ticketsChart td { 
			/* Behave  like a "row" */
			border: none !important;
			border-bottom: 1px solid #eee !important; 
			position: relative;
			padding-left: 50% !important; 
			white-space: normal !important;
		}
		
		.ticketsChart td:before { 
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */
			top: 6px;
			left: 6px;
			width: 45%; 
			padding-right: 10px; 
			white-space: nowrap;
			font-weight: bold;
		}
    
    .table .fa-search {text-align: left;}
		
		/*
		Label the data
		*/
    .ticketsChart td:nth-of-type(1):before { content: "View Case"; }
		.ticketsChart td:nth-of-type(2):before { content: "Citation #"; }
		.ticketsChart td:nth-of-type(3):before { content: "Firm Name"; }
		.ticketsChart td:nth-of-type(4):before { content: "Date"; }
		.ticketsChart td:nth-of-type(5):before { content: "Updated"; }
		.ticketsChart td:nth-of-type(6):before { content: "Status"; }
		.ticketsChart td:nth-of-type(7):before { content: ""; }
/*************END OF CLIENT TICKETS CHART RESPONSIVE STYLES*************/

	.casesChart .input-group {width: 100%;}
	.casesChart .input-group-addon:first-child {display: block; width: 100%; border: solid 1px #ccc; border-radius: 2px;}
	.casesChart .input-group-btn {display: block; width: 100%;}
	.casesChart .input-group-sm > .input-group-btn > .btn {width: 50%;}
	.casesChart .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) {border-radius: 2px;}
}
/*767 to 736*/
@media (max-width: 767px) {
	.menu-item {font-size: 16px; padding-right: 20px; padding-left: 35px;}
	.menu-item i {width: 25px;}	
	.profile-header {padding: 2% 1%;}
	.navbar-profile {background: none !important; float: right; margin-top: -13%;}
	.top-search .input-group {float: left; width: 84%;}
	.top-search .vertical-divider, .top-search a {float: left; margin-top: 5px; display: inline-block}
	.panel-tln .panel-heading {font-size: 16px;}
	.mobilefieldFix {margin-bottom: 10px;}
	.sortSection {margin-bottom: 20px; text-align: right;}
	.logoThumb {padding-left: 15px; padding-right: 15px; float: left; width: 33%;}
	.law-firm-result .law-firm-info {float: left; width: 67%;}
	.priceButton {float: left; width: 33%;}
	.law-firm-result .law-firm-info .middleContent {float: left; width: 67%;}
	.casesChart {font-size: 14px;}
	.indivAttorneyListing .law-firm-result .law-firm-info {width: 67%; max-width: unset; float: left; height: auto;}
	.indivAttorneyListing .law-firm-result img {width: 30%;}	
	.indivAttorneyListing .fees, .reportChart .phone {min-height: 33px;}
	.noMobLabel:before {content: "" !important;}
	table td.noMobLabel {padding-left: 5% !important;}
	.trashBtn {padding-left: 0;}
	
/*************START OF CASES CHART RESPONSIVE STYLES*************/
	/* Force table to not be like tables anymore */
		table.casesChart, .casesChart thead, .casesChart tbody, .casesChart th, .casesChart td, .casesChart tr { 
			display: block; 
		}
		
		/* Hide table headers (but not display: none;, for accessibility) */
		.casesChart thead tr { 
			position: absolute;
			top: -9999px;
			left: -9999px;
		}
		
		.casesChart tr { border: 1px solid #ccc; padding: 2% 0;}
		
		.casesChart td { 
			/* Behave  like a "row" */
			border: none !important;
			border-bottom: 1px solid #eee !important; 
			position: relative;
			padding-left: 50% !important; 
			white-space: normal !important;
		}
		
		.casesChart td:before { 
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */
			top: 6px;
			left: 6px;
			width: 45%; 
			padding-right: 10px; 
			white-space: nowrap;
			font-weight: bold;
		}
    
    .table .fa-search {text-align: left;}
		
		/*
		Label the data
		*/
    .casesChart td:nth-of-type(1):before { content: "View Case"; }
		.casesChart td:nth-of-type(2):before { content: "Name"; }
		.casesChart td:nth-of-type(3):before { content: "Citation #"; }
		.casesChart td:nth-of-type(4):before { content: "Statute #"; }
		.casesChart td:nth-of-type(5):before { content: "State"; }
		.casesChart td:nth-of-type(6):before { content: "County"; }
		.casesChart td:nth-of-type(7):before { content: "Date"; }
/*************END OF CASES CHART RESPONSIVE STYLES*************/

/*************START OF STATES/COUNTIES/FEES DASHBOARD CHART RESPONSIVE STYLES*************/		
		/* Force table to not be like tables anymore */
		table.stCtyFeeDashChart, .stCtyFeeDashChart thead, .stCtyFeeDashChart tbody, .stCtyFeeDashChart th, .stCtyFeeDashChart td, .stCtyFeeDashChart tr { 
			display: block; 
		}
		
		/* Hide table headers (but not display: none;, for accessibility) */
		.stCtyFeeDashChart thead tr { 
			position: absolute;
			top: -9999px;
			left: -9999px;
		}
		
		.stCtyFeeDashChart tr { border: 1px solid #ccc; padding: 2% 0;}
		
		.stCtyFeeDashChart td { 
			/* Behave  like a "row" */
			border: none !important;
			border-bottom: 1px solid #eee !important; 
			position: relative;
			padding-left: 50% !important; 
			white-space: normal !important;
		}
		
		.stCtyFeeDashChart td:before { 
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */
			top: 6px;
			left: 6px;
			width: 45%; 
			padding-right: 10px; 
			white-space: nowrap;
			font-weight: bold;
		}
    
    .table .fa-search {text-align: left;}
		
		/*
		Label the data
		*/
    .stCtyFeeDashChart td:nth-of-type(1):before { content: "State"; }
	.stCtyFeeDashChart td:nth-of-type(2):before { content: "County"; }
	.stCtyFeeDashChart td:nth-of-type(3):before { content: "Default Fee"; }
/*************END OF STATES/COUNTIES/FEES DASHBOARD CHART RESPONSIVE STYLES*************/	

/*************START OF MANAGE FEES CHART RESPONSIVE STYLES*************/
	/* Force table to not be like tables anymore */
		table.feesChart, .feesChart thead, .feesChart tbody, .feesChart th, .feesChart td, .feesChart tr { 
			display: block; 
		}
		
		/* Hide table headers (but not display: none;, for accessibility) */
		.feesChart thead tr { 
			position: absolute;
			top: -9999px;
			left: -9999px;
		}
		
		.feesChart tr { border: 1px solid #ccc; padding: 2% 0;}
		
		.feesChart td { 
			/* Behave  like a "row" */
			border: none !important;
			border-bottom: 1px solid #eee !important; 
			position: relative;
			padding-left: 50% !important; 
			white-space: normal !important;
		}
			
		
		.feesChart td:before { 
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */
			top: 6px;
			left: 6px;
			width: 45%; 
			padding-right: 10px; 
			white-space: nowrap;
			font-weight: bold;
		}
    
    .table .fa-search {text-align: left;}
		
		/*
		Label the data
		*/
    .feesChart td:nth-of-type(1):before { content: "Statute #"; }
	.feesChart td:nth-of-type(2):before { content: "Price"; }
	.feesChart td:nth-of-type(3):before { content: "Description"; }
	.feesChart td:nth-of-type(4):before { content: ""; }
/*************END OF MANAGE FEES DASHBOARD CHART RESPONSIVE STYLES*************/	

/*************START OF DEFAULT FEES CHART RESPONSIVE STYLES*************/
	/* Force table to not be like tables anymore */
		table.savedDefaultsChart, .savedDefaultsChart thead, .savedDefaultsChart tbody, .savedDefaultsChart th, .savedDefaultsChart td, .savedDefaultsChart tr { 
			display: block; 
		}
		
		/* Hide table headers (but not display: none;, for accessibility) */
		.savedDefaultsChart thead tr { 
			position: absolute;
			top: -9999px;
			left: -9999px;
		}
		
		.savedDefaultsChart tr { border: 1px solid #ccc; padding: 2% 0;}
		
		.savedDefaultsChart td { 
			/* Behave  like a "row" */
			border: none !important;
			border-bottom: 1px solid #eee !important; 
			position: relative;
			padding-left: 50% !important; 
			white-space: normal !important;
		}
		
		.savedDefaultsChart td:before { 
			/* Now like a table header */
			position: absolute;

			/* Top/left values mimic padding */
			top: 6px;
			left: 6px;
			width: 45%; 
			padding-right: 10px; 
			white-space: nowrap;
			font-weight: bold;
		}
    
    .table .fa-search {text-align: left;}
		
		/*
		Label the data
		*/
    .savedDefaultsChart td:nth-of-type(1):before { content: "Select Case"; }
	.savedDefaultsChart td:nth-of-type(2):before { content: "State"; }
	.savedDefaultsChart td:nth-of-type(3):before { content: "County"; }
	.savedDefaultsChart td:nth-of-type(4):before { content: "Default Fee"; }
	.savedDefaultsChart td:nth-of-type(5):before { content: ""; }
/*************END OF DEFAULT FEES CHART RESPONSIVE STYLES*************/

/*************START OF TICKET SUBMISSION SINGLE ATTORNEY TICKET DETAILS CHART RESPONSIVE STYLES*************/
	/* Force table to not be like tables anymore */
		table.ticketSubSingleAttorney, .ticketSubSingleAttorney thead, .ticketSubSingleAttorney tbody, .ticketSubSingleAttorney th, .ticketSubSingleAttorney td, .ticketSubSingleAttorney tr { 
			display: block; 
		}
		
		/* Hide table headers (but not display: none;, for accessibility) */
		.ticketSubSingleAttorney thead tr { 
			position: absolute;
			top: -9999px;
			left: -9999px;
		}
		
		.ticketSubSingleAttorney tr { border: 1px solid #ccc; padding: 2% 0;}
		
		.ticketSubSingleAttorney td, .ticketSubSingleAttorney th { 
			/* Behave  like a "row" */
			border: none !important;
			border-bottom: 1px solid #eee !important; 
			position: relative;
			padding-left: 50% !important; 
			white-space: normal !important;
		}
		
		.ticketSubSingleAttorney td.violation-details {padding-left: 7px !important;}
		
		.ticketSubSingleAttorney td:before, .ticketSubSingleAttorney th:before { 
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */
			top: 6px;
			left: 6px;
			width: 45%; 
			padding-right: 10px; 
			white-space: nowrap;
			font-weight: bold;
		}
    
    .table .fa-search {text-align: left;}
		
		/*
		Label the data
		*/
    .ticketSubSingleAttorney td:nth-of-type(1):before { content: "Violation:"; border-bottom: solid 1px #eaeaea; width: 98%; padding-bottom: 2%;}
	.ticketSubSingleAttorney td:nth-of-type(2):before { content: "Price:"; }
	.ticketSubSingleAttorney td:nth-of-type(3):before { content: "Fee:"; }
	.ticketSubSingleAttorney td:nth-of-type(4):before { content: "Total:"; }
	.ticketSubSingleAttorney td:nth-of-type(5):before { content: "Delete:"; }
/*************END OF TICKET SUBMISSION SINGLE ATTORNEY TICKET DETAILS CHART RESPONSIVE STYLES*************/

/*************START OF DEFAULT FEES CHART RESPONSIVE STYLES*************/
	/* Force table to not be like tables anymore */
		table.answersChart, .answersChart thead, .answersChart tbody, .answersChart th, .answersChart td, .answersChart tr { 
			display: block; 
		}
		
		/* Hide table headers (but not display: none;, for accessibility) */
		.answersChart thead tr { 
			position: absolute;
			top: -9999px;
			left: -9999px;
		}
		
		.answersChart tr { border: 1px solid #ccc; padding: 2% 0;}
		
		.answersChart td { 
			/* Behave  like a "row" */
			border: none !important;
			border-bottom: 1px solid #eee !important; 
			position: relative;
			padding-left: 50% !important; 
			white-space: normal !important;
		}
		
		.answersChart td:before { 
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */
			top: 6px;
			left: 6px;
			width: 45%; 
			padding-right: 10px; 
			white-space: nowrap;
			font-weight: bold;
		}
    
    .table .fa-search {text-align: left;}
		
		/*
		Label the data
		*/
    .answersChart td:nth-of-type(2n+1):before { content: "Question:"; }
	.answersChart td:before { content: "Answer:"; }
/*************END OF DEFAULT FEES CHART RESPONSIVE STYLES*************/

/*************START OF DEFAULT FEES CHART RESPONSIVE STYLES*************/
	/* Force table to not be like tables anymore */
		table.reportChart, .reportChart thead, .reportChart tbody, .reportChart th, .reportChart td, .reportChart tr { 
			display: block; 
		}
		
		/* Hide table headers (but not display: none;, for accessibility) */
		.reportChart thead tr { 
			position: absolute;
			top: -9999px;
			left: -9999px;
		}
		
		.reportChart tr { border: 1px solid #ccc; padding: 2% 0;}
		
		.reportChart td { 
			/* Behave  like a "row" */
			border: none !important;
			border-bottom: 1px solid #eee !important; 
			position: relative;
			padding-left: 50% !important; 
			white-space: normal !important;
		}
		
		.reportChart td:before { 
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */
			top: 6px;
			left: 6px;
			width: 45%; 
			padding-right: 10px; 
			white-space: nowrap;
			font-weight: bold;
		}
    
    .table .fa-search {text-align: left;}
		
		/*
		Label the data
		*/
    .reportChart td:nth-of-type(1):before { content: "Case #"; }
	.reportChart td:nth-of-type(2):before { content: "Name"; }
	.reportChart td:nth-of-type(3):before { content: "Date/Time"; }
	.reportChart td:nth-of-type(4):before { content: "Citation #"; }
	.reportChart td:nth-of-type(5):before { content: "State"; }
	.reportChart td:nth-of-type(6):before { content: "Phone"; }
	.reportChart td:nth-of-type(7):before { content: "Violation"; }
/*************END OF DEFAULT FEES CHART RESPONSIVE STYLES*************/

/*************START OF ADMIN ATTORNEY CASES CHART RESPONSIVE STYLES*************/
	/* Force table to not be like tables anymore */
		table.adminAttorneyCasesChart, .adminAttorneyCasesChart thead, .adminAttorneyCasesChart tbody, .adminAttorneyCasesChart th, .adminAttorneyCasesChart td, .adminAttorneyCasesChart tr { 
			display: block; 
		}
		
		/* Hide table headers (but not display: none;, for accessibility) */
		.adminAttorneyCasesChart thead tr { 
			position: absolute;
			top: -9999px;
			left: -9999px;
		}
		
		.adminAttorneyCasesChart tr { border: 1px solid #ccc; padding: 2% 0;}
		
		.adminAttorneyCasesChart td { 
			/* Behave  like a "row" */
			border: none !important;
			border-bottom: 1px solid #eee !important; 
			position: relative;
			padding-left: 50% !important; 
			white-space: normal !important;
		}
		
		.adminAttorneyCasesChart td:before { 
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */
			top: 6px;
			left: 6px;
			width: 45%; 
			padding-right: 10px; 
			white-space: nowrap;
			font-weight: bold;
		}
    
    .table .fa-search {text-align: left;}
		
		/*
		Label the data
		*/
    .adminAttorneyCasesChart td:nth-of-type(1):before { content: "Citation #"; }
	.adminAttorneyCasesChart td:nth-of-type(2):before { content: "Violation"; }
	.adminAttorneyCasesChart td:nth-of-type(3):before { content: "Ticket Date"; }
	.adminAttorneyCasesChart td:nth-of-type(4):before { content: "Submit Date"; }
	.adminAttorneyCasesChart td:nth-of-type(5):before { content: "Status"; }
	.adminAttorneyCasesChart td:nth-of-type(6):before { content: "Price"; }
/*************END OF ADMIN ATTORNEY CASES CHART RESPONSIVE STYLES*************/

/*************START OF ADMIN STATUTES CHART RESPONSIVE STYLES*************/
	/* Force table to not be like tables anymore */
		table.adminStatuteChart, .adminStatuteChart thead, .adminStatuteChart tbody, .adminStatuteChart th, .adminStatuteChart td, .adminStatuteChart tr { 
			display: block; 
		}
		
		/* Hide table headers (but not display: none;, for accessibility) */
		.adminStatuteChart thead tr { 

			position: absolute;
			top: -9999px;
			left: -9999px;
		}
		
		.adminStatuteChart tr { border: 1px solid #ccc; padding: 2% 0;}
		
		.adminStatuteChart td { 
			/* Behave  like a "row" */
			border: none !important;
			border-bottom: 1px solid #eee !important; 
			position: relative;
			padding-left: 50% !important; 
			white-space: normal !important;
		}
		
		.adminStatuteChart td:before { 
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */
			top: 6px;
			left: 6px;
			width: 45%; 
			padding-right: 10px; 
			white-space: nowrap;
			font-weight: bold;
		}
    
    .table .fa-search {text-align: left;}
		
		/*
		Label the data
		*/
    .adminStatuteChart td:nth-of-type(1):before { content: "Statute Number"; }
	.adminStatuteChart td:nth-of-type(2):before { content: "Description"; }
	.adminStatuteChart td:nth-of-type(3):before { content: "State"; }
	.adminStatuteChart td:nth-of-type(4):before { content: "Delete Statute"; }
/*************END OF ADMIN STATUTES CHART RESPONSIVE STYLES*************/

	.welcome img {max-width: 50% !important;}
	.csvUpload {margin-top: 0px;}
	.profile .law-firm-result .law-firm-info {width: 67%;}
	.attorneyOverview {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: none;}	
	.law-firm-result .law-firm-info .middleContent {padding-right: 0;}
	.violation-details h4 {margin-top: 8%;}
	textarea.form-control {height: 100px;}
	.coverage-on .form-control {margin-bottom: 2%;}
}

/*735 to 667*/
@media (max-width: 735px), and (max-device-width: 735px) {
	.navbar-profile {margin-top: -15%;}
	.buttonspacer {margin-left: 0px;}
	.savedDefaultsChart .btn-success, .savedDefaultsChart .btn-danger {width: 100%; margin-bottom: 4%;}
	.top-search .input-group {width: 82%;}
	.panel-tln .panel-heading {font-size: 15px;}
	.law-firm-result .law-firm-info {width: 67%;}
	.priceButton {padding-right: 0;}
	.casesTitle2 {width: 15%;}
	.indivCaseSearch .top-search {width: 85%;}
	.indivCaseSearch .top-search .input-group {width: 66%;}
	.above_header {font-size: 16px;}
	.above_header a {font-size: 14px;}
}

/*666 to 568*/
@media (max-width: 666px) {
	.navbar-profile {margin-top: -17%;}
	.top-search .input-group {width: 80%;}
	.law-firm-result .law-firm-info {width: 65%;}
	.indivCaseSearch .top-search .input-group {width: 60%;}
	.casesTitle2 {width: 17%;}
	.indivCaseSearch .top-search {width: 83%;}
	.answersTitle {font-size: 28px;}
	.adminSettingsBox {max-width: 100%;}
}
	
/*567 to 480*/
@media (max-width: 567px) {
	.nav.nav-tabs li.tab-complete a, .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > li > a {font-size: 11px;}	
	.navbar-profile {margin-top: -19%;}
	.top-search .input-group {width: 76%;}
	.law-firm-result .law-firm-info {width: 100%;}
	.profile .law-firm-result .law-firm-info {width: 65%;}
	.logoThumb {padding-left: 0; padding-right: 0; width: 25%; max-width: none; height: auto; margin-bottom: 0; margin-right: 1%;}
	.law-firm-result img, .law-firm-result .law-firm-info .middleContent, .priceButton {top: 0; transform: translateY(0);}
	.law-firm-result .law-firm-info .middleContent, .priceButton {width: 100%; float: none; padding-left: 0;}
	.law-firm-result .law-firm-info .middleContent {border-bottom: solid 1px #ccc; margin-bottom: 6px; padding-bottom: 6px;}
	.law-firm-result .fee {font-size: 20px; width: 50%; float: left; padding-top: 3px; margin-bottom: 0;}
	.priceButton form {display: block; float: left; width: 50%;}
	.law-firm-result h4 {font-size: 16px; margin: 0 0 4px;}
	.law-firm-result .law-firm-info p {font-size: 12px; margin-bottom: 0;}
	.priceButton {text-align: left;}
	.law-firm-result .law-firm-info {height: auto; width: 74%; padding: 0 6px;}
	.indivAttorneyListing .law-firm-result img {width: 100%; margin-right: 0; margin-bottom: 3%; float: none;}
	.indivAttorneyListing .law-firm-result .law-firm-info {width: 100%; float: none;}
	.casesContent, .indivCase {margin-top: 12%;}
	.indivCaseSearch .top-search {width: 100%; float: none; margin-top: 0;}
	.casesTitle2 {width: 100%; float: none;}
	.infoLeft, .infoRight {width: 100%; float: none;}
	.infoLeft div, .infoRight div {margin-bottom: 1%;}
	.searchStatute .ajax-states {width: 100%; float: none; margin-bottom: 2%;}
	.searchStatute .input-group {width: 100%;}
	.above_header a {margin-top: 2%; display: inline-block;}
	.additionalFees .doNotAccept {clear: both; float: none !important; display: block; margin-top: 5%;}
	#form-apply-additional-fees button {white-space: normal;}
	#form-apply-additional-fees {text-align: left;}
	.percentField, .dollarSignField, .mphField, .additionalFeesField {display: inline-block; margin-bottom: 5% !important;}	
	.percentField {width: 45px !important;}	
	.mphField {width: 100px !important;}	
	.collapsedInfoRight {width: 100%; float: none; clear: both; margin-top: 3%;}
	.uncollapse-ticket h4 {width: 100%; float: none; clear: both;}
	.collapsedInfoRight .total, .collapsedInfoRight .expand-ticket {width: 100%; text-align: right;}	
	.ticketSidebar .btn {width: 100%; margin-left: 0;}
}
/*479 to 414*/
@media (max-width: 479px) {
	.nav-tabs.nav-justified {background: #d2d0d0; padding: 5px 7px; border-radius: 25px;}	
	.nav-tabs {display: none !important;}
	.nav.nav-tabs li.tab-complete a, .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > li > a {font-size: 13px; padding: 10px 17px;}
	.uploadLogo {margin-top: 6%;}
	.uploadLogo .thumbnail {width: 100%; max-width: none; margin-top: 5%;}
	.uploadLogo .deleteLink {clear: both; float: none !important;}
	.uploadAgreement a.sampleAgreementLink {padding: 10px 0; display: block;}
	.payPalBox input, .payPalBox .input-group-btn {display: block; clear: both; float: none;}
	.payPalBox .form-control {margin: 3% 0;}
	.payPalBox input {width: 100% !important; border-radius: 4px !important;}
	.payPalBox .form-group {width: 100%;}
	.payPalBox .btn {border-radius: 4px !important;width: 100%;}
	.payPalBox .input-group-btn {display: block; width: 100%;}
	.passwordBox .btn {border-radius: 4px !important;width: 100%;}
	.passwordBox .input-group-btn {display: block; width: 100%;}
	.setEditFeesBox .btn {border-radius: 4px !important;width: 100%;}
	.setEditFeesBox .input-group-btn {display: block; width: 100%;}
	.defaultFeeMessageBox .btn {border-radius: 4px !important;width: 100%;}
	.defaultFeeMessageBox .input-group-btn {display: block; width: 100%;}
	.uploadAgreement .btn {border-radius: 4px !important;width: 100%;}
	.uploadAgreement .input-group-btn {display: block; width: 100%;}
	.nav-tabs > li {width: 100%;}
	.personalInfoBox .states-wrap select {width: 100%; border-radius: 4px !important; display: block; float: none; clear: both;}
	.personalInfoBox a.text-addon {display: block; margin: 2% 0; }
	.personalInfoBox .states-wrap .input-group {width: 100%;}
	.personalInfoBox .states-wrap .input-group-btn {display: block; width: 100%;}
	.personalInfoBox .states-wrap .btn {border-radius: 4px !important; width: 100%;}
	.state-bar .entry-state, .state-bar .barNum, .state-bar .form-control, .state-bar .closeX {display: block;}
	.state-bar .entry-state, .state-bar .barNum {padding-left: 3px;}
	.state-bar .entry-state {text-align: center; width: 100%; border-bottom: solid 1px #cdcdcd; margin-bottom: 1%;}
	.state-bar .form-control {width: 100%; display: block; clear: both; float: none;}
	.state-bar .closeX {width: 100%; margin: 5% 0; background-color: #ccc; padding: 4%; border-radius: 0;}
	.state-bar .closeX .close {margin: 0 auto; float: none; clear: both;}
	.add-new-user-text {display: block; width: 100%; margin-bottom: 3%;}
	.modal-footer .btn {margin-left: -12px; margin-right: 5px;}
	.modal-footer .btn + .btn {margin-left: 0;}
	.welcome img {width: 80%; margin: -15px auto 0 auto; max-width: 100% !important;}
	.profile-content {width: 100%;}
	.profile-row h2, .profile-row h3, .panel-heading {padding-left: 2%;}
	.navbar-profile {background: #242d32 !important; float: none; margin-top: 0%;}
	.navbar-default .navbar-toggle .icon-bar {#fff;}
	.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {background-color: transparent;}
	.navbar-default .navbar-toggle:active {background: #ddd;}
	.apply-county, .apply-entire-state {width: 100%;}
	.top-search {width: 100%; padding: 0 2%; margin: 0 0 2% 0;}
	.top-search .input-group {width: 80%;}
	.addTicketTitle {padding-top: 5%;}
	.indivCaseSearch .top-search .input-group {width: 100%;}
	.indivCaseSearch .top-search .vertical-divider {display: none;}
	.indivCaseSearch .top-search a {width: 50%; display: inline; text-align: center; margin: 3% 0;}
	.caseInfo div {margin-bottom: 1%;}
	.indivCase .btn {margin-bottom: 4%;}
	.reportSearch .top-search a {width: 100% !important; text-align: right !important;}
	.addFAQbtn {padding-left: 2%;}
	.evenAddOns .input-group-addon {width: 40%;}
	.above_header .fa-times {padding-top: 20px;}
	.profile .addTicketForm .btn {max-width: 100%;}
	.above_header a {display: block; width: 50%; margin: 2% auto 0 auto;}
	.priceButton .btn-primary {padding: 5px 0;}
	.law-firm-result .law-firm-info {width: 65%;}
	.logoThumb {width: 34%;}
	.attListCitySt {padding-top: 4px;}
	.law-firm-result h4 {font-size: 15px;}
	.newClientOrSignInPopup .wrap-signup-form .btn {float: none;}
	.violation-details h4 {margin-top: 10%;}
}
/*413 to 375*/
@media (max-width: 413px) {
	.add-new-user-text {display: block; width: 100%; margin-bottom: 0%;}	
	.modal-footer .btn {width: 100%; margin: 2% 0;}
	.welcome h2 {font-size: 30px;}
	.top-search .input-group {width: 78%;}
	.nav.nav-tabs li.tab-complete a, .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > li > a {padding: 10px 11px;}
	.addTicketTitle, .sortSection {float: none; width: 100%;}
	.sortSection {padding-top: 10px; text-align: left;}
	.evenAddOns .input-group-addon {width: 40%; padding: 6px; font-size: 13px;}
	.above_header {font-size: 14px;}
	.welcome p.under {font-size: 16px;}	
	.breakSymbol {display: block; margin: 0 0 -21px 0;}
	.breakField {margin-left: 13px !important;}
	
}
/*374 to 320*/
@media (max-width: 374px) {
	.nav.nav-tabs li.tab-complete a, .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > li > a {font-size: 12px; padding: 10px 10px;}	
	.welcome img {width: 60%;}
	.welcome h2 {font-size: 28px;}
	.top-search .input-group {width: 75%;}
	.evenAddOns .form-control, .evenAddOns .input-group-addon {font-size: 13px;}
	.hpForm {padding: 5px !important;}	
	.law-firm-result h4 {font-size: 13px;}
	.law-firm-info .btn {font-size: 12px;}
	.attListCitySt {padding-top: 4px; height: 22px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
}
/*******END OF MEDIA QUERIES*******/