/*
----------------------
Small Screens <= 600px
----------------------
*/

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

	/* General */

	main ol,
	main ul {
		margin: 0 0 35px 20px;
	}

	h1,
	.page h2 {
		font-size: 40px;
		line-height: 40px;
	}

	h2.h2-small {
	    font-size: 32px;
	    line-height: 32px;
	}

	.image-align-right,
	.image-align-left,
	.image-align-center,
	img.alignright,
	img.alignleft,
	img.aligncenter {
		display: block !important;
		float: none !important;
		margin: 0 auto 30px !important;
	}

	img.alignright.mobile-hide,
	img.alignleft.mobile-hide,
	img.aligncenter.mobile-hide {
		display: none !important;
	}

	/* HP Hero */

	.hp-hero-content {
		top: 16.25%
	}

		.hp-hero-content h2 {
			display: none;
		}

		.hp-hero-content h1 {
			margin-bottom: 55px;
			font-size: 22px;
			line-height: 30px;
		}

			.hp-hero-content h1 span {
				display: block;
				font-size: 35px;
				line-height: 37px;
				font-weight: 700;
			}


	/* HP Four Reasons */

	.hp-four-reasons {
		padding: 25px 0 40px;
	}

		.hp-four-reasons h2 {
		    font-size: 24px;
		    line-height: 30px;
		    margin: 0;
		}

		.hp-four-reasons article {
			margin: 10px auto 0;
		}

			.reason a.icon-text-link {
				font-size: 18px;
				line-height: 18px;
			}

				.reason a i.icon-arrow-right {
					font-size: 11px;
				}

			.reason p {
				display: none;
			}


    /* HP Our Work */

    .hp-our-work-details .container {
        margin: 0 auto;
        max-width: 1030px;
        padding: 50px 20px 0px;
    }

        .hp-our-work-details .container > div {
            margin-bottom: 20px;
        }

            .our-work-text {
                width: 100%;
            }

                .our-work-text .title {
                    font-size: 21px;
                    line-height: 21px;
                }

                .our-work-text p {
                    font: 17px/23px "lato light" arial, sans-serif;
                    margin: 10px 0 10px;
                }

        .our-work-image {
            display: none;
        }


    /* HP Our Team */

    .hp-our-team-quote {
        padding: 60px 20px;
    }

        .hp-our-team-quote img {
        	box-shadow: none;
            display: block;
            float: none;
            margin: 0 auto 20px;
            max-width: 85% !important;
        }

    .hp-photo-stream {
        padding: 0 20px 0;
    }


	/* HP Our Results */

	.hp-our-results-quote img {
		display: none;
	}


	/* Back to Top */

	.back-to-top {
	    bottom: 15px;
	    right: 10px;
		}


	/* Blog Listing - Intro Video */

	.is-text h1 {
	    font-size: 29px;
	    line-height: 32px;
	}

	.is-text p {
	    font-size: 18px;
	    line-height: 25px;
	}

	/* Blog Listing & Detail */

	.breadcrumb-wrap {
	    margin-bottom: 0;
	}

	.blog-intro {
	    margin-bottom: 5px;
	}

	.bd-title,
	.bl-image,
	.bd-image {
	    margin-bottom: 15px;
	}

	.bl-author,
	.bd-author {
	    display: block;
		margin-bottom: 4px;
	}

		.bl-author:after,
		.bd-author:after {
		    display: none;
		}

	.nav-links a.prev,
	.nav-links a.next {
		font-size: 13px;
	}

		.nav-links a.prev:before, 
		.nav-links a.next:after {
		    font-size: 10px;
		    padding: 6px;
		}

		.single-our-work .nav-links a.next:after {
		    padding: 6px 5px 6px 7px;
		}

	/* Blog Author */

	.author-details {
	    text-align: center;
	}

		.author-details img {
		    display: block;
		    float: none;
		    margin: 0 auto 15px;
		}


	/* Subpage - Title Bars */

	.sp-title-bar .sp-title-bar-text {
        margin: 0;
	}

		.sp-title-bar .sp-title-bar-text span {
	        display: block;
		}

		.sp-title-bar .icon {
		    display: block;
		    margin: 0 auto 10px;
		}


	/* Subpage - Comparison Chart */

	.cc-title {
	    font: 30px/30px "lato", arial, sans-serif;
	    padding: 0 0 20px;
	}

		.cc-title i {
		    font-size: 40px;
		    margin: 0 4px 0 -4px;
		}

		.cc-title span {
		    display: block;
		    margin-left: 24px;
		}


	/* Subpage - Giving Back */

	.gb-logos {
	}

		.gb-title {
			font: 17px/24px lato, arial, sans-serif;
		}

		.gb-logos div {
			width: 50%;
		}


	/* Subpage - Client Reviews */

	.cr-review > div {
	    padding: 20px;
	}

		.cr-title {
		    font: 22px/22px "lato black", arial, sans-serif;
		    margin-bottom: 10px;
		}

		.cr-image {
		    margin: 0 15px 8px 0;
		}

			.cr-image img {
			    width: 80px !important;
			}

		.cr-content cite span {
		    display: block;
		    font: italic 17px/17px "lato light", arial, sans-serif;
		    margin-top: 5px;
		}

		.cr-quote p {
		    font: 18px/23px "lato light", arial, sans-serif;
		}

		.cr-btns a {
		    display: block;
		    margin: 0 auto;
		}

			.cr-btns a:first-child {
			    margin: 0 auto 12px;
			}


	/* Subpage - Contact Us */

	.contact-info {
	    max-width: 270px;
	}

		.contact-info li, 
		.contact-info li a {
		    font: 14px/24px "lato", arial, sans-serif;
		}

			.contact-info li i {
			    margin-right: 3px;
			}

			.contact-info li:last-child i {
				margin-right: -3px;
			}

	.contact-us-form-link a {
	    font: 30px/33px "lato bold", arial, sans-serif;
	}

		.contact-us-form-link a span {
		    display: block;
		}


	/* Portfolio - Our Work */

	.subpage-wrapper.portfolio h1 {
	    font: 32px/32px 'lato black', sans-serif;
	}

	.subpage-wrapper.portfolio p {
	    font: 19px/19px 'lato', sans-serif;
	    margin-bottom: 2px;
	}


	/* Portfolio - Project Details */

	.nav-links.portfolio-nav .post-nav.prev {
	    margin-left: 10px;
	}

	.project-highlights .container {
	    padding-top: 0;
	}

		.project-highlights ol {
			margin: 0 auto;
			max-width: 400px;
			padding-bottom: 30px;
		}	

			.project-highlights li {
				display: block;
			    font: 18px/24px "lato light", arial, sans-serif;
			    margin-bottom: 15px;
			    width: auto;
			}

			.project-highlights li:nth-child(even) {
			    margin-left: 0;
			    margin-right: 0;
			}

	.project-content .column.before-after img {
		margin-bottom: 10px;
	}

	.single-our-work main .container {
	    padding: 10px 20px 0;
	}

		.single-our-work .cr-image img {
		    width: 130px !important;
		}

		.single-our-work .cr-quote {
		    font: 19px/24px "lato", arial, sans-serif;
		}

			.single-our-work blockquote {
			    margin: 0 0 20px;
			    padding: 0;
			}

			.single-our-work blockquote.quote:before, 
			.single-our-work blockquote.quote:after {
				font-size: 46px;
				left: -22px;
				top: 12px;
			}

			.single-our-work blockquote.quote:after {
				bottom: -5px;
				left: auto;
				right: -25px;
				top: auto;
			}

	.pg-title {
	    font: 33px/33px "lato black", arial, sans-serif;
	    text-align: center;
	}

} /* 600 */





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


	/* Header */

	header,
	header.sticky {
		height: 55px;
		border-top-width: 2px;
	}

		header .navigation,
		header.sticky .navigation {
			padding: 9px 0 5px;
			word-spacing: 0;
		}

			header .navigation img.header-logo,
			header.sticky .navigation img.header-logo {
				min-width: 125px;
			}


	/* Footer */

	.fc-copy,
	.fc-nav {
		float: none;
		margin: 0 0 10px;
		text-align: center;
	}


	/* Mobile Menu */

	header .navigation nav:nth-of-type(3) {
		padding-top: 1px;
	}

	.sh-box {
	    border-radius: 6px 0 0 6px;
	}


	/* Main Nav */

	#mobile-menu {
	    padding: 80px 0 10px;
	}


	/* Hero Section */

	.hs-text h1, 
	.hs-text h2 {
		font-size: 35px;
		line-height: 35px;
	}

	.hs-text h1 span, 
	.hs-text h2 span {
	    margin: 10px 0;
	}


	/* HP Four Reasons */

	.hp-four-reasons h2 span {
		font-size: 23px;
	}

	.hp-four-reasons article {
		margin: 0 auto;
	}

	.reason a i.icon-arrow-right {
			display: none;
		}


	/* HP Title Bars Areas */

	.hp-title-bar {
		padding: 15px 20px;
	}

		.hp-title-bar .container{
			padding: 0;
		}

			.hp-title-bar .icon {
				border: 3px solid #fff;
				height: 50px;
				width: 50px;
			}

				.hp-title-bar i {
					font-size: 33px;
					top: 8px;
				}

				.hp-title-bar .hp-title-bar-text {
					font-size: 24px;
					margin: 0 0 0 6px;
				}

			.hp-title-bar p {
				display: none;
			}


		/* our work title bar */

		.hp-our-work .icon-nail {
			left: 18px;
			top: -2px;
		}

		.hp-our-work .hp-title-bar i {
			font-size: 27px;
			top: 8px;
		}


		/* our specialties title bar */

		.hp-our-specialties .hp-title-bar i {
			font-size: 26px;
			top: 15px;
			left: 4px;
		}

			.hp-our-specialties .hp-title-bar i + i {
				font-size: 20px;
				left: -8px;
				top: -3px;
			}

		/* our results title bar */

		.hp-our-results .hp-title-bar i {
			font-size: 25px;
			top: 9px;
		}


	/* HP Our Team */

	.hp-photo-stream-text{
		margin-bottom: 20px;
	}

		.hp-our-team-quote{
			padding-bottom: 20px;
			padding-top: 40px;
		}

			.hp-our-team-quote blockquote p, 
            .hp-our-team-quote blockquote p span, 
            .hp-our-team-quote cite {
                font-size: 17px;
                line-height: 23px;
				margin: 0;
			}

            .hp-our-team-quote blockquote p {
                font-family:  "lato light", arial, sans-serif;
            }

            .hp-our-team-quote blockquote p span {
                white-space: nowrap;
            }

		.hp-photo-stream {
			padding: 0 20px 20px;
			text-align: center;
		}

			.hp-photo-stream-text div, .hp-photo-stream-text p, .hp-photo-stream-images{
				display: none !important;
			}


    /* HP Our Results */

    .hp-our-results-quote {
        padding: 50px 20px 0;
    }

        .hp-our-results-quote blockquote p,
        .hp-our-results-quote blockquote cite {
            font: 17px/23px "lato light", arial, sans-serif;
        }

        .hp-our-results-quote blockquote cite {
            font-style: italic;
        }

    .hp-our-results-client {
        padding: 20px 0 20px;
    }

		.hp-our-results-client .horc-logo {
		    width: 78px;
		}


    /* Subpage - Who We Are */

    .cb-block {
    	margin-bottom: 25px;
    }

	    .cb-content h3 {
		    font-size: 20px;
		    line-height: 25px;
		    margin: 0 0 25px !important;
		}

		.todd .cb-content .img-inset-shadow {
		    margin: -9px 15px 0 0;
		    width: 55px;
		}

		.todd .cb-content div {
		    font: 16px/20px "lato bold", arial, sans-serif;
		    margin: 23px 0 20px;
		}

			.todd .cb-content div span {
			    font: italic 15px/20px "lato light", arial, sans-serif;
			}

		.todd .cb-content p {
		    font: 17px/21px "lato light", arial, sans-serif;
		    margin-left: 0;
		}

		.cb-member-image {
		    margin: -11px 10px 22px 0;
		}

		.cb-member-name {
		    font-size: 15px;
		    margin-bottom: 3px;
		}

		.cb-member-jobTitle {
		    font: italic 14px/15px "lato light", arial, sans-serif;
		}

		.cb-images,
		.cb-block:nth-child(even) .cb-images {
			margin: 0 0 20px;
		}

		.todd .cb-images {
			margin-top: 30px;
		}

		/* General Template Overrides */

		.content-blocks .cb-block .cb-content.cb-content-default + .cb-images {
			margin: 20px 0;
		}

			.cb-subheading {
			    font: 18px/18px "lato bold", arial, sans-serif;
			    margin: 0 0 15px;
			}

			.cb-copy {
			    font: 20px/25px "lato light", arial, sans-serif;
			}


	/* Subpage - Our Clients */

	.oc-logos .container {
		padding: 30px 10px;
	}

		.oc-logos a {
		    margin: 20px 2%;
		    width: 46%;
		}


	/* Portfolio - Project Details */

	.single-our-work .hs-text h1, 
	.single-our-work .hs-text h2 {
	    font-size: 27px;
	    line-height: 31px;
	}

		.single-our-work .hs-text h1 span, 
		.single-our-work .hs-text h2 span {
		    margin: 0 0 15px;
		}

	.single-our-work .hs-text p.all-caps {
	    font: 19px/21px "lato", arial, sans-serif;
	    margin: 0 0 18px;
	}

	.single-our-work .hs-text .btn {
	    font-size: 17px;
	    display: block;
	    margin: 0 auto 15px !important;
	    max-width: 240px;
	}


	/* Portfolio - Listing */

	.gl-item {
	    height: 150px;
	}

		/* Service Hub Pages (Online Marketing & Web Design) */

		.page-id-843 .gl-item,
		.page-id-828 .gl-item {
		    height: 275px;
		}

			.page-id-843 .gl-item h3,
			.page-id-828 .gl-item h3 {
			    font-size: 26px;
			    line-height: 26px;
			    margin-bottom: 10px;
			    padding: 0 10%;
			}

				.page-id-843 .gl-item h3 i, 
				.page-id-828 .gl-item h3 i {
    				font-size: 17px;
    			}

			.page-id-843 .gl-item p,
			.page-id-828 .gl-item p {
			    font-size: 18px;
			    padding: 0 8%;
			}

} /* 500 */





@media only screen and (max-width: 450px){
	
	/* Service Pages (on the SEO page) - Sticky Nav */

	.page-id-830 .grid-layout.sticky .gl-item {
	    height: 70px;
	}

	.page-id-830 .grid-layout.sticky.fixed .gl-item {
	    height: 50px;
	}

		.page-id-830 .grid-layout.sticky .gl-item .gl-content h3 {
		    font: 10px/20px 'lato bold', sans-serif;
		}
}





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


	/* Footer */

	.fc-form-title {
	    font: 23px/23px "lato bold", sans-serif;
	}

	#field_1_1,
	#field_1_2 {
	    float: none;
	    margin-right: 0;
	    width: 100%;
	}

	.footer-social ul li {
		margin-right: 5px;
	}


	/* Mobile Menu */

	#mobile-menu .nav {
	    width: 110px;
	}


	/* HP Hero */

	.hp-hero {
	    padding: 20px 2%;
	}

		.hh-image {
		    padding: 20px 0 0;
		    width: 90%;
		}

			.hh-image .btn {
			    margin-top: 15px;
			}

		.hh-content h1 {
		    font: 22px/25px "lato black", arial, sans-serif;
		    margin-bottom: 15px;
		}

		.hh-content div {
		    font-size: 18px;
		    line-height: 18px;
		    margin: 0;
		}


	/* HP Our Results */

	.horg-number {
		font-size: 22px;
	}

	.horg-legend-before{
		margin-bottom: 10px;
	}

    .horg-title {
        bottom: -16px;
        font-size: 12px;
    }

	/* Portfolio - SubNav */

	.subpage-nav.portfolio a {
		font-size: 12px;
	}


	/* Portfolio - Our Work */

	.subpage-wrapper.portfolio p {
	    font: 18px/18px 'lato', sans-serif;
	}

} /* 400 */