/*
Theme Name: Gulf Range
Theme URI: https://www.prodesigns.com/wordpress-themes/downloads/ecommerce-gem/
Template: ecommerce-gem
Author: ProDesigns
Author URI: https://www.prodesigns.com/
Description: eCommerce Gem is a free multipurpose e-Commerce WordPress theme suitable for eCommerce websites of any store type. The theme smoothly integrates WooCommerce, one of the best e-commerce plugin and is perfectly designed for its pages. Main features of the theme are product search with category select, multiple sections on the front page, full width easy to use slider, latest and featured product carousel, call to actions, advertisement section, banners and more. eCommerce Gem is perfect for stores such as book, mobile, bags, medical, jewelry, construction materials, cosmetics, clothing and all type of online shops. It has multipurpose layouts so can be used for business, corporate, portfolio, digital agency, blog, and all creative website development. View demo at https://www.prodesigns.com/wordpress-themes/demo/ecommerce-gem
Tags: custom-background,custom-menu,custom-logo,featured-images,full-width-template,one-column,two-columns,theme-options,threaded-comments,translation-ready,footer-widgets,blog,left-sidebar,right-sidebar,education,e-commerce
Version: 2.1.5.1595609875
Updated: 2020-07-24 16:57:55

*/

@font-face {
    font-family: 'Agency FB';
    src: url('./fonts/AgencyFB-Reg.eot');
    src: url('./fonts/AgencyFB-Reg.eot?#iefix') format('embedded-opentype'),
        url('./fonts/AgencyFB-Reg.woff2') format('woff2'),
        url('./fonts/AgencyFB-Reg.woff') format('woff'),
        url('./fonts/AgencyFB-Reg.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


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;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

* {
  padding: 0;
  margin: 0;
}

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}
b, strong {
    font-weight: bold;
}
::-moz-selection {
  background-color: #b3d4fc; /* 1 */
  color: #000000; /* 1 */
  text-shadow: none;
}

::selection {
  background-color: #b3d4fc; /* 1 */
  color: #000000; /* 1 */
  text-shadow: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
     font-family: 'Agency FB';
     font-weight: bold;
}
h1 {
  font-size: 38px;
  letter-spacing: 1.2px;
}
li {
  font-family: 'Oxygen', sans-serif;
  color: rgb(70, 71, 71);
}
body,a {
  font-family: 'Oxygen', sans-serif;
  font-size: 18px;
  font-weight: normal;
}
p {
    font-family: 'Oxygen', sans-serif;
    font-size: 18px;
    color: rgb(73 73 73);
    font-weight: 400;
    line-height: 30px;
    margin-bottom: 15px;
}

hr {
    background-color: rgb(118, 118, 118) !important;
    height: 2px !important;
}
b{
    font-weight: 600;
    color: #f68a27;
}
b, strong {
    font-weight: 600;
}
p:last-child {
  margin-bottom: 0;
}
a:visited {
  color: rgb(12 90 151);
}
a {
  color: #db1c23;
  text-decoration: none;
}
.container {
    max-width: 1200px;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
}
.pull-left {
  float: left;
}
.pull-right {
  float: right;
}

.width-100{
  width: 100%;
}
.width-50{
  width: 50%;
}
.p-0{
  padding: 0px !important;
}
.m-0{
  margin: 0px !important;
}
.mt-0{
  margin-top: 0px !important;
}
.mb-0{
  margin-bottom: 0px !important;
}
.pt-0{
  padding-top: 0px !important;
}
.pb-0{
  padding-bottom: 0px !important;
}
.text-center{
  text-align: center;
}
.text-left{
  text-align: left;
}
.text-right{
  text-align: right;
}
.mt-10{
  margin-top: 10px;
}
.mt-15{
  margin-top: 15px;
}
.mt-20{
  margin-top: 20px;
}
.mt-30{
  margin-top: 30px;
}
.mb-10{
  margin-bottom: 10px;
}
.mb-15{
  margin-bottom: 15px;
}
.mb-20{
  margin-bottom: 20px;
}
.mb-30{
  margin-bottom: 30px;
}
.pl-5{
  padding-left: 5px;
}
.pr-5{
  padding-right: 5px;
}
.pl-10{
  padding-left: 10px;
}
.pr-10{
  padding-right: 10px;
}
.pl-15{
  padding-left: 15px;
}
.pr-15{
  padding-right: 15px;
}
.pl-20{
  padding-left: 20px;
}
.pr-20{
  padding-right: 20px;
}
.pl-30{
  padding-left: 30px;
}
.pr-30{
  padding-right: 30px;
}
.content p{
  margin-bottom: 15px;
}
.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.col-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
}
.col-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
}
.col-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}
.col-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}
.col-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
}
.col-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
.col-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
}
.col-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
}
.col-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
}
.col-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
}
.col-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
}
.col-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.btn-success {
    color: #fff;
    text-decoration: none;
    font-size: 20px;
    font-weight: normal;
    background-color: #5b5b5b;
    padding: 8px 30px 8px 30px;
    border-radius: 0;
}
.btn-success:hover {
    background-color: #ffffff;
    color: #5b5b5b !important;
    border: 1px solid #5b5b5b;
}
.home-slider img {
    width: 100%;
}
.home-slider {
        width: 100%;
    display: block;
    box-sizing: border-box;
    position: relative;
    z-index: 0;
    min-width: 100%;
    min-height: 100%;
    left: 0px;
    top: -200px;
    margin-bottom: -200px;
    overflow: hidden;
    border-bottom: 5px solid #000;
}
button, input, select, textarea {
    font-size: 15px;
    color: rgb(73 73 73);
}
input#billing_phone {
    height: 33px;
    padding: 6px 0px 6px 9px;
}
h3#order_review_heading {
    margin-top: 20px;
}
.home-slider.inner-ban{
    width: 100%;
    display: block;
    box-sizing: border-box;
    position: relative;
    z-index: 0;
    min-width: 100%;
    min-height: 100%;
    left: 0px;
    top: -200px;
    margin-bottom: -200px;
    overflow: hidden;
    border-bottom: 0px solid #000;
}
.home-slider.inner-ban img{
    border-bottom: 5px solid #000;
}
.product_meta a {
    color: #0c5a97;
}
header#site-header {
    position: relative;
    z-index: 1;
}
header#site-header.sticky-header {
    position: fixed;
    width: 100%;
    background-color: #ffffff;
    border-bottom: 1px solid #c7bdbd;
    z-index: 9;
}
header#site-header.sticky-header .menu-box{
    display: none;
}
.scrollup:hover {
    background-color: #494949;
    border-color: #494949;
}
.sticky-header img.img1 {
    display: none;
}
.sticky-header img.img2 {
    display: block;
}
header img.img2 {
    display: none;
}
.owl-theme .owl-dots .owl-dot span {
    width: 20px !important;
    height: 20px !important;
    background: rgb(141 141 141) !important;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #2a93db !important;
}
.owl-dots {
    position: absolute;
    bottom: 6px;
    left: 0;
    right: 0;
}
.quote-btn span{
    display: inline-block;
    background-image: url(../ecommerce-gem-child/images/list-icon.png);
    width: 27px;
    height: 33px;
}
.search-btn span{
    display: inline-block;
    background-image: url(../ecommerce-gem-child/images/search-icon.png);
    width: 27px;
    height: 33px;
}
header.sticky-header .quote-btn span{
    background-image: url(../ecommerce-gem-child/images/list-icon-b.png);
}
header.sticky-header .search-btn span{
    background-image: url(../ecommerce-gem-child/images/search-icon-b.png);
}
ul.top-menu {
    list-style: none;
    text-align: right;
}
ul.top-menu li {
    display: inline-block;
    padding: 29px 16px;
    border-left: 1px solid #ffffff;
    min-width: 100px;
    text-align: center;
}
header.sticky-header ul.top-menu li {
    padding: 6px 16px;
}
header.sticky-header ul.top-menu li span {
    margin-bottom: 2px;
}
header.sticky-header ul.top-menu li a {
    font-size: 14px;
}
header.sticky-header .logo {
    padding-top: 4px;
    padding-bottom: 0px;
}
header.sticky-header .logo img{
    margin: 0 auto;
}
header.sticky-header .find-btn img.img2 {
    position: relative;
    top: -8px;
}
ul.top-menu li:last-child {
    border-right: 1px solid #ffffff;
}
header.sticky-header ul.top-menu li:last-child {
    border-right: 1px solid #c7bdbd;
}
header.sticky-header ul.top-menu li {
    border-left: 1px solid #c7bdbd;
}
ul.top-menu li a {
    font-family: 'Oxygen', sans-serif;
    font-size: 17px;
    line-height: 18px;
    color: #ffffff;
    font-weight: 400;
}
.row.list-clients .client-thumbnail.fancy-thumb, .row.list-brands .client-thumbnail.fancy-thumb  {
    padding: 10px;
}
.row.list-clients .client-thumbnail.fancy-thumb figure, .row.list-brands .client-thumbnail.fancy-thumb figure{
    background-color: #ffffff;
    border: 1px solid #ddd;
}
header.sticky-header ul.top-menu li a {
    color: #000000;
}
ul.top-menu li span {
        display: block;
    clear: both;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-size: contain;
    margin-bottom: 15px;
}
ul#menu-main-menu {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
    justify-content: space-between;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    position: relative;
}
ul#menu-main-menu:after {
    content: "";
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    position: absolute;
    left: -4000px;
    width: 4000px;
    height: 72px;
    top: -1px;
}
ul#menu-main-menu:before {
    content: "";
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    position: absolute;
    right: -4000px;
    width: 4000px;
    height: 72px;
    top: -1px;
}
ul#menu-main-menu li a{
  font-family: 'Oxygen', sans-serif;
    font-size: 21px;
    line-height: 30px;
    color: #ffffff;
    font-weight: 400;
}
ul#menu-main-menu li {
  padding: 20px 0px;

}
.logo {
    padding-top: 15px;
    padding-bottom: 7px;
    text-align: center;
}
a.find-btn {
    position: relative;
    top: 14px;
}
li.email-menu a {
    font-size: 17px !important;
    font-weight: bold !important;
}
li.email-menu {
   position: relative;
   padding-left: 34px !important;
}
li.email-menu:before{
    content: "";
    position: absolute;
    left: 0;
    background-image: url(../ecommerce-gem-child/images/envelope-icon.png);
    width: 23px;
    height: 17px;
    top: 27px;
}
#home-banner-slider .container {
    position: absolute;
    top: 53%;
    left: 0;
    right: 0;
}
#home-banner-slider .container .slider-content {
    text-align: center;
    width: 600px;
    margin: 0 auto;
}
.wel-sec h2 {
    font-size: 60px;
    margin-bottom: 35px;
    text-transform: uppercase;
    color: rgb(73 73 73);
}
section.wel-sec {
    text-align: center;
    padding: 70px 0px;
}

.page-template-home h2 strong{
  color: rgb(138 198 70);
}
.page-template-home h2 i{
  color: rgb(12 90 151);
}
section.wel-sec .btn-box {
    margin-top: 40px;
}
.home-slider h1 {
    font-size: 55px;
    color: rgb(73 73 73);
    text-transform: uppercase;
    line-height: 63px;
    font-weight: 700;
    text-shadow: -2px -2px 0 #fff, 2px -2px 0 #fff, -2px 2px 0 #fff, 2px 2px 0 #fff;
    letter-spacing: 2px;
}
section.proj-ref-sec {
    background-color: rgb(12 90 151);
}
section.proj-ref-sec h2 {
    font-size: 42px;
    line-height: 30px;
    color: #ffffff;
    font-weight: bold;
    margin-bottom: 40px;
}
section.proj-ref-sec p{
  color: #ffffff;
  text-align: justify;
}
.proj-ref-sec a.btn.btn-success {
    color: #000000;
    background-color: #ffffff;
}
.proj-ref-sec .btn-box {
    text-align: right;
    margin-top: 30px;
}
.proj-ref-sec .col-6.left {
    padding-top: 60px;
    padding-bottom: 50px;
}
.proj-ref-sec .col-6.right-image-fixed {
    position: relative;
}
.proj-ref-sec .col-6.right-image-fixed .img-box {
    width: 723px;
    position: absolute;
    top: -22px;
}
.proj-ref-sec .col-6.right-image-fixed .img-box img {
    width: 100%;
    height: auto;
}
section.story-sec {
    padding: 100px 0px;
}
section.story-sec h2 {
    font-size: 42px;
    line-height: 30px;
    color: rgb(73 73 73);
    margin-bottom: 30px;
}
section.story-sec ul {
    list-style: none;
    margin-top: 20px;
}
section.story-sec ul li {
    width: 50%;
    float: left;
    text-align: left;
    margin-bottom: 5px;
    font-size: 17px;
}
section.story-sec .btn-box {
    text-align: right;
    position: absolute;
    right: 0;
    bottom: 14px;
}
section.story-sec .right-col-btn{
    position: relative;
}
section.story-sec .right-col-btn a.btn.btn-success {
    background-color: rgb(12 90 151);
    color: #fff;
}
section.story-sec .right-col-btn a.btn.btn-success:hover {
    background-color: #ffffff;
    color: rgb(12 90 151);
    border: 1px solid rgb(12 90 151);
}
section.story-sec .col-6.left {
    padding-right: 40px;
}
section.story-sec p {
    line-height: 24px;
    margin-bottom: 5px;
}
section.story-sec .col-6.left .img-box {
    position: relative;
    z-index: 1;
}
section.client-brand-sec .content-box {
    width: 594px;
    text-align: center;
    margin: 0 auto;
    padding: 60px 0px 30px 0px;
}
section.story-sec .col-6.left .img-box:before {
    content: "";
    position: absolute;
    width: 70%;
    height: 70%;
    background-color: #c5c5c5;
    bottom: -18px;
    left: -18px;
    z-index: -1;
}
section.client-brand-sec .col-6.left{
  background-image: url(./images/brand-bg.jpg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
section.client-brand-sec .col-6.right{
  background-image: url(./images/clients-bg.jpg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  border-left: 1px solid #ffffff;
}
section.client-brand-sec .content-box h2 {
    font-size: 48px;
    line-height: 30px;
    color: #ffffff;
    text-transform: uppercase;
    margin-bottom: 30px;
}
section.client-brand-sec .content-box p {
    color: #ffffff;
    margin-bottom: 0px;
}
section.services-sec {
    padding: 60px 0px;
    text-align: center;
}
h2.logo-head {
    font-size: 48px;
    line-height: 30px;
    text-transform: uppercase;
    position: relative;
    margin-top: 160px;
    margin-bottom: 60px;
}
h2.logo-head:before {
    content: "";
    background-image: url(./images/logo-icon.png);
    background-position: center;
    background-size: contain;
    position: absolute;
    width: 103px;
    height: 112px;
    top: -150px;
    left: 0;
    right: 0;
    margin: 0 auto;
}
section.services-sec .col-6 img {
    width: 100%;
    height: auto;
}
section.services-sec .col-6.left .content-box {
    position: absolute;
    right: -120%;
    background-color: rgb(158 171 11);
    padding: 30px;
    width: 60%;
    text-align: justify;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    max-height: 450px;
}
section.services-sec .col-6.left a.btn.btn-success:hover{
    color: rgb(158 171 11);
}
section.services-sec .col-6 .content-box h2 {
    font-size: 42px;
    line-height: 30px;
    color: #ffffff;
    text-transform: uppercase;
    margin-bottom: 25px;
    letter-spacing: 2px;
}
section.services-sec .col-6 .content-box p {
    font-size: 18px;
    line-height: 27px;
    margin-bottom: 0;
    color: #ffffff;
}
section.services-sec .col-6 .content-box p strong{
    font-weight: bold;
}
.tax-product_cat p.woocommerce-info {
    display: flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    padding: 18px 20px 25px 56px !important;
}
section.services-sec .col-6.right .content-box a.btn.btn-success:hover {
    color: #e66814;
}
section.services-sec .col-6 .content-box .btn-box {
    text-align: right;
    margin-top: 30px;
}
section.services-sec .col-6 a.btn.btn-success {
    font-size: 20px;
    background-color: #ffffff;
    color: #000000;
    border: 1px solid #3330;
}
section.services-sec .col-6.right .content-box {
    position: absolute;
    left: -120%;
    background-color: rgb(230 104 20);
    padding: 30px;
    width: 540px;
    text-align: justify;
    margin: auto;
    max-height: 450px;    
    top: 0;
    bottom: 0;
    right: 0;
}
section.services-sec .col-6.right {
    order: 2;
}
.plumbing-sec{
  padding: 160px 0px;
  background-position: center;
  background-size: cover;
}
.plumbing-sec .content-box {
    background-color: rgb(243 1 69);
    padding: 30px;
    width: 560px;
    text-align: justify;
    margin: 0 auto;
}
.plumbing-sec .content-box h2 {
    font-size: 42px;
    line-height: 30px;
    color: #ffffff;
    text-transform: uppercase;
    margin-bottom: 25px;
    letter-spacing: 2px;
}
.plumbing-sec .content-box p {
    font-size: 18px;
    line-height: 27px;
    margin-bottom: 0;
    color: #ffffff;
}
.plumbing-sec .content-box .btn-box {
    text-align: right;
    margin-top: 30px;
}
.plumbing-sec .content-box a.btn.btn-success {
    font-size: 20px;
    background-color: #ffffff;
    color: #000000;
    border: 1px solid #3330;
}
.plumbing-sec .content-box a.btn.btn-success:hover {
    color: #f30145;
}
section.services-sec.two .col-6.left .content-box a.btn.btn-success:hover {
    color: #d33964;
}
section.services-sec.two .col-6.right a.btn.btn-success:hover {
    color: #fc7820;
}
section.services-sec.two .col-6.left .content-box {
    background-color: #d33964;
}
section.services-sec.two .col-6.right .content-box {
    background-color: #fc7820;
}
section.services-sec .col-6.left {
    padding-right: 85px;
    margin-bottom: -50px;
    position: relative;
}
section.services-sec .col-6.right {
    padding-left: 85px;
    position: relative;
}
footer {
    background-color: rgb(242 242 242) !important;
    padding: 140px 0px 80px 0px !important;
    position: relative;
    margin-top: 60px;
}
footer h2 {
    font-size: 36px;
    line-height: 30px;
    text-transform: uppercase;
    color: #5b5b5b;
    text-align: left;
}
footer nav li, footer ul.contact-details {
    color: #5b5b5b;
    font-size: 17px;
    line-height: 36px;
    text-align: left;
}
footer nav li a, footer ul.contact-details li a{
    color: #5b5b5b !important;
    font-size: 17px;
}
footer nav ul, footer ul.contact-details {
    list-style: none;
    margin-top: 30px;
}
footer .col-1 {
    -ms-flex: 0 0 24%;
    flex: 0 0 24%;
    max-width: 24%;
}
footer .col-2 {
    -ms-flex: 0 0 22%;
    flex: 0 0 22%;
    max-width: 22%;
}
footer:before {
    content: "";
    background-image: url(./images/footer-top-brd.png);
    background-position: center;
    background-size: contain;
    position: absolute;
    width: 100%;
    height: 169px;
    top: -70px;
    left: 0;
    right: 0;
    margin: 0 auto;
    background-repeat: no-repeat;
    z-index: 1;
}
footer:after {
    content: "";
    background-image: url(./images/brd-footer.jpg);
    background-position: center;
    background-size: cover;
    position: absolute;
    width: 100%;
    height: 10px;
    top: -10px;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 0;
    background-repeat: no-repeat;
}
footer ul.social-links {
    margin-bottom: 0px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
    margin-top: 30px;
}
footer ul.social-links li {
    border-radius: 100px;
    width: 39px;
    padding: 2px;
    height: 39px;
    text-align: center;
    vertical-align: middle;
    margin-right: 8px;
    background-color: #ffffff;
    border: 1px solid #666666c7;
}
footer ul.social-links li a {
    color: #333333 !important;
    font-size: 20px;
    position: relative;
    top: 0px;
    left: 0px;
    border: 2px solid #333;
    display: inline-block;
    border-radius: 100px;
    width: 33px;
    height: 33px;
}
footer ul.social-links li a i {
    position: relative;
    top: 2px;
    font-size: 22px;
}
footer .col-4 {
    -ms-flex: 0 0 29%;
    flex: 0 0 29%;
    max-width: 29%;
}
footer input[type="text"], footer input[type="email"], footer input[type="url"], footer input[type="password"], footer input[type="search"], footer textarea, select {
    color: #898989;
    border: 1px solid #d1d2d2;
    background-color: #fff0;
}
footer .wpcf7-form br {
  display: none;
}
footer .wpcf7-form p {
    margin-bottom: 7.5px;
}
footer .wpcf7-form textarea {
    padding: 10px 10px;
    width: 100%;
    height: 100px;
}
footer .wpcf7 input.wpcf7-submit {
    width: auto;
    font-family: 'Oxygen', sans-serif;
    background-color: #5b5b5b;
    border: 0px solid #333;
    text-transform: capitalize;
    font-weight: 500;
    padding: 10px 30px;
    float: right;
    margin-top: 15px;
}
footer .wpcf7-form {
    margin-top: 40px;
}
footer .wpcf7-not-valid-tip {
    text-align: left;
    font-size: 13px;
    margin-top: 3px;
}
footer .wpcf7 form .wpcf7-response-output {
    color: #000;
    font-size: 14px;
    text-align: left;
    margin-top: 34px;
    margin-left: 0;
    margin-right: 0;
}
.copywrite-txt {
    font-size: 16px;
    color: #5b5b5b;
    margin-top: -50px;
    text-align: left;
}
#brands-slider.owl-carousel .owl-dots.disabled, #brands-slider.owl-carousel .owl-nav.disabled, #clients-slider.owl-carousel .owl-nav.disabled, #clients-slider.owl-carousel .owl-dots.disabled {
    display: block !important;
}
#brands-slider img, #clients-slider img {
    width: 100%;
    height: auto;
}
.brand-slider, .clients-slider {
    padding: 0px 55.5px;
    margin-top: 35px;
}
.owl-theme .owl-nav [class*=owl-]:hover, .owl-theme .owl-nav [class*=owl-]:focus {
    background: #86979100 !important;
    outline: none !important;
    box-shadow: none !important;
}
#brands-slider button.owl-prev, #clients-slider button.owl-prev {
    position: absolute;
    left: -50px;
    font-size: 60px !important;
    top: -5px;
}
#brands-slider button.owl-next, #clients-slider button.owl-next {
    position: absolute;
    right: -50px;
    font-size: 60px !important;
    top: -5px; 
}
.page-template-default #primary {
    width: 100%;
    padding-top: 40px;
    padding-bottom: 60px;
}
.content-wrap footer.entry-footer {
    display: none;
}
.page-template-default .entry-content {
    min-height: 300px;
}
.brand-slider .item, .clients-slider .item {
    background-color: #ffffff;
}
#add_payment_method .wc-proceed-to-checkout a.checkout-button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button, .woocommerce .cart .button, .woocommerce .cart input.button, .woocommerce a.button, .woocommerce #payment #place_order, .woocommerce-page #payment #place_order, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce #review_form #respond .form-submit input {
    background-color: rgb(12 90 151);
    border: 1px solid rgb(12 90 151);
}
.woocommerce div.product p.price, .woocommerce div.product span.price, .woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
    color: rgb(111 162 55);
}
.woocommerce.single-product div.product .product_title {
    color: rgb(73 73 73);
    margin-bottom: 15px !important;
    font-weight: bold;
}
.woocommerce-product-details__short-description ul {
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    text-align: center;
}
.woocommerce-product-details__short-description ul li {
    border: 1px solid #0c5a97;
    color: #0c5a97;
    margin-right: 10px;
    margin-bottom: 10px;
}
.woocommerce-product-details__short-description ul li:hover {
    border: 1px solid #0c5a97;
    background-color: #0c5a97;
    color: #ffffff;
}
.woocommerce-product-details__short-description ul li:hover a{
    color: #ffffff;
}
li.product .product-thumb-wrap:before {
    background: #0c5a97;
}
.woocommerce-product-details__short-description ul li a {
    color: #0c5a97;
    font-size: 16px;
    display: inline-block;
    padding: 5px 10px;
}
.woocommerce div.product form.cart .button {
    vertical-align: middle;
    float: left;
    font-size: 18px;
    font-weight: normal;
    text-transform: capitalize;
    height: 42px;
}
.woocommerce .quantity .qty {
    line-height: 30px;
    height: 42px;
    font-size: 18px;
}
a.btn:visited {
    color: rgb(255 255 255);
}
.woocommerce-product-details__short-description {
    margin-bottom: 30px;
}
.product_meta {
    clear: both;
}
.single-product #primary, .archive.tax-product_cat #primary {
    width: 100%;
    float: none;
    max-width: 1200px;
    margin: 0 auto;
    margin-top: 30px;
    min-height: 350px;
}
.archive.tax-product_cat.woocommerce ul.products {
    margin: 0 0 1em;
    padding: 0;
    list-style: none outside;
    clear: both;
    width: 100%;
}
.product .woocommerce-loop-product__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .ecommerce_gem_widget_featured_categories .product-cat.product .featured-cat-title {
    font-size: 22px;
    color: rgb(73 73 73);
    margin-bottom: 15px !important;
    font-weight: bold;
}
.product .price, .woocommerce ul.products li.product .price {
    font-size: 20px;
    color: rgb(111 162 55);
}
li.product .product-info-wrap {
    padding: 20px 15px 10px 20px;
}
.woocommerce-page.columns-3 ul.products li.product, .woocommerce.columns-3 ul.products li.product {
    border: 1px solid #ddd;
}
h1.page-title:after {
    background: #6fa237;
}
.archive.tax-product_cat h2.woocommerce-loop-category__title {
    font-family: 'Agency FB';
    font-weight: bold !important;
    font-size: 22px !important;
    text-align: center;
    text-transform: uppercase;
    color: rgb(73 73 73) !important;
}
.archive.tax-product_cat h2.woocommerce-loop-category__title mark.count{
    display: none;
}
li.product:hover .product-thumb-wrap:before, li.product:hover .add-to-cart-wrap{
    display: none;
}
section.related.products h2 {
    font-size: 38px;
    line-height: 30px;
    color: rgb(73 73 73);
    margin-bottom: 10px;
    text-transform: uppercase;
}
.woocommerce div.product div.images .woocommerce-product-gallery__wrapper {
    border: 1px solid #ddd;
}
.woocommerce nav.woocommerce-pagination ul li .page-numbers, .pagination .nav-links .page-numbers {
    background: #0d5794;
    border: 1px solid #0d5794;
}
.woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current, .pagination .nav-links .page-numbers.current {
    color: #0d5794;
}
.woocommerce-message, .woocommerce-info {
    border-top-color: #0c5a97;
}
.woocommerce-message::before, .woocommerce-info::before {
    color: #0c5a97;
}
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
    text-transform: capitalize;
}
.coupon input#coupon_code {
    height: 42px;
}
.coupon input#coupon_code, .coupon button.button, .woocommerce-cart button.button {
    height: 42px;
}
.coupon input#coupon_code{
    font-size: 16px;
}
.woocommerce-products-header__title.page-title {
    text-transform: uppercase;
}
#primary .post .entry-title, #primary .page .entry-title {
    font-size: 38px;
    text-transform: uppercase;
    color: #515151;
    margin-bottom: 15px;
}
.cart_totals h2 {
    font-family: 'Agency FB';
    font-size: 22px !important;
    text-transform: uppercase;
    color: rgb(73 73 73) !important;
    margin-bottom: 15px;
    margin-top: 10px;
}
#add_payment_method .wc-proceed-to-checkout a.checkout-button:hover, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button:hover, .woocommerce .cart .button:hover, .woocommerce .cart input.button:hover, .woocommerce a.button:hover, .woocommerce #payment #place_order:hover, .woocommerce-page #payment #place_order:hover, .woocommerce #review_form #respond .form-submit input:hover {
    background: #5b5b5b !important;
    border-color: #5b5b5b !important;
    color: #fff !important;
}
a.checkout-button.button.alt.wc-forward {
    font-size: 20px;
    padding: 15px 15px;
}
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
    -ms-flex: 0 0 48%;
    flex: 0 0 48%;
    max-width: 48%;
}
a.showcoupon {
    color: #0c5a97;
}
.woocommerce-checkout h3, .woocommerce-order-details h2, .woocommerce-customer-details h2 {
    text-transform: uppercase;
    font-size: 24px;
    margin-bottom: 15px;
}
.select2-container .select2-selection--single {
    height: 33px;
    border-radius: 0px !important;
    border: 1px solid #ccc !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: rgb(73 73 73);
    line-height: 33px;
    font-size: 16px;
}
.woocommerce-order ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details {
    background-color: #fff;
    border: 1px solid #ccc;
    padding: 6px 12px;
    box-shadow: 1px 1px 1px #ddd;
    margin-bottom: 20px;
}
.woocommerce-cart .cart-collaterals {
    width: 350px;
    float: right;
}
.woocommerce-cart table.shop_table.shop_table_responsive th {
    border-right: 1px solid #ebe9eb !important;
}
/* Style the tab */

ul.tabs-c{
    margin: 0px;
    padding: 0px;
    list-style: none;
}
.single-product .tab-box ul.tabs-c li {
    background: none;
    color: #222;
    display: inline-block;
    padding: 10px 15px;
    cursor: pointer;
    border: 5px solid #ededed;
    border-bottom: 0;
}

ul.tabs-c li.current{
    background-color: #ebebeb !important;
    color: #222;
}

.tab-content{
    display: none;
    background-color: rgb(235 235 235);
    padding: 15px;
}
.tab-box #tab-2 .tab-content-box {
    border: 1px solid #fff;
}
.tab-content-box .features-text.col-6 {
    margin-bottom: 15px;
}
.tab-box #tab-2 .row:nth-child(even) {
    background-color: #fff;
}
.tab-box #tab-2 .row:nth-child(odd) {
    background: rgb(240, 240, 240);
}
.tab-box .row {
    font-size: 16px;
    padding: 10px 5px;
}
.tab-content.current{
    display: inherit;
}
.single-product .tab-box {
    width: 48%;
    float: right;
    clear: right;
    margin-bottom: 130px;
}
.single-product section.related.products {
    margin-top: 0 !important;
}
.single-product .tab-box .tab-content ul {
    list-style: none;
}
.single-product .tab-box .tab-content ul li a {
    color: #0c5a97;
    font-size: 16px;
}
.single-product .tab-box .tab-content ul li {
    margin-bottom: 10px;
}
.woocommerce p.stars a {
    color: rgb(254 196 21);
}
.single-product .woocommerce-tabs {
    float: left;
    width: 48%;
    clear: none !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
    color: #222;
}
.woocommerce div.product .woocommerce-tabs ul.tabs::before {
    border-bottom: 5px solid #ededed;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
    border: 5px solid #ededed;
    border-bottom: 0;
}
.woocommerce div.product .woocommerce-tabs h2.woocommerce-Reviews-title {
    font-family: 'Oxygen', sans-serif;
    color: rgb(12 90 151);
    text-transform: capitalize;
    font-size: 24px;
    margin-bottom: 10px;
}
.woocommerce div.product .woocommerce-tabs p.woocommerce-noreviews {
    font-family: 'Oxygen', sans-serif;
    font-size: 18px;
    color: rgb(73 73 73);
    font-weight: 400;
    line-height: 30px;
    margin-bottom: 15px;
}
.woocommerce #review_form #respond p {
    margin: 0 0 10px;
    font-size: 16px;
    font-family: 'Oxygen', sans-serif;
    color: rgb(73 73 73);
    font-weight: 400;
}
#commentform label {
    font-size: 18px;
    margin-bottom: 5px;
    color: rgb(73 73 73);
}
#commentform p.comment-form-cookies-consent label {
    font-size: 14px;
}
#commentform  input#submit {
    font-size: 20px !important;
    font-weight: normal;
    padding: 10px 30px 10px 30px !important;
}
#commentform p.stars {
    margin-top: 5px !important;
}
#tab-1 .row {
    padding: 10px 0px;
    margin-left: -10px;
    margin-right: -10px;
}
#tab-1 .row .col-6{
    padding-right: 10px;
    padding-left: 10px;
    box-sizing: border-box;
}
.single-product .tab-box .logo-img-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
}
.single-product .tab-box .logo-img-row .col-logo-img {
    width: auto;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 15px;
    margin-bottom: 10px;
}
.single-product footer {
    margin-top: 140px;
}




/*responsive query*/

@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  section.services-sec .col-6.left {
    padding-right: 50px;
  }
  section.services-sec .col-6.right {
    padding-left: 50px;
  }
  section.services-sec .col-6.left .content-box {
    right: -130%;
    width: 540px;
   }
   section.services-sec .col-6.right .content-box {
    position: absolute;
    left: -130%;
    width: 540px;
   }
}
@media only screen and (min-width: 1301px) and (max-width: 1440px) {
  section.services-sec .col-6.left {
    padding-right: 50px;
  }
  section.services-sec .col-6.right {
    padding-left: 50px;
  }
  section.services-sec.two .col-6.right .content-box {
    background-color: #fc7820;
  }
  section.services-sec.two .col-6.right {
    margin-top: 20px;
  }
  section.services-sec.one .row, section.services-sec.two .row {
    margin-bottom: 20px;
  }
  section.services-sec.one .col-6.left .content-box {
    right: -130%;
    width: 540px;
   }
   section.services-sec.two .col-6.left .content-box {
    right: -130%;
    width: 540px;
   }
   section.services-sec .col-6.right .content-box {
    position: absolute;
    left: -130%;
    width: 540px;
   }
}
@media only screen and (min-width: 1200px) and (max-width: 1300px) {
  section.services-sec .col-6.left {
    padding-right: 50px;
  }
  section.services-sec .col-6.right {
    padding-left: 50px;
  }
  section.services-sec.two .col-6.right .content-box {
    background-color: #fc7820;
  }
  section.services-sec.two .col-6.right {
    margin-top: 20px;
  }
  section.services-sec.one .row, section.services-sec.two .row {
    margin-bottom: 20px;
  }
  section.services-sec.one .col-6.left .content-box {
    right: -130%;
    width: 540px;
   }
   section.services-sec.two .col-6.left .content-box {
    right: -130%;
    width: 540px;
   }
   section.services-sec .col-6.right .content-box {
    position: absolute;
    left: -130%;
    width: 540px;
   }
}

@media only screen and (max-width: 1200px) {
  section.client-brand-sec .content-box {
    width: 100%;
    text-align: center;
    margin: 0 auto;
    padding: 60px 10px 30px 10px;
  }  
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
   #brands-slider button.owl-prev, #clients-slider button.owl-prev, #brands-slider button.owl-next, #clients-slider button.owl-next {
    top: 2px;
    }
    .wel-sec h2 {
    font-size: 48px;
    margin-bottom: 25px;
    }
    section.services-sec .col-6 .content-box p {
    font-size: 16px;
    line-height: 24px;
    }
    h2.logo-head, section.client-brand-sec .content-box h2, section.story-sec h2, section.proj-ref-sec h2 {
    font-size: 40px;
   }
   section.services-sec .col-6 img {
    min-height: 380px;
    }
    section.services-sec .col-6 a.btn.btn-success {
    font-size: 18px;
    padding: 6px 20px;
    }
    section.services-sec .col-6 .content-box .btn-box {
    margin-top: 20px;
    }
   section.services-sec .col-6 .content-box h2 {
    font-size: 34px;
    line-height: 24px;
    margin-bottom: 12px;
    }
    section.services-sec .col-6.left .content-box {
    right: -80%;
    padding: 20px 15px;
    width: 530px;
    max-height: 335px;
    }
    section.services-sec .col-6.right .content-box {
    padding: 20px 15px;
    max-height: 330px;
    width: 530px;
    }
    section.services-sec.one .row, section.services-sec.two .row  {
    margin-bottom: 50px;
    }
}
@media only screen and (min-width: 769px) and (max-width: 991px) {
   #brands-slider button.owl-prev, #clients-slider button.owl-prev, #brands-slider button.owl-next, #clients-slider button.owl-next {
    top: 2px;
    }
	.home-slider.inner-ban {
    top: -150px;
    margin-bottom: -150px;
    }
    .wel-sec h2 {
    font-size: 36px;
    margin-bottom: 15px;
    }
    section.wel-sec {
    padding: 40px 0px 70px 0px;
    }
    .home-slider {
    top: -150px;
    margin-bottom: -150px;
    }
    header .left img.img1 {
    width: 60px;
    }
     header .center img.img1 {
    width: 246px;
    }
    ul.top-menu li {
    padding: 10px 10px 6px 10px;
    }
    li.email-menu a {
    font-size: 15px !important;
    }
    ul#menu-main-menu li a {
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    }
    p {
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 10px;
    }
    .proj-ref-sec .col-6.left {
    padding-top: 35px;
    padding-bottom: 35px;
    }
    .proj-ref-sec .col-6.right-image-fixed .img-box {
    width: 630px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    height: 400px;
    }
    ul#menu-main-menu:before, ul#menu-main-menu:after {
    height: 64px;
    }
    .home-slider h1 {
    font-size: 36px;
    line-height: 46px;
    }
    section.story-sec ul li {
    font-size: 15px;
    }
    .logo {
    padding-top: 9px;
    padding-bottom: 0px;
    }
    ul.top-menu li a {
    font-size: 16px;
    line-height: 18px;
    }
    section.services-sec .col-6 .content-box p {
    font-size: 16px;
    line-height: 24px;
    }
    h2.logo-head, section.client-brand-sec .content-box h2, section.story-sec h2, section.proj-ref-sec h2 {
    font-size: 32px;
    margin-bottom: 15px;
   }
   section.services-sec .col-6 img {
    min-height: 380px;
    }
    section.services-sec .col-6 a.btn.btn-success {
    font-size: 18px;
    padding: 6px 20px;
    }
    footer h2 {
    font-size: 32px;
    line-height: 22px;
    }
    footer nav li a, footer ul.contact-details li a {
    font-size: 16px;
    }
    footer nav li, footer ul.contact-details {
    line-height: 30px;
    }
    footer:before {
    height: 120px;
    }
    section.services-sec .col-6 .content-box .btn-box {
    margin-top: 20px;
    }
   section.services-sec .col-6 .content-box h2 {
    font-size: 30px;
    line-height: 20px;
    margin-bottom: 12px;
    }
    section.services-sec .col-6.left .content-box {
    right: -80%;
    padding: 20px 15px;
    width: 530px;
    max-height: 335px;
    }
    section.services-sec .col-6.right .content-box {
    padding: 20px 15px;
    max-height: 330px;
    width: 530px;
    }
    section.services-sec.one .row, section.services-sec.two .row  {
    margin-bottom: 50px;
    }
}
@media only screen and (max-width: 768px) {
    .menu-box{
        display: none;
    }
	p.comment-form-cookies-consent input#wp-comment-cookies-consent {
    float: left;
    position: relative;
    top: 6px;
    margin-right: 5px;
    }
	p.comment-form-cookies-consent label {
    width: calc( 100% - 20px);
    float: left;
    }
	.woocommerce-error, .woocommerce-info, .woocommerce-message {
    font-size: 15px;
    }
	.woocommerce-cart .cart-collaterals {
    width: 100%;
    }
	#primary .post .entry-title, #primary .page .entry-title {
    font-size: 34px;
    }
	.single-product .tab-box {
    width: 100%;
    margin-bottom: 30px;
    }
	.single-product .woocommerce-tabs {
    width: 100%;
    }
	.page-id-41 .row.list-brands, .page-id-43 .row.list-clients {
    margin-left: -10px;
    margin-right: -10px;
    }
	.page-id-43 .row.list-clients .col-3, .page-id-41 .row.list-brands .col-3{
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    }
    #brands-slider button.owl-prev, #clients-slider button.owl-prev, #brands-slider button.owl-next, #clients-slider button.owl-next {
    top: 2px;
    }
    .wel-sec h2 {
    font-size: 36px;
    margin-bottom: 15px;
    }
    section.wel-sec {
    padding: 40px 0px 50px 0px;
    }
    .home-slider, .home-slider.inner-ban {
    top: 0;
    margin-bottom: 0;
    position: static;
    }
    header .left img.img2 {
    width: 60px;
    }
    ul.top-menu li {
    padding: 10px 4px 4px 4px;
    min-width: auto;
    border-left: 1px solid #c7bdbd;
    box-sizing: border-box;
    }
    
    li.email-menu a {
    font-size: 15px !important;
    }
    ul#menu-main-menu li a {
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    }
    p {
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 10px;
    }
    .proj-ref-sec .col-6.left {
    padding-top: 25px;
    padding-bottom: 25px;
    }
    .proj-ref-sec .col-6.right-image-fixed .img-box {
    position: static;
    }
	.proj-ref-sec .col-6.right-image-fixed .img-box img {
    height: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 700px !important;
    max-width: 700px;
    }
	section.story-sec .btn-box {
    text-align: center;
    position: static;
    margin-top: 20px;
    }
	section.story-sec .col-6.right .col-6 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    }
	section.story-sec .col-6.left {
    padding-left: 15px;
    }
    ul#menu-main-menu:before, ul#menu-main-menu:after {
    height: 64px;
    }
    .home-slider h1 {
    font-size: 36px;
    line-height: 46px;
	    text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;	
    }
    section.story-sec ul li {
    font-size: 15px;
    }
    .logo {
        padding-top: 0;
    padding-bottom: 0px;
    position: absolute;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    }
    ul.top-menu li a {
        font-size: 12px;
    line-height: 14px;
    color: #000;
    }
    section.services-sec .col-6 .content-box p, .plumbing-sec .content-box p{
    font-size: 16px;
    line-height: 24px;
    }
    h2.logo-head, section.client-brand-sec .content-box h2, section.story-sec h2, section.proj-ref-sec h2 {
    font-size: 32px;
    margin-bottom: 15px;
   }
   section.services-sec .col-6 img {
    min-height: 360px;
    }
    section.services-sec .col-6 a.btn.btn-success {
    font-size: 18px;
    padding: 6px 20px;
    }
    footer h2 {
    font-size: 32px;
    line-height: 22px;
    margin-top: 30px;
    }
    footer nav li a, footer ul.contact-details li a {
    font-size: 16px;
    }
    footer nav li, footer ul.contact-details {
    line-height: 30px;
    }
    footer:before {
    height: 120px;
    }
    section.services-sec .col-6 .content-box .btn-box {
    margin-top: 20px;
    }
   section.services-sec .col-6 .content-box h2, .plumbing-sec .content-box h2{
    font-size: 30px;
    line-height: 36px;
    margin-bottom: 5px;
    }
	footer .col-1, footer .col-2 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    }
	footer {
    padding: 50px 0px 20px 0px !important;
    margin-top: 40px;
    }
	.copywrite-txt {
    margin-top: 20px;
    }
	footer .col-3, footer .col-4 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    }
	.plumbing-sec {
    padding: 40px 0px;
    }   
    section.services-sec .col-6.left .content-box {
    right: -80%;
    padding: 20px 15px;
    width: 530px;
    max-height: 335px;
    }
    section.services-sec .col-6.right .content-box {
    padding: 20px 15px;
    max-height: 335px;
    width: 530px;
    left: -80%;
    }
    section.services-sec.one .row, section.services-sec.two .row  {
    margin-bottom: 50px;
    }
    header .quote-btn span {
    background-image: url(../ecommerce-gem-child/images/list-icon-b.png);
    }
    header .search-btn span {
    background-image: url(../ecommerce-gem-child/images/search-icon-b.png);
    }
    header img.img2 {
    display: block;
    }
    header img.img2 {
    display: inline-block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    }
    header img.img1 {
    display: none;
    }
	header ul.top-menu li:last-child {
    border-right: 1px solid #c7bdbd;
    }
	ul.top-menu li span {
    margin-bottom: 0px;
    }
	.owl-theme .owl-dots .owl-dot span {
    width: 12px !important;
    height: 12px !important;
    }
	header#site-header.sticky-header {
    position: static;
    }
	.btn-success {
    font-size: 16px;
    padding: 8px 20px 8px 20px;
    }
	header .col-4.left , header .col-4.center {
    position: relative;
    }
	header .col-4.left a.find-btn {
    position: static;
    }
	#home-banner-slider .container {
    top: 35%;
    }
	section.services-sec .col-6.left {
    padding-right: 0px;
    }
	section.services-sec .col-6.right {
    padding-left: 0;
    }
	section.services-sec {
    padding: 40px 0px;
    }
	li.email-menu:before {
    left: 15px;
    top: 17px;
    }
	a.checkout-button.button.alt.wc-forward {
    font-size: 18px;
    }
	.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    }
	.woocommerce-checkout .woocommerce-info {
    padding: 10px 10px 10px 40px;
    font-size: 14px;
    }
	.woocommerce-checkout .woocommerce-info a{
    font-size: 14px;
    }
	.woocommerce-checkout .woocommerce-error::before, .woocommerce-checkout .woocommerce-info::before, .woocommerce-message::before {
    left: 10px;
    }
	.woocommerce-order-received h1.entry-title {
    font-size: 28px !important;
    }
	.woocommerce ul.order_details li strong {
    font-size: 16px;
    }
	.woocommerce ul.order_details li {
    border-right: 0 !important;
    width: 43%;
   }
	.woocommerce-order-received .woocommerce table.shop_table tfoot th {
    font-weight: 700;
    border-top: 1px solid rgba(0,0,0,.1);
    font-size: 16px;
    }
}
@media only screen and (max-width: 600px) {
	.woocommerce ul.order_details li strong {
    font-size: 14px;
    }
	.wel-sec h2 {
    font-size: 28px;
    margin-bottom: 10px;
    }
	.woocommerce table.shop_table td, .woocommerce table.shop_table td a {
    font-size: 16px !important;
    }
	.woocommerce table.shop_table a.remove {
    font-size: 24px !important;
    }    
	.woocommerce-page table.cart td.actions .coupon .button {
    width: 100%;
    }
	.woocommerce-page table.cart .coupon input#coupon_code {
    font-size: 16px;
    width: 100%;
    margin-bottom: 10px;
    }  
	section.services-sec .col-6.left, section.services-sec .col-6.right {
        padding-right: 15px;
    padding-left: 15px;
    margin-bottom: 15px;
    position: static;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    box-sizing: border-box;
	}
	h2.logo-head:before {
    background-size: 80%;
    background-repeat: no-repeat;
    height: 100px;
    top: -110px;
    }
	.plumbing-sec .content-box {
    width: 100%;
	padding: 20px 15px;	
    }
	section.services-sec.one .row, section.services-sec.two .row {
    margin-bottom: 0px;
    }
	h2.logo-head {
    margin-top: 100px;
    margin-bottom: 30px !important;
    }
	section.services-sec .col-6.left .content-box, section.services-sec .col-6.right .content-box {
    width: 100%;
    max-height: initial;
    position: static;
    }
	section.services-sec .col-6 img {
    min-height: auto;
    }
	section.story-sec .col-6.right .col-6, section.client-brand-sec .col-6, section.services-sec .col-6 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
   }
   section.story-sec .right-col-btn {
    text-align: center;
    }
	section.story-sec .btn-box {
    text-align: center;
    position: static;
    margin-top: 30px;
    }
	section.wel-sec .btn-box {
    margin-top: 25px;
    }
	h2.logo-head, section.client-brand-sec .content-box h2, section.story-sec h2, section.proj-ref-sec h2 {
    font-size: 28px;
    margin-bottom: 10px;
    }
	.proj-ref-sec .col-6.left {
    padding-top: 25px;
    padding-bottom: 25px;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    }
	section.story-sec .col-6.right {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    margin-top: 30px;
    }
	section.story-sec .col-6.left .img-box:before {
    bottom: -9px;
    left: -12px;
    }
	section.story-sec {
    padding: 40px 0px;
    }
	.proj-ref-sec .col-6.right-image-fixed {
    display:none;
    }
	section.story-sec .col-6.left {
    padding-right: 0px;
    padding-left: 20px;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    text-align: center;
    }
	header .col-4.left {
		display: none;
	}
	header .col-4.center {
    -ms-flex: 0 0 calc( 100% - 116px);
    flex: 0 0 calc( 100% - 121px);
    max-width: calc( 100% - 121px);
    padding-right: 15px;
    box-sizing: border-box;
	position: relative;	
    }
	header .col-4.right {
    order: 3;
    -ms-flex: 0 0 40%;
    flex: 0 0 121px;
    max-width: 121px;
    }
	.home-slider h1 {
    font-size: 24px;
    line-height: 34px;
    }
	#home-banner-slider .container .slider-content {
    width: 100%;
    }
	.home-slider h1 br{
		display: none;
	}
	#home-banner-slider .container {
    top: 40%;
    }
	
}

@media only screen and (max-width: 480px)
	#home-banner-slider .container {
		top: 32%;
	}
}