/*
[Responsive Stylesheet]
Author: xy440
*/
@media only screen and (max-width: 3500px) {
body {overflow-x: hidden;}
}
@media (min-width: 1024px ){
.lSSlideWrapper #image-gallery {
    height: 420px !important;
}
.caret{display: none}
}
@media (min-width: 1600px ){
.p-full .project-content{height: 320px}
}
@media (max-width: 1024px) {
  .cleaners .owl-nav{display: none}
  .slider-contents{top: 5% ;}
}
/* =================================================
    Smart Phone
  ================================================== */
@media (max-width: 767px ) {
/* ---------------------------------------------------------
   Header, sub-header, breadcrumbs
------------------------------------------------------------ */ 
#top_head, 
#main_head .search-form, 
.search-icon, 
.woo_cart,
li#wp-admin-bar-my-account {
  display: none;
}
.breadcrumbs,
.woocommerce-breadcrumb {
  text-align: center;
  font-size: 12px;
  float: none !important;
}
.sub-header-title, 
.page-title-shop {
  text-align: center;
  font-size: 20px;
  line-height: 1.2;
}
.sub-header
 {
    margin-top: 80px;
}
.admin-bar .header {
    top: 46px;
}
.admin-bar .header.fixed-top {
  top: 0;
}
.navbar-brand > img {
    max-height: 40px;
}
/* ---------------------------------------------------------
   Menu
------------------------------------------------------------ */ 
.navbar-default .navbar-collapse {
  background-color: #000;
}
.navbar-default .navbar-nav > li.current-menu-item > a, 
.navbar-default .navbar-nav > li.current-page-ancestor > a, 
.navbar-default .navbar-nav > li.current-menu-ancestor > a, 
.navbar-default .navbar-nav > li.current-menu-parent > a, 
.navbar-default .navbar-nav > li.current_page_ancestor > a, 
.navbar-default .navbar-nav>.active>a:hover {
    color: #fff !important;
}
.navbar-default .navbar-nav > li > a {
    font-size: 13px !important;
    font-weight: 500 !important;
}
.navbar-nav > li > a {padding: 8px 0;}
.navbar-nav > li > a {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}
.navbar-nav {
    margin: 0 auto!important;
    /*width: 300px;*/
}
.nav > li, .dropdown-menu > li {
    border-bottom: 1px solid #373737;
}
.nav > li:last-child {
    border: 0;
}
.navbar-default .navbar-collapse {
  border-color: transparent;
  margin-top: 22px;
  padding-bottom: 10px;
}
.footer-menu {
    display: block;
    float: none;
    padding:0;
}
.footer-menu li:after {
content: ''
}
/*news ticker*/
.bddex_news_ticker .owl-nav {
    position: absolute;
    right: 0;
    top: -30px;
}
.tp-caption.PostSlider-Title, .PostSlider-Title,
.tp-caption.PostSlider-Category, .PostSlider-Category,
.tp-caption.PostSlider-Content, .PostSlider-Content{
  color:white !important;
}
.fixed-top .news .news_sticky_menu_bar{width: 100%}
.post-block5-element .block-item5{width: 50% !important}
/* ---------------------------------------------------------
   service
------------------------------------------------------------ */ 
.p3cols .project-content 
 {
  width: 100%;
  min-height: auto;
}
.service figure img {
    width: 100%;
}
.service-brochure h4{font-size: 18px}
/* ---------------------------------------------------------
   team
------------------------------------------------------------ */ 
.team-title,.team-skills,.eng-skill-exp,.project-carousel,.team-content {padding:0 15px;}
/* ------------------------------------------
   blog
--------------------------------------------- */ 
h1.entry-title, h1.entry-title a{
  font-size: 18px !important;
  line-height: 22px !important;
}
/* ---------------------------------------------------------
   Testimonial
------------------------------------------------------------ */ 
.client-feedback:before {
  height: 15px;
  width: 15px;
    left: 82px;
    top: 30px;
}
.client-left img {
  width: 50px !important;
  border-radius: 100%;
}
.btn-quote.pull-right {
  float: none !important;
}
.client-feedback:before {left: 68px;}
.client-title {
    font-size: 18px;
  }
/* ---------------------------------------------------------
   Post
------------------------------------------------------------ */ 
.details-box .post-time,
.details-box .post-category, 
.details-box .comments-link {
  font-size: 11px;
  margin: 0;
  letter-spacing: 0;
}
.details-box .post-title a{font-size: 20px;line-height: 20px}
/* ------------------------------------------
   woocommerce
--------------------------------------------- */ 
.post-type-archive-product ul.products li.product{
      margin: 0 24px 2.992em 0;
}
.woocom li.product,.woocommerce ul.products li.product, .woocommerce-page ul.products li.product, ul.products li.product{
  width: 100% !important;
  margin:0 !important;
}
.copyright{text-align: center;}
.social_media{float: none;display: table;margin:0 auto;}
.space-20,
.wpcf7-form-control-wrap.cw-bed select, .wpcf7-form-control-wrap.cw-bath select,
.wpcf7-form-control-wrap.cw-time select, .wpcf7-form-control-wrap.cw-date input {
    margin-bottom: 10px;
}
.gap-btn .wpcf7-form-control.wpcf7-submit {
    margin-top: 5px;
    margin-bottom: 40px;
}
.elementor-701 .elementor-element.elementor-element-4ca3b74{
  padding-bottom: 50px !important
}
.col-lg-5.col-md-5.col-sm-6.cleaner-img {
    padding-bottom: 40px;
}
.portfolio_content {padding-left:20px;}

/* ------------------------------------------
   misc
--------------------------------------------- */ 
.we_are_ready .pp-first-text{display: inline-block;}
.dif_man {
    margin-top: 70px !important;
}





}
/* =========================================================
   iPhone 6 Plus in landscape
============================================================ */ 
@media only screen 
and (min-device-width : 414px) 
and (max-device-width : 736px) 
and (orientation : landscape) { 
.p3cols .project-content {
  width: 50%;
  min-width: 50%;
  max-width: 50%;
  min-height: auto;
}
.woocom li.product,.woocommerce ul.products li.product, .woocommerce-page ul.products li.product, ul.products li.product {
    width: 45% !important;
    margin: 0 10px 40px 10px !important;
}
/* ---------------------------------------------------------
   team
------------------------------------------------------------ */ 
.team-title,.team-skills,.eng-skill-exp,.project-carousel,.team-content {padding:0 15px;}
}
/* =========================================================
   iPhone 6 in portrait & landscape
============================================================ */ 
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) { 
}
/* ==============================
  iPhone 6 in landscape 
================================ */
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : landscape) { 
.service h3 a:after {
    bottom: 80px;
}
.p3cols .project-content {
  width: 50%;
  min-width: 50%;
  max-width: 50%;
  min-height: auto;
}
.client-feedback:before {
  left: 155px;
}
.admin-bar .fixed-top #main_head {
    top: 46px;
}
.navbar-nav { width: 600px; }
.project-content {  width: 100%; }
}
/*====================================
iPhone 5 & 5S in portrait & landscape
======================================*/
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) { 
.admin-bar .header {
    top: 46px;
}
.admin-bar .header.fixed-top {
  top: 0;
}
/* ------------------------------------------
   service
--------------------------------------------- */ 
.p3cols .project-content
 {
  width: 100%;
  min-height: auto;
}
.project-terms button {
    font-size: 10px;
    letter-spacing: .5px;
    line-height: 1;
    padding: 5px 7px;
    margin: 0px 0 5px;
    }
.engineers .eng-cat{
  margin-top: 110px;
}
.engineers .eng-cat a:after {
    top: 140px;
}
}
/*============================
iPhone 5 & 5S in landscape
==============================*/
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : landscape) { 
.admin-bar .fixed-top #main_head {top: 0;}
.p3cols .project-content {
  width: 50%;
  min-width: 50%;
  max-width: 50%;
  min-height: auto;
}
}
/*=================================
iPad mini in portrait & landscape
===================================*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)
and (-webkit-min-device-pixel-ratio: 1)  { 
.nav > li > a {padding-right: 7px !important}
/*.navbar-default .navbar-nav > li > a {font-size: 12px !important}*/
/*.navbar-nav > li {font-size: 13px !important}*/
.navbar-brand {padding: 26px 0 !important;}
.search-icon,.woo_cart {display: none !important}
/*.navbar-default .navbar-nav > li > a {font-size: 10px !important}*/
.sub-header-title{font-size: 20px}
.breadcrumbs {
  text-align: center;
  font-size: 12px;
}
/* ------------------------------------------
   service
--------------------------------------------- */ 
.p3cols .project-content {
  width: 50%;
  min-width: 50%;
  max-width: 50%;
  min-height: auto;
}
.project-terms button {
    font-size: 10px;
    letter-spacing: .5px;
    line-height: 1;
    padding: 5px 7px;
    margin: 0px 0 5px;
    }
.btn-brochure {
    background: #FBC94C;
    color: #1b1b1b;
    padding: 6px 10px;
    font-weight: 600;
    letter-spacing: 0;
    font-size: 12px;
    border: 2px solid #FBC94C;
}
.service-brochure h4 {
    font-size: 18px;
    }
/* ------------------------------------------
   testimonial
--------------------------------------------- */ 
.client-title {
    font-size: 18px
  }
/* ------------------------------------------
   blog
--------------------------------------------- */ 
h1.entry-title, h1.entry-title a{
  font-size: 18px;
  line-height: 22px;
}
/* ------------------------------------------
   woocommerce
--------------------------------------------- */ 
.post-type-archive-product ul.products li.product{
      margin: 0 15px 2.992em 0 !important;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product, ul.products li.product{
  width: 47% !important;
}
}
/* ======================
  iPad mini 
========================= */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1) {
/* ------------------------------------------
   service
--------------------------------------------- */ 
.p3cols .project-content {
  width: 33%;
  min-width: 33%;
  max-width: 33%;
  min-height: auto;
}
/* ------------------------------------------
   woocommerce
--------------------------------------------- */ 
.post-type-archive-product ul.products li.product{
      margin: 0 24px 2.992em 0;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product, ul.products li.product {
    width: 23% !important;
}
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 
#top_head, 
#main_head .search-form, 
.search-icon, 
.woo_cart,
li#wp-admin-bar-my-account {
  display: none;
}
}
.lae-piechart canvas{height: auto !important}