/*
Theme Name: smartpaani
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0-wpcom
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: smartpaani
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

 smartpaani is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.

Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
and Blueprint http://www.blueprintcss.org/
*/



/* Comment box */




@media (max-width: 1200px) {
.nav > li > a {
    padding: 10px 10px;}

 .container{
	max-width: 100%;
}

  #bs-example-navbar-collapse-1 {
    float: right;
    margin-top: 20px;
}
 }

@media (max-width: 1040px) {
.nav > li > a {
    display: block;
    padding: 10px 8px;
}
  }
@media (max-width: 992px) {

.nav > li > a {
    display: block;
    padding: 10px 6px;
}
.navbar-brand {
    padding: 15px 4px;
}
#logo{
 	margin-top: -170px;
 }
.below-mobile {
    top: 60%;
    position: fixed;
    right: 0;
	width: 150px;
	margin-top: 21px;
}
.below-mobile #Locate {
	margin-top:15px;}
	
#Locate .icon {
    float: none;
	padding: 25px 5px;
}
#Locate span {
    padding: 10px 6px;
}
.navbar-nav > li > a {
    font-size: 13px;}
}
@media (max-width: 767px) {
.canvas{
	display: block !important;
}
.mobile-header{
	display: none!important;
}
.navbar-brand {
    padding: 1px 4px;
}

.canvas {
    height: 430px;}
	

.logo {
    background-size: 90px auto;
    background-position: 50% 27%;	
	}

#logo{
 background-size: 214px auto;
 width: 214px;
 margin-left: -122px;
}
#header{
	position: relative;
}

.site-info .text-left {
    float: none !important;
    text-align: center;
}

.site-info .text-right {
    text-align: center;
}
#logo {
    margin-top: -150px;
}
.navbar-default .navbar-toggle{
	border-color:#1B7FBF;
	padding: 3px 4px;}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #1B7FBF;
	}
.navbar-default .navbar-toggle:hover .fa, .navbar-default .navbar-toggle:focus .fa, .navbar-default .navbar-toggle:hover .pull-right, .navbar-default .navbar-toggle:focus .pull-right{
color:#fff;
}
.navbar-nav > li > a {
    font-size: 13px;}
}
@media (max-width: 480px) {
	.col-xxs-12{
		width: 100%!important;}

.hidden-xs{
	display: none !important;
}
.visible-xs{
	display: block!important;
}
.nav-tabs > li {
    float: none!important;
}
#services{
	text-align: center;
}
.responsive-header .btn-primary{
	background-color:transparent;
	border-radius:0;
	font-size:12px;
	padding: 0!important;
	line-height: 30px;
	}
.responsive-header .quote {
    border-right: 1px solid #096AA6;}
.responsive-header #Locate {
    margin-right: 0;
	margin-top:0;
    padding: 0 !important;
    text-align: left;
    text-transform: uppercase;
    z-index: 100000;
	padding: 0 !important;
	border-radius:0;
	font-size: 11px;
}
.responsive-header .btn{
	padding:0!important;}

.responsive-header .btn-primary:hover, .responsive-header .btn-primary:focus, .responsive-header .btn-primary:active, .responsive-header .btn-primary.active, .responsive-header .open .dropdown-toggle.btn-primary{
	background-color:transparent;
	border:none;}


}