/* ----------------------------------------------------------------------------------
	RESPONSIVE LAYOUTS
---------------------------------------------------------------------------------- */

@media only screen and (max-width: 1780px) and (min-width: 1481px) {
	.hover-caption {
		padding: 5%;
	}
	.hover-caption h4 {
		font-size: 23px;
	}
	.hover-caption p {
		font-size:14px;
		line-height:16px;
	}

	.hover-caption p, .hover-caption ul {
		margin-bottom: 5px;
	}

	.hover-caption ul li {
		margin: 0;
		font-size:14px;
		line-height: 16px;
	}

	.hover-caption ul li:before {
		font-size:16px;
		line-height:16px;		
	}
}

@media only screen and (max-width: 1580px) {
	.button.watch {
		width: 90%;
		white-space: normal;
	}
}

@media only screen and (max-width: 1480px) and (min-width: 1381px) {
		.hover-caption p, .hover-caption ul li, .hover-caption ul li:before {
		font-size:12px;
		line-height:14px;
	}
}

@media only screen and (max-width: 1380px) and (min-width: 1281px) {
		.hover-caption p, .hover-caption ul li, .hover-caption ul li:before {
		font-size:11px;
		line-height:13px;
	}
}

@media only screen and (max-width: 1280px) {
	.ngg-galleryoverview-wrapper {
		width: 50%;
	}
	.ngg-gallery-thumbnail {
		position: relative;
		width: 100%;
	}
	.ngg-gallery-thumbnail img {
		width: 100%;
	}
}

@media only screen and (max-width: 1279px) {

	body.layout-fixed, body.layout-fixed #body-core, body.layout-fixed #site-header, body.layout-fixed #notification {
		min-width: 0;
	}
	#logo img {
		width: 150px;
		margin: 20px;
	}
	.narrow-50, .narrow-60, .narrow-75 {
		width: 80%;
		margin: 0 auto;
	}
	h3 {
		font-size: 22px;
	}
	img.corner {
		width: 80px;
		height: 47px;
	}
	.ngg-galleryoverview-wrapper {
		width: 50%;
	}
	.su-column-size-1-2.form, .su-column-size-1-2 .details-core {
		padding: 30px 4% 30px 4%;
	}
}

@media only screen and (max-width: 960px) {
	#slider h1, #slider span.blue {
		font-size: 30px!important;
	}
	h3 {
		font-size: 18px;
	}
	.followus, .copyright, .asfeatured, memberof {
		width: 50%;
		float: left;
	}
	.copyright {
		padding: 13px 0;
	}
	.asfeatured span, .memberof span {
		padding: 20px 10px 0 0;
	}
}

@media only screen and (max-width: 959px) and (min-width: 768px) {
	.hover-caption {
		padding: 5%;
	}
	.hover-caption h4 {
		font-size: 23px;
	}
	.hover-caption p {
		font-size:11px;
		line-height:12px;
	}

	.hover-caption p, .hover-caption ul {
		margin-bottom: 5px;
	}

	.hover-caption ul li {
		margin: 0;
		font-size:14px;
		line-height: 16px;
	}

	.hover-caption ul li:before {
		font-size:14px;
		line-height:16px;		
	}
}

@media only screen and (max-width: 768px) {
	h3 {
		font-size: 29px;
	}
	img.corner {
		width: 152px;
		height: 90px;
	}
	.call-to-action {
		padding: 40px 20%;
	}
	.ngg-galleryoverview-wrapper {
		width: 100%;
	}
}

@media only screen and (max-width: 767px) {
	body {
		padding: 0;
	}
	#logo {
		float: none;
	}
	#call-us {
		text-align: center;
		padding: 30px 0 25px 25px;
	}
	#header-links {
		float: none;
	}
	.main-navigation ul {
		max-width: 496px;
		margin: auto;
	}
	.call-to-action {
		padding: 40px 4%;
	}
}

@media only screen and (max-width: 550px) {
	#header-links {
		font-size: 14px;
	}
	.main-navigation ul {
		max-width: 349px;
		margin: auto;
	}
	#slider h1, #slider span.blue {
		font-size: 20px!important;
	}
	#slider .description {
		font-size: 12px!important;
		line-height: 14px!important;
	}
	#slider .divider-line {
		width: 270px;
		padding: 5px auto;
		margin: 14px auto!important;
	}
	.accent .divider-line {
		width: 80%;
	}
	.call-to-action {
		font-size: 22px;
	}
	.su-column-size-1-2.details {
		font-size: 16px;
	}
	.hover-caption {
		width: 100%;
		height: 100%;
		margin: 0;
	}
	.followus, .copyright, .asfeatured, memberof {
		width: 100%;
		text-align: center;
	}
	#sub-footer-core h5 {
		float: none;
		padding: 0;
		margin: 0;
	}
	.followus div, .followus img {
		float: none;
		display: inline;
	}
	.asfeatured span, .asfeatured img,
	.memberof span, memberof img,
	.asfeatured #ancr, .memberof #masterbuilders {
		float: none;
		width: 100%;
		margin: 0 auto;
		text-align: center;
	}
		.hover-caption p, .hover-caption ul {
		font-size: 14px;	
	}
}

@media only screen and (max-width: 374px) {
	.main-navigation ul {
		max-width:307px;
	}
	#header .header-links > ul > li a {
		  padding: 8px;
	}
	#call-us {
		padding: 0;
	}
	#call-us span#number {
		display: block;
		padding: 5px 0;
	}
	h3 {
		font-size: 20px;
	}
	.hover-caption p, .hover-caption ul {
		font-size: 12px;	
	}
	.hover-caption {
		padding: 5%;
	}
}

@media only screen and (max-width: 373px) {
	.hover-caption {
		padding: 5%;
	}
	.hover-caption h4 {
		font-size: 23px;
	}
	.hover-caption p {
		font-size:11px;
		line-height:12px;
	}

	.hover-caption p, .hover-caption ul {
		margin-bottom: 5px;
	}

	.hover-caption ul li {
		margin: 0;
		font-size:11px;
		line-height: 12px;
	}

	.hover-caption ul li:before {
		font-size:12px;
		line-height:12px;		
	}
}