.site_button {
    display: inline-block;
    width: 170px;
    font-size: 18px;
    padding: 0;
    color: #fff;
    margin: 0;
    line-height: 2.6;
    display: inline-block;
    text-align: center;
    position: relative;
    font-weight: normal;
    background: red;
    margin-right: 5px;
    cursor: pointer;
    font-weight: 500;
    transition: 1s !important;
    margin-bottom: 5px !important;
 
}

.site_button::after{
    position: absolute;
    content: '';
    background-color: #000;
    bottom: -5px;
    height: 2px;
    width: 100%;
    left: 0;
}
.site_button {
    color: #fff;
    background-image: linear-gradient(30deg, black 50%, transparent 50%);
    background-size: 500px;
    background-repeat: no-repeat;
    background-position: 0%;
  }
  .site_button:hover {
    background-position: 100%;
    color: white;
  }
  
 .employee_button_main_box_inner .site_button.hover_button {
    background: black;
    margin-top: 10px;
  }
  .employee_button_main_box_inner .site_button.hover_button{
    color: #fff;
    background-image: linear-gradient(30deg, red 50%, transparent 50%) !important;
    background-size: 500px;
    background-repeat: no-repeat;
    background-position: 0%;
  }
  .employee_button_main_box_inner .site_button.hover_button:hover{
    background-position: 100%;
    color: white;
  }
/* blog button */
.blog_button_main_box {
    position: absolute;
    bottom: -30px;
  }
  

/* map button */
.map_box a.site_button.hover_button {
    background: red;
}
.map_button_main_box {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    display: flex;
    justify-content: center;
}

/* service button */
.service_button_main_box_inner {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}






@media all and (min-width: 320px) and (max-width: 980px) {

  /* mobile menu */
.mobile_header_row .mobile_logo img {
    text-align:left;
}
.sfm-navicon-button.sf_label_default {
  width: 42px !important;
  height: 42px !important;
  margin-top: 10px !important;
  margin-right: 10px;
  display: block;
  background-color: red !important;
  border-radius: 100%;
}
.sfm-navicon:after, .sfm-navicon:before, .sfm-sidebar-close:after, .sfm-sidebar-close:before {
  width: 70% !important;
  left: 4px !important;
}
.sfm-sidebar-close {
  position: relative;
  top: 0;
  width: 32px !important;
  height: 50px;
  left: 0;
  cursor: pointer;
  z-index: 10001;
}
.mobile_logo img{
  height: 45px !important;
  object-fit: contain;
}
.mobile_header_row .et_pb_column .et_pb_row_inner, .et_pb_row {
padding: 10px 0 !important;
}
.mobile_header_section  .et_pb_column{
  width: 100% !important;
  margin: 0px !important;
  padding: 0px;
  
}

.mobile_header_section{
  padding: 0px !important;
  display: block;
  position: fixed;
  width: 100%;
  top: 0;
  background-color: black;
}
.mobile_header_row {
  max-width: 94% !important;
  display: flex;
  width: 100% !important;

}
ul.header_btn_box_tab {
  display: flex;
}
ul.header_btn_box_tab {
  position: absolute;
  right: 45px;
}
ul.header_btn_box_tab li svg {
  width: 42px !important;
  height: 42px !important;
  margin: auto;
  object-fit: contain;
transition: 1s !important;


}
ul.header_btn_box_tab  li svg path{
stroke-width: 2px !important;
}
ul.header_btn_box_tab  li svg:hover{
fill: red !important;
}
ul.header_btn_box_tab  li svg g path{
stroke-width: 3px !important;
}
ul.header_btn_box_tab  li {
  list-style-type: none;
  padding: 0px 0px 0px 10px;
}
ul.header_btn_box_tab {
  display: flex;
  padding: 0px;
}
#sfm-sidebar .sfm-menu li:after {
  content: '';
  display: block;
  width: 70%!important;
  box-sizing: border-box;
  position: absolute;
  bottom: 0px;
  left: -12px!important;
  right: 0px;
  height: 1px;
  background: #E6E6E6;
  margin: 0 auto;
  z-index: 0;
}
#sfm-sidebar .sfm-menu li > a span:before, #sfm-sidebar .sfm-menu li > a span:after {
  content: none !important;
}
#sfm-sidebar .sfm-back-parent .sfm-sm-indicator i, .sfm-pos-right .sfm-sub-flyout #sfm-sidebar .sfm-sm-indicator i {
  transform: rotate(223deg) !important;
}
#sfm-sidebar .sfm-sm-indicator i {
  left: 267px !important;
}
#sfm-sidebar .sfm-view-level-1, #sfm-sidebar ul.sfm-menu-level-1 {
  background: rgb(218, 214, 214) !important; 
}
#sfm-sidebar .sfm-view-level-1 li a, #sfm-sidebar .sfm-menu-level-1 li a {
  color: #000000 !important;
  border-color: #222 !important;
}



/* header space */
.et_pb_section {
padding: 0px 0;
}
div#main-content {
margin-top: -38px !important;
}

}





@media all and (min-width: 320px) and (max-width: 767px) {
    .site_button {
        width: 130px;
        font-size: 15px;
        margin: auto;
        margin: 0 5px;
    }
  }


@media all and (min-width: 320px) and (max-width: 799px) {
  #sfm-sidebar .sfm-sm-indicator i {
    left: 0 !important;
  }
  #sfm-sidebar .sfm-back-parent .sfm-sm-indicator i, .sfm-pos-right .sfm-sub-flyout #sfm-sidebar .sfm-sm-indicator i {
    transform: rotate(134deg) !important;

  }

}

@media all and (min-width: 768px) and (max-width: 980px) {
  .site_button{

    width: 150px;
    font-size: 16px;
}
.blog_button_main_box {
           position: relative;
        bottom: 0;
        padding: 20px 0 0;
}

/* service button */
.service_button_main_box_inner {
    display: flex;
    justify-content: center;
    margin-top: 30px;
}
}

@media only screen and (min-width: 981px) and (max-width: 1024px) {
  .site_button{
    width: 150px;
    font-size: 16px;
}

/* service button */
.service_button_main_box_inner {
    display: flex;
    justify-content: center;
    margin-top: 30px;
}
}

@media all and (min-width: 1025px) and (max-width: 1140px) {
 .site_button{

    width: 150px;
}

}

@media all and (min-width: 1141px) and (max-width: 1280px) {
.site_button{
    width: 160px;
}

}

@media all and (min-width: 1281px) and (max-width: 1440px) {
 /* map button */
 .map_button_main_box {
    position: absolute;
    top: 0;
    left: -147px;
}
}

@media all and (min-width: 1441px) and (max-width: 1680px) {
    
}

@media all and (min-width: 1681px) and (max-width: 1880px) {
}


@media all and (min-width: 981px) and (max-width: 3000px) {

}






/* 
.site_button:hover{
  background-color: #0085BC;
   color: #fff;
   opacity: 1 !important;
   transition: all .6s ease;
}
.site_button:hover span{
   color: white;
   z-index: 9;
   margin: auto;
}
.site_button {
   width: 157px;
   height: 41px;
   display: flex;
   cursor: pointer; 
   transition: all 1s;
   background-color:white;
   border: 2px solid #0085BC;
   margin: auto;
   overflow: hidden;
   transition: .5s;
   position: relative;
} 
.site_button span {
   margin: auto;
   font-size: 15px;
   color: black;
   text-transform: capitalize;
}
.header_btn_box {
   display: flex;
}
.header_btn_box_inner_main{
   display: flex;
   padding-left: 90px;
}
.header_btn_box_inner_right{
   margin-left: 20px;
}
.sfm-navicon-button.sf_label_default {
   display: none;
}

/ banner button /
.banner_btn_box_inner_main{
   display: flex;
 }
 .banner_btn_box_inner_right{
   margin-left: 10px;
}

/ about us button /

.about_btn_box_inner_main{
   display: flex;
   padding-left: 25px;
   margin-top: 20px;
 }
 .about_btn_box_inner_right{
   margin-left: 10px;
}

/ plumbing service section button /
.plumbing_service_btn_box_inner_main {
   display: flex;
   justify-content: center;
   margin-top: 10px;
 }
 .plumbing_service_btn_box_inner {
   padding: 5px;
 }
 











@media all and (min-width: 320px) and (max-width: 980px) {
   .sfm-navicon-button.sf_label_default {
       width: 37px !important;
       height: 40px !important;
       margin-top: 9px !important;
       margin-right: 9px;
       display: block;
       background-color: white !important;
   }
   .sfm-label-metro .sfm-navicon, #sfm-mob-navbar .sfm-navicon, .sfm-label-metro .sfm-navicon:after, #sfm-mob-navbar .sfm-navicon:after, .sfm-label-metro .sfm-navicon:before, #sfm-mob-navbar .sfm-navicon:before {
       background-color: #0085BC !important;
   }
   .mobile_logo img{
       width: 150px !important;
       height: 45px !important;
       object-fit: contain;
   }
.mobile_row .et_pb_column .et_pb_row_inner, .et_pb_row {
   padding: 10px 0 !important;
}
   .mobile_section  .et_pb_column{
       width: 100% !important;
       margin: 0px !important;
       padding: 0px;
   }
   
   .mobile_section{
       padding: 0px !important;
       display: block;
       position: fixed;
       width: 100%;
       top: 0;
       background-color: #0085BC;
   }
   .mobile_row {
       max-width: 94% !important;
       display: flex;
       width: 100% !important;

   }
   ul.header_btn_box_tab {
       display: flex;
   }
   ul.header_btn_box_tab {
       position: absolute;
       right: 45px;
   }
   ul.header_btn_box_tab  li svg {
       width: 35px !important;
       height: 35px !important;
       margin: auto;
       object-fit: contain;
   }
   ul.header_btn_box_tab  li {
       list-style-type: none;
       padding: 0px 0px 0px 10px;
   }
   ul.header_btn_box_tab {
       display: flex;
       padding: 0px;
   }
   / need plumbing button /
   .plumbing_service_btn_box_inner_main {
       display: block;
   }
}
@media all and (min-width: 768px) and (max-width: 980px) {

}
@media only screen and (min-width: 981px) and (max-width: 1024px) {
 
}
@media all and (min-width: 1025px) and (max-width: 1140px) {
  
}
@media all and (min-width: 1141px) and (max-width: 1280px) {
 
}
@media all and (min-width: 1281px) and (max-width: 1440px) {

}
@media all and (min-width: 1441px) and (max-width: 1680px) {

}
@media all and (min-width: 1681px) and (max-width: 1880px) {

} */