/*
Theme Name:     Canvas Child
Theme URI:      http://example.com/
Description:    Child theme for the Canvas theme 
Author:         Kirk Johnston
Author URI:     http://example.com/about/
Template:       canvas
Version:        1.0.0
*/

@import url("../canvas/style.css");

/* 
Titles
font-family: 'Lato', sans-serif;
font-weight:900;

Normal 
font-family: "fira-sans",sans-serif;
font-weight:200; OR 500
*/


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

body {
	background:#000 !important;
}

.entry img, img.thumbnail, #portfolio .group.portfolio-img img {
  background: none;
  border: 0;
  padding: 0;
}

/* =============================================================================
   Layout
   ========================================================================== */
	 
.innerWrapper {
	max-width:1230px;
	margin:auto;
	padding:0 20px;
}

.widget {
  margin: 0;
}

.left {
	float:left;
}

.right {
	float:right;
}

/* =============================================================================
   Social Icons
   ========================================================================== */

#customHeader .socialIcons {
	float:right;
	clear: right;
	margin:60px 0 0 !important;
}

#customFooter .socialIcons {
	float:right;
	margin:60px 0 0;
}

.socialIcons a span, .socialIcons a > i {
	float:left;
	margin:0 0 0 15px;
}

.socialIcons a:first-child span {
	margin:0;
}

.socialIcons a i {
	font-size:30px;
	line-height:30px;
}

.fa-stack-1x {
    color:white;
}

.socialIcons i.fa-facebook-official {
	color:#485a93;
}

.socialIcons a span.icon-facebook-official i.fa-square {
	font-size:28px;
	line-height:30px;
}

.socialIcons i.fa-youtube-play {
	font-size:26px;
	line-height:30px;
	color:#f51c0e;
}

.socialIcons a span.icon-youtube-play i.fa-square {
	font-size:20px;
	line-height:30px;
}

.socialIcons i.fa-twitter {
	font-size:28px;
	line-height:30px;
	color:#76a9e9;
}

.socialIcons i.fa-google-plus {
	font-size:21px;
	line-height:30px;
	color:#f24d3b;
}

/* =============================================================================
   Top Bar
   ========================================================================== */

#topBar {
	position:relative;
	z-index:10;
	padding:4px 0;
	background:#e20d13;
	-webkit-box-shadow: 0px 5px 5px 0px rgba(128,128,128,1);
	-moz-box-shadow: 0px 5px 5px 0px rgba(128,128,128,1);
	box-shadow: 0px 5px 5px 0px rgba(128,128,128,1);
}

#topBar .innerWrapper {
	overflow:auto;
}

#topBar p {
	float:left;
	margin:0;
	padding:0 0 0 10px;
	font-family: "fira-sans",sans-serif;
	font-size:14px;
	line-height:20px;
	font-weight:500;
	color:#000;
}

#topBar p br {
	display: none;
}

#topBar p a {
	font-family: "fira-sans",sans-serif;
	font-size:14px;
	line-height:20px;
	font-weight:500;
	color:#fff;
}

#topBar p a:hover {
	text-decoration:none;
	color:#000;
}

#topBar .innerWrapper > a {
	float:right;
	font-family: "fira-sans",sans-serif;
	font-size:14px;
	line-height:20px;
	font-weight:500;
	color:#fff;
}

#topBar .innerWrapper > a i {
	padding:0 5px 0 0;
	font-size:18px;
	color:#000;
}

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

header#customHeader {
	background-color:#fff;
}

header#customHeader .innerWrapper {
	overflow:auto;
}

header#customHeader img.logo {
	float:left;
	margin:30px 0 15px;
}

header#customHeader img.dts {
	float: right;
	margin:20px 0 0;
}

/* =============================================================================
   Navigation
   ========================================================================== */
	 
nav#navigation, h3.nav-toggle, .menuToggle {
	display:none !important;
}

#mainMenu {
	float:left;
	margin:55px 0 0 105px;
}

#mainMenu ul {
	list-style-type:none;
	overflow:auto;
}

#mainMenu ul li {
	float:left;
	margin:0;
	padding:0 25px;
	font-family: "fira-sans",sans-serif;
	font-size:18px;
	line-height:40px;
	font-weight:200;
	text-transform:lowercase;
	color:#000;
	border-left:2px solid #e20d13;
}

#mainMenu ul li:first-child {
	border-left:0;
}

#mainMenu ul li a {
	font-family: "fira-sans",sans-serif;
	font-size:18px;
	line-height:20px;
	font-weight:200;
	text-transform:lowercase;
	color:#000;
}

#mainMenu ul li a:hover {
	text-decoration:none;
	color:#e20d13;
}

/* =============================================================================
   Main Slider
   ========================================================================== */

.slideText h2 {
	margin:0 !important;
	padding:0 !important;
	font-family: 'Lato', sans-serif;
	font-size:38px !important;
	line-height:43px !important;
	font-weight:700 !important;
	text-align:right !important;
	text-transform:uppercase;
	color:#fff;
	text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.9) !important;
}

/* =============================================================================
   Content
   ========================================================================== */

#content {
	max-width:100%;
	padding:20px 0 0;
	background:#fff;
}

body.home #content, body.archive.woocommerce #content {
	padding:0;
}

body.woocommerce-checkout #content {
	padding:20px 0;
}

#main-sidebar-container {
	max-width:1230px;
	margin:auto;
	padding:0 20px;
}

body.single-product #main-sidebar-container {
	max-width:1000px;
}

article.page header {
	display:none;
}

h1.pageHeading {
	margin:0;
	padding:0 0 20px;
	font-family: 'Lato', sans-serif;
	font-size:40px;
	line-height:44px;
	font-weight:900;
	text-align:center;
	text-transform:uppercase;
	color:#e20d13;
}

.narrowText {
	max-width: 800px;
	margin: 0 auto 20px;
}

/* =============================================================================
   Page Intro
   ========================================================================== */

#pageIntro {
	background:#000;
}

#pageIntro h1 {
	margin:0;
	padding:20px 0;
	font-family: 'Lato', sans-serif;
	font-size:40px;
	line-height:44px;
	font-weight:900;
	text-align:center;
	color:#e20d13;
}

#pageIntro h1 span.white {
	color:#fff;
}

#pageIntro p {
	margin:0;
	padding:0 0 20px;
	font-family: "fira-sans",sans-serif;
	font-size:16px;
	line-height:20px;
	font-weight:200;
	text-align:center;
	color:#fff;	
}

#pageIntro p a {
	font-family: "fira-sans",sans-serif;
	font-size:16px;
	line-height:20px;
	font-weight:200;
	text-align:center;
	color:#fff;	
}

#pageIntro p a:hover {
	text-decoration:none;
	color:#e20d13;	
}

/* =============================================================================
   Hire Strapline
   ========================================================================== */

.hireStrapline {
	background:#fff;
}

.hireStrapline h3 {
	margin:0;
	padding:20px 0 0;
	font-family: 'Lato', sans-serif;
	font-size:30px;
	line-height:33px;
	font-weight:900;
	text-align:center;
	color:#000;
}

.hireStrapline h3 .red {
	color:#e20d13;
}

.hireStrapline h3 a {
	text-decoration: none;
}

/* =============================================================================
   Category Promos
   ========================================================================== */

#categoryPromos {
	padding-top: 35px;
	background-color:#e20d13;
}

/* =============================================================================
   Our Brands
   ========================================================================== */

#ourBrands {
	background-color:#e20d13;
}

#ourBrands h2 {
	margin:0;
	padding:20px 0 0;
	font-family: 'Lato', sans-serif;
	font-size:40px;
	line-height:44px;
	font-weight:700;
	text-align:center;
	color:#fff;
}

#ourBrands .wpb_single_image {
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-height: 200px;
	background-color: #fff;;
}

section.related.products {
	display: none !important;
}

/* =============================================================================
   Recent Products
   ========================================================================== */

#recentProducts > h2, #recentProducts .wpb_wrapper > h2 {
	margin:0;
	padding:20px 0 0;
	font-family: 'Lato', sans-serif;
	font-size:40px;
	line-height:44px;
	font-weight:900;
	text-align:center;
	text-transform:uppercase;
	color:#000;
}

body.single-product #recentProducts > h2, body.single-product #recentProducts .wpb_wrapper > h2 {
	padding:20px 0 35px;
}

#recentProducts > h2 span.red, #recentProducts .wpb_wrapper > h2 span.red {
	color:#e20d13;
}

body.single-product #recentProducts ul li {
	padding: 0 0 30px;
	outline: 1px solid #e20d13;
}

#recentProducts li.product h2 {
	height: 60px;
	margin:0;
	padding:0 10px 15px;
	font-family: "fira-sans",sans-serif;
	font-size:15px;
	line-height:20px;
	font-weight:200;
	color:#000;
}

body.single-product #recentProducts li.product h2 {
	height: 60px;
}

#recentProducts span.price {
	display:none;
}

#recentProducts ul.products a.add_to_cart_button {
	margin:5px 0 0;
	font-family: "fira-sans",sans-serif;
	font-size:15px;
	line-height:20px;
	font-weight:500;
	text-transform:none;
	color:#fff;
	border:0;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#FF4A00+1,FF4A00+100 */
	background: #FF4A00; /* Old browsers */
	background: -moz-linear-gradient(top,  #FF4A00 1%, #FF4A00 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #FF4A00 1%,#FF4A00 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #FF4A00 1%,#FF4A00 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FF4A00', endColorstr='#FF4A00',GradientType=0 ); /* IE6-9 */
}

#recentProducts ul.products a.add_to_cart_button:hover {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#FF4A00+0,FF4A00+100 */
	background: #FF4A00; /* Old browsers */
	background: -moz-linear-gradient(top,  #FF4A00 0%, #FF4A00 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #FF4A00 0%,#FF4A00 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #FF4A00 0%,#FF4A00 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FF4A00', endColorstr='#FF4A00',GradientType=0 ); /* IE6-9 */
}

/* =============================================================================
   Make Enquiry
   ========================================================================== */

#makeEnquiry .vc_column-inner {
	padding-top:0;
}

#makeEnquiry h2 {
	margin:0;
	padding:20px 0 0;
	font-family: 'Lato', sans-serif;
	font-size:40px;
	line-height:44px;
	font-weight:900;
	text-align:center;
	text-transform:uppercase;
	color:#000;
}

#makeEnquiry h2 span.white {
	color:#fff;
}

.gform_wrapper {
  margin: 0;
}

form.makeEnquiry ul.gform_fields {
	padding:0 !important;
}

form.makeEnquiry ul.gform_fields .leftColFix {
	float:left;
	width:48%;
}

form.makeEnquiry ul.gform_fields li.gfield {
	margin:0 0 10px !important;
	padding:0 !important;
}

form.makeEnquiry ul.gform_fields li.gfield#field_2_4 {
	float:right;
	clear:none;
	width:48%;
}

form.makeEnquiry ul.gform_fields li.gfield label {
	display:none;
}

form.makeEnquiry ul.gform_fields li.gfield div {
	margin: 0 !important;
}

form.makeEnquiry ul.gform_fields li.gfield input, form.makeEnquiry ul.gform_fields li.gfield textarea {
	width: -moz-calc(100% - 2px) !important;
	width: -webkit-calc(100% - 2px) !important;
	width: -o-calc(100% - 2px) !important;
	width: calc(100% - 2px) !important;
	height:50px !important;
	margin:0 !important;
	padding:10px 25px 10px 10px !important;
	font-family: "fira-sans",sans-serif;
	font-size:20px !important;
	line-height:30px !important;
	font-weight:300 !important;
	color:#676767 !important;
	border:2px solid #000 !important;
	border-radius:0 !important;
}

form.makeEnquiry ul.gform_fields li.gfield textarea {
	height:170px !important;
	resize:none !important;
}

form.makeEnquiry ul.gform_fields li.gfield.gfield_contains_required input, form.makeEnquiry ul.gform_fields li.gfield.gfield_contains_required textarea {
    background: #fff url(images/form-icons/red-asterisk.png) no-repeat 98% center !important;
}

form.makeEnquiry ul.gform_fields li.gfield.gfield_error input, form.makeEnquiry ul.gform_fields li.gfield.gfield_error textarea { /* when a field is considered invalid by the browser */
    background: #fff url(images/form-icons/invalid.png) no-repeat 98% center !important;
    box-shadow: 0 0 5px #d45252 !important;
    border-color: #b03535 !important;
}

form.makeEnquiry ul.gform_fields li.gfield.gfield_contains_required input.completed, form.makeEnquiry ul.gform_fields li.gfield textarea.completed { /* when a field is considered valid by the browser */
    background: #fff url(images/form-icons/valid.png) no-repeat 98% center !important;
    box-shadow: 0 0 5px #5cd053 !important;
    border-color: #28921f !important;
}

form.makeEnquiry ul.gform_fields li.gfield#field_2_5 {
	float:left;
	width:48%;
}

form.makeEnquiry ul.gform_fields li.gfield#field_2_5 > div {
	float:right;
}

form.makeEnquiry .gform_footer {
	float:right;
	width:48%;
	padding:0 !important;
}

form.makeEnquiry input[type="submit"] {
	width: 125px !important;
	height:35px !important;
	margin:0 !important;
	padding:0 !important;
	font-family: 'Lato', sans-serif;
	font-size:15px !important;
	line-height:15px !important;
	font-weight:300 !important;
	color: #fff !important;
	background: #000 !important;
	text-decoration: none !important;
	border:2px solid #fff !important;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
}

form.makeEnquiry input[type="submit"]:hover {
  color: #e20d13 !important;
}

.validation_error, .validation_message {
	display:none;
}

form.makeEnquiry ul.gform_fields li.gfield#field_2_5 .validation_message {
	display:block;
	float:left;
	clear:none;
	width: -moz-calc(100% - 350px) !important;
	width: -webkit-calc(100% - 350px) !important;
	width: -o-calc(100% - 350px) !important;
	width: calc(100% - 350px) !important;
	padding:0;
	font-family: 'Lato', sans-serif;
	font-size:20px !important;
	line-height:25px !important;
	font-weight:300 !important;
	color: #fff !important;
}

.gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
  margin-bottom: 0 !important;
  padding: 0 !important;
	background-color:transparent !important;
  border-bottom: 0 !important;
  border-top: 0 !important;
  box-sizing: none !important;
}

/* =============================================================================
   Our Clients
   ========================================================================== */

#ourClients {
	display: none;
}

#ourClients .vc_column-inner {
	padding-top:0;
}

#ourClients h2 {
	margin:0;
	padding:20px 0 0;
	font-family: 'Lato', sans-serif;
	font-size:40px;
	line-height:44px;
	font-weight:900;
	text-align:center;
	text-transform:uppercase;
	color:#000;
}

#ourClients h2 span.red {
	color:#e20d13;
}

/* =============================================================================
   Videos Feed
   ========================================================================== */

#videosFeed .wpb_content_element {
  margin-bottom: 20px;
}

/* =============================================================================
   Shop
   ========================================================================== */

#shopHeader {
	margin: 0 0 20px;
}

body.archive.woocommerce h1.page-title {
	margin:0;
	padding:0 0 20px;
	font-family: 'Lato', sans-serif;
	font-size:40px;
	line-height:44px;
	font-weight:900;
	text-align:center;
	text-transform:uppercase;
	color:#e20d13;
}

ul.products li.product {
  width: 13.5% !important;
}

li.product a h2 {
	height: 60px;
	margin:0;
	padding:0;
	font-family: "fira-sans",sans-serif;
	font-size:17px;
	line-height:20px;
	font-weight:500;
	text-align:center;
	color:#000;
}

ul.products a.add_to_cart_button, button.single_add_to_cart_button, body.woocommerce-page input.button, body.woocommerce-page a.button {
	margin:0;
	font-family: "fira-sans",sans-serif;
	font-size:15px;
	line-height:20px;
	font-weight:500;
	text-transform:none;
	color:#fff;
	border:0;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#FF4A00+1,FF4A00+100 */
	background: #FF4A00; /* Old browsers */
	background: -moz-linear-gradient(top,  #FF4A00 1%, #FF4A00 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #FF4A00 1%,#FF4A00 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #FF4A00 1%,#FF4A00 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FF4A00', endColorstr='#FF4A00',GradientType=0 ); /* IE6-9 */
}

ul.products a.add_to_cart_button:hover, button.single_add_to_cart_button:hover, body.woocommerce-page input.button:hover, body.woocommerce-page a.button:hover {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#FF4A00+0,FF4A00+100 */
	background: #FF4A00; /* Old browsers */
	background: -moz-linear-gradient(top,  #FF4A00 0%, #FF4A00 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #FF4A00 0%,#FF4A00 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #FF4A00 0%,#FF4A00 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FF4A00', endColorstr='#FF4A00',GradientType=0 ); /* IE6-9 */
}

mark.count {
	display: none !important;
}

/* =============================================================================
   Single Product
   ========================================================================== */

body.single-product h2.categoryHeading {
	margin:0;
	padding:45px 0 65px;
	font-family: "fira-sans",sans-serif;
	font-size:35px;
	line-height:40px;
	font-weight:500;
	text-align:center;
	text-transform:uppercase;
	color:#000;
}

/* =============================================================================
   Cart / Checkout
   ========================================================================== */

.wc-proceed-to-checkout {
	margin: 0 0 20px;
}

.shipping ul {
	list-style-type: none !important;
	padding: 0 !important;
}

body.woocommerce-checkout .simplepopup {
	max-height: 80% !important;
}

/* =============================================================================
   Posts
   ========================================================================== */

.post-meta span.small, .post-meta span.author, .post-meta span.categories, aside#post-author {
	display:none;
}

.post-meta abbr {
  border-bottom: 0;
  cursor: default;
}

/* =============================================================================
   Contact Us
   ========================================================================== */

   #mapContainer {
	position: relative;
	/*padding-bottom: 75%; /* 4:3 ratio*/
	/* height: 0; */
	height:400px;
	overflow: hidden;
}

#mapContainer iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

#makeEnquiry {
  background-image: url("https://orbitalweldingsupplies.co.uk/wp-content/uploads/2016/03/make-enquiry.jpg?id=137") !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  padding-bottom: 36px !important;
}

.gform_wrapper {
  margin: 0;
}

form.contact ul.gform_fields {
	padding:0 !important;
}

form.contact ul.gform_fields li.gfield {
	padding:0 0 20px !important;
}

form.contact ul.gform_fields li.gfield label {
	display:none;
}

form.contact ul.gform_fields li.gfield div {
	margin: 0 !important;
}

form.contact ul.gform_fields li.gfield input, form.contact ul.gform_fields li.gfield textarea {
	width: -moz-calc(100% - 32px) !important;
	width: -webkit-calc(100% - 32px) !important;
	width: -o-calc(100% - 32px) !important;
	width: calc(100% - 32px) !important;
	height:30px !important;
	margin:0 !important;
	padding:3px 25px 3px 5px !important;
	font-family: Helvetica, Arial, sans-serif !important;
	font-size:15px !important;
	line-height:20px !important;
	font-weight:300 !important;
	color:#676767 !important;
	border:1px solid #000 !important;
	border-radius:0 !important;
}

form.contact ul.gform_fields li.gfield textarea {
	height:150px !important;
	resize:none !important;
}

form.contact ul.gform_fields li.gfield.gfield_contains_required input, form.contact ul.gform_fields li.gfield.gfield_contains_required textarea {
    background: #fff url(images/form-icons/red-asterisk.png) no-repeat 98% center !important;
}

form.contact ul.gform_fields li.gfield.gfield_error input, form.contact ul.gform_fields li.gfield.gfield_error textarea { /* when a field is considered invalid by the browser */
    background: #fff url(images/form-icons/invalid.png) no-repeat 98% center !important;
    box-shadow: 0 0 5px #d45252 !important;
    border-color: #b03535 !important;
}

form.contact ul.gform_fields li.gfield.gfield_contains_required input.completed, form.contact ul.gform_fields li.gfield textarea.completed { /* when a field is considered valid by the browser */
    background: #fff url(images/form-icons/valid.png) no-repeat 98% center !important;
    box-shadow: 0 0 5px #5cd053 !important;
    border-color: #28921f !important;
}

form.contact .gform_footer {
	margin:0 !important;
	padding:0 !important;
}

form.contact input[type="submit"] {
	width: 305px !important;
	height:30px !important;
	margin:0 !important;
	padding:0 !important;
	font-family: Helvetica, Arial, sans-serif !important;
	font-size:15px !important;
	line-height:15px !important;
	font-weight:300 !important;
	color: #fff !important;
	background: #333 !important;
	text-decoration: none !important;
	border:0 !important;
}

form.contact input[type="submit"]:hover {
  background: #666 !important;
}

.validation_error, .validation_message {
	display:none;
}

.gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
  margin-bottom: 0 !important;
  padding: 0 !important;
	background-color:transparent !important;
  border-bottom: 0 !important;
  border-top: 0 !important;
  box-sizing: none !important;
}

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

footer#customFooter .innerWrapper {
	padding:35px 20px 30px;
	overflow:auto;
}

#customFooter .socialIcons {
	margin:5px 115px 0 0;
}

#footerMenu {
	float:left;
	margin:85px 0 0 20px;
}

#footerMenu aside.widget_nav_menu {
	float:left;
	min-height:260px;
	margin:0 65px 0 0;
	padding:0 70px 0 0;
	border-right:1px solid #404040;
}

#footerMenu ul {
	list-style-type:none;
}

#footerMenu ul li {
	margin:0;
	padding:0 0 15px;
	font-family: "fira-sans",sans-serif;
	font-size:18px;
	line-height:20px;
	font-weight:200;
	color:#fff;
}

#footerMenu ul li a {
	font-family: "fira-sans",sans-serif;
	font-size:18px;
	line-height:20px;
	font-weight:200;
	color:#fff;
}

#footerMenu ul li a:hover {
	text-decoration:none;
	color:#e20d13;
}

#twitterFeed {
	float:right;
	clear:right;
	margin:40px 60px 0 0;
}

img#isoLogos {
	float: left;
	clear: left;
	margin: 45px 0 0;
}

footer#customFooter .innerWrapper > p {
	float:left;
	clear:left;
	margin:15px 0 0 20px;
	padding:0;
	font-family: "fira-sans",sans-serif;
	font-size:15px;
	line-height:20px;
	font-weight:500;
	color:#fff;
}

/* =============================================================================
   Mobile Devices
   ========================================================================== */

@media screen and (max-width: 1250px) { /* START - Desktop (Medium) */
	
/* =============================================================================
   Navigation
   ========================================================================== */
	 
	#mainMenu {
		margin:55px 0 0 20px;
	}

	#mainMenu ul li {
		padding:0 15px;
	}

/* =============================================================================
   Shop
   ========================================================================== */

	li.product a h2 {
		height: 80px;
	}		
	
/* =============================================================================
   Recent Products
   ========================================================================== */

	#recentProducts li.product h2 {
		height: 60px;
	}	

/* =============================================================================
   Contact Us
   ========================================================================== */	
	
	#makeEnquiry .vc_custom_1478152613967 {
  	padding-left: 0px !important;
  	padding-right: 0px !important;
	}

	#wpgmza_map {
		height: 300px !important;
	}
	
/* =============================================================================
   Videos Feed
   ========================================================================== */	
	
	#videosFeed .vc_custom_1478152587432 {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	
} /* END - Desktop (Medium) */

@media screen and (max-width: 1050px) { /* START - Desktop (Small) */
	
/* =============================================================================
   Header
   ========================================================================== */	

	header#customHeader img.logo {
		margin: 30px 0 0;
	}	
	
	header#customHeader img.dts {
		float: left;
		clear: left;
		margin:0 0 20px;
	}	
	
} /* END - Desktop (Small) */

@media screen and (max-width: 960px) { /* START - Tablet (Landscape) */

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

	header#customHeader img.logo {
		display: block;
		float:none;
		width: 100%;
		max-width:277px;
		height: auto;
		margin:10px auto 0;
	}	

/* =============================================================================
   Social Icons
   ========================================================================== */

	#customHeader .socialIcons {
		margin:20px 0 0 !important;
	}

	
/* =============================================================================
   Navigation
   ========================================================================== */	 
	 
	.menuToggle {
		width:32px;
		height:22px;
		display:block !important;
		position:absolute;
		top:50px; right:20px;
	}
		
	.menu-opener, .menu-opener.active, .menu-opener-inner, .menu-opener-inner::before, .menu-opener-inner::after, .menu, .menu.active {
		-webkit-transition: 250ms all;
		transition: 250ms all;
	}
	
	.menu-opener {
		width:32px;
		height:22px;
		cursor: pointer;
		position: absolute;
		top:0; right:0;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}
	
	.menu-opener-inner {
		width: 32px;
		height: 5px;
		margin-top: 8px;
		background: #000;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
	}
		
	.menu-opener-inner::before, .menu-opener-inner::after {
		width: 32px;
		height: 5px;
		background: #000;
		content: '';
		display: block;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
	}
	
	.menu-opener-inner::before {
		-webkit-transform: translateY(-8px);
		-ms-transform: translateY(-8px);
		transform: translateY(-8px);
	}
	
	.menu-opener-inner::after {
		-webkit-transform: translateY(3px);
		-ms-transform: translateY(3px);
		transform: translateY(3px);
	}
	
	.menu-opener-inner.active {
		background: transparent;
	}
	
	.menu-opener-inner.active::before {
		-webkit-transform: translateY(0px) rotate(-45deg);
		-ms-transform: translateY(0px) rotate(-45deg);
		transform: translateY(0px) rotate(-45deg);
	}
	
	.menu-opener-inner.active::after {
		-webkit-transform: translateY(-5px) rotate(45deg);
		-ms-transform: translateY(-5px) rotate(45deg);
		transform: translateY(-5px) rotate(45deg);
	}	
	
	#mainMenu {
		height:auto;
		display:none;
	}
	
	#mainMenu.active {
		display:block !important;
	}
	
	#mainMenu {
		float:none;
		clear: both;
		margin:10px 0 0;
	}

	#mainMenu ul li {
		float:none;
		padding:0;
		text-align: center;
		border-left:0;
		border-bottom: 1px solid #000000;
	}
	
	#mainMenu ul li:first-child {
		border-top: 1px solid #000000;
	}	

/* =============================================================================
   Content
   ========================================================================== */	
	
	#pageIntro .vc_custom_1478152491305 {
		padding-left: 0 !important;
		padding-right: 0!important;
	}

/* =============================================================================
   Shop
   ========================================================================== */

	li.product a h2 {
		height: 100px;
	}
	
	small.woocommerce-price-suffix {
		display: block;
	}
	
/* =============================================================================
   Recent Products
   ========================================================================== */

	#recentProducts li.product h2 {
		height: 100px;
	}		

	body.single-product #recentProducts li.product h2 {
		height: 100px;
	}	
	
/* =============================================================================
   Contact Us
   ========================================================================== */	
	
	#wpgmza_map {
		height: 200px !important;
	}	
	
/* =============================================================================
   Footer
   ========================================================================== */

	footer#customFooter .innerWrapper {
		padding:20px;
	}

	#customFooter .socialIcons {
		margin:0;
	}

	#footerMenu {
		float:left;
		margin:20px 0 0 20px;
	}

	#twitterFeed {
		float:left;
		clear:both;
		margin:20px 0;
	}

	img#isoLogos {
		margin: 0;
	}
	
} /* END - Tablet (Landscape) */

@media screen and (max-width: 768px) { /* START - Tablet (Portrait) */

/* =============================================================================
   Main Slider
   ========================================================================== */	
	
	.mach2018 img {
		width: 300px !important;
		height: auto !important;
	}
	
/* =============================================================================
   Shop
   ========================================================================== */

	ul.products li.product {
	  width: 48% !important;
	}	
	
	li.product a h2 {
		height: 40px;
	}	
	
/* =============================================================================
   Recent Products
   ========================================================================== */

	#recentProducts li.product h2 {
		height: 40px;
	}		

	body.single-product #recentProducts li.product h2 {
		height: 40px;
	}		
	
/* =============================================================================
   Make Enquiry
   ========================================================================== */

	form.makeEnquiry ul.gform_fields .leftColFix {
		float:none;
		width:100%;
	}

	form.makeEnquiry ul.gform_fields li.gfield#field_2_4 {
		float:none;
		width:100%;
	}

	form.makeEnquiry ul.gform_fields li.gfield#field_2_5 {
		float:none;
		width:100%;
	}

	form.makeEnquiry ul.gform_fields li.gfield#field_2_5 > div {
		float:none;
		width:100%;
	}

	form.makeEnquiry .gform_footer {
		float:none;
		width:100%;
		margin:0 !important;
	}
	
} /* END - Tablet (Portrait) */

@media screen and (max-width: 640px) { /* START - Large Phone (Landscape) */

/* =============================================================================
   Top Bar
   ========================================================================== */

	#topBar p {
		float:none;
		padding:0;
		text-align: center;
	}
	
	#topBar .innerWrapper > a {
		display: block;
		float:none;
		margin: auto;
		text-align: center;
	}	

/* =============================================================================
   Navigation
   ========================================================================== */	 
	 
	.menuToggle {
		top:70px; 
	}	

/* =============================================================================
   Main Slider
   ========================================================================== */

	.slideText h2 {
		font-size:28px !important;
		line-height:33px !important;
	}	
	
	.mach2018 img {
		width: 225px !important;
	}	
	
/* =============================================================================
   Shop
   ========================================================================== */
	
	li.product a h2 {
		height: 60px;
	}		
		
	
/* =============================================================================
   Footer
   ========================================================================== */

	#footerMenu {
		float:left;
		margin:20px 0 0 20px;
	}

	#footerMenu aside.widget_nav_menu {
		float:left;
		clear: left;
		min-height: auto;
		margin:0;
		padding:0;
		border-right:0;
	}
	
} /* END - Large Phone (Landscape) */

@media screen and (max-width: 480px) { /* START - Small Phone (Landscape) */

/* =============================================================================
   Top Bar
   ========================================================================== */

	#topBar p br {
		display: block;
	}	

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

	header#customHeader img.logo {
		width: -moz-calc(100% - 50px);
		width: -webkit-calc(100% - 50px);
		width: -o-calc(100% - 50px);
		width: calc(100% - 50px);
		margin:10px 0 0;
	}	
	
	header#customHeader img.dts {
		width: 100px;
		height: auto;
		margin:0 0 10px;
	}	

	header#customHeader .socialIcons {
		margin: 10px 0 !important;
	}	
	
/* =============================================================================
   Navigation
   ========================================================================== */	 
	 
	.menuToggle {
		top:90px; 
	}		
	
/* =============================================================================
   Main Slider
   ========================================================================== */

	.slideText h2 {
		font-size:18px !important;
		line-height:23px !important;
	}		

	.mach2018 img {
		width: 165px !important;
	}	
	
/* =============================================================================
   Shop
   ========================================================================== */
	
	li.product a h2 {
		height: 80px;
	}	
	
/* =============================================================================
   Recent Products
   ========================================================================== */

	#recentProducts li.product h2 {
		height: 60px;
	}		

	body.single-product #recentProducts li.product h2 {
		height: 60px;
	}		
	
} /* END - Small Phone (Landscape) */

@media screen and (max-width: 360px) { /* START - Phone (Portrait) */

/* =============================================================================
   Main Slider
   ========================================================================== */

	.mach2018 img {
		width: 150px !important;
	}		
	
/* =============================================================================
   Recent Products
   ========================================================================== */

	#recentProducts li.product h2 {
		height: 80px;
	}			
	
/* =============================================================================
   Content - Contact Form
   ========================================================================== */	

	form.contact ul.gform_fields li.gfield input, form.contact ul.gform_fields li.gfield textarea {
		width: -moz-calc(100% - 2px) !important;
		width: -webkit-calc(100% - 2px) !important;
		width: -o-calc(100% - 2px) !important;
		width: calc(100% - 2px) !important;
	}
	
	#makeEnquiry img#captcha, form.contact img#captcha {
		width: 100% !important;
	}
	
	#makeEnquiry a.newCode, form.contact a.newCode {
		width: 100% !important;
	}
	
	#makeEnquiry .ginput_recaptcha, form.contact .ginput_recaptcha {
		width: 100% !important;
		margin:0px 0px 10px 0px !important;
		transform:scale(0.9) !important;
		transform-origin:0 0 !important;
	}

	form.contact input[type="submit"] {
		width: 100% !important;
	}	
	
} /* END - Phone (Portrait) */