@media (min-width:1211px) {
	.parallax-page {
		width: 100%
	}
	.parallax-portfolio #pager img {
		width: 50px
	}
	.parallax-page .bx-viewport,
	.parallax-page .bx-viewport li,
	.parallax-page .bx-viewport .blogpost,
	.parallax-page .bx-viewport .member,
	.parallax-page .page-contents {
		height: 395px !important
	}
}

@media (min-width:941px) and (max-width:1210px) {
	.parallax-page .bx-viewport,
	.parallax-page .bx-viewport li,
	.parallax-page .bx-viewport .blogpost,
	.parallax-page .bx-viewport .member,
	.parallax-page .page-contents {
		height: 340px !important
	}
	.parallax-page .bx-viewport .member {
		width: 220px !important
	}
	.parallax-page .team-desc {
		height: 220px
	}
	.blogpost {
		width: 380px !important
	}
	.parallax-portfolio .slider li img,
	.parallax-portfolio #pager {
		width: 350px
	}
	.parallax-page {
		width: 100%;
	}
	.parallax-portfolio .contents {
		padding: 40px 40px 30px 40px
	}
	.parallax-portfolio li .contents p {
		padding: 15px 0;
		margin: 0;
		line-height: 18px !important
	}
	.parallax-portfolio .contents h2 {
		margin-bottom: 0;
		font-size: 18px
	}
	.post_format:before,
	.post_format {
		height: 35px;
		width: 35px;
		line-height: 30px
	}
	.blogpost .blog-post-title,
	.blogpost .meta-details {
		padding-left: 40px
	}
	.parallax-portfolio .btn-group {
		top: 20px;
		right: 20px
	}
	.parallax-portfolio #pager img {
		width: 50px
	}
	#commentform #author,
	#commentform #email,
	#commentform #url,
	#commentform textarea {
		width: 70%
	}
}

@media (min-width:769px) and (max-width:940px) {
	.parallax-page .bx-viewport,
	.parallax-page .bx-viewport li,
	.parallax-page .bx-viewport .blogpost,
	.parallax-page .bx-viewport .member,
	.parallax-page .page-contents {
		height: 302px !important
	}
	.parallax-page .bx-viewport .member {
		width: 200px !important
	}
	.parallax-page .team-desc {
		height: 200px
	}
	.blogpost {
		width: 350px !important
	}
	.small-title .blog-post-title a,
	.small-title .blog-post-title {
		font-size: 16px;
		padding-left: 0;
		line-height: 22px;
		padding-bottom: 10px
	}
	.page-contents .member h3 {
		font-size: 16px
	}
	.entry-header .meta-details {
		padding-left: 0
	}
	.blogpost .post_format:before,
	.blogpost .post_format {
		display: none
	}
	.parallax-portfolio .slider li img,
	.parallax-portfolio #pager {
		width: 300px
	}
	.content-box .parallax-portfolio .btn-group {
		top: 12px
	}
	.parallax-page {
		width: 100%;
		max-width: 620px
	}
	.parallax-portfolio .contents {
		padding: 35px 40px 30px 40px
	}
	.parallax-portfolio li .contents p {
		padding: 15px 0;
		margin: 0;
		line-height: 18px !important
	}
	.parallax-portfolio .contents h2 {
		margin: 0;
		font-size: 20px
	}
	.parallax-portfolio #pager a {
		padding: 2px
	}
	.parallax-portfolio .btn-group {
		top: 15px;
		right: auto;
		left: 15px
	}
	.parallax-portfolio #pager img {
		width: 40px
	}
	#commentform #author,
	#commentform #email,
	#commentform #url,
	#commentform textarea {
		width: 80%
	}
}

@media (max-height:780px) {
	.parallax-page .page-title {
		display: block;
		margin-bottom: 15px
	}
	.parallax-page .page-title h1,
	.parallax-page .page-title h4 {
		vertical-align: middle
	}
	.parallax-page .page-title h4 {
		padding-left: 10px
	}
	.parallax-page .bx-viewport,
	.parallax-page .bx-viewport li,
	.parallax-page .bx-viewport .blogpost,
	.parallax-page .bx-viewport .member,
	.parallax-page .page-contents {
		height: 360px !important
	}
	.parallax-page .blogpost .entry-header {
		padding: 10px
	}
	.parallax-page .content-box .blogpost .entry-header {
		padding: 10px 10px 10px 0
	}
	.parallax-page .post_format {
		left: 10px;
		top: 10px
	}
	.parallax-page .content-box .post_format {
		left: 0
	}
}

@media (min-width:480px) and (max-width:768px) {
	.parallax-page .bx-viewport,
	.parallax-page .bx-viewport li,
	.parallax-page .bx-viewport .blogpost,
	.parallax-page .bx-viewport .member,
	.parallax-page .page-contents {
		height: 268px !important
	}
	#portfolio .col-xs-6 {
		width: 49% !important
	}
	.parallax-page .page-title h1 {
		font-size: 28px
	}
	.content-box .parallax-portfolio .btn-group {
		top: 12px
	}
	.parallax-page .bx-viewport .member {
		width: 170px !important
	}
	.parallax-page .team-desc {
		height: 170px
	}
	.parallax-page .team p {
		padding-bottom: 5px
	}
	.parallax-page .team h3 {
		font-size: 16px
	}
	.parallax-portfolio .slider li .attachent-container,
	.parallax-portfolio #pager {
		width: 45% !important;
		display: block;
		float: left;
		margin-right: 25px
	}
	.parallax-portfolio .slider li .attachent-container {
		height: 270px
	}
	.parallax-portfolio .slider li img {
		width: 200px;
		margin: 0
	}
	.parallax-portfolio #pager {
		width: 200px;
		bottom: 10px
	}
	.parallax-portfolio .contents {
		padding-top: 20px !important
	}
	.parallax-portfolio .bx-controls-direction {
		width: 200px
	}
	.parallax-portfolio #pager img {
		width: 33px
	}
	.blogpost {
		width: 330px !important
	}
	.small-title .blog-post-title a,
	.small-title .blog-post-title {
		font-size: 15px;
		line-height: 20px
	}
	.parallax-page {
		width: 480px
	}
	.entry-header .meta-details {
		padding-left: 0
	}
	.parallax-portfolio #pager a {
		padding: 2px
	}
	.parallax-page .link {
		padding: 10px 15px !important;
		font-size: 16px
	}
	.parallax-portfolio .contents {
		padding: 25px 35px 25px 35px
	}
	.parallax-portfolio li .contents p {
		padding: 15px 0;
		margin: 0;
		line-height: 18px !important
	}
	.parallax-portfolio .contents h2 {
		margin: 0;
		font-size: 20px
	}
	.parallax-portfolio .btn-group {
		top: 15px;
		right: auto;
		left: 15px
	}
	.post_format:before,
	.post_format {
		display: none
	}
	.blog-post-title {
		padding-left: 0
	}
	.parallax-page .entry-header,
	.parallax-page .entry-content {
		padding: 15px 30px 20px 30px
	}
	#commentform #author,
	#commentform #email,
	#commentform #url,
	#commentform textarea {
		width: 90%
	}
	.comment-meta {
		width: 280px
	}
	.comment-metadata time {
		font-size: 12px
	}
	.comment-list ol.children {
		padding-left: 20px
	}
}

@media (max-width:480px),
(max-height:480px) {
	.template-parallax .site-footer .footer-info {
		padding: 10px 0;
		text-align: center
	}
	.parallax-portfolio .contents {
		padding-top: 0 !important
	}
	.parallax-page:hover {
		z-index: 9 !important
	}
	#colophon {
		height: 45px
	}
	.col-sm-4 {
		width: 100%
	}
	#portfolio .col-sm-4 {
		width: 100% !important
	}
	.parallaxItem {
		visibility: hidden
	}
	.blog-post-title,
	.blog-post-title a {
		font-size: 21px !important
	}
	.blogpost .overlay {
		position: relative;
		bottom: auto
	}
	.page-contents {
		overflow-y: auto
	}
	.equalheight {
		min-height: 0 !important
	}
	.team-desc {
		position: static;
		height: auto;
		min-height: 0 !important
	}
	.page-contents .member h3 {
		font-size: 20px
	}
	.team p {
		padding-bottom: 5px
	}
	.parallax-page .page-title h1 {
		font-size: 22px
	}
	.parallax-page .page-title {
		margin-bottom: 12px
	}
	.parallax-page {
		max-width: 95%;
		top: 75px !important
	}
	.parallax-page .member,
	.parallax-page .team,
	.blogpost,
	.blogpage,
	.parallax-portfolio .slider,
	.parallax-portfolio .slider li,
	.parallax-portfolio .slider a img {
		width: 100% !important;
		max-width: 480px !important;
		margin: 0 auto 20px auto
	}
	.parallax-portfolio .slider a img {
		display: block !important;
		width: 100% !important;
		height: auto !important;
		margin: 0 !important;
		float: none
	}
	.parallax-portfolio .slider li {
		overflow: hidden;
		margin: 0 0 20px 0
	}
	.parallax-portfolio .slider .contents {
		display: block;
		clear: both;
		float: none;
		padding-top: 40px
	}
	.blogpost,
	.blogpage {
		max-width: 100%
	}
	.blogpost .blog-post-title,
	.blogpost .entry-header,
	.blogpost {
		min-height: 0 !important
	}
	.parallax-page .team,
	.blogpost,
	.blogpage {
		transform: none !important;
		width: 100% !important
	}
	.parallax-page .member:last-child {
		margin-bottom: 0
	}
	.parallax-about.nano-content,
	.parallax-blog.nano-content,
	.parallax-portfolio.nano-content {
		padding: 0 15px 0 0
	}
	.parallax-portfolio #pager {
		display: none !important
	}
	.parallax-portfolio .slider {
		width: 100%
	}
	.parallax-portfolio li,
	.parallax-portfolio ul {
		list-style: none
	}
	.parallax-page .team-content,
	.parallax-page .team-group {
		width: 100%
	}
	.post_format:before,
	.post_format {
		display: none
	}
	.blog-post-title,
	.entry-header .meta-details {
		padding-left: 0
	}
	.small-title .blog-post-title a,
	.small-title .blog-post-title {
		font-size: 16px;
		line-height: 20px
	}
	.small-title .blog-post-title a {
		padding-bottom: 10px;
		display: block
	}
	.entry-header,
	.entry-content {
		padding: 15px 20px
	}
	.entry-header .meta-details a,
	.cat-tag a {
		font-size: 10px
	}
	.page-title h1 {
		font-size: 28px
	}
	.page-title h4 {
		font-size: 14px
	}
	.parallax-page {
		width: 90%
	}
	.parallax-portfolio .slider li img {
		width: 100%;
		height: auto
	}
	.parallax-portfolio .slider li img,
	.parallax-portfolio #pager {
		width: 100%
	}
	.parallax-page .link {
		padding: 5px 10px;
		font-size: 13px
	}
	#commentform #author,
	#commentform #email,
	#commentform #url,
	#commentform textarea {
		width: 99%
	}
	.comment-meta {
		width: 280px
	}
	.comment-metadata time {
		font-size: 12px
	}
	.comment-list ol.children {
		padding-left: 0
	}
	.comment-list .avatar {
		width: 40px;
		height: auto;
		margin-right: 10px
	}
	.team-pic:hover,
	.team-desc:hover,
	.team-desc {
		opacity: 1 !important
	}
}