/* ************************ */
/*							*/
/*	custom theme			*/
/*							*/
/* ************************ */

@media (max-width: 1600px) {
	.navbar > .container{width:100%;}
	#navigation{margin-left: 2rem;}
	#main-nav{font-size: 0.84rem;}
	#main-nav > li+li{margin-left: 1rem;}
	.navbar-brand{width: 9rem;}
	.philadelphia-text{padding-left: 1rem; margin-right: 1rem; font-size: 0.9rem; max-width: 150px;}
	.navbar .btn-white{margin-right: 1rem;}
	#header {height: 96px;}
	#top-search{top: -5px;height: 2.5rem;}

	#main-nav .megamenu{padding:0 calc((100vw - 1170px)/2 - 15px) 0 0; left:calc((100vw - 1170px)/2); right:15px;}
	#main-nav .megamenu .text-panel:before{right:calc((1170px - 100vw)/2 - 2rem + 15px);}
	#main-nav .megamenu .featured-block .image{right:calc((1170px - 100vw)/2 - 2rem + 15px);}
	#main-nav .megamenu .main-panel{padding-right:2rem;}

	#main-nav .megamenu .featured-block .image{right:0; width:30%;}
	#main-nav .megamenu .featured-block .image img{ width:100%;}
	#main-nav .megamenu .featured-block{margin-right:calc((1170px - 100vw)/2 - 2rem + 15px);}

/* 'The overall size of the mega menu is too large. It's creating a secondary scroll! Please drop the size the menu by ~1/4.' */
	#main-nav .megamenu{padding: 0 12rem 0 0; left: 15px; right: 15px;}
	#main-nav .megamenu .text-panel:before{right:-12rem;}
	#main-nav .megamenu .main-panel{padding-right:0;}

	#main-nav .megamenu .featured-block .image{right:0; width:12rem;}
	#main-nav .megamenu .featured-block .image img{ width:100%;}
	#main-nav .megamenu .featured-block{margin-right:0;}





}

@media (max-width: 1199px) {
	/* md */
	.mb-big-md{margin-bottom:3rem;}
	.mb-md{margin-bottom:1.85rem;}

	.big-content-section{padding-top: 4rem; padding-bottom: 4rem;}
	.content-section{padding-top: 3rem; padding-bottom: 3rem;}

	.navbar.affix {top: -3.5rem;}
	#navigation .inner-wrap{flex-direction: column-reverse;align-items: flex-end;}
	#main-nav{margin-right: 0; align-self: flex-start;}
	.top-menu{padding-top: 1rem;}
	.philadelphia-text{border-left: 0; padding-left: 0; max-width: none;}
	.navbar .btn-white{padding-top: 0.5rem; padding-bottom: 0.5rem;}
	.navbar .btn-white:after{top: 0.5rem;}
	.navbar-header{align-self: flex-end;}
	#main-nav > li > a{padding: 1.5rem 0;}
	#main-nav > li+li{margin-left: 2rem;}
	#navigation {margin-left: 4rem; flex: 1 0 auto;}
	#header {height: 136px;}

	.divided-section > .container > .row > [class*='col-']:first-child .bg{left:calc((970px - 100vw)/2);}
	.divided-section > .container > .row > [class*='col-']:last-child .bg{right:calc((970px - 100vw)/2 + 9px);}

	.divided-section > .container > .row > [class*='col-']:first-child .inner-wrap{padding-right:3rem;}
	.divided-section > .container > .row > [class*='col-']:last-child .inner-wrap{padding-left:3rem;}

	.slick-prev{left: calc((100vw - 970px)/ 2);}
	.slick-next{left: calc((100vw - 970px)/ 2 + 72px);}

	.displaced-image {
    position: absolute;
    width: calc((100vw - 970px)/ 2 + 50%);
    right: calc((100vw - 970px)/ -2);
	}
	.practice-area-column{padding-left: 1.5rem; padding-right: 1.5rem;}
	.practice-area-column .item{width: calc(33.333% - 40px); margin-left: 20px; margin-right: 20px;}

	.displaced-section .divided-section > .container > .row > [class*='col-']:first-child .inner-wrap {padding-right: 3rem;}
	.contact-section.divided-section > .container > .row > [class*='col-']:first-child .inner-wrap {
    padding-right: 12rem;
}

.contact-address-listing .item{padding: 2.667rem 0.9rem 2rem;}


	#main-nav .megamenu{padding:0 0 0 0; left:15px; max-height: calc(100vh - 150px);}
	#main-nav .megamenu > .row{margin-left:0; margin-right:0;}
	#main-nav .megamenu .text-panel:before{right:-1rem}
	#main-nav .megamenu .side-panel{padding:1rem 1rem 2rem 1rem;}
	#main-nav .megamenu .main-panel{padding:1rem 1rem 0 2rem;}
	#main-nav .megamenu .mm-nav a{padding:1rem 2rem 1rem 1rem; background-position: 95% center;}
	#main-nav .megamenu .text-panel{padding:2rem 2rem 2rem 1rem;}

	/* 'The overall size of the mega menu is too large. It's creating a secondary scroll! Please drop the size the menu by ~1/4.' */
	#main-nav .megamenu .text-panel{margin-left: -1rem;}
	#main-nav .megamenu .featured-block .image{right: 0;width: auto;}
	#main-nav .megamenu .featured-block .body{max-width: 60%;}


	.text-columns-2 ul{display: block;}
	.text-columns-2 ul > li{width:auto; padding-right:0;}

	.anchor-link{ top:-5rem;}

	#team-slider .item .info{margin-right:1rem;}

	.attorneys-listing .item .info{right:1rem;}

	.attorney-photo{margin-right:-3rem;}

	.contact-section .form-wrap{padding-top:0;}
	.contact-section .form-footer .textbox{margin-left:0;}
	.contact-section .form-footer .btn{margin-left:3rem;}

	.expand-left .bg{right:calc((100vw - 970px)/2);}

	#main-nav .megamenu .featured-block {margin-right: calc(15px - 2rem);}
	#main-nav .megamenu .featured-block .body{padding-right:2rem;}




}




@media (max-width: 991px) {
	/* sm */
	html{font-size:14px;}

	.anchor-link{top:-1rem;}

	.container{ width:auto; padding-left:15px; padding-right:15px;}

	.big-content-section, .internal-page-header{padding-top: 4rem; padding-bottom: 4rem;}
	.content-section{ padding-top:2.5rem; padding-bottom:2.5rem;}
	.right-indent{padding-right: 15px;}
	.left-indent{padding-left: 15px;}
	.internal-container.container{padding-left: 15px;padding-right: 15px;}


	.mb-half-sm{margin-bottom:0.5rem;}
	.mb-big-sm{margin-bottom:3rem;}
	.mb-sm{margin-bottom:1.5rem;}

	[class*='has-icon-'].btn{padding-top:0.9rem; padding-bottom:0.9rem;}

	.inline-radio-wrap{ display:block;}
	label + .inline-radio-wrap{margin-left:0;}

	#header{height:auto;}

	.navbar{ position:relative; height:auto;}
	.navbar.affix{top:0; box-shadow:none;}

	.navbar > .container{display: block;}

	.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse{margin-left:0; margin-right:0;}
	.navbar.affix {top: 0rem;}
	.navbar-brand{margin: 1.3rem 0; transition: none; max-width: 7rem; width: auto;}

	#navigation{position:absolute; background-color: #002f4c; top:100%; width:100%; left:0; margin:0; padding-left:0; padding-right:0; box-shadow:0 5px 10px rgba(0,0,0,0.5);}
	#navigation > .inner-wrap{display: block; position: relative;}
	#main-nav {margin:0; width:auto; text-align:left; display:block; font-size: 1rem; position: relative;}
	#main-nav > li{ display:block; margin-bottom:0;}
	#main-nav > li+li{margin-top:1px; margin-left:0;}
	#main-nav > li > a{padding:0.8rem 1rem; text-align:left; display: block;}
	#main-nav > li.dropdown_split > a{padding-right:1rem; margin-right:0;}
	#main-nav > li.dropdown_split > .dropdown-toggle{ display:block; right:15px; top:0; width:3.5rem; padding-left:1rem; padding-right:1rem; text-align:center;}

	#main-nav > li > a{color:#fff; background-color:transparent;}
	#main-nav > li > a:hover, #main-nav > li > a:focus, #main-nav > .open > a{color:#fff; background-color:transparent;}

	#main-nav > .active > a{color:#fff; background-color:transparent;}
	#main-nav > .active > a:hover, #main-nav > .active > a:focus, #main-nav > .active.open > a{color:#fff; background-color:transparent;}

	#main-nav > li > a:not(.dropdown-toggle):before{height: 1px; left: 15px;}
	#main-nav > li > a:not(.dropdown-toggle):hover:before, #main-nav > .active > a:not(.dropdown-toggle):before{width: calc(100% - 30px);}

	#main-nav .dropdown-menu{position:relative; padding:0; font-size: 1rem; float:none; box-shadow:none; -webkit-box-shadow:none; min-width:auto; background-color:transparent; margin-top:1px;}
	#main-nav .dropdown-menu > li > a{ padding: 0.8rem 1rem;}
	#main-nav .dropdown-menu > li.dropdown_split > a{padding-right:1rem; margin-right:0;}
	#main-nav .dropdown-menu > li.dropdown_split > .dropdown-toggle{right:15px; width:3.5rem; padding-left:1rem; padding-right:1rem; text-align:center; padding-left:1rem!important;}

	#main-nav .dropdown-menu > li > a{color:#fff; background:transparent;}

	#main-nav .dropdown-menu > li > a:focus,
	#main-nav .dropdown-menu > li > a:hover,
	#main-nav .dropdown-menu > .open > a,
	#main-nav .dropdown-menu > .active > a,
	#main-nav .dropdown-menu > .active > a:focus,
	#main-nav .dropdown-menu > .active > a:hover,
	#main-nav .dropdown-menu > .active.open > a{color:#fff; background-color:transparent;}

	#main-nav .dropdown-menu > li > .dropdown-toggle .fa{ transform:rotate(0deg); -webkit-transform:rotate(0deg);}
	#main-nav .dropdown-menu > li > .dropdown-toggle[aria-expanded="true"] .fa{ transform:rotate(-180deg); -webkit-transform:rotate(-180deg);}

	#main-nav .dropdown-menu > li:before{display: none;}

	#main-nav .dropdown-menu .dropdown-menu{left:0; top:0;}
	#main-nav .dropdown-menu li a{margin-left:2rem!important;}
	#main-nav .dropdown-menu .dropdown-menu li a{margin-left:4rem!important;}

	#main-nav .dropdown-menu>li>a:not(.dropdown-toggle):before{
		content: '';
		display: block;
		position: absolute;
		left: 1rem;
		width: 0;
		height: 1px;
		bottom: 0;
		background-color: #fff;
		transition: width 0.2s ease;
		-webkit-transition: width 0.2s ease;
	}
	#main-nav .dropdown-menu>li>a:not(.dropdown-toggle):hover:before, #main-nav .dropdown-menu>.active>a:not(.dropdown-toggle):before{width: calc(100% - 2rem);}


	#main-nav .dropdown-menu.open-left {left:0; right:0;}
	#main-nav .dropdown-menu .dropdown-menu.open-left{left:0; right:0;}

	.top-menu{padding-left: 15px;padding-right: 15px; padding-bottom: 1rem;margin-left: 0;}
	.search-wrapper{width: 100%;height: 2.5rem;}
	#top-search, #top-search.expanded {
		position: relative;
		top: 0;
		width: 100%;
		height: 100%;
		right: 0;
		margin: 0;
		border:0;
		background: none;
	}
	#top-search .btn-close, #top-search.expanded .btn-close{ display:none;}
	#top-search.expanded .btn-toggle{ display:block;}

	#top-search input, #top-search.expanded input{background-color: #fff; margin: 0; width: calc(100% - 2.5rem); padding: 0.5rem 1rem;}

	#main-nav > li.has-megamenu{position:relative;}
	#main-nav .megamenu{max-height:none; background-color:#fff; left:0;}
	#main-nav .megamenu .side-panel{padding:1rem;}
	#main-nav .megamenu .nav-tabs{font-size:1rem;}
	#main-nav .megamenu .nav-tabs a{padding:1rem 2.5rem 1rem 1rem; margin-left:0!important; background-position:95% center;}
	#main-nav .megamenu .text-panel{padding-right:1rem;}
	#main-nav .megamenu .featured-block{ display:block; margin-right:0;}
	#main-nav .megamenu .featured-block .body{padding-right:1rem; width:auto; max-width: 100%;}
	#main-nav .megamenu .featured-block .image{ display:none;}



	.divided-section > .container{flex: 1 1 auto; width: 100%;}
	.divided-section>.container:after,
	.divided-section>.container>.row:after,
	.slick-track:before,
	.slick-track:after,
	.divided-section>.container:before,
	.divided-section>.container>.row:before {
	  display: none;
	}
	.divided-section > .container > .row > [class*='col-']:first-child .bg{left:0;}
	.divided-section > .container > .row > [class*='col-']:last-child .bg{right:0;}
	.divided-section > .container > .row > [class*='col-']:first-child .inner-wrap{padding-right:2rem;}
	.divided-section > .container > .row > [class*='col-']:last-child .inner-wrap{padding-left:2rem;}

	.slick-arrow{bottom: 8rem; padding: 1.6rem;}
	.slick-prev{left: 15px}
	.slick-next{left: 88px;}
	.philadelphia-text, .navbar .btn-white{margin-right: 2rem;}
	.navbar .btn-white{flex: 1 0 auto;}

	.btn:after{top: 0.78rem;}
	.navbar .btn-white:after {top: 0.36rem;}

	.displaced-section{margin-top: 0;}

	.displaced-image {
    width: 50%;
    right: 0;
		bottom: -3rem;
	}

	.practice-area-column .item:before{height: 27px;}
	.practice-area-column .item{
		width: calc(33.333% - 20px);
    margin-left: 10px;
    margin-right: 10px;
		padding-left: 1.3rem;
	}

	.radio-check-control{top: 1px;}
	.radio label, .checkbox label, .inline-radio-wrap label{margin-top: -1px;}

	.accordion .panel-title a .item-plus{top: 0.9rem;}

	.fancybox-wrap .fancybox-close {right: -0.3rem;}
	.side-search-block .search-button{top: 0;}


	.anchor-link{ top:-4rem;}

	.back-link{padding-top:1rem; padding-bottom:1rem;}

	#team-slider{padding-bottom:2rem;}
	#team-slider .item{margin-right:1rem;}

	.tree-list .panel-title a .item-plus{top:50%;}

	.page-nav{padding:0;}
	.page-nav li + li{margin-top:1rem;}

	.attorneys-listing .item{margin:0 0.5rem 1rem 0.5rem; width:calc(33.33% - 1rem); padding-bottom:0; display: flex; flex-direction: column;}
	.attorneys-listing .item .info{position: relative; padding:1rem 1rem 1rem 1.5rem; right:0;}
	.attorneys-listing .item .info-details{display: block!important;}
	.attorneys-listing .inner-wrap{margin:0 -0.5rem -1rem -0.5rem;}

	.extra-large-padding-bottom .inner-wrap{padding-bottom:4rem;}

	.attorney-photo{margin-right:-2rem;}

	#listing-search, #listing-search.expanded {
		position: relative;
		top: 0;
		width: 100%;
		height: 100%;
		right: 0;
		margin: 0;
		border:0;
		background: none;
	}
	#listing-search .btn-close, #listing-search.expanded .btn-close{ display:none;}
	#listing-search .btn-toggle, #listing-search.expanded .btn-toggle{ display:block; top:0; right:0;}

	#listing-search input, #listing-search.expanded input{ margin: 0; width: calc(100% - 2.5rem); padding: 0.5rem 1rem; background: #f2f2f2}

	.section-header{ display: block;}

	.expand-left .bg{right:0;}
	
	.contact-address-listing .item{width:calc((100% - 1rem)/2);}
	.contact-address-listing{gap:1rem;}
		


}


@media (max-width: 767px) {
	/* xs */
	#page-wrap{border-left:0px dashed blue;}

	.content-section, .internal-page-header{ padding-top:2.5rem; padding-bottom:2.5rem; }
	.big-content-section{padding-top: 3rem; padding-bottom: 3rem;}

	.btn-wide{padding-left:2rem; padding-right:2rem;}

	h1, .h1-style{font-size:2.5rem /*40px*/;}
	h2, .h2-style{font-size:2.188rem /*35px*/;}
	h3, .h3-style{font-size:1.875rem /*30px*/;}
	h4, .h4-style{font-size:1.28rem /*18px*/;}
	h5, .h5-style{font-size:1.14rem /*16px*/;}
	h6, .h6-style{font-size:1.00rem /*14px*/;}

	.big-header {font-size: 2.8rem;}

	h1, h2, h3, h4, h5, h6, .textbox p, .textbox ul, .textbox ol, .subtitle{margin-bottom:1rem;}
	.textbox img, .textbox .align-left, .textbox .align-right{ float:none; width:auto; display:inline-block; margin-left:0; margin-right:0; max-width:100%; margin-bottom:1.35rem;}
	.textbox, .form-wrap, .accordion, .side-nav, .tabs-wrap{margin-bottom:2rem;}

	.textbox ul, .textbox ol{padding-left: 3rem;}

	.mb-half, .mb-half-sm, .mb-half-xs{margin-bottom:0.5rem;}
	.mb-big, .mb-big-md, .mb-big-sm, .mb-big-xs{margin-bottom:2.5rem;}
	.mb, .mb-sm, .mb-xs{margin-bottom:1rem;}

	.philadelphia-text:not(:last-child),.navbar .btn-white:not(:last-child){margin-right: 0; margin-bottom: 1rem;}
	.top-menu{flex-direction: column; align-items: flex-start;}


	.divided-section .has-height{height:calc(100vw/1.6);}
	.divided-section > .container > .row > [class*='col-']{display:block; padding-left:15px; padding-right:15px; }
	.divided-section:not(.item-wrapper) > .container > .row{display: block; width: calc(100% + 30px);}
	.divided-section > .container > .row > [class*='col-']:first-child .inner-wrap{padding-right:15px; padding-left:15px; margin-left:-15px; margin-right:-15px;}
	.divided-section > .container > .row > [class*='col-']:last-child .inner-wrap{padding-right:15px; padding-left:15px; margin-left:-15px; margin-right:-15px;}
	.displaced-section .divided-section > .container > .row > [class*='col-']:first-child .inner-wrap {padding-right: 15px;}
	.divided-section .inner-wrap{width:auto;}
	#main-slider .content-section {padding-top: 3rem; padding-bottom:8rem;}
	.slick-arrow{bottom: 3rem; width: 50px;height: 50px;padding: 0.6rem;}
	.slick-next{left: 64px;}
	.practice-area-column .item{width: calc(50% - 20px);}
	#footer address {margin-bottom: 1rem;}
	#footer{text-align:center;}

	.disaplced-contact-image{margin: 0;}
	.disaplced-contact-image .inner-wrap{margin:0 -15px; width: calc(100% + 30px);}
	.contact-section.divided-section > .container > .row > [class*='col-']:first-child .inner-wrap{padding-right:15px; padding-left:15px;}
	

	.practice-area-column.full-listing{margin-bottom:-1rem;}
	.practice-area-column.full-listing .item{width:calc(50% - 1rem); margin-left:0.5rem; margin-right:0.5rem; margin-bottom:1rem;}

	.industries-section > .container > .row > [class*='col-']:first-child .bg{top:0;}
	.industries-section > .container > .row > [class*='col-']{align-items:flex-end;}

	.divided-section > .container > .row > [class*='col-'].has-height .inner-wrap{margin-top:auto;}


	.anchor-link{ top:-2rem;}

	.tree-list .panel-title a[aria-expanded='true'] .item-plus span{width:2rem;}
	.tree-list .panel-title a[aria-expanded='true']{padding-left:3rem;}
	.tree-list .in.panel-collapse .panel-body{padding-left:2rem;}

	#team-slider{padding-bottom:0;}
	#team-slider .slick-arrow{bottom:-4.55rem;}
	#team-slider .slick-prev{right:50px;}

	.awards-wrap{ display: flex; justify-content: space-around; flex-wrap:wrap;}
	.awards-wrap .item{padding:0 1rem;}

	.industries-section > .container > .row > [class*='col-']:first-child .inner-wrap{border-top:1px solid #F3F2F4;}

	.extra-large-padding-bottom .inner-wrap{padding-bottom:2.5rem;}

	.attorneys-listing .item{width:calc(50% - 1rem);}

	.attorney-photo{margin-right:0;}


	.attorney-details-header > .container > .row > [class*='col-']:first-child{display: flex;}
	.attorney-details-header > .container > .row > [class*='col-']:first-child > .attorney-photo-wrap{ width:100%; padding-left:0; padding-right:0; margin-left:0; margin-right:0;}
	.attorney-details-header .back-link{order:1;}
	.attorney-details-header .attorney-photo-wrap{order:2; padding-top:0; flex:none;}

	.blockquote-block .quote-sign{width:3rem; height:3rem; padding-top:1.3rem;}

	#main-nav .megamenu{display:none;}
	#main-nav > li.has-megamenu .dropdown-toggle{ display:none;}

	.leaving-notification-window .modal-dialog{width:auto;}
	.modal-body{padding:2rem;}
.modal-body .controls-group .btn+.btn{margin-left:1rem;}
.modal-header{padding:2rem;}
	
	.copyright{flex-direction:column; gap:1rem; align-items: center;}
	
	#footer .contact-title::before {left:50%; margin-left:-1.665rem;}
	
	.footer-logo a{display:inline-block;}
	
	.contact-address-listing .item{width:100%;}
	.contact-address-listing{gap:1rem;}
}

@media (max-width: 479px) {

	#page-wrap{border-left:0px dashed yellow;}

	.practice-area-column .item{width: 100%; margin-left: 0; margin-right: 0;}

	.inline-header{flex-direction: column; align-items: flex-start;}
	.inline-header >*:first-child{margin-right: 0; margin-bottom: 1.5rem;}

	.cta-section .container{
    align-items: flex-start;
    flex-direction: column;
	display: block;
	}
	.cta-section .decor{
		margin-right: 1.66rem;
    width: 80px;
    margin-bottom: 1rem;
	}

	.subtitle .sep{
		min-width: 1.5rem;
		max-width: 100px;
    width: auto;
    flex: 1 0 auto;
	}

	.cta-section .content-wrapper{margin-right: 0; margin-bottom: 1.5rem;}

	.practice-area-column.full-listing .item{width:100%; margin-left:0; margin-right:0; margin-bottom:1rem;}



	.attorneys-listing .inner-wrap{margin:0; display: block;}
	.attorneys-listing .item{display: block; margin:0; width:auto;}
	.attorneys-listing .item+.item{margin-top:1rem;}

	.blockquote-block .quote-text{margin-left:3rem;}

	.contact-section .form-footer{display: block; margin-top:0;}
	.contact-section .form-footer .btn{margin-left:0; margin-top:1.85rem;}
	.contact-section .form-footer .textbox{text-align: left;}

	.leaving-notification-window .modal-header{padding:1.5rem 1.5rem 1.25rem 1.5rem;}
	.leaving-notification-window .modal-body{padding:1.25rem 1.5rem 2.5rem 1.5rem;}
	
	.modal-body .controls-group{flex-direction: column; align-items: stretch;}
	.modal-body .controls-group .btn+.btn{margin-left:0; margin-top:1rem;}
}

@media (max-width: 320px) {
	#page-wrap{border-left:0px dashed red;}





}
@media (max-width: 120px) {
	.navbar-brand {
	    float: left;
	    height: auto;
	    padding: 0;
	    margin: 3rem 0;
	    transition: none;
	    max-width: 9.75rem;
	}

}
