/*---------------------------------
      Responsive styles
-----------------------------------*/

@media (max-width: 980px) {
  .bpc {
    padding: 60px !important;
  }
}

#content .mobile-show {
  display: none;
}

@media (max-width: 767px) {
  .mobile-hide,
  #content .mobile-hide {
    display: none;
  }
  #content .mobile-show {
    display: block;
  }
  #content .mi {
    height: 50vw;
  }
  #content .ms {
    order: 2;
  }
  .bpc {
    padding: 40px !important;
  }
}


/*--- Menu ---*/

@media (max-width: 1100px) {
  #access a {
    padding: 0 15px;
  }
}

@media (max-width: 980px) {
  .header-wrap {
    padding-right: 10px;
  }
  #headerSearch {
    display: none
  }
}


/*--- Footer ---*/

@media (max-width: 1000px) {
  .second-footer-wrap .widget-area {
    padding-right: 40px !important;
  }
  #first {
    width: 44% !important;
  }
}

@media (max-width: 940px) {
  .second-footer-wrap {
    padding-top: 100px;
    padding-bottom: 80px;
  }
}

@media (max-width: 767px) {
  .second-footer-wrap {
    padding-top: 60px;
    padding-bottom: 50px;
  }
  .second-footer-wrap .widget-area {
    min-width: 100% !important;
    padding-right: 0px !important;
    text-align: center;
  }
  #second,
  #third {
    margin-top: 30px !important
  }
  #site-info {
    margin-bottom: 10px;
  }
  #site-info,
  #site-generator {
    width: 100%;
    display: block;
    text-align: center;
  }
}


/*--- Content ---*/

.page-id-8 .tg-projects .tg-element-absolute:after{
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    background: rgba(0,0,0,0.3) !important;
    z-index: 1;
}
.page-id-8 .tg-projects .tg-bottom-holder{
    z-index: 1;
  }
.page-id-8 #content .tg-projects .tg-item-title a{font-size: 18px !important;}
.page-id-8  #content .tg-projects .tg-element-2 a {font-size: 12px}

@media (max-width: 767px) {
  #content h1 {
    font-size: 1.5em !important;
  }
  #content h2 {
    font-size: 1.4em !important;
  }
  #content h3 {
    font-size: 1.3em !important;
  }
  #content h4 {
    font-size: 1.2em !important;
  }
  #content p {
    font-size: 0.9em !important;
    line-height: 1.4em;
  }
  
  .tax-sector  .single-post-hero {padding-bottom: 80px !important;}
  .left-hero,
  .right-hero {width: 100%;text-align: left;}  
  .single-projects-hero-inner {display: block;}
  .right-hero .button {float: left;}
  .right-hero .custom-button {margin: 10px 0px;}
  .right-hero--buttons {
    margin-top: 120px;
    position: relative;
    top: -100px;
  }
  #specsheetDownload {margin-top: 20px;}
  
  .tg-projects .tg-element-absolute:after{
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    background: rgba(0,0,0,0.4) !important;
    z-index: 1;
  }
  .tg-projects .tg-bottom-holder{
    z-index: 1;
  }
  #content .tg-projects .tg-item-title a{font-size: 18px !important;}
  #content .tg-projects .tg-element-2 a {font-size: 12px}
}

@media (max-width: 560px) {
  #content h1 {
    font-size: 1.3em !important;
  }
  #content h2 {
    font-size: 1.2em !important;
  }
  #content h3 {
    font-size: 1.1em !important;
  }
  #content h4 {
    font-size: 1em !important;
  }
  .tg-projects {min-height: 250px}
}


/*--- Content ---*/

@media (max-width: 1000px) {
  #content .slider-caption h1 {
    font-size: 45px !important;
  }
  #content #slider-1-slide-1-layer-0 h1,
  #content #slider-1-slide-3-layer-0 h1,
  #content #slider-1-slide-4-layer-0 h1 {
    font-size: 35px !important;
  }
}

@media (max-width: 767px) {
  /* home */
  #content .slider-caption h1 {
    font-size: 32px !important;
  }
  #content #slider-1-slide-1-layer-0 h1,
  #content #slider-1-slide-3-layer-0 h1,
  #content #slider-1-slide-4-layer-0 h1 {
    font-size: 27px !important;
  }
  .fs-panel {
    height: 60vw;
  }
  .fs-panel-bottom {
    text-align: center;
  }
  /* about */
  .aboutTimeline {
    display: none;
  }
  /* sectors */
  .sector-container {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  /* single insights */
  .single-post-hero h1 {
    margin-bottom: 20px !important;
    font-size: 25px !important;
  }
  .single-post-hero {
    padding: 154px 46px 40px;
  }
  .single-post #container {
    margin-bottom: 0px;
    padding: 60px 20px;
    margin-top: 0px !important;
  }
  .tg-left-arrow {
    left: calc(-50% + 40px) !important;
  }
  .tg-right-arrow {
    right: calc(-50% + 40px) !important;
  }
}

@media (max-width: 560px) {
  /* home */
  #content .slider-caption h1 {
    font-size: 18px !important;
  }
  #content #slider-1-slide-1-layer-0 h1,
  #content #slider-1-slide-3-layer-0 h1,
  #content #slider-1-slide-4-layer-0 h1 {
    font-size: 18px !important;
  }
  /* single insights */
  .single-post-hero h1 {
    margin-bottom: 20px !important;
    font-size: 18px !important;
  }
}