@media (max-width: 480px) {
.social {
padding:20px 0;
background:none;
display: inline-block;
}
}

@media (max-width: 992px) {
.wrapper {
margin: 0 auto;
}
img.three {
width:30%;
}
.benefits ul li {
width: 100%;
}
p.info {
background: #FFFFCB;
padding: 20px;
}
.nanigation {
display:none;
}
.affix {
position: relative;
}
.menufix {
height: auto;
overflow: visible;
}
.nanigation {
	display:block;
	height: 200px;
}
.navbar-header {
background:#eee;
color:#555;
}
.nanigation .container {
	background: none !important;
	height: 200px;
}
.info .item a {
	position:relative;
	float:left;
	left:auto;
	right:auto;
	top:auto;
	height: 170px;
	width: 120px;
}
ul.nav li#.logo a, ul.nav li#.logo.current a {

}
ul.nav li#id1.logo a, ul.nav li#id1.logo span {
line-height: 50px;
padding: 0;
height:50px;
font-size: 0;
text-indent: -5000px;
overflow: hidden;
background-size: 80%;
}
.menu ul.nav li a {
	line-height: 50px;
}
ul.nav li#id1.logo {
height: 50px;
}
ul.nav li#id1.logo span {
height: 50px;
padding:0;
}
.menuphone {
height: 50px;
font-size: 14px;
font-weight: 700;
line-height: 50px;
}
p.quote:before {
left: -10px;
}
p.quote:after {
right:-10px;
}
}

@media (max-width: 768px) {
.wrapper {
margin: 0 auto;
}
img.three {
width:100%;
padding:0 20px;
}
footer ul.nav li {
	width: 50%;
}
footer ul.nav li a{
font-size: 16px;
}
footer ul.nav li a {
	padding: 10px 15px !important;
}
.service .teaser {
width:46% !important;
}
.teaser.fourth {
margin:0 0 15px 0;
}
.clr.third {
display:none;
}
.service .teaser.third {
margin:0 15px 15px 0;
}
.entryfx a {
font-size: 12px;
}
.menu ul.nav li {
width:100%;
}
.serviceteaser {
width:100%;
}
ul.chbox li {
width:100%;
}
.teaser .entry .entryfx span {
display:none;
}
.nanigation, ul.nav li#id1.logo, ul.nav li#id1.logo, ul.nav ul.submenu {
display:none !important;
}
}

@media only screen and (min-device-width: 559px) and (max-width: 716px) {
	.clr.fourth {
		display:none;
	}
	.service .teaser.third{
		margin: 0 0 15px 0;
	}
	.service .teaser.fourth{
		margin: 0 15px 15px 0;
	}
}
@media only screen and (min-device-width: 546px) {
	.teaser.third{
		margin: 0 15px 15px 0;
	}
}

@media (min-width: 768px) {
.service .teaser {
width:230px !important;
float:left;
margin:0 15px 15px 0;
}
.service .teaser.third {
margin:0 0 15px 0;
}
.clr.fourth {
display:none;
}
.clr.hiddenline {
display:block;
}
.navbar-title {
display:none;
}
}

@media (min-width: 992px) {
.service .teaser {
width:198px !important;
float:left;
margin:0 15px 15px 0;
}
img.three {
width:30%;
}
.service .teaser.third {
margin:0 0 15px 0;
}
.clr.fourth {
display:none;
}
.clr.hiddenline {
display:none;
}
.contactsbox {
font-size: 11px;
}
.affix ul.nav li {
width:15%;
}
.affix .menuphone {
opacity:1;
}
p.quote {
	width: 100%;
}
}

@media (min-width: 1200px) {
.vacation-form {
	margin-left:100px;
}
img.three {
width:30%;
}
.service .teaser {
width:273px !important;
}
.portfoliolist li.teaser {
width: 19% !important;
margin: 0 1% 1% 0;
}
.service .teaser.fourth {
margin:0 0 15px 0;
}
.service .teaser.third {
margin:0 15px 15px 0;
}
.clr.third {
display:none;
}
.entryfx a {
}
.contactsbox {
font-size: 12px;
}
}

@media (max-width: 420px) {
.teaser {
width: 100% !important;
}
}