/* ----------------------------------------------------------------
	Responsive CSS
-----------------------------------------------------------------*/
@media (max-width: 1199px) {
	canvas {max-width: 100%; height: auto !important;}
	.promo h3 {/*font-size: 20px;*/}
	.promo > span, .promo > .container > span {font-size: 18px;}
	.promo-uppercase h3 {font-size: 19px;}
	.promo-uppercase > span, .promo-uppercase > .container > span {font-size: 14px;}
}
@media (min-width: 992px) and (max-width: 1199px) {
	#wrapper {width: 1000px;}
	#header.transparent-header.floating-header .container {width: 1030px; padding: 0 30px;}
	#header.transparent-header.floating-header.sticky-header .container {width: 970px; 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 !important;}
	.floating-header #primary-menu ul li.mega-menu .mega-menu-content {width: 1030px;}
	.team.team-list .team-image { width: 200px;}
	.testi-image, .testi-image a, .testi-image img, .testi-image i {display: block; width: 100px; height: 100px;}
	.testi-image i {line-height: 36px; font-size: 20px;}

	/* ----------------------------------------------------------------
	Portfolio
	-----------------------------------------------------------------*/
	/* Portfolio - Sidebar-----------------------------------------------------------------*/
	.bothsidebar .portfolio-item {width: 50%;}

	/* Portfolio - Both Sidebars - Items - 2 Columns-----------------------------------------------------------------*/
	.bothsidebar .portfolio.portfolio-3 {margin: 0 -20px -20px 0;}
	.bothsidebar .portfolio-3 .portfolio-item {padding: 0 20px 20px 0;}

	/* Portfolio - Items - 1 Column-----------------------------------------------------------------*/
	.bothsidebar .portfolio-shuffle, .postcontent .portfolio-1 .iconlist {display: none;}

	/* Blog - Small-----------------------------------------------------------------*/
	.postcontent .small-thumbs .entry-image {width: 200px;}
	.bothsidebar .small-thumbs .entry-image {width: 120px;}
	.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;}

	/* 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;}
}
@media (max-width: 991px) {
	#wrapper {width: 100%; margin: 0; box-shadow: none;}
	#header.full-header .container, .container-fullwidth {padding: 0 15px !important; margin: 0 auto;}
	.container.vertical-middle {width: 100% !important;}
	.vertical-middle + .video-wrap {position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
	.postcontent, .postcontent.bothsidebar, .sidebar {width: 100%; margin-right: 0; float: none !important; margin-bottom: 40px !important; padding-bottom: 20px; border-bottom: 1px solid #EEE;}
	.sidebar.col_last {float: none; margin-bottom: 0 !important; padding-bottom: 0; border-bottom: 0;}
	#header, #header-wrap, #header.sticky-style-2, #header.sticky-style-3, #header.sticky-style-2 #header-wrap, #header.sticky-style-3 #header-wrap {height: auto !important;}
	#header.sticky-style-2 #header-wrap, #header.sticky-style-3 #header-wrap {min-height: 60px;}
	#header.sticky-header #header-wrap {position: relative;}
	#header.transparent-header, #header.semi-transparent {background: #FFF; border-bottom: 1px solid #F5F5F5; z-index: auto;}
	#header.dark.transparent-header, #header.dark.semi-transparent {background-color: #333; border-bottom: 1px solid rgba(0,0,0,0.1);}
	#header.transparent-header.floating-header {margin-top: 0;}
	#header.transparent-header.floating-header .container {width: 750px; padding: 0 15px; border-radius: 0;}
	#header.transparent-header + #slider, #header.transparent-header + #page-title.page-title-parallax, #slider + #header.transparent-header, #header.transparent-header.floating-header + #slider,
	#header.transparent-header + #google-map {
		top: 0;
		margin-bottom: 0;
	}
	.slider-parallax .slider-parallax-inner {position: relative;}
	#header.transparent-header + #page-title.page-title-parallax .container {padding-top: 0;}
	#header-trigger, .top-advert, .header-extras {display: none;}
	#logo {display: block; float: none; margin: 0 auto 0 !important; max-width: none; text-align: center; border: 0 !important; padding: 0 !important;}
	#logo a.standard-logo {display: inline-block;}
	#primary-menu {display: block; float: none;}
	#primary-menu-trigger {opacity: 1; pointer-events: auto; top: 0; margin-top: 0; left: 0; z-index: 1;}
	#primary-menu .container #primary-menu-trigger {top: 5px; left: 0;}
	#primary-menu > ul, #primary-menu > div > ul {
		display: none;
		float: none !important;
		border: 0 !important;
		padding: 0 !important;
		margin: 0 !important;
		-webkit-transition: none;
		-o-transition: none;
		transition: none;
	}
	#primary-menu > div > ul {padding-top: 60px !important;}
	body:not(.top-search-open) #primary-menu-trigger {
		opacity: 1;
		-webkit-transition: opacity .0s .2s ease, top .4s ease;
		-o-transition: opacity .2s .2s ease, top .4s ease;
		transition: opacity .2s .2s ease, top .4s ease;
	}
	body.top-search-open #primary-menu-trigger {opacity: 0;}
	body.side-push-panel #side-panel-trigger-close a {
		display: block;
		position: absolute;
		z-index: 12;
		top: 0;
		left: auto;
		right: 0;
		width: 40px;
		height: 40px;
		font-size: 18px;
		line-height: 40px;
		color: #444;
		text-align: center;
		background-color: rgba(0,0,0,0.1);
		border-radius: 0 0 0 2px;
	}
	#primary-menu.style-5 > ul {padding-right: 0; margin-right: 0; border-right: 0;}
	#primary-menu ul li {float: none; margin: 0 !important; text-align: left !important; border-top: 1px solid #EEE;}
	#header.split-menu #primary-menu:not(.mobile-menu-off-canvas) > ul:not(:first-child) > li:first-child {border-top: 1px solid #EEE;}
	#primary-menu ul li:first-child {border-top: 0;}
	#primary-menu ul > li > a, 	#primary-menu.style-2 > div > ul > li > a {padding: 14px 5px !important; border: none !important; margin: 0 !important;}
	#primary-menu.style-5 > ul > li > a > div {line-height: 22px;}
	#primary-menu.style-5 > ul > li > a > div i {display: inline-block; margin: 0 6px 0 0; top: -1px; width: 16px; font-size: 14px; line-height: inherit;}
	#primary-menu.style-6 > ul > li > a:after, 	#primary-menu.style-6 > ul > li.current > a:after {display: none;}
	#primary-menu.sub-title > ul > li,	#primary-menu.sub-title.style-2 > div > ul > li {background: none !important; margin-left: 0;}
	#primary-menu.sub-title > ul > li > a, 	#primary-menu.sub-title > div > ul > li > a {line-height: 22px; font-size: 13px; border-top: none;}
	#primary-menu.sub-title ul li > a span {display: none !important;}
	#primary-menu.sub-title ul li:hover > a, #primary-menu.sub-title ul li.current > a, #primary-menu.sub-title div ul > li:hover > a, #primary-menu.sub-title div ul > li.current > a, #primary-menu.style-3 ul li:hover > a,
	#primary-menu.style-3 ul li.current > a {
		background-color: transparent !important;
		color: #444;
		text-shadow: none;
	}
	#primary-menu ul:not(.windows-mobile-menu) li > a i.icon-angle-down:last-child {display: none;}
	#primary-menu > ul > li.sub-menu > a, #primary-menu > .container > ul > li.sub-menu > a {
		background-image: url("../images/icons/submenu.png");
		background-position: right center;
		background-repeat: no-repeat;
	}
	#primary-menu ul li.mega-menu {position: relative;}
	#primary-menu ul ul:not(.mega-menu-column), #primary-menu ul li .mega-menu-content {
		position: relative;
		width: auto;
		max-width: none;
		background: transparent !important;
		box-shadow: none;
		border: 0;
		border-top: 1px solid #EEE;
		z-index: 1;
		top: 0;
		padding-left: 15px;
	}
	#primary-menu ul li .mega-menu-content {padding-left: 0;}
	#primary-menu ul ul:not(.mega-menu-column) ul {top: 0 !important; left: 0;}
	#primary-menu ul ul.menu-pos-invert:not(.mega-menu-column),
	#primary-menu ul li .mega-menu-content.menu-pos-invert {left: 0; right: 0;}
	#primary-menu ul ul:not(.mega-menu-column) ul.menu-pos-invert {right: 0;}
	#primary-menu ul ul li {float: none; margin: 0; border-top: 1px solid #EEE;}
	#primary-menu ul ul li > a {padding: 11px 5px !important; font-size: 13px; text-transform: none; font-weight: 400;}
	#primary-menu ul ul li:hover > a {background-color: transparent !important; font-weight: 700; padding-left: 5px; color: #1ABC9C;}
	#primary-menu ul li .mega-menu-content, #primary-menu ul li.mega-menu-small .mega-menu-content, #primary-menu ul li.mega-menu .mega-menu-content, 
	.floating-header.sticky-header #primary-menu ul li.mega-menu .mega-menu-content, .floating-header #primary-menu ul li.mega-menu .mega-menu-content {
		width: auto;
		margin: 0;
		top: 0;
	}
	.container-fullwidth #primary-menu ul li.mega-menu .mega-menu-content, 	#header.full-header #primary-menu ul li.mega-menu .mega-menu-content {width: auto !important; margin: 0 !important;}
	#primary-menu ul li.mega-menu .mega-menu-content.style-2 {padding: 0;}
	#primary-menu ul li .mega-menu-content ul {display: block !important; position: relative; opacity: 1 !important; top: 0; left: 0; min-width: inherit;}
	#primary-menu ul li .mega-menu-content ul ul {border-top: 1px solid #EEE;}
	#primary-menu ul li .mega-menu-content ul.mega-menu-column {float: none; width: auto; margin: 0; border-left: 0 !important; padding-left: 15px; border-top: 1px solid #EEE;}
	#primary-menu ul li .mega-menu-content ul.mega-menu-column:first-child {border: 0;}
	#primary-menu ul li .mega-menu-content ul {width: 100% !important;}
	#primary-menu ul li .mega-menu-content.style-2 ul.mega-menu-column {padding: 0 0 0 18px;}
	#primary-menu ul li .mega-menu-content.style-2 ul.mega-menu-column > li.mega-menu-title {margin: 0;}
	#primary-menu ul li .mega-menu-content.style-2 ul.mega-menu-column > li.mega-menu-title > a {
		font-size: 13px;
		font-weight: 700;
		text-transform: none !important;
		padding: 11px 5px !important;
		line-height: 22px !important;
		color: #444 !important;
	}
	#primary-menu ul li .mega-menu-content.style-2 ul.mega-menu-column > li.mega-menu-title:hover > a {background-color: transparent; color: #1ABC9C !important;}
	#primary-menu ul li .mega-menu-content.style-2 ul.mega-menu-column > li.mega-menu-title > a:hover {color: #1ABC9C !important;}
	#primary-menu ul li .mega-menu-content.style-2 li {border-top: 1px solid #EEE;}
	#primary-menu ul li .mega-menu-content.style-2 li:first-child {border-top: 0;}
	#primary-menu ul li .mega-menu-content.style-2 ul > li > a:hover {padding-left: 15px;}
	.mega-menu-column .widget {padding: 30px 0; margin: 0 !important;}
	#top-search {margin: 0 !important;}
	#top-search a, #top-cart, #side-panel-trigger, #top-account {
		margin: 14px 0;
		-webkit-transition: margin .2s ease;
		-o-transition: margin .2s ease;
		transition: margin .2s ease;
	}
	#primary-menu > div > #top-search a, #primary-menu > div > #top-cart, #primary-menu > div > #side-panel-trigger {margin: 20px 0 !important;}
	#primary-menu ul.windows-mobile-menu li.sub-menu {position: relative;}
	#primary-menu ul.windows-mobile-menu li.sub-menu a {background-image: none !important;}
	#primary-menu ul.windows-mobile-menu li.sub-menu a.wn-submenu-trigger {
		position: absolute;
		cursor: pointer;
		width: 32px;
		height: 50px;
		line-height: 51px;
		top: 0;
		right: 0;
		z-index: 1;
		padding: 0 !important;
		text-align: center !important;
	}
	#primary-menu ul.windows-mobile-menu .mega-menu-content a.wn-submenu-trigger {display: none;}
	#primary-menu ul.windows-mobile-menu li.sub-menu a.wn-submenu-trigger i {margin: 0 !important;}
	#primary-menu ul.windows-mobile-menu ul li.sub-menu a.wn-submenu-trigger {text-align: center !important; height: 45px; line-height: 45px;}
	#primary-menu ul.windows-mobile-menu ul li.sub-menu a.wn-submenu-trigger i {display: inline-block; line-height: 45px;}
	#header.sticky-style-3 #top-cart .top-cart-content {top: 40px;}
	#top-search form {}
	#primary-menu > div > #top-search form {height: 60px !important;}
	#top-search form input {font-size: 24px;}
	#side-panel-trigger {right: 71px;}
	#top-account {margin: 33px 0 32px; right: 75px;}
	#top-account a.btn span {display: none;}
	body:not(.sticky-responsive-pagemenu) #page-menu #page-menu-wrap {position: relative !important; top: 0 !important;}
	#page-submenu-trigger {opacity: 1; pointer-events: auto; color: #FFF;}
	#page-menu.pagemenu-active #page-submenu-trigger {}
	#page-menu nav {
		display: none;
		position: absolute;
		float: none;
		width: 200px;
		top: 43px;
		left: auto;
		right: 15px;
		height: auto;
		background-color: #A31D36;
		z-index: 11;
	}
	#page-menu.pagemenu-active nav {display: block;}
	#page-menu nav ul {height: auto;}
	#page-menu nav li {float: none;}
	#page-menu nav li a {height: 40px; line-height: 40px; margin: 0; padding: 0 15px; border-radius: 0;}
	#page-menu ul ul {position: relative; width: auto; top: 0; background-color: transparent;}
	#page-menu ul ul a {padding-left: 25px;}

	/* Responsive Sticky Header-----------------------------------------------------------------*/
	.sticky-responsive-menu #header {min-height: 100px; -webkit-transition: min-height .4s ease; -o-transition: min-height .4s ease; transition: min-height .4s ease;}
	.sticky-responsive-menu #header-wrap {-webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);}
	.sticky-responsive-menu #header.sticky-style-2, .sticky-responsive-menu #header.sticky-style-3 { min-height: 160px;}
	.sticky-responsive-menu.device-touch #header, 	.sticky-responsive-menu.device-touch #header-wrap, 	.sticky-responsive-menu.device-touch #logo, 	.sticky-responsive-menu.device-touch #logo img,
	.sticky-responsive-menu.device-touch #top-search a, .sticky-responsive-menu.device-touch #primary-menu-trigger, .sticky-responsive-menu.device-touch #top-cart, 
	.sticky-responsive-menu.device-touch #side-panel-trigger, .sticky-responsive-menu.device-touch #top-account {
		-webkit-transition: none !important;
		-o-transition: none !important;
		transition: none !important;
	}
	#header.responsive-sticky-header:not(.sticky-style-2):not(.sticky-style-3):not(.static-sticky) {min-height: 60px;}
	.responsive-sticky-header #header-wrap {z-index: 199; position: fixed; top: 0; left: 0; width: 100%; background-color: #FFF; border-bottom: 1px solid #EEE; -webkit-backface-visibility: hidden;}
	.responsive-sticky-header:not(.static-sticky) #logo, .responsive-sticky-header:not(.static-sticky) #logo img {height: 60px;}
	.responsive-sticky-header:not(.static-sticky) #primary-menu-trigger {top: 5px;}
	.responsive-sticky-header #primary-menu > ul, .responsive-sticky-header #primary-menu > .container > ul {max-height: 300px; overflow-y: scroll;}
	.responsive-sticky-header #primary-menu > ul, .responsive-sticky-header #primary-menu > .container > ul {margin-bottom: 20px !important;}
	.responsive-sticky-header:not(.static-sticky) #top-search a, .responsive-sticky-header:not(.static-sticky) #top-cart, .responsive-sticky-header:not(.static-sticky) #side-panel-trigger {margin: 20px 0;}
	.responsive-sticky-header:not(.static-sticky) #top-search form {height: 60px !important;}
	.responsive-sticky-header:not(.static-sticky) #top-cart .top-cart-content {top: 40px;}

	/* Off Canvas Menu-----------------------------------------------------------------*/
	body:not(.sticky-responsive-menu) #primary-menu.mobile-menu-off-canvas > ul, body:not(.sticky-responsive-menu) #primary-menu.mobile-menu-off-canvas > div > ul {
		position: fixed;
		display: block;
		z-index: 499;
		width: 280px;
		height: 100%;
		height: calc(100vh);
		max-height: none !important;
		margin: 0 !important;
		left: 0 !important;
		top: 0 !important;
		padding: 35px 25px 60px !important;
		background-color: #FFF;
		border-right: 1px solid #EEE !important;
		overflow-y: scroll;
		-webkit-overflow-scrolling: touch;
		-webkit-transform: translate3d(-280px,0,0);
		-o-transform: translate3d(-280px,0,0);
		transform: translate3d(-280px,0,0);
		-webkit-backface-visibility: hidden;
		transform-style: preserve-3d;
	}
	body:not(.sticky-responsive-menu) #primary-menu.mobile-menu-off-canvas.from-right > ul, body:not(.sticky-responsive-menu) #primary-menu.mobile-menu-off-canvas.from-right > div > ul {
		left: auto !important;
		right: 0;
		border-right: 0 !important;
		border-left: 1px solid #EEE !important;
		-webkit-transform: translate3d(280px,0,0);
		-o-transform: translate3d(280px,0,0);
		transform: translate3d(280px,0,0);
	}
	body:not(.sticky-responsive-menu) #primary-menu.mobile-menu-off-canvas > ul, body:not(.sticky-responsive-menu) #primary-menu.mobile-menu-off-canvas > div > ul {
		-webkit-transition: -webkit-transform .3s ease-in-out, opacity .2s ease !important;
		-o-transition: -o-transform .3s ease-in-out, opacity .2s ease !important;
		transition: transform .3s ease-in-out, opacity .2s ease !important;
	}
	body:not(.sticky-responsive-menu) #primary-menu.mobile-menu-off-canvas > ul.d-block, body:not(.sticky-responsive-menu) #primary-menu.mobile-menu-off-canvas > div > ul.d-block {
		-webkit-transform: translate3d(0,0,0);
		-o-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}

	/* Portfolio - Items-----------------------------------------------------------------*/
	.portfolio .portfolio-item {width: 33.33333333%;}

	/* Portfolio - Items - 2 Columns - No Margin-----------------------------------------------------------------*/
	.portfolio-2 .portfolio-item {width: 50%;}

	/* Portfolio - Items - 1 Column-----------------------------------------------------------------*/
	.portfolio-1 .portfolio-item {width: 100%;}
	.portfolio-1 .portfolio-item .portfolio-image {float: none !important; margin: 0 !important; margin-bottom: 20px !important;}
	.portfolio-1 .portfolio-item .portfolio-image, .portfolio-1 .portfolio-item .portfolio-image a, .portfolio-1 .portfolio-item .portfolio-image img,
	.portfolio-1.portfolio-fullwidth .portfolio-item .portfolio-image, .portfolio-1.portfolio-fullwidth .portfolio-item .portfolio-image a,
	.portfolio-1.portfolio-fullwidth .portfolio-item .portfolio-image img {
		width: 100%;
		height: auto;
	}
	.portfolio-1 .portfolio-desc {width: 100% !important; padding: 0 !important;}

	/* Portfolio - Items - 1 Column - Full Width-----------------------------------------------------------------*/
	.portfolio-1.portfolio-fullwidth {margin: 0 0 -60px 0;}
	.portfolio-1.portfolio-fullwidth .portfolio-item {margin-bottom: 60px; padding-bottom: 0; border-bottom: 0; overflow: hidden;}
	.portfolio-1.portfolio-fullwidth .portfolio-item .portfolio-image {float: none; margin: 0 0 20px 0 !important;}
	.portfolio-1.portfolio-fullwidth .portfolio-item .portfolio-image img {-webkit-transition: none; -o-transition: none; transition: none;}
	.portfolio-1.portfolio-fullwidth .portfolio-item:hover .portfolio-image img, .portfolio-1.portfolio-fullwidth .portfolio-item.alt:hover .portfolio-image img {
		-webkit-transform: translateX(0) !important;
		-moz-transform: translateX(0) !important;
		-ms-transform: translateX(0) !important;
		-o-transform: translateX(0) !important;
		transform: translateX(0) !important;
	}
	.portfolio-1.portfolio-fullwidth .portfolio-desc, .portfolio-1.portfolio-fullwidth .alt .portfolio-desc {
		position: relative;
		height: auto;
		background-color: transparent;
		left: 0 !important;
		right: 0 !important;
		-webkit-transition: none;
		-o-transition: none;
		transition: none;
	}
	.portfolio-1.portfolio-fullwidth .portfolio-overlay a {left: 50% !important;}
	.portfolio-1.portfolio-fullwidth .alt .portfolio-overlay a {left: auto; right: 50% !important;}
	.device-touch .portfolio-parallax .portfolio-item .portfolio-desc,
	.device-touch .portfolio-parallax .portfolio-overlay {opacity: 1;}
	.shop-quick-view-ajax, .portfolio-ajax-modal {width: 90% !important;}
	.small-thumbs .entry-title h2, .ievent .entry-title h2 {font-size: 18px;}
	.entry-meta li {font-size: 12px; margin: 0 10px 10px 0;}

	/* Blog - Grid-----------------------------------------------------------------*/
	.post-grid {margin-right: -20px;}
	.post-grid .entry {width: 33.33333333%; padding-right: 20px;}
	#homepage .post-grid .entry {/*padding-right: 0 !important;*/}

	/* Blog - Grid - 3 Columns-----------------------------------------------------------------*/
	.post-grid.grid-2, .post-grid.grid-3 {margin-right: -30px;}
	.post-grid.grid-2 .entry, .post-grid.grid-3 .entry {width: 50%;}
	.post-masonry-full .entry {width: 33.30% !important;}
	.post-masonry-full.grid-3 .entry {width: 50% !important;}
	.post-timeline .entry {width: 290px !important;}
	.post-timeline .entry.entry-date-section {width: 100% !important;}
	.product {width: 33.33333333%;}
	.product:not(.product-2):not(.product-3) .product-title h3 {font-size: 18px;}
	.pricing [class^=col-md-] .pricing-box.best-price {margin-top: 0;}
	.pricing.pricing-5 .pricing-box.best-price {margin-top: 20px;}
	.device-md .pricing.pricing-5 .pricing-title h3, 	.device-md .pricing.pricing-5 .best-price .pricing-title h3 {font-size: 14px;}
	.device-md .pricing.pricing-5 .pricing-title span {font-size: 12px;}
	.device-md .pricing.pricing-5 .pricing-price {font-size: 48px;}
	.device-md .pricing.pricing-5 .pricing-price span {font-size: 20px;}
	.device-md .pricing.pricing-5 .pricing-price span.price-tenure {font-size: 12px;}
	.device-md .pricing.pricing-5 .pricing-box.best-price .pricing-title {padding: 15px 0;}
	.pricing-box.pricing-extended .pricing-desc, .pricing-box.pricing-extended .pricing-action-area {position: relative; float: none; width: auto; padding: 25px;}
	.pricing-box.pricing-extended .pricing-action-area {height: auto; border-left: 0; border-top: 1px solid rgba(0,0,0,0.05); border-radius: 0 0 3px 3px;}
	.testimonials-grid.grid-3 li {width: 50%;}
	.section > .testimonial {padding: 0 40px !important; max-width: none;}
	/*This causes issues on many pages with buttons in promo bars - BLW
	.promo:not(.promo-full) {padding: 0 15px !important;}
	*/
	.promo.promo-dark h3 {line-height: 1.6;}
	.promo a.button {position: relative !important; top: 0 !important; margin: 20px 0 0 !important; left: 0 !important; right: 0;}
	#contact-form-overlay-mini {float: none; width: auto; max-width: 380px; margin: 0 auto;}
	.button.button-full {font-size: 22px;}
	.button.button-full i {top: 3px !important;}
	.bnews-title {float: none; display: inline-block;}
	.bnews-slider {float: none; margin: 10px 0 0; width: 100%;}
	.wedding-head {font-size: 60px;}
	.wedding-head .first-name span, .wedding-head .last-name span {font-size: 40px;}
	.wedding-head .and {font-size: 144px;}
	.error404 {font-size: 180px;}
	.landing-form-overlay {position: absolute; width: 100%; max-width: 400px; right: auto; left: 50%; margin-left: -200px; bottom: 0;}
}
@media (min-width: 768px) and (max-width: 991px) {
	.swiper_wrapper:not(.full-screen):not(.canvas-slider-grid),
	.swiper_wrapper:not(.full-screen):not(.canvas-slider-grid) .swiper-slide {height: 400px !important;}
	.sidebar-widgets-wrap {position: relative; margin: 0 -20px .5em -20px;}
	.sidebar-widgets-wrap .widget {display: inline-block; vertical-align: top; float: none; width: 100%; margin: 10px 0 30px 0; padding-top: 0; border-top: 0;}
	.landing-video {width: 352px; height: 199px; margin: 14px 0 0 60px;}
	.promo a.button.uppercase {text-transform:none !important;}
}
@media (max-width: 820px) {
    .swiper_wrapper:not(.force-full-screen),
	.swiper_wrapper:not(.force-full-screen):not(.canvas-slider-grid) .swiper-slide {/*height: 300px !important;*/}
}
@media (max-width: 767px) {
	body {padding: 0 !important;}
	#wrapper {width: 100% !important;}
	.container-fullwidth {margin: 0 auto; padding: 0 15px !important;}
	h1 {font-size: 28px;}
	h2 {font-size: 26px;}
	h3 {font-size: 24px;}
	h4 {font-size: 22px;}
	h5 {font-size: 20px;}
	h6 {font-size: 18px;}
	.tab-pane.active div.row div.col-lg-12 div.table-responsive table h4,
	.tab-pane.active div.row div.col-lg-12 div.table-responsive table h5,
	.tab-pane.active div.row div.col-lg-12 div.table-responsive table h6{font-size:100%; margin:0;}
	.one-page-arrow {display: none !important;}
	#top-bar {height: auto;}
	#top-bar .col_half {width: 100%; margin-bottom: 0 !important;}
	.top-links, .top-links > ul > li {float: none !important;}
	.top-links > ul {text-align: center;}
	.top-links > ul > li {display: inline-block;}
	.top-links > ul > li {margin-right: -4px;}
	.top-links ul ul, .top-links ul div.top-link-section {text-align: left;}
	.top-links ul div.top-link-section {left: auto; right: 0; padding: 20px 15px;}
	#top-social, .flex-caption, .slider-arrow-top-sm, .slider-arrow-bottom-sm {display: none !important;}
	.flex-control-nav li {opacity: 1 !important;}
	.fslider:not(.flex-thumb-grid) .flex-control-nav.flex-control-thumbs {height: 60px;}
	.fslider:not(.flex-thumb-grid) .flex-control-nav.flex-control-thumbs li, .fslider:not(.flex-thumb-grid) .flex-control-nav.flex-control-thumbs li img {
		display: block;
		width: 80px !important;
		height: 60px !important;
	}
	.postcontent, .postcontent.bothsidebar, .sidebar, .col_full, .col_half, .col_one_third, .col_two_third, .col_three_fourth, .col_one_fourth, .col_one_fifth, .col_two_fifth, .col_three_fifth,
	.col_four_fifth, .col_one_sixth, .col_five_sixth {
		width: 100%;
		margin-right: 0;
		float: none;
	}
	.sidebar.col_last {margin-bottom: 0 !important;}
	form .col_full, form .col_half, form .col_one_third, form .col_two_third, form .col_three_fourth, form .col_one_fourth, 
	form .col_one_fifth, form .col_two_fifth, form .col_three_fifth, form .col_four_fifth, form .col_one_sixth,
	form .col_five_sixth {margin-bottom: 25px !important;}
	#page-title {padding: 20px 0 25px; text-align: center;}
	#page-title h1 {line-height: 1.5; font-size: 24px;}
	#page-title .breadcrumb {position: relative !important; top: 0 !important; left: 0 !important; right: 0 !important; justify-content: center;}
	#page-title #portfolio-navigation, #portfolio-ajax-title #portfolio-navigation {position: relative; top: 0; left: 0; margin: 15px auto 0;}
	#portfolio-ajax-title {text-align: center;}

	/* Portfolio - Filter-----------------------------------------------------------------*/
	.portfolio-filter {border: none; border-radius: 0; margin-bottom: 20px;}
	.portfolio-filter li {width: 33.33%; margin: 0 !important;}
	.portfolio-filter li a {text-align: center; padding: 12px 10px !important; border-radius: 0 !important; margin: 5px !important;}
	.portfolio-filter li a:hover {color: #1ABC9C;}
	.portfolio-filter li.activeFilter a {color: #FFF; margin: 0; border:#5c7492 1px solid;}
	.portfolio-filter.style-2 li a, .portfolio-filter.style-3 li a {border-radius: 22px !important;}
	.portfolio-shuffle {display: none;}

	/* Blog-----------------------------------------------------------------*/
	.small-thumbs .entry-image, .ievent .entry-image {float: none !important; width: 100% !important; margin: 0 0 20px !important;}
	.entry-title h2, .post-grid .entry-title h2 {font-size: 18px !important; font-weight: 600;}
	.entry-meta li {font-size: 11px; margin: 0 10px 10px 0;}
	#posts .entry-meta li i {display: none;}
	#posts.post-grid .entry-meta li i, #posts .entry-meta li:last-child i {display: inline-block;}
	.post-grid {margin-right: 0 !important;}
	.post-grid .entry, .post-masonry-full.grid-3 .entry {float: none !important; width: 100% !important; margin-right: 0 !important; border-right: 0 !important;}
	.post-timeline .entry.entry-date-section {margin-left: 0;}
	.timeline-border, .post-timeline .entry-timeline {display: none !important;}
	.postcontent .post-timeline {padding-left: 0;}
	.post-masonry-full .entry {padding: 40px !important;}
	.product-1 .product {width: 100%;}
	.product-1 .product-image {float: none !important; width: 100% !important; height: auto !important; margin: 0 0 20px !important;}
	.product-1 .product-title h3 {font-size: 19px;}
	.product-1 p {display: none;}
	.pricing-box.best-price {margin-top: 0;}
	.pricing.pricing-5 .pricing-box {float: none; width: 100%;}
	.pricing-box.pricing-extended .pricing-features li {width: auto; float: none;}
	table.cart .quantity {display: block;}
	table.cart .quantity .qty, 	table.cart .quantity .plus, 	table.cart .quantity .minus {float: none; width: 100%;}
	table.cart .quantity .qty {border: 0; border-top: 1px solid #DDD; border-bottom: 1px solid #DDD;}
	.button.button-desc {padding: 20px 17px; font-size: 15px; max-width: 100%;}
	.button.button-desc span {font-size: 11px;}
	.process-steps li {float: none; width: auto !important; margin-top: 20px;}
	.process-steps li:first-child {margin-top: 0;}
	.process-steps li h5 {margin: 10px 0 0 0;}
	.process-steps li:before, .process-steps li:after {display: none;}
	.tabs-responsive .tab-container {padding: 0 !important;}
	.tabs-responsive .tab-container:not(.accordion-border) {border: 0;}
	.testimonials-grid li {float: none; width: auto !important; padding-left: 0; padding-right: 0;}
	.team.team-list .team-image {float: none; width: 100%; margin-right: 0;}
	.team.team-list .team-title {margin-top: 15px;}
	.title-block {padding: 2px 0 3px 15px; border-left-width: 5px;}
	.title-block-right {padding: 2px 15px 3px 0; border-right-width: 5px;}
	.title-block h1 + span {font-size: 18px;}
	.title-block h2 + span {font-size: 17px;}
	.title-block h3 + span {font-size: 15px;}
	.title-block h4 + span {font-size: 13px;}
	.heading-block h1 {font-size: 28px;}
	.heading-block h2 {font-size: 26px;}
	.heading-block h3 {font-size: 24px;}
	.heading-block h4 {font-size: 22px;}
	.heading-block h1 + span {font-size: 20px;}
	.heading-block h2 + span {font-size: 18px;}
	.heading-block h3 + span, .heading-block h4 + span {font-size: 17px;}
	.heading-block ~ p:not(.lead) {font-size: 15px;}
	.emphasis-title h1, .emphasis-title h2 {font-size: 44px !important;}
	.wedding-head {font-size: 48px;}
	.wedding-head .first-name, .wedding-head .last-name, .wedding-head .and {display: block; margin: 0 0 15px; text-align: center;}
	.wedding-head .first-name span,
	.wedding-head .last-name span {font-size: 36px;}
	.wedding-head .and { font-size: 120px;}
	.news-carousel .overlay {}

	/* Copyrights-----------------------------------------------------------------*/
	#copyrights .col_half {text-align: center;}
	#copyrights .col_half:last-child {display: none;}
	#copyrights .footer-logo {margin-left: auto; margin-right: auto;}
}
@media (max-width: 767px) {
	#header.full-header .container, .container-fullwidth {width:100% !important;}
	.container.vertical-middle {width: 100% !important;}
	.full-screen:not(.force-full-screen) .container.vertical-middle {width: 540px !important;}
	#top-search form input {padding-right: 60px;}
	.swiper_wrapper:not(.force-full-screen),
	.swiper_wrapper:not(.force-full-screen):not(.canvas-slider-grid) .swiper-slide {height: 300px !important;}
	.swiper_wrapper .slider-caption h1, .swiper_wrapper .slider-caption h2, .swiper_wrapper .slider-caption p.slide-heading.title {font-size: 2.25rem;}
	.swiper_wrapper .slider-caption p { font-size: 1.25rem;}
	#header.transparent-header.floating-header .container {width: 540px; padding: 0 15px;}

	/* Portfolio - Items-----------------------------------------------------------------*/
	.portfolio:not(.portfolio-1) {margin: 0 -6px -6px 0;}
	.portfolio:not(.portfolio-1) .portfolio-item {padding: 0 6px 6px 0;}

	/* Portfolio - Items - 5 & 6 Columns-----------------------------------------------------------------*/
	.portfolio:not(.portfolio-1) .portfolio-item {width: 50%;}

	/* Portfolio - Items - Descriptions-----------------------------------------------------------------*/
	.portfolio:not(.portfolio-1) .portfolio-desc {padding: 15px 5px 10px;}
	.portfolio:not(.portfolio-1) .portfolio-desc h3 {font-size: 16px;}
	.portfolio:not(.portfolio-1) .portfolio-desc span {font-size: 14px;}
	.portfolio-notitle:not(.portfolio-1) .portfolio-desc {height: 78px; padding: 15px 5px; bottom: -79px;}
	.portfolio-full.portfolio-notitle:not(.portfolio-1) .portfolio-desc, .portfolio-nomargin.portfolio-notitle:not(.portfolio-1) .portfolio-desc {bottom: -78px; border-bottom: 0;}

	/* Portfolio - Items - Overlay-----------------------------------------------------------------*/
	.portfolio-notitle:not(.portfolio-1) .portfolio-item:hover .portfolio-overlay a.left-icon, .portfolio-notitle:not(.portfolio-1) .portfolio-item:hover .portfolio-overlay a.right-icon,
	.portfolio-notitle .iportfolio:hover .portfolio-overlay a.left-icon, .portfolio-notitle .iportfolio:hover .portfolio-overlay a.right-icon {margin-top: -55px !important;}
	.portfolio:not(.portfolio-1) .portfolio-item:hover .portfolio-overlay .portfolio-desc ~ a { margin: 20px 0 0 !important;}
	.portfolio:not(.portfolio-1) .portfolio-item:hover .portfolio-overlay .portfolio-desc ~ a.right-icon {margin-left: 5px !important; margin-right: 0 !important;}
	.portfolio.portfolio-nomargin, .portfolio.portfolio-full {margin: 0 !important;}
	.post-grid:not(.post-masonry) .entry-image iframe {height: 246px;}
	.shop:not(.product-1) {margin: 0 -12px -12px 0;}
	.shop:not(.product-1) .product {padding: 0 12px 12px 0; width: 50%;}
	.shop:not(.product-1) .product-title h3 {font-size: 17px;}
	.clients-grid:not(.grid-3):not(.grid-2) li, .clients-grid.grid-4 li, .clients-grid.grid-6 li {width: 33.33%;}
	.button.button-full {font-size: 18px;}
	.button.button-full i {top: 2px !important; margin-left: 3px !important;}
	.error404, .error404-wrap .error404 {font-size: 160px;}
	.landing-video {position: relative; top: 12px; width: 333px; height: 187px; margin: 19px 0 0 53px;}
}
@media (max-width: 667px) {
    .swiper_wrapper:not(.force-full-screen),
    .swiper_wrapper:not(.force-full-screen):not(.canvas-slider-grid) .swiper-slide {height: 278px !important;}
}
@media (max-width: 575px) {
	#header.full-header .container, .container-fullwidth {width: 100% !important; padding-left: 25px !important; padding-right: 25px !important;}
	#primary-menu-trigger {left: 20px;}
	#top-cart {display: none;}
	#top-search form input {padding-right: 55px;}
	#side-panel-trigger {right: 68px;}
	#top-account {right: 68px;}
	#top-account a.btn {padding-left: 8px; padding-right: 8px;}
	#top-account a.btn i:last-child {display: none;}
	.swiper_wrapper:not(.force-full-screen),
	.swiper_wrapper:not(.force-full-screen):not(.canvas-slider-grid) .swiper-slide {height: 240px !important;}
	.swiper_wrapper .slider-caption h1, .swiper_wrapper .slider-caption h2, .swiper_wrapper .slider-caption p.slide-heading.title {font-size: 1.75rem !important;}
	.swiper_wrapper .slider-caption p {font-size: 1rem;}
	#header.transparent-header.floating-header .container {width: 310px; padding: 0 15px;}
	.portfolio-filter li {width: 50%;}
	.portfolio:not(.portfolio-1) {margin: 0;}
	.portfolio .portfolio-item {width: 100%; padding: 0;}
	.post-grid:not(.post-masonry) .entry-image iframe {height: 157px;}
	.mpost .entry-image {float: none; margin: 0 0 20px 0;}
	.mpost .entry-image, .mpost .entry-image a,
	.mpost .entry-image img, .mpost .entry-image i {width: auto; height: auto;}
	.mpost .entry-image i {height: 150px; line-height: 150px;}
	.shop:not(.product-1) { margin: 0 !important;}
	.shop:not(.product-1) .product {margin: 0 0 20px 0; padding: 0; width: 100%;}
	.shop:not(.product-1) .product-title h3 {font-size: 19px;}
	.fslider:not(.flex-thumb-grid) .flex-control-nav.flex-control-thumbs {height: 45px;}
	.fslider:not(.flex-thumb-grid) .flex-control-nav.flex-control-thumbs li, .fslider:not(.flex-thumb-grid) .flex-control-nav.flex-control-thumbs li img {display: block; width: 60px !important; height: 45px !important;}
	.si-share span {display: none;}
	.parallax .entry-overlay-meta, .parallax .entry-overlay {left: 50% !important; right: 0 !important; margin: 0 0 0 -140px !important; width: 280px !important;}
	.parallax .entry-overlay {width: 288px !important;}
	.parallax .countdown-section {width: 64px; height: 64px; margin: 0 8px 0 0; font-size: 11px; padding: 0; padding-top: 12px;}
	.parallax .countdown-amount {font-size: 20px;}
	.countdown-large .countdown-section {display: block; width: auto; margin: 30px 0 0; border: 0;}
	.countdown-large .countdown-section:first-child {margin-top: 0;}
	.testi-image, .testi-image a, .testi-image img, .testi-image i {width: 100px; height: 100px;}
	.testi-image i {line-height: 36px; font-size: 20px;}
	.clients-grid:not(.grid-3):not(.grid-2) li, .clients-grid.grid-4 li, .clients-grid.grid-6 li {width: 50%;}
	.button.button-full {font-size: 16px;}
	.button.button-full i {top: 2px !important; margin-left: 3px !important;}
	.emphasis-title h1, .emphasis-title h2 {font-size: 40px !important;}
	.error404, .error404-wrap .error404 {font-size: 120px;}
	.landing-video {position: relative; top: 9px; width: 212px; height: 119px; margin: 19px 0 0 34px;}
	.landing-form-overlay {margin-left: -155px;}
	.button.button-desc {padding: 20px 17px; font-size: 15px; max-width: 100%;}
	.button.button-desc span {font-size: 11px;}
	h1 {font-size: 27px;}
	h2 {font-size: 25px;}
	h3 {font-size: 23px;}
	h4 {font-size: 21px;}
	h5 {font-size: 19px;}
	h6 {font-size: 18px;}
}
@media (max-width: 425px) {
    .swiper_wrapper:not(.force-full-screen),
	.swiper_wrapper:not(.force-full-screen):not(.canvas-slider-grid) .swiper-slide {height: 180px !important;}
	.swiper_wrapper .slider-caption h1, .swiper_wrapper .slider-caption h2, .swiper_wrapper .slider-caption p.slide-heading.title {font-size:1.4rem !important;}
}
@media (max-width: 375px) {
    .swiper_wrapper .slider-caption h1, .swiper_wrapper .slider-caption h2, .swiper_wrapper .slider-caption p.slide-heading.title {font-size:1.2rem !important;}
}
@media (max-width: 320px) {
    .swiper_wrapper:not(.force-full-screen),
	.swiper_wrapper:not(.force-full-screen):not(.canvas-slider-grid) .swiper-slide {height: 128px !important;}
	.swiper_wrapper .slider-caption h1, .swiper_wrapper .slider-caption h2, .swiper_wrapper .slider-caption p.slide-heading.title {font-size:1rem !important;}
}

/* ----------------------------------------------------------------
	Retina CSS
-----------------------------------------------------------------*/
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
	#logo a.standard-logo, #header.split-menu #logo a.standard-logo {}
	#logo a.retina-logo {}
	#header.split-menu #logo a.retina-logo {display: inline-block;}
	.owl-carousel.owl-loading, 	.preloader, 	.preloader2, 	.form-process {/*background-image: url('../images/preloader.gif');*/ background-size: 24px 24px;}
	.dark .owl-carousel.owl-loading, .dark .preloader, .dark .preloader2, .dark .form-process {/*background-image: url('../images/preloader-dark.gif');*/}
	.widget_recent_comments li {background-image: url("../images/icons/widget-comment.png"); background-size: 15px 26px;}
	.widget_nav_menu li a, .widget_links li a, .widget_meta li a, .widget_archive li a, .widget_recent_entries li a, .widget_categories li a, .widget_pages li a, .widget_rss li a, .widget_recent_comments li a {
		background-size: 4px 20px;
	}
	.dark .widget_recent_comments li {background-image: url("../images/icons/widget-comment-dark.png");}
	.dark .widget_nav_menu li a, .dark .widget_links li a, .dark .widget_meta li a, .dark .widget_archive li a, .dark .widget_recent_entries li a, .dark .widget_categories li a, .dark .widget_pages li a,
	.dark .widget_rss li a, .dark .widget_recent_comments li a {background-image: url("../images/icons/widget-link-dark.png");}
}
@media
only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 991px),
only screen and (   min--moz-device-pixel-ratio: 2) and (max-width: 991px),
only screen and (     -o-min-device-pixel-ratio: 2/1) and (max-width: 991px),
only screen and (        min-device-pixel-ratio: 2) and (max-width: 991px),
only screen and (                min-resolution: 192dpi) and (max-width: 991px),
only screen and (                min-resolution: 2dppx) and (max-width: 991px) {
	#logo a.standard-logo { display: none;}
	#logo a.retina-logo { display: inline-block;}
}