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

}

@media screen and (max-width:599px){
	.title-bar__data{ position: static; transform: none; }
}

@media screen and (min-width:600px){

	/* header */
		.header-height{
			height: 116px;
		}
		.header-line-height{
			line-height: 116px;
		}
		/* style 1 */
		.header--style1 .header-spacer{ display: none; }
		.header--style1 .header-wrapper{ background-color: rgba(255,255,255,0); }
		.header--style1 .titlebar-spacer{ display: block; }
		.header--style1 .header--sticky{ background-color: rgba(255,255,255,1); box-shadow: 0 0 3px rgba(0,0,0,0.4); }
		.header--style1 .header--sticky .main-header{ height: 65px; }
		.header--style1 .header--sticky .main-nav > ul > li > a{
			height: 65px;
			line-height: 65px;
		}
		/* style 2 */
		.header--style2 .header-spacer{ display: block; }
		.header--style2 .titlebar-spacer{ display: none; }
		.header--style2 #the1_mainslider .titlebar-spacer{ display: none; }
		.header--style2 .header-wrapper{ background-color: rgba(255,255,255,1); }
		.header--style2 .header--sticky .main-header{ height: 65px; }
		.header--style2 .header--sticky .main-nav > ul > li > a{
			height: 65px;
			line-height: 65px;
		}
		/* style 3 */
		.header--style3 .header-spacer{ display: block; }
		.header--style3 .header-wrapper{ background-color: rgba(255,255,255,1); }
		.header--style3 .titlebar-spacer{ display: none; }
		.header--style3 .header--sticky .main-header{ height: 65px; }
		.header--style3 .header--sticky .main-nav > ul > li > a{
			height: 65px;
			line-height: 65px;
		}
		/* style 4 */
		.header--style4 .header-spacer{ display: block; }
		.header--style4 .header-height{ height: 120px; }
		.header--style4 .header-wrapper{ background-color: rgba(255,255,255,1); }
		.header--style4 .titlebar-spacer{ display: none; }
		.header--style4 .main-header{ text-align: center; }
		.header--style4 .site-logo{ display: inline-block; float: none; transform: none; top: auto; margin-top: 15px; }
		.header--style4 .main-nav{ display: block; float: none; transform: none; top:auto; }
		.header--style4 .main-nav > ul > li > a{ height: 55px; line-height: 55px; }
		.header--style4 .header--info{ display: none !important; }
		.header--style4 .header--sticky .main-header{ margin-top: -60px; }
		.header--style4 .header--sticky .main-nav > ul > li > a{
			height: 63px;
			line-height: 64px;
		}
		/* style 5 */
		.header--style5 .header-height{ height: 116px; }
		.header--style5 .header-spacer{ display: none; }
		.header--style5 .header-wrapper{ background-color: rgba(255,255,255,0); }
		.header--style5 .titlebar-spacer{ display: block; }
		.header--style5 .header--sticky{ background-color: rgba(255,255,255,1); box-shadow: 0 0 3px rgba(0,0,0,0.4); }
		.header--style5 .header--sticky .main-header{ height: 65px; }
		.header--style5 .header--sticky .main-nav > ul > li > a{
			height: 65px;
			line-height: 65px;
		}

	.header--sticky{ box-shadow: 0 0 3px rgba(0,0,0,0.4); }

	/* title bars */
	.title-bar--page{ padding-top: 0; padding-bottom: 0; }
	.title-bar__container--x1{ height: 120px;}
	.title-bar__container--x2{ height: 200px;}
	.title-bar__container--x3{ height: 350px;}

	.has-banner .titlebar-spacer{
		display: none;
	}
}

@media screen and (min-width:901px){


	/* title bars */
		/* :archive */
		.title-bar--archive{ line-height: 1.4; padding: 50px 0; }
		.title-bar--archive h1{ font-size: 22px; line-height: 1.4; }
		.title-bar--archive .title-bar__subtitle{ font-size: 18px; }
		/* :page */
		.title-bar--page h1{ font-size: 37px; line-height: 1.3; }
		.title-bar--page .title-bar__subtitle{ font-size: 16px; }
		/* :post */
		.title-bar--post{ line-height: 1.4; padding: 56px 0; text-align: center; }
		.title-bar--post h1{ font-size: 28px; line-height: 1.4; }
		.title-bar--post .title-bar__subtitle{ font-size: 16px; }


	.header--info{
		display: block;
	}
	.header--sticky .header--info{
		display: none;
	}
		

	/* VC cta */
	.the1-cta{
		font-size: 26px;
		padding-left: 110px;
		text-align: left;
	}
	.the1-cta__button{
		text-align: left;
	}


/* Owl Carousel */

	.owl-carousel-arrows{
		padding-left: 30px;
		padding-right: 30px;
		margin-bottom: 70px;
	}
	.owl-carousel .short-post.style4{
		padding: 0 20px;
	}
	.owl-carousel-arrows .owl-dots{
		position: absolute;
		left: 0;
		bottom: -100px;
		width: 100%;
	}
	

}


@media screen and (min-width:1024px){
	.title-bar__container--x1{ height: 200px;}
	.title-bar__container--x2{ height: 350px;}
	.title-bar__container--x3{ height: 500px;}
}