/* ----------------------------------------------------------------
	Responsive CSS
-----------------------------------------------------------------*/

@media (max-width: 1280px) {
	h1 { font-size: 50px; }
}


@media (max-width: 1199px) {

	canvas {
		max-width: 100%;
		height: auto !important;
	}

	.promo h3 { font-size: 20px; }

	.promo > span,
	.promo > .container > span { font-size: 15px; }

	.promo-uppercase h3 { font-size: 19px; }

	.promo-uppercase > span,
	.promo-uppercase > .container > span { font-size: 14px; }

}


@media (min-width: 1px) and (max-width: 1199px) {
	body {min-width: 1024px;}

	h1 { font-size: 40px; }
	.mainsiteimagesubtitle { line-height: 2em; }

	#wrapper { width: 1024px; }

	#header.transparent-header.floating-header .container {
		width: 100%;
		padding: 0 30px;
	}

	#header.transparent-header.floating-header.sticky-header .container {
		width: 100%;
		padding: 0 15px;
	}

	#primary-menu.sub-title ul > li > a {
		padding-left: 15px;
		padding-right: 15px;
	}

	#primary-menu ul li.mega-menu .mega-menu-content,
	.floating-header.sticky-header #primary-menu ul li.mega-menu .mega-menu-content { width: 940px; }

	.floating-header #primary-menu ul li.mega-menu .mega-menu-content { width: 1030px; }

	.ei-slider { height: 450px; }

	.postcontent { width: 690px; }
	.postcontent.bothsidebar { width: 440px; }
	.sidebar { width: 210px; }

	.sidebar .widget iframe { width: 210px !important; }

	.team.team-list .team-image { width: 200px; }

	.testi-image,
	.testi-image a,
	.testi-image img,
	.testi-image i {
		display: block;
		width: 36px;
		height: 36px;
	}

	.testi-image i {
		line-height: 36px;
		font-size: 20px;
	}

	/* ----------------------------------------------------------------
	Portfolio
	-----------------------------------------------------------------*/

	.portfolio-item { width: 226px; }

	.portfolio-item .portfolio-image,
	.portfolio-item .portfolio-image a,
	.portfolio-item .portfolio-image img {
		width: 226px;
		height: 170px;
	}

	/* Portfolio - No Margin
	-----------------------------------------------------------------*/

	.portfolio-nomargin .portfolio-item { width: 234px; }

	.portfolio-nomargin .portfolio-item .portfolio-image,
	.portfolio-nomargin .portfolio-item .portfolio-image a,
	.portfolio-nomargin .portfolio-item .portfolio-image img {
		width: 234px;
		height: 176px;
	}

	/* Portfolio - Sidebar
	-----------------------------------------------------------------*/

	.postcontent .portfolio-item { width: 163px; }

	.postcontent .portfolio-item .portfolio-image,
	.postcontent .portfolio-item .portfolio-image a,
	.postcontent .portfolio-item .portfolio-image img {
		width: 163px;
		height: 123px;
	}

	/* Portfolio - Sidebar - No Margin
	-----------------------------------------------------------------*/

	.postcontent .portfolio-nomargin .portfolio-item,
	.postcontent .portfolio-5.portfolio-nomargin .portfolio-item { width: 171px; }

	.postcontent .portfolio-nomargin .portfolio-item .portfolio-image,
	.postcontent .portfolio-nomargin .portfolio-item .portfolio-image a,
	.postcontent .portfolio-nomargin .portfolio-item .portfolio-image img,
	.postcontent .portfolio-5.portfolio-nomargin .portfolio-item .portfolio-image,
	.postcontent .portfolio-5.portfolio-nomargin .portfolio-item .portfolio-image a,
	.postcontent .portfolio-5.portfolio-nomargin .portfolio-item .portfolio-image img {
		width: 171px;
		height: 129px;
	}

	.bothsidebar .portfolio-item { width: 219px; }

	.bothsidebar .portfolio-item .portfolio-image,
	.bothsidebar .portfolio-item .portfolio-image a,
	.bothsidebar .portfolio-item .portfolio-image img {
		width: 219px;
		height: 164px;
	}

	/* Portfolio - Items - 3 Columns
	-----------------------------------------------------------------*/

	.portfolio-3 .portfolio-item { width: 303px; }

	.portfolio-3 .portfolio-item .portfolio-image,
	.portfolio-3 .portfolio-item .portfolio-image a,
	.portfolio-3 .portfolio-item .portfolio-image img {
		width: 303px;
		height: 227px;
	}

	/* Portfolio - Items - 3 Columns - No Margin
	-----------------------------------------------------------------*/

	.portfolio-3.portfolio-nomargin .portfolio-item { width: 312px; }

	.portfolio-3.portfolio-nomargin .portfolio-item .portfolio-image,
	.portfolio-3.portfolio-nomargin .portfolio-item .portfolio-image a,
	.portfolio-3.portfolio-nomargin .portfolio-item .portfolio-image img {
		width: 312px;
		height: 234px;
	}

	/* Portfolio - Sidebar - Items - 3 Columns
	-----------------------------------------------------------------*/

	.postcontent .portfolio-3 .portfolio-item { width: 219px; }

	.postcontent .portfolio-3 .portfolio-item .portfolio-image,
	.postcontent .portfolio-3 .portfolio-item .portfolio-image a,
	.postcontent .portfolio-3 .portfolio-item .portfolio-image img {
		width: 219px;
		height: 164px;
	}

	/* Portfolio - Sidebar - Items - 3 Columns - No Margin
	-----------------------------------------------------------------*/

	.postcontent .portfolio-3.portfolio-nomargin .portfolio-item { width: 229px; }

	.postcontent .portfolio-3.portfolio-nomargin .portfolio-item .portfolio-image,
	.postcontent .portfolio-3.portfolio-nomargin .portfolio-item .portfolio-image a,
	.postcontent .portfolio-3.portfolio-nomargin .portfolio-item .portfolio-image img {
		width: 229px;
		height: 172px;
	}

	/* Portfolio - Items - 2 Columns
	-----------------------------------------------------------------*/

	.portfolio-2 .portfolio-item { width: 460px; }

	.portfolio-2 .portfolio-item .portfolio-image,
	.portfolio-2 .portfolio-item .portfolio-image a,
	.portfolio-2 .portfolio-item .portfolio-image img {
		width: 460px;
		height: 343px;
	}

	/* Portfolio - Items - 2 Columns - No Margin
-----------------------------------------------------------------*/

	.portfolio-2.portfolio-nomargin .portfolio-item { width: 469px; }

	.portfolio-2.portfolio-nomargin .portfolio-item .portfolio-image,
	.portfolio-2.portfolio-nomargin .portfolio-item .portfolio-image a,
	.portfolio-2.portfolio-nomargin .portfolio-item .portfolio-image img {
		width: 469px;
		height: 352px;
	}

	/* Portfolio - Sidebar - Items - 2 Columns
	-----------------------------------------------------------------*/

	.postcontent .portfolio-2 .portfolio-item { width: 335px; }

	.postcontent .portfolio-2 .portfolio-item .portfolio-image,
	.postcontent .portfolio-2 .portfolio-item .portfolio-image a,
	.postcontent .portfolio-2 .portfolio-item .portfolio-image img {
		width: 335px;
		height: 251px;
	}

	/* Portfolio - Sidebar - Items - 2 Columns - No Margin
	-----------------------------------------------------------------*/

	.postcontent .portfolio-2.portfolio-nomargin .portfolio-item { width: 344px; }

	.postcontent .portfolio-2.portfolio-nomargin .portfolio-item .portfolio-image,
	.postcontent .portfolio-2.portfolio-nomargin .portfolio-item .portfolio-image a,
	.postcontent .portfolio-2.portfolio-nomargin .portfolio-item .portfolio-image img {
		width: 344px;
		height: 258px;
	}

	/* Portfolio - Both Sidebars - Items - 2 Columns
	-----------------------------------------------------------------*/

	.bothsidebar #portfolio.portfolio-3 { margin: 0 -20px -20px 0; }

	.bothsidebar .portfolio-2 .portfolio-item,
	.bothsidebar .portfolio-3 .portfolio-item {
		width: 210px;
		margin: 0 20px 20px 0;
	}

	.bothsidebar .portfolio-2 .portfolio-item .portfolio-image,
	.bothsidebar .portfolio-2 .portfolio-item .portfolio-image a,
	.bothsidebar .portfolio-2 .portfolio-item .portfolio-image img,
	.bothsidebar .portfolio-3 .portfolio-item .portfolio-image,
	.bothsidebar .portfolio-3 .portfolio-item .portfolio-image a,
	.bothsidebar .portfolio-3 .portfolio-item .portfolio-image img {
		width: 210px;
		height: 158px;
	}

	/* Portfolio - Both Sidebars - Items - 2 Columns - No Margin
	-----------------------------------------------------------------*/

	.bothsidebar .portfolio-2.portfolio-nomargin .portfolio-item,
	.bothsidebar .portfolio-3.portfolio-nomargin .portfolio-item { width: 219px; }

	.bothsidebar .portfolio-2.portfolio-nomargin .portfolio-item .portfolio-image,
	.bothsidebar .portfolio-2.portfolio-nomargin .portfolio-item .portfolio-image a,
	.bothsidebar .portfolio-2.portfolio-nomargin .portfolio-item .portfolio-image img,
	.bothsidebar .portfolio-3.portfolio-nomargin .portfolio-item .portfolio-image,
	.bothsidebar .portfolio-3.portfolio-nomargin .portfolio-item .portfolio-image a,
	.bothsidebar .portfolio-3.portfolio-nomargin .portfolio-item .portfolio-image img {
		width: 219px;
		height: 164px;
	}

	/* Portfolio - Items - 5 Columns
	-----------------------------------------------------------------*/

	.portfolio-5 .portfolio-item { width: 180px; }

	.portfolio-5 .portfolio-item .portfolio-image,
	.portfolio-5 .portfolio-item .portfolio-image a,
	.portfolio-5 .portfolio-item .portfolio-image img {
		width: 180px;
		height: 135px;
	}

	/* Portfolio - Items - 5 Columns - No Margin
	-----------------------------------------------------------------*/

	.portfolio-5.portfolio-nomargin .portfolio-item { width: 187px; }

	.portfolio-5.portfolio-nomargin .portfolio-item .portfolio-image,
	.portfolio-5.portfolio-nomargin .portfolio-item .portfolio-image a,
	.portfolio-5.portfolio-nomargin .portfolio-item .portfolio-image img {
		width: 187px;
		height: 140px;
	}

	/* Portfolio - Items - 6 Columns
	-----------------------------------------------------------------*/

	.portfolio-6 .portfolio-item { width: 151px; }

	.portfolio-6 .portfolio-item .portfolio-image,
	.portfolio-6 .portfolio-item .portfolio-image a,
	.portfolio-6 .portfolio-item .portfolio-image img {
		width: 151px;
		height: 113px;
	}

	/* Portfolio - Items - 6 Columns - No Margin
	-----------------------------------------------------------------*/

	.portfolio-6.portfolio-nomargin .portfolio-item { width: 155px; }

	.portfolio-6.portfolio-nomargin .portfolio-item .portfolio-image,
	.portfolio-6.portfolio-nomargin .portfolio-item .portfolio-image a,
	.portfolio-6.portfolio-nomargin .portfolio-item .portfolio-image img {
		width: 155px;
		height: 116px;
	}

	/* Portfolio - Items - 1 Column
	-----------------------------------------------------------------*/

	.portfolio-1 .portfolio-item .portfolio-image,
	.portfolio-1 .portfolio-item .portfolio-image a,
	.portfolio-1 .portfolio-item .portfolio-image img {
		width: 560px;
		height: 311px;
	}

	.portfolio-1 .portfolio-desc { width: 340px; }

	.bothsidebar #portfolio-shuffle,
	.postcontent .portfolio-1 .iconlist { display: none; }

	.postcontent .portfolio-1 .portfolio-item .portfolio-image,
	.postcontent .portfolio-1 .portfolio-item .portfolio-image a,
	.postcontent .portfolio-1 .portfolio-item .portfolio-image img {
		width: 400px;
		height: 222px;
	}

	.postcontent .portfolio-1 .portfolio-desc {
		width: 250px;
		padding: 0;
	}

	.bothsidebar .portfolio-1 .portfolio-item { width: 100% !important; }

	.bothsidebar .portfolio-1 .portfolio-item .portfolio-image,
	.bothsidebar .portfolio-1 .portfolio-item .portfolio-desc {
		float: none;
		margin: 0 !important;
	}

	.bothsidebar .portfolio-1 .portfolio-item .portfolio-image { margin-bottom: 20px !important; }

	.bothsidebar .portfolio-1 .portfolio-item .portfolio-image,
	.bothsidebar .portfolio-1 .portfolio-item .portfolio-image a,
	.bothsidebar .portfolio-1 .portfolio-item .portfolio-image img {
		width: 100%;
		height: auto;
	}

	.bothsidebar .portfolio-1 .portfolio-desc {
		width: 100%;
		padding: 0;
	}



	.bothsidebar .entry-title h2 {
		font-size: 19px;
		font-weight: 600;
	}

	.bothsidebar .entry-meta li { margin-right: 10px; }


	/* Blog - Small
	-----------------------------------------------------------------*/

	.postcontent .small-thumbs .entry-image { width: 200px; }

	.bothsidebar .small-thumbs .entry-image { width: 120px; }

	/* Blog - Grid
	-----------------------------------------------------------------*/

	.post-grid .entry { width: 214px; }

	.post-grid .entry-image,
	.post-grid .entry-image img,
	.post-grid:not(.post-masonry) .entry-image iframe { height: 120px; }

	/* Blog - Grid - 3 Columns
	-----------------------------------------------------------------*/

	.post-grid.grid-3 .entry { width: 293px; }

	.post-grid.grid-3 .entry-image,
	.post-grid.grid-3 .entry-image img,
	.post-grid.grid-3:not(.post-masonry) .entry-image iframe { height: 164px; }


	/* Blog - Grid - 3 Columns - Sidebar
	-----------------------------------------------------------------*/

	.postcontent .post-grid.grid-3 .entry { width: 213px; }

	.postcontent .post-grid.grid-3 .entry-image,
	.postcontent .post-grid.grid-3 .entry-image img,
	.postcontent .post-grid.grid-3:not(.post-masonry) .entry-image iframe { height: 120px; }

	/* Blog - Grid - 2 Columns
	-----------------------------------------------------------------*/

	.post-grid.grid-2 .entry { width: 450px; }

	.post-grid.grid-2 .entry-image,
	.post-grid.grid-2 .entry-image img,
	.post-grid.grid-2:not(.post-masonry) .entry-image iframe { height: 253px; }

	/* Blog - Grid - 2 Columns - Sidebar
	-----------------------------------------------------------------*/

	.postcontent .post-grid.grid-2 .entry { width: 325px; }

	.postcontent .post-grid.grid-2 .entry-image,
	.postcontent .post-grid.grid-2 .entry-image img,
	.postcontent .post-grid.grid-2:not(.post-masonry) .entry-image iframe { height: 182px; }

	/* Blog - Grid - 2 Columns - Both Sidebar
	-----------------------------------------------------------------*/

	.bothsidebar .post-grid.grid-2 .entry { width: 200px; }

	.bothsidebar .post-grid.grid-2 .entry-image,
	.bothsidebar .post-grid.grid-2 .entry-image img,
	.bothsidebar .post-grid.grid-2:not(.post-masonry) .entry-image iframe { height: 113px; }


	.post-timeline .entry { width: 400px !important; }

	.post-timeline .entry.entry-date-section { width: 100% !important; }


	/* Blog - Medium Post List
	-----------------------------------------------------------------*/

	.mpost .entry-image,
	.mpost .entry-image a,
	.mpost .entry-image img,
	.mpost .entry-image i {
		width: 120px;
		height: 90px;
	}

	.mpost .entry-image a i { line-height: 90px; }

	.col_one_third .landing-wide-form .heading-block h2 { font-size: 32px; }

	.col_one_third .landing-wide-form .heading-block span { font-size: 17px; }

	.col_one_third .landing-wide-form { padding: 36px 30px; }


	.product { width: 220px; }

	.product-image { height: 293px; }

	/* Shop - 3 Columns
	-----------------------------------------------------------------*/

	.product-3 .product { width: 293px; }

	.product-3 .product-image { height: 391px; }

	/* Shop - 3 Columns - Sidebar
	-----------------------------------------------------------------*/

	.postcontent .product-3 .product { width: 213px; }

	.postcontent .product-3 .product-image { height: 284px; }

	/* Shop - 2 Columns - Sidebar
	-----------------------------------------------------------------*/

	.postcontent .product-2 .product { width: 325px; }

	.postcontent .product-2 .product-image { height: 434px; }

	/* Shop - 2 Columns - Both Sidebar
	-----------------------------------------------------------------*/

	.bothsidebar .product-2 .product { width: 200px; }

	.bothsidebar .product-2 .product-image { height: 267px; }

	/* Shop - 1 Column - Both Sidebar
	-----------------------------------------------------------------*/

	.bothsidebar .product-1 .product-image {
		width: 200px;
		height: 267px;
	}

	.product-title h3 { font-size: 18px; }

	.landing-video {
		width: 465px;
		height: 262px;
		margin: 19px 0 0 75px;
	}

	.panel .portfolio-meta li { padding-left: 22px; }

	.panel .portfolio-meta li span {
		display: block;
		margin-left: -21px;
	}

	.portfolio-single-image-full.portfolio-single-thumbs,
	.portfolio-single-image-full .swiper-container { height: 400px; }

	.bnews-slider { width: 817px; }

	.landing-form-overlay { bottom: -142px; }

}