/* Tablet (Portrait) */
/* Note: Design for a width of 768px */
@media only screen and (max-width: 989px) {

	body{
		padding-top: 0px !important;
	}
	
	body.home .container-fluid{
/* 		max-width: 950px; 
		margin: 0 auto;
		margin-left: 20px !important;
		margin-right: 20px !important;*/
	}
		
	.navbar-fixed-top,
  .navbar-fixed-bottom {
    margin-left: 30px;
    margin-right: 30px;
  }
	
	footer .first-pair,
	footer .second-pair,
	footer .third-pair
	{
		float: left;
		width: 33%;
	}
	
	footer .first-pair,
	footer .second-pair {
		padding-right: 30px;				
		box-sizing: border-box;
	}
		
	footer .second.menu,
	footer .fourth.menu,
	footer .sixth.menu 
	{	
		clear: left;
	}
	
	footer .menu {
		width: 100% !important;
	}
	
	.row-fluid .span15,
	.row-fluid .span16 {
		width: 100% !important;
	}

	.row-fluid .span7 {
		width: 100% !important;
	}

	#sidebar2,
	.top-box {	
		width: 100% !important;
	}	
	
	.sidebar .links {
		border-bottom: none;
	}

	.sidebar h4.bt-no-click-desktop {
		cursor: pointer;
	}
	
	
/*		
	.page .offset1, 
	.bt_project .offset1,
	.bt_person .offset1 {
		margin-left: 40px;
		margin-right: 40px;
	}
	
	article.offset1 {
		margin-left: 40px;
		margin-right: 40px;
	}
*/

	.page-header .offset1,
	.row-fluid .offset1 {
		margin-left: 0px;
		padding-left: 40px;
		padding-right: 40px;	
	}
	
/*	.row-fluid  section.offset1 {
		max-width: 670px;
	}
*/	
	.row-fluid .sidebar,
	.row-fluid .sidebar2 {
		margin-left: 0px;
		margin-right: 0px;
		padding-left: 0px;
		padding-right: 0px;
	}

	.sidebar-box {
		padding-left: 0px;
		padding-right: 0px;
	}
	
	.row-fluid .bt_project .sidebar,
	.row-fluid .bt_project .sidebar2 {
		margin-left: 0px;
		margin-right: 0px;
		padding-left: 40px;
		padding-right: 40px;
	}
	
	.bt_project .sidebar-box {
		padding-left: 0px;
		padding-right: 0px;
	}

/*.sidebar-box:last-child,
.widget.woocommerce
 {
	border-bottom: 1px solid #555555;	
}*/

	.attachment-page-header {
		width:100%;
	}
	

	.simple-list-entry {
		padding-right: 40px !important;
	}
	
	.add-to-favourites {
		float: right;
	}


}

/* ISOTOPE */
/* Mobile (Landscape) */
/* Note: Design for a width of 480px */
@media only screen and (max-width: 768px) {
	
		
	#inner-header {
		padding: 0px !important;
		overflow: hidden;
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		box-sizing: border-box; 		
	}
	
/* --- nav bar -- top navigation switch to menu */

	.members-bar {
		display:none;
	}
	
	#menu-main-menu { /* small screen drop down menu */
		float: none;
	}		

#nav-search {
	margin-left: 10px;
	margin-top: 4px;
}


  .navbar-fixed-top,
  .navbar-fixed-bottom {
    position: static;
    margin-top: 20px;
    margin-left: 20px;
    margin-right: 20px;
  }
  .navbar-fixed-top {
 /*   margin-bottom: 20px; */
  }
  .navbar-fixed-bottom {
    margin-top: 20px;
  }
  .navbar-fixed-top .navbar-inner,
  .navbar-fixed-bottom .navbar-inner {
/*     padding: 5px; */
  }
  .navbar .container {
    width: auto;
    padding: 0;
  }
  .navbar .brand {
    padding-left: 10px;
    padding-right: 10px;
    margin: 0 0 0 -5px;
  }
  .nav-collapse {
    clear: both;
   }
  .nav-collapse .nav {
    float: none;
    margin: 0px;
  }
  .nav-collapse .nav > li {
    float: none;
  }
  .nav-collapse .nav > li > a {
    margin-bottom: 2px;
  }
  .nav-collapse .nav > .divider-vertical {
    display: none;
  }
  .nav-collapse .nav .nav-header {
    color: #777;
    text-shadow: none;
  }
  .nav-collapse .nav > li > a,
  .nav-collapse .dropdown-menu a {
    padding: 9px 15px;
/*    font-weight: bold;*/
    color: #777;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
  }
  .nav-collapse .btn {
    padding: 4px 10px 4px;
    font-weight: normal;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
  }
  .nav-collapse .dropdown-menu li + li a {
    margin-bottom: 2px;
  }
  .nav-collapse .nav > li > a:hover,
  .nav-collapse .dropdown-menu a:hover {
    background-color: #f2f2f2;
  }
  .navbar-inverse .nav-collapse .nav > li > a,
  .navbar-inverse .nav-collapse .dropdown-menu a {
    color: #999999;
  }
  .navbar-inverse .nav-collapse .nav > li > a:hover,
  .navbar-inverse .nav-collapse .dropdown-menu a:hover {
    background-color: #111111;
  }
  .nav-collapse.in .btn-group {
    margin-top: 5px;
    padding: 0;
  }
  .nav-collapse .dropdown-menu {
    position: static;
    top: auto;
    left: auto;
    float: none;
    display: none;
    max-width: none;
    margin: 0 15px;
    padding: 0;
    background-color: transparent;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
  .nav-collapse .open > .dropdown-menu {
    display: block;
  }
  .nav-collapse .dropdown-menu:before,
  .nav-collapse .dropdown-menu:after {
    display: none;
  }
  .nav-collapse .dropdown-menu .divider {
    display: none;
  }
  .nav-collapse .nav > li > .dropdown-menu:before,
  .nav-collapse .nav > li > .dropdown-menu:after {
    display: none;
  }
  .nav-collapse .navbar-form,
  .nav-collapse .navbar-search {
    float: none;
    padding: 10px 15px;
    margin: 10px 0;
    border-top: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1);
  }
  .navbar-inverse .nav-collapse .navbar-form,
  .navbar-inverse .nav-collapse .navbar-search {
    border-top-color: #111111;
    border-bottom-color: #111111;
  }
  .navbar .nav-collapse .nav.pull-right {
    float: none;
    margin-left: 0;
  }
  .nav-collapse,
  .nav-collapse.collapse {
    overflow: hidden;
    height: 0;
  }
  .navbar .btn-navbar {
    display: block;
  }
  .navbar-static .navbar-inner {
    padding-left: 10px;
    padding-right: 10px;
  }
  
	.navbar .nav > li {
		margin-left: 0 !important;
/* 		font-size: 14px !important; */
		border-top: 1px solid #555;
	padding-top: 10px;	
	padding-bottom: 4px;
	}
	
	.navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus {
		border-bottom: none;
	}	
	
	.navbar .nav > li > a {
		padding: 0px 0px 0px 0px;
	}
	
	.nav-collapse .nav > li > a:hover, .nav-collapse .dropdown-menu a:hover {
		background: none !important;
	}
	
/*
	#mobile-menu-lightbox {
		display: block;
	}
*/
	
/* --- end of navbar --- */

/* homepage 480 */

	body.home .container-fluid{
		margin-left: 0px !important;
		margin-right: 0px !important;
	}

	.home .home-info {
		height: 115px;
	}

	.home #home-title {
		left: 60px;
		font-size: 40px;
		max-width:400px;
		padding-right:60px;	
	}

	.home .home-inner .progress {
		margin-top: 25px;
	}

	.home .caption-outer {
		padding: 0 64px;
	}

/* end of homepage 480 */

	h1 {
		font-size: 50px !important;
	}
	
	.news-header-title {
		font-size: 50px !important;
	}

	header {
		margin-bottom: 10px;
	}
	
	header[role="banner"] {
		margin-bottom: 20px;
	}
	.page-template-page-projects-php header[role="banner"],
	.single-bt_project header[role="banner"] {
		margin-bottom: 10px;
	}

	.element {
		width: 49%;
		height: auto !important;
	}
	
/*
	.element.isotope-mid {
		width: 99%;	
		height: auto !important;		
	}
	
	.element.isotope-small-portrait {
		height: auto !important;		
	}
*/

  /* elements that stetch to the edge on mobile */
/*  article header {
    margin-left: -20px;
    margin-right: -20px;
  }*/
  
  /* format title, snippet, etc */
  #top-image {
	  margin-bottom: 0 !important;
  }
 
/*  .page-header, .news-header-title, .simple-title {
	  margin: 0;
	  padding: 0;
	  margin: 0 !important;
	  padding: 0px 0px 0px 0px;
  } 
  */
	.page-header .offset1,
	.row-fluid .offset1 {
		margin-left: 0px;
		padding-left: 0px;
		padding-right: 0px;	
	}
		
	.row-fluid .bt_project .sidebar,
	.row-fluid .bt_project .sidebar2 {
		margin-left: 0px;
		margin-right: 0px;
		padding-left: 0px;
		padding-right: 0px;
	}
	
	.single-bt_project .snippet .inner {
		margin: 25px 20px;
	}
	
	.single-bt_project .snippet {	
		margin: 0px -20px;
	}

  #main .snippet {
	  padding: 0 10px !important;
  }
/*
  .top-box {
	  padding: 0 30px !important;
 	  width: 100% !important; 
		border-top: none !important;
  }*/
  
  	#projects-nav .col {
  		min-height:20px;
	  	margin-top: 0px;
	  	margin-bottom: 10px;
	  	padding-bottom: 4px;
		border-bottom: 1px solid #333;
 	}
  	#projects-nav {
	  	margin-bottom: 20px;
	  	padding-bottom: 14px;
		border-bottom: 1px solid #555;
 	}

 	#projects-nav .col:last-child {
	  	border-bottom: 0px;
  	}
  	
  	.pre-crumb, .mega-crumb {
		margin-top: 10px;
	}

  	
  	#projects-nav .col .sub-nav-title, {
  		float: left;
    	width: 30%;
    	margin-bottom: 0px;
		display: inline-block;
  	}
 	 #projects-nav p {
		margin-top: 0px;
		display: none;
  	}

  
	#projects-nav .project-nav-tags {
		width: 50%;
		max-width: 140px;
		display: inline-block;
	}
  
  	.simple-list-entry {
		padding-right: 0px !important;
	}

	.page-header .offset1 {
		margin-left:0px !important;
	}

/* overlays */

	.overlay-inner {
		width: 480px; 
	}
	
	.overlay-share-icons {
		overflow: hidden;
		margin-bottom: 40px;
	}

	.overlay-share-icons .share-button {
		margin-top: 20px;
		margin-right: 20px;
	/*	height: 70px;	*/
		width: 50px;	
	}

	.overlay-share-icons a div {
	/* margin-top: 10px; */
	font-size: 12px;
	}
	
	.pop-overlay .bottom-links {
	width: 400px;

	}
	
	.pop-overlay .wpcf7 .wpcf7-form-control-wrap {
/* 	margin-left: 200px; */
	float: right;
	width: 100%;
	max-width: 250px;
	margin-bottom: 0px;
}

/* overlays end */

	#projects-grid {
		margin-left: 4px;
	}
	
	.element.placeholder {
		display: none;
	}
	
}


/* Mobile (Portrait) */
/* Note: Design for a width of 320px */
@media only screen and (max-width: 479px) {

	body {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
	
	.navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top {
		margin-left: 20px !important;
		margin-right: 20px !important;
	}
	
/* homepage 320 */

	.home .home-info {
		height: 90px;
	}

	.home #home-title {
		left: 30px;
		font-size: 35px;
		bottom: 45px;
	}

	.home .home-inner .progress {
		margin-top: 55px;
	}

	.home .caption-outer {
		display:none;
}

/*	
	.hp-popup, .hp-popups {
		display:none;
	}
*/
/* end of homepage 320 */

			
	footer .first-pair,
	footer .second-pair,
	footer .third-pair
	{
		clear: left;
	}
	
	footer .menu {
		clear: left;
		width: 100%;
	}
	
	footer .arts-logo {
		float: none;
	}
	
	footer .attribution {
		float: none;
	}
	
	.offset1,
	footer
	 {
		margin-left: 0px !important;
	}
	

	#bottom-tools .share-this {
		float: none;
		margin-bottom: 20px;
	}	
	
	.mobile-fullwidth {
		width: 100% !important;
	}
	
	h1.single-title.span15 {
		font-size: 32px;
/*		line-height: 140% !important;
		background-color: #333333;		
		width: 100% !important;
		padding: 20px;
		padding-bottom: 0px;
		margin-left: 0 !important;
*/	}
	
/*	.big-title {
		margin-left: 20px !important;
		margin-right: 20px !important;
	}
*/	
	#top-image {
		margin-bottom: 0px;
	}		
	
	.page-header {
		margin-top: 0px;
	}	
	
	.collapser-data {
		padding-left: 15px;
	}
	
	.clicker {
		display: block;
	}
	
	.clicker.dont-collapse-mobile {
		display: inline;
	}
	
	.sidebar .links { 
		padding-bottom: 0px;
	}
	
	.element {
		width: 100%;
	}
	
	.element.isotope-mid {
		width: 100%;	
	}	
	
/*	.top-box .comment-count {
		float: right;
		margin-left: 0px;
	}

  .top-box {
	  padding: 0 20px !important;
		border-top: none !important;
  }
  
  */
	
  #main .snippet {
	  padding: 0 0px !important;
  }
  
  #projects-holder #show-more {
  	font-size: 14px;
  	text-align: right;
  	line-height: 1.2em;
  	width: 60px;
  }
	
/*  .page-header h1 {
	  background-color: #333333;
	  margin: 0 !important;
	  padding: 40px 20px 25px 20px;
  }*/
  
	#comments-what-think {
		margin-top: 10px !important;
		margin-bottom: 10px !important;
/* 		float: none; */
		clear: both;
		margin-left: 0px;
	}  
	

/* overlays */

	.overlay-inner {
		width: 270px; 
	}
	
	.overlay-share-icons {
		margin-bottom: 20px;
	}

	.overlay-share-icons .share-button {
		margin-top: 0px;
		margin-right: 20px;
		height: 50px;
		width: 50px;	
	}

	h1.overlay-title {
		font-size: 40px !important;
	}
		
	.pop-overlay .bottom-links {
		width: 190px;
		margin-top: 0px;
		font-size:12px;
	}
	
	.popup-outer input[type="text"],
	.popup-outer input[type="password"] {
		font-size: 18px;
		margin-bottom: 8px;
	}

/* overlays end */

}

/* --------- Bootstrap -------------- */

/*
@media (min-width: 1200px) {
	.row-fluid [class*="span"] {
		margin-left: 30px;
	}
}
*/

/* Bigger than mobile only */
@media only screen and (min-width: 768px) {
	.carousel-caption p{
		display: block;
	}
	
}

/* bigger than iPad portrait */
@media only screen and (min-width: 990px) {
	body{
		padding-top: 5px !important;
	}
	
	.container-fluid{
		max-width: 950px;
		margin: 0 auto;
		padding-left: 20px;
		padding-right: 20px;
	}
	
	#inner-footer{
		padding: 0;
	}
	
	#content{
		padding-left: 0;
		padding-right: 0;
	}
	
	.topbar-inner{
		padding: 0;
	}
	
	.topbar form.pull-right {
		float: right;
	}
	
	.navbar-form, .navbar-search {
		margin-top: 6px;
		margin-bottom: 0;
	}
	
	.navbar-search{
		padding-left: 0;
	}
	
	.sidebar{
		margin-top: 0 !important;
	}
	
	.widget_search input{
		width: 230px;
	}
	
	.blog .hero-unit{
		margin-top: 10px;
	}
	
	.page-template-page-homepage-php .hero-unit,
	.blog .hero-unit{
		padding: 60px;
	}
	
	.hero-unit h1 {
		font-size: 60px;
	}
	
	/* hide edit comment button and show on hover on desktop version */
	.edit-comment{
		display: none;
	}
	
	.vcard:hover .edit-comment{
		display: inline-block;
	}
	
	#s{
		width: 210px;
		margin-bottom: 6px;
	}
	
	.widget_search input{
		width: 209px;
	}
	
	.comment .vcard .comment-text{
		padding-left: 0;
		padding-right: 0;
	}

	/* Disable collapse */
/*
	.bt-prevent-big-screen-collapse .collapse {
		transition: none;
	}
*/

}