@media only screen and (min-width:480px){/* Mobile Landscape Size to Desktop */

.inner{margin:0 auto;width:1024px}
.mob{display:none}
.full{display:block}
.fullinline{display:inline}

header{min-width:1024px}
#page{min-width:1024px;width:100%}
footer{min-width:1024px}

header .left{float:left;width:40%}
header .right{float:right;width:60%}
.logo{ float:left;margin-top:25px;margin-left:10px}

nav.pri{ float:right;padding-left:10px;padding-right:10px;height:37px;border-bottom:1px solid #d9d9d9;text-transform:uppercase}
nav.pri ul{}
nav.pri li{float:left;display:inline;padding-left:22px;padding-right:22px}
nav.pri li:first-child{padding-left:0}
nav.pri li:last-child{padding-right:0}
nav.pri li a{font-size:14px;font-weight:bold;color:#505050;line-height:37px}
nav.pri li a:hover,nav.pri li.sel a{color:#80af46}

#subnav{text-align:center;clear:both;padding-top:8px;padding-bottom:8px;padding-right:10px}
#subnav ul{float:right;margin-bottom:0}
#subnav li{float:left;display:inline;text-align:center;padding-left:14px;padding-right:15px}
#subnav li.first{padding-left:0}
#subnav li.last{padding-right:0}
#subnav li a{font-weight:600;color:#bbb;font-size:24px;text-transform:uppercase;line-height:38px}
#subnav li a:hover,#subnav li.sel a{color:#80af46}
   
nav.sec{ float:right;padding-right:10px;text-transform:uppercase}
nav.sec ul{}
nav.sec li{float:left;display:inline;padding-left:20px;font-size:10px}
nav.sec li a{color:#505050}
nav.sec li a:hover,nav.sec li.sel a{color:#80af46}

}


@media only screen and (min-width:1024px){/* Greater than 1024 ****************************************************/

/*header .inner{width:100%;max-width:1100px}
#page .inner{width:100%;max-width:1300px}
	#page.sec .inner{width:100%;max-width:1100px}
	#page.portfolio.landing .inner{width:100%;max-width:1100px}
footer .inner{width:100%;max-width:1100px}
section.gallery.home .textblock2{margin-right:-1%}	*/
	
}


@media only screen and (max-width:480px){/* Mobile Portrait Size */

body{min-width:320px;background-color:#fff}
#container{min-height:0;min-width:320px;width:100%}
.inner{min-width:320px;width:100%;margin:0}
.mob{display:block}
.full,.fullinline{display:none}
    
header{min-width:320px;height:129px;width:100%;z-index:1000}
#page{min-width:320px;float:none;width:100%;padding-top:0;}
footer{min-width:320px;float:none;height:auto;margin-top:0;}

section .col{}
section.cs1 .col{width:100%;padding-left:20px;padding-right:20px}
section.cs2 .col{}
	section.cs2 .col.left{width:100%;padding-left:20px;padding-right:20px}
	section.cs2 .col.right{width:100%;padding:20px 20px 30px}
section.cs3 .col{width:100%;padding-left:0;padding-right:0;text-align:center}
section.cs4 .col{float:left;display:inline;width:50%}
article{width:100%}

header .both{width:100%}
.pullwrapper{width:30%;height:129px;float:right}
.pullwrapper a{color:#80af46;font-size:43px;display:block;float:right;padding:10px 20px 5px 5px}
.pullwrapper a:hover{color:#000}
.logo{width:70%;padding-top:15px;margin:0} 
.logo img{margin-left:20px} 
header .left{float:none;margin-left:0}
header .right{float:none;margin-right:0;width:100%}

nav.mob{clear:both;float:left;display:inline-block;height:auto;width:100%;border-bottom:2px solid #fff}
nav.mob ul{display:none;float:none;background-color:#A9D378;padding-top:4px;padding-bottom:5px;padding-left:20px;margin-bottom:0}
nav.mob li{display:block;float:none;padding-left:0;padding-right:0}
nav.mob li a{display:block;color:#fff;font-size:15px;line-height:30px;font-weight:bold;text-transform:uppercase}
nav.mob li a:hover,nav li.sel a{color:#3E2613}

#tagline{padding-top:0}
#tagline p{text-align:center}

#subnav{height:auto;padding-right:0;padding-top:2px;padding-bottom:0;text-align:center;clear:both;background-color: #fff;}
#subnav ul{display:inline-block;float:none;margin-bottom:5px}
#subnav li{display:inline;float:none;padding-left:1px;padding-right:1px}
#subnav li:first-child{padding-left:0;}
#subnav li:last-child{padding-right:0;}
#subnav li a{ padding:5px 5px;background-color:#fff;color:#80af46;font-size:15px;font-weight:600;text-transform:uppercase;line-height:38px;letter-spacing: -0.5px;}
#subnav li a:hover{color:#7F8F48}
#subnav li.sel a{line-height:30px;background-color:#80af46;color:#fff}

#main{padding-bottom:0}
#page.values,#page.contact,#page.careers{margin-top:0}
/*#page p{max-width:100%;padding-left:20px;padding-right:20px}
#page li{max-width:100%;padding-left:20px;padding-right:20px}*/
h1,h2,h3{padding-left:20px;padding-right:20px}

footer section.cs2 .col.left{width:100%} 
footer section.cs2 .col.right{width:100%;padding-top:0}
.message{ margin-left:20px;margin-right:20px;margin-bottom:20px}
.message p{text-align:center}
.testimonial{text-align:center}
.addr ul{text-align:center;margin-bottom:20px}
.addr ul li {display:block;height:auto;font-size:15px;font-weight:bold;line-height:30px}
.addr ul li img {padding:0;display:block;margin:0 auto}
footer a.tel {color: #80af46;padding-top: 5px;display: block;}  footer a.tel:hover{ color:#000} 
.social{display:inline-block;padding:0;text-align:center;width:100%;margin-bottom:20px}    
.social li{float:none;padding-left:5px}
footer section.cs2.mousetype .col.left{width:100%;padding-left:20px;padding-right:20px} 
footer section.cs2.mousetype .col.right{display:none} 
ul.copy{display:inline-block;text-align:center;line-height:1.5em;width:100%}
#totop{display:block;padding-top:10px}

/* home ***************/ 
.layer{height:auto;overflow:hidden}
.light,.dark{}
.layer a.img{ display: block;position: relative;z-index: 11;}
.layer a.port{color:#fff;padding-top:7px;padding-bottom:40px; display: block;position: relative;z-index: 10;}
.layer a.port:hover{color:#eee}
.layer,footer,header .right{opacity:1}
.layer img.long{border-left:none;border-right:none}
#g{display:none}
#page.home {height: auto;}
.layer.num2 a.port {margin-top: 0px;}
.layer.num3 a.port {margin-top: 0px;}   
.layer.num4 a.port {margin-top: -1px;}   
.layer.num5 a.port {margin-top: -2px;}    
    
/* people ***************/ 
.biosloop .a{float:none}
.biosloop .item{margin:0 auto;height:auto;width:100%;border-left:none;border-right:none}
.biosloop .item.light{}
.biosloop .item.dark{}
.biosloop .item .imgwrap{width:320px;height:320px;overflow:hidden;margin:0 auto}
.biosloop .item img{width:320px}
.biosloop .item p{ margin-bottom:0;padding:10px}
.biosloop a{float:none}	
.biosloop p.caption{text-align:center}
.fancybox-inner article{width:100%}
.fancybox-inner article img{width:100%;min-width:270px;max-width:688px;height:auto}
.fancybox-inner .who{width:90%}
.fancybox-inner article{padding:0}
article.bio h2,article.bio h3{padding-left:0}
.fancybox-inner img {width:100%}
    
/* portfolio landing ***************/ 
.landingloop .item{float:none;margin:0 auto;height:auto;width:100%;border-left:none;border-right:none;background-color:#c7c8ca}
.landingloop .item .imgwrap{height:auto;width:100%}
.landingloop .item img{width:100%;min-width:320px;max-width:688px;height:auto}
.landingloop .item p{ margin-bottom:0;padding:10px}
	
.foo{background-color:#80af46;width:100%;height:auto;padding-left:0;padding-right:0;padding-bottom:20px}
.foo.mob{display:block}
#page .foo p,#page .foo h1,#page .foo li{padding-left:20px;padding-right:20px}

/* portfolio single ***************/ 
#main.single #page{float:none;padding-right:0;width:100%}
#main.single #sidebar{float:none;padding-left:0;width:100%;margin-bottom:0}
img.primary{width:100%;min-width:320px;max-width:688px;height:auto}
#stuff{border-left:none;padding-left:0;padding-bottom:0}
#stuff h1{padding-left:20px;padding-right:20px;padding-top:20px}
#stuff p{padding-left:20px;padding-right:20px}
a.fancy{}
ul#angel{margin-left:0}
ul#angel li{padding-left:0;padding-right:0}

.caselist{border-top:2px solid #d9d9d9;background-color:#f7f7f7;padding-left:20px;padding-right:20px;text-align:center}
.caselist ul{display:inline-block;float:none;margin-bottom:10px;padding-top:5px}
.caselist li{float:none}
.caselist li .bar{display:none}
.caselist li a{display:block;float:none}
.caselist li .link a{padding-right:0}

/* basic ***************/ 
#main.basic #page{float:none;padding-left:0;width:100%}
.basicloop .item{float:none;margin:0 auto;height:auto;width:100%;border-left:none;border-right:none;background-color:#c7c8ca}
.basicloop .item.imgwrap{height:auto;width:100%}
.basicloop .item img{width:100%;min-width:320px;max-width:688px;height:auto}
.map{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;width:auto;margin-bottom:0;border:medium none}
.map iframe,.map object,.map embed{position:absolute;top:0;left:0;width:100%;height:100%}
    
.foo.basic{width:100%;height:auto;padding-bottom:0;padding-top:30px;border-bottom:2px solid white}
.basicloop.careers .foo.basic{height:auto}
.basicloop.contact .foo.basic{height:auto}
.foo.basic p, .foo.basic li{font-size:15px;line-height:26px}
.foo.basic .cdescrip{}
.foo.basic .cdescrip p, .foo.basic .cdescrip li{line-height:23px}
.foo.basic .cdescrip ul{padding-left: 20px;}
    
table.pdfs {margin-bottom: 30px;margin-left: 20px;margin-right: 20px;text-indent: 0}
    
}
    
/* contact ********************************************/
.foo.mob .left{display:block;width:100%}
.foo.mob .right{display:block;width:100%}
.foo.mob span{margin-left: 10px;}
    
    /*.inner{min-width:320px;width:100%;margin:0}
.mob{display:block}
.full,.fullinline{display:none!important}
.videowrap{position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden}
.videowrap iframe,.videowrap object,.videowrap embed{position:absolute;top:0;left:0;width:100%;height:100%}
a.btn{font-size:16px;padding:8px 20px}	
h1{font-size:31px;margin-bottom:15px}
	#page.sec h1{font-size:32px;line-height:1em}
h2{font-size:44px;line-height:0.85em;margin-bottom:15px}
ul.bullet{padding-left:6px}
ul.bullet li{padding:4px 0 3px 6px;text-indent:-12px}

header{min-width:320px;height:auto;background-color:transparent}
#page{min-width:320px}
footer{min-width:320px}

section .col{}
section.cs1 .col{width:100%;padding-left:20px;padding-right:20px}
section.cs2 .col{}
	section.cs2 .col.left{width:100%;padding-left:20px;padding-right:20px}
	section.cs2 .col.right{width:100%;padding:20px 20px 30px}
section.cs3 .col{width:100%;padding-left:0;padding-right:0;text-align:center}
section.cs4 .col{float:left;display:inline;width:50%}
article{width:100%}

header .top .left,header .top .right,nav.pri{display:none}
#topline{display:block;background-color:#193d3d;float:left;height:57px;line-height:57px;position:fixed;top:0;width:100%;z-index:20;text-align:left;font-weight:300}
#topline .left{float:left;display:inline;width:70%;height:57px;margin-left:5%;position:relative;z-index:10000}
#topline .right{float:right;display:inline;width:25%;height:57px}
#topline a.pull{font-weight:300;color:#fff;font-size:20px;float:right;display:block;padding-left:30px;padding-right:20px}
img.mark{width:100%;height:auto;max-width:197px;margin-top:3px}

nav.mob{clear:both}
nav.mob ul{display:none;padding-top:13px;padding-bottom:15px;background-color:#2a4e4e;text-indent:20px}
nav.mob li{}
nav.mob li a{display:block;font-size:18px;line-height:1.7em;color:#fff;font-weight:300}
nav.mob li.sel a,nav.mob li a:hover{background-color:#abcad2;color:#000}
	
/* homepage *****************************************************
#page{margin-top:63px}
#page.home{padding-bottom:0}	
#page.home p.h1super{margin-bottom:10px}
	
/* cycle-lite slider ***************************
section.sl{z-index:10;position:relative;overflow:hidden;width:100%;height:auto;float:left}
#slider{visibility:hidden}
section.cs2.caption{visibility:visible;width:auto;height:auto;margin-top:0px;padding-bottom:0;z-index:15;position:relative}
section.cs2.caption .col.left{width:0%}
section.cs2.caption .col.right{width:auto;text-align:right;float:right}
section.cs2.caption .textblock{height:auto;margin-top:-40px;border:none;background-color:transparent}
section.cs2.caption p{background-color:rgba(255,255,255,0.75);text-align:right;width:auto;border-left:10px solid #204545;margin:0;
	padding-left:10px;padding-right:20px;padding-top:5px;padding-bottom:5px;line-height:16px;font-size:16px;letter-spacing:-0.5px}
	
section.cs1.msg{visibility:hidden;padding-top:0}		
section.cs1.msg .col{text-align:left}		
	
section.home.content{height:auto;background-image:none}
section.home.content .col{background-color:rgba(42,80,80,0.61);text-align:left;padding-left:0;padding-right:0}
section.home.content .textblock{padding-top:40px;padding-bottom:45px}		
section.home.content img{display:none}		
		
section.cs3.badges{height:auto}
section.cs3.badges .col{height:240px!important;border-left:none!important;border-right:none!important}
section.cs3.badges .col.mid{border-top:6px solid #fff}	
section.cs3.badges .col.right{border-top:6px solid #fff}	
section.cs3.badges .col img{border-left:none!important;border-right:none!important;width:auto;max-width:480px;height:240px!important;overflow:hidden}
section.cs3.badges .col h2{margin-top:-140px;font-size:31px}
/*img.edge_1{content:url("../_images/badges/edge_1_mob.jpg")}*/
	
/* internal pages ******************************************************
#page.sec{min-height:0;padding-bottom:20px}
section.subnav{}

section.topimage{margin-top:-40px}
section.topimage .col{padding:0}
section.topimage img{width:100%;height:auto;display:block;visibility:visible}
section.cs1.content{}
section.cs1.content .col{width:100%;padding-left:20px;padding-right:20px}
#page.sec article{width:100%}	
	
article.bio .imgwrap{margin-bottom:22px;display:block}	
article.bio .textblock{width:100%;margin-bottom:30px;padding-left:0}	
	
#page.portfolio section.subnav{height:55px}
#page.portfolio section.subnav .col{padding-left:20px}	
nav.subnav li,nav.subnav li a{line-height:55px;height:55px;font-size:14px;font-weight:bold}	
section.intro{}	
section.cs1.intro .col{padding-left:20px}	
#page.sec.portfolio article{width:100%!important}	
section.cs2.thumbs .block{padding-left:20px}	
section.cs2.thumbs .col{padding-right:0}
section.cs2.thumbs .col img {width: 95%;height: auto;}
.project .titleblock{height:auto;padding-bottom:14px}
.project .titleblock p {font-size: 15px;}
	
section.cs2.project .col.left{padding-left:20px}	
section.cs2.project .col.right{margin-top: -20px;}
section.cs2.project .col.right img{margin-top: 5px;}

a.more{float:left;padding-top:20px} 
a.btn-gallery{float: left;width: 100%;} a.btn-gallery:hover{color:#000}
	
/* footer ******************************************************
footer{border-top:6px solid #fff}
footer p{padding-right:0}
	
footer section.cs2 .col.left,footer section.cs2 .col.right{width:100%;padding-left:20px;padding-right:20px} 
nav.sec{display:none}
	
section.cs1.mousetype .col{}
ul.social{display:inline-block}
ul.copy li{display:block;text-align:center}	
	
} */