/*

Author:  Tina Watmore
Updated: April 2015
Notes:	 Prime Law Criminal

*/

/* GENERAL STYLES AND CLASSES 
--------------------------------------------------------------------- */

body {
  font-family: Arial;
  margin: 0;
  padding: 0;
  min-width: 320px;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
body h1 {
  font-size: 24px;
  color: #4d616f;
}
body a {
  color: #0175a5;
}
body img {
  border: 0;
}
body textarea,
body input,
body select {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
body table {
  border-collapse: collapse;
}
body ul.reset {
  margin: 0;
  padding: 0;
}
body ul.reset li {
  list-style: none;
}
body a.reset {
  text-decoration: none;
}
body .wrapper {
  width: 970px;
  margin: auto;
}
body .field_honeypot,
body .honeypot {
  display: none;
}
body .block {
  display: block;
}
body .hide-text {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
body .clear-float {
  clear: both;
}
body .validation-summary-errors {
  color: red;
}
body .validation-summary-errors ul {
  padding-left: 12px;
}
body .required-field {
  color: Red;
  font-weight: bold;
  vertical-align: top;
}
body .input-validation-error {
  border: 1px solid red;
}
body .top_link {
  display: block;
  width: 28px;
  height: 13px;
  background: url(images/css/top_link.gif) no-repeat bottom;
  padding-top: 10px;
}
body .back_link {
  font-size: 12px;
}
/* HEADER STYLES 
--------------------------------------------------------------------- */

header .site-search-bar {
  height: 54px;
}
header .site-search-bar .wrapper .nav-button-wrapper {
  display: none;
}
header .site-search-bar .wrapper .site-search {
  margin-top: 8px;
  float: right;
  width: 204px;
  height: 35px;
  background: url(images/css/search_box_bg.png) no-repeat 0 0;
}
header .site-search-bar .wrapper .site-search input {
  font-size: 11px;
  color: #46515b;
  float: left;
  background: none;
  border: 0;
  width: 150px;
  margin: 12px 0 0 12px;
}
header .site-search-bar .wrapper .site-search button {
  float: right;
  width: 25px;
  height: 20px;
  border: 0;
  background: none;
  cursor: pointer;
  margin: 9px 9px 0 0;
}
header nav {
  clear: both;
  height: 41px;
  background: url(images/css/nav-bg.png);
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
header nav .wrapper ul {
  display: table;
  width: 100%;
  background: url(images/css/main_menu_separator.png) no-repeat right 0;
  /* dropdown on hover */

}
header nav .wrapper ul li {
  display: table-cell;
  background: url(images/css/main_menu_separator.png) no-repeat 0 0;
  padding-left: 2px;
  position: relative;
  /* dropdown */

}
header nav .wrapper ul li a {
  display: block;
  font-size: 14px;
  line-height: 41px;
  color: black;
  text-decoration: none;
  text-align: center;
}
header nav .wrapper ul li .submenu-button span.fa-plus,
header nav .wrapper ul li .submenu-button span.fa-minus {
  display: none;
}
header nav .wrapper ul li ul {
  display: none;
}
header nav .wrapper ul li.home a {
  padding: 0 6px;
}
header nav .wrapper ul li:hover ul {
  display: block;
  position: absolute;
  top: 41px;
  left: 1px;
  background: url(images/css/subMenuBg.png) no-repeat right bottom;
  padding: 0px 6px 7px 0;
  z-index: 100;
}
header nav .wrapper ul li:hover ul li {
  background: none;
  display: block;
  padding-left: 0;
}
header nav .wrapper ul li:hover ul li a {
  background: #e3e3e3;
  color: black;
  width: 120px;
  font-size: 11px;
  text-align: left;
  padding: 0 25px 0 20px;
  line-height: 35px;
}
header nav .wrapper ul li:hover ul li a:hover {
  background: #f1f1f1;
}
header nav .wrapper ul li.criminallaw ul li a,
header nav .wrapper ul li.trafficlaw ul li a {
  width: 200px;
}
header .header-logo-bar {
  margin: 1px 0 0 0;
  height: 110px;
  background: #198cb3;
}
header .header-logo-bar .wrapper .header-logo {
  float: left;
  height: 110px;
  width: 188px;
  background: url(images/css/header-logo.png) no-repeat 0 0;
}
header .header-logo-bar .wrapper .tag-line {
  float: right;
  margin-top: 37px;
  height: 37px;
  width: 340px;
  background: url(images/css/header-tag-line.png) no-repeat 0 0;
}
header .header-logo-bar .wrapper .header-phone {
  margin: 31px 0 0 9px;
  float: right;
  height: 47px;
  width: 180px;
  background: url(images/css/header-phone.png) no-repeat 0 0;
}
header .mobile-call-to-action {
  display: none;
}
header .carousel-banner {
  background: linear-gradient(#198cb3, #006c85);
  height: 235px;
}
header .carousel-banner .wrapper .banner {
  height: 235px;
  width: 100%;
  position: relative;
  overflow: hidden;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}
header .carousel-banner .wrapper .banner .banner1,
header .carousel-banner .wrapper .banner .banner2,
header .carousel-banner .wrapper .banner .banner3,
header .carousel-banner .wrapper .banner .banner4,
header .carousel-banner .wrapper .banner .banner5 {
  height: 235px;
  width: 100%;
}
header .carousel-banner .wrapper .banner .banner1 a,
header .carousel-banner .wrapper .banner .banner2 a,
header .carousel-banner .wrapper .banner .banner3 a,
header .carousel-banner .wrapper .banner .banner4 a,
header .carousel-banner .wrapper .banner .banner5 a {
  position: absolute;
  width: 100%;
  height: 235px;
  top: 0;
  right: 0;
}
header .carousel-banner .wrapper .banner .banner1 {
  background: url(/Content/images/banners/banner01_wording.png) no-repeat right top, url(/Content/images/banners/banner01_desktop.jpg) no-repeat center top;
}
header .carousel-banner .wrapper .banner .banner2 {
  background: url(/Content/images/banners/banner02_wording.png) no-repeat right top, url(/Content/images/banners/banner02_desktop.jpg) no-repeat center top;
}
header .carousel-banner .wrapper .banner .banner3 {
  background: url(/Content/images/banners/banner03_wording.png) no-repeat right top, url(/Content/images/banners/banner03_desktop.jpg) no-repeat center top;
}
header .carousel-banner .wrapper .banner .banner4 {
  background: url(/Content/images/banners/banner04_wording.png) no-repeat right top, url(/Content/images/banners/banner04_desktop.jpg) no-repeat center top;
}
header .carousel-banner .wrapper .banner .banner5 {
  background: url(/Content/images/banners/banner05_wording.png) no-repeat right top, url(/Content/images/banners/banner05_desktop.jpg) no-repeat center top;
}
/* nav styles */

nav ul li a:hover,
nav ul li.selected a,
.home_page nav ul li.home a,
.aboutus_page nav ul li.aboutus a,
.whychooseus_page nav ul li.aboutus a,
.staff_page nav ul li.staff a,
.staffmember_page nav ul li.staff a,
.results_page nav ul li.results a,
.result_page nav ul li.results a,
.criminallaw_page nav ul li.criminallaw a,
.trafficlaw_page nav ul li.trafficlaw a,
.articles_page nav ul li.articles a,
.article_page nav ul li.articles a,
.offices_page nav ul li.contact a,
.office_page nav ul li.contact a {
  background: url(images/css/main_menu_hover_bg.png) repeat-x 0 0;
}
/* GLOBAL STYLES 
--------------------------------------------------------------------- */

main {
  padding: 15px 0 0 0;
  display: block;
}
main .wrapper #main_left {
  float: left;
  width: 221px;
  margin-right: 5px;
  /* top image */

  /* quote box */

  /* service column 1 list */

}
main .wrapper #main_left .top_image {
  height: 174px;
  background: url(images/css/main_left_top_image.jpg) no-repeat 0 0;
  margin-bottom: 8px;
}
main .wrapper #main_left .quote_box {
  padding: 10px;
  background: #ecf5fa;
  border: 1px solid #dfe6e7;
  margin-bottom: 8px;
}
main .wrapper #main_left .quote_box img {
  width: 95px;
  float: left;
  margin-right: 10px;
}
main .wrapper #main_left .quote_box a {
  color: black;
  text-decoration: none;
  font-size: 12px;
  margin-top: 35px;
  display: block;
  float: left;
  width: 94px;
}
main .wrapper #main_left .quote_box a.no_image {
  margin-top: 0;
  float: none;
  width: auto;
}
main .wrapper #main_left .quote_box p {
  clear: both;
  margin: 0;
  padding: 0;
  color: #0390d7;
  font-size: 13px;
  padding-top: 12px;
}
main .wrapper #main_left .service-col1-list {
  background: #f0f5f9;
  padding-bottom: 6px;
  width: 221px;
  overflow: hidden;
  margin-bottom: 8px;
  font-size: 13px;
}
main .wrapper #main_left .service-col1-list .header-top {
  background: url(images/css/menu-header-top.png) no-repeat top;
  padding-top: 2px;
}
main .wrapper #main_left .service-col1-list .header {
  background: url(images/css/menu-header-bottom.png) no-repeat bottom;
  width: 201px;
  overflow: hidden;
  color: white;
  text-transform: uppercase;
  padding: 0 0 2px 20px;
  font-size: 93%;
}
main .wrapper #main_left .service-col1-list ul li a {
  display: block;
  width: 166px;
  font-size: 85%;
  color: #135a80;
  font-weight: bold;
  text-decoration: none;
  padding: 6px 20px 0 35px;
  background: url(images/css/arrow.gif) no-repeat 20px 10px;
}
main .wrapper #main_center {
  float: left;
  width: 518px;
  /* banner */

}
main .wrapper #main_center #banner .static-banner {
  height: 174px;
  width: 100%;
  background: url(/Content/images/banners/default.jpg) no-repeat 0 0;
}
main .wrapper #main_center #banner .static-banner a {
  display: block;
  width: 100%;
  height: 174px;
}
main .wrapper #main_center #banner .static-banner.tablet {
  display: none;
}
main .wrapper #main_center #main_content {
  padding: 20px 20px 20px 20px;
  color: #5d636c;
  font-size: 14px;
  line-height: 1.5;
  border-left: 1px solid #e1e5e6;
  border-right: 1px solid #e1e5e6;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  /* call to action */

  /* publication search form */

  /* results & articles list */

}
main .wrapper #main_center #main_content h1 {
  margin-top: 0;
}
main .wrapper #main_center #main_content .next_step_container {
  clear: both;
  height: 144px;
  width: 477px;
  margin: auto;
  margin-top: 30px;
  background: url(images/css/next_step_bg.jpg) no-repeat 0 0;
  position: relative;
}
main .wrapper #main_center #main_content .next_step_container .phone {
  display: block;
  height: 20px;
  width: 120px;
  top: 52px;
}
main .wrapper #main_center #main_content .next_step_container .contact {
  top: 81px;
}
main .wrapper #main_center #main_content .next_step_container .enquiry {
  top: 109px;
}
main .wrapper #main_center #main_content .next_step_container a {
  font-size: 16px;
  text-decoration: none;
  color: black;
  font-weight: bold;
  position: absolute;
  left: 50px;
}
main .wrapper #main_center #main_content .next_step_container a:hover {
  color: #666666;
}
main .wrapper #main_center #main_content .publication-search {
  padding-bottom: 10px;
}
main .wrapper #main_center #main_content .publication-search label {
  display: block;
  float: left;
  width: 100px;
  color: black;
  font-size: 13px;
}
main .wrapper #main_center #main_content .results_list ul,
main .wrapper #main_center #main_content .articles_list ul {
  margin: 0;
  padding: 0;
}
main .wrapper #main_center #main_content .results_list ul li,
main .wrapper #main_center #main_content .articles_list ul li {
  list-style: none;
  border-top: 1px solid #d5d5d5;
  padding: 10px 0;
  font-size: 12px;
  font-weight: bold;
}
main .wrapper #main_right {
  float: right;
  width: 221px;
  /* send enquiry button */

  /* send enquiry now form */

  /* book appointment button */

  /* enquiry form */

  /* offices */

}
main .wrapper #main_right .send_enquiry_button {
  margin-bottom: 4px;
}
main .wrapper #main_right .send_enquiry_button a.button {
  display: block;
  height: 85px;
  width: 100%;
  background: url(/Content/images/site/main_right_enquiry_button.png) no-repeat center 0, url(/Content/images/site/send_enquiry_bg.png);
}
main .wrapper #main_right .send_enquiry_now_form {
  display: none;
  border: 1px solid #cad2d4;
  background: #f4f9fc;
  padding: 11px 19px;
  color: #305a68;
  font-weight: bold;
  margin-bottom: 8px;
  margin-top: -8px;
  font-size: 11px;
}
main .wrapper #main_right .send_enquiry_now_form .field {
  margin: 8px 0;
  font-size: 13px;
}
main .wrapper #main_right .send_enquiry_now_form .field input {
  width: 94%;
  padding: 2px 5px;
  font-size: 13px;
}
main .wrapper #main_right .send_enquiry_now_form .field textarea {
  padding: 2px 5px;
  height: 65px;
  width: 100%;
  font-size: 13px;
  font-family: Arial;
}
main .wrapper #main_right .send_enquiry_now_form .field select {
  width: 100%;
  font-size: 13px;
}
main .wrapper #main_right .send_enquiry_now_form .field_practiceareas {
  font-size: 11px;
  line-height: 20px;
}
main .wrapper #main_right .send_enquiry_now_form .field_practiceareas .checkbox_container {
  overflow: hidden;
}
main .wrapper #main_right .send_enquiry_now_form .field_practiceareas .checkbox_container input {
  float: left;
  width: 15px;
}
main .wrapper #main_right .send_enquiry_now_form .field_enquiry {
  font-size: 11px;
}
main .wrapper #main_right .send_enquiry_now_form .button {
  width: 172px;
  text-align: right;
}
main .wrapper #main_right .send_enquiry_now_form .button button {
  width: 74px;
  height: 18px;
  background: url(images/css/home_main_right_enquiry_button.png) no-repeat 0 0;
  border: 0;
  cursor: pointer;
}
main .wrapper #main_right .send_enquiry_now_form .validation-summary-errors {
  padding-top: 5px;
}
main .wrapper #main_right .book_appointment_button a.button {
  display: block;
  height: 85px;
  width: 100%;
  margin-bottom: 4px;
  background: url(/Content/images/site/main_right_book_appointment_button.png) no-repeat center 0, url(/Content/images/site/book_appointment_bg.png);
}
main .wrapper #main_right .enquiry_form {
  padding: 76px 0px 21px 27px;
  background: #d8edf5 url(images/css/home_main_right_enquiry_header.png) no-repeat 0 0;
  font-size: 12px;
  color: #033d54;
  margin-bottom: 12px;
}
main .wrapper #main_right .enquiry_form top_text {
  text-transform: uppercase;
  margin-bottom: 5px;
}
main .wrapper #main_right .enquiry_form .field {
  margin-bottom: 8px;
}
main .wrapper #main_right .enquiry_form .field input,
main .wrapper #main_right .enquiry_form .field select,
main .wrapper #main_right .enquiry_form .field textarea {
  font-size: 11px;
  color: #5d636b;
}
main .wrapper #main_right .enquiry_form .field input,
main .wrapper #main_right .enquiry_form .field textarea {
  width: 237px;
}
main .wrapper #main_right .enquiry_form .field select {
  width: 243px;
}
main .wrapper #main_right .enquiry_form .field textarea {
  height: 66px;
}
main .wrapper #main_right .enquiry_form .field_details labels {
  display: block;
  padding: 5px 0;
}
main .wrapper #main_right .enquiry_form .button {
  text-align: right;
  padding-right: 30px;
}
main .wrapper #main_right .enquiry_form .button button {
  width: 74px;
  height: 18px;
  background: url(images/css/home_main_right_enquiry_button.png) no-repeat 0 0;
  border: 0;
  cursor: pointer;
}
main .wrapper #main_right .offices ul li {
  margin-bottom: 2px;
  width: 100%;
  background: white;
}
main .wrapper #main_right .offices ul li a {
  display: block;
  border: 1px solid #dde3e2;
  background: url(/Content/images/site/office_list_arrow.png) no-repeat 0 0;
  font-size: 14px;
  color: #0175a5;
  text-decoration: none;
  padding-left: 40px;
  line-height: 43px;
}
main .wrapper #main_right .offices ul li a:hover {
  background: url(/Content/images/site/office_list_arrow.png) no-repeat 0 0, url(images/css/magnify-icon.gif) no-repeat 93% 50%;
  color: black;
}
/* FOOTER STYLES 
--------------------------------------------------------------------- */

footer .footer-logos {
  height: 100px;
  padding-top: 26px;
  background: url(images/css/footer-logos-bg.jpg) top;
}
footer .footer-logos .wrapper .logos {
  background: url(images/css/footer_top_logos.jpg) no-repeat 0 0;
  height: 93px;
}
footer .footer-offices {
  background: #445261 url(images/css/footer-grey-bg.jpg) repeat-x;
  padding: 25px 0;
}
footer .footer-offices ul {
  display: table;
  width: 100%;
}
footer .footer-offices ul li {
  display: table-cell;
  font-size: 11px;
}
footer .footer-offices ul li .name {
  text-transform: uppercase;
  margin-bottom: 1em;
}
footer .footer-offices ul li .name a {
  text-decoration: none;
  color: white;
}
footer .footer-offices ul li .address {
  color: #c3c3c3;
  margin-bottom: 1em;
  width: 150px;
}
footer .footer-offices ul li .email a {
  color: #09b4dc;
  text-decoration: none;
}
footer .footer-copyright-disclaimer {
  background: #445261;
  border-top: 1px solid #69737e;
  padding: 15px 0;
  height: 230px;
}
footer .footer-copyright-disclaimer .copyright {
  float: left;
  font-size: 12px;
  color: #a1a5a9;
}
footer .footer-copyright-disclaimer .copyright a {
  color: #a1a5a9;
  text-decoration: none;
}
footer .footer-copyright-disclaimer .links {
  float: right;
  font-size: 12px;
  line-height: 1;
}
footer .footer-copyright-disclaimer .links ul li {
  float: left;
  padding-left: 8px;
  margin-left: 8px;
  border-left: 1px solid #a1a5a9;
}
footer .footer-copyright-disclaimer .links ul li a {
  color: #a1a5a9;
  text-decoration: none;
}
footer .footer-copyright-disclaimer .links ul li.first {
  border-left: none;
}
/* HOME PAGE STYLES
--------------------------------------------------------------------- */

.home_page main {
  padding: 0 0 20px 0;
}
.home_page main .wrapper {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  background: #eff0f1;
  padding: 12px;
}
.home_page main .wrapper #main_left_home {
  width: 632px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  background: white;
  padding: 10px 29px;
  float: left;
  /* top content */

  /* content separator */

  /* service buttons */

  /* bottom content */

}
.home_page main .wrapper #main_left_home .top_content {
  font-size: 12px;
  color: #5d636b;
  line-height: 1.5;
  text-align: justify;
}
.home_page main .wrapper #main_left_home .separator {
  width: 571px;
  height: 9px;
  margin: 25px auto;
  background: url(images/css/home_main_left_separator.png) no-repeat 0 0;
}
.home_page main .wrapper #main_left_home .service_buttons ul li {
  height: 71px;
  width: 249px;
  margin-bottom: 5px;
}
.home_page main .wrapper #main_left_home .service_buttons ul li a {
  text-decoration: none;
  display: block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-weight: bold;
  font-size: 14px;
  color: #0175a5;
  width: 249px;
  line-height: 71px;
  padding-left: 88px;
  padding-right: 20px;
}
.home_page main .wrapper #main_left_home .service_buttons ul li a:hover {
  color: black;
}
.home_page main .wrapper #main_left_home .service_buttons ul li:nth-child(odd) {
  float: left;
}
.home_page main .wrapper #main_left_home .service_buttons ul li:nth-child(even) {
  float: right;
}
.home_page main .wrapper #main_left_home .service_buttons ul li.item-01 {
  background: url(images/css/service-buttons-item01.jpg) no-repeat 0 0;
}
.home_page main .wrapper #main_left_home .service_buttons ul li.item-02 {
  background: url(images/css/service-buttons-item02.jpg) no-repeat 0 0;
}
.home_page main .wrapper #main_left_home .service_buttons ul li.item-03 {
  background: url(images/css/service-buttons-item03.jpg) no-repeat 0 0;
}
.home_page main .wrapper #main_left_home .service_buttons ul li.item-04 {
  background: url(images/css/service-buttons-item04.jpg) no-repeat 0 0;
}
.home_page main .wrapper #main_left_home .service_buttons ul li.item-05 {
  background: url(images/css/service-buttons-item05.jpg) no-repeat 0 0;
}
.home_page main .wrapper #main_left_home .service_buttons ul li.item-06 {
  background: url(images/css/service-buttons-item06.jpg) no-repeat 0 0;
}
.home_page main .wrapper #main_left_home .service_buttons ul li.item-07 {
  background: url(images/css/service-buttons-item07.jpg) no-repeat 0 0;
}
.home_page main .wrapper #main_left_home .service_buttons ul li.item-08 {
  background: url(images/css/service-buttons-item08.jpg) no-repeat 0 0;
}
.home_page main .wrapper #main_left_home .service_buttons ul li.item-08 a {
  line-height: initial;
  padding-top: 20px;
}
.home_page main .wrapper #main_left_home .service_buttons ul li.item-09 {
  background: url(images/css/service-buttons-item09.jpg) no-repeat 0 0;
}
.home_page main .wrapper #main_left_home .service_buttons ul li.item-10 {
  background: url(images/css/service-buttons-item10.jpg) no-repeat 0 0;
}
.home_page main .wrapper #main_left_home .bottom_content h1 {
  font-size: 22px;
  font-weight: normal;
  color: black;
}
.home_page main .wrapper #main_left_home .bottom_content ul {
  margin: 0;
  padding: 0;
}
.home_page main .wrapper #main_left_home .bottom_content ul li {
  list-style: none;
  padding-left: 40px;
  background: url(images/css/home_main_left_bottom_list_bullet.png) no-repeat 0 0;
  margin-bottom: 13px;
  font-size: 14px;
  color: #5d636c;
  min-height: 21px;
  line-height: 1.3;
}
.home_page main .wrapper #main_left_home .bottom_content ul li strong {
  color: black;
}
.home_page main .wrapper #main_right_home {
  width: 300px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  float: right;
  /* book appointment button */

  /* enquiry form */

  /* offices */

}
.home_page main .wrapper #main_right_home .book_appointment_button a {
  display: block;
  width: 300px;
  height: 67px;
  background: url(images/css/home_main_right_appointment_button.png) no-repeat 0 0;
  margin-bottom: 12px;
}
.home_page main .wrapper #main_right_home .book_appointment_button a:hover {
  background-position: 0 -67px;
}
.home_page main .wrapper #main_right_home .enquiry_form {
  padding: 76px 0px 21px 27px;
  background: #d8edf5 url(images/css/home_main_right_enquiry_header.png) no-repeat 0 0;
  font-size: 12px;
  color: #033d54;
  margin-bottom: 12px;
}
.home_page main .wrapper #main_right_home .enquiry_form top_text {
  text-transform: uppercase;
  margin-bottom: 5px;
}
.home_page main .wrapper #main_right_home .enquiry_form .field {
  margin-bottom: 8px;
}
.home_page main .wrapper #main_right_home .enquiry_form .field input,
.home_page main .wrapper #main_right_home .enquiry_form .field select,
.home_page main .wrapper #main_right_home .enquiry_form .field textarea {
  font-size: 11px;
  color: #5d636b;
}
.home_page main .wrapper #main_right_home .enquiry_form .field input,
.home_page main .wrapper #main_right_home .enquiry_form .field textarea {
  width: 237px;
}
.home_page main .wrapper #main_right_home .enquiry_form .field select {
  width: 243px;
}
.home_page main .wrapper #main_right_home .enquiry_form .field textarea {
  height: 66px;
}
.home_page main .wrapper #main_right_home .enquiry_form .field_details labels {
  display: block;
  padding: 5px 0;
}
.home_page main .wrapper #main_right_home .enquiry_form .button {
  text-align: right;
  padding-right: 30px;
}
.home_page main .wrapper #main_right_home .enquiry_form .button button {
  width: 74px;
  height: 18px;
  background: url(images/css/home_main_right_enquiry_button.png) no-repeat 0 0;
  border: 0;
  cursor: pointer;
}
.home_page main .wrapper #main_right_home .offices ul li {
  margin-bottom: 2px;
  background: url(images/css/home_main_right_office_link.png) no-repeat 0 0;
}
.home_page main .wrapper #main_right_home .offices ul li a {
  display: block;
  font-size: 14px;
  line-height: 1;
  color: #0175a5;
  text-decoration: none;
  width: 247px;
  padding-left: 53px;
  height: 21px;
  padding-top: 7px;
}
.home_page main .wrapper #main_right_home .offices ul li a:hover {
  background: url(images/css/magnify-icon.gif) no-repeat 93% 50%;
  color: black;
}
/* STAFF PAGE STYLES
--------------------------------------------------------------------- */

.staff_page ul.staff_list li {
  overflow: hidden;
  border-top: 1px solid #d5d5d5;
  padding: 10px 0;
  font-size: 12px;
}
.staff_page ul.staff_list li .image {
  float: left;
  width: 98px;
  min-height: 30px;
  margin-right: 10px;
}
.staff_page ul.staff_list li .image img {
  width: 98px;
}
.staff_page ul.staff_list li .name_position {
  float: left;
  width: 175px;
}
.staff_page ul.staff_list li .name_position .name {
  font-weight: bold;
}
.staff_page ul.staff_list li .contact_details {
  float: right;
  width: 175px;
}
/* STAFF PROFILE PAGE STYLES
--------------------------------------------------------------------- */

.staffmember_page .profile_top {
  overflow: hidden;
}
.staffmember_page .profile_top .image {
  float: left;
  height: 100px;
}
.staffmember_page .profile_top .image img {
  height: 100px;
}
.staffmember_page .profile_top .book_appointment_box {
  width: 325px;
  float: right;
  background: #ecf5fa;
  padding: 15px;
  height: 80px;
}
.staffmember_page .profile_top .book_appointment_box .phone {
  color: black;
  margin-top: 15px;
}
.staffmember_page .profile_top .book_appointment_box .services ul li a {
  font-size: 11px;
  line-height: normal;
  display: block;
  text-decoration: none;
  padding-left: 10px;
  background: url(images/css/staff_profile_services_bullet.png) no-repeat 0 3px;
}
.staffmember_page .profile_top .book_appointment_box_left {
  width: 160px;
  float: left;
}
.staffmember_page .profile_top .book_appointment_box_right {
  width: 160px;
  float: right;
}
.staffmember_page .profile_top .book_appointment_link {
  font-weight: bold;
}
.staffmember_page .profile_main {
  clear: both;
}
.staffmember_page .profile_main h2 {
  color: #135a80;
  font-size: 14px;
  font-weight: bold;
}
.staffmember_page .profile_top_no_image .book_appointment_box {
  width: auto;
  float: none;
  overflow: hidden;
}
.staffmember_page .profile_top_no_image .book_appointment_box_left,
.staffmember_page .profile_top_no_image .book_appointment_box_right {
  width: 220px;
}
/* OUR RESULTS PAGE STYLES
--------------------------------------------------------------------- */

.results_page #main_content h1 {
  margin-bottom: 0;
  line-height: normal;
}
.results_page #main_content .authors {
  color: #135a80;
  font-size: 11px;
  font-weight: bold;
}
.results_page #main_content .document_body {
  padding-top: 10px;
}
/* SERVICE PAGE STYLES
--------------------------------------------------------------------- */

.service_page main .wrapper #main_center #banner .static-banner.tablet {
  display: none;
}
.service_page main .wrapper #main_center #main_content .tabs {
  margin-bottom: 15px;
  font-size: 13px;
}
.service_page main .wrapper #main_center #main_content .tabs ul {
  width: 100%;
  padding-bottom: 8px;
  display: table;
  background: url(images/css/tab-bottom.png) repeat-x bottom;
}
.service_page main .wrapper #main_center #main_content .tabs ul li {
  display: table-cell;
  text-align: center;
  padding-left: 2px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.service_page main .wrapper #main_center #main_content .tabs ul li a {
  text-decoration: none;
  display: block;
  height: 29px;
  line-height: 25px;
  color: white;
  background: #8b96a0;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border: 1px solid #8b96a0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.service_page main .wrapper #main_center #main_content .tabs ul li:first-child {
  padding: 0;
}
.service_page main .wrapper #main_center #main_content .tabs ul li.selected a {
  color: black;
  border: 1px solid #e1e0dd;
  background: linear-gradient(#f4f3f2, #e1e0dd);
}
.service_page main .wrapper #main_center #main_content #service-staff-list {
  margin-top: 20px;
  font-size: 12px;
}
.service_page main .wrapper #main_center #main_content #service-staff-list .list-title {
  background: #edf7f9;
  color: black;
  padding: 5px 0 5px 90px;
  font-size: 12px;
  margin-bottom: 5px;
}
.service_page main .wrapper #main_center #main_content #service-staff-list .staff-details-wrapper {
  position: relative;
  min-height: 67px;
  margin-bottom: 8px;
  padding-bottom: 8px;
  border-bottom: 1px solid #d5d5d5;
}
.service_page main .wrapper #main_center #main_content #service-staff-list .staff-details-wrapper img {
  position: absolute;
  height: 67px;
  width: 67px;
}
.service_page main .wrapper #main_center #main_content #service-staff-list .staff-details-wrapper .staff-details {
  margin-left: 90px;
}
.service_page main .wrapper #main_center #main_content #service-staff-list .staff-details-wrapper .staff-details a.email {
  color: #0390d7;
  text-decoration: none;
}
.service_page main .wrapper #main_center #main_content #service-staff-list .staff-details-wrapper .staff-details .name {
  color: #135a80;
  font-weight: bold;
}
.service_page main .wrapper #main_center #main_content .publication-list ul li {
  border-bottom: 1px solid #d7e0dd;
  padding: 10px 0;
  width: 100%;
  font-size: 12px;
}
.service_page main .wrapper #main_center #main_content .publication-list ul li .summary .title a {
  font-weight: bold;
  color: #135a80;
}
.service_page main .wrapper #main_center #main_content .publication-list ul li .summary .author {
  padding-top: 2px;
  font-weight: bold;
}
.service_page main .wrapper #main_center #main_content .publication-list ul li .summary .description {
  color: #545c61;
  padding-bottom: 4px;
}
/* OFFICE LIST PAGE STYLES
--------------------------------------------------------------------- */

.detailed-office-list ul li {
  float: left;
  width: 40%;
  padding-bottom: 30px;
  font-size: 12px;
}
.detailed-office-list ul li.alt {
  float: right;
}
.detailed-office-list h1,
.detailed-office-list h2 {
  color: #135a80;
  font-size: 14px;
  font-weight: bold;
  margin: 0;
}
.detailed-office-list p {
  margin: 0;
  margin-bottom: 1em;
}
.detailed-office-list strong {
  color: black;
}
.detailed-office-list .map-link a {
  color: #0390d7;
  font-weight: bold;
  font-size: 11px;
  text-decoration: none;
  background: url(images/css/office_map_icon.gif) no-repeat 0% 0%;
  padding-left: 18px;
}
.detailed-office-list backlink {
  font-size: 93%;
}
/* OFFICE DETAIL PAGE STYLES
--------------------------------------------------------------------- */

.office_page .detailed-office-list h1,
.office_page .detailed-office-list h2 {
  font-size: 16px;
}
/* BOOK APPOINTMENT PAGE STYLES
--------------------------------------------------------------------- */

.appointment-form {
  margin-top: 20px;
  font-size: 12px;
  overflow: hidden;
}
.appointment-form .column-1 {
  float: left;
  width: 50%;
}
.appointment-form .column-1 input,
.appointment-form .column-1 select {
  width: 213px;
  margin-bottom: 10px;
  font-size: 12px;
}
.appointment-form .column-2 {
  float: right;
  width: 40%;
}
.appointment-form .column-2 select {
  width: 100%;
  margin: 10px 0;
  font-size: 12px;
}
.appointment-form .column-2 input.button {
  float: right;
}
.appointment-form label {
  display: block;
}
/* LARGE ENQUIRY PAGE STYLES
--------------------------------------------------------------------- */

.large-enquiry-form {
  margin-top: 20px;
  overflow: hidden;
}
.large-enquiry-form .column-1 {
  float: left;
  width: 50%;
}
.large-enquiry-form .column-1 input,
.large-enquiry-form .column-1 select {
  width: 213px;
  margin-bottom: 10px;
}
.large-enquiry-form .column-2 {
  float: right;
  width: 45%;
}
.large-enquiry-form .column-2 select {
  width: 100%;
  margin: 10px 0;
}
.large-enquiry-form .column-2 input.button {
  float: right;
}
.large-enquiry-form .column-2 textarea {
  width: 100%;
  height: 200px;
  margin-bottom: 5px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.large-enquiry-form label {
  display: block;
}
/* SEARCH RESULTS PAGE STYLES
--------------------------------------------------------------------- */

.search_page main .wrapper #main_center ul li {
  font-size: 12px;
  margin-bottom: 10px;
  clear: both;
}
.search_page main .wrapper #main_center ul li .image {
  float: left;
  margin-right: 10px;
}
.search_page main .wrapper #main_center ul li .image img {
  width: 75px;
}
.search_page main .wrapper #main_center ul li info .name {
  font-weight: bold;
}
.search_page main .wrapper #main_center ul li a {
  font-weight: bold;
}
/* MEDIA QUERIES
--------------------------------------------------------------------- */

/* Breakpoint 970px - Small desktop */

@media (max-width: 970px) {
  /* general styles and classes */
  
  body .wrapper {
    width: 100%;
  }
  /* header */
  
  header .header-logo-bar {
    padding: 0 15px;
  }
  header .carousel-banner {
    background: none;
  }
  header .carousel-banner .wrapper .banner {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  header .carousel-banner .wrapper .banner .banner1 {
    background: url(/Content/images/banners/banner01_wording_small.png) no-repeat right top, url(/Content/images/banners/banner01_desktop.jpg) no-repeat left top;
  }
  header .carousel-banner .wrapper .banner .banner2 {
    background: url(/Content/images/banners/banner02_wording_small.png) no-repeat right top, url(/Content/images/banners/banner02_desktop.jpg) no-repeat left top;
  }
  header .carousel-banner .wrapper .banner .banner3 {
    background: url(/Content/images/banners/banner03_wording_small.png) no-repeat right top, url(/Content/images/banners/banner03_desktop.jpg) no-repeat left top;
  }
  header .carousel-banner .wrapper .banner .banner4 {
    background: url(/Content/images/banners/banner04_wording_small.png) no-repeat right top, url(/Content/images/banners/banner04_desktop.jpg) no-repeat left top;
  }
  header .carousel-banner .wrapper .banner .banner5 {
    background: url(/Content/images/banners/banner05_wording_small.png) no-repeat right top, url(/Content/images/banners/banner05_desktop.jpg) no-repeat left top;
  }
  /* footer */
  
  footer .footer-logos {
    display: none;
  }
  footer .footer-offices {
    display: none;
  }
  footer .footer-copyright-disclaimer {
    height: 120px;
  }
  footer .footer-copyright-disclaimer .wrapper {
    padding: 0 15px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webit-box-sizing: border-box;
  }
  footer .footer-copyright-disclaimer .links {
    margin-top: 100px;
  }
  /* global */
  
  main {
    padding: 15px 10px 25px 10px;
  }
  main .wrapper #main_left {
    display: none;
  }
  main .wrapper #main_center {
    width: 70%;
    /* banner */
  
  }
  main .wrapper #main_center #banner .static-banner {
    height: 186px;
    width: 100%;
    background: url(/Content/images/banners/banner02_wording_static.png) no-repeat right top, url(/Content/images/banners/banner02_tablet.jpg) no-repeat left top;
  }
  main .wrapper #main_center #banner .static-banner.desktop {
    display: none;
  }
  main .wrapper #main_center #banner .static-banner.criminallaw {
    display: block;
    background: url(/Content/images/banners/banner03_wording_small.png) no-repeat right top, url(/Content/images/banners/banner03_tablet.jpg) no-repeat left top;
  }
  main .wrapper #main_center #banner .static-banner.trafficlaw {
    display: block;
    background: url(/Content/images/banners/banner04_wording_small.png) no-repeat right top, url(/Content/images/banners/banner04_tablet.jpg) no-repeat left top;
  }
  main .wrapper #main_center #main_content {
    border: none;
    padding: 0;
    margin-top: 0;
  }
  main .wrapper #main_center #main_content h1 {
    margin-top: 16px;
  }
  /* home page */
  
  .home_page main {
    padding: 0;
  }
  .home_page main .wrapper {
    padding: 10px;
  }
  .home_page main .wrapper #main_left_home {
    margin-bottom: 20px;
    width: 100%;
    float: none;
    padding: 10px 15px;
    /* service buttons */
  
  }
  .home_page main .wrapper #main_left_home .service_buttons {
    width: 768px;
    margin: 0 auto;
  }
  .home_page main .wrapper #main_left_home .service_buttons ul li {
    margin: 0 5px 5px 0;
  }
  .home_page main .wrapper #main_left_home .service_buttons ul li:nth-child(odd) {
    float: left;
  }
  .home_page main .wrapper #main_left_home .service_buttons ul li:nth-child(even) {
    float: left;
  }
  .home_page main .wrapper #main_right_home {
    width: 610px;
    float: none;
    margin: 0 auto;
    /* enquiry form */
  
    /* book appointment button */
  
    /* offices */
  
  }
  .home_page main .wrapper #main_right_home .enquiry_form {
    width: 300px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    float: left;
  }
  .home_page main .wrapper #main_right_home .book_appointment_button {
    float: right;
  }
  .home_page main .wrapper #main_right_home .offices {
    float: right;
  }
  /* staff details */
  
  .staffmember_page .profile_top {
    position: relative;
  }
  .staffmember_page .profile_top .image {
    position: absolute;
    float: none;
    top: 0;
    left: 0;
  }
  .staffmember_page .profile_top .book_appointment_box {
    width: 0;
    float: none;
    background: none;
    margin-left: 130px;
    min-height: 100px;
    padding: 0;
  }
  .staffmember_page .profile_top .book_appointment_box .phone {
    margin-top: 5px;
  }
  .staffmember_page .profile_top .book_appointment_box_left {
    float: none;
  }
  .staffmember_page .profile_top .book_appointment_box_right {
    float: none;
  }
  /* services page */
  
  .criminallaw_page.service_page main .wrapper #main_center #banner .static-banner.tablet {
    display: block;
    background: url(/Content/images/banners/banner03_wording_small.png) no-repeat right top, url(/Content/images/banners/banner03_tablet.jpg) no-repeat left top;
  }
  .trafficlaw_page.service_page main .wrapper #main_center #banner .static-banner.desktop {
    display: none;
  }
  .trafficlaw_page.service_page main .wrapper #main_center #banner .static-banner.tablet {
    display: block;
    background: url(/Content/images/banners/banner04_wording_small.png) no-repeat right top, url(/Content/images/banners/banner04_tablet.jpg) no-repeat left top;
  }
  /* book apppointment page */
  
  .appointment-form input,
  .appointment-form select {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }
  .appointment-form .column-1 {
    float: left;
    width: 48%;
    margin-right: 3%;
  }
  .appointment-form .column-1 input {
    width: 96%;
  }
  .appointment-form .column-1 select {
    width: 96%;
  }
  .appointment-form .column-2 {
    float: left;
    width: 48%;
  }
  .appointment-form .column-2 select {
    width: 100%;
  }
  /* large enquiey form */
  
  .large-enquiry-form input,
  .large-enquiry-form select {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webit-box-sizing: border-box;
  }
  .large-enquiry-form .column-1 {
    width: 48%;
    margin-right: 3%;
  }
  .large-enquiry-form .column-1 input,
  .large-enquiry-form .column-1 select {
    width: 96%;
  }
  .large-enquiry-form .column-2 {
    width: 48%;
  }
}
/* Breakpoint 768px - Landscape phone to portrait tablet */

@media (max-width: 768px) {
  /* header */
  
  header .site-search-bar .wrapper {
    padding: 0 6px 0 15px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webit-box-sizing: border-box;
    /* nav button */
  
  }
  header .site-search-bar .wrapper .nav-button-wrapper {
    display: block;
    float: left;
    margin: 15px 0 0 0;
    /* transition */
  
  }
  header .site-search-bar .wrapper .nav-button-wrapper .nav-button {
    display: block;
  }
  header .site-search-bar .wrapper .nav-button-wrapper .nav-button span.icon-bar {
    border-radius: 2px;
    cursor: pointer;
    height: 4px;
    width: 30px;
    background: #198cb3;
    display: block;
    content: '';
    margin-bottom: 5px;
    transition: all 400ms ease-in-out;
    -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
  }
  header .site-search-bar .wrapper .nav-button-wrapper .nav-button span.icon-bar.bottom {
    margin: 0;
  }
  header .site-search-bar .wrapper .nav-button-wrapper .nav-button.open span.icon-bar.top {
    background: transparent;
  }
  header .site-search-bar .wrapper .nav-button-wrapper .nav-button.open span.icon-bar.bottom,
  header .site-search-bar .wrapper .nav-button-wrapper .nav-button.open span.icon-bar.middle {
    margin: 0;
  }
  header .site-search-bar .wrapper .nav-button-wrapper .nav-button.open span.icon-bar.bottom {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    margin-top: -4px;
  }
  header .site-search-bar .wrapper .nav-button-wrapper .nav-button.open span.icon-bar.middle {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
  }
  header nav {
    display: none;
    position: absolute;
    top: 54px;
    left: 0;
    width: 100%;
    height: auto;
    background: #2a9dc4;
    z-index: 200;
  }
  header nav .wrapper ul {
    display: block;
    background: #2a9dc4;
    /* dropdown on hover */
  
  }
  header nav .wrapper ul li {
    display: block;
    background: #2a9dc4;
    padding-left: 0px;
    border-top: 1px solid #88c4dc;
  }
  header nav .wrapper ul li a {
    padding: 14px 20px;
    height: auto;
    line-height: 1em;
    font-weight: bold;
    color: white;
    text-align: left;
    background: none;
    display: block;
  }
  header nav .wrapper ul li.submenu {
    overflow: hidden;
    position: relative;
    /* dropdown */
  
  }
  header nav .wrapper ul li.submenu .submenu-button {
    position: absolute;
    top: 0;
    right: 0;
  }
  header nav .wrapper ul li.submenu .submenu-button span.fa-plus,
  header nav .wrapper ul li.submenu .submenu-button span.fa-minus {
    color: white;
    font-size: 17px;
    font-weight: normal;
  }
  header nav .wrapper ul li.submenu .submenu-button span.fa-plus {
    display: block;
  }
  header nav .wrapper ul li.submenu .submenu-button.open span.fa-plus {
    display: none;
  }
  header nav .wrapper ul li.submenu .submenu-button.open span.fa-minus {
    display: block;
  }
  header nav .wrapper ul li.submenu ul.nav-submenu {
    display: none;
    position: initial;
    width: 100%;
    background: #2a9dc4;
    padding: 0;
  }
  header nav .wrapper ul li.submenu ul.nav-submenu li,
  header nav .wrapper ul li.submenu ul.nav-submenu li:first-child {
    display: block;
    background: #2a9dc4;
  }
  header nav .wrapper ul li.submenu ul.nav-submenu li a,
  header nav .wrapper ul li.submenu ul.nav-submenu li:first-child a {
    background: #2a9dc4;
    padding: 14px 20px 14px 30px;
    text-align: left;
    font-size: 14px;
    font-weight: 600;
    color: #c8d2e5;
    line-height: 1em;
    height: auto;
    white-space: initial;
  }
  header nav .wrapper ul li.submenu ul.nav-submenu li a:hover,
  header nav .wrapper ul li.submenu ul.nav-submenu li:first-child a:hover {
    color: #c8d2e5;
  }
  header nav .wrapper ul li.submenu ul.nav-submenu li:hover,
  header nav .wrapper ul li.submenu ul.nav-submenu li:first-child:hover {
    background: #88c4dc;
  }
  header nav .wrapper ul li.submenu ul.nav-submenu li:hover a,
  header nav .wrapper ul li.submenu ul.nav-submenu li:first-child:hover a {
    background: #88c4dc;
    color: white;
  }
  header nav .wrapper ul li.home a {
    padding: 13px 20px;
    font-size: 17px;
  }
  header nav .wrapper ul li:hover ul {
    display: none;
  }
  header nav .wrapper ul li.criminallaw ul li a,
  header nav .wrapper ul li.trafficlaw ul li a {
    width: 100%;
  }
  header .header-logo-bar .wrapper .tag-line {
    display: none;
  }
  header .carousel-banner {
    height: 186px;
  }
  header .carousel-banner .wrapper .banner {
    height: 186px;
  }
  header .carousel-banner .wrapper .banner .banner1,
  header .carousel-banner .wrapper .banner .banner2,
  header .carousel-banner .wrapper .banner .banner3,
  header .carousel-banner .wrapper .banner .banner4,
  header .carousel-banner .wrapper .banner .banner5 {
    height: 186px;
  }
  header .carousel-banner .wrapper .banner .banner1 a,
  header .carousel-banner .wrapper .banner .banner2 a,
  header .carousel-banner .wrapper .banner .banner3 a,
  header .carousel-banner .wrapper .banner .banner4 a,
  header .carousel-banner .wrapper .banner .banner5 a {
    height: 186px;
  }
  header .carousel-banner .wrapper .banner .banner1 {
    background: url(/Content/images/banners/banner01_wording_small.png) no-repeat right top, url(/Content/images/banners/banner01_tablet.jpg) no-repeat left top;
  }
  header .carousel-banner .wrapper .banner .banner2 {
    background: url(/Content/images/banners/banner02_wording_small.png) no-repeat right top, url(/Content/images/banners/banner02_tablet.jpg) no-repeat left top;
  }
  header .carousel-banner .wrapper .banner .banner3 {
    background: url(/Content/images/banners/banner03_wording_small.png) no-repeat right top, url(/Content/images/banners/banner03_tablet.jpg) no-repeat left top;
  }
  header .carousel-banner .wrapper .banner .banner4 {
    background: url(/Content/images/banners/banner04_wording_small.png) no-repeat right top, url(/Content/images/banners/banner04_tablet.jpg) no-repeat left top;
  }
  header .carousel-banner .wrapper .banner .banner5 {
    background: url(/Content/images/banners/banner05_wording_small.png) no-repeat right top, url(/Content/images/banners/banner05_tablet.jpg) no-repeat left top;
  }
  /* nav styles */
  
  nav ul li a:hover,
  nav ul li.selected a,
  .home_page nav ul li.home a,
  .aboutus_page nav ul li.aboutus a,
  .whychooseus_page nav ul li.aboutus a,
  .staff_page nav ul li.staff a,
  .staffmember_page nav ul li.staff a,
  .results_page nav ul li.results a,
  .result_page nav ul li.results a,
  .criminallaw_page nav ul li.criminallaw a,
  .trafficlaw_page nav ul li.trafficlaw a,
  .articles_page nav ul li.articles a,
  .article_page nav ul li.articles a,
  .offices_page nav ul li.contact a,
  .office_page nav ul li.contact a {
    background: #2a9dc4;
  }
  /* global */
  
  main .wrapper #main_center {
    width: 100%;
    float: none;
  }
  main .wrapper #main_right {
    width: 100%;
    float: none;
    margin: 30px auto 0 auto;
    /* send enquiry now form */
  
  }
  main .wrapper #main_right .send_enquiry_now_form .field input {
    width: 98%;
  }
  /* home page */
  
  .home_page main .wrapper #main_left_home .service_buttons {
    width: 505px;
  }
  .home_page main .wrapper #main_left_home .service_buttons ul li {
    margin: 0 0 5px 0;
  }
  .home_page main .wrapper #main_left_home .service_buttons ul li:nth-child(odd) {
    margin-right: 5px;
  }
  .home_page main .wrapper #main_left_home .separator {
    width: 216px;
    margin: 25px auto;
    background: url(images/css/home_main_left_separator_mobile.png) no-repeat 0 0;
  }
}
/* Breakpoint 630px - Mobile */

@media (max-width: 630px) {
  /* general styles and classes */
  
  body h1 {
    font-size: 18px;
  }
  /* header */
  
  header .carousel-banner {
    display: none;
  }
  /* footer */
  
  footer .footer-copyright-disclaimer {
    text-align: center;
  }
  footer .footer-copyright-disclaimer .copyright {
    float: none;
  }
  footer .footer-copyright-disclaimer .links {
    float: none;
    width: 250px;
    margin: 85px auto 0 auto;
  }
  /* global */
  
  main {
    padding: 10px;
    background: #eff0f1;
  }
  main .wrapper #main_center {
    background: white;
    padding: 10px 10px 25px 10px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webit-box-sizing: border-box;
  }
  main .wrapper #main_center #banner {
    display: none;
  }
  main .wrapper #main_center #main_content h1 {
    font-size: 16px;
    margin-top: 10px;
  }
  main .wrapper #main_center #main_content .next_step_container {
    width: 280px;
    background: url(images/css/next_step_bg_mobile.jpg) no-repeat 0 0;
    border-right: 1px solid #e1e1e1;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
  }
  main .wrapper #main_right .send_enquiry_now_form .field input {
    width: 96%;
  }
  /* home page */
  
  .home_page main .wrapper #main_left_home .top_content h2 {
    font-size: 14px;
  }
  .home_page main .wrapper #main_left_home .service_buttons {
    width: 249px;
  }
  .home_page main .wrapper #main_left_home .service_buttons ul li {
    margin: 0 0 5px 0;
  }
  .home_page main .wrapper #main_left_home .service_buttons ul li:nth-child(odd) {
    margin-right: 0;
  }
  .home_page main .wrapper #main_right_home {
    width: 300px;
    /* enquiry form */
  
    /* book appointment button */
  
    /* offices */
  
  }
  .home_page main .wrapper #main_right_home .enquiry_form {
    float: none;
  }
  .home_page main .wrapper #main_right_home .book_appointment_button {
    float: none;
  }
  .home_page main .wrapper #main_right_home .offices {
    float: none;
  }
  /* book apppointment page */
  
  .appointment-form .column-1 {
    float: none;
    width: 100%;
    margin-right: 0;
  }
  .appointment-form .column-1 input {
    width: 98%;
  }
  .appointment-form .column-1 select {
    width: 100%;
  }
  .appointment-form .column-2 {
    float: none;
    width: 100%;
  }
  /* large enquiey form */
  
  .large-enquiry-form .column-1 {
    width: 100%;
    float: none;
    margin-right: 0;
  }
  .large-enquiry-form .column-1 input {
    width: 98%;
  }
  .large-enquiry-form .column-1 select {
    width: 100%;
  }
  .large-enquiry-form .column-2 {
    float: none;
    width: 100%;
  }
}
/* Breakpoint 480px - Mobile */

@media (max-width: 480px) {
  /* header */
  
  header .header-logo-bar {
    height: auto;
  }
  header .header-logo-bar .wrapper .header-logo {
    margin: 0 auto;
    float: none;
  }
  header .header-logo-bar .wrapper .header-phone {
    display: none;
  }
  header .mobile-call-to-action {
    display: block;
    text-align: center;
  }
  header .mobile-call-to-action a.call-to-action {
    line-height: 40px;
    font-weight: bold;
    font-size: 20px;
  }
  /* staff page */
  
  .staff_page ul.staff_list li .contact_details {
    float: left;
  }
  /* office page */
  
  .detailed-office-list ul li {
    float: none;
    width: 100%;
  }
  .detailed-office-list ul li.alt {
    float: none;
  }
  .detailed-office-list iframe {
    width: 100%!important;
  }
  /* book apppointment page */
  
  .appointment-form .column-1 input {
    width: 96%;
  }
  .appointment-form .column-1 select {
    width: 100%;
  }
  .appointment-form .column-2 {
    float: none;
    width: 100%;
  }
  /* large enquiey form */
  
  .large-enquiry-form .column-1 input {
    width: 96%;
  }
}