/*************************************************** # SECTION advocate styles ***************************************************/
#consumer-advocate {
}

#fights-hard {
	max-width: 1650px;
	margin: 0px auto;
	padding: 0px 20px;
}

#trial-experience {
	padding: 7.69% 0px 7.69% 0px;
}

#advocate-img {
	width: 31.51%;
	height: 0;
	padding-bottom: 38.78%;
	display: block;
}

#advocate-text {
	width: 65.46%;
	display: table;
	padding: 0px 3.03% 0px 0%;
}

#advocate-itext {
	width: 100%;
	height: 100%;
	display: table-cell;
	vertical-align: middle;
}

#advocate-text h2 {
	line-height:50px;
	font-size: 40px;
	color: #000000;
	padding: 0px 0px 3% 0px;
	margin: 0px 0px 0px 0px;
	font-weight:700;
}
#advocate-text h2 a, #advocate-text h2 a:hover {color: #000000;}

#advocate-text h3 {
	line-height:30px;
	font-size: 25px;
	color: #d51317;
	padding: 0px 0px 1% 0px;
	margin: 0px 0px 0px 0px;
	font-weight:700;
}
#advocate-text h3 a, #advocate-text h3 a:hover {color: #d51317;}

#advocate-text p {
	line-height: 30px;
	font-size: 20px;
	color: #000000;
	padding: 10px 0px 10px 0px;
}

#advocate-text a.button-yellow {margin: 2% 0% 0px 0px;}

@media only screen and (min-width : 960px) and (max-width : 1689px) {
#advocate-text h2 {line-height: 2.95vw; font-size: 2.36vw;}
#advocate-text h3 {line-height: 1.77vw; font-size: 1.47vw;}
#advocate-text p {line-height: 1.77vw; font-size: 1.18vw; padding: 0.59vw 0px 0.59vw 0px;}

}



/*************************************************** # SECTION fight hard styles ***************************************************/
#fight-hard {
	background: #000000;
}

#work-hard {
	background: rgba(0,0,0,.3);
}

#get-results {
	height: 0;
	padding-bottom: 37.5%;
	position: relative;
}

#get-results h2 {
	width: calc(100% - 20px);
	position: absolute;
	left: 0;
	bottom: 70px;
	line-height:50px;
	font-size: 52px;
	color: #ffffff;
	padding: 0px 10px 0px 10px;
	font-weight:700;
	text-align: center;
}
#get-results h2 a, #get-results h2 a:hover {color: #ffffff;}

@media only screen and (min-width : 960px) and (max-width : 1079px) {
#get-results h2 {bottom: 3.72vw; line-height: 4.65vw; font-size: 4.76vw;}

}

/*************************************************** # SECTION practice areas styles ***************************************************/
#our-practice-areas {
}

#practice-areas {
	max-width: 1590px;
	margin: 0px auto;
	padding: 0px 20px;
	text-align: center;
}

#areas-of-practice {
	padding: 8.55% 0px 3.77% 0px;
}

#practices {
	padding: 4.33% 0px 0% 0px;
}

#practice-areas h2 {
	line-height:50px;
	font-size: 52px;
	color: #000000;
	padding: 0px 0px 1.3% 0px;
	margin: 0px 0px 0px 0px;
	font-weight:700;
}
#practice-areas h2 a, #practice-areas h2 a:hover {color: #000000;}

#practice-areas p {
	max-width: 1000px;
	line-height:30px;
	font-size: 26px;
	color: #000000;
	padding: 10px 0px 10px 0px;
	margin: 0px auto;
	font-weight: 400;
}

.practice, a.practice {
	width: 27.93%;
	padding: 0;
	margin: 0px 2.7% 3.7% 2.7%;
	background: #000000;
	display: block;
}

.practice span.text, a.practice span.text {
	background: rgba(0,0,0,.7);
	position: relative;
	height: 0;
	padding-bottom: 64.86%;
	display: block;
}

.practice span.text span.itext, a.practice span.text span.itext {
	width: 100%;
	height: 100%;
	position: absolute;
	left:0;
	top:0;
	z-index: 150;
	display: table;
}

.practice span.text span.itext span, a.practice span.text span.itext span {
	width: 90%;
	height: 100%;
	font-size: 28px;
	line-height: 30px;
	color: #ffffff;
	padding: 0px 5%;
	display: table-cell;
	font-family: "Playfair Display", "Times New Roman", Times, serif;
	vertical-align: middle;
}
@media only screen and (min-width : 960px) and (max-width : 1639px) {
#practice-areas h2 {line-height: 3.04vw; font-size: 3.17vw;}
#practice-areas p {max-width: 60.97vw; line-height: 1.82vw; font-size: 1.58vw; padding: 0.60vw 0px 0.60vw 0px;}
.practice span.text span.itex span, a.practice span.text span.itext span {font-size: 1.70vw; line-height: 1.82vw;}

}
/*************************************************** # SECTION secrets to success styles ***************************************************/
#secrets-to-success {
	background: #d51317;
}

#secrets-success {
	max-width: 1660px;
	margin: 0px auto;
	padding: 0px 20px;
}

#secrets-success-iwrap {
	padding: 7.77% 0px 7.77% 0px;
}

#secrets-success-img {
	width: 33.54%;
	display: block;
	padding: 2.1% 0px 0% 0px;
}

#secrets-success-img-pic {
	width: 100%;
	height:0;
	padding-bottom: 100%;
	display: block;
	border-radius: 50%;
}

#secrets-success-text {
	width: 63.43%;
	display: block;
	padding: 0px 3.03% 0px 0%;
}

#secrets-success h2 {
	line-height:34px;
	font-size: 29px;
	color: #ffffff;
	padding: 0px 0px 4% 0px;
	margin: 0px 0px 0px 0px;
	font-weight:700;
}
#secrets-success h2 a, #secrets-success h2 a:hover {color: #ffffff;}

#secrets-success h3 {
	line-height:20px;
	font-size: 20px;
	color: #ffffff;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-weight:700;
	font-style: italic;
	font-family: 'Poppins', Arial, Helvetica, sans-serif;
}
#secrets-success h3 a, #secrets-success h3 a:hover {color: #ffffff;}

#secrets-success p {
	line-height: 30px;
	font-size: 20px;
	color: #ffffff;
	padding: 10px 0px 10px 0px;
}

#secrets-success a.button-yellow {margin: 2% 2% 0px 0px;}

@media only screen and (min-width : 960px) and (max-width : 1379px) {
#secrets-success h2 {line-height:30px;font-size: 25px;}
#secrets-success h3 {line-height:18px;font-size: 18px;}
#secrets-success p {line-height: 26px;font-size: 18px;padding: 8px 0px 8px 0px;}
}
@media only screen and (min-width : 960px) and (max-width : 1179px) {
#secrets-success h2 {line-height:28px;font-size: 23px;}
#secrets-success h3 {line-height:16px;font-size: 16px;}
#secrets-success p {line-height: 24px;font-size: 16px;padding: 6px 0px 6px 0px;}
}
/*************************************************** # SECTION case results styles ***************************************************/
#real-case-results {
	background: #ffcc00;
}

#our-case-results {
	max-width: 1680px;
	margin: 0px auto;
	padding: 0px 20px;
	text-align: center;
}

#case-results {
	padding: 4.14% 0px 5.98% 0px;
}

#the-results {
	padding: 5.05% 0px 3.57% 0px;
}

#case-results h2 {
	line-height:50px;
	font-size: 52px;
	color: #000000;
	padding: 0px 0px 1.3% 0px;
	margin: 0px 0px 0px 0px;
	font-weight:700;
}
#case-results h2 a, #case-results h2 a:hover {color: #000000;}

#case-results p {
	max-width: 1000px;
	line-height:30px;
	font-size: 26px;
	color: #000000;
	padding: 10px 0px 10px 0px;
	margin: 0px auto;
	font-weight: 400;
}

a.results-prev {
	width: 40px;
	display: block;
	margin: 0px 0px 0px -10px;
	text-align: left;
	text-indent: -999999px;
	color: #000000;
}
a.results-next {
	width: 40px;
	display: block;
	margin: 0px -10px 0px 0px;
	text-align: left;
	text-indent: -999999px;
	color: #000000;
}
a.results-prev:hover, a.results-next:hover {
	filter: Alpha(opacity= 85); 
	-moz-opacity: .85; 
	opacity: .85;
}

#results-carousel {
	width: calc(100% - 80px); 
	overflow: hidden;
	margin:0px 10px 0px 10px;
  position: relative;
	display: block;
}

#results-carousel ul {
  width: 20000em;
	list-style: none;
  position: relative;
	padding: 0;
}

#results-carousel ul li  {
	width: 520px;
  float: left;
	padding: 0;
}

#results-carousel ul li span.text {
	padding: 0px 10px;
	display: block;
	line-height:14px;
}

#results-carousel a.title {
	line-height:30px;
	font-size: 26px;
	color: #000000;
	padding: 0px 0px 5px 0px;
	display: inline-block;
	text-decoration: none;
	font-weight: 700;
}
#results-carousel a.title:hover {
	color: #222222;
	text-decoration: underline;
}

#results-carousel a.cats, #results-carousel span.cats {
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	font-weight: 500;
	display: inline-block;
	padding: 5px 0px;
}
#results-carousel a.cats:hover {
	color: #222222;
	text-decoration: underline;
}

.expand { display: none;padding-top:10px;}

@media only screen and (min-width : 960px) and (max-width : 1719px) {
#case-results h2 {line-height: 2.90vw; font-size: 3.02vw;}
#case-results p {max-width: 58.13vw; line-height: 1.74vw; font-size: 1.51vw; padding: 0.58vw 0px 0.58vw 0px;}
}
@media only screen and (min-width : 960px) and (max-width : 1579px) {
#results-carousel a.title {line-height:26px;font-size: 22px;}
}
@media only screen and (min-width : 960px) and (max-width : 1379px) {
#results-carousel a.title {line-height:22px;font-size: 18px;}
}
@media only screen and (min-width : 960px) and (max-width : 1179px) {
#results-carousel a.title {line-height:20px;font-size: 16px;}
}

/*************************************************** # SECTION testimonials styles ***************************************************/

#client-reviews {
}
#real-client-testimonials {
	max-width: 1576px;
	margin: 0px auto;
	padding: 0px 0px;
}
#testimonial-iwrap {
	padding: 4.2% 0px 4.75% 0px;
}

#client-reviews h2 {
	line-height:50px;
	font-size: 52px;
	color: #000000;
	padding: 0px 0px 1.3% 0px;
	margin: 0px 0px 0px 0px;
	font-weight:700;
	text-align: center;
}
#client-reviews h2 a, #client-reviews h2 a:hover {color: #000000;}

#client-reviews p {
	max-width: 1000px;
	line-height:30px;
	font-size: 26px;
	color: #000000;
	padding: 10px 0px 10px 0px;
	margin: 0px auto;
	font-weight: 400;
	text-align: center;
}

#testimonial-carousel {
	width: 100%; 
	overflow: hidden;
  position: relative;
	text-align: left;
	padding: .88vw 0px 0px 0px;
}
#testimonial-carousel ul {
  width: 20000em;
	list-style: none;
  position: relative;
	padding: 0px;
}
#testimonial-carousel ul li  {
	width:788px;
  float: left;
	padding: 15px 0px 0px 0px;
}
#testimonial-carousel a.readmore {font-size: 16px;color:#757575;display: inline-block;font-weight: 500;padding: 5px 0px 0px 0px;margin-left:0px;}
#testimonial-carousel a.readmore:hover {color:#000000;}
span.review-panel {
	width: 78.58%;
	margin: 4.37% auto 4.37% auto;
	padding: 6.59% 6.34% 5.2% 6.34%;
	display: block;
	background: #ffffff;
	font-size: 27px;
	line-height: 30px;
	color: #002654;
	position: relative;
	box-shadow: 0px 0px 15px 10px rgba(0,0,0,.025);
}
span.review-panel span.tquote {
	width: 52px;
	height: 40px;
	position: absolute;
	top: -13px;
	left: calc(2.56% + 8px);
	pointer-events: none;
	z-index: 150;
}

span.review-panel span.tbord {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	pointer-events: none;
	z-index: 150;
}
span.review-text {
	width:100%;
	padding: 0px 0px 0px 0px;
	display: block;
}
span.review-text strong {
	font-size: 36px;
	line-height: 31px;
	color: #282828;
	font-family: "Playfair Display", "Times New Roman", Times, serif;
	font-weight: 700;
	display: inline-block;
	padding-bottom: 16px;
}
span.review-author {
	width:auto;
	padding: 0px 140px 0px 0px;
	display: block;
	line-height: 67px;
	margin-top: -6px;
}

/** Carousel Pagination **/
#client-reviews .jcarousel-pagination {
	text-align: center;
	padding: 9px 0px 0px 0px;
}
#client-reviews .jcarousel-pagination a {
	text-decoration: none;
	display: inline-block;
	height: 19px;
	width: 19px;
	background: #ffffff;
	border: 1px solid #485156;
	color: #000000;
	border-radius: 10px;
	margin: 0px 8px;
	text-indent: -999999px;
}
#client-reviews .jcarousel-pagination a:hover, #client-reviews .jcarousel-pagination a.active {background: #ffcc00;border: 1px solid #485156;}

@media only screen and (min-width : 960px) and (max-width : 1539px) {
#client-reviews h2 {line-height: 3.24vw; font-size: 3.37vw;}
#client-reviews p {max-width: 64.93vw; line-height: 1.94vw; font-size: 1.68vw; padding: 0.64vw 0px 0.64vw 0px;}

span.review-panel span.tquote {width: 3.37vw;height: 2.59vw;top: -.84vw;}
span.review-panel {font-size: 1.75vw;line-height: 1.94vw;}
span.review-text strong {font-size: 2.33vw; line-height: 2.01vw; padding-bottom: 1.03vw;}
span.review-author {padding: 0px 9.09vw 0px 0px;line-height: 4.35vw;margin-top: -.38vw;}
}



/*************************************************** # SECTION locations served styles ***************************************************/
#locations-served {
}

#our-locations-serve {
	max-width: 1440px;
	margin: 0px auto;
	padding: 0px 20px;
}

#our-massachusetts-locations {
	padding: 5% 0px 5% 0px;
}

#the-locations {
	padding: 2% 0px 0% 0px;
}

#locations-served h2 {
	line-height:50px;
	font-size: 52px;
	color: #000000;
	padding: 0px 0px 1.3% 0px;
	margin: 0px 0px 0px 0px;
	font-weight:700;
	text-align: center;
}
#locations-served h2 a, #locations-served h2 a:hover {color: #000000;}

#locations-served p {
	max-width: 1000px;
	line-height:30px;
	font-size: 26px;
	color: #000000;
	padding: 10px 0px 10px 0px;
	margin: 0px auto;
	font-weight: 400;
	text-align: center;
}

.yellow-bg {
	width: auto;
	max-width: 580px;
	padding: 30px 60px 30px 60px;
	margin: 20px auto;
	background: #ffcc00;
	border-radius: 22px;
	font-size: 18px;
}
.yellow-bg.alt {padding: 30px 10px 30px 10px;}
#locations-served	.yellow-bg {max-width: 374px;padding: 20px 23px 20px 23px;}	
.flt3col-inline .yellow-bg {font-size: 16px;}
.yellow-bg h3, .yellow-bg h3 a, .yellow-bg h3 a:hover {color: #000000;}
.yellow-bg a {
	color: #000000;
	font-weight: 500;
}
.yellow-bg a:hover {
	color: #000000;
	text-decoration: underline;
}
.yellow-bg ul {list-style: none;padding: 14px 0px 14px 0px;}
.yellow-bg ul li {padding: 3px 0px 3px 10px;position:relative;}
.yellow-bg ul li:before {content: "";position:absolute;width:5px; height: 1px; background: #000000; margin: 15px 0px 0px -10px; }

@media only screen and (min-width : 960px) and (max-width : 1439px) {
#locations-served h2 {line-height: 3.47vw; font-size: 3.61vw;}
#locations-served p {max-width: 69.44vw; line-height: 2.08vw; font-size: 1.80vw; padding: 0.69vw 0px 0.69vw 0px;}
}

/*************************************************** # SECTION dont lose rights styles ***************************************************/
#dont-lose-your-rights {
	background: #d51317;
	text-align: center;
}

#get-compensation {
	max-width: 1640px;
	margin: 0px auto;
	padding: 0px 20px;
}

#act-immediately {
	padding: 5% 0px 5% 0px;
}

#get-compensation h2 {
	line-height:50px;
	font-size: 52px;
	color: #ffffff;
	padding: 0px 0px 2.3% 0px;
	margin: 0px 0px 0px 0px;
	font-weight:700;
	text-align: center;
}
#get-compensation h2 a, #get-compensation h2 a:hover {color: #ffffff;}

#get-compensation p {
	line-height:30px;
	font-size: 26px;
	color: #ffffff;
	padding: 10px 0px 10px 0px;
	font-weight: 400;
	text-align: center;
}
#get-compensation p strong.xstrong {font-size: 30px;font-weight:700;display:inline-block;padding-bottom: 10px;}
#get-compensation p a {color: #ffffff;}
#get-compensation p a:hover { text-decoration: underline;}		

#get-compensation a.button-yellow	{margin-top: 1.5%;}

@media only screen and (min-width : 960px) and (max-width : 1639px) {
#get-compensation h2 {line-height: 3.04vw; font-size: 3.17vw;}
#get-compensation p {line-height: 1.82vw; font-size: 1.58vw; padding: 0.60vw 0px 0.60vw 0px;}
#get-compensation p strong.xstrong {font-size: 1.82vw;padding-bottom: 0.60vw;}
}

/*************************************************** # SECTION get in touch styles ***************************************************/
#get-in-touch-now {
	text-align: center;
	position: relative;
}

#here-to-help {
	background: rgba(0,0,0,.7);
}

#get-in-touch {
	max-width: 1640px;
	margin: 0px auto;
	padding: 0px 20px;
}

#do-not-delay {
	padding: 8% 0px 8% 0px;
}

#get-in-touch h2 {
	line-height:50px;
	font-size: 52px;
	color: #ffffff;
	padding: 0px 0px 2.3% 0px;
	margin: 0px 0px 0px 0px;
	font-weight:700;
	text-align: center;
}
#get-in-touch h2 a, #get-in-touch h2 a:hover {color: #ffffff;}

#get-in-touch p {
	max-width: 1000px;
	line-height:30px;
	font-size: 26px;
	color: #ffffff;
	padding: 10px 0px 10px 0px;
	font-weight: 400;
	text-align: center;
	margin: 0px auto;
}
#get-in-touch p a {color: #ffffff;}
#get-in-touch p a:hover { text-decoration: underline;}	

#get-in-touch a.button-yellow {margin: 3.04% 1.52% 0px 1.52%;}

@media only screen and (min-width : 960px) and (max-width : 1639px) {
#get-in-touch h2 {line-height: 3.04vw; font-size: 3.17vw;}
#get-in-touch p {line-height: 1.82vw; font-size: 1.58vw; padding: 0.60vw 0px 0.60vw 0px;}
}
				
/*************************************************** # SECTION as seen on styles ***************************************************/
#as-seen-on {
	position: relative;
}

#featured-on {
	max-width: 1920px;
	margin: 0px auto;
	padding: 0px 20px;
	text-align: center;
}

#tv-appearances {
	padding: 3% 0px 5% 0px;
}

#appearances {
	padding: 1% 0px 0% 0px;
}

.appearance, a.appearance {
	width: 11.71%;
	height: 120px;
	margin: 0px 2.475%;
	display: block;
	text-align:left;
	color: #000000;
	text-indent: -999999px;
}


#featured-on h2 {
	line-height:50px;
	font-size: 40px;
	color: #000000;
	padding: 0px 0px 1.3% 0px;
	margin: 0px 0px 0px 0px;
	font-weight:700;
}
#featured-on h2 a, #featured-on h2 a:hover {color: #000000;}

#featured-on p {
	max-width: 1000px;
	line-height: 30px;
	font-size: 20px;
	color: #000000;
	padding: 10px 0px 10px 0px;
	margin: 0px auto;
}

.arc-border-mask-wrap-grey {
	width:100%;
	height: 6.81vw;
	position: absolute;
	bottom: -1px;
	left: 0;
	right:0;
	overflow: hidden;
	pointer-events: none;
	z-index: 150;
}
.arc-border-mask-grey {
	width:120%;
	height: 15.62vw;
	background: #485156;
	mask: radial-gradient(ellipse closest-side, rgba(72, 81, 86, 0) 99.1%, rgba(72, 81, 86, 1) 100%);
	position: absolute;
	bottom: 0;
	left: -10%;
	pointer-events: none;
	transform: rotate(180deg);
	z-index: 150;
}

.arc-border-mask-wrap-white {
	width:100%;
	height: 6.81vw;
	position: absolute;
	bottom: -1px;
	left: 0;
	right:0;
	overflow: hidden;
	pointer-events: none;
	z-index: 150;
}
.arc-border-mask-white {
	width:120%;
	height: 15.62vw;
	background: #ffffff;
	mask: radial-gradient(ellipse closest-side, rgba(255, 255, 255, 0) 99.1%, rgba(255, 255, 255, 1) 100%);
	position: absolute;
	bottom: 0;
	left: -10%;
	pointer-events: none;
	transform: rotate(180deg);
	z-index: 150;
}

.arc-border-mask-wrap-red {
	width:100%;
	height: 6.81vw;
	position: absolute;
	top: -1px;
	left: 0;
	right:0;
	overflow: hidden;
	pointer-events: none;
	z-index: 150;
}
.arc-border-mask-red {
	width:120%;
	height: 15.62vw;
	background: #d51317;
	mask: radial-gradient(ellipse closest-side, rgba(213, 19, 23, 0) 99.1%, rgba(213, 19, 23, 1) 100%);
	position: absolute;
	top: 0;
	left: -10%;
	pointer-events: none;
	transform: rotate(180deg);
	z-index: 150;
}

@media only screen and (min-width : 960px) and (max-width : 1919px) {
.appearance, a.appearance {height: 6.25vw;}
	
}
@media only screen and (min-width : 960px) and (max-width : 1719px) {
#featured-on h2 {line-height: 2.90vw; font-size: 2.32vw;}
#featured-on p {max-width: 58.13vw; line-height: 1.74vw; font-size: 1.16vw; padding: 0.58vw 0px 0.58vw 0px;}
}

/*************************************************** # FOOTER styles ***************************************************/
footer {
	background: #485156;
}

footer-inner {
	max-width: 1720px;
	margin: 0px auto;
	padding: 0px 20px;
}

#a-good-law-firm {
	padding: 3.31% 0px 0px 0px;
}

#col1 {
	width: 20.63%;
	float: left;
	padding: .46% 3.48% 0px 0px;
}

#col2 {
	width: calc(21.29% - 20px);
	float: left;
	padding: 0px 20px 0px 0px;
}

#col3 {
	width: calc(27.29% - 20px);
	float: left;
	padding: 0px 20px 0px 0px;
}

#col4 {
	width: calc(27.29% - 20px);
	float: left;
	padding: 0px 20px 0px 0px;
}

#disclaimer {
	padding: 3.48% 0px 20px 0px;
	text-align: center;
}

a.footer-link {
	width: 100%;
	height: 0;
	padding-bottom: 25.07%;
	display: block;
	color: #ffffff;
	text-indent: -99999px;
}

#a-good-law-firm p {
	line-height: 25px;
	font-size: 14px;
	color: #ffffff;
	padding: 7px 0px 7px 0px;
}
#a-good-law-firm p a {
	color: #ffcc00;
	text-decoration: underline;
	font-weight: 500;
}
#a-good-law-firm p a:hover {
	color: #dab311;
	text-decoration: underline;
}

#disclaimer p {
	line-height: 16px;
	font-size: 12px;
	color: #ffffff;
	padding: 5px 0px 5px 0px;
}
#disclaimer p a {
	color: #ffffff;
	text-decoration: underline;
	font-weight: 500;
}
#disclaimer p a:hover {
	color: #ffffff;
	text-decoration: underline;
}


/******************************************** # Styles Tablet and Mobile SHARED ********************************************/
@media only screen and (max-width : 959px) {
/* advocate */
#trial-experience {padding: 40px 0px 40px 0px;}
#advocate-img {width: 29.51%;padding-bottom: 400px;}
#advocate-text {width: 68.46%;padding: 0px 2.03% 0px 0%;}
#advocate-text h2 {line-height:28px;font-size:22px;padding: 0px 0px 8px 0px;}
#advocate-text h3 {line-height:20px;font-size:16px;padding: 0px 0px 4px 0px;}
#advocate-text p {line-height:20px;font-size:14px;padding:5px 0px 5px 0px;}
#advocate-text a.button-yellow {margin: 10px 0% 0px 0px;}

/* work hard */
#get-results h2 {bottom: 3.72vw; line-height: 4.65vw; font-size: 4.76vw;}
/* practices */
#areas-of-practice {padding: 40px 0px 40px 0px;}
#practices {padding: 20px 0px 0% 0px;}
#practice-areas h2 {line-height:30px;font-size:28px;padding: 0px 0px 8px 0px;}
#practice-areas p {max-width: 600px;line-height:20px;font-size:16px;padding:5px 0px 5px 0px;}
.practice, a.practice {width: 46.6%;margin: 0px 1.7% 1.7% 1.7%;}
.practice span.text span, a.practice span.text span.itext {padding-bottom: 34.86%;}
.practice span.text span, a.practice span.text span.itext span {font-size:16px;line-height:17px;height:17px;}

/* secrets */
#secrets-success-iwrap {padding: 40px 0px 40px 0px;}
#secrets-success-img {width: 34.54%;padding: 2.1% 0px 0% 0px;}
#secrets-success-text {width: 63.43%;padding: 0px 2.03% 0px 0%;}
#secrets-success h2 {line-height:30px;font-size:28px;padding: 0px 0px 8px 0px;}
#secrets-success h3 {line-height:16px;font-size: 16px;}
#secrets-success p {line-height:20px;font-size:16px;padding:5px 0px 5px 0px;}

/* results */
#case-results {padding: 40px 0px 40px 0px;}
#real-case-results.alt {margin-top: -80px;}
#the-results {padding: 20px 0px 20px 0px;}
#case-results h2 {line-height:30px;font-size:28px;padding: 0px 0px 8px 0px;}
#case-results p {max-width: 600px;line-height:20px;font-size:16px;padding:5px 0px 5px 0px;}
a.results-prev {margin: 0px 0px 0px -20px;}
a.results-next {margin: 0px -20px 0px 0px;}
#results-carousel {width: calc(100% - 60px); }
#results-carousel a.title {line-height:20px;font-size: 16px;}

/* locations served */
#our-massachusetts-locations {padding: 40px 0px 40px 0px;}
#the-locations {padding: 20px 0px 0% 0px;}
#locations-served h2 {line-height:30px;font-size:28px;padding: 0px 0px 8px 0px;}
#locations-served p {max-width: 600px;line-height:20px;font-size:16px;padding:5px 0px 5px 0px;}
.yellow-bg {font-size: 16px;}
.flt3col-inline .yellow-bg {font-size: 14px;}
.yellow-bg ul li {padding: 3px 0px 3px 8px;}
.yellow-bg ul li:before {width:4px;margin: 13px 0px 0px -8px; }

/* don't lose rights */
#act-immediately {padding: 40px 0px 40px 0px;}
#get-compensation h2 {line-height:30px;font-size:28px;padding: 0px 0px 8px 0px;}
#get-compensation p {line-height:20px;font-size:16px;padding:5px 0px 5px 0px;}
#get-compensation p strong.xstrong {font-size: 20px;padding-bottom: 5px;}
#get-compensation a.button-yellow {margin-top: 10px;}

/* get in touch */
#do-not-delay {padding: 10% 0px 6% 0px;}
#get-in-touch h2 {line-height:30px;font-size:28px;padding: 0px 0px 8px 0px;}
#get-in-touch p {line-height:20px;font-size:16px;padding:5px 0px 5px 0px;}
#get-in-touch a.button-yellow {margin: 20px 10px 0px 10px;}

/* as seen on */
#tv-appearances {padding: 30px 0px 5% 0px;}
#appearances {padding: 0px 0px 0% 0px;}
.appearance, a.appearance {width: 14.66%;height: 8.33vw;margin: 0px 1%;}
#featured-on h2 {line-height:30px;font-size:28px;padding: 0px 0px 8px 0px;}
#featured-on p {max-width: 600px;line-height:20px;font-size:16px;padding:5px 0px 5px 0px;}

/* testimonials */
#testimonial-iwrap {padding: 40px 0px 40px 0px;}
#client-reviews h2 {line-height:30px;font-size:28px;padding: 0px 20px 8px 20px;}
#client-reviews p {max-width: 600px;line-height:20px;font-size:16px;padding:5px 20px 5px 20px;}
#testimonial-carousel {padding: 0px 0px 0px 0px;}
span.review-panel span.tquote {width: 3.37vw;height: 2.59vw;top: -5px;left: calc(2.56% + 4px);}
span.review-panel {font-size: 16px;line-height: 18px;}
span.review-text strong {font-size: 20px; line-height: 18px; padding-bottom: 5px;}
span.review-author {padding: 0px 87px 0px 0px;line-height: 40px;margin-top: 4px;}

/*  */

/*  */

/*  */

/* footer */
footer-inner {padding: 0px 10px;}
#a-good-law-firm {padding: 30px 0px 0px 0px;}
#col1 {width: 100%;max-width: 335px;float: none;padding: 0px 0px 30px 0px;margin: 0px auto;}
#col2 {width: calc(31.33% - 15px);padding: 0px 15px 0px 0px;}
#col3 {width: calc(39.33% - 15px);padding: 0px 15px 0px 0px;}
#col4 {width: 29.33%;padding: 0px 0px 0px 0px;}
#disclaimer {padding: 40px 0px 20px 0px;}
a.footer-link {width: 100%;height: 0;padding-bottom: 25.07%;}

}

/******************************************** # Styles THIN PC ONLY ********************************************/
@media only screen and (min-width : 960px) and (max-width : 1059px) {
.flt3col-inline .yellow-bg {font-size: 14px;}
}

/******************************************** # Styles THIN Tablet ONLY ********************************************/
@media only screen and (min-width : 640px) and (max-width : 739px) {
.flt3col-inline .yellow-bg {font-size: 12px;}
#results-carousel a.title {line-height:17px;font-size: 14px;}
#a-good-law-firm p {line-height: 25px;font-size: 12px;padding: 7px 0px 7px 0px;}
}

/******************************************** # Styles Mobile ONLY  ********************************************/
@media only screen and (min-width : 1px) and (max-width : 639px) {
/* advocate */
#trial-experience {padding: 20px 0px 20px 0px;}
#advocate-img {width: auto;padding-bottom: 66.66%;}
#advocate-text {width: auto;padding: 20px 0px 0px 0px;}

/* fight hard */
#get-results {padding-bottom: 62.5%;}
#get-results h2 {bottom:23px;line-height:29px;font-size:30px;}

/* practices */
#areas-of-practice {padding: 20px 0px 20px 0px;}
#practice-areas h2 {line-height:26px;font-size:24px;padding: 0px 0px 6px 0px;}

/* secrets */
#secrets-success-iwrap {padding: 20px 0px 20px 0px;}
#secrets-success-img {width: auto;max-width:400px;margin:0px auto;padding: 0px 0px 0% 0px;}
#secrets-success-text {width: auto;padding: 20px 0px 0px 0%;}
#secrets-success h2 {line-height:26px;font-size:24px;padding: 0px 0px 6px 0px;}

/* results */
#case-results {padding: 20px 0px 20px 0px;}
#the-results {padding: 20px 0px 20px 0px;}
#case-results h2 {line-height:26px;font-size:24px;padding: 0px 0px 6px 0px;}
a.results-prev {margin: 0px 0px 0px -30px;}
a.results-next {margin: 0px -30px 0px 0px;}
#results-carousel {width: calc(100% - 40px); }
#results-carousel a.title {line-height:17px;font-size: 14px;}

/* testimonials */
#testimonial-iwrap {padding: 20px 0px 20px 0px;}
#client-reviews h2 {line-height:26px;font-size:24px;padding: 0px 20px 6px 20px;}
span.review-panel span.tquote {width: 6.56vw;height: 5vw;top: -2.03vw;left: calc(2.16% + 1.25vw);}
#client-reviews .jcarousel-pagination {padding: 0px 0px 0px 0px;}
#client-reviews .jcarousel-pagination a {margin: 0px 8px 10px 8px;}

/* locations served */
#our-massachusetts-locations {padding: 20px 0px 20px 0px;}
#the-locations {padding: 5px 0px 0% 0px;}
#locations-served h2 {line-height:26px;font-size:24px;padding: 0px 0px 6px 0px;}
.yellow-bg {padding: 15px 20px 15px 20px;font-size: 14px;}
.flt3col-inline .yellow-bg {font-size: 14px;}
.yellow-bg.alt {padding: 15px 20px 15px 20px;}
#locations-served	.yellow-bg {padding: 10px 20px 10px 20px;}
	
/* don't lose rights */
#act-immediately {padding: 20px 0px 20px 0px;}
#get-compensation h2 {line-height:26px;font-size:24px;padding: 0px 0px 6px 0px;}

/* get in touch */
#get-in-touch h2 {line-height:26px;font-size:24px;padding: 0px 0px 6px 0px;}


/* as seen on */
#tv-appearances {padding: 20px 0px 5% 0px;}
.appearance, a.appearance {width:93px;height:53px;margin:6px 6px 6px 6px;}
#featured-on h2 {line-height:26px;font-size:24px;padding: 0px 0px 6px 0px;}


/* footer */
#a-good-law-firm {padding: 20px 0px 0px 0px; text-align: center;}
#col1 {padding: 0px 0px 20px 0px;}
#col2 {float:none;width: auto;padding: 0px 0px 20px 0px;}
#col3 {float:none;width: auto;padding: 0px 0px 20px 0px;}
#col4 {float:none;width: auto;padding: 0px 0px 0px 0px;}
#col4 p a {display: inline-block;margin-bottom: 15px;}
#disclaimer {padding: 20px 0px 20px 0px;}

}

/******************************************** # Styles THIN Mobile ONLY  ********************************************/
@media only screen and (min-width : 1px) and (max-width : 419px) {
#client-reviews .jcarousel-pagination a {margin: 0px 4px;}
}