/**
 * Visaility see http://getbootstrap.com/css/#responsive-utilities-classes for refference
 */
@-ms-viewport {
  width: device-width;
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}

body {
  width: 98%;
  overflow-x: hidden;
  margin: 0 1%;
}

/**
 * Extra small devices
 */
@media (max-width: 767px) {
  #page h1 {
    font-size: 2.2em;
  }
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
  .visible-xs-block {
    display: block !important;
  }
  .visible-xs-inline {
    display: inline !important;
  }
  .visible-xs-inline-block {
    display: inline-block !important;
  }
  .page-node #page .category-link {
    margin-left: 40px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
  .visible-sm-block {
    display: block !important;
  }
  .visible-sm-inline {
    display: inline !important;
  }
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }
  table.visible-md {
    display: table;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
  .visible-md-block {
    display: block !important;
  }
  .visible-md-inline {
    display: inline !important;
  }

  .visible-md-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }
  table.visible-lg {
    display: table;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}
@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}

/**
 * Theming
 */
@media (max-width: 991px) {
	#featured .view ul li {
		max-width: 1000px !important;
	}

	.limiter {
		width: 100%;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}

	.no-sidebars #main {
		width: 100%;
	}

	.two-columns #main {
		width: 66%;
	}

	.two-columns #right {
		width: 33%;
	}

	.main-column-larger #main {
		width: 60%;
	}

	.main-column-larger #right {
		width: 39%;
	}

	.two-columns-equal #main,
	.two-columns-equal #right {
		width: 49.5%;
	}

	.two-columns-left #main {
		width: 75%;
		margin-left: 1%;
	}

	div.two-columns-left #left {
		width: 24%;
	}

	#page .ghh-menu-items a {
		width: auto;
	}

	/**
	 * Header
	 */
	#branding .site-name {
		width: 259px;
	}

	#navigation .primary-links a, #navigation .primary-links a:visited {
		padding: 11px 15px 10px !important;
	}

	/**
	 * About
	 */
	#left ul.menu li {
		padding: 0;
		height: auto;
	}

	#left ul.menu li a {
		display: block;
		padding: 10px 30px 10px 30px;
	}

	/**
	 * Box
	 */
	#page #featured .view-content {
		width: 100%;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}

	#featured .view-content .jcarousel-clip,
	#featured .view-content .jcarousel-container {
		width: 100%;
	}

	#group-page-head .wrapper a {
		height: auto;
		line-height: normal;
	}

	#group-page-head .wrapper h1 {
		white-space: normal;
		overflow: auto;
		font-size: 1.8em;
	}

  /* Pagination */

  #page .pagination li {
    display: none;
    padding: 0 8px;
  }

  #page .pagination li.pager-first,
  #page .pagination li.pager-last,
  #page .pagination li.pager-previous,
  #page .pagination li.pager-next {
    display: block;
  }

}

@media (max-width: 820px) {
	/**
	 * Header
	 */
	#search-bar {
		width: 382px;
	}

	#block-boxes-add_stuff {
		display: none;
	}
	#block-boxes-google_search_box {
		float: right;
	}
}

/**
 * Small Devices
 */
@media (max-width: 960px) {
	div.two-columns-left #left,
	.two-columns-left #main,
	.two-columns-equal #main,
	.two-columns-equal #right,
	.main-column-larger #main,
	.main-column-larger #right,
	.two-columns #left,
	.two-columns #right,
	.two-columns #main {
		width: 100%;
	}

	.two-columns-left #main {
		margin-left: 0;
	}

	.main-column-larger #main {
		margin-bottom: 0;
	}

	#search-bar {
		display: none;
	}

	#navigation {
		display: none;
	}

	#page .block-content {
		margin: 10px 10px;
		padding: 0;
	}

	#page .block-quicktabs .quicktabs_tabpage .block-content {
		margin-left: 10px;
		margin-right: 10px;
	}

	#footer .block-multiblock {
		background: none;
	}

	#footer .block-multiblock ul {
		width: 100%;
		padding-left: 0;
		padding-right: 0;
		text-align: center;
		margin-bottom: 10px;
	}

	#footer .block-multiblock ul li {
		display: inline-block;
		float: none;
		line-height: 20px;
	}

	#footer .prose {
		margin-top: 40px;
	}

	#footer .prose p {
		margin: 0;
	}

	/**
	 * About
	 */
	#left ul.menu li a {
		padding: 10px;
	}

	/**
	 * Main Menu
	 */
	#branding .site-name {
		height: 50px;
		width: 200px;
	}

	#branding .site-name a img {
		width: 180px;
		height: auto;
	}

	#branding {
		margin-bottom: 0;
	}

	.navbar-toggle {
		background: #FFF;
    border-radius: 4px;
    float: right;
    margin-bottom: 0;
    margin-right: 0;
    margin-top: 5px;
    padding: 15px;
    position: relative;
    cursor: pointer;
    border: 1px solid #e5e5e5;
	}

	.navbar-toggle.open {
		padding-bottom: 19px;
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0;
		border-bottom: none;
	}

  #mobile-menu {
    display: block !important;
  }

	.navbar-toggle .icon-bar {
		background: #f08500;
		border-radius: 1px;
    display: block;
    height: 2px;
    width: 22px;
  }

  .navbar-toggle .icon-bar + .icon-bar {
	  margin-top: 4px;
  }

  #navigation .primary-links {
	  background: #FFF !important;
	  border-radius: 0 !important;
	  height: auto !important;
	  padding: 0 !important;
	  margin: 0 !important;
  }

  #navigation .primary-links li {
	  background: #FFF !important;
	  float: none;
	  display: block;
	  padding-left: 0 !important;
  }

 #navigation .primary-links li:first a:visited,
 #navigation .primary-links li:first a {
	 border-top: 1px solid #e5e5e5 !important;
 }

  #navigation .primary-links li a:visited,
  #navigation .primary-links li a {
	  border-radius: 0 !important;
	  height: auto;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	  padding: 10px !important;
	  width: 100%;
	  display: block;
	  background: #FFF !important;
	  border-bottom: 1px solid #e5e5e5;
	  border-left: 1px solid #e5e5e5;
	  border-right: 1px solid #e5e5e5;
	  color: #000;
	}

  #navigation .primary-links li.active-trail a,
  #navigation .primary-links li.active-trail a:visited {
		background: #ff8a0c !important;
	}

	.tooltip {
		display: none !important;
	}

	#page {
		margin-top: 10px;
	}

	#page .block-title {
		padding: 10px;
	}

	#page .block-content .block-content {
		margin: 0;
	}

	body.block-titled #content-wrapper #content h1.page-title {
		padding: 10px !important;
	}
	body.block-titled #content-wrapper #content #content-body {
		margin: 10px;
	}

	body.block-titled #content-wrapper #content #content-body {
		margin: 0;
		padding-top: 0;
  }

	.block-ft_account ul li.first {
		display: none;
	}

	.no-sidebars #main .form-text {
		width: 97%;
	}

	.front #quicktabs-home_tabs .block-content {
		margin: 15px 5px !important;
    padding: 10px 10px 0;
	}

  .node-gallery_image .custom-pager-top .right, .node-type-gallery-image .custom-pager-top .right, #featured .right {
    right: 31px;
  }

  .node-gallery_image .custom-pager-top .left, .node-type-gallery-image .custom-pager-top .left, #featured .left {
    left: 31px;
  }

  .badge-1 {
    top: -13px;
    left: -13px;
  }

}