/* compiled by scssphp v0.6.7 on Fri, 03 Apr 2026 05:52:08 +0100 (0.24s) */

@media only screen and (min-width: 320px) and (max-width: 370px) {
  .home_banner h1, .signup h1, .login h1, .forgot_password h1, #help_container h2 {
    font-size: 2.1em; }

  header .two_fifths_width {
    width: 75%; }

  header .three_fifths_width {
    width: 25%; } }
/*@media only screen and (min-width: 320px) and (max-width: 435px) 
 {
 .signup_container button
 {
 width: 90%;
 padding: 10px 30px;
 }
 }*/
@media only screen and (min-width: 320px) and (max-width: 550px) {
  .move_details_form .left {
    float: none;
    width: 100%; }

  #signup_form .padding_left5, #save_move_form .padding_left5 {
    padding-left: 0px; }

  #signup_form .padding_right5, #save_move_form .padding_right5 {
    padding-right: 0px; }

  #signup_form, #signup_form #personal_details, #signup_form .topic_selection, #signup_form #personalise_box, #save_move_form, #save_move_form #move_details, #save_move_form .topic_selection {
    padding-left: 15px;
    padding-right: 15px; }

  .submit_container {
    margin: 0 15px; } }

@media only screen and (min-width: 320px) and (max-width: 600px) {
  /*header nav, #logout_link
   {
   display: none;
   }
   #responsive_nav_icon, #logout_nav_button
   {
   display: block;
   }
   header nav
   {
   position: absolute;
   top: 66px;
   left: 0;	
   vertical-align: middle;
   width: 100% !important;
   }
   header nav *
   {
   vertical-align: middle;
   }
   header nav ul
   {
   padding: 0;
   margin: 0;	
   }
   header nav ul li
   {
   display: block;
   background: #FFF;
   border-bottom: 1px solid #a2a2a2;	
   margin: 0;
   }
   header nav ul li:before
   {
   content: url('/front_end/includes/images/header/responsive_nav_arrow.png');	
   padding-right: 10px;
   }
   header nav ul li:hover
   {
   background: #4cbc76;	
   }
   header nav ul li:hover:before
   {
   content: url('/front_end/includes/images/header/responsive_nav_arrow_hover.png');	
   padding-right: 10px;
   }
   header nav ul li a
   {
   color: #a2a2a2 !important;	
   }
   header nav ul li:hover a
   {
   color: #FFF !important;	
   }
   header nav span
   {
   display: inline;
   padding-left: 10px;
   font-size: 1.2em;
   }
   header nav img
   {
   padding: 10px 0;	
   }
   header > div > .two_thirds_width > div
   {
   width: 100%;
   }*/
    footer, footer div, footer nav {
      display: block; }
    #footer_nav {
      margin-top: 0px;
      margin-bottom: 0px; }
    footer .one_third_width {
      width: 100%;
      order: 2; }
    footer .one_third_width img {
      margin-bottom: 30px; }
    footer div, footer .align_right {
      text-align: center; }
    .signup_container ul {
      width: 100%;
      box-sizing: border-box;
      display: block;
      float: none; }
    .signup_container {
      width: 90%;
      margin-left: auto;
      margin-right: auto;
      height: auto !important; }
    .signup_container h3 {
      text-align: left; }
    .home_banner {
      text-align: center; }
    .faqs_container {
      border-bottom: 1px solid #dedede; }
    .planner_container {
      padding-bottom: 1px; }
    .faqs_container, .planner_container {
      float: none;
      width: 90%;
      margin-left: auto;
      margin-right: auto; }
    .signup_container button {
      margin-top: 20px; }
    #signup_form h1 + p {
      width: 100%; } }

@media only screen and (min-width: 320px) and (max-width: 615px) {
  #features_container .left {
    float: none;
    margin-left: 0; }

  #features_container .right {
    float: none;
    margin-right: 0; }

  .feature {
    margin-left: auto;
    margin-right: auto;
    height: auto; } }

@media only screen and (min-width: 320px) and (max-width: 634px) {
  #features_container .left {
    margin-left: 10px; }

  #features_container .right {
    margin-right: 10px; }

  .button_row {
    width: 100% !important; }

  .button_row > div, .button_row > a {
    float: none;
    display: block;
    width: 180px;
    text-align: center;
    margin: 0 auto 5px auto; }

  .tasks_container .button_row .dt-buttons {
    width: 200px;
    float: none !important; }

  .button_row .dt-buttons .buttons-print {
    display: block;
    float: none; }

  .location_container h4 {
    text-align: center; }

  .admin_tasks_summary {
    float: none;
    margin-bottom: 30px; }

  .admin_tasks_summary h1, .admin_tasks_summary h3 {
    text-align: center; } }

@media only screen and (min-width: 320px) and (max-width: 650px) {
  header nav, header .dropdown {
    display: none; }

  #responsive_nav_icon, #logout_nav_button {
    display: block;
    background: #0c72d0;
    border-radius: 6px; }

  header nav {
    position: absolute;
    top: 120px;
    left: 0;
    vertical-align: middle;
    width: 100% !important; }
    header.double_height_logo nav {
      top: 80px; }

  header nav * {
    vertical-align: middle; }

  header nav ul {
    display: block;
    padding: 0;
    margin: 0; }

  header nav ul li {
    display: block;
    background: #fff;
    border-bottom: 1px solid #a2a2a2;
    margin: 0;
    padding: 20px; }

  header nav ul li:before {
    bottom: 0px; }

  header nav ul li:after {
    content: url('/front_end/includes/images/header/responsive_nav_arrow.png');
    padding-right: 10px;
    position: absolute;
    left: 30px;
    top: 50%;
    transform: translateY(-50%); }

  header nav ul li:hover {
    background: #4cbc76; }

  header nav ul li.nav-border-relocate:hover {
    background: var(--blue); }

  header nav ul li.nav-border-family:hover {
    background: #f2c14e; }

  header nav ul li.nav-border-move:hover {
    background: var(--orange); }

  header nav ul li.nav-border-hot:hover {
    background: var(--pink); }

  header nav ul li.nav-border-botw:hover {
    background: var(--light-purple); }

  header nav ul li.nav-border-cq:hover {
    background: var(--zinc); }

  header nav ul li:hover:before {
    content: url('/front_end/includes/images/header/responsive_nav_arrow_hover.png');
    padding-right: 10px; }

  header nav ul li a {
    color: #a2a2a2 !important; }

  header nav ul li:hover a {
    color: #fff !important; }

  header nav span {
    display: inline;
    padding-left: 10px;
    font-size: 1.2em; }

  header nav img {
    padding: 10px 0; }

  header > div > .two_thirds_width > div {
    width: 100%; }

  .heading_container {
    display: block; }

  .heading_container img, .heading_container h1 {
    display: block;
    margin: 0 auto;
    text-align: center; }

  .heading_container h1 {
    width: 90%;
    padding-top: 20px; }

  .print_button {
    display: none !important; }

  #move_planner_container .button_row {
    width: 448px; } }

@media only screen and (min-width: 320px) and (max-width: 709px) {
  .move_date_container, .move_destination_container {
    float: none;
    width: 100%;
    padding-right: 0px;
    padding-left: 0px; } }

@media only screen and (min-width: 320px) and (max-width: 709px) {
  #planner_info_container img {
    float: none;
    padding: 0 20px 30px 20px;
    display: block;
    margin-left: auto;
    margin-right: auto; }

  #planner_info_container {
    padding: 10px;
    width: 90%; } }

@media only screen and (min-width: 320px) and (max-width: 920px) {
  #move_planner_container .button_row, #move_planner_summary {
    float: none;
    display: block; }

  #move_planner_summary h2, #move_planner_summary h3, #move_planner_summary p {
    text-align: center; }

  #move_planner_container .button_row {
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto; }

  .heading_container {
    margin-bottom: 40px; }

  .tasks_container {
    width: 90%;
    margin-left: auto;
    margin-right: auto; } }

@media only screen and (min-width: 320px) and (max-width: 962px) {
  .wrapper {
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 0; }

  footer {
    width: 100%;
    margin-left: auto;
    margin-right: auto; }

  .signup_container {
    width: 90%;
    margin-left: auto;
    margin-right: auto; }

  .header_wrapper {
    width: 100%; } }

@media only screen and (min-width: 601px) and (max-width: 884px) {
  #footer_nav li {
    display: block;
    padding-bottom: 5px; }

  #footer_nav li:last-of-type {
    padding-bottom: 0; }

  #footer_nav ul {
    margin-top: 0px; }

  footer img {
    width: 100%; } }
/*@media only screen and (min-width: 320px) and (max-width: 885px) 
 {
 .home_banner
 {
 background-color: #012235;
 background-image: none;
 }
 }*/
@media only screen and (min-width: 601px) and (max-width: 962px) {
  .signup_container ul {
    width: 48%;
    box-sizing: border-box; }

  .faqs_container {
    margin-left: 5%;
    padding-left: 1.4em;
    width: 43%;
    box-sizing: border-box; }

  .planner_container {
    margin-right: 5%;
    width: 35%; } }

@media only screen and (min-width: 635px) and (max-width: 700px) {
  #features_container .left {
    margin-left: 20px; }

  #features_container .right {
    margin-right: 20px; } }

@media only screen and (min-width: 651px) and (max-width: 760px) {
  header .two_fifths_width {
    width: 44%; }

  header .three_fifths_width {
    width: 56%; }

  header nav img {
    width: 35px;
    margin-top: 2.5px; } }

@media only screen and (min-width: 651px) and (max-width: 920px) {
  #move_planner_container .button_row {
    width: 555px; } }
/*@media only screen and (min-width: 671px) and (max-width: 760px)
 {
 #features_container .left
 {
 margin-left: 20px;
 }
 #features_container .right
 {
 margin-right: 20px;
 }
 }*/
@media only screen and (min-width: 710px) and (max-width: 813px) {
  #planner_info_container img {
    padding-top: 5px; } }

@media only screen and (min-width: 710px) and (max-width: 850px) {
  #planner_info_container {
    width: 95%;
    padding: 10px;
    box-sizing: border-box; } }

@media only screen and (min-width: 885px) and (max-width: 962px) {
  #footer_nav li {
    margin: 0 5px 0 5px; } }