/* Medium Layout: 1280px. */
@media only screen and (min-width: 992px) and (max-width: 1200px) { 
.main-menu > li > a {
	padding: 17px 20px;
} 

.ad-gallery .ad-image-wrapper {
    height: 310px;
  }
    
}





/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) { 
.main-menu > li > a {
	padding: 17px 8px;
}  

.main-menu > li:nth-child(6) > a, .main-menu > li:nth-child(7) > a {
	padding: 17px 16px;
}

.showcase-section-overlay h2 {
    font-size: 50px;
}

.ad-gallery .ad-image-wrapper {
    height: 240px;
  }

    
}





/* Mobile Layout: 320px. */
@media only screen and (max-width: 767px) { 
.desktop-main-menu-area, header {
	display: none;
}

.mobile-main-menu-area {
	display: block;
}

#menu, .slicknav_menu .slicknav_menutxt {
	display:none;
}

.slicknav_menu {
	display:block;
	background: #99CA3C;
} 

.slicknav_menu .slicknav_icon {
	margin: 0;
}

.mobile-logo {
    width: 155px;
    margin: 5px;
    float: left;
}

.slicknav_btn {
    background: #ABD35F;
}

.slider.slider-horizontal {
	max-width: 170px;
}

.main-content {
	margin: 25px 0 80px;
}

.main-content button.btn-purple {
	margin-bottom: 50px;
}

.featured-articles-section-bg {
	margin-left: 15px;
	margin-right: 15px;
	padding: 25px 0px;
}

.featured-articles-item button.btn-purple {
	margin-bottom: 50px;
}

footer p {
	margin-left: 0px;
}

footer ul {
	margin-right: 0px;
	float: left;
}

.showcase-section-overlay h2 {
	font-size: 25px;
	margin: 25px 0;
}

.search-result-logo, .business-details-logo {
    float: inherit;
    margin: 0 auto 25px;
}

.search-result-details, .business-details-address {
    float: inherit;
    width: 100%;
    padding: 10px 0;
}

.business-details-logo img {
	padding: 15px;
}

.main-content.preowned-page {
	text-align: center;
}

.left-sidebar-body {
	display: none;
}

.left-sidebar i.fa {
	display: inline-block;
}

.ad-gallery .ad-image-wrapper {
    height: 240px;
  }

.mobile-hidden {
	display: none;
}  

.desktop-hidden {
	display: block;
}
}





/* Wide Mobile Layout: 480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) { 
.showcase-section-overlay h2 {
    font-size: 40px;
}

.search-result-logo, .business-details-logo {
	width: 200px;
	height: 172px;
    float: left;
}

.search-result-details, .business-details-address {
    width: calc(100% - 250px);
	float: left;
	padding: 0 30px;
}

}