/* ===== Start Desktops and laptops
--------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 1201px) and (max-width: 1470px) {
	.brand-carousel {
	    margin: 0px 30px;
	}

	.container {
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
}

@media only screen and (min-width: 1024px) and (max-width: 1200px) {
	.menu-nav-inner li {
		margin-right: 30px;
	}

	.menu-nav-inner li a {
		font-size: 20px;
	}

	.search-wrapper {
		width: 470px;
	}

	.brand-carousel {
	    margin: 0px 30px;
	}

	.container {
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	.car-list .car-info,
	.car-list .sold-out-car .car-info {
	    padding: 15px 15px 0px;
	}

	.car-data-info ul li {
	    padding-right: 10px;
	    margin-right: 10px;
	}

	.aside-filter .select2-container--default .select2-selection--single .select2-selection__rendered {
		font-size: 16px;
	}

	.product-image {
		width: 100%;
		float: none;
	}

	.default-summary {
		width: 100%;
		float: none;
	}

	.basic-specification-list ul li .spec-value {
		font-size: 24px;
    	line-height: 24px;
	}

	.specification-list ul li {
		padding: 15px 0px;
    	font-size: 20px;
	}
}

@media only screen and (min-width: 0px) and (max-width: 1023px) {
	.container {
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	.navbar-container {
		display: none;
	    position: fixed;
	    top: 0px;
	    left: 0;
	    width: 100%;
	    bottom: 0;
	    background: rgba(0,0,0, .8);
	    z-index: 9999;
	    padding: 20px 20px;
	}

	.close-navbar {
		display: block;
		cursor: pointer;
	}

	.menu-nav-inner li {
		border-bottom: 1px solid #fff;
	}

	.menu-nav-inner li:last-child {
		border-bottom: 0px;
	}

	.menu-nav-inner li a {
		color: #fff;
		line-height: 70px;
		font-size: 26px;
	}

	.product-image {
		width: 100%;
		float: none;
	}

	.default-summary {
		width: 100%;
		float: none;
	}

	.menu-nav-inner li {
		float: none;
		margin-right: 0px;
	}

	.header-bottom-inner {
		position: relative;
	}

	.hamburger {
		display: block;
	}

	.menu-nav-inner li a:after {
		display: none;
	}

	.featured-cars-wrapper {
		flex-wrap: wrap;
	}

	.highlighted-featured {
		margin-bottom: 20px;
	}

	.highlighted-featured, .normal-featured {
		width: 100%;
	}

	.desktop-slider {
		display: none !important;
	}

	.mobile-slider {
		display: block !important;
	}

	.footer-col {
		float: none;
		width: 100%;
		text-align: center;
		margin-bottom: 20px;
	}

	.brand-carousel {
	    margin: 0px 30px;
	}

	.brand-carousel .slick-arrow {
		top: 50%;
		margin-top: -15px;
	}

	.aside-filter .select2-container--default .select2-selection--single {
		padding: 0px;
	}

	.aside-filter .select2-container--default .select2-selection--single .select2-selection__rendered {
		font-size: 16px;
		height: 40px;
		line-height: 38px;
	}

	.aside-filter .wpc-horizontal-layout.wpc-horizontal-cols-4 .wpc-filters-section:nth-child(4n+1) {
		margin-right: 0% !important;
	}

	.car-list .car-info {
	    padding: 20px 20px 0px;
	}

	.brand-link {
		margin-top: 15px;
		margin-bottom: 30px;
	}

	.specification-container {
		flex-wrap: wrap;
	}

	.specification-list {
		width: 100%;
		order: 2;
		border: 0px;
	}

	.basic-specification-list {
		width: 100%;
		order: 1;
	    border-bottom: 1px solid #baad80;
	}

	.contact-page-info {
		width: 100%;
		margin-bottom: 30px;
	}

	.contact-page-maps {
		width: 100%;
	}

	.more-details-product figure {
		width: 100%;
		order: 1;
	}

	.product-details-info {
		width: 100%;
		order: 2;
	}

	.thumbnail-container {
		display: none;
	}

	.woocommerce .products-list nav.woocommerce-pagination {
		margin: 0px;
	}

	.woocommerce .products-list nav.woocommerce-pagination ul li {
		width: 40px;
		height: 40px;
		line-height: 40px;
	}

	.woocommerce .products-list nav.woocommerce-pagination ul li a,
	.woocommerce .products-list nav.woocommerce-pagination ul li span {
		line-height: 40px;
	}

	.woocommerce .wrapper nav.woocommerce-pagination ul li a.next:after {
		width: 40px;
		height: 40px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
	.logo-img {
		max-width: 50%;
	}

	.sell-section-top {
		padding: 50px;
	}
}

@media only screen and (min-width: 0px) and (max-width: 768px) {
	.aside-filter {
	    padding: 10px 15px;
	}

	.aside-filter h3 {
		display: none;
	}

	.woocommerce .featured-cars ul.products[class*=columns-] li.product:nth-child(2n),
	.woocommerce-page .featured-cars ul.products[class*=columns-] li.product:nth-child(2n) {
		float: left !important;
	}

	.woocommerce .featured-cars ul.products[class*=columns-] li.product,
	.woocommerce-page .featured-cars ul.products[class*=columns-] li.product P{
		clear: none!important;
	}

	.car-list .slick-dots {
		margin: 20px 0px;
	}
}

@media only screen and (min-width: 0px) and (max-width: 900px) {
	.aside-filter .wpc-horizontal-layout.wpc-horizontal-cols-4 .wpc-filters-section:nth-child(4n+1) {
	    margin-right: 2% !important;
	}

	.aside-filter .wpc-horizontal-layout.wpc-horizontal-cols-4 .wpc-filters-section:nth-child(3n+1) {
	    margin-right: 0% !important;
	}
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
	.search-wrapper .dgwt-wcas-search-wrapp {
		min-width: auto;
	}

	.search-wrapper {
		width: calc(100% - 80px);
	}

	.section-title h2 {
		font-size: 26px;
		line-height: 30px;
	}
	html[lang="zh-hant"] .section-title h2 {
		font-size: 20px;
		line-height: 1;
	}

	.section-title {
	    margin: 30px 0;
	}

	.highlighted-car .car-info {
	    padding: 20px 15px 0;
	}

	.highlighted-car .product-price {
	    font-size: 18px;
	    margin-bottom: 5px;
	}

	.highlighted-car .car-info h3 {
	    margin-bottom: 10px !important;
		font-size: 28px !important;
    	line-height: 26px;
	    height: 60px;
	}
	html[lang="zh-hant"] .car-info h3 {
		font-size: 20px !important;
		line-height: 1;
	}

	.car-data-info ul li {
		padding-right: 10px;
    	margin-right: 10px;
	    font-size: 12px;
	}

	.highlighted-car .car-data-info {
	    padding: 10px 0px;
	}

	.featured-car .car-info,
	.car-list .sold-out-car .car-info {
		padding: 20px 15px 0px;
	}

	.car-info h3 {
	    margin-bottom: 10px !important;
	    font-size: 28px !important;
	    line-height: 26px;
	    height: 60px;
	}
	html[lang="zh-hant"] .car-info h3 {
		font-size: 20px !important;
		line-height: 1;
	}

	.product-price {
		margin-bottom: 5px;
	}

	.highlighted-car .car-data-info ul li {
	    font-size: 12px;
	    line-height: 20px;
	    padding-right: 10px;
    	margin-right: 10px;
	}

	.normal-featured .featured-car {
		width: 100%;
		margin-bottom: 20px;
	}

	.brand-title {
		font-size: 18px;
		margin: 10px 0px;
	}

	.seo-text {
		margin-top: 50px;
	}

	.seo-content {
	    font-size: 20px;
    	line-height: 20px;
	}

	.car-list .slick-dots li {
		margin: 0px 5px;
	}

	.car-list .slick-dots li button {
		width: 15px;
		height: 15px;
	}

	.car-list .car-data-info {
	    padding: 15px 0px;
	}

	.logo-img {
		max-width: 80%;
	}

	.woocommerce .car-list ul.products li.product, .woocommerce-page .car-list ul.products li.product {
		width: 100% !important;
	}

	.categories-section .car-list {
	    margin: 0px !important;
	}

	.section-title h1 {
		font-size: 30px;
		line-height: 30px;
	}
	html[lang="zh-hant"] .section-title h1 {
		font-size: 24px;
		line-height: 1;
	}

	.aside-filter .wpc-filters-widget-top-container:not(.wpc-show-on-desktop) {
		display: block !important;
	}

	body .aside-filter .wpc-filter-chips-list li.wpc-chip-reset-all a,
	body .aside-filter .wpc-filter-chips-list li.wpc-filter-chip:not(.wpc-chip-reset-all) a {
		padding: 5px 10px;
		font-size: 16px;
		line-height: 16px;
	}

	.wpc-filter-layout-dropdown .select2-container .select2-selection--single {
		padding: 0px !important;
	}

	.thumbnail-container {
		display: none !important;
	}

	.product-title h1 {
		font-size: 40px;
	}
	html[lang="zh-hant"] .product-title h1 {
		font-size: 30px;
	}

	.car-main-specs {
		display: none;
	}

	.specification-list, .basic-specification-list {
		padding: 15px;
	}

	.basic-specification-list ul li .spec-value {
		font-size: 30px;
    	line-height: 30px;
	}

	.basic-specification-list ul li {
		padding: 10px 0px 10px 50px;
	    font-size: 18px;
	    line-height: 20px;
	}

	.basic-specification-list ul li .spec-value {
        font-size: 22px;
    	line-height: 20px;
	}

	.basic-specification-list ul li:after {
		width: 40px;
		height: 40px;
		top: 12px;
	}

	.basic-specification-list ul li:before {
		top: 12px;
		width: 40px;
		height: 40px;
		background-size: 50% !important;
	}

	.specification-list ul li {
	    padding: 10px 0px;
	    font-size: 18px;
	    line-height: 18px;
	}

	.contact-page-info ul li .value,
	.contact-page-info ul li .label {
		font-size: 18px;
		line-height: 18px;
	}

	.contact-page-info ul li {
		padding: 5px 0px 5px 0px;
	}

	.contact-page-info ul li a {
	    padding: 5px 0 5px 60px;
	}

	.contact-page-maps {
		padding: 20px;
	}

	.sell-section-top {
		justify-content: center;
		padding: 30px;
	}

	html[lang="zh-hant"] .sell-section-top {
		justify-content: flex-start;
	}

	.sell-section-form {
		padding: 30px 15px;
	}

	.or-divider {
		margin: 30px 0;
		width: 100%;
	}

	.sell-section-container {
		margin: 30px auto;
	}

	.sell-section-title h1 {
		font-size: 30px;
		line-height: 30px;
	}
	html[lang="zh-hant"] .sell-section-title h1 {
		font-size: 24px;
		line-height: 1;
	}

	.sell-section-title p {
		font-size: 20px;
		line-height: 20px;
	}
	html[lang="zh-hant"] .sell-section-title p {
		font-size: 16px;
		line-height: 1;
	}

	.sell-section-form .form-row {
		margin-bottom: 0 !important;
	}

	.sell-section-form .form-row .form-col {
		width: 100%;
		margin-bottom: 10px;
	}

	.sell-section-form .radio-title,
	.about-content,
	.about-form .contact-form-text p {
		font-size: 20px;
		line-height: 20px;
	}
	html[lang="zh-hant"] .sell-section-form .radio-title,
	html[lang="zh-hant"] .about-content,
	html[lang="zh-hant"] .about-form .contact-form-text p {
		font-size: 16px;
		line-height: 1;
	}

	.about-form {
		padding: 30px;
	}

	.about-form .form-row-contact  {
		margin-bottom: 0;	}

	.about-form .form-row-contact .form-col-contact {
		width: 100%;
		margin-bottom: 10px;
	}

	.product-details-info .or-divider {
		width: 100%;
	}

	.product-details-info h1 {
		font-size: 36px;
		line-height: 36px;
	}
	html[lang="zh-hant"] .product-details-info h1 {
		font-size: 28px;
		line-height: 1;
	}

	.car-price.product-price {
		font-size: 20px;
	}

	body .wpc-horizontal-layout .wpc-filter-layout-submit-button {
		flex-wrap: wrap;
	}

	body .wpc-horizontal-layout.wpc-horizontal-cols-4 a.wpc-filters-reset-button,
	body .wpc-horizontal-layout.wpc-horizontal-cols-4 a.wpc-filters-submit-button {
		max-width: 100%;
		margin-bottom: 10px;
		height: 40px;
		line-height: 40px;
	}

	body .wpc-horizontal-layout.wpc-horizontal-cols-4 a.wpc-filters-reset-button {
		margin-bottom: 0px;
	}

	.aside-filter .wpc-filters-range-inputs {
	    margin: 10px 10px 0 10px;
	}

	.sell-section-form .divider {
		margin: 15px 0px;
	}

	.sell-section-form h2 {
		margin-bottom: 15px;
	}

	.resetpw-page-container p,
	.succes-reset-password p {
		font-size: 20px;
	    line-height: 20px;
	    margin-bottom: 20px;
	}
	html[lang="zh-hant"] .resetpw-page-container p,
	html[lang="zh-hant"] .succes-reset-password p {
		font-size: 16px;
		line-height: 1;
	}

	.resetpw-page-container p br,
	.succes-reset-password p br {
		display: none;
	}

	.features-container ul li {
		width: 100%;
	}

	.features-container ul li:nth-last-child(-n+3) {
	    border-bottom: 1px solid #dddddd;
	}

	.features-container ul li:last-child {
		border-bottom: 0px;
	}

	.features-container ul li {
		font-size: 20px;
		padding: 15px 0px;
	}

	.features-container {
		padding: 15px;
	}

	.car-spec-navigation .section-title h2 {
		padding-right: 10px;
		font-size: 24px;
	}
}
/* ===== End mobile
--------------------------------------------------------------------------------------------------*/