@media screen and (max-width:1350px) {
	.search-form-bottom .container {
		padding: 0px !important;
	}
	.search-form-bottom > .container > div select {
		padding-right: 0px;
	}
	.search-form-bottom > .container > div {
		width: 20%;
	}
	.nav-contact {
		margin-left: 20px;
	}
	.nav-menu > li:not(:last-child) {
		margin-right: 20px;
	}
	.subpage-main > div:last-child > div {
		width: 100% !important;
		height: 100% !important;
	}
	.subpage-main > div:first-child {
		padding-right: 50px;
	}
	.details-main > div:last-child {
		padding-left: 50px;
	}
	.details-main-info .flexbox {
		flex-wrap: wrap;
	}
	.details-main-info .flexbox > div {
		width: 100%;
	}
	.details-main-info .flexbox > a {
		margin-top: 25px;
	}
	
}
@media screen and (max-width:1250px) {
	.mobile-nav {
		display: block;
		position: fixed;
		right: -1000px;
		top: 0px;
		z-index: 15000;
		width: 500px;
		height: 100%;
		background-color: #F8F8F8;
		padding: 100px 50px;
		box-shadow: 3px 0px 10px 1px #000000;
		-webkit-transition: all 0.5s ease 0s; 
		transition: all 0.5s ease 0s;
	}
	.menu-wrapper > .flexbox {
		flex-wrap: wrap;
		height: fit-content;
	}
	.main-nav {
		width: 100%;
		height: fit-content;
	}
	.mobile-nav .nav-menu {
		display: block;
	}
	.mobile-nav .nav-menu li {
		display: block;
		width: 100%;
		height: fit-content;
		border-bottom: 1px solid #706F70;
	}
	.mobile-nav .nav-menu li a {
		font-size: 25px !important;
	}
	#nav-btn,
	#nav-close-btn {
		display: block;
	}
	#nav-close-btn {
		position: absolute;
		top: 25px;
		right: 25px;
	}
	#nav-close-btn:before,
	#nav-btn:before {
		font-size: 25px;
	}
	.open .mobile-nav {
		right: 0px;
	}
	.nav-contact {
		flex-wrap: wrap;
		flex-direction: column-reverse;
		width: 100%;
		margin-left: 0px;
	}
	.nav-contact > div {
		width: 100%;
	}
	.nav-contact .btn {
		background-color: transparent;
		border: none;
		border-radius: 0px;
		width: 100%;
		text-align: left;
		color: #000000;
		margin-left: 0px;
		font-size: 25px;
		border-bottom: 1px solid #706F70;
		padding: 20px 0px !important;
		font-weight: 300;
		text-transform: none;
		line-height: 1.1 !important; 
	}
	.nav-contact > div {
		margin-top: 20px;
	}
	.nav-container {
		display: flex;
		justify-content: flex-end;
		align-items: center;
	}
	.subpage-main {
		flex-wrap: wrap !important;
	}
	.subpage-main > div {
		width: 100% !important;
		max-width: 100% !important;
	}
	.subpage-main > div:last-child > div > div {
		background-position-x: 0px; 
	}
}
@media screen and (max-width:1100px) {
	.details-main {
		flex-wrap: wrap !important;
	}
	.details-main > div {
		width: 100% !important;
	} 
	.details-main > div:last-child {
		padding-left: 0px !important;
	}
}
@media screen and (max-width:1050px) {
	.col-left {
		width: 100% !important;
		padding-right: 0px !important;
	}
	.main-content-table {
		display: flex !important;
		justify-content: center;
		flex-direction: column-reverse;
		flex-wrap: wrap;
	}
	.main-content-table > div {
		width: 100%;
	}
	#side_content,
	#side_content > div,
	#side_content > aside{
		width: 100%;
		display: block !important;
	}
	#contact-form {
		margin-bottom: 50px;
	}
	#dynamic_main .container.sm{
		padding: 0px;
	}
	#dynamic_main {
		padding: 0px;
	}
	.product-list a {
		width: 200px;
	}
	.content-flex {
		flex-wrap: wrap;
	}
	.content-flex > div {
		width: 100% !important;
		padding: 0px !important;
	}
	.subpage-main {
		margin-bottom: 50px;
	}
	.section-image {
		width: 100% !important;
		max-width: 100% !important;
	}
	.section-content {
		padding-left: 0px !important; 
		width: 100% !important;
		margin-top: 50px;
	}
	.doc-callout .image-area {
		padding: 0px 50px;
	}
	.doc-callout .link-list > div {
		padding: 0px 15px;
	}
	.doc-callout .link-list > div > a.flexbox > p:first-child {
		display: none;
	}
	.footer-top > div:not(.footer-logo) {
		width: 50%;
		margin-bottom: 25px;
		margin-right: 0px;
	}
	.copyright {
		width: 100%;
	}
	.footer-bottom ul {
		width: 100%;
		margin-bottom: 5px;
	}
	.social-con {
		height: fit-content;
		margin-bottom: 0px !important; 
	}
}
@media screen and (max-width:900px) {
	.prod-main {
		position: relative;
	}
	.prod-main-filters {
		position: fixed;
		left: -150%;
		top: 50%;
		transform: translateY(-50%);
		background-color: #FFF;
		z-index: 500;
		height: fit-content;
		padding-top: 25px;
		padding-left: 25px;
		padding-bottom: 25px;
		-webkit-transition: all 0.5s ease 0s; 
		transition: all 0.5s ease 0s;
		border-top-right-radius: 4px;
		border-bottom-right-radius: 4px;
		border-right: none !important;
		box-shadow: 3px 3px 3px #00000029;
		border-left: 6px solid	#D4261C;	
	}
	#prod-filter-close {
		display: block;
		position: absolute;
		top: 15px;
		right: 15px;
		font-size: 16px;
		color: #D4261C;	
	}
	#prod-filter-open {
		display: block;
		position: fixed;
		left: -28px;
		top: 50%;
		transform: translateY(-50%);
		background-color: #D4261C;
		color: #FFF;
		font-weight: bold;
		transform: rotate(90deg);
		padding: 15px;
		font-size: 20px;
		border-top-left-radius: 4px;
		border-top-right-radius: 4px;
		
	}
	.open-filter-toggle {
		left: 0px;
	}
	.container {
		padding: 0px 25px;
	}
	.container.sm {
		padding: 0px 50px;
	}
	.prod-grid {
		grid-template-columns: repeat(2, 1fr);
		grid-template-rows: repeat(2, 1fr);
	}
	.prod-grid > div:first-child {
		grid-area: 1 / 1 / 2 / 2;
	}
	.prod-grid > div:nth-child(2) {
		grid-area: 1 / 2 / 2 / 3;
	}
	.prod-grid > div:nth-child(3) {
		grid-area: 2 / 1 / 3 / 2; 
	}
	.prod-grid > div:last-child {
		grid-area: 2 / 2 / 3 / 3;
	}
	.prod-grid > div{
		padding: 0px 50px !important;
	}
	.prod-grid > div > a > div {
		width: 100% !important;
		height: fit-content !important;
	}
	.prod-grid > div .cat-image{
		width: 100% !important;
		height: 100px !important;
		background-position: left center !important;
		position: relative !important;
		top: 15px !important;
	}
	.prod-grid > div > a > div:last-child {
		position: relative !important;
		bottom: 15px !important;
	}
	.prod-grid > div:first-child > a > div:last-child, .prod-grid > div:last-child > a > div:last-child {
		padding-left: 0px;
	}
}
@media screen and (max-width:770px) {
	.detail-filters .flexbox a {
		line-height: 1.1;
		margin: 0px;
		width: 50%;
		padding: 10px 0px;
	}
	.detail-filters .flexbox {
		height: fit-content;
		width: 100%;
	}
	.mobile-nav {
		width: 70%;
		padding: 50px 25px;
	}
	.btn-box {
		display: none;
	}	
	.container.sm {
		padding: 0px 25px;
	}
	.doc-callout .link-list > div > a.flexbox > div > p:last-child {
		font-size: 12px;
	}
	.testimonial-large-font p {
		font-size: 18px !important;
	}
	.testimonial-slider .slick-slide > div > p:first-child:after {
		font-size: 100px;
		left: -8px;
		top: -35px;
	}
	.container {
		padding: 0px 25px;
	}
	.container .container {
		padding: 0px;
	}
}
@media screen and (max-width:570px) {
	.product-list a {
		width: 350px;
	}
.search-form-bottom > .container > div select {
	font-size: 14px;
/*	
        color: #FFF;
	font-weight: 700 !important;
	padding-right: 100px;
	position: relative;
	bottom: 5px;
*/
}
.search-form-bottom > .container > div label {
	font-size: 12px;
	padding-left: 0;
/*
        padding-left: 4px;
	position: relative;
	top: 5px;
	color: #FFF;
	font-weight: 600 !important;
*/
}
#oil-pan-label {
	font-size: 12px;
	padding-left: 4px;
/*	
	position: relative;
	top: 5px;
	color: #FFF;
	font-weight: 600 !important;
*/
}
}