.icon-bar{
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
display: inline-block;
}

button.navbar-toggle.collapsed .icon-bar{
	transform: rotate(0deg) translateX(0px) translateY(0px)!important;
		-moz-transform: rotate(0deg) translateX(0px) translateY(0px)!important;
-webkit-transform: rotate(0deg) translateX(0px) translateY(0px)!important;
-o-transform: rotate(0deg) translateX(0px) translateY(0px)!important;
-ms-transform: rotate(0deg) translateX(0px) translateY(0px)!important;
	opacity: 1!important;
	background-color: rgba(255, 255, 255, 1)!important;

}



button.navbar-toggle.collapsed{
		padding: 15px!important;
		transition: all .6s ease;
		-webkit-transition: all .6s ease;
}

button.navbar-toggle.dark-red{
	padding: 15px 28px!important;
}

button.navbar-toggle.dark-red.collapsed{
	padding: 15px !important;
}

button.navbar-toggle .swing-down{
	-moz-transform: rotate(405deg) translateX(0px) translateY(10px);
-webkit-transform: rotate(405deg) translateX(0px) translateY(10px);
-o-transform: rotate(405deg) translateX(0px) translateY(10px);
-ms-transform: rotate(405deg) translateX(0px) translateY(10px);
transform: rotate(405deg) translateX(0px) translateY(10px);

}

button.navbar-toggle .swing-down-alt{
	-moz-transform: rotate(-405deg) translateX(0px) translateY(-10px);
-webkit-transform: rotate(-405deg) translateX(0px) translateY(-10px);
-o-transform: rotate(-405deg) translateX(0px) translateY(-10px);
-ms-transform: rotate(-405deg) translateX(0px) translateY(-10px);
transform: rotate(-405deg) translateX(0px) translateY(-10px);

}

button.navbar-toggle .fade-away{
	opacity: 0;
	background-color: rgba(255,255,255,0);
}

.navbar-default .navbar-toggle .icon-bar{
	background-color: #fff;
}

.navbar-toggle .icon-bar{
	width: 25px;
margin: 0 auto;
height: 3px;
}

.navbar-default .navbar-toggle{
	border-color: transparent;
	margin: 0px;
	padding: 15px;
	color: #fff;
	width: 70px;
	height: 70px;
	border-radius: 0px;
}

.light-red a, .med-red a{
	color: #fff;
}

.dark-red, .dark-red:hover, .dark-red:focus{
	background-color: #95b584 !important;
	transition: .6s;
}

.med-red, .med-red:hover, .med-red:focus{
background-color:#666568 !important;
	transition: .6s;
}

.light-red, .light-red:hover, .light-red:focus{
	background-color: #ff3638  !important;
	transition: .6s;
}

.darkred:hover, .med-red:hover, .light-red:hover{
color: #ffffff;
}

.navbar-toggle i{
	font-size: 36px;
}
.mobi{
	display: none;
}
a.mobi{
width:50%;
margin-top: 15px;
margin-left: 10px;
}
.navbar-header h1{
	font-size:20px;
margin-top:0px;
display:inline-block;
font-weight:400;
margin-bottom: 0px;
padding-top: 10px;
padding-left: 10px;
}

/*PHONES*/
@media (max-width: 480px) {
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus{
	background-color: transparent;
}
	.gbadge {
    display: inherit;
}
.sticky, .sticking{

}
h1{
font-size: 28px;
}
h2{
font-size: 24px;
}
h3{
font-size: 20px;
}
a.mobi{
width:50%;
margin-top: 15px;
margin-left: 10px;
margin-right: 25px;
}	
.navbar-collapse{
	box-shadow: inset 0 -7px 11px -7px rgba(0,0,0,0.7) !important;
background-color: #aaa;
}
	
.nav>li>a, .nav>li>a:hover, .nav>li>a:focus{
	color: #fff !important;
	padding-left: 5px;
}
	
	
.mobi{
	display: block;
	float: left;
}
	
.navbar-brand{
display:block;
}


ul.nav.navbar-nav{
float:left;	
}
.main-nav{
background-color: #fff;	
border-bottom: 1px solid #bbb;
}

.nav-right{
	padding: 0px;
	width: 100%;
}


.carousel-indicators, .carousel-caption p{
display: none;
}

.carousel-caption{
padding-bottom: 0px;
bottom: 0;
width: 100%;
left: 0%;
right: 0%;
}

.carousel-caption h1{
	font-size: 26px;
}

.logo, .ceiling{
display: none;
}

.home-body{
	padding-top: 50px;
	padding-bottom: 0px;
}


.home-body .btn{
	margin-bottom: 50px;
}

.home-body .circles{
	margin-top: 0px;
}

.news-cta{
	padding: 50px 15px;
}

.center-cta{
	text-align: center;
}

.red{

}

.foot-copy, .foot-copy .text-right{
text-align:center !important;
}
.footer li{
float:none;
padding:8px 0px;
}
.footer{
padding:40px 0px;		
}
.foot-copy  .hidefoot{
    font-size: 20px;
}
.social-foot{
	margin: 40px 0;
}

.social-foot li{
padding: 6px 11px;
}
.social-foot a, .social-foot a:hover{
	font-size: 20px;
	color:#ffffff !important;
}

.facebook{
	background-color: #1A3F8C;
padding: 6px 14px !important;
}

.twitter{
	background-color: #009FDB;
}

.rss{
	background-color: #FA9B39;
}

.youtube{
	background-color: #D42917;
}
.pinterest{
	background-color: #CB2027;
}

.plus{
	background-color: #d6492f;
}

.yelp{
	background-color: #999999;
}

.email{
	background-color: #CCCCCC;
}
.right{
	padding: 50px 35px;
}

.image-row a.example-image-link{	
max-height: 120px;
overflow: hidden;
margin-bottom: 20px;	
}

.first-caption h3{
	display: none;
}

.other-caption h1{
	display: none;
}

.other-caption h3{
	margin-top: 0px;
	font-size: 18px;
}

.other-caption{
	bottom: 15%;
}

.page-template-home .red h2{
	margin: 30px 0 15px;
}

#homeCTAForm .btn{
margin-top: 0px;
width: 100%;
height: 60px;
}

.footer h4{
	margin-top: 25px;
border-top: 1px solid #fff;
padding-top: 35px;
}


.red h1{
/*font-size: 18px;*/
margin: 20px 0px;
}

.interior{
padding: 50px 15px 0;
}

.row-pad{
	padding-top:20px;
	padding-bottom:30px;
}
#breadcrumbs a, #breadcrumbs{
font-size: 10px;	
}

.navbar-nav .open .dropdown-menu>li>a, .navbar-nav .open .dropdown-menu .dropdown-header{
	padding:5px 15px 5px 5px;
font-size: 16px;
color: #fff !important;
text-transform: uppercase;
font-weight: 700;
}

.open .dropdown-toggle{
	padding-bottom:5px !important;
}

h1.error-404{
	font-size: 46px;
margin: 20px 0;
letter-spacing: -5px;
}

h2.error-404, h3.error-404{
	font-size: 26px;
}

.error404 img{
	width: 40%;
}


.feat-cover h1{
font-size:22px;
text-shadow: 0 1px 3px #000;
color:#fff;
margin-top: 20px;
	}
	
.lead-box h3{
font-size:14px;	
}
.lead-box-in h4{
	font-size:12px;
}
.feat-cover h2{
	font-size:22px;
}
.feat-cover{
/*
background-image: url(img/long-island-tree-lawn-service.jpg);
background-size: contain;
background-repeat: no-repeat; */
display: block;
min-height: 200px;
background-color: #4B4C52;
background-position: top !important;
}
.feat-cover h2{
font-size:16px;
text-shadow: 0 1px 1px #000;
}
.feat-cover{
	background-position:5%;
}
.btn-feat{
padding: 10px 16px 10px 14px;	
}


.slide-box{
	width:80%;	
position: relative;
margin:30px auto;
}

.navbar-default .navbar-nav>li{
border-right: none;	
}
.dropdown-menu{
	display:none !important;
}
.carousel-caption p{
	display:none;
}
.carousel-caption h2{
	font-size: 20px;
font-weight:400;
margin-top: 10px;
}
.category .wp-post-image, .single .wp-post-image{
width:60%;
margin-bottom:20px;	
}
.category header h2{
	font-size:20px;
}
.head-top{
display:none;	
}
}

/*TABLET PORTRAIT*/
@media (min-width: 481px) and (max-width: 767px) {
	.head-top{
display:none;	
}
.error404 img{
	width: 40%;
}
	a.mobi{
width:50%;
margin-top: 10px;
margin-left: 10px;
}
h1.error-404{
	font-size: 46px !important;
margin: 20px 0;
letter-spacing: -5px;
}

h2.error-404, h3.error-404{
	font-size: 26px;
}	
	
.open .dropdown-toggle{
	padding-bottom:5px !important;
}	
	
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus{
	background-color: transparent;
}

.navbar-nav .open .dropdown-menu>li>a, .navbar-nav .open .dropdown-menu .dropdown-header{
	padding:5px 15px 5px 5px;
font-size: 16px;
color: #fff !important;
text-transform: uppercase;
font-weight: 700;
}
	
.row-pad{
	padding-top:20px;
	padding-bottom:30px;
}	
	
.interior{
padding: 50px 15px 0;
}	
	
.red h1{
	font-size: 28px;
	margin: 20px auto;
}	
	
.social-foot{
	margin-top: 40px !important;
}
	
.first-caption h3{
	display: none;
}

.other-caption h1{
	display: none;
}	
	
	.image-row{
		float:none;
max-height:auto;
overflow:visible;
margin-bottom:0px;
	}	
	
.image-row a.example-image-link{	
max-height: 120px;
overflow: hidden;
margin-bottom: 20px;	
}
	
.sticky, .sticking{

}


.navbar-collapse{
	box-shadow: inset 0 -7px 11px -7px rgba(0,0,0,0.7) !important;
background-color: #aaa;
}	
	
.nav>li>a, .nav>li>a:hover, .nav>li>a:focus{
	color: #fff !important;
	padding-left: 5px;
}
	
.mobi{
	display: block;
	float: left;
}

.logo, .ceiling{
display: none;
}
	
.navbar-brand{
display:block;
}


ul.nav.navbar-nav{
float:left;	
}

.main-nav{
background-color: #fff;	
border-bottom: 1px solid #bbb;
}

.nav-right{
	padding: 0px;
	width: 100%;
}



.carousel-indicators, .carousel-caption p{
display: none;
}

.carousel-caption{
	bottom: 5%;
	padding-bottom: 0px;
	bottom: 30%;
	width: 100%;
	left: 0%;
	right: 0%;
}

.carousel-caption h1{
	font-size: 26px;
}

.logo{
	text-align: center;
padding: 20px 15px;
}

.home-body{
	padding-top: 50px;
	padding-bottom: 0px;
}


.home-body .btn{
	margin-bottom: 50px;
}

.home-body .circles{
	margin-top: 0px;
}

.news-cta{
	padding: 50px 15px;
}

.center-cta{
	text-align: center;
}

.red{

}

.foot-copy, .foot-copy .text-right{
text-align:center !important;
}
.footer li{
float:none;
padding:8px 0px;
}
.footer{
padding:40px 0px;		
}

.social-foot li{
padding: 6px 10px;
}

.right{
	padding: 50px 35px;
}

.page-template-home .red h2{
	margin: 30px 0 15px;
}

#homeCTAForm .btn{
margin-top: 0px;
width: 100%;
height: 60px;
}

.footer h4{
	margin-top: 25px;
border-top: 1px solid #fff;
padding-top: 35px;
}

.feat-cover h1{
font-size:30px;
margin-top: 50px;
text-shadow: 0 1px 2px #000;
	}
	
.lead-box h3{
font-size:14px;	
}
.lead-box-in h4{
	font-size:12px;
}
.feat-cover h2{
font-size:16px;
text-shadow: 0 1px 1px #000;
}
.feat-cover{
	background-position:5%;
}
.btn-feat{
padding: 10px 16px 10px 14px;	
font-size: 16px;
}
.feat-cover{
/*	
	background-image: url(img/long-island-tree-lawn-service.jpg);
background-position: top !important;
background-size: 100%;
background-repeat: no-repeat; */
display: block;
min-height: 500px;
background-color: #4B4C52;
}
.slide-box{
	width:50%;	
position: relative;
margin:30px auto;
}

.navbar-default .navbar-nav>li{
border-right: none;	
}
.dropdown-menu{
	display:none !important;
}
.carousel-caption p{
	display:none;
}
.carousel-caption h2{
	font-size: 20px;
font-weight:400;
margin-top: 10px;
}
.category .wp-post-image, .single .wp-post-image{
width:60%;
margin-bottom:20px;	
}



}

/*TABLET LANDSCAPE and SMALL DESKTOP*/
@media (min-width: 768px) and (max-width: 1023px) {
.nav-right{
	margin-top: -35px;
}
	.image-row{
		float:left;
max-height: 100px;
overflow: hidden;
margin-bottom:30px;
	}
.navbar-brand{
	display:none;
}	
.nav>li>a{
padding: 18px 12px;	
font-size: 12px;
}
.foot-copy, .foot-copy .text-right{
text-align:center !important;
}
.footer li{
padding:0 0 10px;
font-size: 14px;
}
.carousel-caption h1{ 
padding:10px 20px;
font-size: 20px;
}
.carousel-caption p{
font-size: 14px;
margin-bottom: 0px;
}

.carousel-indicators{
	bottom: 40px;
}

.ceiling-tabs{
	padding-left: 0px;
}

.ceiling-tabs>li{
	padding: 10px;
	margin-right: 10px;
}

.youtube, .instagram, .email{
		padding: 10px 16px !important;
}

.email{display: none!important;}

.sticking .nav-right{
	margin-top: 0px !important;
}

#logoImg{

}

.sticking #logoImg{

}

.page-template-page-full .container-fluid.red, .page-template-contact .container-fluid.red{

}

.feat-cover h1{
	font-size:50px;
	}
	
.lead-box h3{
font-size:14px;	
}
.lead-box-in h4{
	font-size:12px;
}
.feat-cover h2{
	font-size:28px;
}
.carousel-caption h2{
	font-size: 16px;
}
.carousel-caption .lead{
	font-size: 10px;
font-weight:300;
padding-left:10px;
padding-right: 10px;
padding-bottom: 10px;
}
.slide-box {
	width:95%;	
}
}

/*That weird break point between landscape tablet and desktop*/
@media (min-width: 1024px) and (max-width: 1200px) {
.navbar-brand{
	display:none;
}	
.nav>li>a{
padding: 18px 15px;
font-size: 16px;	
}
.carousel-indicators{
	bottom: 50px;
}

.youtube, .instagram, .email{
		padding: 10px 16px !important;
}
.email{
	display: none !important;
}
.image-row{
	max-height: 120px;
float:left;
overflow: hidden;
}

#logoImg{

}

.sticking #logoImg{

}

.page-template-page-full .container-fluid.red, .page-template-contact .container-fluid.red{

}

.feat-cover h1{
	font-size:60px;
	}
	
.lead-box h3{
font-size:18px;	
}
.lead-box-in h4{
	font-size:16px;
}
.slide-box {
	width:95%;	
}
.carousel-caption .lead{
	font-size: 12px;
font-weight:300;
padding-left:10px;
padding-right: 10px;
}
	
}
   /* Smartphone Portrait and Landscape */

@media only screen and (min-device-width : 320px) and (max-device-width : 480px){
.hidefoot { 
 display: inline;
 margin: 20px 0px 20px 0px !important;
 text-align.center;
 }
.row {
    margin-right: 0px;
    margin-left: 0px;
}
  }