/*
Theme Name: www.midcountrymachinery.com
Theme URI: https://sandhills.com
Author: Sandhills
Author URI: https://sandhills.com
Description: Sandhills default template.
Version: 1.0
Text Domain: sandhills
Tags: Sandhills default
*/
/*--------------------------------------------------------------
## Editor class styles
--------------------------------------------------------------*/

/* GENERIC MODIFIERS */

.clear{clear: both;}

.row > * {
    padding-left: calc(var(--bs-gutter-x) * 0.0);
    padding-right: calc(var(--bs-gutter-x) * 0.0);
}
a {
    text-decoration: none;
    color: #7a878e;
    outline: 0;
}
.post-Logo-image.hidden {
	display: none!important;
}
#header {
	padding: 20px 20px 0;
	font-family: "Roboto", sans-serif;
	border-bottom: #eee solid 1px;
}
#header * {
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

#header-contact, #header-contact a{
	font-family: "Roboto", sans-serif;
	font-weight: 700;
	font-size: 28px;
	text-align: right;
	color: #000;

}
#footer-contact, #footer-contact a{
	font-size: 28px;
}
.shwidget{
	
    font-family: "Roboto", sans-serif;
}

.wrapper{max-width: 1340px; padding: 20px; margin: 0 auto;}
.pad-bottom{padding-bottom: 80px !important;}
.pad{padding: 68px 20px;}
.nopad-v{padding-top: 0!important; padding-bottom: 0!important;}
.vertical-center{display: flex; align-items: center;}
.nomargin-top{margin-top: 0 !important;}
.relative {position: relative !important;}
.right{float: right;}
.text-right{text-align: right;}
#header .logo img{max-width: 100%;}
.footer .logo img{max-width: 370px; width: 100%;}
.show-mobile {display: none;}

.flex{display: flex;}
.inline{display: inline;}
.flex-wrap{flex-wrap: wrap;}

.col33{width: 33.3333%;}
.footerbg .col33{width: 31.3333%; margin-right: 3%;}
.footerbg .col33:last-of-type{margin-right: 0;}
.col50{width: 49%;}
.col50:first-of-type{margin-right: 2%;}
.col66{width: 66.6666%;}
.text-styling .col50:last-of-type{padding-left: 40px;}

.section-mask{
	content:'';
	/*clip-path: polygon(0% 0%, 100% 0%, 100% 90%, 53% 90%, 50% 100%, 47% 90%, 0 90%);*/
	clip-path: polygon(0% 0%, 47% 0%, 50% 48px, 53% 0%, 100% 0%, 100% 110%, 0% 110%);
	margin-top: -48px;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	
}
.mask-archive{margin-top: -68px!important;}

.bg-texture, .row:nth-child(even).bg-texture{
	background: url("/wp-content/themes/www.midcountrymachinery.com/images/bg-texture-tiled.jpg") center top !important;
	background-repeat: repeat-y;
	background-size: 100%;
}
.bg-white{
	background: #fff !important;
}
.bg-grey, .row:nth-child(even).bg-grey{
	background: #efefef !important;
}
#header .bg-texture{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;	
	z-index: -1;
}

.bg-bottom{background-position: bottom !important;}

.bg-location{
	background: url("/wp-content/themes/www.midcountrymachinery.com/images/bg-location.jpg") center center;
	background-repeat: no-repeat;
	-moz-background-size: cover;
	-o-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;
}
.bg-inv{
	background: url("/wp-content/themes/www.midcountrymachinery.com/images/bg-inv.jpg") center center;
	background-repeat: no-repeat;
	-moz-background-size: cover;
	-o-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;
}
.bg-machine{
	background: url("/wp-content/themes/www.midcountrymachinery.com/images/bg-machine.jpg") center center;
	background-repeat: no-repeat;
	-moz-background-size: cover;
	-o-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;
}
.bg-black, .row:nth-child(even).bg-black{background: #000 !important;}
.bg-black .text-styling p, .bg-black .text-styling h1, .bg-black .text-styling h2, .bg-black .text-styling h3, .bg-black .text-styling h4, .bg-black .text-styling h5, .bg-black .text-styling span {color: #fff !important;}
.bg-black .text-styling p{padding: 20px 0;}
.bg-black .text-styling a{font-weight: 700; color:#fff !important;}

.bg-icon-location-marker{
	background: url(/wp-content/themes/www.midcountrymachinery.com/images/icon-location-marker.png) right top;
    background-repeat: no-repeat;
    position: absolute;
    top: 20px;
    bottom: 0;
    right: 5%;
    left: 0;
}
.bg-icon-gears{
	background: url(/wp-content/themes/www.midcountrymachinery.com/images/icon-gears.png) right top;
    background-repeat: no-repeat;
    position: absolute;
    top: 20px;
    bottom: 0;
    right: 20px;
    left: 0;
}

.widget_sandhills_custom_post_content .d-flex{flex-wrap: wrap;}
.text-styling h1, .heading-lg {
	font-family: "Roboto", sans-serif !important;
	font-weight: 900 !important;
	font-size: 48px !important;
	line-height: 48px !important;
	text-transform: uppercase !important;
	padding: 0 0 10px;
}
.text-styling h2:not(.heading-lg), .heading-md{
	font-family: "Roboto", sans-serif !important;
	font-weight: 900 !important;
	font-size: 24px !important;
	line-height: 30px !important;
	padding: 0 0 10px;
}
.text-styling span {
	font-family: "Roboto", sans-serif !important;
	font-weight: 900 !important;
	font-size: 48px !important;
	line-height: 48px !important;
	text-transform: uppercase !important;
	padding: 0 0 10px;
}
.subheading{
	font-family: "Roboto", sans-serif !important;
	font-weight: 900 !important;
	font-size: 24px !important;
	line-height: 30px !important;
}
.bg-black .subheading{
	color: #fff!important;
}
.text-styling p, .text-styling li, .text-styling label, .text-styling .entry-content{
	font-family: "Roboto", sans-serif !important;
	font-size: 14px !important;
	line-height: 24px !important;
	padding: 0 0 10px;
}

.text-styling a{
	text-decoration: none;
    outline: 0;
    font-weight: bold;
	color: #000 !important;
}
.text-styling ul{
    padding-left: 14px;
}

.text-styling iframe, .text-styling embed{
	margin: 30px 0;
}
.text-styling img{
	max-width: 100% !important;
}

.post-brands-image{
	margin: 0 auto;
	background: transparent;
}
#featured-brands {
	padding: 0 5%;
}
#featured-brands .post-brands-image {
	margin-top: -40px;
}
#featured-brands .slick-next {
    right: -2.5% !important;
	top: calc(50% - 40px) !important;
}
#featured-brands .slick-prev {
    left: -2.5% !important;
	top: calc(50% - 40px) !important;
}

a.cta-btn, .text-styling .btn-success{
	font-family: "Roboto", sans-serif;
	font-weight: 700;
	font-size: 24px;
	line-height: 58px;
	text-align: center;
	width: 100%;
	background: #d42127 !important;
	color: #fff !important;
	display: block;
	position: relative;
	text-indent: -8px;
	transition: all ease 0.2s;
	text-transform: uppercase;
	box-shadow: none !important;
}
a.cta-small, .text-styling .btn-block{
	font-size: 16px !important;
	max-width: 390px;
}

.showrooms-cta{
	margin: 0 auto !important; 
	max-width: 413px !important;
}
.text-styling .btn-success
{
	line-height: 48px;
    max-width: 390px;
	border: none !important;
}
a.cta-btn:hover, .text-styling .btn-success:hover{
	letter-spacing: 2px;
	word-spacing: -2px;
}
a.cta-small:hover, .text-styling .btn-block:hover {
    letter-spacing: 1px;
    word-spacing: -2px;
}


#highlighted-equipment img, .widget_sandhills_grid_gallery img{
	width: 90%!important;
	margin: 0 auto;
	transition: 0.2s all ease;
}
#highlighted-equipment img:hover, .widget_sandhills_grid_gallery img:hover{
	transform: scale(1.05);
}

.quick-search {
	position: relative;
}
.quick-search input{
    float: right;
	line-height: 18px !important;
    font-size: 16px !important;
    height: auto;
	width: unset;
}
.quick-search i{
    font-size: 16px !important;
}
.quick-search button{
    position: absolute;
    right: 0px;
    border: none;
    background: transparent;
    padding: 3px 5px 3px 3px;
	color: #d42127;
}


#btn-bar.flex{
	display: flex;
	justify-content: space-between;
	padding-bottom: 48px;
}
#btn-bar .col33{
	width: calc(33.3333% - 20px);
    margin-top: -40px;
    margin-bottom: 20px;
}

/* locations columns */
.height100{height: 100% !important;}

/* Brands */

.center-block{
	display: block;
	margin: 0 auto;
}
.brand-category{background: #fff; margin: 15px; box-shadow: 0px 4px 12px 0px rgba(0,0,0,0.33); width: calc(20% - 30px);}
.brand-category img{width: 100%; transition: all ease 0.2s; padding: 30px;}
.brand-category:hover img{opacity: 0.6;}
/* Showrooms */
.pad15{padding:15px 0;}

.page-title{
	font-family: "Roboto", sans-serif;
	font-weight: 900;
	text-transform: uppercase;
	color: #000;
	padding:0 15px;
}
.showroom-category{
	width: calc(20% - 30px);
    margin: 15px;
    box-shadow: 0px 4px 12px 0px rgba(0,0,0,0.33);
}
.showroom-category img{width: 100%; transition: all ease 0.2s;}
.showroom-category:hover img{opacity: 0.8;}
.showroom-title{
	background: #000; 
	text-align: center; 
	padding: 15px; 
	color: #fff; 		
	font-family: "Roboto", sans-serif;
	font-weight: 900;
	text-transform: uppercase;
}

/* Staff */

.post-column-staff{
	font-family: "Roboto", sans-serif;
	line-height: 24px !important;
	text-align: left !important;
	margin-bottom: 40px;
}
.post-column-staff a{
	color: #c01c27;
}
.post-staff-location{
	font-weight: 900;
}
.post-div-staff-employee_phone{
	margin-bottom: 10px;
}

/* Locations */

.location-box{	
	width: calc(25% - 30px);
    margin: 15px;
	box-shadow: 0px 4px 12px 0px rgba(0,0,0,0.33);
}
.location-box img{width:100%; height: auto; transition: all ease 0.2s;}
.location-box:hover img{filter: brightness(1.2) contrast(0.8);}
.location-box .location-link{
	display: block;
	background: #000;
    text-align: center;
    padding: 15px;
    color: #fff;
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    text-transform: uppercase;
}

.post-locations-locationname{
    float: left;
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    text-transform: uppercase;	
	font-size: 20px;
	line-height: 30px;
	color: #000;
}
.post-locations-address, .post-locations-phonenumber{
    float: left;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
	font-size: 16px;
	line-height: 30px;
	color: #000;
}

.post-column-locations{margin-bottom: 40px;}
.bg-black .post-row-locations *, .bg-black .post-container-locations a {
    color: #fff !important;
}
.bg-black .post-column-locations{margin: 0;}

#location-map{
	height: 400px;
}
#location-map iframe{
	width: 100%;
	height: 600px;
	max-height: calc(100% + 60px);
}

#location-photo > aside, #location-photo > aside .widget_sandhills_editable_area_background{
	height: 100%;
}

#location-photo > aside > .row{
    bottom: 0 !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    position: absolute !important;
    z-index: -1 !important;
}

/* MACHINE TECHNOLOGY */

.machine-technology-link {
    position: relative;
	padding: 10px;
	margin: 10px;
}

.machine-technology-link:hover img {
    filter: brightness(1.1);
	transform: translateY(-50%) scale(1.1);
}

.machine-technology-link .bg-circle {
    background: #000;
    border-radius: 100%;
    display: block;
	height: 196px;
	width: 196px;
    margin: 0 auto;
}
.machine-technology-link img {
    position: relative;
	width: 90%;
	top: 50%;
	transform: translateY(-50%);
	transition: ease-in-out 0.3s all;
}
.machine-technology-link h4 {
	font-family:  "Roboto", sans-serif;
    font-weight: 900;
    text-transform: uppercase;
	color: #000;
}

.machine-technology-link p {
	font-family:  'Roboto', sans-serif;
    font-weight: 400;
    text-transform: uppercase;
	color: #555;
}


.post-container-machine-link{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}



/* VIDEOS */

.video-thumbnail{
	width: calc(25% - 30px);
	margin: 15px;
}
.video-thumbnail img{
	width: 100%;
	height: auto;
	transition: filter 0.2s ease;
}
.video-thumbnail:hover img{
	filter: brightness(1.2) contrast(0.8);
}

.modal-video{position: fixed; top:0; right:0; bottom:0; left:0; background: rgba(0,0,0,0.75);}
.modal-video-movie-wrap{
	margin: 0 auto;
    max-width: 1280px; 
    position: relative;
	margin-top: 10%;
     width: 90%;
     height: 0;
     padding-bottom: 40.625% !important;
}
.modal-video-movie-wrap iframe{
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}
.modal-video-close-btn{
    height: 24px;
	margin-top: -24px;
    width: 100%;
    background: none;
    appearance: none;
    border: none;
    padding: 0;
	position: relative;
}
.modal-video-close-btn:after{
    content: '\02716';
    position: absolute;
    width: 20px;
    height: 20px;
    top: 0;
    right: 0;
    color: #fff;
}
.video-title{
    padding: 15px 0;
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    text-transform: uppercase;
	color: #000;
}

/* TESTIMONIALS */

.testimonial{
	width: calc(33.3333% - 15px) !important; 
	padding: 15px;
	padding-left: 0;

}
.testimonial-wrapper{
	max-width: 100% !important;

}
.all-testimonials .testimonial{
	width: 100% !important;
	padding: 0;
}
.all-testimonials .heading{margin-bottom: 40px;}
.testimonial-text .customer{color: #000;}
#all-testimonials-link {
	font-family: "Roboto", sans-serif;
    font-weight: 700;
    text-transform: uppercase;
	color: #000;
	transition: all ease 0.2s;
}
#all-testimonials-link:hover {
	letter-spacing: 1px;
    word-spacing: -2px;
}
.all-testimonials #all-testimonials-link{display: none !important;}

/* POSTS */

.blogstripe{
	padding: 20px !important;
	width: calc(50% - 40px);
	margin: 20px !important;
	box-sizing: border-box !important;
	border-color: #eee !important;
	box-shadow: 0px 4px 4px rgba(0,0,0,0.2);
}
.blogstripe .post-image {
    margin: 20px 0;
	height: 0;
	padding-bottom: 60%;
    overflow: hidden;
	position: relative;
}
.blogstripe .post-image img {
    width: 100%;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}
.post-image img {
    margin: 20px 0;
	max-width: 100%;
}
.blogstripe .btn-success{
	max-width: 100% !important;
	width: 100%;
}
.posted-on .updated:not(.entry-date){display: none !important;}

/* END OF CUSTOM STYLES */

/* MAILCHIMP */

#mc_embed_signup{
	background: none !important;
	font-family: roboto, sans-serif;
}
#mc_embed_signup .button{
	background: #d42127 !important;
	border-radius: 0 !important;
	text-transform: uppercase;
	font-weight: 700;
}
/*--------------------------------------------------------------
## Primary Styles
--------------------------------------------------------------*/

html, body {
	height:100%;
	width:100%;
}
.wp-custom-header iframe,
.wp-custom-header img,
.wp-custom-header video {
	display: block;
	height: auto;
	max-width: 100%;
}
.wp-custom-header {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.wp-custom-header iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/* Class for Google Map widget */
.google_map {
	width:100%; 
	min-height:58vh;
}
.navbar-default { 
	background-color:transparent!important;
	border-color:transparent!important;
}
.navbar {
	min-height:auto!important;
	margin-bottom:0!important;
}
.navigation-top {
	width:100%;
}
.menu li {
	width:auto!important;
	padding-right:6%;
	display:inline-block;
	text-transform: uppercase;
}
.menu li:last-child {
	padding-right:0!important;
} 
.menu li > a {
	color:#000;
	font-size:1.5em;
}
.dropdown-menu {
	background-color: #fff;
	color:#000;
	border-radius:0px;
}
.navbar-default .navbar-nav>li>a {
    color: #000;
	font-size:14px;
	text-transform: uppercase;
	font-weight: 700;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
	color:#d42127;
}
.dropdown-menu:not(.head-list)>li>a {
    color: #000;
	font-size:14px;
	font-weight:400;
}
.dropdown-menu:not(.head-list)>li>a:hover {
    background-color: #d42127;
    transition: linear 0.2s;
}

.dropdown-menu>li {
    padding: 0px 7px;
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {background: transparent !important;}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/


.site-main .comment-navigation, .site-main
.posts-navigation, .site-main
.post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

#wp-admin-bar-new-content-default {
	display: none;
}


/* FACETED */

.scrolling-wrap{height: 90px;}

#inv{padding: 5% 0;}
#inv *:not(.loading-spinner):not(.loader){border-radius: 0!important;}
#inv *:not(.fa):not(.far):not(.fas):not(.fab):not(.material-icons){font-family: 'Roboto', sans-serif!important;} /* Reset font, ignore icons */

#inv .contact-information > div:first-of-type > .field-value:first-of-type{
	display: none !important;
}
.compare-chkbox-container .compare-listings .fa-check {
    top: 5px !important;
    left: 2px !important;
}
span.compare-label{padding-left: 4px !important; margin-bottom: 4px !important;}

.faceted-search-content .faceted-section-box .faceted-option-checkbox-container label input {margin: 2px 3px 3px 4px;}
.faceted-text-input-searchType .search-type input[type=checkbox], .faceted-text-input-searchType .search-type  input[type=radio] {margin: 0px 3px 0px 6px;}

.hosted-content .attachment-search .search-checkboxes label .row {margin-left:0 !important;margin-right:0 !important;margin-bottom:0px !important;}

.view-listing-details-link, .faceted-search-content .selected-facets-container .selected-facet, .list-content .list-listing-mobile .view-listing-details-link, .list-content .list-listing-mobile .buy-now-link, .list-content .list-listing-mobile .check-availability-link, .list-content .list-listing-mobile .email-seller-link, .detail-content .detail-main-body .main-detail-data .offer-btn, .detail-content .detail-main-body .main-detail-data .buy-btn, .detail-content-mobile .detail-main-body .main-detail-data .dealer-phone-mobile-container .dealer-phone-mobile, .detail-content-mobile .detail-main-body .main-detail-data .offer-btn-mobile, .detail-content-mobile .detail-main-body .main-detail-data .send-email-btn-mobile, .detail-content-mobile .detail-main-body .main-detail-data .send-wholesale-email-btn-mobile, .detail-content-mobile .detail-main-body .main-detail-data .fin-calc-btn-mobile, .mobile-breadcrumb, .main-detail-data .contact-options a, .g-recaptcha.button, .page-nav {background:#d42127 !important; color: #fff !important;}

.list-content .list-main-section .list-container .list-listing .listing-top-right .buy-now-link, .list-content .list-main-section .list-container .list-listing .listing-top-right .check-availability-link, .list-content .list-main-section .list-container .list-listing .listing-top-right .email-seller-link, .list-content .list-main-section .list-container .list-listing .listing-top-right .video-chat-link, .faceted-search, .faceted-show-all-btn, .cs-btns a {background: #000 !important; color: #fff !important;}

.list-content .list-title .list-listings-count, .list-content .list-main-section .list-container .list-listing .listing-top .listing-top-left .listing-main-stats .price, #parts-content .parts-top-section .parts-title-and-breadcrumbs .parts-title .parts-listings-count, #inv .error-message, #inv .info, .detail-content .detail-main-body .main-detail-data .detail-price, .detail-content .search-results, .list-content .list-top-section .listing-option-bar .list-listings-count, .price {color: #000 !important;}
 
/* heading */
.list-content .list-title .list-title-text, .detail-content-mobile .detail-main-body .detail-mobile-top .detail-title, .main-detail-data .detail-title, .parts-title-text {padding-left: 4px; font-weight: 900;}

.detail-content .detail-additional-data .data-row .data-label, .detail-content-mobile .detail-additional-data .data-row .data-label, .part-detail-additional-data .data-label, .part-detail-content .detail-contact-bar {background: #000 !important;}
.detail-content-mobile .detail-contact-bar .contact-bar-btn, .faceted-search-content .mobile-done-button-container .mobile-done-button, .dealer-phone-call, .video-chat, .email-seller {background: #000 !important;}

.detail-content .dealer-info .phone-and-email .send-email-btn {border-color: #000!important; color: #000!important;}

.material-icons {color:#fff!important;}

#parts-content .parts-bottom-section .parts-list-view .parts-list-content .parts-listing-container .parts-listing-column .parts-button.view-details {background-color: #000!important;}

.detail-content-mobile .detail-main-body .main-detail-data .dealer-phone-mobile-container .dealer-phone-mobile{margin-right:0!important;}

.detail-content .detail-main-body .main-detail-data .details-fin-calc .detail-btn-calc{height: 48px;}

.noUi-connect, .noUi-handle{
	background:#d42127 !important;
}
.quick-search button{top: 39px;}
.row:nth-child(even){background: transparent !important;}
/*==========  Non-Mobile First Method  ==========*/
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {		

	.brand-category{width: calc(20% - 30px);}
	.showroom-category{width: calc(25% - 30px);}
	.video-thumbnail{width: calc(33.3333% - 30px);}
	.modal-video-movie-wrap{
		 padding-bottom: 50.625% !important;
	}
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 993px) {

}
/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	
	#header .logo img{max-height: 90px;
    display: inline-block;
    float: left;}
	.column-reverse{
		flex-direction: column-reverse;
	}
	.col50{width: 100%; margin-right: 0;}
	.col50:last-of-type{padding-left: 0;}
	
	.section-mask{
		clip-path: polygon(0% 0%, 45% 0%, 50% 48px, 55% 0%, 100% 0%, 100% 100%, 0% 100%);
	}
	a.cta-btn{
		font-size: 18px;
		line-height: 48px;
	}
	a.cta-small{
		font-size: 14px!important;
	}
	
	.showrooms-cta{
		max-width: 100% !important;
	}
	.col33 {width: 100%;}
	.col66 {width: 100%; height: 300px;}
	
	
	.brand-category{width: calc(25% - 30px);}
	
	.showroom-category{width: calc(33.3333% - 30px);}
	
	.footerbg .col33 {width: 100%; margin-right: 0 !important;}
	.footer-logo img{float: left!important;}
	.footerbg .col33 .text-right{text-align: left;}
	
	.modal-video-movie-wrap{
	 margin-top: 300px !important;
	}
	
	.blogstripe {
    width: 100%;
		margin: 20px 0 !important;
	}
}
@media only screen and (max-width : 670px) and (min-width : 580px) {
	.quick-search button{top: 81px;}
}
/* Small Devices, Tablets */
@media only screen and (max-width : 767px) {
	.show-mobile{display:block;}
	.hide-mobile{display:none;}
	.logo.show-mobile img{max-width: 80px; padding-bottom: 10px;}
	
	.section-mask{
		clip-path: polygon(0% 0%, 43% 0%, 50% 48px, 57% 0%, 100% 0%, 100% 100%, 0% 100%);
	}
	
		
	#btn-bar .col33:first-of-type{
		margin-top: -40px;
	}	
	#btn-bar .col33{
		width: 100%;
		margin-top: 0px;
		margin-bottom: 20px;
	}
	.col66 {width: 100%; height: 200px;}
	
	
	.location-box{	
		width: calc(50% - 30px);
	}
	.brand-category{width: calc(50% - 30px);}
	
	.showroom-category{width: calc(50% - 30px);}
	
	.video-thumbnail{
		width: calc(50% - 30px);
	}
}
/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 530px) {
	.wrapper{padding: 15px;}
	.pad{padding-left: 15px; padding-right: 15px;}
	
	.section-mask{
		clip-path: polygon(0% 0%, 41% 0%, 50% 48px, 59% 0%, 100% 0%, 100% 100%, 0% 100%);
	}
	#header .right{
		float:none;
	}
	#header .right #header-contact{
		display: flex;
		flex-wrap: wrap;
		flex-direction: column-reverse;
	}
	#header .right #header-contact a, #footer-contact a{font-size: 20px;}
	.quick-search input{width: 100%;}
	.quick-search button{top: 69px;}
	
	.hero-pad{
		padding-bottom: 16px;
	}
	.text-styling h1, .text-styling h2, .text-styling h3, .heading-lg, .heading-md {
		font-family: "Roboto", sans-serif;
		font-weight: 900;
		font-size: 30px;
		line-height: 30px;
	}
	.subheading{
		font-family: "Roboto", sans-serif;
		font-weight: 900;
		font-size: 20px;
		line-height: 28px;
	}
	
	.brand-category{width: calc(100% - 30px);}
	
	.showroom-category{width: calc(100% - 30px);}
	.location-box{	
		width: calc(100% - 30px);
	}
	.video-thumbnail{
		width: calc(100% - 30px);
	}
}

