/*
Theme Name:   Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Description: A plain-vanilla & lightweight theme for Elementor page builder
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Template:     hello-elementor
Version:      1.0.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  helloelementorchild
*/
.elementor-menu-toggle { width:100%; }
.elementor-menu-toggle__icon--open.eicon-menu-bar {
	width: 100%;
    display: block;
    margin: 7.5px auto;
    text-align: center;
}

.dealerbox { background-color:#fff; width:80%!important; margin:60px auto; padding:15px; display:table-cell; }
.company-logo { max-height:300px; max-width: 70%; margin:auto; display:flex; }
.company-img { width:80%; margin-left:10%; }
.location-img { max-width:80%; margin-left:10%; padding:15px }

.outerbg {background-color:#334; padding:15px 60px;}
.companylocations {width:40%; float:right; background-color:#eee;}
.companypane {width:58%; float:left; background-color:#fff; padding:30px;}
.listingbox { padding:30px; background-color:#fff; display:table-cell; }
.locationArchivebox {padding:15px; width:39%; float:right; margin:auto;}
.companyArchivebox {width:59%; float:left}
.mobile-img { display:none; }
.large-img {max-height:120px; text-align:center; clear:both; margin-bottom:15px;}

/* For devices with width of 480px and less, like phones */
@media only screen and (max-width: 480px) {
	.outerbg {padding:15px !important; }
	.companylocations {width:100% !important; }
	.companypane {width:100%; padding:15px !important;}
	.locationArchivebox {padding:0; width:100% !important; float:none; }
	.companyArchivebox {width:100% !important; float:none; }
	.mobile-img { display:block; text-align:center; clear:both; margin-bottom:15px; }
	.listingbox { display: flex; flex-direction: column-reverse; }
	.large-img { display:none; }
	
	.dealerbox { display: flex; flex-direction: column-reverse; width:100%; }
	.companylocations, .companypane { float:none; width: 100%;  padding:0!important; }
	.location-img { float:none; margin:auto; max-width: 100%; padding:0!important; }
	.company-img { max-height:100%; max-width: 100%; margin:auto; }
	.company-logo { max-height:100%; max-width: 100%; margin:15px auto 0 auto; }
	
} 


/* For devices with width between 481px and 768px, like larger phones and portrait tablets */
@media only screen and (min-width: 481px) {
	
} 

/* For devices with width between 769px and 1279px, like landscape tablets and laptops */
@media only screen and (min-width: 769px) {
	
} 

/* For devices with width of 1280px and more, like desktop computers */
@media only screen and (min-width: 1280px) {
	
}