/* ==|== media queries ====================================================== */

/* iPhone */
@media only screen and (max-device-width:480px)  {
  header.main { top:0;width:100%; background-color:#fff;} 
  body { display:none ;}

}

/* iPad Portrait */
@media only screen and (max-device-width:1024px) and (min-device-width: 481px) and (orientation:portrait)  {
.go-to-top-link { background-position:0 2px;}
}

/* iPad Landscape*/
@media only screen and (max-device-width:480px) and(min-device-width: 481px) and (orientation:landscape) {
.go-to-top-link { background-position:0 2px;}
}

/* iPad Landscape*/
@media only screen and (max-device-width:1025px) {

}



@media only screen and (min-width:0px) and (max-width: 900px) {

.post .post-body p { margin-right:20px;margin-left:20px; }
.post .image-primary {margin:0 20px;}
.post .image-primary .primary  { width:100%;}

}

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

}

html.mobile { margin:0;padding:0;}
.mobile .load-item { display:none; }
.mobile header.main { height:auto;padding:0;margin:0;}
 
.mobile header.main .social { display:none;}
.mobile header.main h1 { float:none;margin:0 0 0px;height:auto; font-size:24px;}
.mobile header.main nav { display:none; }
.mobile header.main .drop-nav { display:block;margin:0 auto;width:150px;}
header.main .drop-nav { display:none; }
.mobile nav.sub { position: relative;top:0;width:100%;padding-right:0;padding-left:0;border-width:0 0 0px;margin:0;left:0; }
html.mobile body { padding:0;padding-top:110px;width:100%; }
.mobile .big-grid { margin:0 auto;padding:20px 0 10px;width:100%;}
.mobile .big-grid .thumb { margin:0 auto 25px;width:290px;float:none;display:block;}
.mobile .big-grid .thumb .img { width:290px;height: 220px; background:#aaa;overflow:hidden;text-align:center;}
.mobile .big-grid .thumb .img img { width:290px;}
.mobile .big-grid .thumb.last { margin:0 auto 25px;}
.mobile header.main nav ul { width:auto;margin:0 25px;}
.mobile .vvqbox { min-height:0 }
.mobile .vvqbox img { height:auto;}

.mobile header.portfolio-header { height:auto }
.mobile header.portfolio-header h1 { line-height:25px; }
.mobile .large-images .image-body { padding:25px 0 }
.mobile .large-images .image-body .image-container { max-width:700px;width:auto;margin-right:20px;margin-left:20px;}
.mobile .large-images .videos .image-body .image-container { max-width:100%;margin:0;overflow:hidden;}
.mobile .large-images .videos .image-body .image-container img {height:auto;}
.mobile .large-images .image-body .image-container img.image-detail{ max-width:700px;width:100%;margin:0;}
.mobile .large-images .image-body .photo-info { float:none; width:100%;margin:0;}
.mobile .fb-wrapper { width:auto;float:none;position:relative;margin:10px 0 -5px 0;text-align:left;}
.mobile .fb_share { float:none;}

.mobile .bio-header { padding:0; margin:0 0 25px;width:100%;}
.mobile .bio-header .content-wrapper { width:100%;margin:0;padding:0}
.mobile .bio-header .portrait { width:auto;max-width:290px;float:none;margin:25px auto;padding:0;}
.mobile .bio-header .portrait img { width:100%; max-width:290px;padding:0;}
.mobile .bio-header .intro { margin:0 15px;text-align:center;padding:0;text-align:center;}

.mobile #container { margin:0;padding:0;width:100%;}
.mobile .post.bio h1 { margin-left:25px;margin-right:25px;}
.mobile .post.bio { width:100%;margin:0;padding:0;}
.mobile .post.bio .column { float:none;margin:0;padding:0;width:100%;}
.mobile .post.bio .column.left-col { margin:0;padding:0;}
.mobile .post.bio ul { padding:0;margin:0 25px ;}
.mobile .post.bio p { margin:10px 25px;}
.mobile .mobile-menu { display: block; }

.mobile .vvqvimeo { width:100%; overflow:hidden;}


@media (max-width: 520px) {



html.mobile body {

padding-top: 43px;

}
}