/*
|-----------------------------------------------------------------------------------------------------------------
| Responsive Stylesheet - For quick search use '#$width' e.g '#1200'
|-----------------------------------------------------------------------------------------------------------------
*/

/*
|--------------------------------------------------------------------------
| Max Width #1800px
|--------------------------------------------------------------------------
*/

@media (max-width: 1800px) {
	.header-sticky--contact {
		display: none;
	}
}

@media (max-width: 1715px) {
	.header-sticky--contact {
		display: none;
	}

	.listing-item__price-cont:first-child {
		min-width: 0;
	}
}

/*
|--------------------------------------------------------------------------
| Max Width #1700px
|--------------------------------------------------------------------------
*/

@media (max-width: 1700px) {
	.header-nav__link {
		padding: 0 25px;
		font-size: 16px;
	}
}

/*
|--------------------------------------------------------------------------
| Max Width #1600px
|--------------------------------------------------------------------------
*/

@media (max-width: 1600px) {
	.header-sticky--search {
		display: none;
	}
	.product-grid .segment-20, #category-with-product-grid .segment-20 {
		width: 25%;
	}
	.cable-item {
		width: 25%;
	}
	.header-nav__link {
		padding: 0 20px;
		font-size: 15px;
	}

	.home-bottom h1 {
		font-size: 32px;
	}

	.home-slide__title {
		font-size: 50px;
	}
	.home-category__title {
		font-size: 22px;
	}

	.listing-item__image {
		width: 200px;
	}
}

/*
|--------------------------------------------------------------------------
| Max Width #1500px
|--------------------------------------------------------------------------
*/

@media (max-width: 1500px) {
    .header-nav__link {
        padding: 0 15px;
    }
}


/*
|--------------------------------------------------------------------------
| Max Width #1400px
|--------------------------------------------------------------------------
*/

@media (max-width: 1400px) {
	a.article-item-img {
		height: 280px;
	}

	#checkout-container {
		padding: 0 20px 0 120px;
	}
	#confirm-container {
		padding: 0 20px 0 170px;
	}
	.checkout-side {
		padding: 45px 0 0 20px;
	}
	.checkout-main {
		width: 60%;
		padding: 45px 20px 0 0;
	}
	.payment-method--button {
		font-size: 15px;
	}
	.payment-method--title {
		padding: 2px 0;
	}

	.x1400\:hide {
		display: none;
	}

	.comparison-bar--product-title {
		font-size: 10px;
		height: 24px;
	}
	.home-banner__inner {
        height: 80px;
        padding: 12px 16px;
    }
	.home-banner__logo {
		height: 26px;
		width: 120px;
	}
	.header-nav__link {
		font-size: 16px;
		padding: 0 15px;
	}
	.header-cms-dropdown{
		top: 59px;
	}
	.header-cms-dropdown__link {
		font-size: 14px;
	}

	.header-nav__link {
        padding: 0 12px;
        font-size: 14px;
    }

	.container--1600 {
        padding: 0 20px;
    }

	.homev2-banners--main {
        width: 70%;
    }
}

/*
|--------------------------------------------------------------------------
| Max Width #1350px
|--------------------------------------------------------------------------
*/

@media (max-width: 1350px) {
	.header-top-telephone, .header-sticky {
		display: none;
	}
	.listing-deadline-doughnut {
		display: inline-block;
	}
	.home-brand img {
		width: 120px;
	}
	.cable-item {
		width: 33.333333333333333%;
	}

	.listing--title {
		font-size: 32px;
	}
	.activity-slider--inner {
		padding: 0 0 100% 0;
	}
	.listing-item {
		width: 100%;
	}

	.cat-brand-img {
		max-width: 100px;
	}

	.home-bottom h1 {
		font-size: 24px;
	}

	.listing-item__price-cont:first-child {
		min-width: 260px;
	}
	.listing-deadline-doughnut, .listing-deadline--details {
		float: none;
	}
	.listing-deadline--details {
		padding: 0 0 10px 0;
	}
	.listing-deadline-doughnuts {
		float: none;
		text-align: center;
	}
}

/*
|--------------------------------------------------------------------------
| Max Width #1300px
|--------------------------------------------------------------------------
*/

@media (max-width: 1300px) {
	.header-nav__link {
        padding: 0 8px;
        font-size: 13px;
    }
}


/*
|--------------------------------------------------------------------------
| Max Width #1280px
|--------------------------------------------------------------------------
*/

@media (max-width: 1280px) {
	.featured-listing-price, .featured-listing-stock {
		display: none;
	}
	.product-grid .segment-20, #category-with-product-grid .segment-20 {
		width: 33.333333333%;
	}
	.listing-upsell {
		width: 50%;
	}
	.home-slide__title {
		font-size: 42px;
	}
	.cable-item__prop-label {
		width: 85px;
	}
	.listing-item__subtitle {
		font-size: 14px;
	}
	.page-list--item-title {
		font-size: 22px;
	}
	.sort-bys {
		padding: 20px;
	}
	.header-dropdown-sidebar {
		width: 220px;
	}
	.contact--left, .contact--right {
		width: 100%;
		float: none;
	}
	.cms-main {
		margin: 0 0 0 40px;
	}
	.contact--list {
		padding: 30px 0 0 0;
		float: none;
	}
	.home-categorys__cont > .container {
		margin-bottom: -140px;
	}
	.contact-map {
		min-height: 360px;
	}
	.header-account__content {
		display: none;
	}
	.header-account__content {
		align-items: center;
		justify-content: center;
	}
	.listing-extra {
		width: 100%;
		float: none;
	}
	.modal-overview {
		height: auto;
	}
	.modal--inner .listing-image {
		display: none;
	}
	.modal--inner {
		max-width: 420px;
	}
	.featured-listing-title {
		overflow: visible;
	}
	.location__cell:first-child {
		width: 240px;
	}

	.content-split {
		margin: 0 -60px -50px 0;
	}
	.content-split > * {
		padding: 0 60px 50px 0;
	}
	.content-split--title {
		font-size: 26px;
	}

	.home-top {
        flex-wrap: wrap;
    }
}

/*
|--------------------------------------------------------------------------
| Max Width #1230px
|--------------------------------------------------------------------------
*/

@media (max-width: 1230px) {
	.cart-items .button {
		padding: 8px 6px;
		font-size: 12px;
	}
}

/*
|--------------------------------------------------------------------------
| Max Width #1200px
|--------------------------------------------------------------------------
*/

@media (max-width: 1200px) {
	a.article-item-img {
		height: 220px;
	}

	.header-top--nav, .product--button-view, .product-grid--item-inner:hover .product--overlay-top, .product-grid--item-inner:hover .product--overlay-bottom, .listing-share--title span {
		display: none;
	}
	.product--button {
		width: 100%;
	}
	.home-slider {
		margin: 0;
	}
	.filter-bar__title {
		padding: 12px 30px;
		width: 260px;
	}
	.sidebar, .sidebar:before {
		width: 260px;
	}
	.account-sidebar {
		width: 200px;
	}
	.page-heading__main {
		max-width: 50%;
	}
	.page-heading__main--full-width > .flex {
		max-width: 100%;
	}
	.account-details--left {
		width: 50%;
	}
	.article-list--info {
		width: 70%;
	}
	.article-list--image {
		width: 30%;
	}
	.header-dropdown-main {
		padding: 20px;
	}
	.brands-list--item {
		width: 20%;
	}
	.article-lists {
		padding: 30px 20px;
	}
	.featured-article__main {
		width: 380px;
		min-height: 350px;
	}
	.article--cont {
		margin: -60px 0 -46px 0;
	}
	.article-list--info {
		width: 100%;
		min-height: 0;
		border-left: 2px solid #e7e7e7;
	}
	.home-article-list .article-list--info {
		border: 4px solid #e7e7e7;
	}
	.article-list--image {
		display: block;
		position: relative;
		top: auto;
		right: auto;
		bottom: auto;
		left: auto;
		height: 140px;
		width: 100%;
	}
	.blog-category--title {
		font-size: 42px;
	}
	.article-list--title {
		font-size: 16px;
	}
	.listing-tabs-button {
		font-size: 14px;
	}
	.brand-letter {
		width: auto;
		display: inline-block;
		float: none;
		padding: 0 1px 5px 0;
	}
	.brand-letter--inner {
		padding: 0;
		line-height: 40px;
		height: 40px;
		width: 40px;
	}
	.shop.hide {
		margin-left: -260px;
	}
	.home-slide--title {
		font-size: 36px;
		line-height: 32px;
		margin: 15px 0 0 0;
	}
	.home-slide--subtitle {
		font-size: 18px;
		line-height: 18px;
	}

	.location__cell:first-child {
		width: 200px;
	}

	.homev2-banners--main {
		width: 100% !important;
	}

	.homev2-banners .home-banners {
		margin: 0;
		flex: unset;
		width: calc(100% + 12px);
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
		margin: 20px -12px -12px 0!important;
	}
	.homev2-banners .home-banners .home-banner {
		width: 33.3333333%;
		padding: 0 12px 12px 0;
		margin: 0;
		flex: none;
	}

	.home-banner {
		flex: 1 0 33.3333333%;
        max-width: 33.3333333%;
        margin: 0;
	}
	.home-banner__logo {
		width: 94px;
		height: 20px;
	}
	.home-banner__inner {
		padding: 8px 15px
	}
	.home-banner__inner {
		height: 80px;
	}

	.container {
		padding: 0 40px;
	}
}


@media (max-width: 1200px) {
	.home-banners {
		width: 340px;
	}

	.home-slide__content {
		padding: 30px;
	}

	.home-slider .slick-arrow {
		left: 30px;
	}

	.home-slider .slick-next {
		left: 78px;
	}

	.location__details > .flex {
		flex-wrap: wrap;
		margin: 0;
	}

	.location__details > .flex > .flex-item {
		width: 100%;
		flex: none;
		padding: 20px 0;
	}

	.location__details > .flex > .flex-item iframe {
		width: 100%!important;
	}
}


@media (max-width: 1100px) {
	.x1100\:hide {
		display: none;
	}
	.home-banner__logo {
		width: 94px;
		height: 20px;
	}
	.home-banner__inner {
		padding: 12px 20px
	}
	.home-banner__inner {
		height: 80px;
	}

	.page-heading__image {
		background-image: none!important;
		background-color: transparent;
	}
	.page-heading__image > img {
		visibility: unset;
	}
	.page-heading > div.flex {
		background-color: #3b3b3e;
	}

	.cat-grid--item {
		width: 25%;
	}
}

/*
|--------------------------------------------------------------------------
| Max Width #1023px
|--------------------------------------------------------------------------
*/

@media (max-width: 1023px) {
	.location__cell.flex-item {
		display: none;
	}
	.event-nav {
		display: flex!important;
	}

	.spec-mobile-title {
		display: block;
	}

	.event-nav .blog-nav__link {
		display: inline-block;
		width: auto;
		margin: 0 20px;
	}

	.home-categorys__cont > .container {
		margin-bottom: -70px;
	}

	.location__cell:first-child {
		flex: 1;
	}
	.header-top, .checkout-stages {
		display: none;
	}
	.home-bottom .flex-item {
		flex: none;
		width: 100%;
	}
	.home-bottom .flex-item:last-child {
		max-width: 540px;
		margin: 0 auto;
	}
	.footer-bottom .flex {
		flex-direction: column;
		text-align: center;
	}
	.filter-bar {
		flex-direction: column;
	}
	.content, .content p {
		font-size: 14px;
		line-height: 1.5;
	}
	.listing-upsell {
		width: 25%;
	}

	.filter-bar__title {
		text-align: center;
		width: 100%;
		align-items: center;
		justify-content: center;
	}

	.filter-bar > .flex-item {
		border-top: 1px solid #3b3b3e;
	}
	.mobile-menu, #force-show-cats, .filter-subcategories, .checkout-breadcrumbs {
		display: block;
	}
	.account-panel, .account-panels--wide .account-panel {
		width: 50%;
	}

	.article-item {
		width: 50%;
	}

	.page-slide.open {
		-webkit-animation: mobileMenuOpen 1s ease forwards;
		/* Safari 4+ */
		-moz-animation: mobileMenuOpen 1s ease forwards;
		/* Fx 5+ */
		-o-animation: mobileMenuOpen 1s ease forwards;
		/* Opera 12+ */
		animation: mobileMenuOpen 1s ease forwards;
		/* IE 10+, Fx 29+ */
	}
	.about-image {
		transform: none;
	}

	.page-heading__main {
		margin-right: 0;
	}

	.blog-nav {
		display: none;
		padding: 10px 0;
	}

	.subcategory {
		width: 33.3333333333333%;
	}

	.blog-nav__link {
		display: block;
		width: 100%;
		text-align: center;
		margin: 0 0 6px;
	}

	.blog-nav__link:last-child {
		margin: 0;
	}

	.partners-form .input {
		width: 100%;
	}
	.page-slide.close {
		-webkit-animation: mobileMenuClose 1s ease forwards;
		/* Safari 4+ */
		-moz-animation: mobileMenuClose 1s ease forwards;
		/* Fx 5+ */
		-o-animation: mobileMenuClose 1s ease forwards;
		/* Opera 12+ */
		animation: mobileMenuClose 1s ease forwards;
		/* IE 10+, Fx 29+ */
	}
	.cart-main {
		padding: 0 0 30px 0;
		width: 100%;
		float: none;
	}
	.cart-side {
		float: none;
		width: 100%;
		padding: 0;
	}
	#checkout-container, #confirm-container {
		padding: 0 20px;
	}
	.checkout-side {
		padding: 45px 0 0 30px;
	}
	.checkout-main {
		padding: 45px 30px 0 0;
	}
	.checkout-main {
		width: 100%;
		float: none;
		border-right: none;
		padding-right: 0;
		padding-bottom: 30px;
		padding-top: 30px;
	}
	.checkout-side {
		width: 100%;
		float: none;
	}
	.checkout-side {
		display: none;
		padding: 0 0 30px 0;
	}
	.checkout-action {
		padding-bottom: 0;
	}
	.listing .container {
		width: 100%;
		padding: 0 20px 20px;
	}
	.quote-side {
		width: 100%;
		margin-top: 30px;
	}
	.cart-option--image-text {
		display: none !important;
	}
	.page-sidebar {
		width: 180px;
	}
	.cart-items .button {
		padding: 8px 18px;
		font-size: 13px;
	}

	.content-split {
		flex-direction: column;
	}

	.header-nav__link {
        padding: 0 8px;
    }
}

/*
|--------------------------------------------------------------------------
| Max Width #1000px
|--------------------------------------------------------------------------
*/

@media (max-width: 1000px) {
	.listing-thumb-slide {
		padding: 0 20px;
	}

	#headerSearchBtn, .header-nav, .sidebar .filters--title, .sidebar:before, .shop--navtrail .breadvrumb-trail, .filters--show {
		display: none;
	}
	.cat-list--item-inner {
		padding: 0 0 55.41561712846348% 0;
	}
	.sidebar, .sidebar-content, .account-details--left, .account-details--right {
		width: 100%;
	}
	.sidebar-content {
		overflow: visible;
	}
	.footer-flex {
		flex-wrap: wrap;
	}
	.footer-flex > div {
		width: 100%;
		flex: none;
	}
	.header-main {
		padding: 15px 20px;
	}
	.mobile-menu--btn-cont {
		margin: 15px 20px;
	}
	.shop-mobile-btn {
		display: block;
		text-align: center;
		margin: 0;
	}
	.sidebar-title__filter,
	.sidebar-categories {
		display: none;
	}
	.sort-bys {
		display: none;
	}
	.cat-list--item {
		width: 25%;
	}
	.category-flex {
		flex-wrap: wrap;
	}
	.cat-list--item-featured .cat-list--item-title, .cat-list--item-title {
		font-size: 16px;
	}
	.header-main {
		height: 80px;
		position: relative;
	}
	.header-main .flex {
		justify-content: flex-end;
	}
	.mobile-menu--btn-cont {
		display: block;
	}
	.header-main .logo {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	.logo__svg {
		width: auto;
		height: 60px;
		display: block;
	}
	.sidebar {
		border-top: 2px solid #f4f4f4;
	}
	.footer-payment {
		float: none;
		display: block;
		text-align: center;
	}
	.footer-btm--links {
		padding: 0 0 20px 0;
	}
	.page-list--item-title {
		font-size: 19px;
	}
	.listing-ratings, .listing-detail {
		text-align: left;
		display: block;
	}
	.grid-filters-subcategories {
		display: none;
	}
	.filter-subcategories .filter-title {
		display: block;
	}
	.listing-tabs-buttons, .comparison-bar {
		display: none!important;
	}
	/*Mobile Filters*/
	#sidebar--mbl-filters {
		display: block;
	}
	#mbl-filters {
		background: #01c4f4;
		color: #fff;
	}
	#mbl-filters-sub {
		display: none;
	}
	#mbl-filters span:after, #mbl-filters span:before {
		background: #fff;
	}
	#mbl-filters-sub .list-reset {
		padding: 4px 32px 22px 32px;
	}
	.search_dropdown {
		left: 50%;
		transform: translateX(-50%);
		right: auto;
	}
	.mobile-search--input {
		overflow: visible;
		position: relative;
	}
	.onpage-search .mobile-search--submit {
		position: absolute;
		right: 0;
	}
	.address-block--add, #savedAddresses .address-block {
		width: 50%;
	}
	.wishlist-prod-add-button button span {
		display: none;
	}
	.home-slider__cont {
		width: 100%;
		flex: none;
	}

	.home-top {
		flex-wrap: wrap;
	}

	.home-slide {
		height: 400px;
	}

	.home-slider .slick-arrow {
		bottom: 30px;
	}

	.home-banners {
		width: 100%;
		margin: 20px 0 0 0;
		display: flex;
		flex-wrap: wrap;
	}

	.home-banner {
		flex: 1 0 50%;
		max-width: 50%;
		margin: 0;
	}

	.homev2-banners {
        padding-top: 12px;
    }
}

/*
|--------------------------------------------------------------------------
| Max Width #900px
|--------------------------------------------------------------------------
*/

@media (max-width: 900px) {
	.home-tab .segment-60 .featured-listing:nth-child(5), .home-tab .segment-60 .featured-listing:nth-child(4), .footer-top>.container:after, .breadcrumb-trail {
		display: none;
	}
	.mobile-menu--btn-cont, .mobile-breadcrumb-trail, .account-sidebar--mobile-title, .mobile-menu, .footer-usp {
		display: block;
	}
	.contact--grid .segment-50, .blog-list>.segment-50, .footer-right, .home-welcome, .sort-by, .account-box, .footer-nav, .home-news {
		width: 100%;
		float: none;
	}
	.account-sidebar, .account-main {
		width: 100%;
	}
	.account-sidebar {
		margin: 0 0 20px;
	}
	.account-sidebar nav {
		padding: 0px 24px 20px;
	}
	.checkout-header__contact {
		font-size: 14px;
	}
	.home-tab .segment-60 .featured-listing, .home-tab .segment-60, .home-tab .segment-40, .page-list--item {
		width: 50%;
	}
	.brands-list--item {
		width: 25%;
	}
	.listing--title {
		font-size: 26px;
	}
	.listing-content,
	.listing-content p {
		font-size: 13px;
		line-height: 1.3;
	}
	.listing-image__brand {
		width: 100px;
		height: 40px;
	}
	.page-list--item-inner {
		padding: 0 0 50% 0;
	}
	.header-main {
		padding: 15px ;
	}
	.mobile-menu--btn-cont {
		margin: 15px ;
	}
	.home-slider__cont {
		margin: 0 -20px;
		width: calc(100% + 40px);
	}
	.listing-deadline-doughnut {
		margin: 0;
		padding: 0;
	}
	.category-list {
		margin: 0;
		padding: 20px 0;
	}
	.home-slide--content {
		text-align: center;
	}
	.home-welcome {
		margin: 30px 0 0 0;
	}
	.contact--list, .footer-right {
		padding: 30px 0 0 0;
	}
	.article--content {
		padding: 30px 40px;
	}
	.home-welcome {
		padding: 20px
	}
	.jumbotron--title {
		font-size: 36px;
	}
	.home-tab--btn.sel {
		font-size: 18px;
	}
	.featured-listing-title {
		line-height: 12px;
	}
	.footer-top>.container {
		text-align: center;
		height: auto;
	}
	.page-list--item-title {
		font-size: 24px;
	}
	.new-products {
		padding: 60px 0 40px 0;
	}
	.home-article-list {
		width: 46%;
		float: right;
	}
	.home-article-list:first-child {
		float: left;
	}
	.home-welcome {
		float: left;
	}
	@-webkit-keyframes overlayEntrance {
		0% {
			max-width: none;
			width: 95%;
			top: 40px;
			left: 2.5%;
			right: 2.5%;
		}
		100% {
			max-width: none;
			width: 95%;
			top: 40px;
			left: 2.5%;
			right: 2.5%;
		}
	}
	@keyframes overlayEntrance {
		0% {
			max-width: none;
			width: 95%;
			top: 40px;
			left: 2.5%;
			right: 2.5%;
		}
		100% {
			max-width: none;
			width: 95%;
			top: 40px;
			left: 2.5%;
			right: 2.5%;
		}
	}
	.home-slider .slick-dots {
		bottom: 20px;
		background-color: #eee;
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
		position: static;
		left: auto;
		right: auto;
		padding: 15px 0;
	}
	.account-sidebar--mobile-title.open~.account-wrap {
		display: block;
	}
	.account-sidebar--mobile-title~.account-wrap {
		display: none;
	}
	.account-sidebar--mobile-title.open svg {
		transform: rotate(-180deg) translateY(4px);
	}
	.account-table .dblc {
		padding: 12px 8px;
	}
	.wishlist-prod-add-button button span {
		display: inline;
	}

	#trade-references .segment-50{
		width:100%;
		float:none;
	}

	.homev2-banners .home-banners .home-banner {
		width: 50%;
	}

	.homev2-slider {
		margin: 0 -20px;
	}
	.homev2-banners .home-banners {
        margin: 20px 0 0 !important;
    }
	.homev2-banners .home-banners .home-banner {
		padding: 0;
		min-height: 80px;
	}
	.container {
		padding: 0 20px;
	}

	.cat-grid--item {
		width: 33.33333333%;
	}

	.headingv2-content:not(:last-child) {
		width: 100%!important;
		margin: 0 0 20px!important;
	}
	.headingv2-image {
		flex: unset;
	}
}

/*
|--------------------------------------------------------------------------
| Max Width #800px
|--------------------------------------------------------------------------
*/

@media (max-width: 800px) {
	.account-details--title-text {
		float: none;
		clear: left;
		width: 100%;
		max-width: 100%;
		padding: 0 0 30px;
	}

	.home-category {
		flex: none;
		width: 100%;
		transform: none!important;
	}

	.home-banner-text {
		width: 100%;
		text-align: center;
	}

	.apply-overhang {
		position: relative;
	}

	.apply-overhang:before {
		content: '';
		position: absolute;
		top: 0; left: 0; right: 0;
		height: 220px;
		background-color: #eee;
	}

	.home-categorys__cont > .container {
		margin-bottom: 0;
	}
	
	.listing-upsell {
		width: 50%;
	}
}

/*
|--------------------------------------------------------------------------
| Max Width #767px
|--------------------------------------------------------------------------
*/

@media (max-width: 767px) {
	a.article-item-img {
		height: 320px;
	}

	.listing-thumb-slide:not(.show-arrows) {
		padding: 0 20px;
	}
	
	.home-tab .segment-60 .featured-listing:nth-child(4), .mbl-home-tab-btns {
		display: block;
	}
	.floating-socials, .page-heading__image, .resource-br, .breadcrumbs,.navtrail,.home-tab .segment-60 .featured-listing:nth-child(5), .home-tab .segment-60 .featured-listing:nth-child(6), .page-sidebar__title, .page-sidebar__bottom {
		display: none;
	}
	.page-heading {
		margin: 0 -20px -20px;
	}
	.cable-item {
		width: 50%;
	}

	.filter-bar .flex {
		flex-wrap: wrap
	}

	.page-heading__main {
		border: none;
	}

	.filter-bar > .flex-item {
		border: none;
	}

	.home-slide__content {
		padding-bottom: 30px;
	}

	.inline-filter {
		width: 50%;
		border-top: 1px solid #3b3b3e;
	}

	.filter-bar > .flex-item {
		width: 100%;
	}
	.listing-backdrop {
		display: none!important;
	}
	.page-heading__main .breadcrumbs {
		margin: 0 0 20px;
	}
	.article-author__image {
		display: none;
	}
	.footer-banner {
		padding-left: 0!important;
		padding-right: 0!important;
	}
	.order-panel:first-child, .category-list--info, .listing-side, .listing-main {
		width: 100%;
	}
	.product-grid .segment-20, #category-with-product-grid .segment-20, .cat-list--item {
		width: 50%;
	}
	.page-sidebar-mobile-btn {
		display: flex;
	}
	.footer-mobile-btn {
		display: none;
	}
	.footer-newsletter {
		min-width: 0;
	}
	.listing-item__price-cont:first-child {
		min-width: 0;
	}
	.page-sidebar__item {
		text-align: center;
	}

	.page-sidebar-mobile-btn.open ~ .page-sidebar__title {
		display: none;
	}

	.footer-banner:last-child {
		padding-bottom: 0;
	}

	.page-sidebar-mobile-btn.open ~ .page-sidebar__title + .page-sidebar__item {
		padding-top: 10px;
		background-color: #fff;
	}

	.page-sidebar__item--last {
		padding-bottom: 10px;
		background-color: #fff;
	}

	.article-item {
		width: 100%;
	}
	.category-list--item {
		width: 33.3333333%;
	}
	.listing-item__bottom {
		flex-direction: column;
	}
	.listing-item__bottom .listing-item__price-cont {
		width: 50%;
		text-align: center;
		align-items: center;
		justify-content: center;
		flex: none;
		margin: 0 0 10px;
	}
	.listing-item__bottom .flex {
		text-align: center;
		justify-content: center;
	}
	.listing-side, .listing-main {
		float: none;
	}
	.listing-deadline--details {
		float: left;
	}
	.listing--left-inner {
		max-width: none;
	}
	.featured-article__main {
		padding: 13px 20px;
	}
	.home-banner {
		flex: 1 0 100%;
		max-width: 100%;
	}
	.page-sidebar__item {
		display: none;
	}
	.page-sidebar {
		margin: 0 0 0px;
	}
	.home-banner__arrow {
		position: absolute;
		height: 100%;
		top: 0; right: 0; bottom: 0;
		width: 40px;
	}
	.home-banner__overlay {
		display: none;
	}

	.home-banner__inner:hover .home-banner__arrow,
	.home-banner__inner:hover .home-banner__title {
		transform: none;
	}

	.home-banner__inner {
		flex-wrap: wrap;
	}

	.home-banner__logo,
	.home-banner__title {
		flex-shrink: 0;
	}

	.home-banner__title {
		padding: 10px 0;
	}

	.home-banner__inner > * {
		position: initial
	}
	.home-banner__inner {
		justify-content: space-between;
		flex-direction: row;
		align-items: center;
		padding-right: 70px;
		height: auto;
	}

	.homev2-banners .home-banners .home-banner {
        width: 100%;
    }
	.homev2-banners .home-banner__inner {
		height: 100% !important;
		min-height: 64px;
		padding: 6px 54px 6px 12px;
	}

	div.home-cat-list--item.cat-list--item .cat-list--item-inner {
		padding: 0 0 40% 0;
	}
	.listing-deadline-doughnuts {
		float: right;
	}
	.listing-deadline-doughnut {
		margin: 0 0 0 10px;
	}
	.listing-share {
		border: 2px solid #fff;
	}
	.article-list {
		width: 100%;
	}
	.listing-ratings, .listing-detail {
		text-align: left;
		display: table-cell;
	}
	.listing-ratings {
		text-align: right;
	}
	.listing-main--inner {
		max-width: 100%;
		float: none;
	}
	.listing-image img {
		width: 100%;
	}
	.listing-tabs {
		margin-top: 10px;
	}
	.listing-extra {
		width: 50%;
		float: left;
	}
	.product--overlay-top {
		background: #37af56;
	}
	.account-main {
		padding: 25px
	}
	.order-panel {
		padding: 0 10px 10px 0;
		text-align: center;
		width: 50%;
	}

	.heading-1 {
		justify-content: flex-end;
		align-items: center;
		text-align: center;
		padding: 30px;
	}

	.heading-1:before {
		background: rgb(34,34,34);
		background: linear-gradient(0deg, rgba(34,34,34,1) 0%, rgba(34,34,34,0) 100%);
	}

	.partners-container .page-sidebar__item {
		display: inherit;
	}

	.homev2-slider {
        background-color: #101010;
    }
	.homev2-slider .slick-arrow + .slick-list {
        padding-bottom: 50px;
    }
}

/*
|--------------------------------------------------------------------------
| Max Width #744px
|--------------------------------------------------------------------------
*/

@media (max-width: 744px) {
	.cart-items .button {
		padding: 8px 6px;
		font-size: 12px;
	}
}

/*
|--------------------------------------------------------------------------
| Max Width #700px
|--------------------------------------------------------------------------
*/

@media (max-width: 700px) {
	.featured-listing-title, .order-ref, .order-status, .acc-order-total, .order-date {
		display: none;
	}
	.page-list--item-title {
		font-size: 18px;
	}
	.banner {
		width: 50%;
		margin: 0 0 16px;
	}
	.banner:last-child {
		margin: 0 auto;
		float: none;
		clear: left;
	}
	.home-slide--button {
		margin: 20px 0 0 0;
	}
	.slick-slide img.home-slide--img__mobile {
		display: block;
	}
	.slick-slide img.home-slide--img__mobile~img.home-slide--img {
		display: none;
	}
	.loyalty-point--cont {
		width: 100px;
	}
	.top-loyalty:before, .loyalty:before {
		left: 50px;
	}
	.at-share-btn, .at-share-btn svg, .at-icon-wrapper {
		height: 30px!important;
		width: 30px!important;
		line-height: 30px!important;
		max-width: 30px!important;
		max-height: 30px!important;
	}
	.listing-share--link {
		width: 30px;
		height: 30px;
	}
	.listing-share--title {
		line-height: 30px;
	}
	.listing-share .icon-mail {
		background-size: 30px 22px;
	}
	.home-slide--content {
		padding: 0 30px;
	}
	.original_search {
		margin: 0 0 10px 0;
	}
	.search_dropdown {
		opacity: 0 !important;
	}
	.offer-overlay--upper {
		padding: 20px;
	}
	.offer-overlay--title {
		font-size: 38px;
		line-height: 40px;
	}
	.order-btns .button {
		display: block;
		margin: 0 auto 5px;
		max-width: 320px;
		float: none;
	}
	.order-btns form {
		float: none;
	}
	.order-btns button.button {
		width: 100%;
	}
	.create-wishlist {
		float: left;
		clear: left;
		margin: 0 0 20px;
	}
	.wishlist-prod-add-button button span {
		display: none;
	}
	.wishlist-top, .wishlist-top-left, .wishlist-top-right {
		display: block;
	}
	.wishlist-top {
		margin: 0;
	}
	.wishlist-top-left {
		max-width: none;
	}
	.wishlist-edit, .wishlist-return {
		margin-left: 0;
		margin-right: 10px;
	}
	.wishlist-top .wishlist-top-left {
		margin-bottom: 10px;
	}
	.wishlist-top .wishlist-top-right {
		width: 100%;
		margin-bottom: 25px;
	}


	.footer-nav li {
		margin: 0;
	}
}

/*
|--------------------------------------------------------------------------
| Max Width #600px
|--------------------------------------------------------------------------
*/

@media (max-width: 600px) {
	.footer-main.open .footer-nav, .footer-newsletter.open, .footer-nav--mbl-button {
		display: block;
	}
	.cart-item-image {
		display: none;
	}
	.cable-item, .address-block, .address-block--add, #savedAddresses .address-block, .comments-form div[class^="segment-"], .account-panel, .account-panels--wide .account-panel, .cat-list--item {
		width: 100%;
	}
	.category-list--item {
		width: 50%;
	}
	.brands-list--item {
		width: 33.333333333%;
	}
	.account-main h1 {
		font-size: 22px;
	}

	.footer-main {
		padding: 0;
	}
	div.home-cat-list--item.cat-list--item .cat-list--item-inner {
		padding: 22px;
	}
	
	.location__row {
		flex-wrap: wrap;
	}
	.location__cell {
		width: 100%;
	}
	.location__links .icon-button + .button {
		order: 1;
		margin: 0 10px 0 0;
	}
	.location__links .icon-button {
		order: 2;
	}
	.footer-nav--mbl-button {
		padding: 30px 0;
	}
	.footer-nav {
		padding: 0 0 30px;
	}
	.footer-nav>ul {
		width: 100%;
		text-align: center;
	}
	.comments--title, .article--title {
		font-size: 24px;
		line-height: 24px;
	}
	.footer-nav--link {
		padding: 7px 0;
	}
	.footer-btm--links {
		float: none;
		text-align: center;
	}
	.activity-slider--inner {
		padding: 0 0 125% 0;
	}
	.account-tabs a {
		padding: 10px;
	}
	.cat-list--item-title {
		display: block;
		position: relative;
		left: auto;
		top: auto;
		right: auto;
		bottom: auto;
		padding: 0 50px 0 0;
		text-align: left;
		font-size: 24px;
		color: #666666;
		background: url(/images/style/qaudio/mbl-icon-arrow-right-dark.png) no-repeat center right;
	}
	.cat-list--item .cat-list--item-title {
		font-size: 24px;
		line-height: 24px;
		color: #fff;
		background: url(/images/style/qaudio/mbl-icon-arrow-right.png) no-repeat center right;
	}
	.cat-list--item-inner:after {
		height: auto;
		top: 0;
		background: rgba(0, 0, 0, 0.4);
	}
	.cat-list--item-inner:hover:after {
		transform: none;
	}
	.cart-item-content {
		padding-left: 0;
	}
	.payment-method__card .payment-method--title, .payment-method__paypal .payment-method--title {
		text-indent: -600px;
		background-position: center left;
	}
	.article-list--image {
		height: 0;
		padding: 0 0 69.22141119221411%;
	}
	.footer-right {
		text-align: center;
	}
	.footer-newsletter {
		margin: 0 0 20px 0;
	}
	.wishlist-table tr {
		display: block;
		margin-bottom: 4px;
		overflow: hidden;
		background: #fff;
	}
	.wishlist-prod td {
		display: block;
		width: 100%;
		border: 0;
	}
	.wishlist-prod .wishlist-prod-image {
		display: none;
	}
	.wishlist-prod .wishlist-prod-move-button, .wishlist-prod .wishlist-prod-add-button, .wishlist-prod .wishlist-prod-del-button {
		padding-top: 0;
	}
	.wishlist-prod .wishlist-prod-add-button {
		padding-left: 20px;
		width: auto;
		float: left;
	}
	.wishlist-prod-add-button button span {
		display: inline;
	}
	.wishlist-prod .wishlist-prod-del-button {
		overflow: hidden;
		width: auto;
	}
	.account-table.vouchers-large .dblr:first-child {
		display: none;
	}
	.account-table.vouchers-large .dblc span {
		display: inline-block;
		padding-right: 5px;
	}
	.account-table.vouchers-large {
		border: none;
	}
	.account-table.vouchers-large .dblc, .account-table.vouchers-large .dblr {
		display: block;
		border: none;
		background: #eee;
		padding: 6px;
	}
	.account-table.vouchers-large .dblr {
		margin-bottom: 10px;
		position: relative;
	}
	.account-table.vouchers-large:not(.voucher-details) .dblc:last-child {
		position: absolute;
		right: 6px;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	.account-table.vouchers-large .mobile_hide {
		display: none;
	}
	.account-table.vouchers-large {
		margin: 0 0 10px;
	}
}

/*
|--------------------------------------------------------------------------
| Max Width #570px
|--------------------------------------------------------------------------
*/

@media (max-width: 570px) {
	.listing--title {
		font-size: 22px;
	}
	.toolbar {
		width: 100%;
	}
	.listing-item__bottom .flex {
		width: 100%;
	}
	.cart-items .cf .button {
		width: 100%;
		display: block;
		margin: 0 0 4px;
	}
	.cart-items .cf .button:last-child {
		margin: 0;
	}
	.listing-item__main {
		padding: 18px 15px;
	}
	.offer-overlay--title, .offer-overlay--sub {
		margin-bottom: 15px;
	}
	.checkout-header__contact {
		display: none;
	}
	.checkout-header .flex {
		justify-content: center;
	}
	.listing-item__image {
		width: 100%;
		padding: 0;
	}
	.offer-overlay--title {
		font-size: 30px;
		line-height: 32px;
	}
	.modal-account .modal--inner {
		max-width: 88%;
	}
	.loyalty-table, .account-table {
		display: block;
		overflow-x: auto;
		white-space: nowrap;
	}
	.account-table {
		display: table;
	}
	.modal-account .modal--inner {
		max-width: 95%;
	}

	.home-banner__title {
		padding: 10px 0 0;
	}
	.home-banner__logo {
		height: 17.5px;
		width: 82px;
	}
	.payment-method--content {
		padding: 30px;
	}

	.home-banner__inner {
		flex-direction: column;
		align-items: flex-start;
	}
	.consingment-table,
	.consingment-table .dblr,
	.consingment-table .dblc {
		display: block;
	}
	.cart-items .button {
		font-size: 13px;
	}

	.overlay--header-action {
		flex-direction: column;
	}
	.overlay--header-action > *:not(:last-child) {
		margin-right: 0;
		margin-bottom: 10px;
	}

	.homev2-slider:not(:last-child) {
		margin-bottom: 0;
	}
	.homev2-bottom-banner {
		display: none;
	}
	.homev2-banners .home-banners .home-banner {
		min-height: unset;
	}
	.homev2-banners .home-banner__inner {
        min-height: 60px;
		padding: 8px 54px 8px 12px;
	}

	.cat-grid {
    	padding: 40px 0;
	}
	.cat-grid--item {
		width: 50%;
	}
	
	.homev2-bottom-banner {
        display: none;
    }
}

/*
|--------------------------------------------------------------------------
| Max Width #500px
|--------------------------------------------------------------------------
*/

@media (max-width: 500px) {
	a.article-item-img {
    	height: 260px;
	}

	.listing-thumb-slide {
		padding: 0 20px;
	}

	.cms-navtrail {
		display: none;
	}
	.slick-slide img.home-slide--img__mobile {
		display: block;
	}
	.order-panel, .request-form--input, .banner {
		width: 100%;
	}
	.cart-item {
		padding: 0 0 15px;
	}
	.checkout-breadcrumb {
		display: none;
	}

	.checkout-breadcrumb:last-child {
		display: block;
	}
	.listing-deadline-doughnuts, .listing-deadline--details {
		float: none;
	}
	.delivery-table--addl-info {
		display: none;
	}
	.mobile-menu {
		width: 80%;
		left: -80%;
	}
	.cat-list--item-featured .cat-list--item-title {
		font-size: 24px;
	}
	.cat-list--item-title {
		font-size: 18px;
	}
	@-webkit-keyframes mobileMenuOpen {
		from {
			transform: translate(0px, 0px);
			-webkit-transform: translate(0px, 0px);
		}
		to {
			transform: translateX(80%);
			-webkit-transform: translateX(80%);
		}
	}
	@keyframes mobileMenuOpen {
		from {
			transform: translate(0px, 0px);
			-webkit-transform: translate(0px, 0px);
		}
		to {
			transform: translateX(80%);
			-webkit-transform: translateX(80%);
		}
	}
	@-webkit-keyframes mobileMenuClose {
		from {
			transform: translateX(80%);
			-webkit-transform: translateX(80%);
		}
		to {
			transform: translate(0px, 0px);
			-webkit-transform: translate(0px, 0px);
		}
	}
	@keyframes mobileMenuClose {
		from {
			transform: translateX(80%);
			-webkit-transform: translateX(80%);
		}
		to {
			transform: translate(0px, 0px);
			-webkit-transform: translate(0px, 0px);
		}
	}

	.cart-item-right {
		position: static;
		float: none;
		text-align: left;
		clear: both;
		padding-top: 15px;
	}
	.cart-free-item-inner {
		display: block;
	}
	.cart-free-item-inner .cart-item-content {
		margin-bottom: 15px;
	}
	.cart-free-item-right {
		text-align: left;
	}
	.home-welcome--title {
		font-size: 26px;
		margin: 0 0 10px;
	}
	#category-with-product-grid .segment-20 {
		width: 100%;
	}
	#category-with-product-grid img {
		display: none;
	}
	.listing-tab {
		padding: 24px;
	}
	.blog-list .segment-50 {
		padding-top: 40px;
	}
	.blog-list .segment-50:first-child {
		padding-top: 0;
	}
	.home-slide--button {
		margin: 20px 0 0;
	}
	.checkout-header {
		text-align: center;
	}
	.account-main-filter {
		float: none;
		clear: left;
		width: 100%;
		margin: 0 0 20px;
	}
	.account-table.vouchers .dblr:first-child {
		display: none;
	}
	.account-table.vouchers .dblc span {
		display: inline-block;
		padding-right: 5px;
	}
	.account-table.vouchers {
		border: none;
	}
	.account-table.vouchers .dblc, .account-table.vouchers .dblr {
		display: block;
		border: none;
		background: #eee;
		padding: 6px;
		font-size: 12px;
	}
	.account-table.vouchers .dblr {
		margin-bottom: 10px;
		position: relative;
	}
	.account-table.vouchers:not(.voucher-details) .dblc:last-child {
		position: absolute;
		right: 6px;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	.account-table.vouchers .mobile_hide {
		display: none;
	}
	.account-table.vouchers {
		margin: 0 0 10px;
	}
	.modal.vouchers .button {
		padding: 8px 15px 6px;
	}
}

/*
|--------------------------------------------------------------------------
| Max Width #479px
|--------------------------------------------------------------------------
*/

@media (max-width: 479px) {

	.order-price, .home-brand:nth-child(4), .checkout-contact, .button-more-about-us {
		display: none;
	}
	.featured-listing-title {
		display: block;
	}
	.account-login-inputs .input, .listing-extra, .new-products .segment-40, .new-products .segment-60, .page-list--item {
		width: 100%;
	}
	.brands-list--item, .image-block {
		width: 50%;
	}
	.account-details--block-action .button {
		display: block;
		width: 100%;
		margin-top: 3px;
		float: none;
	}
	.voucher-input-grid .input {
		width: 70%;
	}
	.footer-newsletter .input {
		width: 100%;
		margin-top: -1px;
	}
	.footer-newsletter .flex {
		flex-direction: column;
	}
	.mbl-home-tab--current-label {
		font-size: 16px;
	}
	.checkout-segment--details .segment-50 {
		width: 100%;
	}
	.new-products {
		padding: 60px 0 35px 0;
	}
	.source-text-input {
		width: 100%;
	}
	.footer-payment img {
		width: 100%;
		height: auto;
	}
	.mobile-cart--btn-cont a {
		font-size: 30px;
		padding: 10px 0 0 30px;
		background-position-y: 10px;
	}
	.cart-items--action .button {
		width: 100%;
		text-align: center;
	}
	.checkout-header {
		padding: 18px 0;
	}
	.return-to-basket, #checkout-continue {
		width: 100%;
	}
	.checkout-action {
		padding-top: 4px;
		margin-bottom: 4px;
	}
	.checkout-segment {
		padding-bottom: 15px;
	}
	.checkout-main {
		padding: 30px 0;
	}
	#cart-login {
		width: 80px;
		margin-bottom: 0;
	}
	.mobile-action {
		padding: 10px 20px;
	}
	.mobile-nav {
		/* padding: 0 20px 10px 20px; */
	}
	.static-mobile-nav {
		padding: 10px 20px 0 20px;
	}
	.mobile-nav li {
		padding: 6px 0;
	}
	.mobile-store {
		padding-top: 10px;
	}
	.mobile-nav .mobile-store--link {
		margin-bottom: 0;
	}
	.mobile-search--input {
		padding: 18px 20px 17px;
	}
	.mobile-social-title {
		font-size: 20px;
		padding-bottom: 10px;
	}
	.mobile-social {
		padding: 10px 10px 1px 10px;
	}
	.mobile-store--cont>a {
		background: url(/images/style/qaudio/icon-mobile-dropdown-down.png) no-repeat right 6px;
	}
	.mobile-store--cont.open>a {
		background: url(/images/style/qaudio/icon-mobile-dropdown.png) no-repeat right 6px;
	}
	.mobile-action .icon {
		padding: 0 0 0 30px;
	}
	.bb-pp-container, .bb-card-container {
		table-layout: fixed;
	}
	.bt-pp-name, .bt-pp-cancel, .bt-pp-cancel button, .bt-pp-cancel a, .bt-card-cancel, .bt-card-cancel a {
		width: 20px;
		padding: 0;
	}
	.bt-pp-name, .bt-pp-cancel button, .bt-pp-cancel a, .bt-card-cancel a {
		text-indent: 100%;
		overflow: hidden;
	}
	.bt-pp-cancel button, .bt-pp-cancel a, .bt-card-cancel a {
		background-image: url(/images/style/qaudio/cross-white.png);
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 12px 12px;
		background-color: #707070;
	}
	#braintree-paypal-loggedin, #braintree-card-stored {
		padding: 16px 10px;
	}
	
	.footer-section{
		flex-direction:column;
	}
	
	.footer-sub-section{
		margin-bottom:20px;
	}
	
	.footer-sub-section, .footer-socials{
		flex-direction:	row;
		justify-content: center;
		display: flex;
	}
	
	.content-split--title {
        font-size: 26px;
    }
	.footer-signup .input {
		width: 100%;
	}
}

/*
|--------------------------------------------------------------------------
| Max Width #400px
|--------------------------------------------------------------------------
*/

@media (max-width: 400px) {
	a.article-item-img {
		height: 200px;
	}
	
	.brand a {
		height: 50px;
	}
	.spec-table__cell:first-child {
		width: 120px;
	}
	.listing-upsell {
		width: 100%;
	}
	.mobile-search--input {
		line-height: 36px;
	}
	.mobile-search--submit {
		height: 70px;
	}
	.mobile-nav li {
		padding: 0;
	}
	.mobile-nav li a {
		padding: 3px 0;
	}
	.mobile-nav a {
		font-size: 18px;
	}
	.mobile-nav__dropdown a {
		font-size: 14px;
	}
	.mobile-social-title {
		padding-bottom: 8px;
	}
	.mobile-social {
		padding: 8px 10px 0 10px;
	}
	.payment-method--content {
		padding: 20px;
	}
	.checkout-segment--details .input {
		width: 100%;
	}
	.listing-image__brand {
		width: 60px;
		height: 24px;
	}

	.account--clients-order-history .dblc {
		display: block;
	}

	.cat-grid--item--title {
		font-size: 14px;
	}
}























/* Extra Large (xl) */
@media (max-width: 1280px) {
	/* Panel */
	.xl\:panel--padding-80 {
		padding: 80px 0;
	}
	/* Container */
	.xl\:container--padding-40 {
		padding: 0 40px;
	}
	.xl\:container--padding-20 {
		padding: 0 20px;
	}
	.xl\:container--padding-0 {
		padding: 0;
	}

	/* Height */
	.xl\:height--420 {
		height: 420px;
	}
	.xl\:height--320 {
		height: 320px;
	}
	.xl\:height--170 {
		height: 170px;
	}

	/* Flex */
	.xl\:flex--grid-40 {
		margin: 0 -20px -40px;
	}
	.xl\:flex--grid-40 > * {
		padding: 0 20px 40px;
	}

	.xl\:flex--grid-20 {
		margin: 0 -10px -20px;
	}
	.xl\:flex--grid-20 > * {
		padding: 0 10px 20px;
	}

	/* Text */
	.xl\:text--44 {
		font-size: 44px;
	}
	.xl\:text--32 {
		font-size: 32px;
	}
	.xl\:text--28 {
		font-size: 28px;
	}
	.xl\:text--26 {
		font-size: 26px;
	}
	.xl\:text--22 {
		font-size: 22px;
	}
	.xl\:text--16 {
		font-size: 16px;
	}

	/* Width */
	.xl\:width--100 {
		width: 100%;
	}

	/* Other */
	.footer-nav a {
		font-size: 13px;
		font-weight: 500;
	}
	.featured-article__main {
		min-height: 310px;
	}
}

/* Large (lg) */
@media (max-width: 1023px) {

	.lg\:show {
		display: block;
	}

	.lg\:show--flex {
		display: flex;
	}

	/* Flex */
	.lg\:flex--grid-40 {
		margin: 0 -20px -40px;
	}
	.lg\:flex--grid-40 > * {
		padding: 0 20px 40px;
	}
	.lg\:flex--dir-col {
		flex-direction: column;
	}
	.lg\:flex--none {
		flex: none;
	}
	.lg\:flex--wrap {
		flex-wrap: wrap;
	}
	.lg\:flex--ai-fs {
		align-items: flex-start;
	}
	.lg\:flex--jc-fe {
		justify-content: flex-end;
	}
	.lg\:flex--basis-50p {
		flex-basis: 50%;
	}
	.lg\:order--2 {
		order: 2;
	}

	/* Height */
	.lg\:height--320 {
		height: 320px;
	}
	.lg\:height-240 {
		height: 240px;
	}

	/* Panel */
	.lg\:panel--padding-40 {
		padding: 40px 0;
	}
	.lg\:panel--padding-60 {
		padding: 60px 0;
	}
	.lg\:panel--padding-70 {
		padding: 70px 0;
	}
	.lg\:panel--grey {
		background-color: #eee;
	}
	.lg\:panel--padding-20 {
		padding: 20px 0;
	}

	/* Padding */
	.lg\:padding--20 {
		padding: 20px;
	}
	.lg\:padding-x--10 {
		padding: 0 10px;
	}
	.lg\:padding--b-0 {
		padding-bottom: 0;
	}
	.lg\:padding--t-0 {
		padding-top: 0;
	}

	/* Container */
	.lg\:container--padding-40 {
		padding: 0 40px;
	}


	/* Max Width */
	.lg\:max-width--600 {
		max-width: 600px;
	}

	.lg\:max-width--100p {
		max-width: 100%;
	}


	/* Margin */
	.lg\:margin--centered {
		margin: 0 auto;
	}
	.lg\:mt-10 {
		margin-top: 10px;
	}
	.lg\:margin--l-40 {
		margin: 0 0 0 40px;
	}
	.lg\:margin--b-20 {
		margin: 0 0 20px;
	}
	.lg\:margin--b-30 {
		margin: 0 0 30px;
	}
	.lg\:margin--t-30 {
		margin: 30px 0 ;
	}

	/* Min Height */
	.lg\:min-height--0 {
		min-height: 0;
	}

	/* Segments */
	.lg\:segment-100 {
		width: 100%;
	}

	/* Text */
	.lg\:text--32 {
		font-size: 32px;
	}
	.lg\:text--28 {
		font-size: 28px;
	}
	.lg\:text-24 {
		font-size: 24px;
	}
	.lg\:text--22 {
		font-size: 22px;
	}
	.lg\:text-16 {
		font-size: 16px;
	}
	.lg\:text-16 {
		font-size: 16px;
	}
	.lg\:text-14 {
		font-size: 14px;
	}
	.lg\:text--center {
		text-align: center;
	}

	/* Width */
	.lg\:width--100 {
		width: 100%;
	}

	/* Misc */

	.footer-banner__icon {
		width: 20px;
		height: 18px;
	}

	.about-panel {
		position: relative;
	}

	.about-panel:before {
		content: '';
		position: absolute;
		top: 0; left: 0; right: 0; height: 100px;
		background-color: #eee;
	}
	.home-category:nth-child(odd) {
		transform: translateY(-220px);
	}
	.featured-article__main {
		min-height: 250px;
		width: 320px;
		padding: 30px 20px;
	}
}


/* x800 */
@media (max-width: 800px) {
	.x800\:padding-b--0 {
		padding-bottom: 0!important;
	}

	.x800\:flex--grid-none {
		margin: 0;
	}

	.x800\:flex--grid-none > * {
		padding-left: 0;
		padding-right: 0;
	}
}

/* Medium (md) */
@media (max-width: 767px) {
	.md\:display--block {
		display: block;
	}

	/* Container */
	.md\:container--padding-40 {
		padding: 0 40px;
	}
	.md\:container--padding-20 {
		padding: 0 20px;
	}
	.md\:container--padding-15 {
		padding: 0 15px;
	}

	/* Flex */
	.md\:flex--wrap {
		flex-wrap: wrap;
	}
	.md\:flex--grid-10 {
		margin: 0 -10px -20px;
	}
	.md\:flex--grid-10 > * {
		padding: 0 10px 20px;
	}
	.md\:flex--grid-none {
		margin: 0;
	}
	.md\:flex--grid-none > * {
		padding-left: 0;
		padding-right: 0;
	}
	.md\:flex-item--none {
		flex: none;
	}
	.md\:flex-order--2 {
		order: 2;
	}
	.md\:flex-order--1 {
		order: 1;
	}

	/* Height */
	.md\:height--240 {
		height: 240px;
	}
	.md\:height--120 {
		height: 120px;
	}

	/* Margin */
	.md\:margin--centered {
		margin: 0 auto;
	}
	.md\:margin--0 {
		margin: 0 auto;
	}
	.md\:margin--0-0 {
		margin: 0;
	}
	.md\:margin--t-20 {
		margin-top: 20px;
	}

	/* Min Height */
	.md\:min-height--0 {
		min-height: 0;
	}
	.md\:min-height--180 {
		min-height: 180px;
	}

	/* Padding */
	.md\:padding--0 {
		padding: 0;
	}
	.md\:padding-l--0 {
		padding-left: 0;
	}
	.md\:padding-r--0 {
		padding-right: 0;
	}
	.md\:padding-b--50 {
		padding-bottom: 50px;
	}
	.md\:padding-b--10 {
		padding-bottom: 10px;
	}
	.md\:padding-b--0 {
		padding-bottom: 0;
	}
	.md\:padding-x--30 {
		padding: 0 30px;
	}
	.md\:padding-t--20 {
		padding-top: 20px;
	}
	.md\:padding--20 {
		padding: 20px;
	}

	/* Panel */
	.md\:panel--padding-40 {
		padding: 40px 0;
	}
	.md\:panel--padding-30 {
		padding: 30px 0;
	}
	.md\:panel--padding-15 {
		padding: 15px 0;
	}

	/* Text */
	.md\:text--centered {
		text-align: center;
	}
	.md\:text-30 {
		font-size: 30px;
	}
	.md\:text-22 {
		font-size: 22px;
	}
	.md\:text-18 {
		font-size: 18px;
	}

	/* Width */
	.md\:width--100 {
		width: 100%;
	}
	.md\:width--50 {
		width: 50%;
	}
	.md\:max-width--600 {
		max-width: 600px;
	}
	.md\:max-width--100 {
		max-width: 100%;
	}

	/* Misc */
	.home-slider {
		background-color: #0f0f0f;
	}
	.home-slider .slick-arrow, 
	.homev2-slider .slick-arrow {
		position: absolute;
		bottom: 2px; left: 2px; right: 2px;
		width: calc(50% - 3px);
	}
	.home-slider .slick-prev, 
	.homev2-slider .slick-prev {
		right: auto;
	}
	.home-slider .slick-next, 
	.homev2-slider .slick-next {
		left: auto;
	}

	.footer-nav a {
		font-size: 16px;
		font-weight: 400;
	}

	.footer-nav li {
		margin: 10px 0;
	}

	.news-page {
		padding-top: 0;
	}
	.featured-article__image {
		height: 0;
		padding-bottom: 50%;
	}
	.featured-article__title {
		font-size: 16px;
	}
	.featured-article__main {
		min-height: 0;
	}
	.featured-article__bottom {
		padding-top: 10px;
	}
}

/* Small (sm) */
@media (max-width: 640px) {
	/* Container */
	.sm\:container--padding-30 {
		padding: 0 30px;
	}
	.sm\:container--padding-20 {
		padding: 0 20px;
	}
	.sm\:container--padding-15 {
		padding: 0 15px;
	}
	.sm\:container--padding-10 {
		padding: 0 10px;
	}
	.sm\:container--padding-0 {
		padding: 0 0px;
	}

	/* Flex */
	.sm\:flex--dir-col {
		flex-direction: column;
	}
	.sm\:flex--jc-fe {
		justify-content: flex-end;
	}
	.sm\:flex--basis-100p {
		flex-basis: 100%;
	}
	.sm\:flex-item--none {
		flex: none;
	}
	.sm\:flex--grid-none {
		margin: 0;
	}
	.sm\:flex--grid-none > * {
		padding-left: 0;
		padding-right: 0;
	}
	.sm\:flex--wrap {
		flex-wrap: wrap;
	}

	/* Height */
	.sm\:height--270 {
		height: 270px;
	}

	/* Margin */
	.sm\:margin-x--15 {
		margin-left: 15px;
		margin-right: 15px;
	}
	.sm\:margin-x--10 {
		margin-left: 10px;
		margin-right: 10px;
	}
	.sm\:margin-t--15 {
		margin-top: 15px;
	}
	.sm\:margin-t--10 {
		margin-top: 10px;
	}
	.sm\:margin-b--10 {
		margin-bottom: 10px;
	}
	.sm\:margin-b--0 {
		margin-bottom: 0;
	}

	/* Padding */
	.sm\:padding--20 {
		padding: 20px;
	}
	.sm\:padding--10 {
		padding: 10px;
	}
	.sm\:padding-x--15 {
		padding: 0 15px;
	}
	.sm\:padding-y--40 {
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.sm\:padding-b--15 {
		padding-bottom: 15px;
	}
	.sm\:padding-b--0 {
		padding-bottom: 0px;
	}

	/* Panels */
	.sm\:panel--padding-40 {
		padding: 40px 0;
	}
	.sm\:panel--padding-30 {
		padding: 30px 0;
	}
	.sm\:panel--padding-25 {
		padding: 25px 0;
	}
	.sm\:panel--padding-20 {
		padding: 20px 0;
	}
	.sm\:panel--padding-15 {
		padding: 15px 0;
	}
	.sm\:panel--padding-10 {
		padding: 10px 0;
	}

	/* Text */
	.sm\:text--center {
		text-align: center;
	}
	.sm\:text--40 {
		font-size: 40px;
	}
	.sm\:text--24 {
		font-size: 24px;
	}
	.sm\:text--22 {
		font-size: 22px;
	}
	.sm\:text--18 {
		font-size: 18px;
	}
	.sm\:text--16 {
		font-size: 16px;
	}
	.sm\:text--14 {
		font-size: 14px;
	}

	/* Width */
	.sm\:width--100 {
		width: 100%;
	}

	/* Misc */
	.sm\:hide {
		display: none!important;
	}
	.sm\:show {
		display: block;
	}
	.footer-flex > * {
		padding-bottom: 20px;
	}
	.footer-title {
		text-align: center;
	}
	.footer-nav li {
		text-align: center;
	}
	.heading-1:before {
		background: rgba(34, 34, 34, 0.7);
	}

	.home-slide__content {
		padding-bottom: 30px;
	}

	.home-slide:before {
		background: rgb(15,15,15);
		background: linear-gradient(0deg, rgba(15,15,15,1) 0%, rgba(15,15,15,0) 100%);
	}

	.home-slide.cover {
		background-position: top center;
	}

	.home-slide {
		height: 450px;
	}

	.homev2-slide--img--mob {
        display: block !important;
    }
	.homev2-slide--img--mob + img {
        display: none !important;
    }
}


@media (max-width: 500px) {
	.x500\:hide {
		display: none;
	}
	.x500\:margin-r--0 {
		margin-right: 0;
	}
	.resource-item {
		flex:none;
		width: 100%;
	}
	.spec-table__cell:first-child {
		width: 150px;
	}
	.listing--subtitle {
		font-size: 14px;
	}

	.page-heading__title {
		font-size: 24px;
	}

	.home-slide {
		height: 380px;
	}
}

/* xs */
@media (max-width: 400px) {
	.xs\:hide {
		display: none;
	}

	/* Container */
	.xs\:container--padding-30 {
		padding: 0 30px;
	}
	.xs\:container--padding-20 {
		padding: 0 20px;
	}
	.xs\:container--padding-15 {
		padding: 0 15px;
	}

	/* Flex */
	.xs\:flex-grid--40 {
		margin: 0 -40px -40px;
	}
	.xs\:flex-grid--40 > * {
		padding: 0 40px 40px;
	}

	/* Margin */
	.xs\:margin--b-10 {
		margin-bottom: 10px;
	}

	/* Panel */
	.xs\:panel--padding-20 {
		padding: 20px 0;
	}
	.xs\:panel--padding-15 {
		padding: 15px 0;
	}

	/* Text */
	.xs\:text--28 {
		font-size: 28px;
	}
	.xs\:text--24 {
		font-size: 24px;
	}
	.xs\:text--20 {
		font-size: 20px;
	}
	.xs\:text--18 {
		font-size: 18px;
	}
	.xs\:text--14 {
		font-size: 14px;
	}

	/* Width */
	.xs\:width--100 {
		width: 100%;
	}

	/* Misc */
	.article__details {
		text-align: right;
	}
}