@media only screen and (min-width: 480px), projection and (min-width: 480px) {

	/* TOP */


	/* HEADER */

	header .cart .product .price {
		display: inline-block;
	}

	header .cart .cart-contents .dropdown {
		width: 420px;
	}


	/* CONTENT - CATEGORY */

	/* CART */

	#cart div.subtotal {
		float: right;
		margin: 40px 0;
	}

	.product-list .filter .item .dropdown {
		width: 450px;
	}

	.product-list .product .price .first {
		display: inline-block;
	}
}

@media only screen and (min-width: 768px), projection and (min-width: 768px) {

	/* TOP */
	.top .top-header {
		float: left;		
		padding: 12px 10px 10px 10px;
	}

	.top .top-header span {
		font-size: 15px;
		margin-right: 30px;
	}

	.top .top-nav {
		float: right;
		padding: 0;
		text-align: right;
	}

	.top .top-nav li i {
		margin-right: 5px;
	}

	.top .top-nav .login .dropdown {
		right: -2px;
	}

	/* HEADER */
	header {
		padding: 0px 10px;
	}

	header .container {
		padding: 10px 0px;
	}

	header .logo {
		width: 165px;
		margin: 0;
		margin-right: 40px;		
	}

	header .logo h1 {
		font-size: 14px;
	}

	header .cart .icon {
		font-size: 65px;	
		margin-right: 30px;
	}

	header .cart .cart-contents h3 {				
		font-size: 25px;
		font-weight: bold;
		text-transform: uppercase;
		margin-bottom: 5px;
		display: block;
	}

	header .cart .cart-contents h3 small {		
		text-transform: none;
		font-weight: normal;
		margin-left: 3px;
	}

	header .cart .cart-contents .delimiter {
		display: inline;
	}

	header .cart .cart-contents p > strong {
		display: inline;
		font-size: auto;
		margin-bottom: 0px;
		text-align: right;
	}

	header .cart .dropdown .icon {
		right: 161px;
	}

	header .search {
		float: left;
		width: 34%;
		display: block;
	}

	header .search .input {
		color: #6a6a6a;
		font-size: 15px;
		position: relative;
		float: left;
		width: 80%;
	}

	.search-menu .in {
		padding: 20px;
		font-size: 14px;
	}

	.search-menu .fdeal .name h3 {
		font-size: 14px;
	}

	.search-menu .fcat li a {
		font-size: 17px;
	}

	/* NAVIGATION */
	nav {
		
	}

	nav .mobile {
		display: none;
	}

	nav .main {
		display: block;
	}

	nav .main-navigation li {
		display: inline-block;
		border-right: 1px solid #fdd133;
	}

	nav .main-navigation li:last-child {
		border-right: 0;
	}

	nav .main-navigation li a {		
		font-size: 12px;
		padding: 15px 5px;
		position: relative;
	}

	nav .main {
		display: block;
		margin-top: 1px;
	}

	header .search.main-search{
		display: block;
	}

	aside {
		display: block;
		position: static;
		width: 25%;
	}

	#content .content {
		/*padding-left: 300px;*/
		float: left;
		width: 75%;
		padding-left: 30px;
	}

	#content .content.full {
		float: none;
		width: 100%;
	}

	#content .banners {
		display: block;
	}

	#content .home .choose h3 {
		font-size: 32px;
	}

	#content .home .choose h3 small {
		font-size: 24px;
	}

	#content .brand-logos.top li .image {
		width: 80px;
	}

	#content .brand-logos.top li h3 {
		display: block;
	}	

	#content .home .choose .car-select .form-control {
		font-size: 16px;
		padding: 6px;
	}

	#content .brands {
		margin-top: 50px;
		clear: both;
		width: 100%;
		display: block;
	}

	.product-list .product {
		
	}

	.product-list .product .image {
		float: left;
		/*width: 120px;*/
		width: 170px;
	}

	.product-list .product .description {		
		width: 40%;
		max-width: 300px;
		float: left;
	}

	.product-list .product .price {
		width: 45%;
		/*max-width: 380px;*/
		float: right;
		font-size: 16px;
	}
	.product-list .product .price .btn {
		font-size: 16px;
	}

	.product-list .product .price .first {	
		width: 55%;
	}

	.product-list .product .price .last {	
		width: 45%;
	}

	.product-list .product .price .price-value {
		text-align: right;
	}

	.product-list .product .status {
		text-align: right;
	}

	.product-list .product .info {
		padding-left: 190px;
	}

	.product-list .product .price .qty {
		margin-left: 2px;
	}

	.product-list .product .detail {
		display: inline-block;
	}

	.product-list .filter .item {
		width: 47%;
		font-size: 16px;
	}

	.product-list .filter .item.multi {
		/*padding: 11px 12px;*/
	}

	.product-list .filter .item.multi > a {
		padding: 11px 12px;
	}

	.product-list .filter .form-control {
		font-size: 16px;
		padding: 6px;
		height: 40px;
	}

	.product-list .filter .item:nth-child(2n+2) {
		margin-right: 0;
	}

	.product-list .parts .groups li h3 {
		font-size: 16px;
	}

	.product-list .parts .groups li .categs a {
		font-size: 14px;
	}

	.product-list .parts .groups.compact li h3 {
		font-size: 15px;
	}

	.product-list .parts .groups li .image {
		height: 100px;
	}

	.product-list .sub-filter {
		/*margin-top: -50px;*/
	}

	/* CONTENT - DETAIL */

	#detail .go-back {
		width: 20%;
		float: right;
		margin-top: 4px;
		text-align: right;
	}

	#detail .detail .image {
		width: 42%;
		float: left;
		margin: 0;
		border: 0;
	}

	#detail .detail .info {
		width: 55%;
		float: right;				
	}

	#detail .info .in {
		padding: 30px 25px;
	}

	#detail .info .item.stock .value {		
		font-size: 18px;		
	}

	#detail .info .item.buy a.btn {
		font-size: 18px;
		font-weight: bold;
		line-height: 1.4;
		padding: 10px 10px;
	}

	#detail .tabs > ul li {
		float: left;
	}

	.ask .first{
		width: 33%;
		float: left;
	}

	.ask .last {
		width: 65%;
		float: right;
	}

	.ask .has-btn textarea {
		width: 82.5%;		
	}

	.ask .has-btn button {
		width: 17.5%;
	}


	/* FOOTER */

	footer .column {
		width: 25%;
		float: left;
		margin-bottom: 0;
		text-align: left;
	}

	footer .column.col-categories {
		width: 50%;
	}

	footer .column.col-categories .cols {
	 	display: flex;
	 	gap: 30px;
	}

	footer .column.col-categories ul:last-child {		
		margin-top: 0;
	}

	footer .column.payments img {
		max-width: 200px;
	}

	footer .contact {
		text-align: right;
		float: right;
	}

	footer .contact i {
		display: none;
	}

	footer ul li a i {
		display: inline-block !important;		
	}

	#bottom .first {
		width: 50%;
		float: left;
		margin: 0;
		text-align: left;
	}

	#bottom .last {
		width: 40%;
		float: right;
		text-align: right;
	}

	/* CONTENT - CATEGORY */
	aside {

	}

	aside .group .sub {
		width: 900px;
		top: 0;
		right: -899px;
	}

	aside .group .group-name.active {
		border-right-color: #fff;
	}

	aside .group .sub .in {
		padding: 30px 15px 10px 15px;
	}

	aside .group .sub li {
		width: 33%;
		float: left;
		margin-bottom: 15px;
	}


	/* CART */
	#cart .progress { 
		margin-bottom: 40px;
	}

	#cart .products td {
		font-size: 17px;
	}

	#cart .products .stock,
	#cart .products .single {
		display: table-cell;
	}

	#cart .products .count a {
		color: #aeaeae;
		display: inline-block;
	}

	#cart .free_shipping {
		font-size: 18px;
	}

	#cart .options .toggle {
		font-size: 17px;
	}

	#cart .options li {
		padding: 15px 5px;
		font-size: 17px;
	}

	#cart .options .first {
		width: 50%;
		float: left;
		margin-bottom: 0;
	}

	#cart .options .last {
		width: 50%;
		float: left;
	}

	#cart .options .first .in,
	#cart .options .first h3 {
		padding-right: 15px;
	}

	#cart .options .last .in,
	#cart .options .last h3 {
		padding-left: 15px;
	}

	#cart .buttons .first {
		width: 50%;
		float: left;
		margin-bottom: 0;
	}

	#cart .buttons .last {
		width: 50%;
		float: right;
		text-align: right;
	}

	#cart .buttons .last button {
		width: 300px;
	}

	#cart .buttons .first a {
		float: none;
	}

	#cart .buttons .first a:last-child {
		margin-top: 15px !important;
	}

	#cart form .first {
		padding-right: 15px;
		margin-bottom: 20px;
	}

	#cart form .last {
		text-align: right;
		padding-left: 15px;
	}

	#cart .checkboxes {
		margin-bottom: 0;
	}

	#cart .discount-code {
		margin-left: 0;
		float: left;
		width: 72%;
	}

	#cart .bestsellers .product {
		width: 25%;
	}

	/* FORMS */

	.form .item label {
		margin-bottom: 10px;
		width: 25%;
		display: inline-block;
	}

	.form .item .form-control {
		display: inline-block;
		width: 50%;
		max-width: 400px;
	}

	/* USER */

	#user .nav li {
		float: left;
	}

	#user .nav li a {
		padding: 10px 25px;
	}

	#user .column {
		float: left;
		width: 33.3%;
		text-align: left;
	}

	#user .order-list .date,
	#user .order-list .invoice {
		display: table-cell;
	}

	#search .column {
		padding-right: 20px;
		width: 33%;
		margin-bottom: 20px;
	}

	#search .column.big {
		width: 66%;
	}

	/* PARTS */
	.parts .category-info.top-info,
	.has-search .category-info.top-info {
		width: 60%;
		float: left;
	}

	.parts .search,
	.has-search .search {
		width: 40%;
		float: right;
		margin-bottom: 0px;
	}

	/* BLOG */

	#blog .filter .first {
		width: 60%;
		float: left;
	}

	#blog .filter .last {
		width: 40%;
		max-width: 300px;
		float: right;
		text-align: right;
	}

	#blog .filter .first .form-control {
		width: 40%;
		float: left;
		margin-right: 5%;
	}

	#blog .posts {
		width: 70%;
		float: left;
	}

	#blog .blog-post .image {
		float: left;
		width: 270px;
		margin-right: 15px;
		margin-bottom: 0;
	}

	#blog .blog-post .info {
		float: left;
		width: 60%;
		width: calc(100% - 300px);
		max-width: 860px;
	}

	#blog .blog-post .info.full {
		width: 100%;
	}

	#blog .blog-post .bottom {
		display: block;
	}

	.blog-post .first {
		width: 50%;
		float: left;
	}

	.blog-post .reviews .review .name .category {
		display: block;
	}

	.blog-post .last {
		width: 50%;
		float: left;
		display: block;
	}

	#content .home .blogs .blog {
		width: 31%;
		float: left;
		margin-right: 3%;
		margin-bottom: 0;
	}

	#bottom .first p {
		float: left;
		margin-right: 30px;
	}

	#bottom .first img {
		float: left;
		margin-top: -15px;
	}
}

@media only screen and (min-width: 880px), projection and (min-width: 880px) {

	header .logo {
		
	}	
}

@media only screen and (min-width: 1024px), projection and (min-width: 1024px) {

	.container {
		padding: 0 10px;
	}

	header {
		padding-left: 0;
		padding-right: 0;
	}

	footer .contact i {
		display: inline-block;
	}	
}

@media only screen and (min-width: 1170px), projection and (min-width: 1170px) {

	/* TOP */
	.top .top-nav li a span {
		display: inline;
	}

	/* HEADER */

	header {
	}

	header .container {
		padding: 20px 5px;
	}

	header .logo {
		width: 22%;
	}

	header .search {
		margin-left: 125px;
		width: 480px;
	}

	header .search button span {
		display: block;
	}

	header .cart .cart-contents .dropdown {
		top: -1px;
		right: -10px;
	}

	/* NAVIGATION */

	nav .main-navigation li a {
		font-size: 18px;
		padding: 15px;
	}

	#content {
		padding: 0;
	}

	#content .home .first {
		width: 670px;
		float: left;
	}

	#content .home .last {
		display: block;
	}

	#content .brand-logos li .image {
		float: left;
		margin: 0;
	}

	#content .brand-logos li h3 {
	    float: left;
	    display: block;
	    max-width: 60%;
	}

	/* CONTENT - CATEGORY */

	.product-list + .more {
		clear: none;
	}

	.product-list .parts .groups li {
		width: 32% !important;
		margin-right: 1%;
		float: left;
	}

	.product-list .filter .item {
		width: 31.5%;
	}

	.product-list .filter .item:nth-child(2n+2) {
		margin-right: 15px;
	}

	.product-list .filter .item:nth-child(3n+3) {
		margin-right: 0;
	}

	/* CONTENT - DETAIL */
	#detail {
		width: 870px;
	}

	#detail .info .item.buy label {
		display: block;
	}

	/* CART */
	#cart .progress {
		text-align: left;
	}

	#cart .progress span {
		display: inline-block;
	}
}

@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}

@media only screen and (max-width: 767px), projection and (max-width: 767px) {
	.fancybox-overlay {
		background: none !important;
	}
}