

@media (min-width:993px) and (max-width:1200px){

     .services-provide .call-btn a {
    font-size: 23px;}








}








@media (min-width:768px) and (max-width:992px) {
     .services-provide .call-btn a {
    font-size: 23px;}
.user-login .link-details ul li{ margin-right: 22px}
.user-login .link-details ul li a{ font-size: 12px}
#header .navbar-default .navbar-nav > li > a{ font-size: 12px}
#header .navbar-nav > li{ padding: 5px 0}
#header .call span, #header .call1 span{ font-size: 20px}
#header .call small, #header .call1 small{ font-size: 13px}
h2.slide-title{ margin-top: 10%; font-size: 28px}
.icon-slide .circle-icon{ margin-bottom: 10px}
.worries-bg{ background: none}
.worries-bg h3{ padding: 0px}
.button-row{ padding: 0px}
.form-service{ padding: 2% 0}
.pink-btn2{ margin-left: 0px}
}















@media (max-width:767px) {
    .carpenter-form .carpenter-robot img{ display: none;}
   
#header{ height: auto;}
#header .navbar-nav > li {
float: left;
padding: 0px 0px;
width: 100%;}
#header .navbar-default .navbar-nav > li > a{ font-size: 13px}
#header .navbar-toggle {
border-color: #ddd;
z-index: 9999;
background: #fff;    margin-top: 0px;}
.user-login .link-details {
top: 0px;
position: static;
}
.nav-barbg, .login-info{ display: none;}
.icon-slide .circle-icon{ margin-bottom: 12px}
.login {
padding-top: 30px;
}

.user-login .link-details ul li {
display: inline-block;
text-align: left;
margin-right: 0px;
width: 100%;
padding-bottom: 15px;
}
h2.slide-title{ margin-top:5%; font-size: 24px; float: none}
#header .call1{ margin-bottom: 4%}
#header .nav-bar .navbar-default{background: #749e07;z-index: 9999; top: 0px}
#header .logo { 
display: inline-block;
text-align: center;}
#header .logo img{     text-align: center;
display: inline-block; }
#header .apps-icon, #header .call1, #header .call{ float: none; text-align: center;}
#header .call span, #header .call1 span{ font-size: 16px; line-height: 25px}
#header .mobile-app{ display: inline-block; text-align: center; padding-top: 8px}  
.app_bg h4{ margin-top: 20%}
.worries-bg{ background: none;     padding: 3% 0;}
.worries-bg .col-md-4{ width:100%;}
.worries-bg h3 { padding: 0 0 13px 0;}
.login .form-control{ margin-bottom: 10px}
.form-service{ padding: 3% 0}
.button-row{ padding: 0px}
.request-img{ display: none}
.pink-btn2{ margin-left: 0px}










#footer .b-footer .b-line-footer{ background: none}
#footer .b-footer .b-bg-footer{ transform:none;    height: 150px;}
.social-icon{ text-align: center; clear:both;    float: none;}
.left-bottom {
  text-align: center;
}









}


@media (max-width:479px) {
.left-bottom {
 text-align: center;
}
}