@media all and (min-width: 771px) {

    #site-navigation {
        display: block !important;
    }
	
	.pager {
		margin: 60px 0 50px 300px;
	}
	

}
/*tablet*/
@media all and (max-width: 1099px) and (min-width: 771px) {
	
	#mainholder, #header, #main-content {width: auto; float: none;}
	#header, #main-content {overflow: hidden; padding-left: 20px; padding-right: 20px;}
	#logo, .bigintro, .footerleft {width: 49%;}
	.bigintro {font-size: 100px; line-height: 90px;}
	#nav, .standardtext, .capstext {width: 50.5%;}
	.capstext {margin-left: 49%;}
	.footerleft {padding-left: 20px;}
	.footerquote {margin-right: 20px; width: 40%;}

    .homedots {
        width: 100%;
    }

    .back-top-top {
        text-align: left;
    }

    .contactdetails p {
        word-wrap: break-word;
    }
	
	.otherwork {
		width: auto !important;
	}

}

@media all and (max-width: 1099px) and (min-width: 600px) {
	figure {width: 100% !important}
	.standardtext img, .wp-caption {width: 100% !important}
	.single .entry-content figure img {width: 100%;}
	.single-bluff_free_guides .entry-content figure img {width: 100%;}
	.single-bluff_free_guides .entry-content img {max-width: 100%;}
}


/* Mobile */

@media all and (max-width: 770px) {

	#mainholder {
		width: auto;
		margin: 0 auto 0 auto;
		padding-top: 70px;
	}
	
	#content {
		padding: 0 20px;
	}
	
	#content {
		padding: 0 20px;
	}

	/* Dots */
	.homedots,
	.page-template-page-templatesour-work-php .homedots	{
		width: 100%;
		height: 370px;
		left: 0 !important; right: 0 !important;
	}
	
	#main-content {width: auto !important;}
	
	/* Hide the vertical line */
	.homeline {
		display: none;
	}

	/* Main Navigation */
	#nav {
		float: none;
		width: 100%;
        position: fixed;
		left: 0;
		top: 0;
	}
	
	#site-navigation {
		max-width: 350px;
		margin: 0 20px;
		padding: 0 0 30px 0;
		display: none;
	}
	
	
	.nav-toggle {
		width: 100%;
		height: 40px;
		
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}
	
	.nav-toggle .closed {
		background: url('../images/nav-closed.png') no-repeat 0 0;
	}
	
	.nav-toggle .open {
		background: url('../images/nav-open.png') no-repeat 0 0;
	}
	
	.nav-toggle-icon {
		width: 24px;
		height: 15px;
		display: block;
		position: absolute;
		right: 20px;
		top: 11px;
		cursor: pointer;
	}
	
	/* Main Navigation > Colors */
	#nav {
		background: #CDFDDA;
	}
	
	.yellowlight #nav {
		background: #fffe8f;
	}
	
	.limelight #nav {
		background: #bdfb58;
	}
	
	.bluelight #nav {
		background: #01faff;
	}
	
	.bluelight #nav {
		background: #01faff;
	}
	
	.greenlight #nav {
		background: #fff;
	}
	
	.yellowdark #nav {
		background: #fffe8f;
	}
	
	/* Logo */
	#logo {
		width: auto;
	}
	
	#logo img {
		margin-left: 10px;
	}
	
	/* Content */
	
	.bigintro,
	.bigintroright,
	.whatwedo,
	.whatwedo ul li,
	.content-nav,
	.content-nav ul,
	.otherwork,
	.worklist ul li,
	.worklist ul li.indent,
	.capstext,
	.standardtext,
	.blogsearch,
	.date,
	.snippet,
	.work-cat-link,
	.work-listing-link,
	.single-our_works .standardtext,
	.single-post .entry-content,.single-bluff_free_guides .entry-content{
		width: auto;
		min-width: 1px;
	}
	.single-bluff_free_guides .entry-content{float:none;}
	
	.bigintro,
	.bigintroright {
		font-size: 50px;
		float: none;
	}
	
	.standardtext {
		float: none;
	}
	
	.capstext {
		margin: 0;
		float: none;
	}
	
	/* Content > Our Work */
	.worklist {
		font-size: 50px;
	}

	#single-work-above .bigintro {
		font-family: 'press_styleregular';
        /*font-family: "Libre Baskerville";*/
		font-size: 70px;
        /*width: 60%;*/
        line-height: 80px;
		margin-top: 30px;
	}
	
	.single-our_works .bigintroright {
		float: none;
		margin-top: 40px;
	}
	
	.single-our_works .homedots {
		height: 728px;
	}
	
	.single-our_works #main-content {
		margin-top: 50px;
	}

    .worklist ul li.indent {
        width: 100%;
        padding-left: 80px !important;
    }

    /* Content > Who We Are */

    .page-template-page-templateswho-we-are-php .about-more {
        float: none;
        width: auto;
    }

	/* Content > Contact Us */
	.contactdetails {
		font-size: 50px;
	}

    /* Content > Blog > Single */

    .single.single-post #content,.single-bluff_free_guides #content {
        padding: 0;
    }

    .single.single-post .content-nav,.single-bluff_free_guides.single-post .content-nav {
        padding: 20px 20px 0 20px;
    }

    .single.single-post .entry-header,
    .single.single-post .entry-meta,
	.single-bluff_free_guides .entry-header,
    .single-bluff_free_guides .entry-meta {
        padding-left: 20px;
        padding-right: 20px;
    }

    .single.single-post .entry-content p,
    .single.single-post .entry-content blockquote,
    .single.single-post .entry-content .large-quote ,
    .single.single-post .entry-content h1,
    .single.single-post .entry-content h2,
    .single.single-post .entry-content h3,
    .single.single-post .entry-content h4,
    .single.single-post .entry-content h5,
    .single.single-post .entry-content h6,
    .single.single-post .entry-content ul,
    .single.single-post .entry-content ol,
    .single.single-post .entry-content figcaption,
    .single.single-post .tagged-mobile,
    .single.single-post .back-top-top,
	.single.single-bluff_free_guides .entry-content p,
    .single.single-bluff_free_guides .entry-content blockquote,
    .single.single-bluff_free_guides .entry-content .large-quote ,
    .single.single-bluff_free_guides .entry-content h1,
    .single.single-bluff_free_guides .entry-content h2,
    .single.single-bluff_free_guides .entry-content h3,
    .single.single-bluff_free_guides .entry-content h4,
    .single.single-bluff_free_guides .entry-content h5,
    .single.single-bluff_free_guides .entry-content h6,
    .single.single-bluff_free_guides .entry-content ul,
    .single.single-bluff_free_guides .entry-content ol,
    .single.single-bluff_free_guides .entry-content figcaption,
    .single.single-bluff_free_guides .tagged-mobile,
    .single.single-bluff_free_guides .back-top-top{
        margin-left: 20px;
        margin-right: 20px;
    }

	
	/* Footer */
	.site-footer,
	.site-main:after,
	.footerleft,
	.footerright,
	.footerquote	{
		width: auto;
	}
	
	.footerright {
		margin-left: 0;
	}

    .back-top-top {
        text-align: left;
    }
	
}

/* Extra (same max-width) */
@media all and (max-width: 770px) {

	#main-content {
		margin-top: 78px;
	}

	.bigintro,
	.bigintroright	{
		font-size: 82px;
		line-height: 68px;
	}
	
	.bigintroright {
		margin-top: 0;
	}
	
	.whatwedo {
		margin-top: 71px;
	}
	
	.worklist {
		font-size: 5em;
		line-height: 60px;
		float: none;
		clear: both;
		padding-top: 40px;
	}
	
	.worklist ul li {
		width: 100%;
		margin-bottom: 40px;
	}
	
	.ps {
		font-size: 5em;
		margin-top: 40px;
		float: none;
	}
	
	.otherwork {
		float: none;
		margin: 20px 0 0 0;
	}
	
	.work-cat-link,
	.work-listing-link {
		float: none;
		display: block;
	}
	
	#single-work-above {
		padding: 15px 20px 0 20px;
	}
	
	#single-work-above span {
		padding-bottom: 10px;
	}
	
	.blogsearch {
		float: none;
		margin: 0;
	}
	
	.searchbar {
		width: 100%;
	}
	
	.content-nav {
		padding: 20px 0 0 0;
	}
	
	.content-nav ul {
		float: none;
	}
	
	.content-nav ul li {
		margin: 5px 20px 5px 0;
		padding: 0;
		display: inline-block;
	}
	
	.content-nav ul li a:hover {
		text-decoration: none;
	}
	
	.blog-listing-link {
		float: none;
		width: 100%;
		padding-bottom: 15px;
		display: block;
	}
	
	h2.blogtitle {
		font-size: 100px;
		line-height: 83px;
	}
	
	.archive .snippet,
	.blog .snippet {
		display: none;
	}
	
	.blogarticle {
		margin-top: 40px;
	}
	
	.single .date {
		float: none;
	}
	
	.single-post .entry-content {
		float: none;
	}
	
	.single-post h2.blogtitle {
		margin-bottom: 15px;
	}
	
	.single-post .date .tagged {
		display: none;
	}
	
	.tagged-mobile {
		display: block;
		font-size: 13px;
	}
	
	.tagged-mobile a {
		color: #6d6e71;
	}
	
	.contactdetails {
		font-size: 100px;
		line-height: 83px;
	}
	
	.contactdetails p {
        font-size: 55px;
		margin: 35px 0;
		line-height: 50px !important;
        word-wrap: break-word;
	}
	
	.contactdetails {
		margin-bottom: 50px;
        line-height: 83px;
	}
	
	.pager {
		float: none;
		margin: 40px 0 0 0;
		text-align: left;
	}
	
	.wordweather {
		margin-top: 130px;
        display: none;
	}
	
	.standardtext {
		margin-top: 60px;
	}
	
	.capstext {
		background: transparent url('../images/dots.png') top left repeat;
		padding: 20px 0 50px 0;
		margin: 30px 0 10px 0;
	}
	
	.site-footer-mobile {
		display: block;
	}
	
	.site-footer-mobile .footerquote {
		font-size: 45px;
		margin: 40px 20px;
		line-height: 40px;
	}
	
	/*
	.footerquote {
		float: none;
		width: auto;
		margin: 0;
		padding: 0 20px;
	}
	*/
	
	.site-footer .footerquote {
		display: none;
	}
	
	.footerleft,
	.footerright,
	.homefooterleft,
	.homefooterright,
	.footerinvert {
		width: 100%;
		float: none;
	}
	
	.footerleft,
	.footerright {
		padding-left: 20px;
		padding-right: 20px;
		padding-top: 40px;
	}
	
	.footerinvert {
		left: auto;
	}
	
	.footerright {
		padding-top: 40px;
		margin-top: 10px;
	}
	
}

@media all and (max-width: 650px) {

#main-content, #header, #logo, .blogarticle, .content-nav {width: auto !important; float: none;}
.worklist, .ps {width: auto !important; }
#nav {position: absolute; width: auto !important; left: 0; right: 0;}
.worklist ul li.indent {padding-left: 80px !important;}
.worklist ul li {margin-bottom: 20px; display: block; clear: both; float: none; width: 100% !important;}
.worklist ul li a {display: block; float: none;}
.worklist {padding-top: 0; margin-top: 40px;}
.worklist, h2.blogtitle, .contactdetails {font-size: 3em; line-height: 1;}
.page-template-page-templatescontact-us-php .contactdetails div {margin-bottom: 30px;}
.page-template-page-templatescontact-us-php .contactdetails div:last-child, .contactdetails {margin-bottom: 0;}
.date {margin-top: 5px;}
.content-nav {clear: both;}
.content-nav ul li {margin-right: 10px;}
.content-nav ul li:last-child {margin-right: 0;}
.share-this {padding: 10px 0 !important;}
.site-footer {margin-top: 40px;}#
.footerinvert {width: 100%;}


}