@media only screen and (max-width: 575px) {

  /*#region 
    TEXT
  */

  .fs-5 { font-size: 1.125rem !important; }
  .fs-6 { font-size: 1rem !important; }

  /*#endregion 
    TEXT
  */


  /*#region 
    GRID
  */

  .container-fluid > .container {
    padding-right: 0;
    padding-left: 0;
  }

  /*#endregion 
    GRID
  */


  /*#region 
    HEADER
  */

  /*#region navbar */
  .navbar-main .container-fluid { 
    padding-left: 0;
    padding-right: 0;
  }
  /*#endregion navbar */

  /*#endregion 
    HEADER
  */

}

/* sm */
@media only screen and (min-width: 576px) {

  /*#region 
    HEADER
  */

  .site-header .container {
    max-width: 100%;
  }


  .site-logo-link {
    height: 2.25rem;
  }

  /*#region navbar */
  .navbar-main .navbar-collapse.show {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    width: calc(100% + 3rem);
  }
  /*#endregion navbar */

  /*#region site search */
  .site-search-box {
    min-width: 18rem;
  }
  /*#endregion site search */

  /*#region user menu */
  .btn-user .img-area {
    height: 2.5rem;
    width: 2.5rem;
  }
  /*#endregion user menu */

  /*#endregion 
    HEADER
  */


  /*#region
    PAGE COMPONENTS
  */

  /*#region post list */

  /*#region post countdown */
  .post-info-overlay, .post-countdown {
    padding: 1rem;
  }
    .post-countdown-headline {
      font-size: 1.5rem;
    }
    .post-countdown-grp {
      font-size: 1.25rem;
      padding: .625rem;
    }
      .post-countdown-grp > span {
        font-size: 1.75rem;
        font-weight: 700;
      }
  /*#endregion post countdown */

  /*#endregion post list */

  /*#region help button */
  .help-btn {
    bottom: 1.5rem;
    right: 1.5rem;
  }
  /*#endregion help button */

  /*#endregion
    PAGE COMPONENTS
  */


  /*#region
    PAGES
  */

  /*#region start page */

  /*#region charity organisations */
  .charity-org-link {
    margin-bottom: 1.875rem;
  }
    .charity-org-img {
      height: 4.6875rem;
    }
  /*#endregion charity organisations */

  /*#endregion start page */

  /*#region workspace pages shared */

  /*#region workspace navigation */
  .ws-nav {
    padding-top: 0;
    padding-bottom: .75rem;
    text-align: left;
  }
    .ws-nav-btn { margin: 0 0 .5rem; }
    .ws-sub-nav { margin: 0 0 1.875rem; }
      .ws-sub-nav-link {
        display: inline-block;
        font-size: 1.125rem;
        margin-right: 1rem;
      }
  /*#endregion workspace navigation */

  /*#endregion workspace pages shared */

  /*#region workspace profile */
  .profile-form .form-group { 
    margin-bottom: 1.875rem; 
    min-height: 3.75rem;
  }
  .profile-form .required { display: block; }
  .profile-form .img-area { margin: 0 0 .625rem; }
  .profile-form .profile-img-area { margin: 0 auto; }
  .profile-form .banner-img-area { min-height: .75rem; }
  /*#endregion workspace profile */

  /*#endregion
    PAGES
  */


  /*#region
	  COOKIES
  */

  .cookies-alert .container {
    padding-right: 1.5625rem;
    padding-left: 1.5625rem;
    max-width: 100%;
  }

  /*#endregion
	  COOKIES
  */
}

@media only screen and (min-width: 768px) {

  /*#region
    HEADER
  */

  /*#region site search */
  .site-search {
    position: relative;
  }
  .site-search.show .toggle-search { padding-left: 1.5rem; }

  .site-search-box {
    display: none;
    position: static; 
    width: calc(100% + 1.5rem);
    margin: 0;
    padding: 0;
    z-index: 1;
  }
  /*#endregion site search */

  /*#endregion 
    HEADER
  */


  /*#region 
    FOOTER
  */

  .site-footer { text-align: left; }
    .social-media-links { text-align: left; }
      .social-media-link { margin: 0 .75rem 0 0; }
        .social-media-icon {
          height: 2rem;
          width: 2rem;
        }

  /*#endregion 
    FOOTER
  */


  /*#region
	  COOKIES
  */

  .cookies-alert-content > p {
    font-size: 1.25rem;
  }

  /*#endregion
	  COOKIES
  */
}

@media only screen and (min-width: 992px) {

  /*#region
    MISC
  */

  /*#region bootstrap addons */
  .mih-lg-6 { min-height: 6rem; }
  /*#endregion bootstrap addons */

  /*#endregion
    MISC
  */

  /*#region 
    HEADER
  */

  .site-header {
    padding: 2.25rem 0;
  }

  /*#region navbar */
  .navbar-main .dropdown-menu {
    box-shadow: 2px 2px 10px rgba(45, 55, 75, 0.5);
  }
  .navbar-main .navbar-nav .dropdown-menu {
    left: 50%;
    transform: translateX(-50%);
  }
    .navbar-main .dropdown-item:hover { background: rgba(45, 55, 75, 0.1); }

  .navbar-main .nav-link {
    font-size: 1rem;
  }

  .navbar-main .dropdown-toggle::after {
    display: none;
  }
  /*#endregion navbar */

  /*#region site search */
  .site-search.show .toggle-search { padding-left: 0; }

  .site-search-box {
    background: transparent;
    display: none;
    position: absolute; 
    right: 0;
    top: 100%;
    width: calc(100% + 1.5rem);
    margin: 0;
    margin-top: 1rem;
    padding: 0;
    z-index: 1;
  }
  /*#endregion site search */

  /*#endregion 
    HEADER
  */


  /*#region
    PAGES
  */

  /*#region start page */

  /*#region charity organisations */
  .charity-org-link { margin: 0 1.25rem 1.875rem; }
    .charity-org-img { height: 6.25rem; }
  /*#endregion charity organisations */

  /*#endregion start page */

  /*#region how does it work */
  .how-does-it-work-steps {
    background-image: url(../img/dots1.svg);
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-size: contain;
  }
  /*#endregion how does it work */

  /*#endregion
    PAGES
  */


  /*#region 
    POPUPS 
  */

  /*#region popup styling */
  .modal-open { 
    padding-right: 17px; /* padding to prevent page jump when scrollbar is visible */
  }
  .modal { padding: 1.25rem 1.875rem; }

  .modal .container { width: auto; }
  /*#endregion popup styling */

  /*#endregion 
    POPUPS 
  */


  /*#region
	  COOKIES
  */

  .cookies-alert {
    border: 1px solid #b8daff;
    bottom: 2.5rem;
    width: 62.5rem;
    left: 50%;
    transform: translateX(-50%);
    max-width: 80%;
    z-index: 999;
  }
    .cookies-alert .btn {
      font-size: 1.25rem;
    }

  /*#endregion
	  COOKIES
  */
}

@media only screen and (min-width: 1200px) {

  /*#region
    PAGES
  */

  /*#region workspace pages shared */

  /*#region workspace navigation */
  .ws-nav {
    margin: 0 0 1.875rem;
    padding-bottom: 1.375rem;
  }

  .ws-nav .row {
    margin-right: -1rem;
    margin-left: -1rem;
  }

  .ws-nav .col-sm {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .ws-sub-nav { padding: 0 1.25rem; }
  /*#endregion workspace navigation */

  /*#endregion workspace pages shared */

  /*#endregion
    PAGES
  */
}

@media only screen and (min-width: 1400px) {

  /*#region 
    HEADER
  */

  /*#region site search */
  .site-search.show .toggle-search { padding-left: 1.5rem; }

  .site-search-box {
    position: static; 
    margin: 0;
  }
  /*#endregion site search */

  /*#endregion 
    HEADER
  */


  /*#region
    PAGES
  */

  /*#region video player start */
  .record-dot {
    height: 3rem;
    width: 3rem;
    right: 1.5rem;
    top: 1.5rem;
  }
  /*#endregion video player start */

  .pie-chart {
    margin-top: -14rem;
  }

  /*#endregion
    PAGES
  */
}

@media only screen and (min-width: 1660px) {

}

@media only screen and (min-width: 1720px) {

  /*#region 
    HEADER
  */

  .site-header .container {
    max-width: 1696px;
  }

  /*#endregion 
    HEADER
  */


  /*#region
    PAGE COMPONENTS
  */

  .image-top-area > .container {
    height: 50rem;
  }

  /*#region
    PAGE COMPONENTS
  */


  /*#region
	  COOKIES
  */

  .cookies-alert .container {
    max-width: 1920px;
  }

  /*#endregion
	  COOKIES
  */
}

@media only screen and (min-width: 1920px) {

  .blob-bg {
    background-size: 82%;
  }

}