/* #Media Queries

================================================== */

/* Smaller than standard 960 (devices and browsers) */

@media only screen and (max-width: 959px) {

	

	.fixed-width {

		margin: auto !important;

		width: auto !important;

	}

	

	#header-container {

		left: 0;

		margin-left: 0;

		text-align: center;

	}

	

	#no-header-image-wrapper {

		min-height: 168px;

	}

	

	#logo-wrapper {

		float: none;

		padding-left: 20px;

		padding-right: 20px;

		padding-top: 40px;

	}

	

	#menu-wrapper {

		padding: 0;

		text-align: center;

	}

	

	#root-menu {

		display: inline-block;

		float: none;

		margin-bottom: -2px;

	}

	

	#root-menu li {

		display: inline-block;

		float: none;

	}

	

	#header-search-input-wrapper {

		padding-top: 42px;

	}

	

	#header-search-input.small {

		font-size: 42px;

		margin-top: -12px;

	}

	

	.slider-caption {

		margin-left: -200px;

		margin-top: 20px;

		width: 400px;

	}

	

	.slider-caption .caption-title {

		font-size: 42px;

	}

	

	#slider-prev, 

	#slider-next {

		margin-top: 60px;

	}

	

	#slider-next {

		margin-right: 0;

		right: 0;

	}

	

	#slider-prev {

		left: 0;

		margin-left: 0;

	}

	

	#header-image-shadow {

		left: 0;

		margin-left: 0;

	}

	

	#content-container h1 {

		font-size: 24px;

		line-height: 30px;

		margin-bottom: 12px;

	}

	

	#content-container h2,

	#content-container h3.larger {

		font-size: 18px;

		line-height: 24px;

		margin-bottom: 12px;

	}

	

	#content-container h3,

	#content-container h2.smaller {

		font-size: 16px;

		line-height: 22px;

		margin-bottom: 10px;

	}

	

	#content-container h4 {

		font-size: 14px;

		line-height: 20px;

		margin-bottom: 12px;

	}

	

	#content-container h5 {

		font-size: 14px;

		line-height: 18px;

		margin-bottom: 6px;

	}

	

	

	#intro h1, 

	#intro h2 {

		font-size: 36px;

		line-height: 42px;

		margin-bottom: 30px;

	}

	

	#intro.not-homepage h1, 

	#intro.not-homepage h2 {

		font-size: 30px;

		line-height: 36px;

		margin-bottom: 30px;

	}

	

	

	#content-container .style2 .testimonial-list .blockquote-wrapper {

		/*margin-left: 70px;*/

		padding-bottom: 0 !important;

		margin-bottom: 0;

	}

	

	#footer-social span {

		display: none;

	}  

	

	.flickr_badge_image {

		width: 60px;

	}

	

	.columns, 

	.portfolio-item.fixed-box {

		padding: 220px 20px;

	}

	

	.blog-item .date {

		float: left;

	}

	

	

	.testimonial-list > div {

		min-height: inherit;

	}



	.no-padding .testimonial-list > div {

		min-height: inherit;

	}



}



/* Tablet Portrait size to standard 960 (devices and browsers) */

@media only screen and (min-width: 768px) and (max-width: 959px) {

	

	.portfolio-root-wrapper {

		font-size: 14px;

	}

	

	.large-9.columns .portfolio-root-wrapper {

		font-size: 12px;

	}

	

	/* Portfolio Shortcode 3 Columns */

	.large-2.columns .portfolio-root-wrapper.col3 {

		font-size: 2px;

	}

	

	.large-3.columns .portfolio-root-wrapper.col3 {

		font-size: 4px;

	}

	

	.large-4.columns .portfolio-root-wrapper.col3 {

		font-size: 6px;

	}

	

	.large-5.columns .portfolio-root-wrapper.col3 {

		font-size: 8px;

	}

	

	.large-6.columns .portfolio-root-wrapper.col3 {

		font-size: 9px;

	}

	

	.large-7.columns .portfolio-root-wrapper.col3 {

		font-size: 10px;

	}

	

	.large-8.columns .portfolio-root-wrapper.col3 {

		font-size: 11px;

	}

	

	.large-9.columns .portfolio-root-wrapper.col3 {

		font-size: 13px;

	}

	.large-10.columns .portfolio-root-wrapper.col3 {

		font-size: 14px;

	}

	

	/* Portfolio Shortcode 3 Columns with Sidebar */

	.with-sidebar .large-2.columns .portfolio-root-wrapper.col3 {

		font-size: 2px;

	}

	

	.with-sidebar .large-3.columns .portfolio-root-wrapper.col3 {

		font-size: 4px;

	}

	

	.with-sidebar .large-4.columns .portfolio-root-wrapper.col3 {

		font-size: 4px;

	}

	

    .with-sidebar .large-5.columns .portfolio-root-wrapper.col3 {

		font-size: 5px;

	}

    

	.with-sidebar .large-6.columns .portfolio-root-wrapper.col3 {

		font-size: 6px;

	}

	

    .with-sidebar .large-7.columns .portfolio-root-wrapper.col3 {

		font-size: 7px;

	}

    

	.with-sidebar .large-8.columns .portfolio-root-wrapper.col3 {

		font-size: 8px;

	}

	

	.with-sidebar .large-9.columns .portfolio-root-wrapper.col3 {

		font-size: 10px;

	}

	

	.with-sidebar .large-10.columns .portfolio-root-wrapper.col3 {

		font-size: 11px;

	}

	

	.with-sidebar .large-12.columns .portfolio-root-wrapper.col3 {

		font-size: 13px;

	}

	

	/* Portfolio Shortcode Fixed Box With Sidebar */

	#content-container .with-sidebar .large-6.columns .portfolio-wrapper.col3 .fixed-box {

		width: 66.1% !important;

	}

	

	/* Portfolio Shortcode 4 Columns */

	.large-12.columns .portfolio-root-wrapper.col4 {

		font-size: 12px;

	}

	.large-2.columns .portfolio-root-wrapper.col4 {

		font-size: 2px;

	}

	

	.large-3.columns .portfolio-root-wrapper.col4 {

		font-size: 3px;

	}

	

	.large-4.columns .portfolio-root-wrapper.col4 {

		font-size: 4px;

	}

	

	.large-5.columns .portfolio-root-wrapper.col4 {

		font-size: 6px;

	}

	

	.large-6.columns .portfolio-root-wrapper.col4 {

		font-size: 7px;

	}

	

	.large-7.columns .portfolio-root-wrapper.col4 {

		font-size: 8px;

	}

	

	.large-8.columns .portfolio-root-wrapper.col4 {

		font-size: 9px;

	}

	

	.large-9.columns .portfolio-root-wrapper.col4 {

		font-size: 10px;

	}

	.large-10.columns .portfolio-root-wrapper.col4 {

		font-size: 11px;

	}

	

	/* Portfolio Shortcode 4 Columns with Sidebar */

	.with-sidebar .large-2.columns .portfolio-root-wrapper.col4 {

		font-size: 2px;

	}

	

	.with-sidebar .large-3.columns .portfolio-root-wrapper.col4 {

		font-size: 2px;

	}

	

	.with-sidebar .large-4.columns .portfolio-root-wrapper.col4 {

		font-size: 3px;

	}

	

	.with-sidebar .large-5.columns .portfolio-root-wrapper.col4 {

		font-size: 4px;

	}

	

	.with-sidebar .large-6.columns .portfolio-root-wrapper.col4 {

		font-size: 5px;

	}

	

	.with-sidebar .large-7.columns .portfolio-root-wrapper.col4 {

		font-size: 6px;

	}

	

	.with-sidebar .large-8.columns .portfolio-root-wrapper.col4 {

		font-size: 6px;

	}

	

	.with-sidebar .large-9.columns .portfolio-root-wrapper.col4 {

		font-size: 7px;

	}

	.with-sidebar .large-10.columns .portfolio-root-wrapper.col4 {

		font-size: 8px;

	}

	.with-sidebar .large-12.columns .portfolio-root-wrapper.col4 {

		font-size: 10px;

	}

	

	/* Blog Posts Shortcode Grid */

	.large-2.columns .uxb_blog_posts .blog-item,

	.large-2.columns .uxb_blog_posts .sub-blog-item {

		font-size: 3px;

	}

	

	.large-3.columns .uxb_blog_posts .blog-item,

	.large-3.columns .uxb_blog_posts .sub-blog-item {

		font-size: 6px;

	}

	

	.large-4.columns .uxb_blog_posts .blog-item,

	.large-4.columns .uxb_blog_posts .sub-blog-item {

		font-size: 8px;

	}

	

	.large-6.columns .uxb_blog_posts .blog-item,

	.large-6.columns .uxb_blog_posts .sub-blog-item {

		font-size: 10px;

	}

	

	.large-8.columns .uxb_blog_posts .blog-item,

	.large-8.columns .uxb_blog_posts .sub-blog-item {

		font-size: 11px;

	}

	

	.large-9.columns .uxb_blog_posts .blog-item,

	.large-9.columns .uxb_blog_posts .sub-blog-item {

		font-size: 11px;

	}

	

	.large-10.columns .uxb_blog_posts .blog-item,

	.large-10.columns .uxb_blog_posts .sub-blog-item {

		font-size: 12px;

	}

	

	.large-12.columns .uxb_blog_posts .blog-item,

	.large-12.columns .uxb_blog_posts .sub-blog-item {

		font-size: 14px;

	}

	

	/* Blog Posts Shortcode Grid with Sidebar */

	.with-sidebar .large-2.columns .uxb_blog_posts .blog-item,

	.with-sidebar .large-2.columns .uxb_blog_posts .sub-blog-item {

		font-size: 3px;

	}

	

	.with-sidebar .large-3.columns .uxb_blog_posts .blog-item,

	.with-sidebar .large-3.columns .uxb_blog_posts .sub-blog-item {

		font-size: 6px;

	}

	

	.with-sidebar .large-4.columns .uxb_blog_posts .blog-item,

	.with-sidebar .large-4.columns .uxb_blog_posts .sub-blog-item {

		font-size: 8px;

	}

	

	.with-sidebar .large-6.columns .uxb_blog_posts .blog-item,

	.with-sidebar .large-6.columns .uxb_blog_posts .sub-blog-item {

		font-size: 8px;

	}

	

	.with-sidebar .large-8.columns .uxb_blog_posts .blog-item,

	.with-sidebar .large-8.columns .uxb_blog_posts .sub-blog-item {

		font-size: 10px;

	}

	

	.with-sidebar .large-9.columns .uxb_blog_posts .blog-item,

	.with-sidebar .large-9.columns .uxb_blog_posts .sub-blog-item {

		font-size: 10px;

	}

	

	.with-sidebar .large-10.columns .uxb_blog_posts .blog-item,

	.with-sidebar .large-10.columns .uxb_blog_posts .sub-blog-item {

		font-size: 11px;

	}

	

	.with-sidebar .large-12.columns .uxb_blog_posts .blog-item,

	.with-sidebar .large-12.columns .uxb_blog_posts .sub-blog-item {

		font-size: 12px;

	}

	

	

	/* Team Member without and with sidebar */

	.large-2.columns .team-member,

	.with-sidebar .large-2.columns .team-member {

		font-size: 8px;

	}

	

	.large-3.columns .team-member {

		font-size: 10px;

	}

	

	.with-sidebar .large-3.columns .team-member {

		font-size: 8px;

	}

	

	.large-4.columns .team-member,

	.with-sidebar .large-4.columns .team-member {

		font-size: 10px;

	}

	

	.large-6.columns .team-member,

	.with-sidebar .large-6.columns .team-member {

		font-size: 14px;

	}

	

	.large-8.columns .team-member,

	.with-sidebar .large-8.columns .team-member {

		font-size: 16px;

	}

	

	.large-9.columns .team-member,

	.with-sidebar .large-9.columns .team-member {

		font-size: 16px;

	}

	.large-10.columns .team-member,

	.with-sidebar .large-10.columns .team-member {

		font-size: 16px;

	}

	

	#content-container .testimonial-inner {

		font-size: 12px;

	}

	

	/* Testimonial slider with sidebar */

	#content-container .with-sidebar .large-4.columns .testimonial-inner,

	#content-container .with-sidebar .large-3.columns .testimonial-inner,

	#content-container .with-sidebar .large-2.columns .testimonial-inner {

		font-size: 8px;

	}

	#content-container .with-sidebar .large-6.columns .testimonial-inner {

		font-size: 10px;

	}

	

	#content-container .with-sidebar .large-8.columns .testimonial-inner {

		font-size: 11px;

	}

	

	#content-container .with-sidebar .large-9.columns .testimonial-inner {

		font-size: 11px;

	}

	

	#content-container .with-sidebar .large-10.columns .testimonial-inner {

		font-size: 11px;

	}

	

	#content-container .with-sidebar .large-12.columns .testimonial-inner {

		font-size: 12px;

	}

	

	/* Testimonial slider style 2 */

	#content-container .large-8.columns .testimonial-inner,

	#content-container .large-6.columns .testimonial-inner,

	#content-container .large-4.columns .testimonial-inner,

	#content-container .large-3.columns .testimonial-inner,

	#content-container .large-2.columns .testimonial-inner {

		font-size: 14px;

	}

	

}



/* All Mobile Sizes (devices and browser) */

@media only screen and (max-width: 767px) {

	.content-width {

		max-width: 400px;

	}

	

	#header-container {

		background: #222;

		position: static; 

		max-width: 100%;

	}

	

	#no-header-image-wrapper {

		min-height: 0;

	}

	

	#root-menu {

		display: none;

	}

	

	#mobile-menu {

		display: block;

		top: 6px;

		z-index: 99;

	}

	

	.top-bar-section {

		z-index: 99;

	}

	

	#home-slider-container,

	#home-slider .home-slider-item {

		height: 330px;

	}

	

	#header-search-input-wrapper {

		height: 170px;

		padding: 66px 20px 12px;

	}

	

	#header-search-input {

		font-size: 30px;

	}

	

	#header-search-input-wrapper {

		padding-top: 60px;

	}

	

	.slider-caption {

		margin-left: -150px;

		margin-top: -54px;

		width: 300px;

	}

	

	.slider-caption .caption-title {

		font-size: 36px;

		margin-bottom: 12px;

	}

	

	.slider-caption .caption-body {

		font-size: 16px;

		line-height: 22px;

		width: 300px;

	}

	

	#slider-prev, 

	#slider-next {

		margin-top: -30px;

	}

	

	#header-image-container,

	#header-image {

		min-height: 240px;

	}

	

	#header-image-shadow {

		max-width: 100%;

	}

	

	#content-container .breadcrumbs-wrapper {

		display: none;

	}

	

	#intro h1, 

	#intro h2 {

		font-size: 30px;

		line-height: 36px;

		margin-bottom: 24px;

	}

	

	#intro.not-homepage h1, 

	#intro.not-homepage h2 {

		font-size: 24px;

		line-height: 30px;

		margin-bottom: 24px;

	}

	

	#intro-line {

		margin-top: 24px;

		margin-bottom: 18px;

	}

	

	.testimonial-inner {

		background: #3E4348 !important;

		font-size: 12px !important;

	}

	

	.style2 .testimonial-inner {

		font-size: 16px !important;

	}

	

	.testimonial-list img {

		display: none;

	}

	

	#content-container .testimonial-list .blockquote-wrapper {

		margin: 0;

		padding: 24px 20px !important;

		width: 100% !important;

	}

	

	.testimonial-angle,

	.testimonial-corner,

	.testimonial-corner-mirror {

		display: none;

	}

	

	

	#footer-bar-inner-wrapper .columns {

		text-align: center;

	}

	

	#footer-social {

		text-align: center;

	}

	

	.bar-social {

		margin: 24px 0 0;

		text-align: center;

	}

	

	.section-container.vertical-tabs > section:first-child > .title, 

	.section-container.vertical-tabs > .section:first-child > .title {

		border-top: 1px solid #ccc !important;

	}

	

	.section-container.vertical-tabs > section:last-child > .title, 

	.section-container.vertical-tabs > .section:last-child > .title {

		border-bottom: 0 !important;

	}

	

	.section-container.vertical-tabs > section.active > .title, 

	.section-container.vertical-tabs > .section.active > .title {

		border-left: 0;

		border-top: 1px solid #1B83BE !important;

		width: 100%;

	}

	/* To override the custom width set by shortcode */

	#content-container .style2.testimonial-wrapper {

		width: 100% !important;

	}

	#content-container .style2 .testimonial-list .blockquote-wrapper {

		margin-left: 50px;

	}

	

	.uxb_blog_posts .blog-item,

	.uxb_blog_posts .sub-blog-item {

		float: none;

		max-height: inherit;

	}

	

	.uxb_blog_posts .blog-item {

		width: 100%;

	}

	

	.uxb_blog_posts .sub-blog-item {

		width: 100%;

	}

	

	

	.blog-meta {

		font-size: 14px;

	}

	

	.author-comments li {

		margin-left: 10px !important;

	}

	

	#content-container blockquote.left,

	#content-container blockquote.right {

		width: 50% !important;

	}

	

	#content-container blockquote {

		width: 100% !important;

	}

	

	.height-510,

	.height-340 {

		min-height: 255px !important;

		/*max-height: 510px;*/

	}

	

	#content-container .less-padding {

		margin-bottom: 24px;

	}

	

	#content-container .fixed-box {

		height: auto !important;

		width: 100% !important;

	}

	

	/* 3, 4 Columns */

	.portfolio-root-wrapper.col3,

	.portfolio-root-wrapper.col4 {

		font-size: 13px !important;

	}

	

	#content-container .portfolio-wrapper .portfolio-item.fixed-box {

		width: 100% !important;

	}

	

	#content-container .portfolio-wrapper .portfolio-item.fixed-box .description {

		font-size: 14px;

	}

	

	.portfolio-item {

		width: 50% !important;

	}

	

	#breadcrumbs-wrapper {

		padding-left: 10px !important;

		padding-right: 10px !important;

	}

	

	#member-thumbnail,

	#member-info {

		display: block;

		float: none;

		text-align: center;

		max-width: 100%;

		width: 100%;

	}

	

	#member-info {

		padding: 42px 40px;

	}

	

	#member-info .member-name {

		font-size: 24px !important;

	}

	

	#author-box {

	    text-align: center;

	}

	#author-box img.avatar {

	    float: none;

	    margin-bottom: 18px;

	}

	#author-info {

		margin-left: 0;

	}

	ul#author-social {

	    float: none;

	}

	

	.gallery1-wrapper,

	.gallery2-wrapper {

	    text-align: center;

	}
	

	#content-container .gallery-item-wrapper {

	    width: 255px;

	}

	

	#content-container .gallery1-wrapper .gallery-item-wrapper {

		margin: 0;

	}

	

	#content-container .gallery2-wrapper .gallery-item-wrapper {

	    margin: 6px;

	}

	

	.vc_single_image, 

	.team-member-thumbnail {

		text-align: center;

	}

	

	.alignright {

		float: none;

		margin: 0;

	}

	

	.cta-box-content {

		margin-right: 0;

	}

	

	#content-container .cta-box-button.right {

		position: static;

		margin-top: 18px;

		text-align: center;

		display: block;

		width: 100%;

	}

	

}



/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */

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

	.uxb_blog_posts .blog-item,

	.uxb_blog_posts .sub-blog-item {

		font-size: 13px !important;

	}

	

}



/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */

@media only screen and (max-width: 479px) {

	

	.content-width {

		max-width: 280px;

	}

	

	#header-search-button {

		font-size: 14px;

		padding: 15px 16px 14px 18px;

	}

	

	#header-search-input-wrapper {

		height: 170px;

		padding: 66px 20px 12px;

	}

	

	#header-search-input {

		font-size: 30px;

	}

	

	#home-slider-container,

	#home-slider .home-slider-item {

		height: 240px;
padding-top: 214PX;

	}

	

	.slider-caption {

		display: none;

	}

	

	#slider-prev, 

	#slider-next {

		margin-top: -30px;

	}

	

	#header-image-container,

	#header-image {

		min-height: 120px;

	}

	

	

	#intro h1, 

	#intro h2 {

		font-size: 30px;

		line-height: 36px;

		margin-bottom: 30px;

	}

	

	#intro.not-homepage h1, 

	#intro.not-homepage h2 {

		font-size: 24px;

		line-height: 30px;

		margin-bottom: 24px;

	}

	

	#intro p {

		font-size: 14px;

	}

	

	#content-container h1 {

		font-size: 24px;

		line-height: 30px;

		margin-bottom: 12px;

	}

	

	#content-container h2,

	#content-container h3.larger,

	.uxb_blog_posts .blog-item .blog-title a {

		font-size: 18px;

		line-height: 24px;

		margin-bottom: 12px;

	}

	

	#content-container .blog-item .blog-title, 

	#content-container .blog-item .blog-section-title {

		font-size: 18px !important;

		font-weight: 500 !important;

		line-height: 24px !important;

		margin-bottom: 12px !important;

	}

	

	.blog-item .date {

		float: none;

	}

	

	#content-container h3,

	#content-container h2.smaller,

	.uxb_blog_posts .sub-blog-item .sub-blog-title a {

		font-size: 16px;

	}

	

	#content-container h4 {

		font-size: 14px;

	}

	

	#content-container h5 {

		font-size: 14px;

		font-weight: 500;

	}



	.portfolio-item {

		width: 100% !important;

	}

	

	.portfolio-item img {

		width: 100%;

	}

	

	#breadcrumbs-wrapper span {

		display: none;

	}

	

	#content-container blockquote {

		float: none !important;

		width: 100% !important;

	}

	

	#content-container blockquote.left,

	#content-container blockquote.right {

		width: 100% !important;

	}

	

	.author-comments {

		float: none;

	}

	

	.author-comments li {

		margin: 12px 24px 0 0 !important;

	}

	

	.author-comments li:last-child {

		margin-right: 0;

	}

	

	.uxb_blog_posts .author-comments li {

		display: block;

		margin-left: 0 !important;

	}

	

	.uxb_blog_posts .author-comments a {

		margin-left: 0 !important;

	}



	.uxb_blog_posts .date {

		float: none;

	}

	

	.blog-item .blog-title, 

	.blog-item .blog-section-title {

		font-size: 18px !important;

		font-weight: 500 !important;

		line-height: 24px !important;

		margin-bottom: 12px !important;

	}

	

	#author-box {

		text-align: center;

	}

	

	#author-photo {

		float: none;

		margin-bottom: 12px;

	}

	

	#author-info {

		margin-left: 0;

	}

	

	ul#author-social {

		float: none;

	}

	

	/* Comments */

	ul.children {

		margin-left: 15px !important;

	}

	

	#content-container .style2 .testimonial-inner {

		background: none !important;

	}

	

	#content-container .style2 .testimonial-list .blockquote-wrapper {

		margin-left: 0;

	}

	

	.uxb_blog_posts .blog-item,

	.uxb_blog_posts .sub-blog-item {

		font-size: 12px !important;

	}

	

	.uxb_blog_posts .blog-item .info, 

	.uxb_blog_posts .sub-blog-item .info {

		max-height: inherit !important;

	}

	

	.uxb_blog_posts .sub-blog-item .thumbnail img {

		/*max-height: 140px;  Make it not bigger than the first item */

	}

	

}