/*
Theme Name:  	EBC Brakes Child
Theme URI: 		http://www.blayneypartnership.co.uk
Description:  	EBC Brakes Child Theme
Author: 		Blayney Partnership
Author URI: 	http://www.blayneypartnership.co.uk
Template:     	ebc
Version: 		2.9.7
License:      	GNU General Public License v2 or later
License URI:  	http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  	ebc-brakes
*/

/*----------------------------------------------------
	38) ADDITIONAL STYLES
----------------------------------------------------*/ 

/* ====== AMP Styling ====== */
.amp-wp-footer {background-color: #000!important}


.centre,
.centre .vc_images_carousel {
    margin-left: auto;
    margin-right: auto;
}

/* ====== General Styling ====== */

#mc_embed_signup .mc-field-group label{
	color: #fff !important;
	margin-top: 8px !important;
}

#mc_embed_signup .mc-field-group input{
	margin-top: -15px !important;
}

body {
    background-color: #eaeaea !important;
}

#container {
    background: none !important;
    padding: 30px 0 0 !important;
}

table th,
.wp-table-reloaded {
    font-size: 10px;
}

.widget_archive ul li, 
.widget_links ul li, 
.widget_nav_menu ul li, 
.widget_categories ul li, 
.widget_meta ul li, 
.widget_recent_entries ul li, 
.widget_pages ul li, 
.widget_rss ul li, 
.widget_recent_comments ul li {
    background: none;
}

.widget_nav_menu ul li:before {
    content: '';
    background-image: url(./images/chevron.png);
    width: 12px;
    height: 12px;
    position: absolute;
    background-repeat: no-repeat;
    left: 14px;
    margin-top: 4px;
}

#cookie-law-info-bar {
    padding-bottom: 20px !important;
}

.wpb-js-composer .vc_tta.vc_general .vc_tta-tab > a {
    display: block !important;
}

/* ====== Top Toolbar Styling ====== */

.top-toolbar {
    background-color: #b1b1b1;
}

.toolbar-inner-wrap {
    max-width: 980px;
    margin: 0 auto;
}

.toolbar-info,
ul.social-media-list {
    width:  50%;
    float: left;
    padding: 5px 0;
    color: #fff;
}

.toolbar-info p {
    padding: 0;
}

ul.social-media-list {
    list-style: none;
    margin: 0px;
}

ul.social-media-list li {
    float: right;
    margin-left: 15px;
}

ul.social-media-list li a,
ul.social-media-list li a .fa-instagram {
    color: #fff;
}

/* ====== Header Social Styling ====== */

.social_media_top {
    width: 100%;
    padding: 5px 0px;
    background-color: #e62b27;
}

.social_media_top ul {
    width: 980px;
    position: relative;
    top: 5px;
    right: 10px;
    margin: 0px auto;
    float: none;
}

ul.social_media_icons li {
    list-style: none;
    float: right;
    margin: 0 0 0 5px;
}

/* ====== Header Styling ====== */

#header {
    width: 100%;
    background-color: #fff;
}

header {
    margin: 0 auto;
    max-width: 1000px;
}

#logo {
    position: relative;
    display: inline-block;
    float: left;
    top: 0;
    left: -10px;
    z-index: 2;
}

.logo-holder {
    border: none;
}

#header #navigation_bar ul ul li a {
    color: #555 !important;
    padding-left: 0;
}

#header #navigation_bar ul ul li a:hover {
    color: #da0812 !important;
}


#sub_page_header {
    margin: 40px auto -70px auto;
}

.header_overlay_text .alignright {
    display: none;
}


#info_bar {
    padding: 15px 20px 10px;
}

#info_bar .search-bar form input.search_text {
    background: #ffffff;
}

/* ====== Navigation Styling ====== */

#top-menu {
    width: 100%;
}

#top-menu ul {
    margin: 0;
    display: table;
    right: 20px;
    top: 44%;
    position: absolute;
}

#top-menu li {
    display: inline;
    float: left;
    list-style: none;
    margin-left: 22px;
}

#top-menu li a {
    color: #949494;
    text-decoration: none;
    font-size: 13px;
    padding: 10px 5px;
}

#top-menu ul ul {
    position: relative;
    margin: 0;
    z-index: 99999;
    background: #fff;
    width: auto;
    top: 31px;
    padding: 0;
    display: none;
    text-align: left;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-top: 1px solid #ddd;
    right: inherit;
}

#top-menu ul ul li {
    float: none;
    display: block !important;
    z-index: 5000;
    font-size: 12px;
    margin: 0;
    border-bottom: 1px solid #ddd;
}

#top-menu ul ul li a {
    text-decoration: none;
    display: block;
    position: relative;
    padding: 2px 10px;
    color: #949494;
    font-family: Arial, Helvetica, sans-serif;
    z-index: 5000;
}

/* Top/Sub Level Menu Styling */

.top-level-wrapper,
.sub-level-wrapper {
    width: 100%;
    background-color: #233588;
    padding: 10px 0;
}

#top-level-menu {
}

ul#menu-red-line-menu {
    display: table;
    margin: 0 auto;
}

#top-level-menu li {
    float: left;
    list-style: none;
    margin-left: 21px;
}

#top-level-menu li a {
    color: #fff;
    text-decoration: none;
    font-weight: bold;
}

.sub-level-wrapper {
    background-color: #b1b1b1;
    padding-bottom: 5px;
}

#navigation_bar {
    float: none;
    width: 100%;
    margin: 0 auto;
    top: 0;
    line-height: normal;
}

#navigation_bar ul {
    margin: 0px auto;
    display: table;
}

#navigation_bar li {
    list-style: none;
    float: left;
}

#navigation_bar li a {
    color: #fff;
    font-size: 12px;
    padding: 10px 15px 9px;
    font-weight: bold;
    text-decoration: none;
}

#navigation_bar ul ul {
    position: absolute;
    margin: 0;
    z-index: 99999;
    background: #fff;
    top: 11px;
    margin-top: 13px;
    padding: 0;
    display: none;
    text-align: left;
    border: 1px solid #d4d4d4;
}

#navigation_bar ul ul li {
    width: 100%;
    clear: both;
} 


/* ====== Mobile Navigation Styling ====== */

nav.site-menu {
    display: none;
}

.site-canvas {
  height: 100%;
  position: relative;
  width: 100%;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: 300ms ease all;
  -moz-transition: 300ms ease all;
  -ms-transition: 300ms ease all;
  -o-transition: 300ms ease all;
  transition: 300ms ease all;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}

.site-canvas--active,
#site-canvas:target {
  -webkit-transform: translateX(250px);
  -moz-transform: translateX(250px);
  -ms-transform: translateX(250px);
  -o-transform: translateX(250px);
  transform: translateX(250px);
  -webkit-transform: translate3d(250px, 0, 0);
  -moz-transform: translate3d(250px, 0, 0);
  -ms-transform: translate3d(250px, 0, 0);
  -o-transform: translate3d(250px, 0, 0);
  transform: translate3d(250px, 0, 0);
}

.site-menu {
  background: #233588;
  color: #fff;
  height: 100%;
  left: -250px;
  padding: 15px;
  position: absolute;
  top: 0;
  width: 250px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

.site-content { position: relative; }

.close-canvas {
  background-color: transparent;
  bottom: 0;
  cursor: pointer;
  display: none;
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}

#site-canvas:target .close-canvas { display: block; }

/* Extra... */

.toggle-nav {
  font-size: 2.8em;
  left: .3em;
  margin-top: -.7em;
  position: absolute;
  top: 50%;
}

a.toggle-nav { color: #233588; }
.site-menu h3 { color: #fff; }

.site-menu ul {
    margin: 0;
    font-size: 14px;
}

.site-menu ul li {
    padding: 5px 0;
    border-bottom: 1px solid #4365cb;
}

.site-menu ul li:last-child {
    border-bottom: none;
}

.site-menu a { 
    color: #ffffff; 
    text-decoration: none;
}

.site-menu ul li ul.sub-menu {
    list-style: none;
}

.site-menu ul li ul.sub-menu li {
    margin-left: 5px;
    border-bottom: none;
    padding: 0px;
}

.site-menu ul li ul.sub-menu li:before {
    content: '\f00c';
    font-family: FontAwesome;
    margin-right: 5px;
}

.site-menu img.mobile-logo {
    width: 60%;
    margin-top: 20px;
}

/* ====== Footer Styling ====== */

#footer {
    padding: 0;
	margin-top: 20px;
    border-top: 0px solid #DA0812;
    background-color: #69696c !important;
    color: #fff;
}

#footer h4,
#footer a {
    color: #fff;
}

.footer-column-wrapper {
    padding: 30px 0px;
    max-width: 980px;
    margin: 0 auto;
}

.footer-column {
    width: 22%;
    float: left;
    margin-left: 1.5%;
    margin-right: 1.5%;
}

.footer-column .whereinternational,
.footer-column .whereuk,
.footer-column .whereusa {
    display: block;
    width: 28%;
    float: left;
    margin-left: 1%;
    margin-right: 1%;
    background: none;
    text-indent: 0;
}

.footer-column .whereinternational a, 
.footer-column .whereuk a, 
.footer-column .whereusa a {
    display: block;
    width: 100%;
    height: auto;
}

.footer-column .whereinternational img,
.footer-column .whereuk img,
.footer-column .whereusa img {
    width: 100%;
}

.footer-column ul#menu-footer-menu li {
    background: none;
    padding: 0px;
    margin: 0px;
    width: 75%;
    border-bottom: 1px solid #77777b;
}

.footer-column ul#menu-footer-menu li:before {
    content: none;
}

.footer-column ul#menu-footer-menu li:last-child {
    border-bottom: none;
}

.footer-column ul#menu-footer-menu li a {
    padding: 5px 0;
    font-style: normal;
}

#footer .part1 {
    float: none;
    text-align: center;
}

#footer .footer_info {
    padding-bottom: 30px;
}

#footer hr {
    width: 100%;
    margin-bottom: 18px;
	display: none;
}

/* ====== Button Styling ====== */

a.button,
form input[type="button"], 
form input[type="submit"] {
    background: transparent;
    background-color: #1b3686;
    border: 0;
    border-radius: 0;
    box-shadow: 0 0 0 transparent;
    text-shadow: 0 0 0 transparent;
    color: #fff !important;
    padding: 12px 25px;
}

a.button:hover,
form input[type="button"]:hover, 
form input[type="submit"]:hover {
    background: transparent;
    background-color: #f8f8f8;
    color:  #1b3686 !important;
}

/* ====== Homepage Styling ====== */

.mobile-search-title {
    display: none;
}

.mobile-search-title p {
    padding-bottom: 0px;
    padding-top: 18px;
    text-align: center;
    font-size: 16px;
    text-transform: uppercase;
}

.home .rev_slider_wrapper {
    left: 0px !important;
}

.home .box {
    padding: 0 20px;
    margin-bottom: 30px;
}

.home-search .wpb_button, 
.home-search .wpb_content_element, 
.home-search ul.wpb_thumbnails-fluid>li {
    margin-bottom: 0px !important;
}

.home-search .vc_wp_search {
    margin-top: 13px;
}

.home div#sub_page_header,
.home .head_text {
    display: none;
}

.box-shadow {
    box-shadow: none;
}

.slider_area {
    margin: 0;
    width: 940px;
    overflow: hidden;
    background: #fff;
    padding: 20px;
    position: relative;
    top: 0;
}

.home #row_order_1, 
.home #row_order_3 {
    background-image: none;
    background-repeat: no-repeat;
    background-position: bottom;
    padding-bottom: 0;
}

.home #row_order_2 {
    display: none;
}

.home #row_order_3 {
    margin-top: -30px !important;
}

.homesearch {
    width: 50%;
    float: left;
}

.content input[type="text"] {
    width: 75%;
    padding: 10px 8px;
    border-radius: 0px;
    box-shadow: 0 0;
}

.content-wrapper {
    clear: both;
}

.home .banner .featured_text {
    font-size: 21px;
    line-height: 50px;
    text-align: center;
    color: #747474;
    margin: 0px;
}

a.imgeffect.alignright2, img.alignright2 {
    padding: 0;
    float: right;
    margin: -20px;
    border: 0px;
    display: block;
    background: none;
}

.home .button.big {
    padding: 0px 15px 2px;
    font-size: 13px;
}

/* ====== Sidebar Styling ====== */

.whereinternational, 
.whereuk, 
.whereusa {
    display: block; 
    height: 75px; 
    width: 75px; 
    text-indent: -9000px; 
    float: left; 
}

.whereuk {
    background: url(images/whereuk.jpg) no-repeat center center;
    margin-right: 14px; 
    margin-left: 8px;
}

.whereusa {
    background: url(images/whereusa.jpg) no-repeat center center; 
    margin-right: 14px;
}

.whereinternational {
    background: url(images/whereinter.jpg) no-repeat center center; 
}

.whereinternational a, 
.whereuk a, 
.whereusa a {
    display: block; 
    height: 75px; 
    width: 75px;
}

.sidebar .zmobileshow {
    display: none;
}

/* Sidebar Carousel Styling */

.jcarousel-container {
    background: #fff;
}

.jcarousel-direction-rtl {
    direction: rtl;
}

.jcarousel-container-horizontal {
    height: 134px;
    padding: 0px 6px 14px 0;
    max-width: 100%;
    text-align: center;
    margin-left: -5px;
}

.jcarousel-clip {
    overflow: hidden;
}

.jcarousel-clip-horizontal {
    width:  265px !important;
    max-width: 100%;
    height: 134px;
    padding: 6px 6px 6px 5px;
    overflow: hidden;
    border: 1px solid #F0F0F0;
    -moz-box-box-shadow: 2px 2px 1px RGBa(0,0,0, 0.035);
    -webkit-box-shadow: 2px 2px 1px RGBa(0,0,0, 0.035);
    box-shadow: 2px 2px 1px RGBa(0,0,0, 0.035);
}

.jcarousel-clip-vertical {
    width:  75px;
    height: 134px;
}

.jcarousel-item {
    width: 75px;
    height: 134px;
}

.jcarousel-item-horizontal {
    margin-left: 0;
    margin-right: 10px;
}

.jcarousel-direction-rtl .jcarousel-item-horizontal {
    margin-left: 10px;
    margin-right: 0;
}

.jcarousel-item-vertical {
    margin-bottom: 10px;
}

.jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

.jcarousel-next-horizontal, 
.jcarousel-prev-horizontal {
    display: none !important;
}

/* Category & Subscribe Sidebar Styling */

.widget_categories label {
    display: none;
}

.subscribe-by-email ul {
    padding: 0px;
    margin: 0;
}

.subscribe-by-email #subscription_email {
    width: 92.5% !important;
    margin-bottom: 10px;
    border-radius: 0;
    border: none;
    box-shadow: 0 0;
    margin-left: 1px;
}

/* ====== Product Styling ====== */

.imgeffect.magnifier.alignleft {
    display: none;
}

.single .post h1.entry-title {
display: none;
}

/* ====== Articles Styling ====== */

.page-id-18938 .content ul {
    list-style: none;
    margin: 0px;
}

.page-id-18938 .content ul li:before {
    content: "\f054";
    font-family: FontAwesome;
    margin-right: 5px;
    color: #1b3686;
}

.vc_separator h4 {
    font-size: 20px !important;
}

a.article-anchor {
    padding: 5px 0px;
    width: 100%;
    text-align: center;
}

.vc_tta-panels-container h4 {
    font-size: 15px;
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
}

.vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-left.vc_tta-panel-title a {
    display: block !important;
}

/* ====== Pads Styling ====== */

.facet-row .facetwp-facet {
	margin-bottom: 0 !important;
}

.wrapper-one-third {
    width: 40%;
    float: left;
}

.wrapper-two-thirds {
    width: 60%;
    float: left;
}

.facet-container {
    padding: 20px 14px;
}

/* Dropdown Styling */

select.facetwp-dropdown {
    width: 100%;
    height: 30px;
}

/* Slider Styling */

.noUi-background {
    background: #DA0812 !important;
}
.noUi-target {
    border: 1px solid #DA0812 !important;
}
.noUi-horizontal {
    height: 8px !important;
}
.noUi-target {
    border: 1px solid #DA0812 !important;
    padding: 0 15px !important;
}
.noUi-connect {
    background: #DA0812 !important;
}
.noUi-base {
    width: 104% !important;
}
.noUi-horizontal .noUi-handle {
    width: 18px !important;
    height: 18px !important;
}
.noUi-handle:after, .noUi-handle:before {
    height: 4px !important;
    left: 6px !important;
}
.noUi-handle:after {
    left: 9px !important;
}
span.facetwp-slider-label {
    font-size: 25px;
}
input.facetwp-slider-reset {
    margin-top: 10px;
    width: 24%;
    border-radius: 0;
    background: rgba(27,54,134,1) !important;
    color: #fff;
    border: 0;
    box-shadow: none;
    padding: 8px;
}

.slider-cta {
    margin-top: 15px;
    font-weight: bold;
    font-size: 15px;
}

/* Content Styling */

.content-row {
    padding: 20px 0;
}
.brake-type-container {
    width: 40%;
    float: left;
    padding: 10px 20px;
    margin-right: 1%;
    margin-left: 1%;
    margin-bottom: 20px;
}
.page-id-19289 .brake-type-container {
    width: 31%;
}
.brake-type-container img {
    display: block;
    margin: 0 auto;
}

.where-to-buy a {
    width: 15%;
    display: block;
    float: left;
}
.brake-type-container ul {
	list-style: none;
}
.vehicle-type {
    width: 26%;
    float: left;
    padding: 10px 20px;
    margin-right: 1%;
    margin-left: 1%;
    margin-bottom: 20px;
    border: 1px solid #1b3686;
}
.vehicle-type h3 {
	text-align: center;
}
li#field_8_3 {
    text-align: center;
    width: 100%;
}
div#gform_wrapper_7 select, div#gform_wrapper_8 select, div#gform_wrapper_10 select {
	background-color: #fff!important;
	min-width: 100%!important;
	padding: 12px 14px 12px 15px!important;
	border: 1px solid #e3e3e3!important;
	background: url(../images/selectbox-arrow.png) right center no-repeat!important;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	font-size: 12px;
	line-height: 14px;
	color: #252525;
	-webkit-border-radius: 0!important;
	-moz-border-radius: 0!important;
	border-radius: 0!important;
	font-weight: 700;
	max-width: 100%;
	display: block;
}
div#gform_wrapper_7 .gfield_description {
	font-size: 12px;
}
div#gform_wrapper_10 .gfield_description {
	font-size: 12px;
}
div#gform_wrapper_7 .gform_footer {
	padding-top: 0px;
	margin-top: 0px;
}
div#gform_wrapper_10 .gfield_description {
	padding-top: 0px;
	margin-top: 0px;
}
input#gform_submit_button_7 {
	background: #1b3686!important;
	padding: 10px 20px!important;
	text-transform: uppercase!important;
	color: #fff!important;
	border: 0!important;
	border-radius: 0!important;
	box-shadow: none;
	font-size: 14px;
	display: none;
}
input#gform_submit_button_10 {
	background: #1b3686!important;
	padding: 10px 20px!important;
	text-transform: uppercase!important;
	color: #fff!important;
	border: 0!important;
	border-radius: 0!important;
	box-shadow: none;
	font-size: 14px;
	display: none;
}
input#gform_submit_button_8 {
	display: none!important;
}
ul#gform_fields_7 input, ul#gform_fields_10 input {
	border-radius: 0;
	padding: 10px;
	border: 2px solid #1b3686;
}
input#input_7_10, input#input_10_10 {
	border: 2px solid lightgrey !important;
}
ul#gform_fields_7 label.gfield_label, ul#gform_fields_7 label.gfield_label {
	color: #1b3686;
}
ul.gfield_radio:after {
	content: "";
	display: block;
	clear: both;
}
ul.gfield_radio li {
	float: left;
	width: 32%;
	clear: none;
}
ul.gfield_radio li.gchoice_7_11_1 {
	width: 25%;
}
ul.gfield_radio li.gchoice_10_11_1 {
	width: 25%;
}
#field_7_36, #field_7_37 {
	margin-top: -20px;
}
#field_10_36, #field_10_37 {
	margin-top: -20px;
}
#field_7_36 .gfield_label, #field_7_37 .gfield_label {
	display: none;
}
#field_10_36 .gfield_label, #field_10_37 .gfield_label {
	display: none;
}
#field_7_36 label, #field_7_37 label {
	margin-left: 10px;
}
#field_10_36 label, #field_10_37 label {
	margin-left: 10px;
}
#field_7_10 label {
	margin-top: 13px;
}
label.gfield_label.vehicles {
	padding-top: 10px;
}
a.pad-selector-btn {
	color: #fff !important;
	padding: 10px;
	display: block;
	border: solid 1px #162D45;
	background: #c60c00 url(../images/red_button_shadow.png) bottom repeat-x;
	border-color: #AC0101 #860101 #5C0101;
	text-shadow: 0 1px 0 #2F321A;
	-webkit-box-shadow: 0 1px 1px #7E7E7E, inset 0 1px 0 #FC6F6A;
	-moz-box-shadow: 0 1px 1px #7E7E7E, inset 0 1px 0 #FC6F6A;
	box-shadow: 0px 1px 2px #7E7E7E, inset 0 1px 0 #FC6F6A;
	width: 40%;
	text-align: center;
	text-transform: uppercase;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 25px;
}
a.pad-selector-btn:hover {
	background: #c60c00 url(../images/red_button_shadow_r.png) top repeat-x;
}
.wpb_text_column {
	font-size: 12px;
	line-height: 17px;
}
.wpb_wrapper li {
	margin: 5px 0 0 0;
	/*list-style-image: url(images/chevron.png) !important;*/
}
.wpb_wrapper-red li {
	margin: 5px 0 0 0;
	list-style-image: url(images/chevron2.png) !important;
}

.toolbar-info, ul.social-media-list{
	
list-style-image: none !important;}



/* ====== Pop up brake selector page ====== */
	
.page-id-20901 #info_bar, .page-id-20901 #header, .page-id-20901 .social_media_top, .page-id-20901 .footer_pos_fix, .page-id-20901 .head_text {
	display: none !important;
}
.page-id-20901 .extrapadding2 {
	padding: 0px 0 0 !important;
}
.page-id-20901 .margin-b30 {
	margin-bottom: -40px !important;
}
.page-id-20901 #container {
	background: none !important;
}
.page-id-20901 .brake-type-container {
	width: 31%;
}
.page-id-20901 .check, .page-id-20901 .where-to-buy {
	display: none !important;
}
.page-id-20901 #cookie-law-info-bar {
	display: none !important;
}
.page-id-20901 .top-toolbar{
display: none;
}
body.page-id-20901{
background-color: #fff!important;
}


@media screen and (max-width: 769px) {
    nav.site-menu {
        display: block;
    }
    .sub-level-wrapper {
        display: none;
    }
    .top-toolbar {
        padding: 5px 15px;
    }
    .responsive #logo {
        top: 0;
    }
    .responsive header, 
    .responsive #header {
        text-align: center;
        width: 100%;
        background: #fff;
    }
    .footer-column {
        width: 49%;
        margin-bottom: 3%;
        padding-bottom: 1%;
        border-bottom: 1px solid lightgrey;
    }
    .footer-column:nth-child(n+3):nth-child(-n+4) {
        border-bottom: none;
        padding-bottom: 0;
        margin-bottom: 0;
    }
	.question-half {
	    width: 44%;
	}
	.question-half h4 {
    	font-size: 17px;
	}
	.brake-type-container {
    	width: 25%;
    }
    .noUi-target {
	    padding: 0 10px !important;
	}
    #top-menu, #top-level-menu {
        display: none;
    }
    .responsive .header_overlay_text {
        display: none;
    }
    .responsive #sub_page_header .image_holder img {
        margin-top: 0px;
    }
    .footer-column-wrapper {
        padding: 30px 40px;
    }
}

@media screen and (max-width: 959px) and (min-width: 768px) {
    .responsive header, 
    .responsive #header {
        text-align: center;
        width: 100%;
        background: #fff;
    }
    .responsive #navigation_bar {
        float: none;
        display: inline-block;
        line-height: 20px;
        position: relative;
        top: -10px;
        margin: 0;
        width: 90%;
        clear: both;
    }
    .responsive #MobileMainNavigation {
        width: 680px;
        display: inline-block;
        margin: 0 auto;
        font-size: 16px;
        border-radius: 0;
        padding: 10px;
        -moz-appearance: listbox;
        -webkit-appearance: listbox;
        appearance: listbox;
        background-image: url(../images/form_select.png);
        background-position: right center;
        background-repeat: no-repeat;
    }
}

@media screen and (max-width: 767px) and (min-width: 480px) {
    .responsive #MobileMainNavigation {
        width: 320px;
    }
}

@media screen and (max-width: 668px) {
    .content .box input[type="text"] {
        width: 94%;
    }
    .mobile-search-title {
        display: block;
    }
    .home-search-image {
        display: none;
    }
    .homepage-cta-boxes h4 {
        display: none;
    }
    .homepage-cta-boxes p {
        margin-top: 20px;
    }
}

@media screen and (max-width: 568px) {
    .toolbar-inner-wrap {
        padding-bottom: 5px;
    }
    .toolbar-info {
        display: none;
    } 
    ul.social-media-list {
        width: 80%;
        float: none;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }

    ul.social-media-list {
        padding-right: 80px;
    }
    ul.social-media-list li {
        float: right;
        margin-left: 3%;
        margin-right: 3%;
    }
    
    .footer-column {
        width: 98%;
        margin: 1%;
    }
	.question-half {
	    width: 100%;
	    padding: 10px 0;
	}
	.brake-type-container {
	    width: 100%;
	    padding: 10px 0;
	}
    .wpb_button, 
    .wpb_content_element, 
    ul.wpb_thumbnails-fluid>li {
        margin-bottom: 0px !important;
    }
    .vc_separator h4 {
        font-size: 15px !important;
        margin-bottom: 20px !important;
    }
    .vc_tta-panels-container h4 {
        font-size: 12px;
    }
    .footer-column-wrapper {
        text-align:center;
    }
    .footer-column {
        border-bottom: 1px solid grey !important;
        margin-bottom: 5% !important;
        padding-bottom: 4% !important;
    }
    .footer-column:nth-child(n+1):nth-child(-n+2) {
        display: none;
    }
    .footer-column ul#menu-footer-menu li {
        width: 100%;
    }
    .footer-column .whereinternational, 
    .footer-column .whereuk, 
    .footer-column .whereusa {
        width: 29%;
        float: left;
        margin-right: 6px;
        margin-left: 6px;
        margin-bottom: 20px;
    }
    .subscribe-by-email #subscription_email {
        width: 91% !important;
        margin-left: 0px;
        padding: 12px;
    }
    .photo_gallery ul li {
        float: none;
        margin: 0 auto 10px;
        width: 68%;
    }
    .balanced-kits-mob {
        text-align: center;
    }
    .balanced-kits-mob h1 {
        line-height: 40px;
    }
    .balanced-kits-mob h4 {
        margin-top: 25px;
        padding-bottom: 20px;
    }


}