/*** Editable Styles ----------------------------------------------------- ***/
.titles {
	/* titles */	
	font-size: 2em;
	font-weight: 700;
	line-height: normal;
	letter-spacing: 1px;
}

.home-text {
	/* home intro */
	font-size: 1.3em;	
	line-height: normal;
}
.intro-text {
	/* sub intro */
	font-size: 1.2em;	
	color: #666666;
	line-height: 1.7em;
}

.picture-frame {
    /* Picture frame */
}
img.picture-frame, p.picture-frame img {
	margin: 0 15px 15px 0;
}
.generaltb {
	/* General table */
}
table.generaltb td {
	padding: 0 6px;
	font-size: 12px;
	line-height: 18px;
}
table.generaltb p {
	margin: 0.5em 0;
}
a.general-button {
	color: #ffffff;
	cursor: pointer;
	font-size: 1.1em;
	line-height: 23px;
	padding: 15px 25px;
	background-color: #ad1c1e;
	text-align: center;
    width: 300px;
}
a:hover.general-button  { color: #202020; text-decoration: none; }
.general-button  {
	/* Button Red */
	display: inline-block;
}

/*** End Editable Styles ***/	

/*** Reset --------------------------------------------------------------- ***/
html, body, p, td, th, ul, ol, li, form, h1, h2, h3, h4 { margin: 0; padding: 0; }
ul, li { list-style: none; }
a { text-decoration: none; }
img { border: none; vertical-align: top; }
.col-md-6 img { max-width: 100%; height: auto; }

body { cursor: default;}
a, button { cursor: pointer; }
input, textarea { cursor: auto; }

h1 { font-size: 2em; color: #c12b2d; }
h2 { font-size: 1.7em; color: #444; }
h3 { font-size: 1.4em; font-weight: normal; color: #444; }
h4 { font-size: 1em; }
h5 { font-size: 1em; }

blockquote { font-size: inherit; padding: 0 70px; }

table { border-collapse: collapse; border-spacing: 0; }
th { font-weight: bold; vertical-align: bottom; }
td { vertical-align: top; }

button, input, select, textarea { margin: 0; padding: 0; }
button { width: auto; overflow: visible; }
input, textarea, select { padding: 2px; }

.clear { clear: both; }
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; }

p, ul, ol { margin: 1em 0; }
p:first-child, ul:first-child, ol:first-child { margin-top: 0; }
ul li { list-style: disc outside none; margin-left: 25px; }
ul ul li { list-style-type: circle; }
ul ul ul li { list-style-type: square; }
ol li { list-style-type: decimal; }
li { margin-left: 1em; margin-bottom: 0.25em; margin-top: 0.5em; }

.reset, .reset p, .reset ul, .reset ol, .reset li, .listing li { margin: 0; padding: 0; }
.reset li, .reset ul li, .listing li, .listing ul li { list-style-type: none; }
/*** End Reset ***/

/*** Common -------------------------------------------------------------- ***/

body, input, textarea, select, button { font-family: 'Roboto Condensed', sans-serif; font-size: 15px; color: #666666; }
input, textarea, select, button { color: #666; }
a { color: #015bb1; }
a:hover { color: #666; text-decoration: none; }

/*** End Common ***/

/*** Forms --------------------------------------------------------------- ***/

p.required { float: right; margin: 0 0 0.5em 0; }
.c1-form .field { text-align: left; }
#intro-content .c1-form img { max-width: 100%; height: auto; min-width: auto; }
.c1-form ul, .c1-form ul li { margin: 0; list-style: none; }



/*** Buttons --------------------------------------------------------------- ***/

button, .btn { border: none; text-transform: uppercase; font-size: 15px; font-weight: 500; padding: 0 50px; height: 40px; border-radius: 0; background-color: #023e7a; color: white; }

.btn_dark {
	color: #fff;
	background: #023e7a;
}
.btn_dark:hover {
	background: #012e5b;
	color: #fff;
}

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

body.default-bg { background-color: #ebeded; }

.container { /*width: 1000px;*/ margin: 0 auto; }

/*** End Layout ***/

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

header#home { width: 100%; background: #013569 url(../images/header-bg2.jpg) 0 0 no-repeat; padding: 0 0 30px 0; }
.header-main { width: 100%; padding: 0; position: relative; }
#cssmenu li { list-style: none; }

.header-top { margin: 0 auto; height: 200px; }
.header-main .logo { float: left; width: 240px; }
.header-main .logo a { display: block; width: 460px; height: 0; padding-top: 190px; overflow: hidden; }
.header-main .logo a span { display: none; }
.navbar-brand { padding: 15px 0; }

.header-main .moto { display: block; font-family: "Myriad Pro",san-serif; font-weight: 400; color: #c1d7ec; font-size: 18px; letter-spacing: 1px; margin-top: 18px; font-style: italic; padding-top: 33px; text-align: right; }
.header-main .phone { display: block; color: #fff; font-size: 22px; text-align: right; font-weight: 600; }
.header-main .phone a { color: #fff; }
.header-top .md-logo { float: left; }
.header-top .mobile-nav { float: right; position: relative; z-index:100; }

@media (max-width: 807px) {
	.header-main .moto { position: absolute; top: 12px; right: 40px;  }
	.header-main .phone { position: absolute; top: 20px; right: 90px; font-size: 22px; padding-top: 0; }
}
@media (max-width: 500px) {
	.header-main .phone { font-size: 18px; top: 24px; right: 81px; }
}

/*** Navigation -------------------------------------------------------------***/

.header-nav-wrap { position: relative; z-index:1; width: 100%; }

.header-nav { position: absolute; let: 0; top: -21px; background-color: rgba(43, 43, 53, 0.75); width: 100%; text-align: left; height: 50px; }
.header-nav #navbar { height: 50px; }
.header-nav #navbar ul li { padding-top: 6px; margin-left: 15px; }
.header-nav #navbar ul li a { color: #fff; font-size: 14px; padding: 15px 3px; text-decoration: none; font-weight: 600; text-transform: uppercase; }
.header-nav #navbar ul li a:hover { color: #abd4fa; }

.dropdown ul.dropdown-menu { background-color: #3f4344; max-height: 0; overflow: hidden; display: block; border: none; -webkit-box-shadow: none !important; box-shadow: none !important; padding-top:0; padding-bottom: 0; }
.dropdown .dropdown-menu li { background-color: #3f4344; }
.header-nav #navbar .dropdown ul.dropdown-menu li { padding-top: 0; }
.dropdown .ishover.dropdown-menu { opacity: 1; max-height: 1000px; overflow: visible; }
.dropdown-menu { right: auto; left: 0; border-radius: 0px; }

.dropdown-menu li { padding-top: 0; list-style-type: none; margin: 0; }
.header-nav #navbar ul li ul.dropdown-menu li a { padding: 10px 20px 8px 20px; }

.navbar-nav > li > .dropdown-menu { border-top-left-radius: 0; border-top-right-radius: 0; background-color: transparent; }
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover { background-color: transparent; } 
.navbar-nav > li { min-height: 43px; }
.navbar-nav > li:first-child { margin-left: 0; }

.navbar-toggle .icon-bar { background-color: #fff; width: 24px; height: 3px; }

#navbar {position: absolute; z-index: 20; }

.header-nav #navbar.navbar-collapse .nav > li > a,
.header-nav #navbar.navbar-collapse .nav > li > a:hover { color: #fff; }

.navbar-header ul li { float: left; margin-left: 20px; margin-top: 15px; margin-bottom: 15px; }

.header-top-menu { z-index: 100; position: relative; }
.main-top-nav ul { display: table; width: 100%; margin: 0 auto; }
.main-top-nav ul li { display: table-cell; vertical-align: middle; }
.top-nav-grey ul li a { color:#abd4fa; text-transform:uppercase; font-size:12px; font-family: 'Roboto Condensed', sans-serif; }
.top-nav-grey ul li a:hover { background: none; color: #abd4fa; text-decoration: underline; }
.top-nav-grey ul li { position: relative; padding: 0 16px; }
.top-nav-grey ul li:after { position: absolute; content: '>'; left:0; top:-1px; color: #abd4fa; font-size: 16px; }

.main-top-nav .caret { border-top:4px solid #f79e22; }
.main-top-nav,
.main-top-nav ul li { height: 50px; }
.main-top-nav ul li { display: table-cell; vertical-align:middle; }
.main-top-nav ul li:hover a { background: none; }
.main-top-nav> .navbar-collapse >ul> li:hover { background: transparent; }
.main-top-nav ul li a { font-size: 13px; }
.navbar-default .navbar-collapse .nav > li > a,
.navbar-default .navbar-collapse  .nav > li > a:hover { color: #fff; }
.main-top-nav ul li a:hover { font-size: 13px; }

/*** End Header ***/


/*** Rotator styles ------------------------------------------------------***/

#home-slider { margin-top: -50px; } 
#home-slider .caption { padding: 25px 0 10px; font-family: 'Open Sans', sans-serif; color: #ffffff; font-size: 28px; font-weight: 800; text-align: center; text-transform: normal; width: 100%; z-index: 2; position: absolute; top: 37%; left: 0; background: rgba(43, 43, 53, 0.75); }
#home-slider .caption h1 { font-family: 'Open Sans', sans-serif; font-size: 50px; text-transform: uppercase; font-weight: 700; color: red; }
#home-slider .caption p { margin: 10px 0; text-transform: uppercase; }

#sub-slider { margin-top: -50px; }
#sub-slider .caption { padding: 20px 0 10px; font-family: 'Open Sans', sans-serif; color: #ffffff; font-size: 28px; font-weight: 800; text-align: center; text-transform: normal; width: 100%; z-index: 2; position: absolute; top: 22%; left: 0; background: rgba(43, 43, 53, 0.75); }
#sub-slider .caption p { margin: 0; }
#sub-slider .caption h1 { font-family: 'Open Sans', sans-serif; margin-bottom: 15px; font-size: 40px; text-transform: uppercase; font-weight: 700; }
#sub-slider .carousel-inner { height: auto; max-height: 400px; }

/*** Home styles ----------------------------------------------------------***/

#panel { width: 100%; min-height: 50px; margin: 0 auto; position: fixed; left: 0; bottom: 130px; }
#panel .panel-content { width: 1000px; margin: 0 auto; }
#panel .panel-content .p-con { display: block; text-align: center; }

#intro-content { padding: 20px 0 50px; }
#subintro-content { padding: 20px 0 50px; }
#home-product-categories, #social-content, #search-section { padding: 50px 0; }
#social-content { min-height: 250px; width: 100%; background: #940000 url(../images/redcarbg.jpg) 0 0 no-repeat; }
#social-content p { color: #fff; }
.left-padding { padding-left: 60px; text-align: center; }
.main_page_facebook h2, .main_page_facebook h1, .main_page_facebook h3 { color: white; }
.red-column a { color: white; }

@media (max-width: 460px) { 
	
	#search-section button { margin-top: 10px; }
}

/*#intro-content .green-line { display: block; width: 35%; border-top: 1px solid #8cb76a; height: 2px; text-align: center; margin: 40px auto; }*/
.left-padding { padding-left: 60px; text-align: center; }

#intro-content { font-size: 15px; background: #f2f0f1; }
#pagetitle { padding: 25px 0 0;  }

#search-section { background: #015bb1; text-align: center; }
#search-section h3 { display: inline-block; padding-right: 15px; font-weight: 500; color: #fff; }
#search-section #search-embedded { display: inline-block; }
#search-embedded input { padding: 8px; border: none; width: 260px; margin-right: 10px; background: #f5f5f5; }

#search-results li { margin-bottom: 30px; }

#facebook { width: 100%; }

/*** End Home ***/
/** General asset style ------------------------------ **/

.general-asset { height: 320px; margin: 10px 0; }
.general-asset .chart-logo { text-align: center; height: 180px; overflow: hidden; border: 6px solid #bc1213; }
.general-asset .chart-logo img { width: 225px; height: auto; overflow: hidden; }
.general-asset .chart-title { line-height: 22px; height: 48px; text-align: center; }
.general-asset h4.chart-title  { font-size: 18px; font-weight: 600; }
.general-asset h4.chart-title a { text-decoration: none; }
.general-asset .chart-description { text-align: center; font-size: 14px;}
.general-asset .chart-description p { line-height: normal; display: block; min-height: 40px; }
.general-asset .instruction { font-size: 12px; text-align: center; display: block; }


/*** End General asset ***/
/*** Categories ----------------------------------------------------------------***/

.cat-banner img { max-width: 100%; height: auto; }
.categories { margin-bottom: 40px; }
.page-list { padding: 0 15px; }

.categories ul li { list-style: none; margin-left: 0; }
.categories .page-list { display: none; }
.categories ul.actions { margin-top: 5px; }
.categories .view-range { display: block; }
.categories .category_item { margin-bottom: 38px; }
.category_item .title { display: block; height: 30px; overflow: hidden; font-size: 20px; font-weight: normal; text-decoration: none; color: #666; text-align: center; }

.category_item .image { background-attachment: scroll; background-clip: border-box; background-color: #ffffff; background-image: none; background-origin: padding-box;
    background-position: 0 0; background-repeat: no-repeat; background-size: auto auto; display: block; height: 195px; margin-bottom: 16px; text-align: center; width: 100%; overflow: hidden;}

#shop-category .category_item .teaser { line-height: normal; }
#shop-category .products .price { display: block; font-size: 18px; font-weight: 500; }
.product_detail_btn { color: #666; font-weight: 500; display: block; font-size: 18px; line-height: 30px; text-align: center; }

.category_item .view-button { font-weight: 500; display: block; font-size: 16px; text-align: center; }
.category_item .view-button:hover { color: #202020; }
.category_item .product-image.image { line-height: 150px; }
.category_item ul.actions li.cart a { background-color: #8cb76a; color: #fff; font-weight: 500; display: block; font-size: 15px; height: 48px; line-height: 48px; margin-top: 5px; padding: 0 20px 0 0; position: relative; text-align: center; text-transform: uppercase; }


/*** End Categories ***/

/*** Products ----------------------------------------------------------------***/

.product_items li .title { color: #000000; font-size: 26px; font-weight: normal; text-decoration: none; }
.product_items .image {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #ffffff;
    background-image: none !important;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    border: 1px solid #cacaca;
    display: block;
    height: 305px;
    line-height: 305px;
    margin-bottom: 16px;
    text-align: center;
    width: 100%;
}
.shop_gallery { position: relative; }
.shop_gallery_big { margin-bottom: 10px; padding-bottom: 20px; padding-top: 20px; text-align: center; overflow: hidden; }
.shop_gallery_big a { max-width: 100%; }
.shop_gallery_big img { max-width: 100%; max-height: 100%; }

.magnifier { display: block; margin-top: 10px; }
.magnifier img { width: 20px; margin-right: 6px;}

#product .price { font-size: 20px; font-weight: 600; }
#product .price input { border: 1px solid #ccc; }
#product h2 { font-size: 19px; }
#product .add-to-cart li { margin-left: 0; list-style: outside none; height: 37px; }
#product .add-to-cart button {  background-color: #8cb76a; color: #fff; }

#product .tasting { font-size: 16px; font-weight: 400; color: #fff; background-color: #999; height: 48px; }
#product .tasting a { color: #fff; line-height: 48px; }
#product h2 { margin: 25px 0 10px; }

#product .email-enquiry { display: block; padding: 20px 20px; width: 260px; color: #fff; text-align: center; background-color: #015bb1; }
#product .email-enquiry a { color: #fff; }
#product .email-enquiry a:hover { color: #fff; }
#product .test-section { display: block; margin-bottom: 30px;}
#product .product-features { display: block; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; padding: 15px 0 5px 2px; margin-bottom: 25px; }
#product .product-features p { color: #015bb1; }
#product .product-features .dimensions { width: 100px; padding-right: 30px; color: #333; }

#product-featured .category_item .title { line-height: 22px; }

.related-products h2 { margin-bottom: 20px; line-height: 45px; }
.related-products ul.actions { margin-top: 5px; }

#product-featured .hover { margin-top: 20px; }
#product-featured p.decription, .related-products p.decription, #shop-category p.decription { display: block; text-align: center; min-height: 40px; }

 @media only screen and (max-width: 800px) {
 
	#product-featured .hover { margin-top: 20px; }
	
 }

/*** End Products ***/


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

#footer .footer-contacts, #footer .footer-contacts a { color: #fcfcfc; }
#footer .company-tag { font-size: 17px; font-style: italic; color: #c1d7ee; }
#footer .footer-contacts h3 { text-transform: uppercase; color: #fcfcfc; margin-bottom: 15px; }
#footer .footer-contacts a:hover { color: #c2d4e8; }
#footer .footernav ul { margin: 0; }
#footer .footernav ul li { margin: 0 0 5px 0; }

#footer .footer-copyright { padding: 30px 0 0; color: #d9d9da; text-transform: uppercase; font-size: 11px; }
#footer .footer-copyright .footer-links a { color: #d9d9da; }

.hidden_on_desktop { display: none; }
.hidden_on_mobile { display: none; }

#social_panel { position: fixed; left: 0; bottom: 0; background: rgba(0, 0, 0, 0.7); color: #a29061; font-size: 1.3em; font-weight: normal; text-transform: uppercase;
  				 height: 130px; margin: 0 auto; padding-top: 20px; width: 100%; z-index: 1001; }

#social_panel .sp_content { margin: 0 auto; width: 80%; }
.sp_content .follow-title { float: left; height: 26px; width: 325px; text-align: left; }
.sp_content .follow-title-share { float: left; height: 26px; width: 260px; text-align: left; }
.sp_content .follow-title-join { float: right; height: 26px; width: 310px; text-align: left; }
#social_panel .sp_content .follow-rr { float: left; width: 325px; }
#social_panel .sp_content .follow-rr ul { height: 55px; margin: 0; padding: 0; background: transparent url(../images/social.png) no-repeat left 6px; }
.follow-rr li { float: left; height: 34px; list-style: none outside none; margin: 0; }
.follow-rr .follow-f { width: 31px; display: block; margin-right: 5px; }
.follow-rr .follow-f a { display: block; height: 0; padding-top: 34px; overflow: hidden; }
.follow-rr .follow-t { width: 31px; display: block; margin-right: 8px; }
.follow-rr .follow-t a { display: block; height: 0; padding-top: 34px; overflow: hidden; }
.follow-rr .follow-fs { width: 165px; display: block; }
.follow-rr .follow-fs a { display: block; height: 0; padding-top: 34px; overflow: hidden; }

#social_panel .sp_content .share-rr { float: left; width: 260px; }
#social_panel .sp_content .join-rr { float: right; width: 310px; height: 55px; line-height: 31px; text-align: left; }

.join-rr .join-form { float: left; display: block; }

/*** End Footer ***/

/*** Subpage styles ---------------------------------------------------------- ***/

.page-title { display: block; margin-bottom: 30px; padding: 0 15px; color: #ba0c0e; }

#sub-banner { height: 420px; }
#sub-banner .banner-heading { display: none; padding: 350px 0 0 310px; font-size: 2.3em; color: #9b8958; font-weight: 700; font-family: 'Droid Sans', sans-serif; }

#subintro-content #system-submenu li { list-style-image: url("../images/arrow-right.png"); margin-top: 7px; margin-bottom: 7px; }
#subintro-content #system-submenu li a { color: #fff; }
#subintro-content #system-submenu li a:hover { color: #c2d4e8; }
#subintro-content #system-submenu { background-color: #015bb1; padding: 30px; }

#subintro-content .wide-content { padding-bottom: 40px; }

/*** End Subpage ***/

/*** Subpage Footer styles ---------------------------------------------------------- ***/

#footer { background-color: #012f60; width: 100%; margin: 0 auto; height: 300px; padding: 50px 0 0; }
#footer .companylogo { text-align: center; }
#footer .footer-titles {
	color: #fff;
	display: block;
    font-size: 1.3em;
    font-weight: normal;
	margin-bottom: 7px;
	text-transform: uppercase;
}
.follow-rr { float: left; width: 242px; }
.follow-rr ul { height: 55px; margin: 0; padding: 0; background: transparent url(../images/social.png) no-repeat left 6px; }
#footer .footer-nav { display: block; padding-top: 60px; color: #ccc; font-size: 1.1em; font-weight: normal; text-transform: uppercase; }
#footer .footer-nav a { color: #fff; }
#footer .footer-nav a:hover { color: #c1d7ec; }
.footerlink { padding-left: 0; padding-right: 0; margin-top: 15px; }
  
	@media only screen and (max-width: 768px) {
  
	  	#footer { height: 100%; }
	  	#footer .social { text-align: left; margin-top: 15px; margin-bottom: 40px; }
	  	#footer .social .pull-right  { float: none !important; display: block; }
  
	}
	@media only screen and (max-width: 500px) {
  
	  	#footer { height: 100%; }
	  	#footer .social { text-align: left; margin-top: 15px; margin-bottom: 40px; }
  		#footer .social .pull-right  { float: none !important; display: block; }
	}

/*** End Subpage Footer ***/

/*** Forms styles ------------------------------------------------------------ ***/

label.label {font-size: 100%; color: #666; padding: 0.2em 0.8em 0.3em 0; }
.c1-form input, .c1-form textarea { border: 1px dotted #888; padding: 10px; margin: 7px 0 6px; width: 95%; }
.c1-form button { background: #023e7a; color: #fcfcfc; }
#page-form-1 { text-align: left; padding: 20px 0; }

/*** Forms styles***/

/*** Site Map styles ------------------------------------------------------------ ***/

#sitemap ul, #sitemap li { list-style-type: none; list-style-image: none; margin: 0 0 0 20px; }
#sitemap a { display: block; width: 55%; padding: 2px 2px 2px 5px; font-size: 16px; }
#sitemap li a.parent span { padding-top: 5px; line-height: 32px; font-weight: 500; }
#sitemap ul > li > li a.parent { border-bottom: none; color: #8cb76a ; width: 52%; line-height: 25px !important; }
#sitemap ul > li > ul > li > ul > li a.parent span { width: 50%; color: #888888; line-height: 25px !important; }

#sitemap > ul > li > a { border-bottom: 1px dotted #8cb76a; }

#sitemap ul li ul { margin-left: 0; }
#sitemap li li a { font-size: 15px; color: #444444; }
#sitemap li li li a { font-weight: normal; width: 210px; }
#sitemap li a:hover.parent { color: #222222; }

/*** End Site Map ***/

/*** Locations, Aboutus ------------------------------------------------------ ***/

#google_map.c1-maps { background: #ffffff; height: 460px; margin-top: 20px; }
.vcard .tel strong { display: inline-block; width: 70px; }
#location-list .c1-maps { background: #ffffff; height: 420px !important; }
#location-list li { float: left; height: 180px; max-width: 284px; min-width: 235px; }

@media (max-width: 500px) {
	
	#location-list li { float: none; max-width: 100%; width: 100%; }
}

#location-list.location-listing .country-name { font-weight: 600; }
#location-list.location-listing .name { font-weight: 500; font-size: 15px; line-height: 33px; }
#location-list.location-listing .website-address { font-size: 13px; }

/*** End Locations, Aboutus ***/

/*** Registration styles ----------------------------------------- ***/

#member_register h2 { fonr-size: 22px; margin: 20px 0 15px; }
#member_register select { width: auto; }
#member_register input[type="text"], #member_register input[type="password"], #member_register textarea { padding: 0.5em; border: 1px solid #BCBCBC; width: 400px; }
#member_register .title input[type="text"] { width: 247px; }

#member_register .table-input-group .label-left { display: block; height: 40px; padding-top: 13px; vertical-align: bottom; width: 230px; }
#member_register .buttons { float: left; clear: both; }
.hidden { display: none; }

/*** End Registration styles ***/


/*** Gallery styles ------------------------------------------ ***/

/* List Gallery styles */

#gallery-list { margin-bottom: 25px; }
#gallery-list ul li { width: 255px; height: 215px; list-style-image: none; list-style: none; margin: 0 10px 30px 0; float: left; }
#gallery-list a { color: #666666; }
#gallery-list a:hover { color: #c12b2d;	}
#gallery-list ul li span.gal-cat-name { display: block; margin: 16px 0; text-align: center; font-size: 16px; font-weight: 600; }
#gallery-list li img { border: 5px solid #fff; }

/* Embedded Gallery styles */

.gallery .gallery-image .image img { display: none; }
.imagegallery { clear: both; display: block; float: left; margin-bottom: 50px; width: 100%; }
.imagegallery { display: block; clear: both; float: left; margin-bottom: 50px; width: 100%; }
.imagegallery ul { display: block; clear: both; }
.imagegallery li { list-style: none;  padding: 0px; margin:10px 2px; text-align: center; }
.imagegallery li img { max-width: 100%; width: 170px; height: 150px; border: 5px solid #fff; }

/*** END Gallery styles ***/


/*** Page not Found Form ------------------------------------***/

input.w15 { background: #fff none repeat scroll 0 0; border: 1px solid #888; margin-right: 10px; padding: 10px; margin-top: 20px; }


/*** Menu panel ----------------------------------------- ***/

@media (max-width: 1060px) {
	.header-nav #navbar ul li a {
		padding: 0px 2px;
		font-size: 13px;
		font-weight: 100;
	}
}
@media (max-width: 990px) {
	
	.header-nav #navbar ul li a { padding: 0px; font-size: 14px; }
	.header_cart { padding-top: 10px; }
	.hidden_on_mobile { display: none; }
}
@media (max-width: 807px) {
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .header-nav { 
    	background: none; 
    }
    .header-main .moto { 
    	font-size: 13px;
    	margin-top: 29px;
    }
    #sub-slider .carousel-inner {
    	height: 285px;
	}
	.header-main .cart { margin: 24px 20px 0 0; }
}
@media (max-width: 768px) {
	
	.header-nav #navbar ul li a { padding: 4px; display: block; }
	.header-nav { background: transparent; }
	
	.header-nav #navbar { height: auto; width: 100%; }
	.left-padding { padding-left: 0; }
	
	.navbar-nav {
		text-align: center;
		width: 100%;
		margin: 0;
	}
	
	.navbar-nav {
		background: rgba(63, 67, 68, 0.8);
	}
	
	.navbar-nav > li {
		margin: 0;
	}
	
	.navbar-collapse {
		padding: 0;
	}
	
	.dropdown .dropdown-menu {
		max-height: initial;
		text-align: center;
	}
	
	.dropdown > ul {
		width: 100%;
	}
	
	.nav_bar_item {
		height: 33px;
	}
	
	.dropdown .dropdown-menu li {
		background-color: transparent;
	}
	
	.header-nav #navbar ul li ul.dropdown-menu li a {
	    padding: 10px;
	}
	
	.dropdown-menu {
		position: relative;
		float: none;
	}
		.navbar-collapse.collapse {
		display: none!important;
	}
	.navbar-collapse.collapse[aria-expanded=true] {
		display: block!important;
	}
	.navbar-collapse.collapse[aria-expanded=false] {
        display: none!important;
    }
	.hidden_on_mobile { display: none; }
}

@media ( min-width :769px) {
	.hidden_on_desktop {
		display: none;
	}
}

@media (max-width: 1400px) { 

	#sub-slider .carousel-inner { height: 330px; }
	#sub-slider .caption { top: 32%; }
	
}
@media (max-width: 1299px) { 

	#sub-slider .carousel-inner { height: 330px; }
	#sub-slider .caption { top: 32%; }
	
}
@media (max-width: 991px) { 
	
	.header-main .logo { width: 170px; }	
	#home-slider .thumbnails { display: none; }
	#home-slider .item { background-image: none !important; height: auto; }
	#home-slider .caption h1 { font-size: 37px; }
	
	#sub-slider .carousel-inner { height: 300px; }
	#sub-slider .caption { top: 33%; }
	
	#social-content .right-column { margin-top: 30px; }
	.header-top { height: 165px; }

}
@media (max-width: 980px) { 
	
   	.navbar-brand > img { width: 150px; }
   	.navbar { min-height: 65px; }
	.navbar-default .navbar-toggle { border: none; background: none; margin-right: 21px; }
	.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background: none; }
	.navbar-default .navbar-toggle .icon-bar { background-color: #0397D6; }
	.blue .navbar-fixed-top .navbar-collapse { top: 125px; }
	.navbar-toggle { margin-top: 16px; margin-bottom: 16px; margin-right: 15px; }
	.header-top { height: 165px; }
}
@media (max-width: 800px) {

    #sub-slider .carousel-inner { height: 250px; }
    #sub-slider .caption { top: 27%;  }
    .header-top { height: 155px; }
    
}	
@media (max-width: 768px) {
	
	.search-box { display: none; }	
	.phone span { font-size: 11px; }
	.top-nav { font-size: 11px; }
	.header-logo { display: block; overflow: hidden; width: 110px; }
	footer .footer-logos { padding: 15px; }
	
	#sub-slider .carousel-inner { height: 240px; }
	#sub-slider .caption { font-size: 18px; }
	#sub-slider .caption h1 { font-size: 34px; }
	
	#home-slider .caption { font-size: 19px; top: 28%; }
	#home-slider .caption h1 { font-size: 34px; }
	
}
@media (max-width: 644px) {
	
	.header-top { height: 135px; }
	.header-main .logo { width: 130px; }
	#home-slider .caption { font-size: 16px; top: 26%; padding: 16px 0 10px; }
	#home-slider .caption h1 { font-size: 30px; }
	
	#sub-slider .carousel-inner { height: 205px; }
	#sub-slider .caption { top: 20%; }

}
@media (max-width: 600px) {
	
	.top-nav { display: none; }
	.col-xxs-12 { width: 100%; }
	footer .footer-nav-copyright { text-align: left; }
	footer h3 { margin: 10px 0 6px; }
	#sub-slider .carousel-inner { height: 200px; }
	#sub-slider .caption { font-size: 16px; top: 16%; font-size: 13px; }
	#sub-slider .caption h1 { font-size: 32px; }
}
@media (max-width: 500px) {
	
	.header-main .moto { display: none; }
	
	.header_image img { width: 300px; padding-top: 10px; }
	
	#sub-slider .carousel-inner { height: 150px; }
	#sub-slider .caption { font-size: 13px; top: 22%;  }
	#sub-slider .caption h1 { font-size: 20px; }
	
	#home-slider .caption { font-size: 14px; top: 24%; }
	#home-slider .caption h1 { font-size: 20px; margin-bottom: 5px;}
	#search-section h3 { padding-bottom: 10px; }
	
	#product .email-enquiry { width: 100%; }
	
}
@media (max-width: 453px) {
	
	#sub-slider .carousel-inner { height: 140px; }
	
	#search-results input { width: 180px;}
	#search-results button.btn_dark { padding: 0 10px 0; }
}
@media (max-width: 380px) {
	
	#sub-slider .carousel-inner { height: 120px; }
	#sub-slider .caption { display: none; }
	h1 { font-size: 1.5em; }
	.header-main .logo { width: 107px; }
	.header-top { height: 115px; }
}