/*	HERE BE STYLES FOR THE TABLET LAYOUT.
    For your iPads and that, and the poor souls that bought a Blackberry PlayBlook.  */
    
@media only screen and (min-width: 768px) and (max-width: 991px) { 
    	
	/* ---
	 General Layout Tweaks and Constraints 
	 --- */ 
	
	div.limiter { width: 700px; }
 	div#container { width: 740px; }
 	header { width: 700px; }
 	header nav ul li a:active, header nav ul li a:link, header nav ul li a:visited {font-size: 1.8em; }
 
    div.one-col, section.one-col { width: 225px; float: left;}
	div.two-col, section.two-col { width: 430px; }
	div.three-col, section.three-col { width: 700px; }
	section.split-col, div.split-col { width: 330px; }
 	section.split-col.no-margin, div.split-col.no-margin { width: 330px; }
	ul.tabbed-nav li a { width: 225px; }
 
    section#about-hedgehog { margin: 0 0 25px 0;}
    section#about-hedgehog div#mobile-ad { margin: 0 0 25px 20px;}
	section#about-hedgehog div#hedgehog-blurb { width: 370px; float: left; margin: 0 0 0 35px; }
	section#about-hedgehog div#hedgehog-blurb h2 { font-size: 22px; line-height: 24px; }
	section#about-hedgehog div#hedgehog-blurb h3 { display: none; }

	section#products { width: 700px; }
	section#products div#product-blurb { width: 290px; }
	section#products div.product-box { width: 190px; }
	section#products div.product-box div.product-image { margin: 0 10px 0 0; }
	section#products div.product-box div.product-image img { width: 40px; height: 40px; }
	section#products div.product-box a.more-button { margin: 0; }

	footer div.col { width: 100px; }
	footer div#contact-col { width: 270px; }
	footer span.adr { display: block; }
	
	
	/* --- stops navigation dropping behind the hero image --- */ 

	header nav ul li {
		margin-left: 20px;
	}
	
		
	/* --- jon - makes the seo and membership parts of the footer work --- */ 
	 	 
	#hedgehog-blurb {
	padding-bottom: 20px;
	}
	
	footer #tertiary-left {
	width: 55%;
	margin: -73px 0 0 0;
	}

	footer #tertiary-right {
	width: 44%;
	}
	
	footer #tertiary-right ul li {
	padding: 0 13px 0 0;
	}
	
	footer #tertiary-right ul li:last-child {
	padding: 0 0 0 5px;
	}
	
	/* --- client logos ---*/
	
	/*#client_logos ul {
	margin:0;
	padding: 18px 0 15px 0;
	}*/

	footer #client_logos ul li {
	margin-right: 22px;
	}

	footer #client_logos ul li:first-child {
	margin-right: 13px;
	}

	footer #client_logos ul li:last-child {
	margin-right: 0;
	}


    div.game-banner { width: 700px;}
	div.secondary-content { height: 230px; }
	div.featured-project { width: 204px; height: 160px; }
	div.featured-project img { width: 175px; }
	p.blog-title:nth-child(2n+1), p.blog-excerpt:nth-child(2n+1), p.blog-meta:nth-child(2n+1) { display: none; }

	div.team-holder { width: 205px; height: 160px; }
	div.team-holder p { font-size: 12px; }
	div.team-holder.last { float: left; width: 175px; height: 220px; } 
	div.team-holder img { width: 175px; }

    ul.column { width: 100px; margin: 0 30px 0 0;}
	ul#filter { background: none; width: 700px; height: 70px; }
	ul#filter li { background: rgba(0,0,0,0.4); height: 30px; line-height: 30px; margin: 0 10px 10px 0; border-radius: 4px; -moz-border-radius: 4px; }
	ul#filter li:first-child { margin-left: 0; }
	ul#work { width: 780px; }
	ul#work li { width: 220px; } 
	div.work-holder { width: 220px; height: 160px; }
	div.work-holder img { width: 190px; }
	
	div.blog-filters { width: 210px; }
	div.get-in-touch { width: 215px; margin: 0 0 25px 0; }
	div.contact-block { width: 215px; }
	div.product-block img { display: none; }
	div.product-block div.product-desc { width: 290px;}
  
    div.quote-holder { width: 400px; height: auto;}
    div.quote-holder.last { margin: 0 0 25px 0;}
  
    div.download-fixx a#download { padding: 5px; top: 68px; right: 7px;}
	div.tour-bar ul li { width: 135px; }
	div.tour-bar ul li.current a { width: 117px; }
	div.tour-block { height: auto; margin: 0 0 20px 0; } 
	div.tour-block div.screenshots img.full { width: 300px; }
	div.tour-block div.screenshots img.thumb { width: 96px; }
	div.tour-block h2 { font-size: 24px; line-height: 27px; }
	div.tour-block p.leading-text { font-size: 16px; line-height: 18px; }

    div.form-holder.thin { width: 400px;}
    fieldset span.field { width: 400px;}
    fieldset span.field input { width: 330px;}
    span.id_country select { width: 345px;}

    div.licence-list.fixx-licence { height: 100px;}
    div.licence-list.solomon-licence { height: 110px;}
    div.licence-list.fixx-licence ul.actions { top: 90px; right: 10px; }
    div.licence-list.solomon-licence ul.actions { top: 100px; right: 10px; }

    div.game-banner { display: block; clear: both; margin: 0 0 20px 0; width: 700px; height: 275px;}
    div.game-banner.boomboxes { background: url(../images/games-boom-ipad.png) no-repeat; position: relative;}
    div.game-banner.boomboxes a { background: url(../images/games-bb-button.png) no-repeat; display: block; height: 38px; width: 174px;
                            text-indent: -99999px; position: absolute; bottom: 23px; right: 100px;}  
    div.game-banner.epic-dive { background: url(../images/games-ed-ipad.png) no-repeat; position: relative;}
    div.game-banner.epic-dive a { background: url(../images/games-ed-button.png) no-repeat; display: block; height: 38px; width: 174px;
                            text-indent: -99999px; position: absolute; bottom: 30px; right: 200px;}
                            
	/* ---
    jQuery Sliders (Home Page, Portfolio, Product and About Page)
	 --- */                        

    .coda-slider, .coda-slider .panel { width: 700px; }
    
 	div#hero { width: 700px; }
 	div#hero div.hero-image img { width: 300px; margin: 30px 0 0 0;}
 	div#hero.about div.hero-image img { width: auto; margin: 0;}
 	div#hero.about img.about-image { padding: 0;}
 	
 	div#hero div.hero-body p.checks { padding: 0; }
 	div#hero div.hero-body p.checks span.checkbox { display: inline; font-size: 0.9em; margin: 0 20px 0 0;}
	div#hero div.hero-body p.view-more.padded, div#hero div.hero-body p.view-more.grainger { display: none; }
 	div#hero .coda-slider .hero-body .app-button { font-size: 11px; line-height: 13px; padding: 4px; } 
	div#hero .coda-slider .hero-body h2.title { font-size: 30px; line-height: 33px; }
	div#hero .coda-slider .hero-body p.description { font-size: 15px; line-height: 18px; }

	div#hero div.hero-body.padded h2 { font-size: 30px; line-height: 33px; }
 	div#hero .hero-body.padded .app-button { font-size: 11px; line-height: 13px; padding: 4px; }
	div#hero .hero-body.padded p.description { font-size: 15px; line-height: 18px; margin: 0; }
	div#hero .coda-slider .hero-body a.blue-button { height: 28px; line-height: 28px; }
	.coda-slider-wrapper-2 .coda-nav ul { width: 700px !important; }
 	.coda-slider-wrapper-2 .coda-nav ul li a { width: 115px; margin: 0 10px 0 0; overflow: hidden; }
  
    }

/*	HERE BE STYLES FOR THE PORTRAIT IPHONE / NORMAL MOBILE DEVICES.
    THIS WILL PROBABLY BREAK. */
	
@media only screen and (max-width: 480px) {
	
	/* ---
	 General Layout Tweaks and Constraints 
	 --- */
	 
	body { font-size: 14px; line-height: 17px; width: 340px; overflow: hidden; }
	div#container { width: 340px;}
	h2 { line-height: 1.2;}
	
    div#top-nav { height: auto; overflow: hidden;}
    div#top-nav span.chat { display: block; float: none; margin: 0 0 0 50px;}
    div#top-nav ul#upper-nav { float: left; margin: 0 0 10px 0; width: 300px; } 
    div#top-nav ul#upper-nav li {  display: block; float: left; margin: 0 0 0 25px;}
    div#top-nav ul#upper-nav li a { text-decoration: underline;}
	
	a.more-button { width: 106px;}
    
    header { 
	width: 340px; 
	margin: 0 8px; 
	height: 210px;
	} 
	
	#portfolio {
	clear: left;
	}
	
    header h1 a { float: none; margin: 30px 0 30px 50px;}
    header nav ul { float: none; }
    header nav ul li { width: 290px; background: rgba(0,0,0,0.3); border-radius: 4px; -moz-border-radius: 4px; margin: 0 0 15px 10px; text-align: center;}
    header nav ul li a span { display: inline; font-size: 1em;}
    header nav ul li a:link, header nav ul li a:active, header nav ul li a:visited  { font-size: 18px; }
    
	section#about-hedgehog { margin: 30px 20px;}
	section#about-hedgehog div#mobile-ad, section#about-hedgehog div#hedgehog-blurb { float: none;}
	section#about-hedgehog div#mobile-ad { height: 180px; margin: 0 0 20px 0;}
	section#about-hedgehog div#hedgehog-blurb { width: 300px; }
	section#about-hedgehog div#hedgehog-blurb h3 { line-height: 22px;}
    section#about-hedgehog h2, section#products h2 { line-height: 1.2;}
	
	section#products { background: none; padding: 0; width: 300px; margin: 0 20px;}
	section#products div#product-blurb { float: none; width: 300px;}
	section#products div.product-box { float: none; width: 300px;}
	
	div.secondary-content { height: auto; width: 300px; margin: 0 20px; font-size: 15px; line-height: 18px;}
	div.secondary-content div.one-col { margin: 0;}
	div.secondary-content div.two-col { margin: 0;}
	div.secondary-content h3 { margin: 0;}
	div.featured-project, div.featured-project.last { float: none; margin: 20px 0; }
	
	div.one-col, section.one-col { clear: both; float: none;  width: 300px; margin: 0 20px 30px 20px;}
	div.two-col, section.two-col { float: none; width: 300px; margin: 0 20px;}
	div.three-col, section.three-col { width: 700px; }
	section.three-col { margin: 0 20px; width: 300px;}
	section.split-col, div.split-col { float: none; width: 300px; margin: 0 20px 20px 20px; }
 	section.split-col.no-margin, div.split-col.no-margin { width: 300px; margin: 0 20px; }
	ul.tabbed-nav li a { width: 290px; }
	
	ul#filter { display: none;}
	ul#filter li { background: rgba(0,0,0,0.4); height: 30px; line-height: 30px; margin: 0 10px 10px 0; border-radius: 4px; -moz-border-radius: 4px; }
	ul#filter li:first-child { margin-left: 0; }
	ul#work { width: 300px; margin: 0 20px; }
	ul#work li { width: 220px; } 
	div.work-holder { width: 300px; height: 220px; }
	div.work-holder img { width: 270px; }
	
	h2.title { margin: 0;}
	div.tour-bar { width: auto; background: none; margin: 10px 0 20px 0;} 
	div.tour-bar ul { margin: 0 auto; width: 190px;}
	div.tour-bar ul li { background: rgba(0,0,0,0.3); margin: 0 20px 10px 0; clear: both; width: 190px; height: 40px; -moz-border-radius: 4px; border-radius: 4px;}
	div.tour-bar ul li.current {  background: rgba(0,0,0,0.3); width: 190px; height: 40px; }
	div.tour-bar ul li a { background: none; }
	div.tour-bar ul li.current a { background: none; }

	div.tour-block { height: auto; margin: 0 0 20px 0; clear: both; }
	div.tour-block h2 { font-size: 32px; line-height: 35px; }
	div.tour-block span.magnify{ background: url(../images/magnify-icon.png) no-repeat left center; padding: 30px 30px 30px 25px; font-size: 12px; 
								 font-family: 'ProximaNovaSemibold'; text-transform: uppercase; }
	div.screenshots .alignleft.full { float: none; width: 300px; margin: 0;}
	div.screenshots img { border: 1px solid rgba(0,0,0,0.4); } 
	div.screenshot-thumbs.left { margin: 0 20px 0 25px; }
	div.screenshot-thumbs img{ display: none; }
	div.screenshots .alignright.full { float: none; width: 300px;}
	div.screenshot-thumbs.right { float: right; margin: 0 20px 0 20px; }
	
	div.product-block img { display: none; }
	
	div.game-banner { display: block; clear: both; margin: 0 0 20px 10px; width: 320px; height: 375px;}
    div.game-banner.boomboxes { background: url(../images/games-bb-iphone.png) no-repeat; position: relative;}
    div.game-banner.boomboxes a { background: url(../images/games-bb-button.png) no-repeat; display: block; height: 38px; width: 174px;
                                  text-indent: -99999px; position: absolute; bottom: 18px; right: 80px;}  
    div.game-banner.epic-dive { background: url(../images/games-ed-iphone.png) no-repeat; position: relative;}
    div.game-banner.epic-dive a { background: url(../images/games-ed-button.png) no-repeat; display: block; height: 38px; width: 174px;
                                  text-indent: -99999px; position: absolute; bottom: 30px; right: 80px;}
                                  
	div.blog-connect a.comments { background: rgba(0,0,0,0.4); padding: 5px;}
	
	/* ---
    jQuery Sliders (Home Page, Portfolio, Product and About Page)
	 --- */                        

		
    div#hero div.hero-image { width: 300px; float: none;}
    div#hero div.hero-image img { display: block; width: 240px; margin: 0 auto;}
    div#hero div.hero-body { width: 260px; padding: 0; }
    div#hero div.hero-body h2 { font-size: 2.3em;}
    div#hero div.hero-body p.description { font-size: 1em;}
    div#hero div.hero-body.padded { width: 260px; padding: 20px; }

    .coda-slider, .coda-slider .panel { height: auto; }
    div#hero div.coda-slider-wrapper { padding: 0; height: auto;}
    div#hero div.coda-slider-wrapper div#coda-slider-nav { bottom: 0;}
    div.coda-nav { height: 0;}
    .coda-slider .panel-wrapper { padding: 20px 20px 20px 20px;}

    div#hero.portfolio { width: 300px; height: 490px;}
    div#hero.portfolio div.hero-image { width: 300px; height: 180px; float: right;}
    div#hero.portfolio div.hero-image img { display: block; width: 240px; margin: 0 auto;}
    div#hero.portfolio div.hero-body { width: 260px; padding: 0 0; }
    div#hero.portfolio div.hero-body h2 { font-size: 2.3em;}
    div#hero.portfolio div.hero-body p.description { font-size: 1em;} 
    div#hero.portfolio div.hero-body.padded { width: 260px; padding: 20px; }
    div#hero.portfolio div.coda-nav-right, div#hero.portfolio div.coda-nav-left { position: absolute; top: 460px;}
    div#hero.portfolio .coda-slider-wrapper-3 .coda-nav ul { top: 460px;}

    div#hero.about { height: 545px;}
    div#hero.about div.coda-slider-wrapper-2 div.coda-nav { display: none; }

    div#hero.product { width: 300px; height: 490px;}
    div#hero.product div.hero-image { width: 300px; height: 180px; float: right;}
    div#hero.product div.hero-image img { display: block; width: 240px; margin: 0 auto;}
    div#hero.product div.hero-body { width: 260px; padding: 0 0; }
    div#hero.product div.hero-body h2 { font-size: 2.3em;}
    div#hero.product div.hero-body p.description { font-size: 1em;} 
    div#hero.product div.hero-body.padded { width: 260px; padding: 20px; }
    div#hero.product div.coda-nav-right, div#hero.product div.coda-nav-left { position: absolute; top: 460px;}
    div#hero.product .coda-slider-wrapper-3 .coda-nav ul { top: 460px;}
    
	blockquote { float: none; margin: 20px 30px;}
	footer { display: none;}
	
	div#hero { 
	width: 300px; 
	height: auto;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
	}
	
	div#hero div.hero-image img {
    width: 270px;
	padding: 0 0 3px 0;
	margin: 0;
	}
	
	.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
	
	div#hero a.blue-button {
	margin-bottom: 30px;
	}
	
	ul.tabbed-nav {
	margin-top: 15px;
	}
    
	}

/*	HERE BE STYLES FOR THE LANDSCAPE IPHONE / WIDE MOBILE DEVICES.
    PLEASE DON'T BREAK ME.  */

@media only screen and (min-width: 480px) and (max-width: 767px) {
	
	/* ---
	 General Layout Tweaks and Constraints 
	 --- */
	 
	body { width: 480px; overflow: hidden; -webkit-text-size-adjust:none; }
	h2 { line-height: 1.2;}
	a.more-button { width: 110px;}
	div#container { width: 480px;}

    div#top-nav { height: auto; overflow: hidden;}
    div#top-nav span.chat { display: block; float: none; margin: 0 0 0 130px;}
    div#top-nav ul#upper-nav { float: left; margin: 0 0 10px 0; width: 480px; } 
    div#top-nav ul#upper-nav li {  display: block; float: left; margin: 0 0 0 25px;}
    div#top-nav ul#upper-nav li a { text-decoration: underline;}
    
	header { width: 480px; margin: 0; height: 150px;} 
	header h1 a { float: none; margin: 30px 0 30px 120px;}
	header nav ul { float: none; margin: 0 0 0 20px; }
	header nav ul li { width: auto; background: rgba(0,0,0,0.3); border-radius: 4px; -moz-border-radius: 4px; margin: 0 15px 0 0; text-align: center;}
	header nav ul li a:link, header nav ul li a:active, header nav ul li a:visited  { font-size: 18px; }
	
	section#about-hedgehog { margin: 30px 0;}
	section#about-hedgehog div#mobile-ad, section#about-hedgehog div#hedgehog-blurb { float: none;}
	section#about-hedgehog div#mobile-ad { margin: 0 auto 20px auto; height: 180px;}
	section#about-hedgehog div#hedgehog-blurb { width: 440px; margin: 0 20px;}
	section#about-hedgehog div#hedgehog-blurb h3 { line-height: 22px;}

	section#products { background: none; padding: 0; width: 440px; margin: 0 20px;}
	section#products div#product-blurb { float: none; width: 440px; margin: 0 0 20px 0;}
	section#products div.product-box { float: none; width: 440px;}
	
	div.team-holder.first { margin: 15px 0 25px 0;}
    div.team-holder.odd { margin: 0 0 25px 0;}
	div.team-holder.last { width: 270px; height: 205px;}
	
	div.secondary-content { height: auto; width: 440px; margin: 0 20px ;}
	div.secondary-content div.one-col { margin: 0 0 10px 0;}
	div.secondary-content div.two-col { margin: 0;}
	div.secondary-content h3 { margin: 0 0 10px 0;}
	div.featured-project, div.featured-project.last { float: none; margin: 0 0 20px 0; }
	
	div.one-col, section.one-col { clear: both; float: none;  width: 440px; margin: 0 20px 30px 20px;}
	div.two-col, section.two-col { float: none; width: 440px; margin: 0 20px;}
	div.three-col, section.three-col { width: 700px; }
	section.split-col, div.split-col { float: none; width: 440px; margin: 0 20px 20px 20px; }
 	section.split-col.no-margin, div.split-col.no-margin { width: 440px; margin: 0 20px; }
	ul.tabbed-nav li a { width: 425px; }
	
	ul#filter { display: none;}
	div#portfolio { width: 480px;}
	ul#work li { width: 300px;} 
	div.work-holder { width: 300px; height: 220px; }
	div.work-holder img { width: 270px; }
	
	h2.title { margin: 0;}
	
	div.tour-block { height: auto; margin: 0 0 20px 0; clear: both; width: 420px;}
	div.tour-block h2 { font-size: 32px; line-height: 35px; }
	div.tour-block span.magnify{ background: url(../images/magnify-icon.png) no-repeat left center; padding: 30px 30px 30px 25px; font-size: 12px; 
								 font-family: 'ProximaNovaSemibold'; text-transform: uppercase; }
	div.screenshots .alignleft.full { float: left; width: 430px; margin: 0 0 15px 0;}
	div.screenshots img { border: 1px solid rgba(0,0,0,0.4); } 
	div.screenshot-thumbs.left { margin: 0 20px 0 25px; }
	div.screenshot-thumbs img{ display: none; }
	div.screenshots .alignright.full { float: right; width: 420px; }
	div.screenshot-thumbs.right { float: right; margin: 0 20px 0 20px; }
	
	div.blog-filters { width: 410px;}
	div.product-block img { display: none; }
	div.product-block div.product-desc { width: 400px;}
	.addon-group{ clear: both; float:none;clear:left;width:440px;}
	section.three-col { margin: 0 20px; width: 440px;}
	
	div.blog-connect a.comments { background: rgba(0,0,0,0.4); padding: 5px;}
	
	div.licence-list.fixx-licence { height: 100px;}
    div.licence-list.solomon-licence { height: 110px;}
    div.licence-list.fixx-licence ul.actions { top: 90px; right: 10px; }
    div.licence-list.solomon-licence ul.actions { top: 100px; right: 10px; }
    
    div.form-holder { width: 410px; margin: 0 0 0 20px;}
    fieldset span.field { width: 410px;}
    fieldset span.field input { width: 330px;}
    fieldset span.radio-field label { line-height: 1.2;}
    span.id_country select { width: 345px;}
    
	div.game-banner { display: block; clear: both; margin: 0 0 20px 0; width: 460px; height: 181px; }
    div.game-banner.boomboxes { background: url(../images/games-bb-wiphone.png) no-repeat; position: relative; margin: 10px 0 25px 0;}
    div.game-banner.boomboxes a { background: url(../images/games-bb-button.png) no-repeat; display: block; height: 38px; width: 174px;
                                  text-indent: -99999px; position: absolute; bottom: 10px; right: 50px;}  
    div.game-banner.epic-dive { background: url(../images/games-ed-wiphone.png) no-repeat; position: relative;}
    div.game-banner.epic-dive a { background: url(../images/games-ed-button.png) no-repeat; display: block; height: 38px; width: 174px;
                                  text-indent: -99999px; position: absolute; bottom: 15px; right: 60px;}
                                  
	blockquote { float: none; margin: 20px 100px;}
	footer { display: none;}
	
	/* ---
    jQuery Sliders (Home Page, Portfolio, Product and About Page)
	 --- */
	 
    div#hero { width: 440px; height: 500px; }
    div#hero div.hero-image { width: 380px; float: none;}
    div#hero div.hero-image img { display: block; width: 300px; margin: 0 auto;}
    div#hero div.hero-body { width: 400px; padding: 0; }
    div#hero div.hero-body p.description { font-size: 1em;}
    div#hero div.hero-body.padded { width: 400px; padding: 20px; }
    
    .coda-slider, .coda-slider .panel { height: auto; width: 440px;}
    div#hero div.coda-slider-wrapper { padding: 0; height: auto;}
    .coda-slider-wrapper .coda-nav ul { top: -10px;}

    div#hero div.hero-image img.about-image { width: 175px;}
    div#hero #coda-slider-1 div.hero-image { width: 400px; height: 225px; float: none;}
    div#hero #coda-slider-1 div.hero-body { width: 400px; height: 210px; float: none;}
    
    div#hero div.hero-body h2.title { font-size: 2em; }
    div#hero div.hero-body p.checks { font-size: 0.8em;}
    div#hero div.hero-body p.checks span.checkbox { margin: 0 10px 0 0;}
    div#hero div.hero-body.padded p.description { font-size: 1em; min-height: 70px; padding: 0 0 50px 0;}
    
    div#hero div.coda-slider-wrapper-2 { height: 640px;}
    div#hero div.coda-slider-wrapper-2 div.coda-nav { position: absolute; top: 450px; }
    div#hero div.coda-slider-wrapper-2 div.coda-nav ul { width: 440px !important; }
    div#hero div.coda-slider-wrapper-2 div.coda-nav ul li a { width: 180px;}
    div#hero div.coda-slider-wrapper-2 div.coda-nav ul li.tab5 a { margin: 0 23px 10px 0;}
    
    div#hero .coda-slider-wrapper-3  .coda-slider .panel, div#hero .coda-slider-wrapper-3 .coda-slider { height: 235px;}
    div#hero .coda-slider-wrapper-3 div.coda-nav-left, div#hero .coda-slider-wrapper-3  div.coda-nav-right { position: absolute; top: 430px; }
    div#hero .coda-slider-wrapper-3  div#coda-nav-1 ul { position: absolute; top: 460px;}
    
    div#hero.about { height: 615px;}
    div#hero.about div.coda-slider-wrapper-2 div.coda-nav { position: absolute; top: 425px;}
    
    div#hero.product { height: 500px;}
    div#hero.product div.hero-body.padded p.description  { min-height: 50px; padding: 0 0 10px 0;}
    div#hero.product div.coda-nav-right, div#hero.product div.coda-nav-left { position: absolute; top: 40px;}
    div#hero.product div.hero-body.padded p.view-more { position: absolute; bottom: 55px;}
    
    div#hero.portfolio { height: 500px;}
    div#hero.portfolio div.hero-body.padded p.description  { min-height: 50px; padding: 0 0 10px 0;}
    div#hero.portfolio div.coda-nav-right, div#hero.portfolio div.coda-nav-left { position: absolute; top: 460px;}
    div#hero.portfolio div.hero-body.padded p.view-more { position: absolute; bottom: 45px;}
    
    div#hero  div.hero-body p.view-more { position: absolute; bottom: 35px;}
	
    }