﻿
@media all and (min-width: 1261px) {

	/* GLOBAL STYLES */


	body { /*desktop only, don't add to mobile*/
		overflow-x: hidden;
	}

	.master-wrapper-content {
		width: 96%;
		margin-inline: auto;
	}

	.html-product-details-page .master-wrapper-content {
		width: 100%;
	}

	.master-column-wrapper {
		display: grid !important;
		grid-template-columns: 17% 80%;
		grid-column-gap: 3%;
		padding-top: 2%;
	}

	.breadcrumb + .master-column-wrapper {
		padding-top: 1%;
	}

	.center-1 {
		padding: 0;
	}

	.center-2 {
		margin-bottom: 140px;
		padding: 0;
	}

	.center-1 .page-title {
		padding: 45px 0;
	}

	.center-2 .page-title {
		margin: -10px 0 30px;
		border-bottom: 1px solid #eee;
		padding: 0 0 10px;
		text-align: left;
	}

	.side-2 { /*sidebar*/
		margin-bottom: 140px;
	}

	.home-page .page-body > div {
		margin: 0;
	}

	.product-grid .title,
	.topic-block .title,
	.home-page .title {
		padding: 30px 0;
	}

	.qty-wrapper .increase,
	.qty-wrapper .decrease {
		right: 2px;
		left: auto;
		width: 18px;
		height: 23px;
		padding-right:14px;
	}

	.qty-wrapper .increase {
		top: 0;
		bottom: auto;
	}

	.qty-wrapper .qty-input {
		width: 38px;
		margin: 0 20px 0 0;
	}

	/*G-CUSTOM KTM */

	.html-motorcycle-product-details-page .container {
		padding-left: 30px;
		padding-right: 30px;
		max-width: 1640px
	}

	.html-motorcycle-product-details-page .component {
		margin-bottom: 80px
	}


	/*G-CUSTOM KTM END*/
	/* GLOBAL TABLES */

	.cart td:not(.add-to-cart) .td-title {
		display: none;
	}

	.cart .remove-from-cart button {
		position: relative;
		bottom: 1px;
		font-size:0;
	}

	.cart .sku .sku-number {
		vertical-align: baseline;
	}

	/* HEADER */

	.responsive-nav-wrapper {
		display: none;
	}

	.header .close-button {
		display: none;
	}

	.header-selectors-wrapper {
		flex: 1 1 0;
		text-align: left;
	}

	.header-links-wrapper {
		flex: 1 1 0;
		display: flex;
		min-height: 53px; /*preserves space when header-selects are not present*/
		text-align: right;
	}

	.first ~ .header-text-wrapper {
		padding: 0 30px; /*add padding when header-text is centered*/
	}

	.header-links li + li,
	.admin-header-links a + a,
	.admin-header-links + .header-links {
		margin-left: 15px;
		border-left: 1px solid #ccc;
		padding-left: 15px;
	}

	.impersonated.session .header-links {
		margin-left: 0;
		border-left: none;
		padding-left: 0;
	}

	.admin-header-links {
		margin: auto 0 auto auto;
	}

		.admin-header-links a {
			padding: 0;
		}

	.header-links {
		margin: auto 0 auto auto;
	}

		.header-links ul {
			font-size: 0;
			white-space: nowrap;
		}

		.header-links li {
			display: inline-block;
		}

		.header-links span,
		.header-links a {
			display: inline-block;
			font-size: 12px; /*reset zeroing*/
		}

		.header-links .hidden {
			display: none;
		}

		.header-links .wishlist-qty {
			display: none;
		}

	.header-lower {
		display: flex;
		height: 80px;
	}

	.header-logo.desktop {
		display: block;
		flex: 1 1 0;
		margin: auto 0;
		text-align: left;
		padding-left: 50px;
	}

		.header-logo.desktop a {
			display: inline-block;
		}

		.header-logo.desktop img {
			max-width: 145px;
			padding: 5px;
		}

	.search-cart-wrapper {
		flex: 1 1 0;
		display: flex;
	}

	.store-search-box {
		position: relative;
		margin: auto 0 auto auto;
	}

		.store-search-box form {
			z-index: 1021;
		}

	.search-box .ui-autocomplete {
		box-sizing: content-box;
		position: absolute !important;
		top: -5px !important;
		left: -10px !important;
		z-index: 1020;
		box-shadow: 0 0 20px rgba(0,0,0,.15);
		background-color: #fff;
		padding: 45px 10px 10px 10px;
	}

	.ui-autocomplete .ui-menu-item a {
		width: auto;
		margin: 0 -10px;
		padding: 5px 10px;
	}

	.flyout-cart-wrapper {
		display: block;
		position: relative;
		z-index: 1021;
		margin: auto -14px auto 12px;
		white-space: nowrap;
		padding-right: 50px;
	}

	.cart-wrap:hover .cart-link:before {
		content: "";
		position: absolute;
		top: -5px;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 1021;
		background-color: #fff;
		box-shadow: 0 0 12px rgba(0,0,0,.15);
		animation: fadein 0.3s;
	}

	.cart-wrap:hover .cart-link:after {
		content: "";
		position: absolute;
		top: 100%;
		left: 0;
		right: 0;
		z-index: 1021;
		height: 12px;
		background: #fff;
	}

	.cart-link .ico-cart {
		display: block;
		position: relative;
		z-index: 1021;
		padding: 10px 14px 10px 18px;
		font-size: 0;
	}

	.cart-link .cart-label {
		display: inline-block;
		min-width: 27px;
		margin-right: 7px;
		vertical-align: middle;
		font-size: 13px;
	}

	.cart-link .cart-qty {
		display: inline-block;
		width: 20px;
		height: 20px;
		border-radius: 50%;
		overflow: hidden;
		background-color: #c40318;
		text-align: center;
		vertical-align: middle;
		font-size: 11px;
		line-height: 20px;
		color: #fff;
	}

	.flyout-cart-dropdown {
		display: none;
		position: absolute;
		top: 100%;
		right: 0;
		z-index: 1020;
		width: 358px;
		margin-top: -1px;
		box-shadow: 0 1px 20px rgba(0,0,0,.15);
		background-color: #fff;
		padding: 11px 10px 15px;
		white-space: normal;
		animation: fadein 0.3s;
	}

	.flyout-cart-wrapper:hover
	.flyout-cart-dropdown {
		display: block;
	}

	/* HEADER MENU */

	.menu-title, .close-menu,
	.header-menu .back-button {
		display: none;
	}

	.overlayOffCanvas {
		display: none !important;
	}

	.header-menu {
		margin: auto 0;
		padding: 0 50px;
	}

		.header-menu > ul {
			margin: -5px 0;
			text-align: center;
			font-size: 0;
		}

			.header-menu > ul > li {
				/*font-family: 'Roboto', sans-serif;*/
				display: inline-block;
				padding: 0 15px; /*use pixels, not %, or flex will wrap*/
				vertical-align: middle;
			}

				.header-menu > ul > li > a,
				.header-menu > ul > li > span {
					display: inline-block;
					padding: 5px 0;
					vertical-align: middle;
					font-size: 14px;
					transition: 0.2s ease;
				}

					.header-menu > ul > li > a:hover {
						text-decoration: underline;
						color: #c40318;
					}

			.header-menu > ul > .has-sublist:after {
				content: "\e90c";
				display: inline-block;
				transform: rotate(90deg);
				margin: 0 -8px 0 8px;
				vertical-align: middle;
				font-size: 8px;
			}

		.header-menu .sublist-wrap {
			display: none;
			position: absolute;
			z-index: 1022;
			min-width: 200px;
			margin-top: 10px;
			box-shadow: 0 0 20px rgba(0,0,0,.15);
			background-color: #fff;
			text-align: left;
		}

			.header-menu .sublist-wrap:before {
				content: "";
				position: absolute;
				left: 0;
				right: 0;
				top: -10px;
				height: 10px;
			}

			.top-menu li:hover > .sublist-wrap,
			.header-menu .sublist-wrap.active {
				display: block;
			}

		.header-menu .sublist {
			padding: 10px 0;
		}

			.header-menu .sublist li {
				position: relative;
			}

				.header-menu .sublist li a {
					display: block;
					padding: 8px 20px;
					font-size: 13px; /*reset zeroing*/
					text-transform: capitalize;
				}

				.header-menu .sublist li:hover > a {
					background: #f6f6f6;
					color: #c40318;
				}

		.header-menu .sublist-wrap .sublist-wrap {
			top: -20px;
			left: 100%;
		}

		.header-menu .sublist .with-subcategories:after {
			content: "\e90e";
			position: absolute;
			top: 0;
			bottom: 0;
			right: 12px;
			height: 10px;
			margin: auto;
			font-size: 10px;
		}

	/* FOOTER */

	.footer-block {
		/*padding-left: 7%;*/
	}

	.footer .newsletter-form {
		width: 60%;
	}

	/* SIDEBAR COLUMN */

	.block + .block {
		margin-top: 25px;
		border-top: 1px solid #eee;
		padding-top: 25px;
	}

	.block .title {
		margin-bottom: 10px;
		cursor: default;
	}

	.block .listbox {
		display: block;
	}

	.block-recently-viewed-products
	.listbox .list li {
		display: flex;
		column-gap: 10px;
	}

		.block-recently-viewed-products
		.listbox .list li + li {
			margin-top: 5px;
		}

	.block-recently-viewed-products
	.product-picture {
		width: 80px;
		padding: 0 !important;
	}

		.block-recently-viewed-products
		.product-picture img {
			display: block;
		}

	.block-recently-viewed-products
	.product-name {
		width: 72%;
		padding: 10px 0 !important;
	}

	.block.filters > .title {
		display: none;
	}

	.product-filter + .product-filter {
		margin-top: 25px;
		border-top: 1px solid #eee;
		padding-top: 25px;
	}

	/* CATEGORY PAGE & GRIDS */

	.breadcrumb {
		margin: 0 -3px;
		border-bottom: none;
		text-align: left;
		padding-left: 0;
	}

	.html-product-details-page .breadcrumb {
		margin: 0 5%;
	}

	.picture-wrapper:hover .sub-category-list {
		display: flex;
	}

	.home-page-category-grid .title {
		margin-top: -30px;
	}

	.home-page-category-grid .category-title {
		margin-bottom: 7px;
		font-size: 17px;
	}

	.product-selectors:first-child {
		margin-top: -31px;
	}

	.two-products .product-grid .item-grid {
		grid-template-columns: 1fr 1fr;
	}

	.extended-gallery .product-data .product-grid,
	.product-data .variants ~ .product-grid {
		padding-top: 20px;
	}

	.product-details-page .item-grid {
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}

	.cross-sells .item-grid {
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}

	.pager { /*pagination*/
		padding: 15px 0;
	}

	/* PRODUCT PAGE */

	.gallery {
		width: 60%;
		padding-top: 0;
	}

	.overview {
		width: 37%;
		padding-top: 0;
	}

	.standard-gallery .price-reviews-wrapper {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: space-between;
	}

	.standard-gallery .overview .prices {
		align-items: center;
	}

	.standard-gallery .tier-prices {
		/*order: 3;*/
		width: 100%;
	}

	.standard-gallery .prices-table {
		display: table;
		width: 100%;
		border-collapse: collapse;
	}

	.standard-gallery .prices-row {
		display: table-row;
	}

	.standard-gallery .prices-cell {
		display: table-cell;
		border: 1px solid #e3e3e3;
		box-shadow: none;
	}

	.standard-gallery .attributes select,
	.standard-gallery .attributes .textbox,
	.standard-gallery .attributes textarea {
		width: 465px;
	}

	.extended-gallery .picture-gallery,
	.extended-gallery .video-gallery {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-gap: 10px 10px;
		/*width: 814px; g-custom*/
	}

	.html-motorcycle-product-details-page .extended-gallery .picture-gallery,
	.html-motorcycle-product-details-page .extended-gallery .video-gallery {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-gap: 0 0;
		margin-bottom: 150px;
	}

	.extended-gallery .video-gallery {
		margin-top: 10px;
	}

	.extended-gallery .thumb-item {
		display: block;
		width: auto;
		max-width: none;
		margin: 0 !important;
	}

	.extended-gallery .overview {
		position: sticky;
		top: 10px;
		/*width: 30%;*/
		/*width: 350px;G-Custom	*/
	}

	.extended-gallery .product-name {
		margin-bottom: 20px;
		border: none;
		padding: 0 !important;
	}

	.extended-gallery .overview .prices {
		margin-bottom: 20px;
	}

	.extended-gallery .datepicker {
		width: 340px;
	}

	.overview .giftcard,
	.variant-overview .giftcard {
		width: 465px;
	}

	.customer-entered-price {
		width: 465px;
		margin-bottom: -3px;
	}

		.customer-entered-price .enter-price-input {
			width: 60px;
		}

	.variants .customer-entered-price {
		width: 100%;
	}

	.add-to-cart-panel .qty-wrapper {
		display: inline-block;
		margin-right: 5px;
	}

	.add-to-cart .ajax-cart-button-wrapper {
		display:inline-block;
	}

	/* PRODUCT REVIEWS */
	.product-reviews > .title {
		padding: 30px 0;
	}

	/* COMPARE PAGE */

	.compare-products-clear-list {
		top: 45px;
	}

	/* TOPICS */

	.home-page .topic-block {
		position: relative;
		margin-top: 90px !important;
		padding: 5% 0;
	}

		.home-page .topic-block:before {
			content: "";
			position: absolute;
			top: 0;
			bottom: 0;
			left: -1000px;
			right: -1000px;
			background-color: #f3f3f3;
		}

		.home-page .topic-block .wrapper {
			position: relative;
			background-color: #fff;
			padding: 0 3% 4%;
		}

	.home-page .topic-block-title {
		padding-top: 10px;
	}

	.home-page .topic-block-body,
	.home-page .topic-block-body p {
		line-height: 28px;
	}

	.vertical .topic-block .wrapper {
		display: flex;
		align-items: center;
		padding: 0;
	}

	.vertical .topic-block-title {
		writing-mode: vertical-rl;
		transform: rotate(180deg);
		padding: 1% 70px;
	}

	.vertical .topic-block .title {
		font-size: 60px;
	}

	.vertical .topic-block-body {
		flex-grow: 1;
		padding-right: 8%;
		text-align: left;
	}

	/* REGISTRATION & LOGIN */

	.login-page .customer-blocks {
		padding-top: 80px;
		padding-bottom: 60px;
	}

	.login-page .new-wrapper .title {
		margin-top: 50px;
	}

	.login-page .fieldset,
	.login-page .new-wrapper {
		margin: 0px 0px;
		padding: 0 50px 40px;
	}

	.login-page .new-wrapper {
		display: flex;
		flex-flow: column;
	}

		.login-page .new-wrapper .text {
			flex-grow: 1;
			max-width: 600px;
			margin: auto;
			padding-bottom: 30px;
			padding-top: 10px;
		}

	/* ACCOUNT PAGES */

	.block-account-navigation {
		position: sticky;
		top: 30px;
	}

		.block-account-navigation .title {
			display: none;
		}

		.block-account-navigation .active {
			position: relative;
			background-color: #f3f3f3;
		}

			.block-account-navigation .active:after {
				content: "";
				position: absolute;
				right: -20px;
				top: calc(50% - 10px);
				bottom: calc(50% - 10px);
				border: 10px solid #fff;
				border-left-color: #f3f3f3;
			}

		.block-account-navigation a {
			border-bottom: 1px solid #eee;
			padding: 18px 10px !important;
		}

	.account-page .page-title {
		margin: 0 0 30px;
		border: none;
		padding-bottom: 0;
		text-align: center;
	}

	/* SHOPPING CART */

	.order-progress {
		padding: 45px 0;
	}

		.order-progress:before {
			left: -1000px;
			right: -1000px;
		}

		.order-progress li {
			max-width: 130px;
		}

	/* BLOG & NEWS */

	/*G-CUSTOM*/
	.html-blogpost-page .item-grid {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		grid-row-gap: 75px;
		grid-gap: 25px 5%;
	}

	.blogpost-page .post-body iframe {
		height: 560px;
		width: -webkit-fill-available;
	}

	.news-list-homepage {
		margin-top: 100px !important;
		padding-inline: 10%;
		margin-bottom: 100px !important;
	}

		.news-list-homepage .title {
			text-align: left;
			font-size: 70px;
			font-weight: bolder;
		}

	.anywhere-slider .picture-slide img {
		max-width: 1920px;
		margin: auto;
	}


	.mymoto-category-page .side-2 { /*sidebar*/
		margin-bottom: 140px;
		display: none;
	}


	.contact-container {
		display: flex;
		justify-content: center
	}

	.right-side {
		flex: 1
	}

	.left-side {
		flex: 1
	}

	.contact-page form {
		width: 600px;
	}

	.contact-page .topic-block-body .contact-page-details-info a {
		font-size: 135px;
	}

	.footer .newsletter {
		max-width: 1526px;
		margin-inline: auto;
	}

	.center-1, .center-2 {
		margin: 0 0 140px;
	}

	.footer-upper .newsletter-subscribe {
		width: 40%;
		float: right;
	}

	.footer-blocks {
		display: flex;
		max-width: 1200px;
		margin: auto;
	}

	.footer .newsletter .title {
		display: inline-block;
		width: 46%;
		vertical-align: middle;
	}

	.page-title h1 {
		font-size: 25px;
	}

	.html-blogpost-page .page-title h1 {
		max-width: 600px;
		margin: auto;
	}

	.overview .old-product-price {
		font-size: 16px
	}

	.overview .non-discounted-price, .overview .prices .product-price {
		font-size: 20px
	}

		.old-product-price, .non-discounted-price, .prices .product-price {
		font-size: 15px;
	}

	.old-product-price {
		margin-right: 20px;
		font-weight: 300;
	}

	.price-reviews-wrapper .prices {
		justify-content: left;
	}

	.html-blog-page .center-2 .page-title {
		border-bottom: none;
	}

	.filters-wrapper {
		padding-right: 30px
	}

	.item-box .product-title {
		font-size: 13px;
	}

	.html-contact-page .master-wrapper-content,
	.html-blog-page .master-wrapper-content,
	.html-blogpost-page .master-wrapper-content,
	.html-shopping-cart-page .master-wrapper-content,
	.html-login-page .master-wrapper-content {
		max-width: 1200px;
		margin-inline: auto;
	}

	.mymoto-category-page .master-column-wrapper {
		width: 96%;
		margin-inline: auto;
		display: block !important;
	}

	.mymoto-category-page .category-grid .item-grid {
		grid-template-columns: 1fr 1fr 1fr;
		max-width: 1659px;
		margin-inline: auto;
	}

	.html-account-page .master-column-wrapper {
		width: 96%;
		margin: auto;
	}

	.html-home-page .center-1 {
		margin-bottom: 0;
	}

	.html-product-details-page .center-1 {
		margin-inline: 5%;
		padding-top: 35px;
	}
}

	@media all and (min-width: 1921px) {
		.search-box form {
			width: 400px;
		}

		.html-product-details-page .center-1 {
			margin-inline: 10%;
		}

		.html-motorcycle-product-details-page .center-1 {
			margin-inline: 10%;
		}

		.html-product-details-page .breadcrumb {
			margin: 0 10%;
			padding-top: 35px;
		}

		.html-motorcycle-product-details-page .breadcrumb {
			margin: 0 10%;
			padding-top: 35px;
		}

		.category-grid .item-grid, .manufacturer-grid .item-grid, .vendor-grid .item-grid, .product-grid .item-grid {
			grid-template-columns: 1fr 1fr 1fr 1fr;
			grid-row-gap: 75px
		}
	}

	@media all and (min-width: 1260px) and (max-width: 1920px) {
		.category-grid .item-grid, .manufacturer-grid .item-grid, .vendor-grid .item-grid, .product-grid .item-grid {
			grid-template-columns: 1fr 1fr 1fr;
		}
	}

	/*end G-CUSTOM*/

	@media all and (min-width: 1540px) {

		.header-menu > ul > li {
			padding: 0 20px;
		}
	}

	@media (max-width: 1550px) {
		.newsletter-block .title {
			font-size: 12vw;
		}
	}
