/*** MOBILE CSS 
***************/

@media screen and (max-width: 767px) {
	#dynamic-homepage-container .dynamic-box {
		min-height: 285px !important;
	}
	.socialDiv {
		position: relative;
		padding-bottom: 0;
	}
	#homepage-tabs li a {
		border-radius: 0;
	}
	#activityStreamContainer ul.filterLinks li {
		padding-right: 0 !important;
		text-align: center;
	}
	#contactResellers {
		position: relative !important;
		text-align: left !important;
		margin-top: 15px !important;
		top: 0 !important;
		margin-bottom: 15px !important;
	}
	#locatorContainer ul.viewLinks li a {
		background-position: 50% 50% !important;
		overflow: hidden;
		text-indent: 1000px;
		width: 100% !important;
	}
	#locatorContainer ul.viewLinks li {
		width: 50% !important;
	}
	#locatorContainer ul.viewLinks {
		position: relative !important;
		right: 0 !important;
		top: 0 !important;
	}
	/********Global */
	#contentContainer {
		padding-bottom: 2em;
		margin-left: 15px;
		margin-right: 15px;
	}
	/********Cookies */
	#cookiesContainer button {
		float: left !important;
		margin: 1em 0;
		width: 100%;
	}
	/********Locator */
	.locatorFilter {
		margin: 1.5em;
	}
	.toggleImg {
		width: 16px;
	}
	#locatorResultsData {
		width: 100%;
	}
	.locatorFilter {
		margin: 0 0 1em 1.25em;
		width: 99% !important;
	}
	/*************Homepage */
	#intro,
	.video,
	.sales,
	.touch,
	.rewards {
		margin-bottom: 1.5em;
	}
	/********Table */
	.table-bordered>tbody>tr>td {
		border: 0;
	}
	.table-bordered>tbody>tr {
		border-bottom: 1px solid #ddd;
	}
	table tr td span,
	table tr td a {
		display: block;
	}
	/*************Main Navigation */
	.bold.logout {
		font-weight: normal;
	}
	#headNavbarContainerWrapper {
		border-bottom: 5px solid #0277B7;
		/*Primary Color*/
	}
	#navbarCollapse .navbar-nav {
		margin: 0 !important;
		background: #3D515C;
		/*Primary Color*/
		height: 100%;
		float: none;
	}
	#navbarCollapse .navbar-nav li a {
		color: #fff;
		padding: 10px 15px;
	}
	/******PARENT*/
	#navbarCollapse .navbar-nav>li>a {}
	/******PARENT REPEAT*/
	#navbarCollapse .navbar-nav>li>ul>li:first-child>a {
		padding-left: 15px;
	}
	/******LEVEL 1*/
	#navbarCollapse .navbar-nav>li>ul>li>a {
		padding-left: 30px;
	}
	/******LEVEL 2*/
	#navbarCollapse .navbar-nav>li>ul>li>ul>li>a {
		padding-left: 50px;
	}
	/******LEVEL 3*/
	#navbarCollapse .navbar-nav>li>ul>li>ul>li>ul>li>a {
		padding-left: 70px;
	}
	/******LEVEL 4*/
	#navbarCollapse .navbar-nav>li>ul>li>ul>li>ul>li>ul>li>a {
		padding-left: 90px;
	}
	#mainHeaderContainer {
		padding: 0 !important;
	}
	.navbar-header {}
	.navbar-default .navbar-toggle {
		background: transparent !important;
		/*Primary Color*/
		border: 0;
		color: #0078EE;
		padding: 0;
		border-radius: 0;
		margin-top: 15px;
	}
	.fa-times {
		margin-top: 15px !important;
	}
	#topHeaderContainer {
		padding: 0;
		min-height: 30px;
	}
	.topHeaderLinks {
		width: 100%;
	}
	.topHeaderLinks li {
		width: 25%;
		padding-right: 0;
		text-align: center;
		float: left;
		padding-top: 6px;
		padding-bottom: 7px;
	}
	#bodyLoggedOut .topHeaderLinks li {
		width: 33.3333%;
	}
	.topHeaderLinks li a {
		font-size: 10px;
	}
	.navbar-default .navbar-toggle:hover,
	.navbar-default .navbar-toggle:focus,
	.navbar-default .navbar-toggle:active {
		background: transparent !important;
		/*Secondary Color*/
	}
	.nav .open>a,
	.nav .open>a:hover,
	.nav .open>a:focus {
		background: transparent;
		/*Secondary Color*/
		border: 0 solid #ffffff;
		/*Secondary Color*/
	}
	.navbar-default .navbar-toggle .icon-bar {
		background-color: #ffffff;
		width: 35px;
		height: 3px;
	}
	.navbar-default .navbar-toggle.collapsed:hover,
	.navbar-toggle.collapsed:focus {
		background-color: transparent !important;
	}
	.navbar-toggle .icon-bar+.icon-bar {
		margin-top: 7px;
	}
	.dropdown-menu {
		padding: 0 !important;
	}
	.dropdown-submenu>.dropdown-menu {
		margin-left: 0 !important;
		margin-right: 0!important;
	}
	.dropdown-menu>li>a {
		white-space: normal;
	}
	/*Child Menu */
	#mainNavigation li a:hover,
	#mainNavigation li a:focus,
	#mainNavigation li a:active {
		background: #0078EE !important;
		/*Secondary Color*/
	}
	/********Tables */
	table.responsiveTable td {
		overflow: hidden;
	}
	/*************Forms */
	label.required {
		left: 0px;
		position: inherit;
	}
	.form-signin label.checkbox {
		width: 90%;
		float: right;
	}
	body.manageLocations .form-group font {
		margin-left: 3%;
	}
	body.manageLocations .form-group label {
		width: 100%;
	}
	body.managemycolleagues .button {
		margin-top: .5em;
	}
	/*************Discussions */
	label.required {
		left: 0px;
		position: inherit;
	}
	#discussions div.message {
		float: left;
		width: 100% !important;
	}
	#discussions div.message div.lessWidth {
		width: 85%
	}
	#discussions div.message div.arrow {
		display: block;
		float: right;
		height: 100%;
		position: absolute;
		right: 0;
		text-align: right;
		top: 33%;
		width: 15%;
	}
	#discussions div.message div.arrow .glyphicon {
		font-size: 2em;
		color: #ccc;
	}
	#discussions .openSearchBox,
	#discussions .addCommentMessage {
		display: inline !important;
		padding-left: 0.5em;
	}
	#discussions .links ul {
		margin: 0 0 0 11px;
		padding: 0;
	}
	#discussions .likes,
	#discussions .comments {
		padding-left: 10px !important;
	}
	/*************Catalogue Assets */
	#fileList .col-xs-12 {
		padding-left: 0;
		padding-right: 0;
	}
	#categorySelector input {
		margin: 1em 0;
	}
	/*************Footer */
	nav#navigation,
	.footer-dark p.copyright,
	#pictureURL {
		width: 100%;
		text-align: center;
		margin: 0;
	}
	#footerContainer:before {
		height: 80px;
	}
	.contactDiv {
		text-align: center;
	}
	.socialDiv {
		padding-top: 1em;
		text-align: center;
	}
	.socialDiv ul#socialDivUl {
		float: none;
		display: inline-block;
		overflow: auto;
	}
	ul#footerContactUs {
		float: none;
	}
	/*************Product Picker */
	div#categorySelectorClick h3 {
		padding: 0 !important;
		margin: 0 !important;
	}
	div#categorySelectorClick.selected h3,
	div:hover#categorySelectorClick h3 {
		color: #fff;
		text-shadow: 1px 1px #333;
	}
	div#categorySelector div.productGroup div#productGroupSubDiv {
		padding: 0 !important;
	}
	div#productGroupHeader h3 {
		word-wrap: break-word;
		margin-top: 25px !important;
		margin-bottom: 25px !important;
	}
	button.productsViewAllBtn {
		padding: 0 !important;
		margin-top: 30px !important;
		margin-bottom: 30px !important;
	}
	button.productsViewAllBtnSub {
		padding: 0 !important;
		margin-top: 30px !important;
		margin-bottom: 30px !important;
	}
	.TierMore {
		text-align: left !important;
		padding: .5em 0;
	}
	/*************Request A login */
	#addContactCountryButton {
		margin-left: 5%;
	}
	/*************homepage banner rotator */
	.banner-btn-block {
		margin-top: -12px
	}
	.banner-btn-block a {
		display: inline-block;
		margin-top: 5px;
		margin-bottom: 5px;
	}
	#bannerRotator ul li h1 {
		font-size: 30px !important;
	}
	#bannerRotator ul li h3 {
		display: none;
	}
	#secondRow {
		margin-top: 2em;
	}
	.printPDFLink {
		margin-left: 25%;
	}
	.requestLeftAlign,
	#captchadiv {
		padding-left: 0;
	}
	/*.buttonContainer #save { margin-left:1em; }*/
	/** Partner Locator */
	.imageProfileRow {
		float: left;
		width: 15%
	}
	.companyInfoTD {
		width: 80%;
		float: right;
	}
	.partnerLocatorContactReseller,
	.viewProfileTD {
		width: 50%;
	}
	#partnerLocatorContactReseller,
	#viewProfileTD,
	#partnerLocatorMap {
		margin: 1em 1em 0 0 !important;
	}
	/** Related Files */
	.relatedFileDimensions {
		margin-left: 50%;
	}
	/* ****************************************************
       CASH BACK CLAIMS
	*******************************************************/
	#discountPrice,
	#totalValue {
		background-color: #fff;
		background-image: none;
		border: 1px solid #ccc;
		border-radius: 4px;
		box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
		color: #555;
		display: block;
		font-size: 14px;
		height: 34px;
		line-height: 1.42857;
		padding: 6px 12px;
		transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
		width: 100%;
	}
	form[name="oppProductForm"] #discountPrice {
		background-color: #fff;
		background-image: none;
		border: none;
		border-radius: 0;
		box-shadow: none;
		display: block;
		padding: 6px 12px;
		width: 50%;
	}
	/* ****************************************************
       Selectors for linkedInProfile.cfm
	*******************************************************/
	.linkedInDifferenceRow .linkedInTrue {
		width: 94%;
	}
	.linkedInDifferenceRow input[type=radio] {
		margin-top: 10px;
		margin-right: 1.8%;
	}
	/* ****************************************************
       Events details
	*******************************************************/
	div.EventDetailsDetails {
		margin: .5em 0;
	}
	/* ****************************************************
       Slide out menu on mobile
	*******************************************************/
	.mobile-wrapper {
		width: 100%;
		z-index: 5;
		margin-left: 0px;
	}
	/* Mobile Menu */
	.mobile-wrapper-sidebar {
		min-height: 100%;
		background: #2C3D45;
		float: left;
		position: absolute;
		display: inline;
		margin-left: -70%;
		top: 0;
		width: 70%;
		z-index: 4;
	}
	.mobile-wrapper-sidebar ul a {}
	/* Mobile Menu Button */
	.navbar-toggle {
		float: left !important;
		margin-right: 0 !important;
		margin-left: 1em !important;
	}
	.overlay-active {
		background: none repeat scroll 0 0 rgba(0, 0, 0, 0.75);
		cursor: pointer;
		height: 100%;
		position: fixed;
		width: 100%;
		z-index: 999999;
	}
	#offCanvassCloseBtn {
		position: absolute;
		top: .25em;
		right: .25em;
		z-index: 9999;
	}
	.navbar-brand {
		float: right;
		height: auto;
		max-height: 75px;
		padding: 17px;
		text-align: right;
	}
	button.offCanvasClose {
		text-align: center;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
		border: 0;
		background: #fff;
		width: 20px;
		height: 20px;
		color: #0277b7
	}
	button:hover.offCanvasClose {
		colour: #9cc038;
	}
	#navbar {
		/*position: relative;
		width: 100%;*/
		float: left;
	}
	#footerContainer {
		position: relative;
	}
	#footerContainerInner {}
	.moreMenu:before {
		content: "+";
	}
	li.dropdown.open .moreMenu:before {
		content: "-";
	}
	#mainNavigation .visible-sm,
	#mainNavigation .visible-md,
	#mainNavigation .visible-lg {
		display: none !important;
	}
	/* ****************************************************
       Tabs on mobile
	*******************************************************/
	.nav-tabs li {
		width: 100%;
	}
	.nav-tabs li,
	.nav-tabs>li>a,
	.nav-tabs>li>a:focus,
	.nav-tabs>li>a:hover {
		border: none;
		border-radius: 0px;
		margin: 0;
	}
	.nav-tabs li.active,
	.nav-tabs>li.active>a,
	.nav-tabs>li.active>a:focus,
	.nav-tabs>li.active>a:hover {
		border: none;
		border-radius: 0px;
	}
	/********Activity Stream */
	#innerContentContainer ul.filterLinks li a {
		text-align: center;
	}
	#custom-banner .carousel-inner>div {
		max-height: 390px;
	}
	#custom-banner .carousel-caption {
		padding: 20px 0;
	}
	.wrapperCol {
		padding-right: 10px;
	}
}


/******* Small screen size ****/

@media (max-width: 400px) {
	/*************Catalogue Assets */
	.product {
		padding-right: 0px !important;
	}
	div#productGroupHeader h3 {
		word-wrap: break-word;
		margin: 0 !important;
	}
	div#productTitleHeader {
		margin-top: 0px !important;
		margin-bottom: 0px !important;
	}
	#categorySelectorImage {
		margin-top: 0px !important;
		margin-bottom: 0px !important;
	}
	button.productsViewAllBtn {
		padding: 0 !important;
		margin: 0 !important;
	}
	button.productsViewAllBtnSub {
		padding: 0 !important;
		margin: 0 !important;
	}
	/* ****************************************************
       Selectors for linkedInProfile.cfm
	*******************************************************/
	.linkedInDifferenceRow .linkedInTrue {
		width: 94%;
	}
	.linkedInDifferenceRow input[type=radio] {
		margin-top: 10px;
		margin-right: 0.4%;
	}
	body.element_979 .row.buttonLocator {
		position: absolute;
		top: 23.5%;
		right: 9%;
	}
	

}