﻿@media (min-width: 10px) and (max-width: 319px) {
  .widget-body .caption-bottom .holder,
  .widget-body .caption-gradient .holder {
    bottom: 10px !important;
  }
  .widget-body .widget-grid-item .caption {
    padding: 10px !important;
  }
  .widget-body .widget-grid-item .caption h1,
  .widget-body .widget-grid-item .caption h2 {
    font-size: 1.5em !important;
    font-weight: 300 !important;
  }
  .widget-body .widget-grid-item .caption h3 {
    font-size: 1.2em !important;
    font-weight: 300 !important;
  }
}
@media (min-width: 320px) and (max-width: 500px) {
  #LawyerProfileHeader .image {
    margin-top: 35px;
  }
  #LawyerProfileHeader .pull-left {
    float: none !important;
    width: 100% !important;
  }
  #LawyerProfileHeader .share a {
    font-size: 0.9em !important;
    padding-right: 10px !important;
  }
  #LawyerProfileHeader .title {
    clear: both !important;
    margin-left: 0 !important;
    margin-top: -232px !important;
  }
  #LawyerProfileHeader .title h1 {
    margin-bottom: 213px !important;
  }
  #LawyerProfileHeader .title-vimeo {
    margin-top: 0 !important;
  }
  #LawyerProfileHeader .title-vimeo h1 {
    margin-bottom: 3px !important;
  }
  .widget-body .caption-bottom .holder,
  .widget-body .caption-gradient .holder {
    bottom: 10px !important;
  }
  .widget-body .widget-grid-item .caption {
    padding: 10px !important;
  }
  .widget-body .widget-grid-item .caption h1,
  .widget-body .widget-grid-item .caption h2 {
    font-size: 1.6em !important;
    font-weight: 300 !important;
  }
  .widget-body .widget-grid-item .caption h3 {
    font-size: 1.2em !important;
    font-weight: 300 !important;
  }
}
@media (min-width: 501px) and (max-width: 566px) {
  .widget-body .caption-bottom .holder,
  .widget-body .caption-gradient .holder {
    bottom: 10px !important;
  }
  .widget-body .widget-grid-item .caption {
    padding: 10px !important;
  }
  .widget-body .widget-grid-item .caption h1,
  .widget-body .widget-grid-item .caption h2 {
    font-size: 1.8em !important;
  }
  .widget-body .widget-grid-item .caption h3 {
    font-size: 1.4em !important;
  }
}
@media (min-width: 320px) and (max-width: 567px) {
  #FooterNavigation a.collapsed {
    padding-left: 10px !important;
  }
  #FooterNavigation .right {
    margin-left: -10px !important;
  }
  #Header {
    height: 135px !important;
  }
  #Header .global-people {
    display: none !important;
  }
  #Header.sticky div#___gcse_0 {
    float: none !important;
    margin: 0 auto !important;
    width: 95% !important;
  }
  #Header.sticky div#___gcse_0 input.gsc-search-button {
    margin-left: -12px !important;
  }
  #Header.sticky .global-menu {
    left: 17px !important;
  }
  #Header.sticky #HeaderSearchContainer {
    width: 95% !important;
  }
  #HeaderLogoContainer {
    float: none !important;
    margin: 20px auto !important;
    margin-bottom: 0 !important;
  }
  #HeaderSearchContainer {
    float: none !important;
    margin: 10px !important;
    width: 100% !important;
  }
  #HeaderSearchContainer .global-menu {
    left: 10px;
    position: absolute;
    top: 10px;
  }
  #HeaderContentSubSection .menu-wrapper .label {
    margin-left: 0 !important;
    margin-right: 25px;
  }
  #HeaderContentSubSection .menu-wrapper .responsive-menu-title {
    display: none;
  }
  .widget-body .caption-bottom .holder,
  .widget-body .caption-gradient .holder {
    bottom: 20px !important;
  }
  .widget-body .widget-grid-item .caption {
    padding: 20px;
  }
  .widget-body .widget-grid-item .caption h1,
  .widget-body .widget-grid-item .caption h2 {
    font-size: 1.8em !important;
  }
  .widget-body .widget-grid-item .caption h3 {
    font-size: 1.4em !important;
  }
}
@media (min-width: 320px) and (max-width: 385px) {
  .widget-body .widget-people div.person-career {
    height: 154px !important;
    width: 126px !important;
  }
}
@media (min-width: 320px) and (max-width: 450px) {
  .widget-body .widget-people div.person {
    width: 80px !important;
  }
}
@media (min-width: 451px) and (max-width: 475px) {
  .widget-body .widget-people div.person {
    width: 71px !important;
  }
}
@media (min-width: 386px) and (max-width: 548px) {
  .widget-body .widget-people div.person-career {
    height: 140px !important;
    width: 158px !important;
  }
}
@media (min-width: 320px) and (max-width: 548px) {
  #HeaderContentSubSection .menu-wrapper .column-practices {
    float: none;
  }
  #HeaderContentSubSection .menu-wrapper .margin-top-spacer {
    margin-top: 0;
  }
  #HeaderContentSubSection.sticky {
    border-bottom: 0 !important;
    border-left: 1px solid #C8C6C6 !important;
    border-right: 1px solid #C8C6C6 !important;
    position: static !important;
  }
  #MainContentContainer .widget-menu nav {
    float: left !important;
  }
  #MainContentContainer .widget-menu nav ul li {
    float: none;
    padding-left: 10px;
    margin-bottom: 10px;
    margin-top: 5px;
  }
  #MainContentContainer .widget-menu.sticky {
    margin-top: -1px !important;
    position: static !important;
  }
  .widget-body .widget-contact {
    border: 0 !important;
    border-bottom: 1px solid #C8C6C6 !important;
  }
  .widget-body .widget-contact .pull-left {
    float: none !important;
    margin-bottom: 5px;
  }
}
@media (min-width: 546px) and (max-width: 659px) {
  #HeaderContentSubSection .menu-wrapper .column-practices,
  #HeaderContentSubSection .menu-wrapper .column-industries {
    width: 245px !important;
  }
}
@media (min-width: 568px) and (max-width: 610px) {
  #HeaderSearchContainer {
    width: 350px !important;
  }
  .widget-body .caption-bottom .holder,
  .widget-body .caption-gradient .holder {
    bottom: 20px !important;
  }
  .widget-body .widget-grid-item .caption {
    padding: 20px;
  }
  .widget-body .widget-grid-item .caption h1,
  .widget-body .widget-grid-item .caption h2 {
    font-size: 2.0em !important;
  }
  .widget-body .widget-grid-item .caption h3 {
    font-size: 1.6em !important;
  }
}
@media (min-width: 609px) and (max-width: 766px) {
  .column-header #LawyerProfileHeader .share {
    padding-left: 1px;
  }
  .column-header #LawyerProfileHeader .share a:first-child {
    margin-left: -1px;
  }
  .column-header #LawyerProfileHeader .share-vimeo {
    padding-top: 10px !important;
    padding-left: 15px !important;
  }
  .widget-body .caption-bottom .holder,
  .widget-body .caption-gradient .holder {
    bottom: 20px !important;
  }
  .widget-body .widget-grid-item .caption {
    padding: 20px;
  }
  .widget-body .widget-grid-item .caption h1,
  .widget-body .widget-grid-item .caption h2 {
    font-size: 2.0em !important;
  }
  .widget-body .widget-grid-item .caption h3 {
    font-size: 1.6em !important;
  }
  .widget-body .widget-people div.person-career {
    width: 142px !important;
  }
}
@media (min-width: 476px) and (max-width: 730px) {
  .widget-body .widget-people div.person {
    width: 75px !important;
  }
}
@media (min-width: 731px) and (max-width: 766px) {
  .widget-body .widget-people div.person {
    width: 88px !important;
  }
}
@media (max-width: 767px) {
  .container {
    padding-left: 5px !important;
    padding-right: 5px !important;
    width: 100%;
  }
  .column-content {
    border-right: 0 none !important;
  }
  .column-header .share a {
    font-size: 0.75em !important;
    padding-right: 8px !important;
  }
  .column-header .sub-title {
    height: auto !important;
  }
  .column-header .sub-title h2,
  .column-header .sub-title h3 {
    font-size: 1.1em !important;
  }
  .column-side {
    border-left: 0 none !important;
    margin-top: 0;
    padding-left: 12px;
  }
  .column-side ul.navigation {
    margin-top: 0;
  }
  .copyright {
    margin-right: 5px;
  }
  #FooterNavigation ul.left,
  #FooterNavigation ul.right {
    float: none;
    overflow: auto;
  }
  #FooterNavigation .right {
    margin-left: -22px;
    margin-top: 17px;
  }
  #FooterNavigation .right a {
    background-image: none;
    margin-left: 0;
  }
  #FooterOffices {
    background-image: none;
    padding: 0;
  }
  #FooterOffices a {
    padding-right: 0;
    padding-left: 5px;
  }
  #FooterOffices ul {
    margin-top: -6px;
  }
  header,
  footer,
  #MainContentContainer {
    width: 100%;
  }
  #Header {
    height: 88px;
  }
  #Header div.header-wrapper {
    width: 100%;
  }
  #Header.sticky {
    border-bottom: 1px solid #C8C6C6 !important;
    height: 76px;
    margin-left: -13px;
    width: 110%;
  }
  #Header.sticky div.header-wrapper {
    width: 100%;
  }
  #HeaderContentSubSection {
    padding: 10px;
    padding-top: 0;
    width: 100%;
  }
  #HeaderContentSubSection .label {
    margin-top: 0 !important;
  }
  #HeaderContentSubSection #DefaultNavigation {
    display: none;
  }
  #HeaderContentSubSection .menu-wrapper {
    width: 100% !important;
  }
  #HeaderContentSubSection .menu-wrapper .column-1,
  #HeaderContentSubSection .menu-wrapper .column-2 {
    margin-right: 0 !important;
    width: 100%;
  }
  #HeaderContentSubSection .menu-wrapper .column-2 {
    margin-top: 0 !important;
  }
  #HeaderContentSubSection .menu-wrapper .column-practices,
  #HeaderContentSubSection .menu-wrapper .column-industries {
    width: 300px;
  }
  #HeaderContentSubSection .menu-wrapper #ResponsiveNavigation * {
    font-size: 14px;
    line-height: 20px;
  }
  #HeaderContentSubSection .menu-wrapper #ResponsiveNavigation,
  #HeaderContentSubSection .menu-wrapper #Unsorted-Menu,
  #HeaderContentSubSection .menu-wrapper .responsive-menu-heading {
    display: block !important;
  }
  #HeaderContentSubSection .menu-wrapper .responsive-menu-heading {
    margin-bottom: 3px;
    margin-top: -1px;
  }
  #HeaderContentSubSection .menu-wrapper #Sorted-Menu,
  #HeaderContentSubSection .menu-wrapper .column-2,
  #HeaderContentSubSection .menu-wrapper .column-industries,
  #HeaderContentSubSection .menu-wrapper .visible-menu-md {
    display: none !important;
  }
  #HeaderLogoContainer {
    height: 41px;
    width: 123px;
  }
  #HeaderLogoContainer > a > img {
    width: 123px;
    height: 41px;
  }
  #HeaderSearchContainer {
    margin-left: 10px;
    width: 400px;
  }
  .widget-body .caption {
    margin-top: 0;
    padding: 20px !important;
  }
  .widget-grid-3 > .row > div {
    margin-bottom: 10px;
  }
  .widget-grid-3 > .row > div:last-child {
    margin-bottom: 0;
  }
  .widget-menu nav {
    float: left !important;
  }
  .widget-menu nav ul li {
    font-size: 0.95em;
  }
  .widget-menu.sticky {
    margin-left: -13px !important;
    margin-top: 74px !important;
    padding-left: 15px;
    width: 110% !important;
  }
  .widget-paralax .caption-bottom,
  .widget-grid-item .caption-bottom {
    margin-top: 0 !important;
  }
  .widget-paralax-3 {
    border: 0 !important;
  }
  .widget-paralax-3:first-child {
    border-bottom: 1px solid #C8C6C6 !important;
    border-top: 1px solid #C8C6C6 !important;
  }
  .widget-paralax-3:last-child {
    border-bottom: 1px solid #C8C6C6 !important;
    border-top: 1px solid #C8C6C6 !important;
    margin-top: -2px;
  }
  .widget-people div.person {
    width: 88px !important;
  }
  .widget-people div.person-career {
    height: 140px !important;
    width: 169px !important;
  }
  .widget-people div.person-career img {
    height: 80px !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .copyright {
    margin-right: 10px;
  }
  .column-header .share a {
    font-size: 0.8em !important;
  }
  .column-header .sub-title {
    height: auto !important;
  }
  .column-header .sub-title h2,
  .column-header .sub-title h3 {
    font-size: 1.2em !important;
  }
  #FooterOffices a {
    padding-right: 0;
    padding-left: 5px;
  }
  #FooterOffices ul {
    margin-top: -6px;
  }
  header,
  footer,
  #MainContentContainer {
    width: 720px;
  }
  #Header div.header-wrapper {
    width: 720px;
  }
  #Header.sticky {
    height: 74px;
    width: 750px;
  }
  #Header.sticky div.header-wrapper {
    width: 720px;
  }
  #MainContentContainer {
    margin-left: 15px;
  }
  #HeaderContentSubSection {
    border-bottom: none;
    margin-left: 15px;
    width: 720px;
  }
  #HeaderContentSubSection .menu-wrapper {
    padding-left: 10px;
    padding-right: 10px;
    width: 720px;
  }
  #HeaderContentSubSection .menu-wrapper a {
    font-size: 0.8em !important;
  }
  #HeaderContentSubSection .menu-wrapper .column-1 {
    margin-right: 0;
    width: 540px;
  }
  #HeaderContentSubSection .menu-wrapper .column-2 {
    margin-top: 32px;
    width: 150px;
  }
  #HeaderContentSubSection .menu-wrapper .column-practices,
  #HeaderContentSubSection .menu-wrapper .column-industries,
  #HeaderContentSubSection .menu-wrapper .column-sorted-1,
  #HeaderContentSubSection .menu-wrapper .column-sorted-2,
  #HeaderContentSubSection .menu-wrapper .column-sorted-3 {
    width: 175px;
  }
  #HeaderContentSubSection .menu-wrapper h3,
  #HeaderContentSubSection .menu-wrapper h4,
  #HeaderContentSubSection .menu-wrapper h5 {
    font-size: 1em !important;
  }
  #HeaderContentSubSection.sticky {
    border-bottom: 1px solid #C8C6C6;
    margin-left: 0;
    top: 73px;
    width: 100%;
    z-index: 4;
  }
  #HeaderLogoContainer {
    height: 41px;
    width: 123px;
  }
  #HeaderLogoContainer > a > img {
    width: 123px;
    height: 41px;
  }
  #HeaderSearchContainer {
    margin: 20px;
    width: 490px;
  }
  .widget-menu nav {
    float: left !important;
  }
  .widget-menu nav ul li {
    font-size: 0.95em;
  }
  .widget-menu.sticky {
    margin-top: 73px !important;
    width: 718px !important;
  }
  .widget-body .caption {
    margin-top: 0;
    padding: 20px !important;
  }
  .widget-body .caption h1 {
    font-size: 2.0em !important;
  }
  .widget-body .caption h2 {
    font-size: 1.9em !important;
  }
  .widget-body .caption h2.h1 {
    font-size: 2.0em !important;
  }
  .widget-body .widget-contact {
    border: 0 !important;
    margin-left: -5px !important;
  }
  .widget-paralax .caption-bottom,
  .widget-grid-item .caption-bottom {
    margin-top: 0 !important;
  }
  .widget-paralax-3 .hover-mask {
    font-size: 15px !important;
    padding: 15px !important;
  }
  .widget-people div.person-career {
    width: 164px !important;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 970px;
  }
}