/* ================================================  MOBILES BELOW 399 ======================================= */


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



		/*----------- >  GENERAL AREA <----------- */
		
		
		.container {
			width: 91%;
			margin: auto;
			padding: 0 15px;
			
		}
		.boxer {
			width: 80%;
		}
		.boxer blockquote {
			padding: 50px 20px;
		}
		.boxer h1 {
		 	font-size: 35px;
			line-height: 42px;
		}
		#basicpage {
			padding: 75px 0 70px;
		}
		#pageslide {
			width: 260px;
		}
		
		.superheading {
			font-size: 40px;
			padding: 40px 30px;
		}
		
		
		.boxer article {
			float: none;
			width: 100%;
			padding-right: 0px;
			border-right: none;
		}
		.boxer aside {
			display: none;
		}

		.first {
			width: 100% !important;
		}
		
		.fourohfour {
			font-size: 70px;
			line-height: 75px;
		}
		
		
		.under {
			font-size: 75px;
			line-height: 63px;
			letter-spacing: -1px;
		}
		
		.construction {
			font-size: 38px;
			line-height: 88px;
		    letter-spacing: -4px;
		    margin-top: -21px;
		}
		
		#countdown_dashboard {
			height: 110px;
			margin: 30px;
		}
		
		.dash {
			width: 43%;
			text-align: center;
			height: 100px;
			margin-bottom: 15px;
		}
		.dash:last-child {
			width: 93%;
			margin-right: 0;
			
		}
		
		.dash .digit {
			font-size: 21pt;
			font-weight: 100;
			font-family: 'Roboto-Light', 'Roboto-Light', sans-serif;
			float: left;
			width: 22px;
			text-align: center;
			color: #333;
			position: relative;
			letter-spacing: -15px;
		}
		
		.dash_title {
			display: block;
			bottom: 0px;
			right: 6px;
			font-size: 9pt;
			color: #555;
			text-transform: uppercase;
			letter-spacing: 2px;
		}
		.clock {
			height: 44px;
			padding: 18px 0 0 11px;
			text-align: center;
			position: relative;
		}
		.dash .clicker {
			width: 55px;
			margin-left: -15px;
		}

		.dash:last-child .dash_title {
			position: absolute;
			right: 11px;
			top: 28%;
			font-size: 15px;
		}
		
		.pricing_table.pricing_table_five_cols .pricing_table_col {
			width: 100%;
			display: block;
		}

		
		/*----------- >  FEATURED AREA <----------- */

		.slide-major {
			max-width: 350px;
			top:15%;
			
		}
		
		#slidecaption .major {
			font-size: 40px;
			letter-spacing: -4px;
		}
		
		
		.slidedescription {
			display: none;
		}
		.footprints {
			display: none;
		}
		#slidecaption .footprints li {
			width: 19%;
		}
		#slidecaption .footprints li a {
			font-size: 18px;
		}
		#nextslide {
			right: 0px;
			z-index: 9;
		}
		#prevslide {
			left: 0px;
			z-index: 9;
		}
		.touchcarousel {
			margin-top: -91px;
		}
		/*----------- >  NAV AREA  <----------- */
		
		
		.navitem li {
			padding: 25px 15px;
		}
		
		.logo {
			max-width: 150px;
		}
		nav {
			height: 40px;
			bottom: -30px;
			width: 100%;
		
		}
		.social-icons {
			display: none;
		}
		
		.dropmenu select { 
			 border: 0 none;
		    display: block;
		    margin-top: 5px;
		    right: 14px;
		    top: -4px;
		}
		.icon-menu { display: block; right: -2px; font-size: 29px; top: 4px;}
		.navitem { display: none; }
		.dropmenu  {}
		
		/*----------- >  ABOUT US / ABOUT ME  AREA  <----------- */
		
		
		
		#about .container {
			width: 230px;
			margin: auto;
			text-align: center;
		}
		
		#about .container .five.columns {
			margin: auto !important;
		}
		#about .container .ser .five.columns {
			margin: auto !important;
		}
		#about .container .tem .five.columns {
			margin: auto !important;
		}
		#about .container h1.heading {
			font-size: 30px;
			letter-spacing: -2px;
		}
		#aboutme {
			background:  #1C1F26 !important;
		}
		#aboutme .halfsies .galactus, .surfer {
			color: #fff;
		}
		#aboutme .halfsies .galactus {
			font-size: 130px;
			letter-spacing: -18px;
			line-height: 70px;
		}
		#aboutme .surfer {
			font-size: 80px;
			line-height: 38px;
		}
		#aboutme .halfsies {
		    width: 250px;
		}
		.halfsies h1 {
			color: #949393;
		}
		.halfsies h2 {
			color: #949393;
		}
		
		
		.abouter {
			background: #1C1F26 !important;
		}
		.abouter .halfsies .galactus, .surfer {
			color: #fff;
		}
		.abouter .halfsies .galactus {
			font-size: 130px;
			letter-spacing: -18px;
			line-height: 70px;
		}
		.abouter .surfer {
			font-size: 80px;
			line-height: 38px;
		}
		.abouter .halfsies {
		    width: 250px !important;
		    padding: 0;
		    margin: 0 30px !important;
		}
		.abouter h1 {
			color: #949393;
		}
		.abouter h2 {
			color: #949393;
		}
		
		
		
		.services:nth-child(n+5) {
			display: none;
		}
		.ser {
			display: none;
		}
		#about .container .five.columns:nth-child(10) {
			margin: auto;
		}
		.container .five.columns.silo {
			display: none;
		}
		
		.container .five.columns {
			width: 220px;
			margin: auto;
			float: none;
		}
		
		.teamers img {
			
		}
		.holdit {
			width: 225px !important
		}
		/*----------- >  PORTFOLIO  AREA  <----------- */
		
		#portfolio .portfolio {
			width: 285px;
			margin: auto;
		}
		
		.portfolio li h1 {
			 font-size: 24px;
    		 line-height: 30px;
    		 padding: 30px 40px 0;		
    	}
		.portfolio li {
			margin: 10px 0 !important;
			width: 285px;
			height: 168px; /*314px; */
		}
		
		.portfolio li img {
			width: 285px;
			
		}
		.portfolio li i {
			font-size: 14px;
		}
		.tpl2 .center-bar {
			top: 85%;
		}
		.portfolio li .icon-link, .portfolio li .icon-twitter, .portfolio li .icon-facebook {
			font-size: 15px;
			display: block !important;
			float: left;
			padding: 5px;
			margin: 0 2px;
		}
		
		
		.tagline h1 {
			color:#fff;
			font-weight:500;
			color: #fff;
		    font-family: 'Roboto-Light', 'Roboto-Light', sans-serif;
		    font-size: 50px;
		    line-height: 40px;
		    letter-spacing: -1px;
		    text-transform: uppercase;
		   	text-shadow: 0 0 4px #6c6c6c;
		}


		.touchcarousel .arrow-holder {
			top: 325px;
		}
		.touchcarousel .arrow-holder.left {
			left: 43% !important;
		}
		.touchcarousel .arrow-holder.right {
			right: 43% !important;
		}
		.marshallcontain .touchcarousel .arrow-holder.left {
			left: 5% !important;
		}
		.marshallcontain .arrow-holder.right {
			right: 5% !important;
		}
		/*----------- >  BLOG  AREA  <----------- */
		
		
		
		.blogcontent {
			background: none repeat scroll 0 0 #FFFFFF;
    		float: none !important;
    		height: 332px;
    		overflow: hidden;
    		padding: 0 30px;
    		width: 225px;
		}
		.blogcontain {
			height: 332px;
			width: 285px;
		}
		.blogpiccontainer {
			height: 166px;
    		width: 285px;
    		float: none !important;
		}
		.blogpiccontainer img {
			width: 100%;
			
		}
		
		.blogolo h3 {
			font-size: 20px;
		}
		.aligner p {
			font-size: 14px;
		}
		.blogolo .bg {
			height: 342px !important;
    		position: relative;
    		top: 156px;
    		width: 285px !important;
		}
		.fuller .bg {
			height: 540px !important;
    		top: 0;
    		width: 300px !important;
		}
		.fuller .blogcontain {
			height: 540px;
		}
		.blogolo .fuller {
			height: 540px;
    		padding: 0 25px;
    		width: 235px;
		}
		.video-container iframe, .video-container object, .video-container embed {
			max-height: 156px;
		}
		
		.flex-control-nav {
			z-index: 99;
		}
		
		.flex-direction-nav a {
			top: 25%;
			display: none;
		}
		
		.flex-direction-nav .flex-prev {
    		left: 10px;
    	}
    	.flex-direction-nav .flex-next {
    		right: 2px;
    	}
		.flex-control-nav {
			right: 2px;
			top: 2%;
		}
		
		.lefty .flex-control-nav {
			left: 0;
    		top: 2%;
		}
		
		
		.flex-direction-nav .flex-prev {
			right: 550px;
		}
		
		.lefty .flex-direction-nav .flex-next {
			left: 10px;
		}
		
		.lefty .flex-direction-nav .flex-prev {
			left: 320px;
		}
		
		
		
		
		/*----------- >  OPTIONAL PARALLAX  AREA  <----------- */
		
		
		#parallax2 {
		    height: 925px !important;
		}
		.pattern {
		    height: 925px !important;
		}

		.leftmin p {
			max-height: 260px;
			overflow: hidden;
		}
		
		.rightmin .map {
    		height: 175px;
    	}
		.third h3, .seconded h3 {
			padding: 30px 15px 20px 15px;
		}
		
		.third {
			width: 100%;
			float: none;
		}
		.seconded {
			width: 100%;
			float: none;
			margin: 15px 0 0 0;
		}
		.contact-container {
			padding-top: 25px;
		}
		
		#mapper {
			min-height: 1200px;
			overflow: hidden;
			background: #E2DFD9;
		}
		#mapper .map {
			margin-top: -180px;
		}

		#mapper .third {
			width: 100%;
		}
		#mapper .seconded {
			width: 100%;
		}
		
		#mapper .container {
			margin: auto auto auto -163px;
			bottom: 20px;
		}
		
		
		
		
		/*----------- > FOOTER  AREA  <----------- */
		
		
		.quoter {
			padding: 60px 50px 50px;
			font-size: 24px;
		}
		
		#tweetlings {
			padding: 75px 5px;
		}
		#tweetlings .container {
			width: 220px;
		}
		.tweet {
			margin: 7px 0 12px -10px;
		}
		
		.tweet_text, .tweet_list li a {
			 font-size: 14px;
    		line-height: 20px;
			display: block;
		}
		#footer .seconded {
			margin: 0 10px 20px 0 !important;
		}
		#footer .third {
			width: 100%;
			margin: 0 !important;
		}
		.pinkytoe {
			width: 100%;
			border-bottom: 20px solid #DCDCDC;
		}
		.bigtoe {
			width: 100%;
		}
		.copyright p {
			font-size: 11px;
    		line-height: 16px;
    		max-width: 145px;
		}
		
}




/* ================================================  MOBILES BELOW 480 to 400 ======================================= */


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



		/*----------- >  GENERAL AREA <----------- */
		
		
		.container {
			width: 90%;
			margin: auto;
			padding: 0 15px;
		}
		#pageslide {
			width: 350px;
		}
		
		.superheading {
			font-size: 40px;
			padding: 40px 30px;
		}
		#basicpage {
			padding: 75px 0 70px;
		}

		.boxer article {
			float: none;
			width: 100%;
			padding-right: 0px;
			border-right: none;
		}
		.boxer aside {
			display: none;
		}
		
		.first {
			width: 100% !important;
		}
		
		.fourohfour {
			font-size: 110px;
			line-height: 115px;
		}
		.boxer h1 {
		 	font-size: 35px;
			line-height: 42px;
		}
		
		
		
		.under {
			font-size: 82px;
			line-height: 63px;
			letter-spacing: -1px;
		}
		
		.construction {
			font-size: 41px;
			line-height: 88px;
		    letter-spacing: -4px;
		    margin-top: -21px;
		}
		
		#countdown_dashboard {
			height: 110px;
			margin: 30px;
		}
		
		.dash {
			width: 43%;
			text-align: center;
			height: 100px;
			margin-bottom: 15px;
		}
		.dash:last-child {
			width: 93%;
			margin-right: 0;
			
		}
		
		.dash .digit {
			font-size: 21pt;
			font-weight: 100;
			font-family: 'Roboto-Light', 'Roboto-Light', sans-serif;
			float: left;
			width: 22px;
			text-align: center;
			color: #333;
			position: relative;
			letter-spacing: -15px;
		}
		
		.dash_title {
			display: block;
			bottom: 0px;
			right: 6px;
			font-size: 9pt;
			color: #555;
			text-transform: uppercase;
			letter-spacing: 2px;
		}
		.clock {
			height: 44px;
			padding: 18px 0 0 11px;
			text-align: center;
			position: relative;
		}
		.dash .clicker {
			width: 55px;
			margin-left: -15px;
		}

		.dash:last-child .dash_title {
			position: absolute;
			right: 11px;
			top: 28%;
			font-size: 15px;
		}
		
		.pricing_table.pricing_table_five_cols .pricing_table_col {
			width: 100%;
			display: block;
		}
		.bg2 {
			background: #1C1F26 !important;
		}
		/*----------- >  FEATURED AREA <----------- */

		.slide-major {
			max-width: 350px;
			top:15%;
			
		}
		
		#slidecaption .major {
			font-size: 40px; /*was 100*/
			letter-spacing: -4px;
		}
		
		
		.slidedescription {
			display: none;
		}
		.footprints {
			display: none;
		}
		#slidecaption .footprints li {
			width: 19%;
		}
		#slidecaption .footprints li a {
			font-size: 18px;
		}
		#nextslide {
			right: 10px;
			z-index: 9;
		}
		#prevslide {
			left: 30px;
			z-index: 9;
		}
		
		.touchcarousel .arrow-holder {
			top: 340px;
		}
		.touchcarousel .arrow-holder.left {
			left: 45% !important;
		}
		.touchcarousel .arrow-holder.right {
			right: 45% !important;
		}
		
		.marshallcontain .touchcarousel .arrow-holder.left {
			left: 5% !important;
		}
		.marshallcontain .arrow-holder.right {
			right: 5% !important;
		}
		/*----------- >  NAV AREA  <----------- */
		
		
		.navitem li {
			padding: 25px 15px;
		}
		
		.logo {
			max-width: 150px;
		}
		nav {
			height: 40px;
			bottom: -30px;
		
		}
		.social-icons {
			display: none;
		}
		
		.dropmenu select { 
			 border: 0 none;
		    display: block;
		    margin-top: 5px;
		    right: 3px;
		    top: -4px;
		}
		.icon-menu { display: block; right: -2px; font-size: 29px; top: 4px;}
		.navitem { display: none; }
		
		
		/*----------- >  ABOUT US / ABOUT ME  AREA  <----------- */
		
		
		
		#about .container {
			width: 350px;
			margin: auto;
			text-align: center;
		}
		
		#about .container .five.columns:nth-child(6) {
			margin: auto;
		}
		#about .container .five.columns {
			margin: auto !important;
		}
		#about .container .ser .five.columns {
			margin: auto !important;
		}
		#about .container .tem .five.columns {
			margin: auto !important;
		}
		#about .container h1.heading {
			font-size: 40px;
			letter-spacing: -2px;
		}
		#aboutme {
			background:  #1C1F26 !important;
		}
		#aboutme .halfsies .galactus, .surfer {
			color: #fff;
		}
		#aboutme .halfsies .galactus {
			font-size: 180px;
			letter-spacing: -18px;
			line-height: 70px;
		}
		#aboutme .surfer {
			font-size: 80px;
			line-height: 38px;
		}
		#aboutme .halfsies {
		    width: 350px;
		}
		
		
		
		.abouter {
			background: #1C1F26 !important;
		}
		.abouter .halfsies .galactus, .surfer {
			color: #fff;
		}
		.abouter .halfsies .galactus {
			font-size: 150px;
			letter-spacing: -18px;
			line-height: 70px;
		}
		.abouter .surfer {
			font-size: 80px;
			line-height: 38px;
		}
		.abouter .halfsies {
		    width: 300px !important;
		    padding: 0;
		    margin: 0 30px !important;
		}
		.abouter h1 {
			color: #949393;
		}
		.abouter h2 {
			color: #949393;
		}
		
		
		
		
		.halfsies h1 {
			color: #949393;
		}
		.halfsies h2 {
			color: #949393;
		}
		.ser {
			display: none;
		}
		.services:nth-child(n+5) {
			display: none;
		}
		#about .container .five.columns:nth-child(10) {
			margin: auto;
		}
		.container .five.columns.silo {
			display: none;
		}
		
		.container .five.columns {
			width: 220px;
			margin: auto;
			float: none;
		}
		
		.teamers img {
			
		}
		.holdit {
			width: 225px !important
		}
		/*----------- >  PORTFOLIO  AREA  <----------- */
		
		#portfolio .portfolio {
			width: 350px;
			margin: auto;
		}
		
		.portfolio li h1 {
			 font-size: 35px;
    		 line-height: 30px;
    		 padding: 60px 40px 0;		
    	}
		.portfolio li {
			margin: 10px 0 !important;
			width: 350px;
			height: 206px; /*386px;*/
		}
		
		.portfolio li img {
			width: 350px;
			
		}
		
		.tagline h1 {
			color:#fff;
			font-weight:500;
			color: #fff;
		    font-family: 'Roboto-Light', 'Roboto-Light', sans-serif;
		    font-size: 60px;
		    line-height: 50px;
		    letter-spacing: -2px;
		    text-transform: uppercase;
		   	text-shadow: 0 0 4px #6c6c6c;
		}
		.touchcarousel {
			margin-top: -91px;
		}
		/*----------- >  BLOG  AREA  <----------- */
		
		
		
		.blogcontent {
			background: none repeat scroll 0 0 #FFFFFF;
    		float: none !important;
    		height: 300px;
    		overflow: hidden;
    		padding: 0 40px;
    		width: 270px;
		}
		.blogcontain {
			height: 300px;
			width: 350px;
		}
		.blogpiccontainer {
			height: 192px;
    		width: 350px;
    		float: none !important;
		}
		.blogpiccontainer img {
			width: 100%;
			
		}
		
		.blogolo h3 {
			font-size: 20px;
		}
		.aligner p {
			font-size: 14px;
		}
		.blogolo .bg {
			height: 310px !important;
    		position: relative;
    		top: 192px;
    		width: 350px !important;
		}
		.fuller .bg {
			height: 490px !important;
    		top: 0;
    		width: 350px !important;
		}
		.fuller .blogcontain {
			height: 490px;
		}
		.blogolo .fuller {
			height: 490px;
    		padding: 0 55px;
    		width: 240px;
		}
		.video-container iframe, .video-container object, .video-container embed {
			max-height: 192px;
		}
		
		
		.flex-direction-nav a {
			top: 25%;
		}
		
		.flex-direction-nav .flex-prev {
    		left: 290px;
    	}
    	.flex-direction-nav .flex-next {
    		left: -20px !important;
    	}
		.flex-control-nav {
			right: 2px;
			top: 2%;
		}
		
		.lefty .flex-control-nav {
			left: 0;
    		top: 2%;
		}
		
		
		.flex-direction-nav .flex-prev {
			right: 550px;
		}
		
		.lefty .flex-direction-nav .flex-next {
			left: 10px;
		}
		
		.lefty .flex-direction-nav .flex-prev {
			left: 320px;
		}
		
		
		
		
		/*----------- >  OPTIONAL PARALLAX  AREA  <----------- */
		
		
		#parallax2 {
		    height: 925px !important;
		}
		.pattern {
		    height: 925px !important;
		}

		.leftmin p {
			max-height: 260px;
			overflow: hidden;
		}
		
		.rightmin .map {
    		height: 175px;
    	}
		.third h3, .seconded h3 {
			padding: 30px 15px 20px 15px;
		}
		
		.third {
			width: 100%;
			float: none;
		}
		.seconded {
			width: 100%;
			float: none;
			margin: 15px 0 0 0;
		}
		.contact-container {
			padding-top: 25px;
		}
		
		#mapper {
			min-height: 1200px;
			overflow: hidden;
			background: #E2DFD9;
		}
		#mapper .map {
			margin-top: -180px;
		}

		#mapper .third {
			width: 100%;
		}
		#mapper .seconded {
			width: 100%;
		}
		
		#mapper .container {
			margin: auto auto auto -190px;
			bottom: 20px;
		}
		
		
		
		
		/*----------- > FOOTER  AREA  <----------- */
		
		
		.quoter {
			padding: 60px 50px 50px;
			font-size: 24px;
		}
		
		#tweetlings {
			padding: 75px 5px;
		}
		#tweetlings .container {
			width: 320px;
		}
		.tweet {
			margin: 7px 0 12px -10px;
		}
		
		.tweet_text, .tweet_list li a {
			 font-size: 22px;
    		line-height: 33px;
			display: block;
		}
		#footer .seconded {
			margin: 0 10px 20px 0 !important;
		}
		#footer .third {
			width: 100%;
			margin: 0 !important;
		}
		.pinkytoe {
			width: 100%;
			border-bottom: 20px solid #DCDCDC;
		}
		.bigtoe {
			width: 100%;
		}
		.copyright p {
			font-size: 11px;
    		line-height: 16px;
    		max-width: 230px;
		}
		
}



/* ================================================  MOBILES BELOW 480 to 640 ======================================= */


@media only screen 
and (min-width : 480px) 
and (max-width : 639px) 
{	



		/*----------- >  GENERAL AREA <----------- */
		
		
		.container {
			width: 464px;
			margin: auto;
			padding: 0 15px;
		}
		#pageslide {
			width: 400px;
		}
		
		.superheading {
			font-size: 40px;
			padding: 40px 30px;
		}
		
		.boxer {
			width: 80%;
		}
		.boxer article {
			float: none;
			width: 100%;
			padding-right: 0px;
			border-right: none;
		}
		.boxer aside {
			display: none;
		}
		
		.first {
			width: 100% !important;
		}
		
		.fourohfour {
			font-size: 160px;
			line-height: 165px;
		}
		.boxer h1 {
			font-size: 40px;
			line-height: 47px;
		}
		
		.tagline h1 {
			font-size: 75px;
			line-height: 65px;
		}
		
		.pricing_table.pricing_table_five_cols .pricing_table_col {
			width: 100%;
			display: block;
		}

				
		.under {
			font-size: 134px;
			line-height: 125px;
			letter-spacing: -13px;
		}
		
		.construction {
			font-size: 62px;
			line-height: 88px;
		    letter-spacing: -7px;
		    margin-top: -21px;
		}
		
		#countdown_dashboard {
			height: 110px;
			margin: 30px;
		}
		
		.dash {
			width: 45%;
			text-align: center;
			height: 144px;
			margin-bottom: 15px;
		}
		.dash:last-child {
			width: 93%;
			margin-right: 0;
			
		}
		
		.dash .digit {
			font-size: 55pt;
			font-weight: 100;
			font-family: 'Roboto-Light', 'Roboto-Light', sans-serif;
			float: left;
			width: 45px;
			text-align: center;
			color: #333;
			position: relative;
			letter-spacing: -15px;
		}
		
		.dash_title {
			display: block;
			bottom: 0px;
			right: 6px;
			font-size: 9pt;
			color: #555;
			text-transform: uppercase;
			letter-spacing: 2px;
		}
		.clock {
		    height: 49px;
		    padding: 47px 0 0 25px;
			text-align: center;
			position: relative;
		}
		.dash .clicker {
			width: 55px;
			margin-left: -15px;
		}

		.dash:last-child .dash_title {
			position: absolute;
			right: 40px;
			top: 34%;
			font-size: 20px;
		}
		.bg2 {
			background: #1C1F26 !important;
		}
		/*----------- >  FEATURED AREA <----------- */
	
		.slide-major {
			max-width: 400px;
			top:15%;
			
		}
		
		#slidecaption .major {
			font-size: 40px; /*was 100*/
			letter-spacing: -4px;
		}
		
		
		.slidedescription {
			display: none;
		}
		.footprints {
			display: none;
		}
		#slidecaption .footprints li {
			width: 19%;
		}
		#slidecaption .footprints li a {
			font-size: 18px;
		}
		#nextslide {
			right: 0px;
			z-index: 9;
		}
		#prevslide {
			left: 0px;
			z-index: 9;
		}
		.touchcarousel .arrow-holder {
			top: 275px;
		}
		.touchcarousel .arrow-holder.left {
			left: 45% !important;
		}
		.touchcarousel .arrow-holder.right {
			right: 45% !important;
		}
		.marshallcontain .touchcarousel .arrow-holder.left {
			left: 5% !important;
		}
		.marshallcontain .arrow-holder.right {
			right: 5% !important;
		}
		/*----------- >  NAV AREA  <----------- */
		
		
		.navitem li {
			padding: 25px 15px;
		}
		
		.logo {
			max-width: 150px;
		}
		nav {
			height: 40px;
			bottom: -30px;
		
		}
		.social-icons {
			display: none;
		}
		
		.dropmenu select { 
			border: 0 none;
		    display: block;
		    margin-top: 5px;
		    right: 3px;
		    top: -4px;
		}
		.icon-menu { display: block; right: -2px; font-size: 29px; top: 4px;}
		.navitem { display: none; }
		
		
		/*----------- >  ABOUT US / ABOUT ME  AREA  <----------- */
		
		
		
		#about .container {
			width: 430px;
			margin: auto;
		}
		
		#about .container .five.columns:nth-child(6) {
			margin: 0 10px 20px 10px;
		}
		#about .container h1.heading {
			font-size: 40px;
			letter-spacing: -2px;
		}
		#aboutme {
			background:  #1C1F26 !important;
		}
		#aboutme .halfsies .galactus, .surfer {
			color: #fff;
		}
		#aboutme .halfsies .galactus {
			font-size: 210px;
			letter-spacing: -18px;
			line-height: 110px;
		}
		#aboutme .surfer {
			font-size: 90px;
			line-height: 38px;
		}
		#aboutme .halfsies {
		    width: 430px;
		}
		.halfsies h1 {
			color: #949393;
		}
		.halfsies h2 {
			color: #949393;
		}
		
		
		
		.abouter {
			background: #1C1F26 !important;
		}
		.abouter .halfsies .galactus, .surfer {
			color: #fff;
		}
		.abouter .halfsies .galactus {
			font-size: 210px;
			letter-spacing: -18px;
			line-height: 110px;
		}
		.abouter .surfer {
			font-size: 90px;
			line-height: 38px;
		}
		.abouter .halfsies {
		    width: 400px !important;
		    padding: 0;
		    margin: 0 30px !important;
		}
		.abouter h1 {
			color: #949393;
		}
		.abouter h2 {
			color: #949393;
		}
		.ser {
			display: none;
		}
		
		
		.services:nth-child(n+5) {
			display: none;
		}
		.container .five.columns.silo {
			display: none;
		}
		
		.container .five.columns {
			width: 190px;
			margin-bottom: 10px;
		}
		
		.teamers img {
			width: 195px;
		}
		.holdit {
			width: 428px !important
		}
		
		/*----------- >  PORTFOLIO  AREA  <----------- */
		
		#portfolio .portfolio {
			width: 480px;
			margin: auto;
		}
		
		.portfolio li h1 {
			padding: 80px 40px 0;
			font-size: 45px;
			line-height: 40px;

		}
		.portfolio li {
			margin: 10px 0 !important;
			width: 480px;
			height: 283px; /*530px;*/
		}
		
		.portfolio li img {
			width: 480px;
			
		}
		
		.touchcarousel {
			margin-top: -91px;
		}
		/*----------- >  BLOG  AREA  <----------- */
		
		
		
		.blogcontent {
			background: none repeat scroll 0 0 #FFFFFF;
		    height: 255px;
		    overflow: hidden;
		    padding: 0 60px;
		    width: 360px;
		    float: none !important;
		}
		.blogcontain {
			height: 262px;
			width: 655px;
		}
		.blogpiccontainer {
			height: 236px;
    		width: 480px;
    		float: none !important;
		}
		.blogpiccontainer img {
			width: 100%;
			
		}
		
		.blogolo h3 {
			font-size: 20px;
		}
		.aligner p {
			font-size: 14px;
		}
		.blogolo .bg {
			height: 255px !important;
    		position: relative;
    		top: 245px;
    		width: 480px !important;
		}
		.fuller .bg {
			width: 480px !important;
			height: 450px !important;
			top: 0;
		}
		.fuller .blogcontain {
			height: 450px;
		}
		.blogolo .fuller {
			height: 450px;
   			padding: 0 75px;
    		width: 330px;
		}
		.video-container iframe, .video-container object, .video-container embed {
			max-height: 236px;
		}
		
		
		.flex-direction-nav a {
			top: 25%;
		}
		
		.flex-direction-nav .flex-prev {
    		left: 375px;
    	}
    	.flex-direction-nav .flex-next {
    		right: 2px;
    	}
		.flex-control-nav {
			right: 2px;
			top: 2%;
		}
		
		.lefty .flex-control-nav {
			left: 0;
    		top: 2%;
		}
		
		
		.flex-direction-nav .flex-prev {
			right: 550px;
		}
		
		.lefty .flex-direction-nav .flex-next {
			left: 10px;
		}
		
		.lefty .flex-direction-nav .flex-prev {
			left: 452px;
		}
		
		
		
		
		/*----------- >  OPTIONAL PARALLAX  AREA  <----------- */
		
		
		#parallax2 {
		    height: 925px !important;
		}
		.pattern {
		    height: 925px !important;
		}

		.leftmin p {
			max-height: 260px;
			overflow: hidden;
		}
		
		.rightmin .map {
    		height: 175px;
    	}
		.third h3, .seconded h3 {
			padding: 30px 15px 20px 15px;
		}
		
		.third {
			width: 100%;
			float: none;
		}
		.seconded {
			width: 100%;
			float: none;
			margin: 15px 0 0 0;
		}
		.contact-container {
			padding-top: 25px;
		}
		
		#mapper {
			min-height: 1200px;
			overflow: hidden;
			background: #E2DFD9;
		}
		#mapper .map {
			margin-top: -180px;
		}

		#mapper .third {
			width: 100%;
		}
		#mapper .seconded {
			width: 100%;
		}
		
		#mapper .container {
			margin: auto auto auto -255px;
			bottom: 20px;
		}
		
		
		
		
		/*----------- > FOOTER  AREA  <----------- */
		
		
		.quoter {
			padding: 60px 50px 50px;
			font-size: 24px;
		}
		
		#tweetlings {
			padding: 75px 5px;
		}
		#tweetlings .container {
			width: 380px;
		}
		.tweet {
			margin: 7px 0 12px -10px;
		}
		
		.tweet_text, .tweet_list li a {
			font-size: 35px;
			line-height: 42px;
			display: block;
		}
		#footer .seconded {
			margin: 0 10px 20px 0 !important;
		}
		#footer .third {
			width: 100%;
			margin: 0 !important;
		}
		.pinkytoe {
			width: 100%;
			border-bottom: 20px solid #DCDCDC;
		}
		.bigtoe {
			width: 100%;
		}
		.copyright p {
			font-size: 11px;
		}
		
}



/* ================================================  LARGE MOBILE DEVICES AND SMALL TABLETS BELOW 799  ======================================= */


@media only screen 
and (min-width : 640px) 
and (max-width : 799px) 
{	



		/*----------- >  GENERAL AREA <----------- */
		
		
		.container {
			width: 580px;
			margin: auto;
		}
		
		
		.boxer article {
			float: none;
			width: 100%;
			padding-right: 0px;
			border-right: none;
		}
		.boxer aside {
			display: none;
		}
		
		.first {
			width: 100% !important;
		}
		
		.fourohfour {
			font-size: 230px;
			line-height: 235px;
		}
		.tagline h1 {
			font-size: 83px;
		}
		.touchcarousel {
			
		}
		.touchcarousel .arrow-holder.right {
			right: -21px !important;
		}
		
		.boxer h1 {
			font-size: 35px;
			line-height: 40px;
		}
				
		.under {
			font-size: 143px;
			line-height: 125px;
			letter-spacing: -13px;
		}
		
		.construction {
			font-size: 67px;
			line-height: 105px;
		    letter-spacing: -7px;
		    margin-top: -21px;
		}
		
		#countdown_dashboard {
			height: 110px;
			margin: 30px;
		}
		
		.dash {
			width: 45%;
			text-align: center;
			height: 144px;
			margin-bottom: 15px;
		}
		.dash:last-child {
			width: 93%;
			margin-right: 0;
			
		}
		
		.dash .digit {
			font-size: 55pt;
			font-weight: 100;
			font-family: 'Roboto-Light', 'Roboto-Light', sans-serif;
			float: left;
			width: 45px;
			text-align: center;
			color: #333;
			position: relative;
			letter-spacing: -15px;
		}
		
		.dash_title {
			display: block;
			bottom: 0px;
			right: 6px;
			font-size: 9pt;
			color: #555;
			text-transform: uppercase;
			letter-spacing: 2px;
		}
		.clock {
		    height: 49px;
		    padding: 47px 0 0 25px;
			text-align: center;
			position: relative;
		}
		.dash .clicker {
			width: 55px;
			margin-left: -15px;
		}

		.dash:last-child .dash_title {
			position: absolute;
			right: 40px;
			top: 34%;
			font-size: 20px;
		}

		.pricing_table .pricing_table_col > ul > li span.price {
			font-size: 35px;
		}

		/*----------- >  FEATURED AREA <----------- */

		.slide-major {
			max-width: 500px;
			top:15%;
			
		}
		
		#slidecaption .major {
			font-size: 40px; /*was 100*/
			letter-spacing: -4px;
		}
		
		
		.slidedescription {
			display: none;
		}
		.footprints {
			display: none;
		}
		#slidecaption .footprints li {
			width: 19%;
		}
		#slidecaption .footprints li a {
			font-size: 18px;
		}
		#nextslide {
			right: 0px;
			z-index: 9;
		}
		#prevslide {
			left: 0px;
			z-index: 9;
		}
		.touchcarousel .arrow-holder {
			top: 275px;
		}
		.touchcarousel .arrow-holder.left {
			left: 47% !important;
		}
		.touchcarousel .arrow-holder.right {
			right: 47% !important;
		}
		.marshallcontain .touchcarousel .arrow-holder.left {
			left: 5% !important;
		}
		.marshallcontain .arrow-holder.right {
			right: 5% !important;
		}
		/*----------- >  NAV AREA  <----------- */
		
		
		.navitem li {
			padding: 25px 15px;
		}
		
		.social-icons {
			display: none;
		}
		
		.dropmenu select { display: block; margin-top: 5px;  }
		.icon-menu { display: block; }
		.navitem { display: none; }
		
		
		/*----------- >  ABOUT US / ABOUT ME  AREA  <----------- */
		
		
		
		#about .container {
			width: 470px;
			margin: auto;
		}
		
		#about .container .five.columns:nth-child(6) {
			margin: 0 10px 20px 10px;
		}
		#about .container h1.heading {
			font-size: 40px;
			letter-spacing: -2px;
		}
		#aboutme {
			background:  #1C1F26 !important;
		}
		#aboutme .halfsies .galactus, .surfer {
			color: #fff;
		}
		.halfsies h1 {
			color: #949393;
		}
		.halfsies h2 {
			color: #949393;
		}
		
		
		.abouter {
			background: #1C1F26 !important;
		}
		.abouter .halfsies .galactus, .surfer {
			color: #fff;
		}

		.abouter .halfsies {
		    width: 500px !important;
		    padding: 0;
		    margin: 0 30px !important;
		}
		.abouter h1 {
			color: #949393;
		}
		.abouter h2 {
			color: #949393;
		}
		.ser {
			display: none;
		}
		
		.services:nth-child(n+5) {
			display: none;
		}
		.container .five.columns.silo {
			display: none;
		}
		
		.container .five.columns {
			width: 215px;
			margin-bottom: 10px;
		}
		.holdit {
			width: 478px !important
		}
		
		/*----------- >  PORTFOLIO  AREA  <----------- */
		
		#portfolio .portfolio {
			width: 580px;
			margin: auto;
		}
		
		.portfolio li h1 {
			padding: 80px 40px 0;
			font-size: 45px;
			line-height: 40px;
		}
		.portfolio li {
			margin: 10px 0 !important;
		}
		
		
		/*----------- >  BLOG  AREA  <----------- */
		
		
		
		.blogcontent {
			background: none repeat scroll 0 0 #FFFFFF;
		    height: 235px;
		    overflow: hidden;
		    padding: 0 60px;
		    width: 460px;
		    float: none !important;
		}
		.blogcontain {
			height: 245px;
			width: 655px;
		}
		.blogpiccontainer {
			height: 318px;
    		width: 580px;
    		float: none !important;
		}
		.blogpiccontainer img {
			width: 100%;
			
		}
		
		.blogolo h3 {
			font-size: 20px;
		}
		.aligner p {
			font-size: 14px;
		}
		.blogolo .bg {
			height: 245px !important;
    		position: relative;
    		top: 317px;
    		width: 580px !important;
		}
		.fuller .bg {
			width: 580px !important;
			height: 445px !important;
			top: 0;
		}
		.fuller .blogcontain {
			height: 415px
		}
		.blogolo .fuller {
			 height: 415px;
    		 padding: 0 100px;
    		 width: 380px;
		}
		.video-container iframe, .video-container object, .video-container embed {
			max-height: 318px;
		}
		
		
		.flex-direction-nav a {
			top: 30%;
		}
		
		.flex-direction-nav .flex-prev {
    		left: 450px;
    	}
    	.flex-direction-nav .flex-next {
    		right: 15px;
    		left: -30px !important;
    	}
		.flex-control-nav {
			right: 2px;
			top: 2%;
		}
		
		.lefty .flex-control-nav {
			left: 0;
    		top: 2%;
		}
		
		
		.flex-direction-nav .flex-prev {
			right: 550px;
		}
		
		.lefty .flex-direction-nav .flex-next {
			left: 28px;
		}
		
		.lefty .flex-direction-nav .flex-prev {
			left: 535px;
		}
		
		
		
		
		/*----------- >  OPTIONAL PARALLAX  AREA  <----------- */
		
		
		#parallax2 {
		    height: 925px !important;
		}
		.pattern {
		    height: 925px !important;
		}

		.leftmin p {
			max-height: 760px;
			overflow: hidden;
		}
		
		.rightmin .map {
    		height: 175px;
    	}
		.third h3, .seconded h3 {
			padding: 30px 15px 20px 15px;
		}
		
		.third {
			width: 100%;
			height:800px;
			float: none;
		}
		.seconded {
			width: 100%;
			float: none;
			margin: 15px 0 0 0;
		}
		.contact-container {
			padding-top: 25px;
		}
		
		#mapper {
			min-height: 1200px;
			overflow: hidden;
			background: #E2DFD9;
		}
		#mapper .map {
			margin-top: -180px;
		}

		#mapper .third {
			width: 100%;
		}
		#mapper .seconded {
			width: 100%;
		}
		
		#mapper .container {
			margin: auto auto auto -310px;
			bottom: 20px;
		}
		
		
		
		
		/*----------- > FOOTER  AREA  <----------- */
		
		
		.quoter {
			padding: 60px 50px 50px;
			font-size: 24px;
		}
		
		#tweetlings {
			padding: 75px 5px;
		}
		#tweetlings .container {
			width: 550px;
		}
		.tweet {
			margin: 7px 0 12px -10px;
		}
		
		.tweet_text, .tweet_list li a {
			font-size: 35px;
			line-height: 35px;
		}
		#footer .seconded {
			margin: 0 10px 20px 0 !important;
		}
		#footer .third {
			width: 100%;
			margin: 0 !important;
		}
		.pinkytoe {
			width: 100%;
			border-bottom: 20px solid #DCDCDC;
		}
		.bigtoe {
			width: 100%;
		}
		
}





/* ================================================  SLIGHTLY SMALLER RESOLUTIONS, BUT NOT QUITE IPHONE ======================================= */


@media only screen 
and (min-width : 800px) 
and (max-width : 854px) 
{	



		/*----------- >  GENERAL AREA <----------- */
		
		
		.container {
			width: 715px;
			margin: auto;
		}
		
		.boxer h1 {
			font-size: 45px;
		}
		.boxer article {
			float: none;
			width: 100%;
			padding-right: 0px;
			border-right: none;
		}
		.boxer aside {
			display: none;
		}
		
		.first {
			width: 100% !important;
		}
		
		.fourohfour {
			font-size: 280px;
			line-height: 285px;
		}
		
		
		.under {
			font-size: 183px;
			line-height: 150px;
		}
		.tagline h1 {
			font-size: 83px;
		}
		.touchcarousel {
			
		}
		.touchcarousel .arrow-holder.right {
			right: -21px !important;
		}
		
		.construction {
			font-size: 81px;
			line-height: 122px;
		    letter-spacing: -7px;
		    margin-top: -21px;
		}
		
		#countdown_dashboard {
			height: 110px;
			margin: 30px;
		}
		
		.dash {
			width: 16.5%;
			text-align: center;
			height: 114px;
		}
		
		.dash .digit {
			font-size: 30pt;
			font-weight: 100;
			font-family: 'Roboto-Light', 'Roboto-Light', sans-serif;
			float: left;
			width: 23px;
			text-align: center;
			color: #333;
			position: relative;
			letter-spacing: -15px;
		}
		
		.dash_title {
			display: block;
			bottom: 0px;
			right: 6px;
			font-size: 9pt;
			color: #555;
			text-transform: uppercase;
			letter-spacing: 2px;
		}
		.clock {
			height: 66px;
			padding: 18px 0 0 7px;
			text-align: center;
		}
		.dash .clicker {
			width: 55px;
			margin-left: -15px;
		}

		.pricing_table .pricing_table_col > ul > li span.price {
			font-size: 35px;
		}

		/*----------- >  FEATURED AREA <----------- */

		.slide-major {
			max-width: 600px;
			top:15%;
			
		}
		
		#slidecaption .major {
			font-size: 40px; /*was 100*/
			letter-spacing: -4px;
		}
		
		
		.slidedescription {
			display: none;
		}
		.footprints {
			display: none;
		}
		#slidecaption .footprints li {
			width: 19%;
		}
		#slidecaption .footprints li a {
			font-size: 18px;
		}
		#nextslide {
			right: 0px;
			z-index: 9;
		}
		#prevslide {
			left: 0px;
			z-index: 9;
		}
		.touchcarousel .arrow-holder {
			top: 275px;
		}
		.touchcarousel .arrow-holder.left {
			left: 47% !important;
		}
		.touchcarousel .arrow-holder.right {
			right: 47% !important;
		}
		.marshallcontain .touchcarousel .arrow-holder.left {
			left: 5% !important;
		}
		.marshallcontain .arrow-holder.right {
			right: 5% !important;
		}
		/*----------- >  NAV AREA  <----------- */
		
		
		.navitem li {
			padding: 25px 15px;
		}
		
		.social-icons {
			display: none;
		}
		
		.dropmenu select { display: block; margin-top: 5px;  }
		.icon-menu { display: block; }
		.navitem { display: none; }
		
		
		/*----------- >  ABOUT US / ABOUT ME  AREA  <----------- */
		
		
		
		#about .container {
			width: 715px;
			margin: auto;
		}
		
		#about .container .five.columns:nth-child(6) {
			margin: 0 10px 20px 10px;
		}
		#about .container h1.heading {
			font-size: 40px;
			letter-spacing: -2px;
		}
		#about .container .tem .five.columns {
			margin: 5px 10px !important;
		}
		.ser {
			display: none;
		}
		.container .five.columns.silo {
			display: none;
		}
		
		.container .five.columns {
			width: 215px;
			margin-bottom: 10px;
		}
		
		
		/*----------- >  PORTFOLIO  AREA  <----------- */
		
		#portfolio .portfolio {
			width: 580px;
			margin: auto;
		}
		
		.portfolio li h1 {
			padding: 80px 40px 0;
			font-size: 45px;
			line-height: 40px;
		}
		.portfolio li {
			margin: 10px 0 !important;
		}
		
		
		/*----------- >  BLOG  AREA  <----------- */
		
		
		
		.blogcontent {
			background: none repeat scroll 0 0 #FFFFFF;
		    height: 235px;
		    overflow: hidden;
		    padding: 0 60px;
		    width: 595px;
		    float: none !important;
		}
		.blogcontain {
			height: 245px;
			width: 655px;
		}
		.blogpiccontainer {
			height: 392px;
    		width: 715px;
    		float: none !important;
		}
		.blogpiccontainer img {
			width: 100%;
			
		}
		
		.blogolo h3 {
			font-size: 20px;
		}
		.aligner p {
			font-size: 14px;
		}
		.blogolo .bg {
			 height: 245px !important;
		    position: relative;
		    top: 392px;
		    width: 715px !important;
		}
		.fuller .bg {
			width: 715px !important;
			top: 0;
		}
		.fuller .blogcontain {
			height: 315px
		}
		.blogolo .fuller {
			 height: 315px;
    		 padding: 0 100px;
    		 width: 515px;
		}
		.video-container iframe, .video-container object, .video-container embed {
			max-height: 392px;
		}
		
		
		.flex-direction-nav a {
			top: 30%;
		}
		
		.flex-direction-nav .flex-prev {
    		left: 30px;
    	}
    	.flex-direction-nav .flex-next {
    		right: 15px;
    	}
		.flex-control-nav {
			right: -20px;
			top: 25%;
		}
		
		.lefty .flex-control-nav {
			left: -25px;
			top: 25%;
		}
		
		
		.flex-direction-nav .flex-prev {
			right: 550px;
		}
		
		.lefty .flex-direction-nav .flex-next {
			left: 28px;
		}
		
		.lefty .flex-direction-nav .flex-prev {
			left: 670px;
		}
		
		
		
		
		/*----------- >  OPTIONAL PARALLAX  AREA  <----------- */
		
		
		#parallax2 {
		    height: 800px !important;
		}
		
		.leftmin p {
			max-height: 400px;
			overflow: hidden;
		}
		
		.rightmin .map {
    		height: 175px;
    	}
		.third h3, .seconded h3 {
			padding: 30px 15px 20px 15px;
		}
		
		.third {
			width: 100%;
		}
		.seconded {
			width: 100%;
		}
		.contact-container {
			padding-top: 250px;
		}
		
		
		
		#mapper .third {
			width: 47%;
		}
		#mapper .seconded {
			width: 48%;
		}
		
		#mapper .container {
			margin: auto auto auto -365px
		}
		
		
		
		
		/*----------- > FOOTER  AREA  <----------- */
		
		
		.quoter {
			padding: 60px 50px 50px;
			font-size: 24px;
		}
		
		#tweetlings {
			padding: 95px 45px;
		}
		#footer .third {
			width: 340px;
		}
		.pinkytoe {
			width: 340px;
			border-bottom: 20px solid #DCDCDC;
		}
		.bigtoe {
			width: 321px;
		}
		
}





/* ================================================  LARGE PHONE SCREENS SMALLER RESOLUTIONS  ======================================= */


@media only screen 
and (min-width : 855px) 
and (max-width : 960px) 
{	



		/*----------- >  GENERAL AREA <----------- */
		
		
		.container {
			width: 100%;
			max-width: 900px;
			padding: 0 10px;
		}
		
		#basicpage .container {
			max-width: 820px;
		}
		.boxer h1 {
			font-size: 50px;
		}
		.boxer article {
			float: none;
			width: 100%;
			padding-right: 0px;
			border-right: none;
		}
		.boxer aside {
			display: none;
		}
		
		.first {
			width: 100% !important;
		}
		.tagline h1 {
			font-size: 83px;
		}
		.touchcarousel {
			
		}
		.touchcarousel .arrow-holder.right {
			right: 29px !important;
		}
		.fourohfour {
			font-size: 300px;
			line-height: 305px;
		}
		
		
		.under {
			font-size: 200px;
			line-height: 210px;
		}
		
		.construction {
			font-size: 88px;
			line-height: 122px;
		    letter-spacing: -7px;
		    margin-top: -40px;
		}
		
		#countdown_dashboard {
			height: 110px;
			margin: 30px;
		}
		
		.dash {
			width: 17.5%;
			text-align: center;
			height: 114px;
		}
		
		.dash .digit {
			font-size: 35pt;
			font-weight: 100;
			font-family: 'Roboto-Light', 'Roboto-Light', sans-serif;
			float: left;
			width: 35px;
			text-align: center;
			color: #333;
			position: relative;
			letter-spacing: -15px;
		}
		
		.dash_title {
			display: block;
			bottom: 0px;
			right: 6px;
			font-size: 9pt;
			color: #555;
			text-transform: uppercase;
			letter-spacing: 2px;
		}
		.clock {
			height: 66px;
			padding: 18px 0 0 7px;
			text-align: center;
		}
		.dash .clicker {
			width: 55px;
			margin-left: -15px;
		}



		/*----------- >  FEATURED AREA <----------- */

		.slide-major {
			max-width: 600px;
			top:15%;
			
		}
		
		#slidecaption .major {
			font-size: 40px; /*was 100*/
			letter-spacing: -4px;
		}
		
		
		.slidedescription {
			font-size: 30px;
			letter-spacing: -0.8px;
			line-height: 30px;
		}
		.footprints {
			display: none;
		}
		#slidecaption .footprints li {
			width: 19%;
		}
		#slidecaption .footprints li a {
			font-size: 18px;
		}
		#nextslide {
			right: 0px;
		}
		#prevslide {
			left: 0px;
		}
		
		/*----------- >  NAV AREA  <----------- */
		
		
		.navitem li {
			padding: 25px 15px;
		}
		
		.social-icons {
			display: none;
		}
		
		.dropmenu select { display: block; margin-top: 5px;  }
		.icon-menu { display: block; }
		.navitem { display: none; }
		
		
		/*----------- >  ABOUT US / ABOUT ME  AREA  <----------- */
		
		
		
		#about .container h1.heading {
			font-size: 45px;
			letter-spacing: -2px;
		}
		
		.services:nth-child(n+5) {
			display: none;
		}
		
		
		.container .five.columns {
			width: 205px;
			margin-bottom: 10px;
		}
		.container .five.columns.silo {
			display: none;
		}
		#about .container .tem .five.columns {
			margin: 5px 10px !important;
		}
		.ser {
			display: none;
		}
		
		/*----------- >  PORTFOLIO  AREA  <----------- */
		
		.portfolio li {
			width: 440px;
			height: 259px; /*489px;*/
		}
		
		.portfolio li img {
			width: 440px;
		}
		
		.portfolio li h1 {
			padding: 80px 40px 0;
			font-size: 45px;
			line-height: 40px;
		}
		
		
		
		/*----------- >  BLOG  AREA  <----------- */
		
		
		
		.blogcontent {
			background: none repeat scroll 0 0 #FFFFFF;
		    height: 295px;
		    overflow: hidden;
		    padding: 0 30px;
		    width: 300px;
		}
		.blogcontain {
			height: 296px;
		}
		.blogpiccontainer {
			width: 540px;
			height: 296px;
		}
		.blogpiccontainer img {
			width: 100%;
			
		}
		
		.blogolo h3 {
			font-size: 20px;
		}
		.aligner p {
			font-size: 14px;
		}
		.blogolo .bg {
			height: 295px !important;
			width: 360px !important;
		}
		.fuller .bg {
			width: 900px !important;
		}
		.blogolo .fuller {
			padding: 0 100px;
    		width: 700px;
		}
		.video-container iframe, .video-container object, .video-container embed {
			max-height: 296px;
		}
		
		
		.flex-control-nav {
			right: 3px;
		}
		
		.lefty .flex-control-nav {
			left: 1px;
		}
		
		
		.flex-direction-nav .flex-prev {
			right: 550px;
		}
		
		.lefty .flex-direction-nav .flex-next {
			left: 28px;
		}
		
		.lefty .flex-direction-nav .flex-prev {
			left: 565px;
		}
		
		
		
		
		/*----------- >  OPTIONAL PARALLAX  AREA  <----------- */
		
		
		#parallax2 {
		    height: 705px !important;
		}
		
		.leftmin p {
			max-height: 260px;
			overflow: hidden;
		}
		
		.rightmin .map {
    		height: 175px;
    	}
		.third h3, .seconded h3 {
			padding: 30px 15px 20px 15px;
		}
		
		.third {
			width: 100%;
		}
		.seconded {
			width: 100%;
		}
		.contact-container {
			padding-top: 250px;
		}
		
		
		
		#mapper .third {
			width: 49%;
		}
		#mapper .seconded {
			width: 48%;
		}
		
		#mapper .container {
			margin: auto auto auto -465px
		}
		
		
		
		
		/*----------- > FOOTER  AREA  <----------- */
		
		#footer .third {
			width: 440px;
		}
		.pinkytoe {
			width: 440px;
			border-bottom: 20px solid #DCDCDC;
		}
		.bigtoe {
			width: 421px;
		}
		
}



/* ================================================  IPADS AT LANDSCAPE WIDTH 1024  ======================================= */


@media only screen 
and (min-width : 961px) 
and (max-width : 1024px) 
{	



		/*----------- >  GENERAL AREA <----------- */
		
		
		.container {
			width: 100%;
			max-width: 980px;
			padding: 0;
		}
		
		#basicpage .container {
			max-width: 920px;
		}
		
		.boxer article {
			float: none;
			width: 100%;
			padding-right: 0px;
			border-right: none;
		}
		.boxer aside {
			display: none;
		}
		.fourohfour {
			font-size: 360px;
			line-height: 345px;
		}
		
		.under {
			font-size: 230px;
			line-height: 245px;
		}
		
		.construction {
			font-size: 100px;
			line-height: 134px;
		    letter-spacing: -7px;
		    margin-top: -40px;
		}
		
		#countdown_dashboard {
			height: 110px;
			margin: 30px;
		}
		
		.dash {
			width: 17.5%;
			text-align: center;
			height: 114px;
		}
		
		.dash .digit {
			font-size: 35pt;
			font-weight: 100;
			font-family: 'Roboto-Light', 'Roboto-Light', sans-serif;
			float: left;
			width: 35px;
			text-align: center;
			color: #333;
			position: relative;
			letter-spacing: -15px;
		}
		
		.dash_title {
			display: block;
			bottom: 0px;
			right: 6px;
			font-size: 9pt;
			color: #555;
			text-transform: uppercase;
			letter-spacing: 2px;
		}
		.clock {
			height: 66px;
			padding: 18px 0 0 12px;
			text-align: center;
		}
		.dash .clicker {
			width: 55px;
			margin-left: -15px;
		}
		
		
		/*----------- >  FEATURED AREA <----------- */

		.slide-major {
			max-width: 850px;
			top:15%;
			
		}
		
		#slidecaption .major {
			font-size: 50px; /*was 180*/
		}
		
		
		.slidedescription {
			letter-spacing: .5px;
			font-size: 30px;
			line-height: 28px;
			padding: 30px 0 0 0;
		}
		#slidecaption .footprints li {
			width: 19%;
		}
		#slidecaption .footprints li a {
			font-size: 18px;
		}
		
		
		
		/*----------- >  NAV AREA  <----------- */
		
		
		.navitem li {
			padding: 25px 15px;
		}
		
		.social-icons {
			display: none;
		}
		
		
		/*----------- >  ABOUT US / ABOUT ME  AREA  <----------- */
		
		
		
		#about .container .five.columns:nth-child(6) {
			margin: 0 10px 20px 10px;
		}
		#about .container h1.heading {
			font-size: 47px;
			letter-spacing: -2px;
		}
		
		.services:nth-child(n+5) {
			display: none;
		}
		
		
		
		
		/*----------- >  PORTFOLIO  AREA  <----------- */
		
		.portfolio li {
			width: 480px;
			height: 284px; /*530px;*/
		}
		
		.portfolio li img {
			width: 480px;
		}
		
		.portfolio li h1 {
			padding: 80px 40px 0;
			font-size: 45px;
			line-height: 40px;
		}
		
		
		
		/*----------- >  BLOG  AREA  <----------- */
		
		
		
		.blogcontent {
			background: none repeat scroll 0 0 #FFFFFF;
		    height: 328px;
		    overflow: hidden;
		    padding: 0 30px;
		    width: 320px;
		}
		.blogcontain {
			height: 329px;
		}
		.blogpiccontainer {
			width: 600px;
			height: 329px;
		}
		.blogpiccontainer img {
			width: 100%;
			
		}
		
		.blogolo .bg {
			height: 328px !important;
			width: 360px !important;
		}
		.fuller .bg {
			width: 980px !important;
		}
		.blogolo .fuller {
			padding: 0 150px;
    		width: 680px;
		}
		.video-container iframe, .video-container object, .video-container embed {
			max-height: 329px;
		}
		
		
		.flex-control-nav {
			right: 3px;
		}
		
		.lefty .flex-control-nav {
			left: 1px;
		}
		
		
		.flex-direction-nav .flex-prev {
			right: 550px;
		}
		
		.lefty .flex-direction-nav .flex-next {
			left: 28px;
		}
		
		.lefty .flex-direction-nav .flex-prev {
			left: 565px;
		}
		
		
		
		
		/*----------- >  OPTIONAL PARALLAX  AREA  <----------- */
		
		
		#parallax2 {
		    height: 770px !important;
		}
		
		.third {
			width: 100%;
		}
		
		.contact-container {
			padding-top: 250px;
		}
		
		
		
		#mapper .third{
			width: 50%;
		}
		
		#mapper .container {
			margin: auto auto auto -485px
		}
		
		
		
		
		/*----------- > FOOTER  AREA  <----------- */
		
		.pinkytoe {
			width: 489px;
			border-bottom: 20px solid #DCDCDC;
		}
		
}


/* ================================================  FIRST STAGE LARGER THAN 1024PX UP TO LARGER BROWSERS  ======================================= */



@media only screen 
and (min-width : 1025px) 
and (max-width : 1223px) 
{		
		
		
		
		
		/*----------- >  GENERAL AREA <----------- */
		
		
		.container {
			width: 100%;
			max-width: 980px;
			padding: 0;
		}
		
		
		
		.boxer article {
			float: left;
			width: 415px;
			padding-right: 40px;
			border-right: 1px solid #E6E6E6;
		}
		.boxer aside {
			float: right;
			width: 215px;
			padding-left: 40px;
		}

		.boxer blockquote {
			font-size: 25px;
		}
			
		.fourohfour {
			font-size: 420px;
			line-height: 425px;
		}
		
		.under {
			font-size: 243px;
			line-height: 255px;
		}
		
		.construction {
			font-size: 107px;
			line-height: 134px;
		    letter-spacing: -7px;
		    margin-top: -40px;
		}
		
		#countdown_dashboard {
			height: 110px;
			margin: 30px;
		}
		
		.dash {
			width: 17.5%;
			text-align: center;
			height: 114px;
		}
		
		.dash .digit {
			font-size: 35pt;
			font-weight: 100;
			font-family: 'Roboto-Light', 'Roboto-Light', sans-serif;
			float: left;
			width: 35px;
			text-align: center;
			color: #333;
			position: relative;
			letter-spacing: -15px;
		}
		
		.dash_title {
			display: block;
			bottom: 0px;
			right: 6px;
			font-size: 9pt;
			color: #555;
			text-transform: uppercase;
			letter-spacing: 2px;
		}
		.clock {
			height: 66px;
			padding: 18px 0 0 18px;
			text-align: center;
		}
		.dash .clicker {
			width: 55px;
			margin-left: -15px;
		}	
				
		
		/*----------- >  FEATURED AREA <----------- */

		.slide-major {
			max-width: 850px;
			top:15%;
			
		}
		
		#slidecaption .major {
			font-size: 50px; /*was 180*/
		}
		
		
		.slidedescription {
			letter-spacing: .5px;
			font-size: 30px;
			line-height: 28px;
			padding: 30px 0 0 0;
		}
		#slidecaption .footprints li {
			width: 19%;
		}
		#slidecaption .footprints li a {
			font-size: 18px;
		}
		
		
		
		/*----------- >  NAV AREA  <----------- */
		
		
		.navitem li {
			padding: 25px 15px;
		}
		
		.social-icons {
			display: none;
		}
		
		
		/*----------- >  ABOUT US / ABOUT ME  AREA  <----------- */
		
		
		
		#about .container .five.columns:nth-child(6) {
			margin: 0 10px 20px 10px;
		}
		#about .container h1.heading {
			font-size: 47px;
			letter-spacing: -2px;
		}
		
		.services:nth-child(n+5) {
			display: none;
		}
		#about .container .tem .five.columns:nth-child(4)         { margin: 0 10px 20px 10px}
     	#about .container .tem .five.columns:nth-child(8)         { margin: 0 10px 20px 10px}
     	#about .container .tem .five.columns:nth-child(12)         { margin: 0 10px 20px 10px}
     	#about .container .tem .five.columns:nth-child(16)         { margin: 0 10px 20px 10px}
     	#about .container .tem .five.columns:nth-child(20)         { margin: 0 10px 20px 10px}
     	#about .container .tem .five.columns:nth-child(24)         { margin: 0 10px 20px 10px;}
     	#about .container .tem .five.columns:nth-child(28)         { margin: 0 10px 20px 10px}
     	#about .container .tem .five.columns:nth-child(32)         { margin: 0 0 20px 10px;}
     	#about .container .tem .five.columns:nth-child(36)         { margin: 0 10px 20px 10px}
     
    	#about .container .ser .five.columns:first-child         { margin: 0 10px 20px 0px;}
    	#about .container .ser .five.columns:nth-child(5)         { margin: 0 0 20px 10px;}
		
		
		
		/*----------- >  PORTFOLIO  AREA  <----------- */
		
		.portfolio li {
			width: 480px;
			height: 284px; /*530px;*/
		}
		
		.portfolio li img {
			width: 480px;
		}
		
		.portfolio li h1 {
			padding: 80px 40px 0;
			font-size: 45px;
			line-height: 40px;
		}
		
		
		
		/*----------- >  BLOG  AREA  <----------- */
		
		
		
		.blogcontent {
			background: none repeat scroll 0 0 #FFFFFF;
		    height: 328px;
		    overflow: hidden;
		    padding: 0 30px;
		    width: 320px;
		}
		.blogcontain {
			height: 329px;
		}
		.blogpiccontainer {
			width: 600px;
			height: 329px;
		}
		.blogpiccontainer img {
			width: 100%;
			
		}
		
		.blogolo .bg {
			height: 328px !important;
			width: 360px !important;
		}
		.fuller .bg {
			width: 980px !important;
		}
		.blogolo .fuller {
			padding: 0 150px;
    		width: 680px;
		}
		.video-container iframe, .video-container object, .video-container embed {
			max-height: 329px;
		}
		
		
		.flex-control-nav {
			right: 3px;
		}
		
		.lefty .flex-control-nav {
			left: 1px;
		}
		
		
		.flex-direction-nav .flex-prev {
			right: 550px;
		}
		
		.lefty .flex-direction-nav .flex-next {
			left: 28px;
		}
		
		.lefty .flex-direction-nav .flex-prev {
			left: 565px;
		}
		
		
		
		
		/*----------- >  OPTIONAL PARALLAX  AREA  <----------- */
		
		
		#parallax2 {
		    height: 770px !important;
		}
		
		.third {
			width: 100%;
		}
		
		.contact-container {
			padding-top: 250px;
		}
		
		
		
		#mapper .third{
			width: 50%;
		}
		
		#mapper .container {
			margin: auto auto auto -485px
		}
		
		
		
		
		/*----------- > FOOTER  AREA  <----------- */
		
		.pinkytoe {
			width: 489px;
			border-bottom: 20px solid #DCDCDC;
		}
		
}



/* #Narrow Screen, Below 1400px (Portrait)
================================================== */

    /* Note: Design for a width of 768px */



@media only screen 
and (min-width : 1224px) 
and (max-width : 1300px) 
{
	.social-icons {
		display: none;
	}


}
	

@media only screen 
and (min-width : 1224px) 
and (max-width : 1399px) 
{



		#tweetlings {
			padding: 95px 0;
		}
		.slide-major {
			max-width: 900px;
			top: 13%;
		}

		#slidecaption .major {
			font-size: 50px; /*was 180*/
		}
		
		
		.slidedescription {
			letter-spacing: .5px;
			font-size: 30px;
			line-height: 28px;
			padding: 30px 0 0 0;
		}
		#slidecaption .footprints li {
			width: 19%;
		}
		#slidecaption .footprints li a {
			font-size: 18px;
		}
}
	
	
	


@media only screen and (min-width: 1400px) and (max-width: 1450px) {
		
		
		/*----------- >  FEATURED AREA <----------- */

		.slide-major {
			max-width: 1000px;
			top:15%;
			
		}
		
		#slidecaption .major {
			font-size: 50px; /*was 180*/
		}
		
		
		
		.slidedescription {
			letter-spacing: .5px;
			font-size: 30px;
			line-height: 28px;
			padding: 30px 0 0 0;
		}
		
		
		/*----------- >  NAV AREA  <----------- */
		
		
		.navitem li {
			padding: 25px;
		}
}


@media only screen and (min-width: 1400px) {
                nav .container,
                #homepage .container,
                #homepage .container
                .sixteen.columns
                { width: 96%; }

                nav .four.columns { float: right; }
                .slider-text { width: 100%; }
                .line { width: 180px; }
                
                #parallax1, #parallax2, #parallax3,
                #parallax1 .vertical-text, #parallax2 .vertical-text,
                #parallax3 .vertical-text, #parallax1 .pattern,
                #parallax2 .pattern, #parallax3 .pattern
                { height: 600px; }
                
                #prevslide, #nextslide{ position:absolute; height:30px; width:30px; top:210px; margin-top:-21px; opacity:0.6; }
                .bg1, .bg2, .bg3 { background-size: 100%; }
                
               
		

                
    }