@charset "utf-8";

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {		
	
	.navigation {
		padding-left: 15px;
		padding-right: 15px;
		width: 200px;
	}
	
	.navigation .hold .contactitems .social a {
		margin-left: 3px;
		margin-right: 3px;
	}
	
	.navigation .hold {
		text-align: center;
		position: fixed;
	}	
	
	.navigation .hold .logo {
		padding-top: 55px;
		padding-top: 26%;
		float: none;
	}	
	
	.navigation .hold .logo img {
		width: 59%;
	}
	
	.navigation .hold .logo.short {
		padding-top: 10px;
		padding-top: 5%;
	}	
	
	.dropdown-menu {
		background-color: transparent;
		box-shadow: none;
		float: none;
		left: auto;
		min-width: 0;
		position: static;
		top: auto;
		border: none;
	}

	.navigation .hold .contactitems {
		display: inline-block;
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		background: none;
		text-align: center;
		padding-left: 0;
		padding-right: 0;
	}	
	.navigation .hold .contactitems h1 {
		border-bottom: 1px solid #8f7494;
		width: auto;
		float: none;
		color: #8f7494;
		margin-bottom: 5%;
	}
	
	.navigation .hold .contactitems .social {
		width: auto;
		float: none;
		padding-bottom: 20px;
		padding-bottom: 10%;
		text-align: center;
	}
	
	.navigation .hold .contactitems .social a {
		margin-left: 9px;
		margin-right: 9px;
	}
	
	.navigation .hold .navitems {
		display: block;
	}
	
	.navigation .hold .mobilenavitems {
		display: none;
	}
	
	.row.top .contentarea {
		padding-left: 0;
		padding-right: 0;
		margin-left: 200px;
	}	

	.social-feed h2, .social-feed h3 {
		max-width: 760px; 
	}
	
	.navigation .hold .contactitems .social a img {
		width: 100%;
	}

	.row.top .contentarea {
		padding: 0 0 40px 0;
	}
	
	.homegallery .homegallerycontent {
		padding: 0 1px 14px 0;
		max-width: 790px;
	}

	.homegallery .homegallerycontent #carousel-gallery {
		width: 500px;
	}
	
	.homegallery .carousel .item a.next, .homegallery .carousel a.slash {
		font-size: 78px;
		line-height: 78px;
	}

	.hometestimonials .image {
		display: block;
	}

	.hometestimonials .carousel .item a.next, .hometestimonials .carousel a.slash {
		display: block;
	}

	.hometestimonials .hometestimonialscontent .hometestimonialtext h3 {
		background: white;
		max-width: 318px;
		padding: 20px 35px 20px 29px;
		margin-left: 57px;
		font-size: 20px;
		line-height: 20px;
		height: 337px;
	}	
	
	.hometestimonials .hometestimonialscontent #carousel-testimonials {
		width: 315px;
		float: left;
	}

	.hometestimonials .hometestimonialtext h3 a {
		top: 99px;
		right: 12px;
	}
	

	.blocks, .dots {
		display: block;
	}

	.carousel .item a.next, .carousel a.slash {
		bottom: 65px;
	}	
	
	#carousel-home.carousel .item a.next, #carousel-home.carousel a.slash {
		top: auto;
		bottom: 41px;
	}

	.hometestimonials .image {
		background: none;
		padding-bottom: 0;
		width: 200px;
		float: left;
	}	
	
	.navigation .hold .contactitems .social a {
		width: 7.5%;
	}
	
	.heart {
		display: block;
	}
	
	.pagecontent {
		max-width: 790px;
		padding-top: 142px;
		padding-left: 0;
		padding-right: 0;
	}

	.pagecontent .dots {
		display: block;	
	}
	
	.pagecontent h1 {
		font-size: 61px;
		line-height: 63px;
		padding-right: 142px;
		padding-left: 30px;
	}
	
	.GalleryPage .pagecontent h1 {
		padding-right: 95px;
	}
	
	.pagecontent h2 {
		font-size: 32px;
		line-height: 32px;
		padding-right: 142px;
		padding-left: 30px;
		margin-bottom: 36px;
	}
	
	.pagecontent h2 a:before {
		top: 11px;
	}
	
	.pagecontent h3 {
		padding-right: 142px;
		padding-left: 30px;
		font-size: 27px;
		line-height: 27px;
	}	
	
	.pagecontent form {
		padding-left: 30px;
	}
	
	.servicespagecontent .picture2 {
		float: right;
    	margin-right: 190px;
	}
	
	.pagecontent p {
		padding-right: 142px;
		padding-left: 30px;
	}
	
	.pagecontent ul {
		padding-right: 142px;
		padding-left: 30px;
	}

	.pagecontent .columns p {
		padding-right: 0;
		padding-left: 0;
	}

	.pagecontent p img.right {
		margin: 60px -112px 0 30px;
		max-width: 59.5%;
	}	
	
	.pagecontent blockquote {
		padding-right: 112px;
	}
	
	.ServicesPage .dots {
		display: block;
	}
	
	.pagecontent .breadcrumb {
		padding: 0 30px;
	}
	
	.columns {
	    -webkit-column-count: 2; /* Chrome, Safari, Opera */
	    -moz-column-count: 2; /* Firefox */
	    column-count: 2;	
	    padding: 22px 30px 10px;
	}
	
	.serviceitems .serviceitem .servicecontent {
		margin-left: 30px;
	}
	
	.serviceitems .serviceitem.odd .servicecontent {
		margin-right: 30px;
	}
	
	.serviceitems .serviceitem img {
		display: block;
	}
	
	.serviceitems .serviceitem .servicecontent h1,
	.serviceitems .serviceitem .servicecontent p {
		padding-right: 30px;
		padding-left: 30px;
	}
	
	.serviceitems .serviceitem .servicecontent h1 {
		font-size: 40px;
		line-height: 36px;
	}	
	
	.servicepagecontent h1 {
		margin-left: 0;
		margin-right: 0;
	    padding-left: 30px;
	    padding-right: 142px;
	}
	
	.services .service:hover .hover {
		height: 144px;
	}
	
	
	img.right {
    	float: right;
	}
	
	.servicepagecontent .pagecontent img.right {
		margin: 0 0 0 15px;
		padding-right: 16px;
		padding-bottom: 19px;
		background: url('../images/dots-content3.png') no-repeat right bottom;
	}
	.servicepagecontent .accordionitems {
		margin-left: 0;
		margin-right: 0;
	}
	.servicepagecontent .accordionitems .panel-default.level1  > .panel-heading {
		padding-left: 30px;
	}

	.servicepagecontent .accordionitems .panel-default > .panel-heading + .panel-collapse > .panel-body {
		padding: 0;
	}

	.servicepagecontent .pagecontent .accordionitems .panel-group .level2 {
		margin-left: 0;
		margin-right: 0;
	}

	.gallerypagecontent .galleryitems .galleryitem .galleryhover h2 {
		padding-bottom: 23px;
		margin-bottom: 24px;
	}

	.gallerypagecontent .galleryitems .galleryitem .galleryhover p {
		margin-bottom: 19px;
		font-size: 15px;
		line-height: 19px;
	}

	.gallerypagecontent .galleryitems .galleryitem .galleryviewinner {
		padding: 8px 7px 7px;
	}

	.contactpagecontent .pagecontent .hr {
		margin-left: 30px;
	}

	.contactpagecontent .pagecontent form #Name, 
	.contactpagecontent .pagecontent form #Email, 
	.contactpagecontent .pagecontent form #Subject, 
	.contactpagecontent .pagecontent form #HowHear {
		width: 48%;
		float: left;
	}
	
	.contactpagecontent .pagecontent form #Name, 
	.contactpagecontent .pagecontent form #Subject {
		margin-right: 4%;
	}

	.servicepagecontent h1 .nbsp {
		margin-left: 15px;
	}
	
	
	#carousel-gallery.carousel .slash {
		right: 18px;
	}

}