/*mobile*/

@media (min-width: 240px)and (max-width:320px){
.view {
    width: 200px;
    height: 200px;}
.view .mask, .view .content {
    width: 200px;
    height: 200px;}
.designed li{ text-align: center; line-height: 25px;}
.footermenu li{ line-height: 25px; }

    .view p{ padding:0px; display: none; }

	.column{ display: none; }
	.subbanner{ margin-top: 0px; }
	.banner{ margin-top: 0px; }
	.menuright li:last-child a:after{ display: none; }
.linkedin a {
    position: fixed;
    top: 20%;
    right: 0px;
    background: #0672a9;
    padding: 9px;
    z-index: 999999;
    color: #fff;
    font-size: 16px;
}
.bglefttet img{ max-width: 100%; height: auto; }

body{ padding:30px 15px; background: #fff; }
img{ vertical-align: middle; }
	.navbar-inverse{ height: auto; }
.clientlogo{ display: inline-block; }
.bglefttet{ text-align: center; }
	.logo{ display: none; } 
	.logohide{ display: block; }
	.navbar-nav > li > a{text-align: center;line-height: 30px; }
	#menu-main-menu > .current-menu-item > a{ border:none; background: #32A764; color: #fff!important; }
.navbar-nav > li > a:hover{ border:none; background: #32A764; color: #fff;  }
.navbar-nav li a{ padding:12px 0px;}

}
@media (min-width: 320px)and (max-width:480px){
	.view {
    width: 200px;
    height: 200px;
    margin: 0 auto;
    float: none; margin-bottom: 20px;
} 
.main {
    position: relative;
    margin: 0 auto;
    text-align: center;
}
	.view {
    width: 200px;
    height: 200px;}
.view .mask, .view .content {
    width: 200px;
    height: 200px;}
.designed li{ text-align: center; line-height: 25px;}
.footermenu li{ line-height: 25px; }

    .view p{ padding:0px; display: none; }
.navbar-nav li a{ padding:12px 0px;}
	.navbar-nav > li > a{text-align: center;line-height: 30px; }
	#menu-main-menu > .current-menu-item > a{ border:none; background: #32A764; color: #fff!important; }
.navbar-nav > li > a:hover{ border:none; background: #32A764; color: #fff;  }

	.banner{ margin-top: 0px; }
	.subbanner{ margin-top: 0px; }
	.clientlogo{ display: inline-block; }
.menuright li:last-child a:after{ display: none; }
.bglefttet{ text-align: center; }
	body{ padding:30px 15px; background: #fff; }
img{ vertical-align: middle; }

		.navbar-inverse{ height: auto; }
		.logo{ display: none; } 
		line-height: 30px
.logohide{ display: block; }
}
@media only screen and (max-width: 480px){
    
    .navbar-nav li a{ padding:12px 0px;}
	.main {
    position: relative;
    margin: 0 auto;
    text-align: center;
}
	.view {
    width: 200px;
    height: 200px;
    margin: 0 auto;
    float: none; margin-bottom: 20px;
}
	img{ vertical-align: middle; }
	.navbar-nav > li > a{text-align: center;line-height: 30px; }
	#menu-main-menu > .current-menu-item > a{ border:none; background: #32A764; color: #fff!important; }
.navbar-nav > li > a:hover{ border:none; background: #32A764; color: #fff;  }

	.banner{ margin-top: 0px; }
.subbanner{ margin-top: 0px; }
	.menuright li:last-child a:after{ display: none; }
	body{ padding:30px 15px; background: #fff; }
img{ vertical-align: middle; }
.footermenu { display: inline-block; }

	.navbar-inverse{ height: auto; }
	.logo{ display: none; } 

}
@media (min-width: 480px) and (max-width: 640px) {
    .navbar-nav li a{ padding:12px 0px;}
	.main {
    position: relative;
    margin: 0 auto;
    text-align: center;
}
	.view {
    width: 200px;
    height: 200px;
    margin: 0 auto;
    float: none; margin-bottom: 20px;
}
	img{ vertical-align: middle; }
	.navbar-nav > li > a{text-align: center;line-height: 30px; }
	#menu-main-menu > .current-menu-item > a{ border:none; background: #32A764; color: #fff!important; }
.navbar-nav > li > a:hover{ border:none; background: #32A764; color: #fff;  }

	.banner{ margin-top: 0px; }
.subbanner{ margin-top: 0px; }
	.menuright li:last-child a:after{ display: none; }
	body{ padding:30px 15px; background: #fff; }
img{ vertical-align: middle; }
.footermenu { display: inline-block; }

	.navbar-inverse{ height: auto; }
	.logo{ display: none; } 
	

}


/* Tablet*/
@media (min-width: 640px) and (max-width: 767px) {
    .navbar-nav li a{ padding:12px 0px;}
	.navbar-nav > li > a{text-align: center;line-height: 30px; }
	#menu-main-menu > .current-menu-item > a{ border:none; background: #32A764; color: #fff!important; }
.navbar-nav > li > a:hover{ border:none; background: #32A764; color: #fff;  }

	.banner{ margin-top: 0px; }
	.subbanner{ margin-top: 0px; }
	.footermenu { display: inline-block; }

body{ padding:30px 30px; background: #fff; }

	img{ vertical-align: middle; }
	.navbar-inverse{ height: auto; }
	.logo{ display: none; } 
	
}

@media (min-width: 920px) and (max-width: 1024px){
	
	img{ vertical-align: middle; }

	
}


/*# Desktop*/
@media (min-width: 768px) and (max-width: 1030px){
.mobilehide { display: none; }
.mobileshow{ display: block; }


	.mobilr li{ float: left;  margin-bottom: 0px;}
	.mobileshow .mobilr a:hover{ background: #199D52; }
	.mobileshow .current_page_item a  {background: #199D52!important;}
	
	 .navbar-header a{ text-align: center; float: none; }
	
.mobileshow .mobilr a {    padding: 5px 5px; }
	img{ vertical-align: middle; }
	.mobileshow{ display: block; }
	img{ vertical-align: middle; }
    .mobilehide{ display: none; }
    .designed li{ line-height: 30px }
   .md-modal .getquoteleft{ float: left; width: 50%; }
.md-modal .getquoteright{ float: left; width: 50%; padding-top: 55px; }
.md-modal .getquoteleft h3{ font-size: 25px; }
.bgclientlogo{ display: inline-block; }
.banner{ margin-bottom: 0px; }

	
}
@media (min-width: 1030px) and (max-width: 1200px){


}


/*# Huge*/
@media only screen and (min-width: 1280px) {
	.logo{}
	
	img{ vertical-align: middle;  max-width:100%;}
	
	}
	.maps{    background: #F0F0F0;
    border: 1px solid #D8D4D4;}

	img{ vertical-align: middle;  max-width:100%;}


.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus{ background:#333;}