@media (min-width: 1200px) {
    .webform-options-display-buttons .webform-options-display-buttons-wrapper {
      flex-grow: 1;
      flex-shrink: 2;
      flex-basis: auto;
      margin: 0;
      width: 20%;
      padding: 0 1rem;
    }
  }
  @media (max-width: 1000px) {
    .webform-options-display-buttons .webform-options-display-buttons-wrapper {
        flex-grow: 1;
        flex-shrink: 2;
        flex-basis: auto;
        margin: 0;
        width: 20%;
        padding: 0 1rem;
      }
      svg.svg-inline--fa.fa-chevron-down.fa-w-14 {
          display: none;
        }
  }
  @media (min-width: 1000px) {
  #sliding-popup {
    height: 20vh!important;
  }
}
  @media (max-width: 992px) {
  #views-bootstrap-testimonials-block-1 .inner-col {
    margin-bottom: 2rem;
  }
  .promo-front {
    background-position: right top !important;
  }
  .block-inline-blockgrey-background-box {
    padding: 1.4rem!important;
    width: 100%!important;
  }
  .attached-header h1 {
    width: 100%!important;
  }

  /* mobile menu */
  .navbar-nav {
    display: flex!important;
    flex-direction: column!important;
    padding-left: 0!important;
    margin-bottom: 0!important;
    list-style: none!important;
  
    .nav-link {
      padding-right: 0!important;
      padding-left: 0!important;
    }
  
    .dropdown-menu {
      position: static!important;
    }
  }
  .navbar-text {
    padding-top: $nav-link-padding-y!important;
    padding-bottom: $nav-link-padding-y!important;
  }
  #sliding-popup {
    height: 45vh!important;
  }

  }
  
  @media (max-width: 768px) {
    .webform-options-display-buttons .webform-options-display-buttons-wrapper {
      flex-grow: 1;
      flex-shrink: 2;
      flex-basis: auto;
      margin: 0;
      width: 33%;
      padding: 0 1rem;
    }
    #block-callagenix-content .block-layout-builder {
     margin-bottom: 2rem !important;
    }
    a.btn-success {
      margin: 1rem!important;
    }
    .enquire-block._none.wra-class {
      margin: 0 11vw!important;
    }
    .working .wra-class .container .row, .international .wra-class .container .row, .custom .wra-class .container .row, .voip .wra-class .container .row, .solutions .wra-class .container .row {
      padding: 0rem!important;
    }
  }
  @media (max-width: 576px) {
    .webform-options-display-buttons .webform-options-display-buttons-wrapper {
      flex-grow: 1;
      flex-shrink: 2;
      flex-basis: auto;
      margin: 0;
      width: 50%;
      padding: 0 1rem;
    }
    .working .wra-class .container .row > *, .international .wra-class .container .row > *, .custom .wra-class .container .row > *, .voip .wra-class .container .row > *, .solutions .wra-class .container .row > * {
      padding: 0rem!important;
    }
  }

  @media (max-width: 576px) {
  .view-int-flags-page .col-12,
  .view-int-flags-page .col-11,
  .view-int-flags-page .col-10,
  .view-int-flags-page .col-9,
  .view-int-flags-page .col-8,
  .view-int-flags-page .col-7,
  .view-int-flags-page .col-6,
  .view-int-flags-page .col-5,
  .view-int-flags-page .col-4,
  .view-int-flags-page .col-3,
  .view-int-flags-page .col-2,
  .view-int-flags-page .col-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%!important;
    flex: 0 0 100%!important;
    max-width: 100%!important;
  }
}