/* --------------------------------------
   Layout
   -------------------------------------- */

body {
	/*background-color:#fff;
	font-family:'Muli';
    font-family: 'Didact Gothic', sans-serif;
    font-family: 'Quicksand', sans-serif !important;*/
    font-family: 'Montserrat', sans-serif !important;
    font-size: 18px;
}

/*select, h1, h2, h3, h4, h5, h6 {font-family: 'Quicksand', sans-serif !important;}*/
select, h2, h3, h4, h5, h6 {font-family: 'Montserrat', sans-serif !important;}
h1 {font-size: 20px; text-transform: uppercase; font-family: 'Archivo Black', sans-serif !important;}


#mainH1 {
    margin-left: 27px
}

p {font-size: 16px;}

.container {max-width:1500px; border: 0px silver solid}

hr {
	border: 0;
	border-top:1px #ccc solid !important;
}

li {font-size: 14px}

.displayInline {display:inline;}
.displayNone {display:none;}
.posRelative {position:relative;}

.spacer10 {margin-top: 10px;}
.spacer20 {margin-top: 20px;}
.spacer40 {margin-top: 40px;}
.spacer50 {margin-top: 50px;}
.spacer60 {margin-top: 60px;}
.spacer100 {margin-top: 100px;}

/*.img-rounded {border-radius:0;}*/


/* --------------------------------------
   Admin Pages
   -------------------------------------- */
#LoginForm{margin:50px 0 200px 0;}
#sendButt {margin-top:10px}
#divLoginPage  {margin-top:50px}

/* --------------------------------------
   Typography
   -------------------------------------- */
h1 {font-size: 26px; margin-top: 0px}
h2 {font-size: 20px;}
h3 {margin-left:25px}
h4 {margin-left:25px}
h5 {margin-bottom:5px}
h6 {font-size:18px;}

.lead{
  color: #666
}

.txt14 {font-size:14px;}
.txt15 {font-size:15px;}
.txt16 {font-size:16px;}
.txt17 {font-size:17px;}
.txt18 {font-size:18px;}
.txt20 {font-size:20px;}
.txt22 {font-size:22px;}
.txt24 {font-size:24px;}
.txt30 {font-size:30px;}


.text-hidden {display: none;}
.text-maroon {color:#800000 !important}
.text-crimson {color:#c00000 !important}
.text-red {color:#e00005 !important}
.text-white {color:#fff !important}
#headerSearch a {color:#fff !important}
ul.unstyled {list-style: none; padding: 0;}
/*ul.unstyled a {color:#fff !important}*/

a:link {color:#555}
a:hover {color:#555; text-decoration:underline}
a:active {color:#555; text-decoration:underline}
a:visited {color:#555}

a.black:link {color:#000; text-decoration:none !important}
a.black:hover {color:#000; text-decoration:none!important}
a.black:active {color:#000; text-decoration:none !important}
a.gray:link {color:#555; text-decoration:none !important}
a.gray:hover {color:#555; text-decoration:underline!important}
a.gray:active {color:#555; text-decoration:none !important}
a.gray:visited {color:#555; text-decoration:none !important}

a.info:link {color:#17a2b8; text-decoration:none !important}
a.info:hover {color:#17a2b8; text-decoration:underline !important}
a.info:active {color:#17a2b8; text-decoration:none !important}
a.info:visited {color:#17a2b8; text-decoration:none !important}

a.grayU:link {color:#555; text-decoration:underline !important}
a.grayU:hover {color:#555; text-decoration:none!important}
a.grayU:active {color:#555; text-decoration:underline !important}
a.grayU:visited {color:#555; text-decoration:underline !important}

a.silver:link {color:#c0c0c0; text-decoration:none !important}
a.silver:hover {color:#c0c0c0; text-decoration:underline!important}
a.silver:active {color:#c0c0c0; text-decoration:none !important}
a.silver:visited {color:#c0c0c0; text-decoration:none !important}

a.white:link {color:#fff; text-decoration:none !important}
a.white:hover {color:#fff; text-decoration:underline !important}
a.white:active {color:#fff; text-decoration:none !important}
a.white:visited {color:#fff; text-decoration:none !important}

a.whiteU:link {color:#fff; text-decoration:underline !important}
a.whiteU:hover {color:#fff; text-decoration:none !important}
a.whiteU:active {color:#fff; text-decoration:underline !important}
a.whiteU:visited {color:#fff; text-decoration:underline !important}

#prodInfo p a:link, .clearfix p a:link {text-decoration: underline}
#prodInfo p a:hover, .clearfix p a:hover {text-decoration: none}
#prodInfo p a:active, .clearfix p a:active {text-decoration: underline}
#prodInfo {font-size: 14px;}

.btn-default {background-color:#fff; color:#555; border-color:#c0c0c0}
.btn-default:hover {background-color:#e6e6e6; color:#555; border-color:#c0c0c0}

.btn-xs,
.btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 0px;
}
.btn-sm,
.btn-group-sm > .btn {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 0px;
}
.btn-mx {
  padding: 8px 15px;
  font-size: 16px;
  line-height: 2;
  border-radius: 0px;
}
.btn-pink {
  color: #ffffff;
  background-color: #F19B91;
  border-color: #FFFFFF;
}

.btn-pink:hover,
.btn-pink:focus,
.btn-pink:active,
.btn-pink.active,
.open .dropdown-toggle.btn-pink {
  color: #ffffff;
  background-color: #D1847B;
  border-color: #FFFFFF;
}

.btn-pink:active,
.btn-pink.active,
.open .dropdown-toggle.btn-pink {
  background-image: none;
}

.btn-pink .badge {
  color: #F19B91;
  background-color: #ffffff;
}

.input-sm,
.form-group-sm {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 0px;
}

.form-control {
	border-radius: 0px;
}

.btn-gray {
	border:1px #c0c0c0 solid;
	margin-bottom:2px;
}
.btn-gray:hover {
	background-color:gray;
}

.btn-gray:focus {
	background-color:#c0c0c0;
}
.btn-grayRev {
	border:1px gray solid;
	margin-bottom:2px;
	background-color:gray;
	color:#fff;
}
.btn-grayRev:hover {
	background-color:#e6e6e6;
	color:#000;
}

.btn-grayRev:focus {
	background-color:gray;
	color:#fff;
}

.input-sm {
	border:1px #c0c0c0 solid;
}
.input-xs {
	border:1px #c0c0c0 solid;
}


#noResults {text-align:center; font-size:20px}

.staticHead {
	margin-left:25px; font-size:20px
}

.staticDiv p {
	font-size:14px;
}

/* --------------------------------------
   Header
   -------------------------------------- */

/*#fixedHeader-nav {min-height:50px; font-size:22px; background-color:#fff;}
#topHeader {background-color:#fff; text-align:center}
#topHeader, #toolBar {margin-left:20px}*/

#subToolBar {background-color:#fff; padding-left:28px; line-height:0px; font-size:12px}
.central-brand {text-align:center}
#logoDiv {text-align:center; margin:0 0 5px 0;}
#tallLogo {display:inline; margin-bottom:20px}
#shortLogo {display:none}

#socialBtn {height:30px; width:30px; padding:1px}
#headerSearch {margin:6px 15px 5px 30px;}
/*.headEmail {margin:0 10px 0 10px;} */
#letterIcon {display:inline; margin-bottom:5px;}
.openHours {color:#555; font-size:12px}
#searchInput {border:1px #ddd solid; box-shadow:0px 0px 0px #fff; border-radius:0;width:150px; display:inline;}
#searchBtn {font-size:18px; color:gray; display:none;}

#phoneEmailDiv {margin:20px 5px 0 10px;}
@media (min-width: 1500px) {
#phoneEmailDiv {margin-left: -16px}
#headerShowroom {margin-right: -28px}
}

.phoneEmailTxt {color:gray; font-size:16px}

#topBasket {margin-right:10px; margin-top:6px;}
/*#headerShowroom {width:250px; text-align:right; padding:3px 30px 3px 0}*/
#headerShowroom {max-width:200px; text-align:right; padding:20px 10px 3px 0;}
#headerBasket {margin:10px 30px 0 0;}
#searchFrmMobile {margin:10px 0 0 12px}
#mobileSearch {display:none;}
.dropdown img {margin:10px; box-shadow: 1px 1px 5px #888;}

#emailjoinInput {width:105px; height:25px; padding:2px}
#emailJoinBtn {width:25px;height :25px; padding:2px}

#socialMedia i {font-size: 26px;}

#openHours {font-size:14px; font-weight:bold;color:#7d7d7d; margin-top:20px}



.dropLi {font-size:14px}

/* --------------------------------------
   Toolbar
   -------------------------------------- */

.mobileBut {
    border: 0;
    border-radius: 0;
    color: #000;
    font-size: 28px;
    padding: 3px
}
@media (max-width: 400px) {
    #heartBtn {
        /*display: none;*/
    }
}
@media (min-width: 950px) and (max-width: 1388px) {
    .hideTxt {
        display: none;
    }
}

.navbar {border:0; margin-bottom:20px}
.navbar-default {min-height:30px; background-color:#fff;}


.dropdown-menu { width: 100%; padding: 20px;}
.navbar-nav > li > a {padding-top: 12px; padding-bottom: 8px; line-height: 10px; font-size:16px; letter-spacing:0.5px;}
.dropdown{padding-left:4px;}

@media (max-width: 1150px) {
.navbar-nav > li > a {padding-right:10px; padding-left:10px;}
}

/*This section important for increasing the menu bar break points*/
@media (min-width: 950px) {
	.dropdown-menu>li { display: table-cell; }
	.nav > li.dropdown { position: static;}
}

.nonDropLi:hover {background-color: #ebebeb;}
.dropLi > li, .dropLi > li > a {
  font-size: 14px
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #444;
  text-decoration: underline;
  background-color: #fff !important;
    /*	background-repeat: repeat-x;
	background-image: linear-gradient(to bottom, #888 0%, #c0c0c0 100%);  */
}

.dropdown img {margin:10px; box-shadow: 1px 1px 5px #888;}
#subToolBar {padding-left:28px; line-height:30px; font-size:12px}

@media (min-width: 1000px) {
    .navbar-nav {
        display:table;
        width:100%;
        margin: 0;
    }
    .navbar-nav > li {
        float:none;
        display:table-cell;
        text-align:center;
    }
    .navbar-nav > li a {
        float:none;
        display:table-cell;
        text-align:left;
    }
}


/* --------------------------------------
   jssor slider
   -------------------------------------- */

@media (max-width: 949px) {
#slider2_container {display: block;}
#slider1_container {display: none;}
}

@media (min-width: 950px) {
#slider2_container {display: none;}
#slider1_container {display: block;}
}

/* --------------------------------------
   Footer
   -------------------------------------- */

footer {
	color: #fff;
	font-size: 16px;
    /*font-family: 'EB Garamond', serif;
    text-transform: uppercase;
	padding: 20px;
	max-width:1500px;
	margin:0 auto 0 auto;
	background: linear-gradient(to bottom, #fff 0%, #c0c0c0 100%);
	background:#c0c0c0 -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(192,192,192,0) 100%);
	background:linear-gradient(to bottom, #003f6e 0%, #005796 100%);*/
}

footer a, footer p {
    /*text-transform: uppercase;*/
    font-size: 16px; color: #fff; font-style: italic;
}

footer li {font-size:12px}

/*#footerRow {border-top:1px #c0c0c0 solid;} */
#footerContainer {background-color:transparent;}
#footerContainer p {color:#555;}
#footerContainer li > a {color:#555;}
footer h6 {font-weight:bold; margin-top:10px; color:gray}

#socialMedia i {
  font-size: 32px;
  letter-spacing: 5px;
}

#socialColumn input {
  display: inline;
}

.footOpening {
  font-size:13px; color: #666;
}

#backToTopBtn {
    position: fixed; bottom: 20px; right: 80px; z-index: 100; display: none;
}

.subFooter {max-width:1500px; margin:0px auto 0 auto; padding-bottom:2px}
.subFooter p {text-align:center; color:#444; font-size:16px}


/* --------------------------------------
   Static pages
   -------------------------------------- */

#pubThumb {margin:5px 10px 10px 5px;}
.faqHide {padding-left:25px; display:none;}

.faqClick:hover {cursor: pointer;}
.faqAnswer {display: none;}
.faqAnswer p {font-size: 14px;}
.faqClick {font-size: 14px}


/* --------------------------------------
   Department Landing
   -------------------------------------- */
.deptTile {margin-bottom:30px; position:relative}
.deptTileCaption {position:absolute; top:auto; bottom:0; width:90%; height:60%; color:#999; text-align:center;}
.deptTile h1 {font-weight:bold; font-style:italic; text-shadow:1px 1px 4px #222; text-transform: uppercase;}
.deptTileDiv {background-color:#000}
.deptTileImgDiv:hover img {opacity:0.8;}
.deptTileImgDiv img {width:100%}

/* --------------------------------------
   View pages
   -------------------------------------- */

.control-label {
    font-weight: normal; margin-top: -7px;
}

#brandLogoDiv {margin:0px 0px 0px 0px; text-align:center; /*background: linear-gradient(to bottom, #f2f2f2 0%, #fff 100%); padding:25px*/}

#contactFrm {
	display:none;
	margin-top:25px;
}

#iPrice {
	font-size:14px;
	color:gray;
	font-weight:bold;
}

/* tab color */
.nav-tabs>li>a {
  color:#555;
}

/* active tab color */
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
  color: #555;
  /*background-color: #000;
  border-bottom-color:#000;*/
}

/* hover tab color */
.nav-tabs>li>a:hover {
 color:#666;
}

#viewTabs {
    max-height:350px;
    overflow:auto;
    overflow-x: hidden;
    /*scrollbar-face-color: #c0c0c0;
    scrollbar-shadow-color: #000;
    scrollbar-highlight-color: #444;
    scrollbar-3dlight-color: #666;
    scrollbar-darkshadow-color: #444;
    scrollbar-track-color: #111;
    scrollbar-arrow-color: #666; */
}

#viewTabs h4 {margin-left:0;}

/*.viewTabs {background-color:#000 !important;}*/

#delivery {padding-left:2px}

.viewLogo {max-width:170px; max-height:150px;}


.list-thumb img:hover {
   /*transform: scale(1.05);*/
}

.list-thumb img {
  /*transition: all 0.3s ease 0s;*/
  margin-bottom: 3px;
  margin-top:5px;
  max-height: 350px;
  border: 0px #ebebeb solid;
}

.list-thumb {
  height: 500px;
  overflow: hidden;
  background-color:transparent;
  border:0;
  padding-top:7px;
}
@media (max-width: 1290px) {.list-thumb {height: 420px;}}
@media (max-width: 1200px) {.list-thumb {height: 400px;}}
@media (max-width: 1020px) {.list-thumb {height: 380px;}}
@media (max-width: 990px) {.list-thumb {height: 500px;}}
@media (max-width: 900px) {.list-thumb {height: 450px;}}
@media (max-width: 800px) {.list-thumb {height: 380px;}}
@media (max-width: 650px) {.list-thumb {height: 480px;}}

@media (min-width: 551px) {.videoDesk {display: inline;} .videoMobile {display: none} #mobileHeader {padding-left: 20px !important}}
@media (max-width: 550px) {.videoDesk {display: none} .videoMobile {display: inline;}}

.products {
   width: 225px;
   margin: 0px 0px 20px 18px;
}

.more-header {
	margin:30px 0 10px 20px;
}

#variantTbl {width:100%; margin-bottom: 20px}
#variantTbl td {padding: 5px 8px 5px 0; font-size: 14px}
#variantTbl tr {border-bottom:1px #dedede solid}
#priceCol{display: none;}
#wasCol{display: none;}
#nowCol{display: none;}

#homeTiles h2 {font-size: 26px;}

.i30icon {height: 30px; border: 0 !important;}
.i35icon {height: 35px; border: 0 !important;}
.addImgDiv {height:120px; float: left; margin:8px 8px 0 0}
.addImgDiv img {height:120px;}

.a2a_menu, .a2a_menu_find_container { border-radius: 0 !important; }
.a2a_svg, .a2a_count { border-radius: 0 !important; }

@media (max-width: 1300px) {
    .i30icon {height: 20px; border: 0 !important;}
    .i35icon {height: 23px; border: 0 !important;}
}

@media (max-width: 950px) {
    .addImgDiv {height:80px; float: left; margin:5px 5px 0 0}
    .addImgDiv img {height:80px;}
}

@media (max-width: 650px) {
    .addImgDiv {height:60px; float: left; margin:5px 5px 0 0}
    .addImgDiv img {height:60px;}
    .desktopMain {display: none;}
    .deviceMain {display: inline;}
}
@media (min-width: 651px) {
    .desktopMain {display: inline;}
    .deviceMain {display: none;}
}

/* --------------------------------------
   Global Styles
   -------------------------------------- */

p {color:#555; font-size:14px;}
ul {color:#555; font-size:12px;}
.container {background-color:transparent}
#dataRowNormal {max-width:990px; margin:0 auto 0 auto; background-color:#fff; padding:10px; background-color:#fff}
#rowStandAlone {margin:50px 0 50px 0} 
/*#homeTiles {margin-top:20px}*/
#homeTiles h1 {margin-left:30px}
#homePanel {background-color:#fff; color:#555; border:0px #444 solid;}
#homePanel img {margin-bottom:10px}
/*#homePanelBtn {background-color:#2d2e2e; border-width:0; color:#555 !important;}
#homePanelBtn:hover {background-color:#474949}
#homePanel a {color:white}*/
#homePanel h4 {margin:0 0 0 0}

#homePane2 {background-color:transparent; color:#555; border:0px #444 solid;}
#homePane2 img {margin-bottom:10px}
#homePane2Btn {background-color:#2d2e2e; border-width:0; color:#555 !important;}
#homePane2Btn:hover {background-color:#474949}
/* #homePane2 a {color:white} */
#homePane2 h4 {margin:0 0 0 0}

#contactForm input {height:30px; padding:5px}
#contactForm textarea {padding:5px}
#joinMailing {height:8px}
#inputMessage {	height:130px}
#inputAddress {	height:50px}

.contactDetails p {font-size:14px; margin-left:20px}

#prodThumb {background-color:transparent; color:#fff; border:0px #444 solid;}
#prodThumb img {margin-bottom:10px}
#prodThumbBtn {background-color:#2d2e2e; border-width:0; color:#555 !important;}
#prodThumbBtn:hover {background-color:#474949}
/* #prodThumb a {color:white} */
#prodThumb h5 {margin:0 0 0 0}
#prodFeature {height:300px}

#introText {margin:0 1px 0 1px;}
#section450 {height:281px; border-radius:5px; background-position:center center; background-size:cover; margin-bottom:5px}

.newsScroll {height:317px; border:1px #444 solid; border-radius:5px; margin-bottom:5px; padding:5px;}
.newsScrollinner {height:94%; overflow:auto; padding:5px;}
.newsScroll hr {border-color:gray}
.greyScroll {
	scrollbar-face-color: gray;
    scrollbar-highlight-color: #444;
    scrollbar-3dlight-color: #444;
    scrollbar-darkshadow-color: #444;
    scrollbar-shadow-color: #444;
    scrollbar-arrow-color: gray;
    scrollbar-track-color: #gray;
}

#brandThumbDiv {
  width: 140px;
  padding:0 40px 10px 0
}

.panel-transparent {
    background: none;
    border: none;
}

.panel-transparent .panel-heading{
    background: rgba(122, 130, 136, 0.2)!important;
}

.panel-transparent .panel-body{
    background: rgba(46, 51, 56, 0.2)!important;
}

.drop-shaddow {
	box-shadow:         2px 2px 7px 0px rgba(99, 99, 99, 0.5);
	-webkit-box-shadow: 2px 2px 7px 0px rgba(99, 99, 99, 0.5);
	-moz-box-shadow:    2px 2px 7px 0px rgba(99, 99, 99, 0.5);
}

.btn {
    border-radius: 0;
}

.btn-plain {
  color: #444;
  background-color: #fff;
  border-color: #999;
}
.btn-plain:hover,
.btn-plain:focus,
.btn-plain:active,
.btn-plain.active {
  background-color: #ebebeb;
  border-color: #ebebeb;
  color: #444;
}

.btn-blank {
  color: #444;
  background-color: #fff;
  border-color: #fff;
}
.btn-blank:hover,
.btn-blank:focus,
.btn-blank:active,
.btn-blank.active {
  background-color: #ebebeb;
  border-color: #ebebeb;
  color: #444;
}


.btn-blank.disabled,
.btn-blank[disabled],
fieldset[disabled] .btn-blank,
.btn-blank.disabled:hover,
.btn-blank[disabled]:hover,
fieldset[disabled] .btn-blank:hover,
.btn-blank.disabled:focus,
.btn-blank[disabled]:focus,
fieldset[disabled] .btn-blank:focus,
.btn-blank.disabled:active,
.btn-blank[disabled]:active,
fieldset[disabled] .btn-blank:active,
.btn-blank.disabled.active,
.btn-blank[disabled].active,
fieldset[disabled] .btn-blank.active {
  background-color: #474949;
  border-color: #474949;
}

/* --------------------------------------
   Brands Page
   -------------------------------------- */

.brandThumb {
	width:146px; height:146px;
	border:1px #c0c0c0 solid; 
	margin:20px; 
	font-weight:bold; 
	font-size:16px; color:#c0c0c0; 
	text-align:center; 
	float:left; 
	background-size:contain; 
	background-position:center; 
	background-repeat:no-repeat; 
}

.brandThumb:hover span.text-content {
  opacity: 1;
}

span.text-content {
  background: rgba(0,0,0,0.7);
  color: white;
  cursor: pointer;
  height: 150px;

  position: absolute;

  width: 150px;
  opacity: 0;
  -webkit-transition: opacity 50ms;
  -moz-transition: opacity 50ms;
  -o-transition: opacity 50ms;
  transition: opacity 50ms;
}
 
span.text-content span {
  display: table-cell;
  text-align: center;
  padding:3px;
  vertical-align: middle;
}


/* --------------------------------------
   List page styles (for Wookmark)
   -------------------------------------- */

#mainWookmark {
    position: relative;
    width:97%;
}

#mainWookmarkBrands {
    position: relative;

}
#tiles {
  list-style-type: none;
  position: relative; /** Needed to ensure items are laid out relative to this container **/
  margin:0 10px 0 10px;
  padding: 0px;
}

#tiles li {
  width: 240px;
  /*background-color: #ffffff;*/
  border: 0px solid #dedede;
          border-radius: 2px;
     -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  display: none; /** Hide items initially to avoid a flicker effect **/
  padding: 10px;
}

#tiles li img {
	width:100%;
}

#tiles li h5 {
	margin:4px 0 2px 0;
	font-weight:bold;
}

#tiles li.inactive {
  visibility: hidden;
  opacity: 0;
}

#tiles li img {
  display: block;
}



/* --------------------------------------
   Additional buttons
   -------------------------------------- */

.btn-red {
  color: #ffffff;
  background-color: #E31D1D;
  border-color: #D41E1E;
}

.btn-red:hover,
.btn-red:focus,
.btn-red:active,
.btn-red.active,
.open .dropdown-toggle.btn-red {
  color: #ffffff;
  background-color: #C72020;
  border-color: #D41E1E;
}

.btn-red:active,
.btn-red.active,
.open .dropdown-toggle.btn-red {
  background-image: none;
}

.btn-red.disabled,
.btn-red[disabled],
fieldset[disabled] .btn-red,
.btn-red.disabled:hover,
.btn-red[disabled]:hover,
fieldset[disabled] .btn-red:hover,
.btn-red.disabled:focus,
.btn-red[disabled]:focus,
fieldset[disabled] .btn-red:focus,
.btn-red.disabled:active,
.btn-red[disabled]:active,
fieldset[disabled] .btn-red:active,
.btn-red.disabled.active,
.btn-red[disabled].active,
fieldset[disabled] .btn-red.active {
  background-color: #E31D1D;
  border-color: #D41E1E;
}

.btn-red .badge {
  color: #E31D1D;
  background-color: #ffffff;
}




/* --------------------------------------
   Media Queries
   -------------------------------------- */

/* Portrait & landscape phone */
@media (max-width: 480px) {

	#section450 {height:120px;}
    #free50h1 {margin-top: 0px}
    #h2topMargin {margin-top: 0px}

}

/* Landscape phone to portrait tablet */
@media (max-width: 512px) {

	/* tabsection bottom border */
	.nav-tabs {border-bottom-color:#c0c0c0;	}
	
	/* active tab color */
	.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {background-color: #666; border:1px #666 solid;}
	
	
}

/* Landscape phone to portrait tablet */
@media (max-width: 550px) {
    #mobile404 {display:inline}
    #desktop404 {display:none}

	.navbar-nav > li > a {font-size:18px}
	ul.dropdown-menu li a {font-size:18px}

	#myCarousel .item { height: 250px; }

	.carousel-caption {font-size: 16px;}
	.carousel-caption h4 {font-size: 22px;}

	#section450 {height:150px;}
	#workingH2 {font-size:20px; margin-top:-20px}
	#workingP {font-size:12px;}
	#phoneEmailDiv {width:100%; text-align:center; margin:5px 0 5px}	
	.strapLine {display:none}
	#tallLogo {display:none}
	#shortLogo {display:inline}
	#headerShowroom {width:100%; text-align:center; margin:5px 40px 5px}

}

@media (max-width: 1050px) {
    /*
    .list-thumb {width:50%;}
    .i30icon {height: 20px; border: 0;}
    .i35icon {height: 22px; border: 0}
    */
}

@media (max-width: 725px) {
    .viewArrow {display: none}
}

@media (max-width: 950px) {

		/*#headerShowroom {display:none}
		#mobileSearch {display:block}
		#headerShowroom {padding-top:0}
        #navbarUL {margin-top:40px;}
		.navbar {margin-bottom:25px}*/
		.navbar-nav > li > a {line-height:15px}
        .filter-block {width: 100%;}
        .title-main {width: 100%;}
        #mobileHeader {
            display: inline;
        }
        #topHeader {
            display: none;
        }

}

@media (min-width: 551px) {
    #mobile404 {display:none}
    #desktop404 {display:block}
}

@media (max-width: 750px) {
	.newsScroll {height:250px}
	#section450 {height:200px;}
}

@media (max-width: 770px) {


	#logoDiv {margin-top:0}
	
}

/* Med-Large desktop */


@media (min-width: 550px) and (max-width: 1000px) {
	.container {
		margin-left:10px; margin-right:10px;
	}
}

@media(max-width:1000px)  {

    .navbar-collapse.collapse {
        display: none !important;
    }

    .navbar-collapse {
        overflow-x: visible !important;
    }

    .navbar-collapse.in {
      overflow-y: auto !important;
    }

    .collapse.in {
      display: block !important;
    }

    #searchBtn {
      display:inline;
    }

}

/* Large desktop */
@media (min-width: 1200px) {
	#myCarousel .item { height: 500px; }

}

@media (max-width: 650px) {
    .list-thumb {
        width: 100%;
    }
}

@media (max-width: 550px) {
    #homeTiles {padding-left: 5px; padding-right: 5px;}
    h1 {margin-left: 5px;}

}