/*
Theme Name: Salem
Theme URI: http://salem.senorthemes.com/
Author: SeñorThemes
Author URI: http://senorthemes.com/
Description: UI Flat design Single Page site.
Version: 1.5.8
License: 
Tags:  responsive-layout, custom-background, custom-menu, editor-style, featured-images, flexible-header, full-width-template, theme-options
License URI:
Text Domain: salem

*/

/*
.single-brand{
	height: 0;
	width: 25%;
	padding-bottom: 25%;
}
*/

.single-brand-container{
	float:left;
}

.single-brand{
	width: 100%;
	height: 100%;
	max-height: initial;
}

.brand-wrapper img{
	height:initial;
}


@media(max-width:767px){
	.sti-menu li{
		padding-bottom: 50%;
		min-width: 50%;
		width: 50%!important;
	}
	body.home .intro:not(.two-third-header) {
		min-height: initial;
	}


	.sti-menu li{
		min-height:initial;
		position:relative;
	}

	.sti-menu li .inner-box{
	min-height:initial;
		position:absolute;
		margin: 0!important;
		padding: 0!important;
	}

	.sti-icon-top{
		top: 30%;
	}

	.sti-menu li .inner-box h3{
		top:55%;
	}

	.inner-box .sti-text{
		top: 60%;
	}

	.single-brand-container{
		height:100vw;
		width:100vw;
		max-width:100%
	}
}

@media(min-width:768px){
	/*.sti-menu li{
		padding-bottom: 33.33%;
		min-width: 33.33%;
		width: 33.33%!important;
	}*/
	.single-brand-container{
		height:33vw;
		width:33vw;
		max-width: 33%;
	}
}

@media(min-width:992px){
	/*.sti-menu li{
		padding-bottom: 25%;
		min-width: 25%;
		width: 25%!important;
	}*/
	.single-brand-container{
		height:33.3vw;
		width:33.3vw;
		max-width:33%
	}

}
@media(min-width:1200px){
	.single-brand-container{
		height:25vw;
		width:25vw;
		max-width:25%
	}
}