/* ------------------------------------------------------------------------------- */
/*  Media Queries
/* ------------------------------------------------------------------------------- */


/* Standard 960 or larger (browsers) */
@media only screen and (min-width: 960px) {
}

@media only screen and (min-width:980px) and (max-width: 1024px) {
.fancybox-wrap {
	position: fixed !important;
	top: 20px !important;
}
.fancybox-title-over-wrap {
	padding: 10px 0 0 0;
	width: 90%;
}
.fancybox-title {
	font-size: 10px !important
}
.fancybox-skin {
	width: 90% !important
}
.fancybox-image {
	width: 90%;
	height: 90%
}
.fancybox-wrap {
	box-shadow: none;
	margin-left: 5%
}
hr.tab-portrait {
	display:none;
}

}

@media only screen and (max-width: 1100px) {
#logo img {
	float: left;
	width: 210px;
	height: 130px;
	display: block;
	position: absolute;
	top: -30px;
	z-index:1000
}

.about h2 {
	text-align: center
}
.container {
	max-width: 980px;
}
.project-item {
	margin-bottom:20px !important;
}
hr.tab-portrait {
	display:none;
}

}

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 979px) {
#navigation {
	display: none;
}
#logo img {
	float: left;
	width: 230px;
	height: 130px;
	display: block;
	position: absolute;
	top: -30px;
	z-index:0
}
#header {
	height: 170px !important;
}
.about h2 {
	text-align: center
}
.container {
	max-width: 708px;
}
.jcarousel-prev, .jcarousel-next {
	display: none !important;
}
.pricing-table-extended .features-list {
	display: none;
}
.pricing-table-extended.five-cols .column {
	width: 19.9%;
}
.pricing-table-extended.four-cols .column {
	width: 24.8%;
}
.pricing-table-extended.three-cols .column {
	width: 33.1%;
}
.pricing-table-extended.two-cols .column {
	width: 49%;
}
.pricing-table-extended.one-cols .column {
	width: 100%;
}
.pricing-table-simple.five-cols .column {
	width: 19.9%;
}
.pricing-table-simple.four-cols .column {
	width: 24.9%;
}
.pricing-table-simple.three-cols .column {
	width: 33.1%;
}
.pricing-table-simple.two-cols .column {
	width: 49%;
}
.pricing-table-simple.one-cols .column {
	width: 100%;
}
.pricing-table-extended .column ul li:before {
	color: #959595;
	content: attr(data-feature);
	display: block;
	font-weight: 800;
	text-align: center;
}
.pricing-table-simple h2 {
	font-size: 16px;
}
.project-item .item-title {
	bottom: 20px;
}
.photo-stream img {
	width: 49px;
	height: 49px;
}
.flex-caption {
	margin: 0 0 20px 70px;
	padding: 25px;
	width: 300px;
}
.flex-caption h3 {
	font-size: 18px;
}
.flex-caption p {
	font-size: 12px;
}
#google-map.fullwidth-padding {
	height: 350px;
}
/* custom below*/
.nav_wrapper {
	margin-right: 0px !important
}
.project-item {
	margin-bottom:20px !important;
}
hr.tab-portrait {
	display:none;
}

}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 979px) {
.headerbar {
	width: 100%;
	height: 40px;
	background: #53595d;
	z-index:1
}
#header {
	position: relative;
	margin: 0 auto;
	height: 140px !important;
}
#logo img {
	width: 230px;
	height: 130px;
	display: block;
	position: absolute;
	top: -30px;
	left: 210px;
}
.selectnav {
	display: block;
	margin-left: -30px;
	margin-right: -30px;
	width: 700px;
	position: absolute;
	top: -66px;
}
.project-carousel li {
	width: 226px;
	height: 226px;
	margin-right: 15px;
}
.project-feed > div {
	margin-bottom: 14px;
}
.project-description .one-fourth {
	width: 31.9%;
}
.project-description .three-fourth {
	width: 64%;
}
.one-fifth {
	width: 100%;
	margin-right: 1%;
}
.social-links {
	float: left;
	padding: 15px 0;
}
.video-inset {
	width: 100%;
	height: 190px;
	display: block;
}
.project-feed-filter {
	margin-left: 20px
}
.page_title {
	margin-bottom: 20px;
	text-align: center
}
.tag_top_cont {
	margin-top: 20px
}
.tag_bottom {
	padding: 0
}
.fancybox-wrap {
	position: fixed !important;
	top: 0 !important
}
.three-fourth {
	width: 100%;
}

.one-fourth.wider {
	width:48%;
	float:left;
}

/* Indent & Tagline styling */

.one-fourth.hide-white {
	display: none !important;
}
.tag_top, .tag_bottom {
	font-size: 16px;
	text-align: center;
}
.tag_bottom {
	padding-bottom: 20px;
}
.tag-top-wrapper {
	margin-top: 40px;
	margin-bottom: 0px;
}
.tag-bottom-wrapper {
	margin-top: 20px;
	margin-bottom: 40px;
}

.project-item .icon-image i {
	display:none;
}
.project-item {
	margin-bottom:20px !important;
}

hr.tab-portrait {
	display:block;
	clear:left;
}

}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
	

#logo img {
	width: 230px;
	height: 130px;
	display: block;
	position: absolute;
	top: -30px;
	left: 210px;
}
.headerbar {
	width: 100%;
	height: 40px;
	background: #53595d;
	z-index:1
}
.about_text {
	padding-right: 0 !important;
	margin-top: 5px !important
}
.about_text li {
	list-style-type: square
}
.about_text ul {
	margin-left: 0px
}
.one-third {
	margin: 0 !important
}
.inline-border:before, .inline-border:after {
	width: 10%;
}
.container {
	width: 440px;
}
#main {
	margin-bottom: 40px;
}
#main, #sidebar {
	width: 100%;
}
.one-half {
	width: 48%;
}
.one-third {
	width: 100%;
}
.two-third {
	width: 64%;
}
.one-fourth {
	width: 49%;
}
.three-fourth {
	width: 100%;
}
.one-fifth {
	width: 100%;
}
.two-fifth {
	width: 36.8%;
}
.three-fifth {
	width: 55.2%;
}
.four-fifth {
	width: 73.6%;
}
.one-sixth {
	width: 15%;
}
.five-sixth {
	width: 75%;
}
.one-fourth:nth-child(2n+2) {
	margin-right: 0;
}
.one-fifth:nth-child(3n+3) {
	margin-right: 0;
}
.one-half, .one-third, .two-third, .three-fourth, .one-fourth, .one-fifth, .two-fifth, .three-fifth, .four-fifth, .one-sixth, .five-sixth {
/* margin-bottom: 30px;*/
}
#navigation {
	display: none;
}
.selectnav {
	display: block;
	margin-left: -30px;
	margin-right: -30px;
	width: 500px;
	position: absolute;
	top: -66px;
}

.page-title {
	padding-top: 40px;
	padding-bottom: 45px;
	font-size: 42px;
}
.page-title .accent {
	font-size: 24px;
}
.project-carousel li {
	width: 210px;
	height: 210px;
}
.social-links {
	float: left;
	padding: 15px 0;
}
.social-links li {
	margin-left: 0;
	margin-right: 8px;
}
.sep10 {
	height: 10px;
}
.sep20 {
	height: 20px;
}
.sep30 {
	height: 30px;
}
.sep40 {
	height: 25px;
}
.sep50 {
	height: 30px;
}
.sep60 {
	height: 40px;
}
.sep70 {
	height: 45px;
}
.sep80 {
	height: 50px;
}
.sep90 {
	height: 60px;
}
.sep100 {
	height: 50px;
}
.pricing-table-extended.five-cols .column {
	width: 49%;
}
.pricing-table-extended.four-cols .column {
	width: 49%;
}
.pricing-table-extended.three-cols .column {
	width: 49%;
}
.pricing-table-extended.two-cols .column {
	width: 49%;
}
.pricing-table-extended.one-cols .column {
	width: 100%;
}
.pricing-table-simple.five-cols .column {
	width: 49%;
}
.pricing-table-simple.four-cols .column {
	width: 49%;
}
.pricing-table-simple.three-cols .column {
	width: 49%;
}
.pricing-table-simple.two-cols .column {
	width: 49%;
}
.pricing-table-simple.one-cols .column {
	width: 100%;
}
.flex-caption {
	display: none;
}
.project-nav {
	float: left;
	margin-bottom: 20px;
}
.project-nav a {
	margin-left: 0;
	margin-right: 8px;
}
.button.big {
	padding: 7px 20px 8px;
	font-size: 14px;
}
.service {
	margin-bottom: 0;
}
.service.nobutton {
	margin-bottom: 50px;
}
#footer .info {
	margin-top: 20px;
}
.social-links {
	float: left;
	padding: 15px 0;
}

.project-item {
	margin-bottom:20px !important;
}



}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
#logo img {
	width: 230px;
	height: 130px;
	display: block;
	position: absolute;
	top: -30px;
	left: 90px;
}
.headerbar {
	width: 100%;
	height: 40px;
	background: #53595d;
	z-index:1
}
#header {
	height: 140px !important;
}
.one-fifth {
	width: 100%;
}
.one-half {
	width: 100%;
	margin: 0;
}
.social-links {
	float: left;
	padding: 15px 0;
}
.about_text ul {
	margin-left: 0px
}
.video-inset {
	width: 100%;
	height: 250px;
	display: block;
}
.tag_top, .tag_bottom {
	font-size: 16px;
	text-align: center;
}
.tag_bottom {
	padding-bottom: 20px;
}
.page_title {
	text-align: center
}
/* Indent & Tagline styling */

.one-fourth.hide-white {
	display: none !important;
}
.tag_top, .tag_bottom {
	font-size: 16px;
	text-align: center;
}
.tag_bottom {
	padding-bottom: 20px;
}
.tag-top-wrapper {
	margin-top: 40px;
	margin-bottom: 0px;
}
.tag-bottom-wrapper {
	margin-top: 20px;
	margin-bottom: 40px;
}
.one-fourth.wider {
	width: 46%;
	margin-right: 4%;
}

.one-fourth {
	width: 99%;
}

.gallery_title {
	color: white;
	font-family: "Roboto";
	position: absolute;
	top: 50%;
	width: 100%;
	color: #fff;
	text-align: center;
	font-size: 16px;
}

.project-item {
	border-top: 1px solid #ccc !important;
	border-right: 1px solid #ccc !important;
	border-bottom: 1px solid #ccc !important;
	border-left: 1px solid #ccc !important;
	margin-bottom:20px !important;
}


}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
#logo img {
	width: 190px;
	height: auto;
	display: block;
	position: absolute;
	top: -30px;
	left: 40px;
}
.headerbar {
	width: 100%;
	height: 40px;
	background: #53595d;
	z-index:1
}

.about_text {
	padding-right: 0px !important;
	margin-top: 5px !important
}
.about_text li {
	list-style-type: square
}
.about_text ul {
	margin-left: 0px
}
.one-third {
	margin: 0
}
.container {
	width: 280px;
}
#main, #sidebar {
	width: 100%;
}
.one-half {
	width: 100%;
}
.one-third {
	width: 100%;
}
.two-third {
	width: 100%;
}
.one-fourth {
	width: 99%;
}
.three-fourth {
	width: 100%;
}
.one-fifth {
	width: 100%;
}
.two-fifth {
	width: 100%;
}
.three-fifth {
	width: 100%;
}
.four-fifth {
	width: 100%;
}
.one-sixth {
	width: 100%;
}
.five-sixth {
	width: 100%;
}
.project-carousel li {
	width: 280px;
	height: 280px;
}
.selectnav {
	margin-left: -25px;
	margin-right: -25px;
	width: 330px;
}
.pricing-table-extended.five-cols .column {
	width: 100%;
}
.pricing-table-extended.four-cols .column {
	width: 100%;
}
.pricing-table-extended.three-cols .column {
	width: 100%;
}
.pricing-table-extended.two-cols .column {
	width: 100%;
}
.pricing-table-extended.one-cols .column {
	width: 100%;
}
.pricing-table-simple.five-cols .column {
	width: 100%;
}
.pricing-table-simple.four-cols .column {
	width: 100%;
}
.pricing-table-simple.three-cols .column {
	width: 100%;
}
.pricing-table-simple.two-cols .column {
	width: 100%;
}
.pricing-table-simple.one-cols .column {
	width: 100%;
}
.social-links {
	float: left;
	padding: 15px 0;
}
.video-inset {
	width: 100%;
	height: 150px;
	display: block;

}
.rightpan_music_text, .rightpan_vid_text {
	border-bottom: dotted 1px #53595D;
	margin: 0 0 20px 0;
	padding: 20px 0 20px 0;
	min-height: 100%;
}

.project-item .icon-image i {
	color: #fff;
	position: absolute;
	top: 42%;
	left: 48%;
	font-size: 130%;
}
.page_title {
	text-align: left;
	font-size:20px;
	margin-bottom:20px !important;
}
.about_text h3 {
	font-size: 23px;
	color: #53595D;
	font-weight: 300;
}
#header {
	max-height: 120px
}
.about_text p {
	margin-bottom: 0px
}
ul.about_list {
	margin-top: 10px;
}
.project-item {
	border-top: 1px solid #ccc !important;
	border-right: 1px solid #ccc !important;
	border-bottom: 1px solid #ccc !important;
	border-left: 1px solid #ccc !important;
	margin-bottom:20px !important;
}
.project-feed-filter {
	margin-bottom: 5px;
	text-align: center;
}
.rightpan_music_text, .rightpan_vid_text {
	border-bottom: dotted 1px #53595D;
	margin: 0 0 20px 0;
	padding: 20px 0 20px 0;
	min-height: 100% !important;
}
.gallery_title {
	color: white;
	font-family: "Roboto";
	position: absolute;
	top: 55%;
	width: 100%;
	color: #fff;
	text-align: center;
	font-size: 16px;
}
/* Indent & Tagline styling */

.one-fourth.hide-white {
	display: none !important;
}
.tag_top, .tag_bottom {
	font-size: 16px;
	text-align: left;
}
.tag_bottom {
	padding-bottom: 20px;
}
.tag-top-wrapper {
	margin-top: 40px;
	margin-bottom: 0px;
}
.tag-bottom-wrapper {
	margin-top: 20px;
	margin-bottom: 40px;
}
.fancybox-wrap {
	position: fixed !important;
	top: 20px !important;
}
}