@media screen and (max-width: 1139px) {
        #content{width:100%;}
        #int-banner.noimg .wrap{padding:0 25px;width:auto;}
        
        #clients .clients-title{width:100%;}
        #clients ul{width:100%;}
        #clients ul li{width:182px;}
        #clients ul li:nth-child(5){display:none;}
        .diag-sep{width:1090px;}
        #rel .related-pages li{width:32.3%;}
        .pfolio-wrap{max-width:853px;}
        .pfolio-wrap .filter h4{display:block;}
        #pfolio{padding:0 20px;width:auto;}
        #pfolio #pf-right{width:25%;}
        #pfolio #pf-left{width:70%;}
        #pfolio #pf-left img{max-width:100%;}
        
        #pfolio .full-img { width:100%; }
        #pfolio .textimg.left .text, #pfolio .textimg.right .text { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; width: 44.38596491%; }
        #pfolio .textimg img { width:50%; }
        
        #post-title{padding-left:20px;}
        #bio-grid{text-align:center;}
        #bio-grid .lg{margin:0 auto 10px; width:65.789473684211%; margin-right:1.491228070175%; height:auto; }
        #bio-grid .md{margin:0;  width:32.719298245614%; height:auto;}
        #bio-grid .sm { width:15.7017543%; height:auto; padding-top:1.214771%; }
        #bio-grid .sm + .sm{margin:0 0 0 1.315789473684%; float:right;}
        #bio{padding:0 0 20px 20px;}
        #team{margin:0 auto;width:947px;}
        #team li:nth-child(6n){margin-right:13px;}
        #team li:nth-child(5n){margin-right:0;}
        #blog-tweets{padding:0 20px 0 0;width:274px;}
        #blog-tweets li:nth-child(n+5){display:none;}
        #blog{width:860px;}        
        #blog-detail { padding-left:20px; }
        
        #cats { padding-left:20px; padding-right:20px; }
        
        #blog-side { width:200px; padding-right:20px; }
        #blog-side .blog-search input { width:176px; }
        
        #comments #commentList { width:500px; }
        #comments #commentList #comment-list li .comment { width:300px; }
        #comments .leaveComment { padding-right:20px; }
        
/*
        #edge-grid { width:634px; margin:0 auto; }
        #edge-grid img { }
        #edge-grid .g1 { float:none; margin:0 0 12px; width:634px; height:auto; }
        #edge-grid .g2 { float:none; margin:0 12px 0 0; }
        #edge-grid .g3 { float:none; margin:0 12px 0 0; }
        #edge-grid .g4 { float:none; margin:0; }
*/

        #edge-grid { width:100%; height:100%; position: relative; }
        #edge-grid img { height:auto !important; }
        #edge-grid .g1 { width:71.666666666667%; margin-right:1.052631578947%;  }
        #edge-grid .g2{ width:10.614035087719%; margin-right:1.052631578947%; margin-bottom:0px; }
        #edge-grid .g3 { width:15.614035087719%; margin-bottom: 0px;}
        #edge-grid .g4 { width:27.280701754386%; margin-top:1.16459625%; }
        
/*
        #edge-grid-2 { width:738px; margin:0 auto; }
        #edge-grid-2 img {  }
        #edge-grid-2 .g1 { float:left; width:364px; }
        #edge-grid-2 .g2 { float:right; width:364px; }
        #edge-grid-2 .g3 { float:left; clear:both; }
        #edge-grid-2 .g4 { float:left; clear:left; margin-top:10px; }
        #edge-grid-2 .g5 { float:none; }
*/

        #edge-grid-2 { width:100%;}
        #edge-grid-2 { height:auto; }
        #edge-grid-2 .g1 { width:34.47368421052632%; margin-bottom:0.88075879%; }
        #edge-grid-2 .g2 { width:34.47368421052632%; margin-bottom:0.88075879%; }
        #edge-grid-2 .g3 { width:34.47368421052632%; }
        #edge-grid-2 .g4 { width:34.47368421052632%; }
        #edge-grid-2 .g5 { width:29.47368421052632%; margin-left:0.78947368421053%; }
        
        #article.edge { padding-left: 0px; padding-right: 0px; }
        #article.edge .edge-right { float: right; margin: 0 20px 40px 60px; width:40%; }
        #article.edge h5 { clear: both; padding-left:20px; }
        #article.edge p { padding:0 0 20px 20px }
        
        .contact-left { padding-left:20px; }
        .contact-right { width:275px; }
        
        #article.edge .note { width:auto; padding:0 90px 18px; }
        
        #article.clients #logos { width:837px; }
        
        .process { width:100%; }
        .process img { max-width:100%; margin:0; }
        
    }
    
    @media screen and (max-width:1139px) and (min-width:874px){
        #blog .blog-item { width:420px; height:488px; }
        #blog .blog-item.two { margin-left:12px; }
        #blog .blog-item .details .author { width:120px; }
        #blog .blog-item .details .excerpt { width:230px; }
    }
    
    
    @media screen and (max-width: 1090px) {
        #main-nav{width:100%;}
        #header #logo{left:0;margin-left:0;}
        .home-about{margin:0 auto;padding: 0 0 60px;width:750px;}
        .diag-sep{width:100%;}
        #from-blog{width:500px;}
        #from-blog .author-date{padding-left:33px;}
        #tweets{width:450px;}
        #article .left{width:450px;}
        #rel .related-pages li{width:32.2%;}
        #rel .related-pages li h5{font-size:20px;}
        #rel .related-pages li a{height:165px;}
        #rel .related-pages li a .hover{height:165px;line-height:165px;}
        #rel .related-pages li a .hover span{background-position:right -196px;  margin-top:0px; height:50px; line-height:50px;}
        #bio-side{width:300px;}
        #bio-side ul#rabbits li{width:138px;}
        #bio{width:600px;}
    }
    @media screen and (max-width: 999px) {
        #from-blog{width:450px;}
        #from-blog .author-date{padding-left:0;width:108px;font-size:14px;}
        #from-blog .author-date small{display:block;font-size:9px;}
        .headline{padding:0 90px 45px;}
        #article .left{width:400px;}
        #article .right{width:350px;}
        #footer .wrap{padding:0 20px;width:auto;}
        
        #blog-detail { width:595px; }
        #blog-detail .blog-content { float:left; width:500px; }
        #blog-detail .ft-img { width:100%; height:auto; }
        #blog-detail .ft-img img {  height:auto; }
        
        .contact-left { width:550px; }
        form.contact li { width:auto; display:block; }
        form.contact li div { display:block; }
        form.contact li input[type=text], form.contact li textarea { width:100%; display:block; }
        form.contact .gform_footer { margin-top:20px; }
        form.contact .gform_footer button { left:0px; }
        
        form.gigs li { width:auto !important; display:block; }
        form.gigs li div { display:block; }
        form.gigs li input[type=text], form.gigs li textarea { width:100%; display:block; }
        form.gigs .gform_footer { margin-top:20px; }
        form.gigs .gform_footer button { left:0px; }

    }
    @media screen and (max-width: 949px) {
        #from-blog{width:45%;}
        #from-blog .author-date{width:83px;font-size:12px;}
        #from-blog .excerpt{width:66%;}
        #tweets{width:45%;}
        #rel .related-pages li{width:32%;}
        #team{margin:0 auto;width:755px;}
        #team li:nth-child(5n){margin-right:13px;}
        #team li:nth-child(4n){margin-right:0;}
        #bio{width:450px;}
    }
    @media screen and (max-width: 874px) {
        #article .left{width:350px;}
        #article .right{width:300px;}
        #rel .related-pages li a{height:140px;}
        #rel .related-pages li a .hover{height:140px;line-height:140px;}
        #rel .related-pages li a .hover span{background-position:right -152px;}
        .pfolio-wrap{max-width:566px;}
        #blog-tweets{display:none;}
        #blog{width:550px;}
        .blog-item.two { margin-left:0px; }
        .contact-left { width:320px; }
        #int-banner.noimg .wrap h3 { text-align: center; }
        #blog-detail { width:520px; }
        #blog-detail .blog-share { display:none; }
        #comments .leaveComment { width:250px; }
        #comments .leaveComment p input[type=text], #comments .leaveComment p textarea { width:212px; }
        #comments #commentList h3, #comments #commentList p.nocomments { padding-left:20px; }
        #article.clients #logos { width:558px; }

    }
    
    @media screen and (max-width: 799px) {
        body{overflow:auto;height:100%;-webkit-overflow-scrolling:touch;}
        #header{height:50px;background:rgba(0,0,0,0.8);}
        #header #logo{height:50px;}
        #header #logo a{width:150px;background:url(../images/logo-small.png) no-repeat center center; background-size:100px auto;}
        #header #main-nav > ul > li > a{padding:0 14px;line-height:52px;}
        #header #main-nav > ul > li ul{top:50px;}
        #home-banner .wrap,#int-banner .wrap{top:auto;bottom:50px;width:100%;background-attachment:scroll;}
        #home-banner .wrap h3,#int-banner .wrap h3{padding:0 30px;font-size:40px;line-height:1;}
        #home-banner .wrap h4,#int-banner .wrap h4{padding:0 30px;font-size:11px;}
        #home-banner .wrap a.btn,#int-banner .wrap a.btn{font-size:12px; margin:0 30px;}
        #int-banner.noimg{min-height:110px;height:110px;}
        #int-banner.noimg .wrap h3{font-size:48px; padding:25px 0 20px 0; }
        
        #content{padding:40px 0;}
        .home-about{padding:0 0 50px;width:90%;}
        .home-about h2{font-size:11px;line-height:14px;}
        .home-about h3{font-size:21px;line-height:28px;}
        .home-about a.btn{font-size:12px;}
        #clients ul{width:100%;}
        #clients ul li{margin-bottom:20px;}
        #post-title.bio{text-align:center;}
        #post-title.bio h4 { padding-bottom:15px; }
        #post-title.bio .bio-img{float:none;margin:0 auto 10px;}
        #bio{float:none;padding:20px;width:auto;}
        #bio-side{float:none;padding:0 20px 20px;width:auto; margin-top:0;}
        #bio-side ul#rabbits { padding-bottom:0px; }
        #bio-side ul#rabbits li{margin:0 10px!important;}
        .single-rabbit #post-nav { display:none; }
        #post-title.bio h3 { padding-top:20px; }
        #from-blog{float:none;margin:0 auto;padding:20px;width:auto;}
        #from-blog h5{font-size:10px;}
        #from-blog h4{margin:0 auto;margin-bottom:0;padding:20px 0 8px;width:auto;background:none;font-size:19px;line-height:20px;}
        #from-blog .author-date{padding:0 0 12px;width:100%;text-align:center;font-size:15px;}
        #from-blog .author-date small{display:inline-block;padding-left:20px;font-size:12px;*zoom:1;*display:inline;}
        #from-blog .excerpt{padding:0 10px;padding-bottom:50px;width:auto;font-size:14px;line-height:21px;}
        #from-blog .excerpt .btn{display:block;width:auto;text-align:center;}
        #tweets{float:none;clear:both;margin:0 auto;padding:0 30px;width:auto;}
        #tweets h5{margin:0 auto 24px;font-size:10px;}
        #tweets > div{width:auto; word-break: break-word; }
        #tweets > div p{margin:0;width:auto;}
        .headline{padding:20px 30px;}
        .headline h3{font-size:28px;}
        .diag-sep{margin-bottom:20px;}
        #article{padding:20px;}
        #article .left{float:none;width:auto; padding-bottom:0px; }
        #article .right{float:none;width:auto;margin-top:50px;}
        #rel .related-pages li{display:block;margin:0 auto 20px !important;width:336px;}
        #rel .related-pages li h4,#article .related-pages li h5{padding-bottom:5px;}
        #rel .related-pages li a{height:189px;}
        #rel .related-pages li a .hover{height:189px;line-height:189px;}
        #rel .related-pages li a .hover span{background-position:right -195px;}
        .pfolio-wrap .filter{display:block;margin-bottom:20px;padding-bottom:20px;width:100%;}
        .pfolio-wrap #portfolio li.lg,.pfolio-wrap #portfolio li.lg img{width:279px;height:163px;}
        .pfolio-wrap #portfolio li.lg a .hover,.pfolio-wrap #portfolio li.lg img a .hover{line-height:163px;}
        #post-nav{float:none;margin-top:0;text-align:center;}
        #post-title{clear:both;padding:0 0 15px;}
        #post-title h3{font-size:24px;line-height:30px;}
        #pfolio #pf-right{float:none;padding:20px 0 5px;width:auto;}
        #pfolio #pf-left{float:none;width:auto;}
        #pfolio #pf-left img{margin-bottom:0;}
        #team{margin:0 auto;width:563px;}
        #team li:nth-child(4n){margin-right:13px;}
        #team li:nth-child(3n){margin-right:0;}
        #blog-side { display:none; }
        #blog-detail { width:auto; padding-right:20px; }
        #blog-detail .blog-content { width:auto; }
        #blog-detail .ft-img { margin:0 auto; }
        #post-title.bio.blog { padding-right: 20px; padding-left: 20px; }
        #post-title.bio.blog h3 { padding-left:0px; }
        #post-title.bio.blog .details { padding-left:0px; }
        #comments #commentList { width:450px; }
        #comments #commentList #comment-list li { padding:20px; }
        #comments #commentList #comment-list li img { display:none; }
        #comments #commentList #comment-list li .comment { width: auto; float: none; }
        
        #bio-grid { padding:0; }
        
        #pfolio .cs-heading { font-size:28px; line-height:1.2; }
        #pfolio .textimg.left .text, #pfolio .textimg.right .text { width:54.38596491%; }
        #pfolio .textimg img { width:40%; }
        #pfolio .quote {  padding:40px 8%; }
        #pfolio .quote h3 { font-size:24px; line-height:1.5; }
        #pfolio .quote p { font-size:16px; line-height:1.4; }
        
        #about-grid { top:161px; background-position: top center; }

        #footer .wrap{padding:0;width:100%;}
        #footer .wrap .left{float:none;margin:0 auto;padding:20px;padding-bottom:16px;width:auto;}
        #footer .wrap .right{float:none;clear:both;margin:0 auto;padding:0 20px;width:auto;background:#494D51;}
        #footer .wrap .right p{padding:12px 0 10px;}
        #footer .wrap .right .sm{float:right;border-left:1px solid #3C4042;}
        #footer .wrap .right .sm:first-of-type{border-right:1px solid #3C4042;}

    }
    
    @media screen and (max-width:750px){
        #bio-grid img{display:block;margin:0!important;margin:0 auto 5px!important;height:auto!important; width:auto}
        #bio-grid .lg{float:none;width:100%;}
        #bio-grid .md{width:49.733333333333%; float:left; margin-right:1.25% !important;}
        #bio-grid .sm{display:inline-block;width:23.866666666667%; height:auto; padding-top:0px !important;}
        #bio-grid .sm + .sm{margin-left:1.25%!important; }
    }
    
    @media screen and (max-width: 735px) {
        #clients ul{width:364px;}
        #comments #commentList { width:auto; float:none; }
        #comments .leaveComment { width:auto; float:none; padding:20px; }
        
        #edge-grid-2 { width:100%; margin:0 auto; }
        #edge-grid-2 img {  }
        #edge-grid-2 .g1 { float:left; width:49.52380952380952%; margin-bottom:9px; }
        #edge-grid-2 .g2 { float:right; width:49.52380952380952%; margin-bottom:9px; }
        #edge-grid-2 .g3 { float:left; clear:both; width:53.46938775510204%; }
        #edge-grid-2 .g4 { float:left; clear:left; margin-top:0.8843537%; width:53.46938775510204%; }
        #edge-grid-2 .g5 { float:none; width:auto; margin-left:1.22448979591837%; width:45.308244705%; }
        
        #cats .ui-selectmenu { display:none; }

        
/*
        #edge-grid-2 { width:100%; }
        #edge-grid-2 img { width:336px !important; display:block; float:none !important; margin:0 auto 10px !important; }
*/
    }
    
    @media screen and (max-width:680px) {
        #about-grid { background-size:295%; }
    }
    
    @media screen and (max-width: 640px) {
        #header #main-nav{display:none;}
        #header #re-nav{display:block;}
        #header #re-nav > ul{display:none;}
        
        #about-grid + #content { padding-top:340px; }
        
        #edge-grid { width:100%; margin:0 auto; }
        #edge-grid img { }
        #edge-grid .g1 { float:none; width:100%; height:auto; margin-bottom:2%; margin-right:0px; }
        #edge-grid .g2 { float:none; width:19.085173501577%; margin-right:1.892744479495%; }
        #edge-grid .g3 { float:none; width:28.07570977918%; margin-right:1.892744479495%; }
        #edge-grid .g4 { float:none; width:49.053627760252%; margin-top:0; }

        .process_copy_container { width:100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;  }
        .process_copy_container .process_copy { width:100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;  }
        
/*
        #edge-grid { width:100%; margin:0 auto; padding-bottom:0px; }
        #edge-grid img { height:auto !important }
        #edge-grid .g1 { float:none; margin:0 0 12px; width:100%; display:block; height:auto; }
        #edge-grid .g2,
            #edge-grid .g3,
            #edge-grid .g4 { display:none; }
*/

        #post-title.bio h3 { font-size:24px; padding-top:0px; }
            
        #article.edge .edge-right { float:none; margin:20px auto; width:100%; display:block; }
        
        #article.edge .note { padding:0 20px 18px; font-size:22px; line-height:33px; }
        
        h3#blog-results { font-size:26px; padding-left:20px; padding-right:20px; }

    }
    
    @media screen and (max-width:620px){
        ul#contact-tabs li { padding:0 12px; font-size:14px; line-height:30px; margin:0 3px; }
        .contact-left { width:auto; float:none; }
        form.contact li input[type=text], form.contact li textarea,form.gigs li input[type=text], form.gigs li textarea { width:90%; }
        form.gigs li.resume .uploader { width:90%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;  }
        .contact-right { float:none; margin:0 auto; }
    }
    
    @media screen and (max-width: 570px) {
        #team{margin:0 auto;width:auto; text-align: center;}
        #team li { margin:0 10px 10px 0 !important; }
        
        #about-grid + #content { padding-top:320px; }
/*
        #team li:nth-child(3n){margin-right:13px;}
        #team li:nth-child(2n){margin-right:0;}
*/
        #team li.fact { display:none; }
        #blog{width:100%;}
        #blog .blog-item{width:100% ;height:auto; background-size:contain;}
        #blog .blog-item .details{padding:20px; margin-top:37.65%; height:auto;}
        #blog .blog-item.nothb .details { margin-top:0px; }
        #blog .blog-item .details h3{font-size:18px;line-height:22px;}
        #blog .blog-item .details .author{float:none;width:auto;text-align:left;}
        #blog .blog-item .details .excerpt{float:none;margin-top:20px;width:auto;}
        #blog .older{float:left;margin-left:20px;}
        #article.clients #logos { width:100%; text-align:center; }
        #article.clients #logos li { padding:0px; width:50%; height:auto; padding:20px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;  }
        #article.clients #logos li img { max-width:215px; width:100%; height:auto; margin:0 auto; }
        .pfolio-wrap{max-width:279px;}
        
        #pfolio .textimg.left, #pfolio .textimg.right { padding:30px 0 0; }
        #pfolio .textimg.left .text, #pfolio .textimg.right .text { width:100%; float:none; padding-right:0; }
        #pfolio .textimg img { width:100%; float:none; padding-top:20px; }
        #pfolio .cs-heading { padding:20px; }
        
        
        #article.process { padding:20px 0; }
        #article.process .process_copy_container { padding:20px 20px 0 20px; }
        

        
    }
    @media screen and (max-width: 540px) {
        #blog-detail .ft-img { width:auto; height:auto; }
        #blog-detail .ft-img img { width:100%; display:block; }
        #cats form { width:180px; }
        #cats form input { width:100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;  }
    }
    
    @media screen and (max-width:480px){
        #about-grid + #content { padding-top:270px; }
    }
    
    @media screen and (max-width: 399px) {
    
        #int-banner.noimg .wrap h3 { font-size:40px; }
    
        #about-grid + #content { padding-top:220px; }
    
        #clients ul{width:280px;}
        #clients ul li{width:140px;height:55px;}
        #rel .related-pages li{width:280px;}
        #rel .related-pages li a{height:160px;}
        #rel .related-pages li a .hover{height:160px;line-height:160px;}
        #rel .related-pages li a .hover span{background-position:right -142px;}
        #post-title.bio h3{font-size:30px;}
        #bio-side{float:none;padding:20px;width:auto;}
        #bio-side ul#rabbits li{display:block;margin:0 10px!important;width:auto;}
        /* #team { width:310px; *//* margin:0 auto; *//* li { width:150px; *//* height:150px; *//* margin:0 10px 10px 0; *//* li:nth-child(3n) { margin-right:10px; *//* } &.member a { height:150px; *//* .hover { height:150px; *//* span { padding:20px 0; */
        #team li{margin:0 10px 10px 0!important;width:150px;height:150px;}
        #team li.member a{height:150px;}
        #team li.member a .hover{height:150px; width:110px;  }
        #team li.member a .hover div {  font-size:18px; line-height:24px; width:100%; padding-top:20px; }
        #team li.member a .hover div small { width:auto; }
        #team li.member a .hover span{padding-top:20px; }
        #team li.member a .hover span small{background-position:-430px -167px;}
        #team li.fact div{height:150px;}
        #team li.fact div p{font-size:13px;line-height:16px;}
        #team li.fact:hover > div span{left:-26px;}
        #footer .wrap .left{font-size:9px;}
        #footer .wrap .left span{margin:0 10px 5px 0;}
        #footer .wrap .right p{padding:5px 0 0;font-size:8px;}
        #footer .wrap .right a.sm{padding:4px 6px 8px 4px;width:20px;height:20px;font-size:24px;}
        
        ul#contact-tabs li { font-size:0px; }
        ul#contact-tabs li:first-child:after { content:"Contact"; font-size:14px; }
        ul#contact-tabs li:last-child:after { content:"Careers"; font-size:14px; }
        
        #careers>li h3 { font-size:18px; }
        
        #blog-detail .blog-content img.alignright { float: none; margin: 20px auto; }
        
        #showtweets { display:none; }
        #cats form { width:100%; @include box-sizing(border-box); padding:0; }
        #cats form label { left:20px; }
        #cats form input[type=text] { width:100%; @include box-sizing(border-box); }
        
        #pfolio .quote h3 { font-size:18px; }

    }