/* #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: 24px 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 !important;
	}
	
	#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%;
	}
	
	
	
	#header-container.no-fixed {
        position: static;
    }
    
    #uxb-layerslider-container {
        min-height: inherit;
        
    }
    
    
    
    #root-container .wpb_tour .wpb_tabs_nav {
	    width: 100%;
	}
	#root-container .wpb_tour .wpb_tabs_nav li {
	    display: inline-block;
	    width: auto;
	}
	#root-container .wpb_content_element.wpb_tour .wpb_tour_tabs_wrapper .wpb_tab {
	    margin-left: 0;
	    margin-top: -1px;
	    width: 100%;
	}
	#root-container .vc_tta-style-theme-default .vc_tta-panels-container .vc_tta-panel-heading a {
		letter-spacing: 0;
	}
	
	#root-container .vc_tta-style-theme-default.vc_tta-tabs-position-left .vc_tta-panel-body {
		margin-left: 0;
	}
	
	
	/* Old tab */
	#root-container .wpb_content_element.wpb_tour .wpb_tabs_nav li.ui-tabs-active a {
		border-left-color: #ccc !important;
		border-top-color: #444;
	}
	#root-container .wpb_tabs .wpb_tabs_nav li,
	#root-container .wpb_tour .wpb_tabs_nav li {
		/*white-space: nowrap;*/
		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;
	}
	
	.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 */
	}
	
}