@media (max-width: 768px) {
  .hide-mobile {
    display: none;
  }
  
  .entry-title,
  .heading {
    font-size: 28rem;
    line-height: 32rem;
  }

  .sub_heading {
    font-size: 20rem;
    line-height: 24rem;
  }

  section,
  .section,
  .section-padding {
    padding: 20rem 20rem;
  }

  .section-full {
    padding: 0;
  }

  .site-branding {
    margin-left: 10rem;
    flex-basis: 150rem;
  }

  a.toggle-nav {
    /* float: right; */
    /* margin: 0 0 0.5em 0.5em; */
    display: inline-block;
    color: #333;
    transition: color linear 0.15s;
    text-decoration: none;
    padding: 20rem;
    font-size: 40rem;
  }

  a.toggle-nav:hover,
  a.toggle-nav:active {
    text-decoration: none;
    color: green;
  }

  .main-navigation {
    display: inline-block;
    position: relative;
    margin: 0;
    width: 100%;
  }

  ul#primary-menu {
    box-shadow: 0px -2px 7px 0px rgba(3, 3, 3, 0.3);
    display: none;
    position: absolute;
    top: 99%;
    right: 0px;
    min-width: 200px;
    background-color: #ffffff;
    font-size: 1.2em;
  }

  ul#primary-menu li {
    display: block;
    float: none;
    /* padding-right: 2%; */
    text-align: left;
  }

  .site-header-scroll #primary-menu > li,
  #primary-menu > li {
    padding: 5rem 30rem;
  }

  ul#primary-menu li:hover > ul {
    /* display: none; */
  }

  .menu-item-has-children::after {
    display: none;
  }

  #primary-menu > li.menu-item-has-children {
    display: block;
  }

  #primary-menu li ul {
    display: block;
    position: unset;
    box-shadow: unset;
  }

  footer {
    flex-direction: column;
  }

  .footer-logo {
    flex-basis: 150rem;
    margin: 0;
  }

  .footer-menu-wrap {
    flex-basis: auto;
  }

  .ts-post-1,
  .ts-post-1.reverse {
    flex-direction: column-reverse;
  }

  .ts-post-1-two {
    flex-basis: 250rem;
  }

  .ts-post-2,
  .ts-post-2.reverse {
    flex-direction: column-reverse;
  }

  .ts-post-1-one {
    flex-basis: 250rem;
  }

  .ts-post-2-two {
    min-height: 300rem;
  }

  .request-a-bid-wrap {
    flex-direction: column;
  }

  .rab-2-a {
    font-size: 20rem;
  }

  .fp-2 {
    flex-direction: column;
    gap: 30rem;
  }

  .fp-2-1 {
    flex-basis: auto;
  }

  .fp-2-2-item {
    display: flex;
    flex-direction: column;
    text-align: center;
    align-items: center;
  }

  .fp-2-2-image {
    width: 150rem;
    height: 150rem;
  }

  .fp-2-2-wrap {
    justify-content: space-evenly;
  }

  .fp-3 {
    flex-direction: column;
  }

  .fp-4-two .splide__slide {
    height: 410rem;
  }

  .fp-partners-slide-item {
    width: 200rem;
    height: 200rem;
  }

  .portfolio_item {
    flex-direction: column;
    gap: 20rem;
  }

  .portfolio_item .splide__slide {
    height: 300rem;
  }

  .ts-content-block-1,
  .cta_item_blocks_wrap{
    flex-direction: column;
    align-items: center;
  }

  .ts-teams-one-two-wrap {
    flex-direction: column;
  }
  
  .ts-team-item {
    flex-direction: column;
  }

  .cta_item_block {
    /* margin: 0rem auto; */
  }

  .ts_splide .splide__list {
    padding-bottom: 75rem !important;
  }

  .ts_splide .ts_splide_item_caption {
    bottom: -70rem;
    padding: 0rem 5rem;
    font-size: 1.2em !important;
  }

  .ts_splide .splide__arrow {
    font-size: 25rem;
    padding-bottom: 80rem;
  }

  .ts_splide .splide__slide {
    height: 300rem;
  }
    
  .tp-pagination-item a {
    font-size: 20rem;
    line-height: 30rem;
  }

  .tp-pagination-item a i {
    font-size: 70rem;
  }
  
  .tc-2 {
    flex-direction: column-reverse;

  }

  .tc-2-one {
    flex-basis: auto;
  }
  
  .tc-2-two {
    padding: 25rem 25rem 0rem;
    margin-top: -100rem;
  }

  .tc-2-two-title {
    font-size: 40rem;
    line-height: 46rem;
  }

  .tc-2-map {
    height: 385rem !important;
  }

  .tc-3 {
    flex-direction: column;
  }

  .contact-details-wrap {
    padding-top: 0rem;
    padding-bottom: 50rem;
  }

  .ts-content-block-primary-image {
    margin-left: 0;
  }

}