@charset "utf-8";
@media only screen and (min-width:0px) and (max-width:1100px) {
footer > div > div:nth-child(2) div{
  /* max-width: 500px; */
  width: 100%;
}
.brandLogo
{

      margin-right: 0px;
}
}

/* your css rules for ipad portrait */
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
.single-team #page-wrap
{
  min-height: 840px !important;
}
}
@media only screen and (min-width:0px) and (max-width:1024px) {
.logo, header.shrink .logo{
  width: 70px;


}
header{
  box-shadow: 0px 2px 6px rgba(0,0,0,0.15);
}
#page-wrap {

    padding-top: 90px;
}
h1, .slideshow h2, .TeamDetailsPage h1 {
  font-size: 44px;
  line-height: 50px;

}
h2, .homeExpertise h2 {
  font-size: 40px;
  line-height: 48px;

}
h3, .TabSection h3 {
  font-size: 36px;
  line-height: 42px;

}
h4 {
font-size: 30px;
line-height: 36px;
}
h5 {
font-size: 22px;
line-height: 30px;

}
.slideshow .expertiesSlide > div > div.TextBlock{
  width: 60%;
}
.slideshow .expertiesSlide > div > div.ImageBlock
{
  width: 40%;
  height: auto;
  max-height: 400px
}
.slideshow .expertiesSlide > div > div.ImageBlock img{
  width: 100%;
  max-height: 330px;
}
.slideshow .expertiesSlide > div > div {

  font-size: 20px;
  line-height: 27px;
}
.slideshow h2
{
  padding-bottom: 20px;
}
/* .slideshow h2 br{
  display: none;
} */

.slideshow li, .slideshow .slick-slide div{

    height: 100%;
  }
  /* .slick-track
  {
    display: block;
  } */
.homeOurPeople h2 {
    margin-bottom: 30px;
}
.homeSlideshow
{
  padding: 60px 0px;
}
.homeExpertise, .homeOurPeople, .HeaderPageIntro, .caseStudyDetailsPage, .pageContent
{
  padding: 60px 20px;
}

.ExpertiseList, .TeamList
{
  padding: 60px 10px;
}
.caseStudyList {
    padding: 40px 20px;
}
.HeaderPageIntro
{
  min-height: 300px
}

.ThreeCol, .TwoCol, .TeamDetailsPage{
  padding: 40px 0px;
}
.TeamBlock
{
  width: 33.33%;
}
}
@media only screen and (min-width:991px)  {
  .designbylink {
      /* margin-top: 15px; */
      /* width: 33.33%; */
      list-style: none;
      text-align: left;
      padding: 0px 10px 0px 17px;

  }
  .footerMenu li:nth-child(4),.footerMenu li:nth-child(7)
  {
    break-before: column;
      -webkit-column-break-before: column;
      -moz-column-break-before: column;
      break-inside: avoid;
  }
}
@media only screen and (min-width:0px) and (max-width:990px) {
  .designbylink {
      margin-top: 0px;

  }
  .footerMenu {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }
}
@media only screen and (min-width:0px) and (max-width:900px) {
  .ExpertiseDetailsPage .col
  {
    width: 50%
  }
    .ExpertiseDetailsPage .col_1_1_1 .col:last-child
    {
      width: 100%;
      text-align: center;
    }
    .ExpertiseDetailsPage .swapImageBlock{

    margin: 20px auto 30px auto;
}
.ExpertiseDetailsPage .roundBtnBlue
{
  margin: 0 auto;
}
.teamFullInfo .col{
  width: 100%;
}
.TeamDetailsPage .col_1_1 .col:last-child {

    padding-right: 20px;

  }
  .additionalInfoWrapper {
    padding: 40px 20px;
}
}
@media only screen and (min-width:0px) and (max-width:850px) {
  footer > div > div:nth-child(2) div {
    /* max-width: 350px; */
    width: 100%;
}
}

@media only screen and (min-width:0px) and (max-width:800px) {

.ExpertiseBlock, .TeamBlock, .caseStudyBlock {
    width: 50%;
}
.single-case_studies .caseStudyBlock:nth-child(3), .single-expertise .caseStudyBlock:nth-child(3)
{
  width: 100%;
}
.teamFullInfo, .ExpertiseDetailsPage .col_1_1
{
  display: block;
}

.slideshow .expertiesSlide > div > div.ImageBlock img, .single-expertise .ImageBlock img
{
  margin-top: 0px;
}
.ExpertiseDetailsPage .col_1_1:first-child{
  margin-bottom: 0px;
}
.ExpertiseDetailsPage .col_1_1:first-child .ImageBlock
{
  margin-bottom: 0px;
}
.single-case_studies .caseStudyBlock:nth-child(3),
.single-expertise .caseStudyBlock:nth-child(3)
{
  border-top: 1px solid #061C42;
}
/* .single-case_studies .caseStudyList > div */
.single-expertise .caseStudyList > div {
border-top: 1px solid #061C42;
}
.ExpertiseDetailsPage .col_1_1 .col
{
  width: 100%;
}

}

@media only screen and (min-width:768px){
  .slideshow h2
  {
    height: auto !important;
  }
}

@media only screen and (min-width:0px) and (max-width:767px) {
  .HeaderPageIntro {
    min-height: auto;
}
.HeaderPageIntro p:first-of-type {
    padding-top: 20px !important;
}
h1 span {
    display: inline-block;
}

.homeExpertise, .homeOurPeople, .HeaderPageIntro, .caseStudyDetailsPage, .pageContent
{
  padding: 40px 20px;
}
.ExpertiseList, .TeamList {
    padding: 40px 10px;
}

.homeSlideshow
{
  padding: 0px 0px 0px 0px;
  background: #EED3DB;
}
.slideshow h2
{
  height: auto !important;
}
.slideshow .expertiesSlide > div, .page-id-11 .HeaderPageIntro > div > ul
{
  display: block;
  height: 100% !important;
}
.slideshow .expertiesSlide > div > div.TextBlock, .slideshow .expertiesSlide > div > div.ImageBlock, .page-id-11 .HeaderPageIntro > div > div.HeroText
{
  width: 100%;
  max-height: none;
}
.ImageSlideshow {
    max-width: 500px;
    width: 100%;
    margin: 30px auto 50px auto;
  }
.slideshow .expertiesSlide > div > div.TextBlock
{
  padding: 50px 20px 100px 20px;
  background: #EED3DB;
}
.page-id-11 .HeaderPageIntro > div > div.HeroText {
    padding: 50px 20px 50px 20px;
      background: #EED3DB;
      max-width: 100%;

  }
  .page-id-11 .HeaderPageIntro p:first-of-type {
    padding-top: 20px !important;
}

  .page-id-11 .ThreeCol .col:last-child
{
  padding-bottom: 20px;
}
.page-id-11 .HeaderPageIntro > div
{
  display: block;
  width: 100%;
}
.page-id-11 .HeaderPageIntro
{
  padding: 0px;
}

.slideshow h2 {
    padding-bottom: 0px;
}
.slick-slide
{
padding: 0px;
}
.slideshow li
{
    /* background: #EED3DB; */
  /* padding-bottom: 90px; */
}
.expertiesSlide .roundBtnBlue {

    bottom: 45px;
    left: 20px;
  }
.expertiesSlide > div, .col_1_1_1, .col_1_1, .ExpertiseDetailsPage .col_1_1{
  display: block;
}
.ExpertiseDetailsPage .shortInfo {
    font-size: 22px;
    line-height: 31px;
  }
.slideshow .expertiesSlide > div > div, .ExpertiseDetailsPage .col
{
  width: 100%;
}
.expertiesSlide .roundBtnBlue.responsive
{
  display: flex;
  top: -70px;
    z-index: 3;
}
.slideshow .expertiesSlide > div > div.ImageBlock
{
  background: #fff;
  margin: 30px auto 50px auto;
height: auto;
padding: 0px 20px;
}
.ImageSlideshow .ExpertiseBlock
{
  padding: 0px 20px;
}

.slideshow .expertiesSlide > div > div.ImageBlock::before
{
  position: relative;
}
.slideshow .expertiesSlide > div > div.ImageBlock img
{
  margin-top: 0px;
  width: auto;
    max-width: 95%;
    max-height: 95%;
}
.slideshow .slick-slide div
{
  background: #fff;
}
.slideshow .slick-slide div.slideDesc
{
  background: #EED3DB;
}
.slideshow h2 br{
  display: none;
}
ul.expertiesList li {
    margin: 4px 0px;
    padding: 0px;
}
ul.expertiesList li a {

    padding: 5px 20px 8px 0px;
  }
.col_1_1_1 .col, .col_1_1 .col
{
  width: 100%;
}
.ThreeCol .col, .TwoCol .col
{
  padding: 20px 20px 0px 20px;
}
.TwoCol .col:first-child > div {
    max-width: 100%;
}
.TwoCol.withMap .col:first-child > div
{
  max-width: 100%;
}

  .TeamDetailsPage h1
  {
    margin-bottom: 20px;
  }
  .TeamDetailsPage .TeamshortInfo {
    font-size: 20px;
    line-height: 28px;
}
  .TeamDetailsPage .ImageBlock
  {
    margin-bottom: 0px;
  }
  .TeamDetailsPage h1 {
    margin-top: 0px;
  }
  footer > div
  {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    flex-flow: row wrap;
  }
  footer > div > div:nth-child(1)
  {
    order: 2;
  }
  footer > div > div:nth-child(2) {
    width: 100%;

    order: 1;
        justify-content: flex-start;
        text-align: left;
        padding-bottom: 10px;
  }
  .brandLogo
  {
  order: 3;
  width: 180px !important;
  }
  .footerMenu li
  {

    width: 100%;
    display: block;

  }
  .footerMenu li a
  {
    padding: 5px 0px;
  }

  .designbylink
  {
    margin-top: 0px;
  }
}

@media only screen and (min-width:0px) and (max-width:680px) {
  h1, .slideshow h2, .TeamDetailsPage h1 {
    font-size: 44px;
    line-height: 52px;

  }
  .HeaderPageIntro {
    font-size: 22px;
    line-height: 32px;
  }
  h2, .homeExpertise h2 {
    font-size: 40px;
    line-height: 48px;

  }
  h3, .TabSection h3 {
    font-size: 36px;
    line-height: 41px;

  }
  .slideshow h2 {
    padding-bottom: 0px;
}
ul.expertiesList
{
  display: block;
}
ul.expertiesList li{
  width: 100%;
}
ul.expertiesList li:nth-child(odd) {
    padding-right: 0px;
}
ul.expertiesList li:nth-child(even) {
    padding-left: 0px;
}
}
@media only screen and (min-width:0px) and (max-width:650px) {
.designbylink
{
  margin-top: 0px;
}
}

@media only screen and (min-width:0px) and (max-width:600px) {
  .ExpertiseList > div, .TeamList > div, .caseStudyList > div
  {
    display: block;
  }
.ExpertiseBlock, .TeamBlock, .caseStudyBlock {
    width: 100%;
}
.caseStudyBlock {
  padding: 20px 0px 50px 0px;
}
.TeamList > div .TeamBlock:last-of-type
{
  margin-bottom: 0px;
}
.TeamBlock
{
  text-align: center;
  word-break: break-all;
}
.ExpertiseBlock > div
{
  text-align: center;
}

}


@media only screen and (min-width:0px) and (max-width:480px) {
.slideshow h2 {
    font-size: 30px;
    line-height: 38px;

  }
  h2, .homeExpertise h2 {
    font-size: 28px;
    line-height: 34px;

  }
  h3, .TabSection h3 {
    font-size: 26px;
    line-height: 32px;

  }
  .slideshow .expertiesSlide > div > div.ImageBlock {
    max-width: 300px;
    max-height: 300px;
  }


}

@media only screen and (min-width:0px) and (max-width:420px) {
  .pagination a {
      padding: 2px;
      margin: 2px;
      min-width: 27px;
      height: 27px;
      text-align: center;
      font-size: 16px;
  }
  .prevpage, .nextpage, .jumpFirst, .jumpLast
  {

    font-size: 30px !important;
    line-height: 22px;
  }

  .pagination span.current {
      padding: 2px;
      margin: 2px;
      min-width: 27px;
      height: 27px;
      font-size: 16px;

  }
  footer > div > div:nth-child(1)
  {
    max-width: 50%;
    width: 100%;
  }
  .brandLogo {

    width: 100% !important;
    max-width: 50%;
}
}

@media only screen and (min-width:0px) and (max-width:420px) {
  /* footer > div
  {
    display: block;
  } */
  .footerMenu {
    -webkit-column-count: 1;
    -moz-column-count:1;
    column-count: 1;
  }
  footer > div > div:nth-child(1) {
    /* order: 1; */
}
.footerLogo
{
  margin-bottom: 20px;
}
}