/* 
  Author: Orqa Design
  Author URI: http://orqadesign.com/
  Description: 2022 Website for Frankie D.I.4.Y (Does it for you)
  Version: 2.0
  License: For use by Frankie D.I.4.Y (Does it for you) Only
  */

/** * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/) * http://cssreset.com */html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
*/@font-face { font-family: 'FontAwesome'; src: url(/wp-content/themes/frankie-theme/fonts/fontawesome-webfont.eot?v=4.7.0); src: url(/wp-content/themes/catalyst-theme/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0) format("embedded-opentype"), url(/wp-content/themes/catalyst-theme/fonts/fontawesome-webfont.woff2?v=4.7.0) format("woff2"), url(/wp-content/themes/catalyst-theme/fonts/fontawesome-webfont.woff?v=4.7.0) format("woff"), url(/wp-content/themes/catalyst-theme/fonts/fontawesome-webfont.ttf?v=4.7.0) format("truetype"), url(/wp-content/themes/catalyst-theme/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular) format("svg"); font-weight: 400; font-style: normal }
.fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }
.fa-bars:before { content: "\f0c9" }
.fa-instagram:before { content: "\f16d" }
.fa-angle-left:before { content: "\f104" }
.fa-angle-right:before { content: "\f105" }
.fa-envelope-o:before { content: "\f0e0" }
.fa-facebook:before { content: "\f09a" }
.fa-user:before { content: "\f007" }
.fa-calendar:before { content: "\f073" }
.fa-star:before { content: "\f005" }
.fa-check-circle-o:before { content: "\f05d" }
.fa-check-circle:before { content: "\f058" }
.fa-map-pin:before { content: "\f276" }
.fa-clock-o:before { content: "\f017" }
.fa-youtube:before { content: "\f167" }
.fa-arrow-circle-o-left:before { content: "\f190" }
.fa-arrow-circle-o-right:before { content: "\f18e" }
.fa-download:before { content: "\f019" }
.fa-angle-double-up:before { content: "\f102" }
.fa-angle-double-right:before { content: "\f101" }
@font-face { font-family: "museoslabw01-100regular"; src: url('/wp-content/themes/frankie-theme/fonts/font-thin.woff2') format('woff2'), url('/wp-content/themes/frankie-theme/fonts/font-thin.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: "museo_slab500"; src: url('/wp-content/themes/frankie-theme/fonts/font-bold.woff2') format('woff2'), url('/wp-content/themes/frankie-theme/fonts/font-bold.woff') format('woff'); font-weight: normal; font-style: normal; }
body { font-family: "museoslabw01-100regular", sans-serif; font-size: 16px; line-height: 30px; color: #3d3e40; background-color: #dbd9da; width: 100%; margin: 0px; padding: 0px; }
.inner { width: 80%; margin: auto; }
strong { font-family: "museo_slab500"; }
.header { background-color: #5a5b5d; }
.bar { background-color: #3d3e40; display: inline-block; width: 100%; position: relative; z-index: 101; }
.left { float: left; }
.handyman { color: #dbd9da; font-family: 'museo_slab500', sans-serif; font-size: 14px; letter-spacing: 2px; text-transform: uppercase; }
.right { float: right; }
.call { color: #dbd9da; font-family: 'museo_slab500', sans-serif; font-size: 14px; letter-spacing: 2px; text-transform: uppercase; }
.fa-mobile { color: #7f9051; }
.logo { padding-bottom: 30px; padding-top: 30px; }
.about, .page-standard { padding-top: 60px; padding-bottom: 60px; display: block; width: 100%; position: relative; z-index: 102; }
h1 { font-size: 30px; line-height: 40px; font-family: 'museo_slab500', sans-serif; text-transform: uppercase; margin-bottom: 20px; letter-spacing: 1px; }
.providing-home-business-maintenance-handyman-services-throughout-the-london-area h1 { width: 80%; }
h2 { font-family: 'museo_slab500', sans-serif; font-size: 20px; line-height: 24px; padding-top: 20px; padding-bottom: 10px; }
p { margin-bottom: 10px; }
a { color: #7f9051; font-family: 'museo_slab500', sans-serif; }
a:hover { color: #fff; }
img.toolstop { float: right; margin-top: -200px; }
.services { font-family: 'museo_slab500', sans-serif; background-color: #7f9051; color: #fff; font-size: 18px; line-height: 30px; display: inline-block; width: 100%; padding-top: 50px; padding-bottom: 50px; }
.services h2 { font-size: 24px; margin-bottom: 30px; text-transform: uppercase; letter-spacing: 2px; font-family: 'museo_slab500', sans-serif; }
.services.divider { margin-top: 60px; }
.servicelist ol li { width: calc(100% / 3); float: left; padding-right: 60px; line-height: 20px; min-height: 60px; box-sizing: border-box; padding-bottom: 20px; }
.team img { float: left; width: 100%; }
.teamimg { width: 20%; }
.teamtext { float: left; width: 70%; margin-left: 2%; }
.team span { display: block; margin-left: 20px; width: 70%; float: left; margin-top: 10px; }
.team { padding-top: 80px; padding-bottom: 100px; display: inline-block; width: 100%; }
.quote { background-color: #5a5b5d; font-size: 18px; line-height: 30px; display: inline-block; width: 100%; color: #fff; padding-top: 80px; }
.quote .inner { width: 51%; }
.quotemark { color: #8b8a88; font-size: 150px; font-family: arial; display: block; float: left; height: 50px; font-style: italic; margin-right: 10px; }
.largequote { font-size: 22px; line-height: 30px; }
.quotewrapper { text-align: left; margin-top: -50px; float: left; margin-left: 20px; font-family: 'museo_slab500', sans-serif; }
.fullwidthimage img { width: 100%; height: auto; }
.fullwidthimage h2 { padding: 0px; font-size: 36px; color: #fff; line-height: 36px; letter-spacing: 2px; font-family: 'museo_slab500', sans-serif; margin-top: -67px; margin-bottom: 20px; text-transform: uppercase; }
.fullwidthimage { margin-top: -15px; }
.skills { background-color: #7f9051; color: #fff; font-size: 16px; line-height: 36px; padding-top: 30px; padding-bottom: 30px; text-transform: uppercase; letter-spacing: 2px; font-family: 'museo_slab500', sans-serif; }
.skills ul { list-style-type: none; }
.skills li { width: 100%; display: block; margin-top: 10px; margin-bottom: 20px; font-family: 'museo_slab500', sans-serif; }
.skills ul > li:before { content: ""; color: #fff; font: normal normal normal 14px/1 FontAwesome; padding-right: 20px; font-size: 24px; margin-bottom: 20px; display: block; float: left; margin-top: 5px; }
.action { font-size: 18px; line-height: 30px; text-align: center; padding-top: 40px; padding-bottom: 100px; }
.callbig { text-align: center; color: #7f9051; letter-spacing: 2px; font-size: 26px; font-family: 'museo_slab500', sans-serif; }
.footer { display: inline-block; width: 100%; padding-bottom: 40px; }
.tel { font-size: 30px; line-height: 30px; color: #5b5b5d; letter-spacing: 2px; }
.email a { font-family: 'museo_slab500', sans-serif; color: #5b5b5d; letter-spacing: 2px; font-size: 18px; text-decoration: none; }
.tel { margin-top: 10px; }
.tel .fa { color: #7f9051; }
.social { font-size: 18px; line-height: 30px; text-align: right; margin-top: -140px; width: 400px; }
.social .fa { color: #7f9051; font-size: 30px; margin-top: 10px; }
.copyright { font-family: 'museo_slab500', sans-serif; font-size: 10px; line-height: 12px; display: block; margin-top: 10px; }
.copyright a { text-decoration: none; color: #5b5b5d; }
.insurance { font-family: 'museo_slab500', sans-serif; background-color: #5b5b5d; font-size: 14px; letter-spacing: 2px; text-align: center; color: #fff; padding-top: 5px; padding-bottom: 5px; }
.insurance .fa { color: #7f9051; }
.servicelist ol { display: block; list-style-type: decimal; margin-top: 1em; margin-bottom: 1em; margin-left: 0; margin-right: 0; padding-left: 40px; }
.servicelist ol li { display: list-item; }
img.toolsheader { margin-top: 30px; position: absolute; z-index: 100; top: 0; right: 0; width: 70%; }
.logo-refs { text-align: center; width: 400px; margin: auto; }
.logo-refs img { margin: 10px; }
.our-services .abouttext { width: 80%; display: block; }
.team .teamtext { padding-top: 20px; }
/* Menu */
#navigation { box-sizing: border-box; display: block; width: auto; float: right; }
#mobnavigation { display: none; }
#menu-icon { position: relative; color: #fff; display: none; font-family: "FontAwesome"; float: right; z-index: 200; font-size: 42px; margin-top: -55px; line-height: 40px; padding: 2px 5px; border-radius: 8px; }
#menu-icon a { color: #fff; }
.menu li { list-style: outside none none; display: inline-block; margin-left: 10px; margin-right: 10px; }
.menu li a { text-transform: uppercase; color: #7f9051; text-decoration: none; font-size: 14px; cursor: pointer; text-transform: uppercase; }
.menu li a:hover, .menu li a:active { color: #fff; text-decoration: none; }
.menu li a:active { text-decoration: underline; }
.menu li.current-menu-item a { text-decoration: underline; color: #fff!important; }
/* Fade Transition */
a.button, a, .circlebutton, .wpcf7-submit, button, .circle-button .buttontitle { -moz-transition: opacity .5s ease-in-out; -o-transition: opacity .5s ease-in-out; -webkit-transition: opacity .5s ease-in-out; transition: opacity .5s ease-in-out; opacity: 1; }
a.button:hover, a:hover, .circlebutton:hover, .wpcf7-submit:hover, button:hover, .circle-button .buttontitle:hover { opacity: 0.5; }
/* woocommerce */
.woocommerce-page.columns-3 ul.products li.product, .woocommerce.columns-3 ul.products li.product, .woocommerce ul.products.columns-3 li.product { opacity: 1; animation-name: fadeInOpacity; animation-iteration-count: 1; animation-timing-function: ease-in; animation-duration: 3s; }
 @keyframes fadeInOpacity { 0% {
 opacity: 0;
}
 100% {
 opacity: 1;
}
}
.woocommerce ul.products li.product { background-color: #fff; }
.woocommerce ul.products li.product .woocommerce-loop-product__title { color: #3d3e40; text-align: center; padding: 0px 10px; }
.woocommerce ul.products li.product .price { color: #f70862; font-family: "museo_slab500"; font-size: 30px; text-align: center; padding: 10px 20px; }
.woocommerce div.product p.price, .woocommerce div.product span.price { color: #f70862; font-family: "museo_slab500"; font-size: 30px; }
.woocommerce a.button, .woocommerce button.button, button.button.alt, .woocommerce div.product form.cart .button { margin-top: 0px; background-color: #7f9051; color: #fff; margin: auto; margin-bottom: auto; width: 150px; float: none; display: block; text-align: center; margin-bottom: 20px; border-radius: 0px; }
button.button.alt, .woocommerce div.product form.cart .button { float: left; width: 150px; padding: 12px; }
.woocommerce .woocommerce-result-count { width: 100%; }
.woocommerce a.added_to_cart { padding-top: 0px; display: inline-block; text-align: center; width: 100%; text-decoration: underline !important; margin-top: 0px; background-color: #dbd9da; }
.woocommerce .woocommerce-error .button, .woocommerce .woocommerce-info .button, .woocommerce .woocommerce-message .button, .woocommerce-page .woocommerce-error .button, .woocommerce-page .woocommerce-info .button, .woocommerce-page .woocommerce-message .button { margin-bottom: 0px; }
.woocommerce-message { border-top-color: #7f9051; }
.woocommerce ul#shipping_method .amount { font-weight: normal; font-family: 'museo_slab500', sans-serif; }
.woocommerce a.remove, .woocommerce-Price-amount { color: #f70862 !important; font-size: 24px; }
td.product-thumbnail { width: 15%; filter: brightness(99%); }
td.product-remove { width: 25px; padding: 0px; padding-left: 0px; text-align: center; padding-left: 10px; }
.woocommerce table.shop_table { border: none; margin: 0 -1px 24px 0; text-align: left; width: 100%; border-collapse: separate; border-radius: 0px; background-color: #fff; }
.woocommerce #respond input#submit.alt { background-color: #a46497; color: #fff; -webkit-font-smoothing: antialiased; width: 250px; padding: 15px; text-transform: uppercase; float: right; }
.woocommerce table.shop_table thead { background-color: #7f9051; color: #fff; text-transform: uppercase; }
.woocommerce .woocommerce-ordering { float: left; }
select.orderby { background-color: #fff; border: none; padding: 10px; font-family: "museoslabw01-100regular", sans-serif; font-size: 16px; line-height: 30px; color: #3d3e40; width: 337px; }
select.orderby option { background-color: #fff; border: none; padding: 10px; font-family: "museoslabw01-100regular", sans-serif; font-size: 16px; line-height: 30px; color: #3d3e40; }
.woocommerce div.product div.summary { box-sizing: border-box; float: left; padding-left: 50px; }
.woocommerce div.product div.images { width: 30%; }
.woocommerce h1 { text-transform: capitalize; }
.product-single-page h2 a { text-transform: uppercase; font-size: 40px; text-decoration: none; margin-bottom: 20px; display: block; }
.woocommerce div.product .stock { color: #3d3e40; font-family: 'museo_slab500', sans-serif; text-transform: uppercase; letter-spacing: 1px; }
.woocommerce div.product p.price { margin-top: 90px; }
.quantity input { background-color: #fff; border: none; padding: 5px; font-family: "museo_slab500"; font-size: 16px; line-height: 30px; color: #3d3e40; }
.woocommerce-product-details__short-description { margin-top: 20px; }
.woocommerce div.product .woocommerce-tabs ul.tabs li.active { background: #dbd9da; z-index: 2; border-bottom-color: #dbd9da; }
.woocommerce div.product .woocommerce-tabs ul.tabs::before { border-bottom: 1px solid #3d3e40; }
.woocommerce div.product .woocommerce-tabs ul.tabs li.active { background: transparent; z-index: 2; border-bottom-color: #dbd9da; border-radius: 0px; border: 1px solid #3d3e40; border-bottom-color: #dbd9da; }
.woocommerce div.product .woocommerce-tabs ul.tabs li.active:before { box-shadow: 2px 2px 0 #dbd9da; border-bottom-right-radius: 0px; }
.woocommerce div.product .woocommerce-tabs ul.tabs li.active:after { box-shadow: 2px 2px 0 #dbd9da; border-bottom-left-radius: 0px; }
.woocommerce div.product .woocommerce-tabs ul.tabs li::after, .woocommerce div.product .woocommerce-tabs ul.tabs li::before { border: none; }
.woocommerce div.product .woocommerce-tabs ul.tabs li a { display: inline-block; padding: 0; text-decoration: none; margin-top: 5px; font-weight: normal; }
section.related.products { background-color: #7f9051; color: #fff; display: inline-block; width: 100%; padding-top: 50px; padding-bottom: 50px; }
section.related.products h2 { width: 80%; margin: auto; padding-bottom: 40px; }
section.related.products ul.products { width: 80%; margin: auto; }
.basket .woocommerce form .form-row input.input-text, .basket .woocommerce form .form-row textarea { box-sizing: border-box; width: 100%; margin: 0; outline: 0; line-height: normal; background-color: #fff; border: solid 1px #3d3e40; padding: 2px 10px; font-family: "museo_slab500"; font-size: 16px; line-height: 30px; color: #3d3e40; }
.select2-container--default .select2-selection--single { background-color: #fff; border: 1px solid #3d3e40; border-radius: 0px; padding: 2px 10px; }
.select2-container .select2-selection--single { height: 36px; }
input#coupon_code { float: left; width: 300px; margin-right: 20px; }
.coupon button { float: left; }
.woocommerce #content table.cart td.actions .input-text, .woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text { width: 80px; box-sizing: border-box; width: 100%; margin: 0; outline: 0; line-height: normal; background-color: #fff; border: solid 1px #3d3e40; padding: 2px 10px; font-family: "museo_slab500"; font-size: 16px; line-height: 30px; color: #3d3e40; }
.woocommerce table.cart td.actions, .woocommerce .cart_totals table.shop_table td, .woocommerce .cart_totals table.shop_table th { border-top: 5px solid #dbd9da; }
.woocommerce table.cart td.actions { padding: 9px 12px; padding-top: 9px; padding-top: 30px; }
.woocommerce-cart-form__cart-item .quantity input { border: solid 1px #3d3e40; }
.checkout .woocommerce form .form-row input.input-text, .checkout .woocommerce form .form-row textarea { box-sizing: border-box; width: 100%; margin: 0; outline: 0; line-height: normal; background-color: #fff; border: none; padding: 5px; font-family: "museo_slab500"; font-size: 16px; line-height: 30px; color: #3d3e40; }
.checkout h3 { font-size: 24px; padding-top: 20px; padding-bottom: 20px; }
.woocommerce form .form-row { padding-bottom: 20px; }
.checkout .select2-container--default .select2-selection--single { background-color: #fff; border: none; border-radius: 0px; padding: 4px 10px; }
.latest-shop ul.products li.product:nth-of-type(3) { margin-right: 0px; }
a.button.homelatest { background-color: #fff; color: #7f9051; font-size: 24px; padding: 20px 60px; }
.homebutton { width: 100%; text-align: center; height: 250px; filter:
}
.homebuttons a { width: 30.75%; margin: 0 3.8% 2.992em 0; height: 250px; overflow: hidden; display: block; float: left; }
.homebuttons a:nth-of-type(3) { margin-right: 0px; }
.homebuttons { padding-top: 40px; }
.buttonlabel { color: #fff; font-size: 30px; text-align: center; padding-top: 100px; }
.homebuttons a { text-decoration: none; }
a.checkout-button { width: 200px!important; }
.woocommerce ul.products li.product .woocommerce-loop-product__title { font-size: 18px; line-height: 18px; min-height: 40px; width: auto; }


img.toolsheader, .shop .inner-page-content { opacity: 1; animation-name: fadeInOpacity; animation-iteration-count: 1; animation-timing-function: ease-in; animation-duration: 2s; }
 @keyframes fadeInOpacity { 0% {
 opacity: 0;
}
 100% {
 opacity: 1;
}
}

/* IE only override*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
html { overflow-x: hidden; }
}


/*-------------------- MEDIA QUERIES --------------------------------------------*/
 @media only screen and (max-width:1726px) {
.quote .inner { width: 80%; }
.team .teamtext { padding-top: 0px; }
}
/*-------------------- MEDIA QUERIES --------------------------------------------*/
 @media only screen and (max-width:1520px) {
h1 { width: 60%; }
img.toolstop { margin-top: -230px; }
.team span { width: 80%; }
.logo-refs { width: 300px; }
.logo-refs img { width: 70px!important; }
.providing-home-business-maintenance-handyman-services-throughout-the-london-area h1 { width: 90%; }
.product-single-page h1 { width: 100%!important; }
.woocommerce div.product p.price { margin-top: 40px; }
.woocommerce div.product div.summary { width: 55%; }
}
/*-------------------- MEDIA QUERIES --------------------------------------------*/
 @media only screen and (max-width:1361px) {
.abouttext { width: 60%; display: block; }
img.toolstop { margin-top: -290px; }
h1 { width: 70%; }
.teamimg { width: 30%; }
.teamtext { float: left; width: 60%; margin-left: 5%; }
.social { width: 300px; }
.providing-home-business-maintenance-handyman-services-throughout-the-london-area .abouttext { width: 100%; }
.shop .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce .related.products ul.products li.product .woocommerce-loop-product__title { font-size: 16px; line-height: 16px; }
.woocommerce div.product div.summary { width: 65%; }
.woocommerce div.product form.cart { margin-bottom: 0px; }
}
/*-------------------- MEDIA QUERIES --------------------------------------------*/
@media only screen and (max-width:1166px) {
.fullwidthimage { width: 100%; overflow: hidden; }
.fullwidthimage img { width: 120%; height: auto; }
.abouttext { width: 70%; }
.woocommerce div.product p.price { margin-top: 20px; }
.woocommerce div.product div.images { width: 40%; }
.woocommerce div.product div.summary { width: 60%; }
}


/*-------------------- MEDIA QUERIES --------------------------------------------*/
 @media only screen and (max-width:1110px) {
#navigation ul#menu-main-menu li { text-align: center; list-style-type: none; float: none; margin-right: 0px; padding-left: 0px; display: block; margin-top: 10px; margin-bottom: 10px; }
ul#menu-main-menu { z-index: 201; background: none repeat scroll 0 0 #7f9051; border: 0px; float: none; padding: 10px; position: absolute; right: 0; width: 100%; margin-top: 0px; text-align: center; -webkit-box-shadow: -1px 7px 17px -3px rgba(0,0,0,1); -moz-box-shadow: -1px 7px 17px -3px rgba(0,0,0,1); box-shadow: -1px 7px 17px -3px rgba(0,0,0,1); box-sizing: border-box; margin-top: 45px; }
.menu li a:hover, .menu li a:active { color: #ffffff; }
#menu-icon { display: block; margin-top: 0px; cursor: pointer; }
.menu { display: none; }
.menu.active { display: block; }
#navigation { padding-bottom: 0px; }
.menu li a { font-size: 20px; line-height: 30px; }
.menu li a { color: #fff; }
.handyman { margin-top: 7px; }
}

/*-------------------- MEDIA QUERIES --------------------------------------------*/
 @media only screen and (max-width:1100px) {
img.toolstop { margin-top: -320px; }
.quote .inner { width: 95%; }
.teamimg { width: 40%; }
.teamtext { float: left; width: 50%; margin-left: 8%; }
.social { width: 220px; line-height: 18px; }
.servicelist ol li { width: calc(100% / 2); padding-right: 40px; }
.our-services .abouttext { width: 100%; }
.servicelist ol li:nth-child(even) { padding-right: 0px; }
.shop .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce .related.products ul.products li.product .woocommerce-loop-product__title { font-size: 14px; line-height: 14px; }
.shop .woocommerce a.button, .woocommerce .related.products a.button { width: auto; box-sizing: border-box; margin-left: 10px; margin-right: 10px; }
}
/*-------------------- MEDIA QUERIES --------------------------------------------*/
@media only screen and (max-width:1050px) {
.woocommerce div.product div.images { width: 50%; }
.woocommerce div.product div.summary { width: 50%; }
}
/*-------------------- MEDIA QUERIES --------------------------------------------*/
@media only screen and (max-width:970px) {
.services { font-size: 15px; }
}
/*-------------------- MEDIA QUERIES --------------------------------------------*/
 @media only screen and (max-width:930px) {
.inner { width: 90%; }
.quote .inner { width: 90%; }
.quotemark { float: none; text-align: center; }
.quotewrapper { text-align: center; margin-top: -30px; float: none; margin-left: 0px; padding-bottom: 40px; }
.teamimg { width: 45%; }
.teamtext { float: left; width: 45%; margin-left: 5%; }
}

/*-------------------- MEDIA QUERIES --------------------------------------------*/
 @media only screen and (max-width:860px) {
.woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce .related.products ul.products li.product .woocommerce-loop-product__title { min-height: 55px; }
.footer .right { float: none; width: 100%; text-align: center; display: block; padding-bottom: 5px; }
.footer .left { float: none; width: 100%; text-align: center; display: block; padding-bottom: 30px; }
.social { margin-top: 0px; line-height: 30px; }
}
/*-------------------- MEDIA QUERIES --------------------------------------------*/
 @media only screen and (max-width:768px) {
img.toolstop { margin-top: 0px; float: none; text-align: center; margin-top: 20px; }
.abouttext, h1, p, h2 { width: 100%; text-align: center; }
.servicelist { width: 100%; }
.team span { width: 100%; text-align: center; margin: 0px; margin-top: 20px; }
.team img { float: none; }
.fullwidthimage img { width: 150%; height: auto; }
.skills ul > li::before { float: none; text-align: center; padding-right: 0px; }
.skills { text-align: center; }
.fullwidthimage h2 { text-align: center; }
.services { font-size: 18px; }
.teamimg { width: 100%; }
.teamtext { width: 100%; margin-left: 0%; }
.logo { text-align: center; }
.teamtext { margin-top: 40px; }
.team { padding-bottom: 60px; }
.providing-home-business-maintenance-handyman-services-throughout-the-london-area h1 { width: 100%; }
.shop .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce .related.products ul.products li.product .woocommerce-loop-product__title { font-size: 18px; line-height: 18px; width: auto; }
.woocommerce div.product div.images, .woocommerce div.product div.summary { width: 100%; padding-left: 0px; }
.product-single-page form.cart { width: 230px; margin: auto; }
.product_meta { text-align: center; }
.woocommerce #content table.cart .product-thumbnail, .woocommerce table.cart .product-thumbnail, .woocommerce-page #content table.cart .product-thumbnail, .woocommerce-page table.cart .product-thumbnail { display: block; width: 100%; box-sizing: border-box; }
.woocommerce table.shop_table_responsive tr td.product-thumbnail::before { display: none; }
input#coupon_code { width: 48%; margin-right: 2%; }
}
/*-------------------- MEDIA QUERIES --------------------------------------------*/
 @media only screen and (max-width:650px) {
.servicelist ol li { width: calc(100% / 1); padding-right: 0px; min-height: initial; }
html, body {overflow-x: hidden;}
.woocommerce form .form-row-first, .woocommerce form .form-row-last {width: 100%;}
}

/*-------------------- MEDIA QUERIES --------------------------------------------*/
 @media only screen and (max-width:580px) {
.fullwidthimage img { width: 200%; }
.fullwidthimage h2 { margin-top: -100px; }
.skills { margin-top: -2px; }
.handyman { width: 190px; line-height: 18px; margin-top: 4px; }
.homebuttons a { width: 100%; margin: 0px; margin-bottom: 20px; }
.woocommerce ul.products[class*="columns-"] li.product, .woocommerce-page ul.products[class*="columns-"] li.product { width: 100%; float: left; clear: both; margin: 0 0 2.992em; }
.woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce .related.products ul.products li.product .woocommerce-loop-product__title { min-height: initial; }
.shop .woocommerce a.button, .woocommerce .related.products a.button { width: 150px; box-sizing: border-box; margin-left: auto; margin-right: auto; }
}
/*-------------------- MEDIA QUERIES --------------------------------------------*/
 @media only screen and (max-width:450px) {
.bar .right { width: auto!important; float: right!important; }
.bar .left { width: 190px!important; float: left!important; }
img.toolsheader { margin-top: 45px }
.logo { width: 90%; margin: auto; padding-top: 50px; padding-bottom: 20px; }
.about, .page-standard { padding-bottom: 30px; padding-top: 30px; }
.team img { width: 100%; }
.services { padding-bottom: 30px; }
.team { padding-bottom: 50px; padding-top: 50px; }
.teamtext { margin-top: 20px; }
}
/*-------------------- MEDIA QUERIES --------------------------------------------*/
 @media only screen and (max-width:400px) {
.right { float: none; width: 100%; text-align: center; display: block; padding-bottom: 5px; }
.left { float: none; width: 100%; text-align: center; display: block; }
.copyright { line-height: 12px; }
.woocommerce .woocommerce-ordering, select.orderby { width: 100%; }
}