@media all and (min-width: 1922px) { 

 #wpcf7-f5-o1 {
    width: 90vw;
    text-align: center;
    display: block;
    margin-left: calc(50% - 45vw);
}
#testimonials-wrapper .carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
    width: 60vw;
	margin:0 auto;
	
	}
	#sidebar-area {
    margin-top: -6.6vw;
}
	#sidebar-area  .carousel-inner {
	 width: 100%;
	 }
	 #menu-attorneys > li > a,
	 #menu-sidebar-menu > li > a {

    line-height: 2vw;
	}

#sidebar-area .button.primary-button {
    margin: 10px auto;

    width: 100%;
}
#sidebar-area .testimonial {

    text-align: center;
}
#main .alignright {
   
    padding: 0;
    margin: 0 0 10px 20px !important;
	}
	
	
#testimonials-wrapper .carousel .carousel-item .img-box .read-more {

    bottom: 3vw;
    left: 7vw;

}
#testimonials-wrapper .carousel .carousel-item .img-box .text-subheader {
    top: 3vw;
	}
.button-grup{
	    width: 70%;
    /* display: block; */
    margin: 0 auto;
}
}
.blog h1{ 
	font-size: 4.5rem;
}


/*
#sidebar-area .carousel .item .img-box > h2 {
transform: translate(150px, -220px);
}
#sidebar-area .carousel .item .img-box .read-more {

    transform: translatex(7.5vw);

}*/


@media all and (min-width: 1720px) and (max-width: 1921px) { 

    #wpcf7-f5-o1 textarea {
    width: 59.1vw!important;
}
	#testimonials-wrapper {
		
		max-height: 1250px;
	}
	#practices .grid-banner {
   
    width: 90%;
    padding: 10px 45px;
}
	.button-grup{
	
    padding: 0 50px;

	}
	#menu-attorneys > li > a,
	#menu-sidebar-menu > li > a {

    line-height: 2vw;
	}
	#sidebar-area {
    margin-top: -6.6vw;
}

}

@media all and (max-width: 1400px) { 
	.navbar-dark .navbar-nav .nav-link, .navbar-dark .navbar-nav, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show > .nav-link{ font-size: 14px; }
	.dropdown-item{ font-size: 14px; }
	
	.phone::before{ width: 26px; height: 26px; left: -36px; }
	
	#philadelphia{ margin-bottom: 30px; }
	#philadelphia h2{ margin: 0px auto;  padding:5px 0px;}
	#philadelphia h2.text-header{ font-size: 60px; line-height: 60px; }	
	#philadelphia h2.text-subheader{ font-size: 45px; line-height: 45px; }
	#philadelphia h2.attorneys{ font-size: 50px; line-height: 50px; margin-bottom: 15px; }
	
	.m-auto,
	#news .grid-banner,
	.banners .grid-banner{ max-width: 94%; flex: 0 0 94%; }
	
	.button-grup{ padding-top: 1rem !important; }
	.button-grup .button{ padding: 20px 40px !important;  }
	
	.car-txt .button.primary-button.button-red{ width: 90%; }
	
	h2.testimonial-name { padding: 0;  }
	.home h2.testimonial-name { font-size: 84px; letter-spacing: 20px;}
	.testimonial-name.red{ top: calc(27% + 65px); }
	
	#testimonials-wrapper p{ font-size: 30px; padding: 3vw 3vw; line-height: 40px;}
	#testimonials-wrapper .carousel .carousel-item{ min-height: 400px; }
	
	#news .grid-banner{ grid-gap: 20px; }
	#news .card-body{ padding: 30px; }
	#news small{ margin: 0; font-size: 11px; }
	#news .text-gold-title{ font-size: 23px; line-height: 34px;}
	
	#news .text-gold-title{ font-size: 21px; line-height: 29px; }
	#news .card-body p.para{ display: none; }
	#news .card-body p{ font-size: 16px; line-height: 25px;  }
	
	
	#form form .col-8{ max-width: 94%; flex:0 0 94%; }
	
	.text-prata{ font-size: 1.2rem; }
	.footer-contact .text-prata.footer-call-us{ font-size: 2.4rem; }
	
	
	#widget-area li > a::before{ margin-right: 10px; }
	
	#sidebar-area .card{ padding-bottom: 10px; }
	#sidebar-area .card-body{ padding-top: 15px !important; }
	#sidebar-area .button.primary-button{ padding: 22px 0; }
	
	#sidebar-area .attorney{ height: 350px; }
	#sidebar-area .item img{ height: 350px; }
	#sidebar-area .carousel .item .img-box > h2{  font-size: 40px; padding: 0; margin-left: 0; transform: translatey(-90px);  }
	#sidebar-area .carousel .item .img-box .text-subheader{ font-size: 19px; }
	#sidebar-area .carousel .item .img-box .read-more{ bottom: 0; }
	
	#sidebar-area .testimonial{ font-size: 20px; line-height: 30px; }
	
	#menu-attorneys > li > a,
	#menu-sidebar-menu > li > a{ font-size: 18px; line-height: 55px; }
	.sub-menu > li > a{ font-size: 16.5px; line-height: 27px; } 
	
	#contact-maps .col-lg-8,
	#contact-maps .col-lg-3{ 
		max-width: 50%; flex: 0 0 50%; 
	}
	#contact-maps .col-lg-8 .text-prata{ text-align: right; padding-right:30px; }
	#contact-maps .text-prata{ font-size: 40px; }
	
	#contact-maps .footer-call-us{ line-height: 90px;}
	
	.contact-description{ font-size: 19px; }
}

@media all and (min-width: 1200px) and (max-width: 1700px) { 

#meet-wrapper .img-box .read-more {
    position: absolute;
    bottom: 3vw;
    left: 12vw;
    padding: 22px 95px;
    font-size: 24px;
    font-family: var(--prata);
}
.navbar-dark .navbar-nav .nav-link, .navbar-dark .navbar-nav, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show > .nav-link {

    line-height: 38px;
    text-transform: uppercase;
    padding: 3px 0.5vw;
    font-size: 15px;
}
#hero .carousel-caption h1 {
    font-family: var(--prata);
    font-size: 50px;
    line-height: 53px;
    text-align: left;
    margin-bottom: 56px;
    letter-spacing: -2px;
}
#hero .carousel-caption {
    position: absolute;
    top: 21%;
    bottom: 20px;
    left: 45%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
    width: 550px;
}
#services .text-header {
    font-size: 75px;
    line-height: 77px;
    letter-spacing: -1.5px;
}
.phone {
    font-size: 22px;
    font-family: var(--prata);
    color: var(--primary-gold-color);
    margin-right: 4.6vw;
    position: relative;
    line-height: 34px;
    padding-top: 1px;
    transition: all .7s ease;
}
.slogan {

    margin-left: -15vw;
}
#sidebar-area .button.primary-button {
   
    width: 100%;
}


}

@media (max-width: 1299px) { 
	img.logo{ width: 230px; }
}
	
@media (max-width: 1199px) { 
	

	
.pr-5, .px-5{ padding-right: 10px !important; }

.navbar-dark .navbar-nav .nav-link, .navbar-dark .navbar-nav, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show > .nav-link{

    line-height: 38px;
    text-transform: uppercase;
    padding: 8px 0.5vw;
    font-size: 14px;
}
.navbar-dark .navbar-nav{
	 padding: 0;
}	
.dropdown-item{ font-size: 13px; }

.dropdown-toggle::after{ font-size: 12px; margin-left: 1px; margin-right: 8px; }

#hero .carousel-caption h1 {
    font-family: var(--prata);
    font-size: 50px;
    line-height: 53px;
    text-align: left;
    margin-bottom: 56px;
    letter-spacing: -2px;
}
#hero .carousel-caption {
    position: absolute;
    top: 21%;
    bottom: 20px;
    left: 45%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
    width: 550px;
}
#hero .button.primary-button
{
    padding: 22px 76px;
    border-radius: 0;
    letter-spacing: 2px;
}
#services .text-header {
    font-size: 75px;
    line-height: 77px;
    letter-spacing: -1.5px;
}
.phone {
    font-size: 18px;
    font-family: var(--prata);
    color: var(--primary-gold-color);
    margin-right: 2.6vw;
    position: relative;
    line-height: 34px;
    padding-top: 1px;
    transition: all .7s ease;
}
.phone::before {
    content: '';
    width: 18px;
    height: 18px;
    position: absolute;
    top: 3px;
    left: -27px;
    background: url(../img/phone-top.png);
    background-size: cover;
}
.button.primary-button.button-red {
    background-color: var(--primary-red-color);
    padding: 22px 8px;
    font-size: 14px;
    width: 100%;
}
.button.primary-button.button-blue {
    background-color: #1f2b4f;
    padding: 22px 12px;
    font-size: 14px;
    width: 100%;
}

#philadelphia .text-subheader {
    transform: translateX(150px);
    line-height: 13px;
    letter-spacing: 5px;
    font-size: 60px;
    text-transform: uppercase;
}
.text-header {
    font-size: 82px;
    font-family: var(--prata);
    color: var(--primary-red-color);
    line-height: 73px;
    letter-spacing: 2px; 
}
.attorneys {
    font-size: 60px;
  
}
.mymargin-top{ margin-top: 30px; }
#services .text-header{ font-size: 60px; line-height: 50px; }
#services .text-2{ font-size: 20px; padding: 5px 0;}

.slogan {
    display: block;
    /* position: absolute; */
    width: 100%;
    min-width: 670px;
    margin-left: -18vw;
    */: ;
    transform: scale(0.7) translatex(25vw) translatey(-30px);
    /* transform: translatex(300px); */
    /* transform: translatey(290px); */
    z-index: 99;
}
.slogan-contact{
	margin-left: -45vw;
}
.slogan > .text-subheader {
    font-size: 70px;
	transform: translatex(120px);
}
.slogan > .attorneys {

    transform: translateX(15px);

}
#sidebar-area .button.primary-button {
    margin-top: 20px;
    padding: 22px 5px;
    width: 100%;
}

.grid-banner.footer {
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 1px;
}
#menu-attorneys > li > a,
#menu-sidebar-menu > li > a {

    line-height: 3vw;
	}
.testimonial-name {
    position: absolute;
    font-size: 80px;
    line-height: 50px;
    top: 27%;
    left: 120px;
    font-family: var( --kanit-extrabold);
    letter-spacing: 20px;
}
.testimonial-name.red {
    top: calc(27% + 65px);
}

#meet-wrapper .img-box .read-more {
    position: absolute;
    bottom: 5vw;
    left: 12vw;
    padding: 12px 55px;
    font-size: 18px;
    font-family: var(--prata);
}
.entry-title{ font-size: 25px; line-height: 32px; }
.entry-meta{ margin: 10px 0; font-size: 14px; }

#sidebar-area .carousel .item .img-box .read-more{ transform: translatex(-10vw); }

}

@media (max-width: 1040px) {
	
	img.logo {  width: 200px;  }
	
}	
@media (max-width: 991px) {
	
	
	.navbar{ padding-top: 10px; padding-bottom: 10px; }
	
body{ overflow-x: hidden;}	
	
	.slicknav_menu{
		display: block;
		position: absolute;
		top:0;
	}
	
#hero .carousel-caption h1{ margin-bottom: 8px; }	
#hero .button.primary-button{ padding: 13px 26px; }	

#philadelphia{ margin-top: 40px; }
#philadelphia{ margin-bottom: 30px; }
#philadelphia h2{ margin: 0px auto;  padding:5px 0px;}
#philadelphia h2.text-header{ font-size: 45px; line-height: 40px; }	
#philadelphia h2.text-subheader{ font-size: 35px; line-height: 35px; }
#philadelphia h2.attorneys{ font-size: 40px; line-height: 40px; margin-bottom: 5px; margin-left: 40px; }
	
.about-img{ margin: 30px auto; }

.carousel .carousel-control{
	display: none; 
}
.testimonial-name.red {
    top: calc(27% + 65px);
}
.testimonial-name {
    position: absolute;
    font-size: 50px;
    line-height: 50px;
    top: 27%;
    left: 90px;
    font-family: var( --kanit-extrabold);
    letter-spacing: 15px;
}
.grid-banner{

  grid-template-columns: 1fr ;
  grid-gap: 20px;
  
}
.banners .card{ height: 330px; }

#about{ display: none; }

.services-img{ transform: none; }

#menu-attorneys > li > a,
#menu-sidebar-menu > li > a {

    line-height: 4vw;
	}
	#form label {
    margin-bottom: 1rem!important;
    width: 100%;
}
.email-label{
	margin-left:-0.5vw;
}
.mobile-navbar-text{
font-family:var(--prata);
color:var(--primary-dark-color);
font-size:12px;
line-height:10px;
text-align:center;
    margin-top: 5px;
}
.footer-mobile-navbar .icon-bar {
    width: 22px;
    height: 2px;
    background-color:var(--primary-red-color);
    display: block;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    margin: 4px 0;
}
.footer-mobile-navbar-button{
background-color:white!important;
padding:0 15px;
border: 0;

}
.footer-mobile-navbar{
position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030;
display:block;
width:100%;

background-color:white;
z-index:11109;
padding: 10px 5px 0 5px;
display: -webkit-box!important; 
display: flex!important;
}
.menu-navbar{
margin-top:15px;
transform: translateX(-5px);
}
.navbar-collapse {
    width: 140vw;
    transform: translateX(55vw);
}
#news .grid-banner {
    grid-template-columns: 1fr;
    grid-gap: 55px;
}
.car-accident-header {
    text-align:center;
    font-family: var(--prata);
    font-size: 37px;
    line-height: 40px;
    letter-spacing: -0.15px;
}
.button.primary-button.button-red {
    background-color: var(--primary-red-color);
    padding: 22px 43px;
    font-size: 12px;
    width: 100%;
	
}
.practices-background {

    padding-top: 5vw;
	}
#practices .text-header {
    font-size: 45px;
    text-align: center;
    line-height: 1px;
    text-shadow: var(--text-shadow);
    margin-bottom: 10px;
}
#hero .carousel-caption h1 {
    font-family: var(--prata);
    font-size: 30px;
    line-height: 43px;
    text-align: left;
    margin-bottom: 26px;
    letter-spacing: -2px;
}
#practices .text-subheader{ 
	line-height: 90px;
}
#hero .carousel-caption {
    position: absolute;
    top: 21%;
    bottom: 20px;
    left: 45%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
    width: 350px;
}
.attorneys {
    font-size: 80px;
    font-family: var(--prata);
    color: var(--primary-dark-color);
    transform: translateX(1px);
    line-height: 23px;
    letter-spacing: 1px;
}
.text-header {
    font-size: 62px;

}
#philadelphia .text-subheader {
    transform: translateX(100px);
    line-height: 13px;
    letter-spacing: 5px;
    font-size: 50px;
    text-transform: uppercase;
}
.sevices-img img{ height: 50px; margin-top: 0; }

#practices .card .text-header{ line-height: 25px; }    

#meet-wrapper .img-box .text-subheader{ top:30px; }
.home h2.testimonial-name{ font-size: 70px; } 

#testimonials-wrapper .carousel .carousel-item{ min-height: 430px; }

#news{ margin-top: 0; }
#news::before{ font-size: 100px; transform: translate(120px,-60px); }
#news .news-list .card:last-child{
	display: none;
}

#form form .col-8{ max-width: 88%; }
#form .text-header{ font-size: 55px; line-height: 65px; }
#form label br{ display: none; }

.footer-contact .text-prata.footer-call-us{ text-align: center; }
.footer-contact .justify-content-end{ justify-content: center !important ; -webkit-box-pack: center !important; }
.footer-socials{ margin-bottom: 30px; margin-top: -10px; }
.footer-socials i{ transform: none; }

.footer-call-us{ line-height: 140px; }

.col-md-11,
#main,
#sidebar-area{ flex: 1 0 100%; max-width: 95%; margin-left:10px; }

#main,
#sidebar-area{ margin: 0 2.5%; }

#main{
	margin-bottom: 20px;
}

#sidebar-area{ margin-top: 30px;  }
#page-wrapper::after{ display: none; }

#sidebar-area .carousel .item .img-box .read-more{ transform: none; margin-left: -100px;}

#sidebar-area .carousel .carousel-item .img-box > h2{ transform: translatey(-80px); }


}

@media (max-width: 767px) {
.stickybar{	
	font-size:11px;
	line-height:15px;
}
		
.navbar{ padding:0; }
	
.navbar-dark .navbar-brand{ padding: 15px 0 0; }
	
	.pl-5, .px-5{ padding: 0 !important; }
	

#practices .grid-banner {
  
    grid-template-columns: 1fr 1fr;
    grid-gap: 0px;
   
}
#practices .text-header {
    font-size: 65px;
 
}
#wrapper-navbar, #hero {
     padding-left: 0; 
}


#news .grid-banner {
    grid-template-columns: 1fr;
    grid-gap: 55px;
}
.grid-banner.footer {
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
	 padding: 0 50px;
}
    



.row {
 
     margin-right: 0px; 
     margin-left: 0px; 
    /* padding: 10px 50px; */
}
.mymargin-top {
    margin-top: 17vw;
}
#menu-attorneys > li > a,
#menu-sidebar-menu > li > a {

    line-height: 4vw;

}
.main-page-title{
	font-size: 23px !important;
	line-height: 31px;
}
h1.page-title{ font-size: 23px !important; }
h2{
	font-size: 20px;
}
h3{
	font-size: 18px; 
}
h2, h3 {
     padding:5px 0;
    font-family: var(--prata);
    color: var(--primary-gold-color);
	text-align:left;
}
.text-gold-title, h3, h4, h5, h6 {

    text-align: left;
  }
.text-paragraph, p, .para{
    color: var(--primary-dark-color);
    font-size: 16px;
    font-family: var(--kanit-light);
    text-align: justify;
    line-height: 23px;
    letter-spacing: -0.2px;
}
#practices .text-prata {
    font-size: 17px;
    line-height: 29px;
}
#wrapper-navbar, #hero {
     padding-left: 0;
}
#hero img {
    height: 335px;
	object-fit: fill;
}
#philadelphia {
margin-top:50px;
}
.mobile-hr{

    width: 60px;
    height: 2px;
    text-align: center;
    display: block;
    margin: 20px auto;
    background-color: var(--primary-gold-color);
}
.mobile-link{
color:var(--primary-red-color);
text-align:center;
font-size:13px;
line-height:20px;
display:block;
margin:20px auto;
text-transform: uppercase;
text-decoration:underline;
}
.about-img {
    display: block;
    margin: 30px auto;
}
#practices .col-8,
#services .col-8,
#philadelphia .col-8{
	flex: 0 0 90%;
	max-width: 90%;
}
#philadelphia .text-header {
   
    font-size: 16px;
    font-family: var(--kanit-bold);
    color: var(--primary-dark-color);
    line-height: 39px;
	text-transform: uppercase;
	text-align:center;
	letter-spacing:2px;
	margin-left:0 !important;
   
}
#philadelphia h2.attorneys{ margin-left: 0;}
#philadelphia .text-subheader, .attorneys {
    
    line-height: 10px;
    letter-spacing: 1px;
    font-size: 30px;
	text-align:center;
	font-family:var(--prata);
	color:var(--primary-red-color);
	transform: translateX(0px);
	text-transform: capitalize;

}   
#services .text-2{
	margin-top: 40px;
}
.banners .card{ 
	height: 280px; 
}
.p-width-gradient{
	font-size: 14px; line-height: 18px; 
}
.card-body > .text-header{
	font-size: 22px;
	line-height: 22px;
}
#services .text-header {
    font-size: 33px;
    line-height: 17px;
    letter-spacing: 0;
	text-align:center;
	margin-top:-10px;
} 
#services .text-subheader {
    font-size:15px;
    line-height: 44px;
    letter-spacing: 4px;
	text-align:center;
	}
#services h3 {
    font-size:17px;
    line-height: 24px;
    letter-spacing: 2px;
	font-weight:600;
	
	}
.mobile-another-display  h3 {
    font-size:17px;
    line-height: 22px;
    letter-spacing: 2px;
	font-weight:600;
	text-align:left;
	}
.mobile-another-display  h3:hover, .mobile-another-display  h3:hover::before  {
  
	color:var(--primary-red-color);
	content: "\f107";
}

	
.mobile-another-display  h3::before {

   	font-family: "FontAwesome"; 
	font-weight: 600; 
	content: "\f105";
	color:var(--primary-gold-color);
	margin-right: 15px;
}



.mobile-another-display  h3:checked ~  .get-results {
    display: block;
}    
.mobile-another-display  h3:not(:checked) ~  .get-results {
    display: none;
}
.mobile-colapse-reverse{
display:block;
}
.mobile-colapse{
display:none;

}

#services-img {
    max-height: auto;
   transform: translate(0px, 0px);
	object-fit: cover;
    object-fit: none;
    width: 100%;
    object-position: top;
}
#services .text-2 {
    
    font-size: 14px;
    line-height: 40px;
    letter-spacing: 1.5px;
}
#services .get-results {
    font-size: 33px;

}

#practices .text-subheader {
    font-size: 14px;
	margin-top: 50vw;
	    line-height: 50px;
	}
#practices .text-header {
    font-size: 34px;
}
.car-accident-header {
    float: center;

    font-size: 23px;
    line-height: 40px;
    letter-spacing: -0.15px;
}
.button-grup{
	flex-direction: column;
}
.button.primary-button.button-red {
    background-color: var(--primary-red-color);
    padding: 22px 84px;
    font-size: 17px;
	text-align:center;
	font-family: var(--kanit-semibold);
	margin:0 auto;
	width:100%;
	
	
}
.button.primary-button.button-blue {
    background-color: #1f2b4f;
    padding: 22px 65px;
    font-size: 17px;
	
	text-align:center;
	
	font-family: var(--kanit-semibold);
	
	display:block;
	margin:0 auto;
	transform:translateY(-15px);
	width:100%;
}
#practices .card-body {
     min-height: 100px; 
}
#practices  .sevices-img img {
    max-width: 120px;
    height: 30px;
    margin-top: 0px;
}
.card .gradient {
   
    background: white!important;
}
.sevices-img.py-5{
    padding: 28px!important;
}
#practices .card .text-header {
    font-size: 16px;
   
}
#practices .card{
	height: 200px;
}
#practices .card-text.more{
	font-size: 11px;
}
#practices .banners .card:hover .points{
	opacity: 0;
}
#practices small {
  
    font-size: 11px;
    
    line-height: 20px;
    letter-spacing: 1px;
}
#practices .card-text {
    font-size: 22px;
    font-family: var(--priata);
    line-height: 1px; 
    color: var(--primary-gold-color);
    /* position: absolute; */
    margin: 0 auto;
    display: block;
    width: 100%;
    margin-top: 2vw;
}

.pt-5, .py-5{
	padding: 0 !important; 
}
#meet-wrapper .img-box .text-subheader{
	font-size: 18px;
}
.home h2.testimonial-name{
	font-size: 30px; 
	line-height: 24px; 
	top:120px;
	letter-spacing: 10px;
}
.home h2.testimonial-name.red{  
	top: 140px;
}
.home #testimonials-wrapper .carousel{
	height: 190px;
}


#testimonials-wrapper{
	min-height: 440px;
	height: 300px;
}
.home #testimonials-wrapper{
	margin-top: 70px; 
}
#testimonials-wrapper .carousel .carousel-item{
	min-height: 160px;
}
.home #testimonials-wrapper .carousel{
	height: 230px; 
}
.home .carousel-inner{
	min-height: 200px;
}

#news{
    padding: 20px 10px;
}
.home .testimonial-header{
	margin-top: 30px !important; 
}
	

#news::before {
    content: "news";
    position: absolute;
    font-size: 65px;
    font-family: var( --kanit-extrabold);
    color: var(--primary-red-color);
    transform: translate(30%,-28px);
    text-transform: uppercase;
    z-index: 999;
    letter-spacing: 10px;
    margin: 0 auto;
    display: block;
}
#news .grid-banner {
    grid-template-columns: 1fr;
    grid-gap: 55px;
}
#news .text-gold-title {
    font-size: 18px;
    line-height: 27px;
	margin-top:15px;
}
#news .card{
	padding: 34px !important;
}
#news .text-gold-title{
	text-align: left;
}
#news .card-body {
    padding: 25px;
}
#form .text-header {
    font-size: 32px;
    line-height: 30px;
    text-align: center;
}
#form .col-lg-4 .pl-1,
#form .col-lg-4 .pr-1{
	padding-left: .5rem !important;
	float: right;
}
.email-label{
	transform: none !important;
}
#form small {
    font-size: 12px;

}
#wpcf7-f5-o1 input {
 
     width: 100%;
    height: 70px;
    margin-top: 0px;
}
#wpcf7-f5-o1 textarea {

    width: 98%;
}
.wpcf7-submit {

    width: 100%;
	margin:0;
	transform:translateY(-10px);
}
.grid-banner.footer {
    grid-template-columns: 1fr 1fr;
    grid-gap: 10px;
	 padding: 0 50px;
	margin-top: 0px!important;
}
.footer-call-us {
margin-top:20px;
    font-size: 25px;
    text-align: center;
    line-height: 48px;
    display: block;
    width: 100%;
    margin-bottom: 30px;
}
.footer-contact .footer-call-us {
	margin-left: 0;
}
.footer-call-us > a {

    font-size: 38px;
    text-align: center;
  
    display: block;
    width: 100%;
}
.footer-socials {
    font-size: 38px;
    text-align: center;
    display: block;
    width: 100%;
    justify-content: center!important;
}
.footer-socials i {

    border-radius: 50%;
}
.footer-info{
 padding:0 10px;
}
.mobile-reverse-column{
flex-flow: column-reverse;

}
#footer ul li a {
    font-size: 12px;
	font-family:var(--kanit-light);
	text-transform:uppercase;
	color:#767676;
	 line-height: 40px;
	 font-weight:800;
	
}
#footer ul li::after{
	top: 4px; 
}
#footer .copyright {
    color:#767676;
    font-size: 12px;
    font-family: var(--kanit-light);
    text-align: center;
    line-height: 40px;

    width: 100%;
}
.navbar-dark .navbar-brand {
    transform: translateX(0) scale(.7);
	margin: 0 auto;
}
.navbar .button.primary-button.button-top {
display:none;
}
#testimonials-wrapper p {
     padding: 10px 100px; 
    font-size: 17px;
    line-height: 27px;
	

}
#testimonials-wrapper .carousel .overview {

    color: var(--primary-gold-color);
}
#news small {
    padding: 0;

    margin: -5px 0;
}
.carousel .carousel-control {
     top: 53.5%;

	}
	
.practices-background {
    background: url(../img/pratices-image1.jpg);
    background-position-y: -6vw;
    background-position-x: center;
    background-repeat: no-repeat;
    padding-top: 10vw;
     border-bottom: 10px solid #fbfbfc; */
}
#testimonials-wrapper {
   
}
.wrapper {
     padding: 0; 
}
#testimonials-wrapper .carousel {
    margin: 0 auto;
    padding: 0;
    transform: translateY(0px); 
}
#testimonials-wrapper  .carousel .img-box {

padding:0!important;
}
#testimonials-wrapper  .carousel .img-box img{
	
	object-fit: cover;
	object-position: right;
	height:320px;
	
}
#testimonials-wrapper .carousel .carousel-item .img-box .text-subheader {
    font-size: 14px;
    position: absolute;
    z-index: 9;
    top: 20vw;
    left: -10px;
    color: var(--primary-gold-color);
    letter-spacing: 2px;
    font-family: var(--kanit-bold);
}
.testimonial-name {
    position: absolute;
    font-size: 40px;
    line-height: 36px;
    top: 26vw;
    left: 85px;
    font-family: var( --kanit-extrabold);
    letter-spacing: 10px;
}

.testimonial-name.red {
    top: calc(26vw + 45px);

}
#testimonials-wrapper .carousel .carousel-item .img-box .read-more {
    position: absolute;
    bottom: 6vw;
    left: 90px;
    padding: 10px 35px;
    font-size: 16px;
    font-family: var(--prata);
}
.carousel-control-next {
    transform: translateX(-40px) scale(0.1);
}
.carousel-control-next:hover {
transform: translateX(-40px) scale(0.1);
}
.carousel-control-prev {
transform: translateX(50px) scale(0.1);
}
.carousel-control-prev:hover {
transform: translateX(50px) scale(0.1);
}

.services-img {
    max-height: 860px;
    transform: translate(1px, 1px);
	
}
#hero img {
    height: 325px;
    /* object-fit: fill; */
    object-fit: cover;
    object-position: left;
}
#hero .carousel-caption {
    position: absolute;
    top: 41%;
    bottom: 20px;
    left: 0px;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
    width: 100%;
}
#hero .carousel-caption h1 {
    font-family: var(--prata);
    font-size: 22px;
    line-height: 27px;
    text-align: center;
    margin-bottom: 16px;
    letter-spacing: -2px;
	
}
#hero .button.primary-button {
padding: 14px 36px;
    border-radius: 0;
    letter-spacing: 0.6px;
    display: block;
    margin: 0 auto;
    font-size: 12px;
    font-family: var(--kanit-semibold);

}
.email-label{ 
transform: translateX(-0.25rem);

}
.name-label{ 
    width: 101%!important;
}
#form{
padding: 50px 0;
}
#wpcf7-f5-o1 input {
    width: 98.5%;

}
#contact-maps .grid-banner {
   
    grid-template-columns: 1fr;
}
.slogan-contact {
    /* transform: translatex(40vw); */
    display: block;
    width: 100%;
    min-width: 100vw;
    transform: scale(0.7) translatex(40vw) translatey(30px);
    
}
#sidebar-area .testimonial {
    font-size: 16px;
    line-height: 40px;
    padding: 10px 30px;
}
#sidebar-area .testimonial-header {

    margin-top: 30px;
}
#sidebar-area .carousel .carousel-item .img-box > h2 {
    
    line-height: 47px;
    text-align: center;
 
}
#sidebar-area .carousel .carousel-item .img-box .text-subheader {

    top: 39%;
 
}
#main {
    padding: 0;
    margin-bottom: 20px;
}
#hero-sub{

	margin-bottom:6vw;

}
#hero-sub{ min-height: 130px; padding: 10px 30px; }
#hero-sub *{ transform: scale(0.9); }


.menu-footer-menu-container{
margin:0 auto;
}
.footer > .card > .card-body {
   
    margin-top: -1rem;
}
.footer h6 {
    font-size: 12px;
    line-height: 18px;
    font-family: var(--kanit-light);
    text-align: left;
	    margin: -15px 0;
}
.footer h6 a {
    font-size: 17px;
}
.footer .card small {
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 1px;
 
}
hr{
display:none;
}
#services .mymargin-top {
    margin-top: -5vw;
}

.slogan {
    display: block;
    width: 100%;
    min-width: 83vw;
    transform: none;
    z-index: 99;
    margin: 0;
}


.slogan >.text-header {
    font-size: 30px;
	line-height: 23px;
	margin: 0 !important ;
	text-align: center;
	width: 100%;
}
.slogan >.text-subheader {
    transform: none;
    line-height: 42px;
    font-size: 40px;
    text-align: center;
}
.slogan > .attorneys{
	text-align: center;
	transform: none;
}
.mobile-navbar-text{
font-family:var(--prata);
color:var(--primary-dark-color);
font-size:12px;
line-height:10px;
text-align:center;
    margin-top: 5px;
}
.footer-mobile-navbar .icon-bar {
    width: 22px;
    height: 2px;
    background-color:var(--primary-red-color);
    display: block;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    margin: 4px 0;
}
.footer-mobile-navbar-button{
background-color:white!important;
padding:0 2vw;
border: 0;

}
.footer-mobile-navbar{
position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030;
display:block;
width:100%;

background-color:white;
z-index:11109;
padding: 10px 5px 0 5px;
display: -webkit-box!important; 
display: flex!important;
}
.menu-navbar{
margin-top:15px;
transform: translateX(-5px);
}
.navbar-collapse {


    width: 150vw;
    transform: translateX(70vw);

	
}
#hero .carousel-caption h1 {

    text-shadow: var(--text-shadow);

}

.slogan-contact {
    /* transform: translatex(40vw); */
    display: block;
    width: 100%;
    min-width: 100vw;
    transform: scale(0.7) translatex(40vw) translatey(30px);
    
}
.slogan-contact >.text-subheader {
    transform: translatex(1px);
    line-height: 42px;
    font-size: 30px;
}
.slogan-contact >.text-header {
    transform: translatex(1px);
    line-height: 42px;
    font-size: 30px;
}
.slogan-contact >.text-header span {
    font-size: 30px;
}
#menu-attorneys > li > a,
#menu-sidebar-menu > li > a{
line-height: 6vw;
}
#contact-maps .text-gold-title,#contact-maps h3,#contact-maps h4,#contact-maps h5,#contact-maps h6 {
    text-align: center;
    text-align: left;
}
.footer-socials {

    margin-bottom: 30px;
}
#footer{
	padding-bottom: 75px;
}
#sidebar-area .attorney a{
	position: relative;
	top:-30px;
}
#contact-maps .col-lg-8, #contact-maps .col-lg-3 {
    max-width: 100%;
    flex: 0 0 100%;
}
#contact-maps .col-lg-8 .text-prata,
#contact-maps .footer-socials a{
	width: 100%;
	text-align: center;
	padding: 0;
	margin: 0;
	line-height: 50px ;
	font-size: 40px;
}
.contact-description{
	font-size: 16px;
}
#contact-maps .card{
	padding-top: 20px !important;
}
#contact-maps h4{
	margin-top: 35px !important;
}
#contact-maps h4 a{
	font-size: 17px;
}
#contact-maps h6{
	font-size: 15px;
}
#testimonials-carousel{
	height: 450px;
}

}
@media (max-width: 575px) {
	#menu-attorneys > li > a,
#menu-sidebar-menu > li > a{
line-height: 7vw;
}
#meet-wrapper .img-box .text-subheader {
    font-size: 14px;
    top: 6vw;
    left: 9vw;
    letter-spacing: 3px;
}
.testimonial-name.red {
    top: calc(10vw + 45px);
}
.testimonial-name {
    font-size: 50px;
    line-height: 36px;
    top: 10vw;
    left: 55px;
    letter-spacing: 10px;
}

#meet-wrapper {

    margin-bottom: -100px;
}
#meet-wrapper .img-box .read-more{

    bottom: 5vw;
    left: 12vw;
    padding: 8px 25px;
    font-size: 12px;

}
#testimonials-wrapper p{
	padding: 3vw 20vw;

    text-align: center;
    min-height: 100px;
}
#testimonials-wrapper {
	min-height:350px;
    height: 350px;
}
#main .alignright,
#main .aligncenter{
	width: 100%;
	max-width: 100%;
	margin: 10px 0;
	padding: 0;
}
}
.entry-footer{
display:none;
}
@media (max-width: 375px) {
	#menu-attorneys > li > a,
#menu-sidebar-menu > li > a{
line-height: 7vw;
}


.button.primary-button.button-blue {
  
    padding: 22px 19px;
    font-size: 14px;
	width:100%;

}
.button.primary-button.button-red {
    background-color: var(--primary-red-color);
    padding: 22px 33px;
    font-size: 14px;
	width:100%;

}
#services .get-results {
    font-size: 25px;
	}
#services .text-2 {

    line-height: 20px;
    
}
#services .text-subheader {
    font-size: 15px;
    line-height: 24px;
    letter-spacing: 4px;
    text-align: center;
    margin-top: 10px;
}

#philadelphia .text-header {

    letter-spacing: 2px;
     margin-left: 0!important; 
}
#practices .text-header {
    font-size: 24px;
}
.first-child {
    font-size: 10px!important;
}
.car-accident-header {
    float: center;
    font-size: 17px;
    line-height: 21px;
    letter-spacing: -0.15px;
    margin-bottom: -50px;
    margin-top: -20px;
}
.pl-5, .px-5 {
    padding-left: 0rem!important;
}
#testimonials-wrapper .carousel .carousel-item .img-box .text-subheader{
top:35vw;
}
.testimonial-name {
top:43vw;
}
.testimonial-name.red {
    top: calc(41vw + 45px);
}
#testimonials-wrapper {
    min-height: 820px;
}
#news .card-body {
    padding: 8px;
}
.slogan >.text-subheader {
    transform: translatex(50px);
    line-height: 42px;
    font-size: 30px;
}
#sidebar-area .button.primary-button {
    margin-top: 20px;
    padding: 22px 20px;
    /* width: 440px; */
    width: 100%;
}
.slogan-contact{
 
}
.slogan-contact >.text-subheader {
    transform: translatex(1px);
    line-height: 42px;
    font-size: 30px;
}
.slogan-contact >.text-header {
    transform: translatex(1px);
    line-height: 42px;
    font-size: 30px;
}
.slogan-contact >.text-header span {
    font-size: 30px;
}
.navbar-collapse {
    width: 170vw;
    transform: translateX(90vw);
}
#contact-maps .text-gold-title,#contact-maps h3,#contact-maps h4,#contact-maps h5,#contact-maps h6 {
    text-align: center;
    text-align: left;
}
#contact-maps a{
   font-size:14px;
}
.contact-description {
    font-size: 17px;

    line-height: 9vw;

}
.footer-socials {

    margin-bottom: 30px;
}

#meet-wrapper .img-box .text-subheader {
    font-size: 14px;
    top: 25vw;
    left: 9vw;
    letter-spacing: 3px;
}
.testimonial-name.red {
    top: calc(32vw + 35px);
}

.testimonial-name {
    font-size: 30px;
    line-height: 36px;
    top: 32vw;
    left: 30px;
    letter-spacing: 9px;
	text-shadow:var(--text-shadow);

}

#meet-wrapper {

    margin-bottom: -50px;
}
#meet-wrapper .img-box{
height:280px;
}
#meet-wrapper .img-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: right;
}
#meet-wrapper .img-box .read-more{

    bottom: 14vw;
    left: 11vw;
    padding: 8px 25px;
    font-size: 12px;

}
#testimonials-wrapper p{
	padding: 3vw 10px;

    text-align: center;
    min-height: 100px;
}
#testimonials-wrapper .carousel .carousel-item{
	height: 300px;
}
#testimonials-wrapper {
	min-height:380px;
    height: 380px;
}
.carousel .carousel-control {

    display: none;
}
}