/* Mobile styles */
main{
	margin-bottom: -30px;
}

.lm-header{
	height: 156px;
	line-height:156px;
	background: url(/applications/default/media/images/learn_more/header.jpg);
	background-size: cover;
	
	color: #fff;
	text-align:center;	
	margin-top: -10px;
}

.lm-header h1{
	margin: 0 0 .6em 0;
	font-size: 24px;
}

.lm-header-content{
	display:inline-block;
	line-height:1.5em;
	vertical-align:middle;
	margin: 0 1.5em;
}

.lm-section{
	padding: 1px 15px 15px 15px;
	color: #535353;
}

.lm-section-back{
	background-color: #f5f7fa;
}

.lm-section.lm-reviews-section{
	font-size:16px;
	color: #555555;
	/*padding: 1px 0 15px 0;*/
}

.lm-section.lm-reviews-section h2{
	color: #555555;
}

.lm-section.lm-reviews-section .directory-cta{
	margin: 1em 15px;
}

.lm-section h2{
	text-align:center;
	margin: 2em 1em 1em 1em;
}

.lm-step{
	text-align:center;
}

.lm-step-label{
	font-size:18px;
}

.lm-step-number{
	display:inline-block;
	line-height:32px;
	width:32px;
	text-align:center;
	background-color:#fd9137;
	border-radius:6px;
	margin-right:.5em;
}

.lm-section img{
	max-width:100%;
	height: auto;
	border-radius: 10px;
}

img.mt-fa {
	height: 1em;
}

.directory-cta .mt-button{
	display:block;
}

.directory-cta.text-center {
	text-align: center;
}

.lm-round-ol{
	padding:0;
}

.lm-round-ol li{
	margin: .7em 0 .7em 2.5em;
	position: relative;
	list-style-type: none;
}

.lm-round-ol .lm-round-ol-number{
	left: -2.5em;
	top: -.25em;
	position: absolute;
	display:block;
	font-weight:bold;
	border:2px solid #fd9137;
	border-radius:50%;
	width:24px;
	height:24px;
	line-height:24px;
	text-align:center;	
}

.lm-disclamer{
	background: #EBEEF5;
	border-radius: 6px;
	padding:12px;
	text-align:center;	
}

.lm-disclamer img{
	border-radius:0;
	display:block;
	margin: 0 auto;
}

.lm-content-image-mobile{
	margin: 0 auto;
	display:block;
}

.lm-content-image-right,
.lm-content-image-left{
	display:none;
}

.lm-who-section{
	text-align:center;
}

.lm-section.lm-who-section h2{
	margin: 1em 1em .5em 1em;
}

.lm-who-items{
	padding:0;
	display:flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-around;
	align-items: flex-start;
}

.lm-who-item{
	display: inline-block;
	list-style-type: none;
	padding: 12px 0;
	flex: 0 1 40%;
	max-width: 167px;
}

.lm-who-item img{
	border-radius: 10px;
	margin-bottom: 10px;
	max-width:100%;
	height:auto;
}

.lm-section.lm-who-section .directory-cta{
	margin: 1em 0;
}

@media (max-width: 767px) {
	.lm-last-on-mobile{
		order: 10000;
	}
}

/* medium screen size */
@media (min-width: 768px) {
	main{
		margin-bottom: -50px;
	}

	.lm-header{
		height: 200px;
		line-height:200px;
	}
	
	.lm-header h1{
		font-size: 30px;
	}
	
	.lm-section h2{
		margin-bottom: 2em;
	}
	

	
	.directory-cta .mt-button{
		display:inline-block;
	}
	
	.swipe_view_dots{
		display: none;
	}
	
	.swipe_view_items{
		display: flex;
	}
	
	.swipe_view_item{
		display: block;
		flex: 1 1;
	}
	
	.lm-step{
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		padding: 0 1em;
	}
	
	.lm-step img{
		order: -1;
		display:block;
		margin: 0 auto;
	}
	
	.lm-step-number{
		display:block;
		margin: 0 auto 1em auto;
	}
	
	.lm-step-label{
		margin: 1em auto 0 auto;
	}
	
	.lm-content-image-mobile{
		display:none;
	}
	
	.lm-content-transform{
		display:flex;
		flex-wrap: wrap;
		align-items: center;
		padding: 0 1em;
		justify-content: space-between;
		align-items: top;
	}
	
	.lm-section .lm-content-transform h2,
	.lm-section .lm-content-transform h3{
		margin: 0 0 .3em 0;
		text-align:left;
	}
	
	.lm-content-transform .lm-content-image-right,
	.lm-content-transform .lm-content-image-left{
		display:block;
		flex: 1 0 auto;
		max-width:45%;
	}
	
	.lm-content-transform .directory-cta{
		text-align:left;
		margin: 1em 0 0 0;
	}
	
	.lm-content-text{
		flex: 0 1 50%;
		
	}
	
	.lm-disclamer{
		flex: 1 0 auto;
	}
	
	.lm-disclamer img{
		display:inline-block;
		vertical-align:bottom;
	}
	
	.lm-section{
		padding: 40px 20px;
	}
	
	.lm-content{
		max-width: 1024px;
		margin: 0 auto;
	}
	
	.lm-round-ol li {
		margin: 1.5em 0 1.5em 2.5em;
	}
	
	.lm-who-items{
		margin-top:1.5em;
	}
}

/* big screen size */
@media (min-width: 1280px) {
	.lm-header{
		height: 360px;
		line-height:360px;
	}
	
	.lm-header h1{
		font-size: 36px;
	}
	
	.lm-section{
		padding: 40px 20px;
	}
	

	
	
}