/*------------------------------------------------------------------
[Stylesheet]
Responsiveness Fixes
-------------------------------------------------------------------*/

@media (max-width: 479px) {
	
	#main_content {
		margin-right:15px;
	}
	
	.container {
		padding-left: 0;
		padding-right: 0;
	}
	
	#message h4{
    	font-size: 1.2rem;
    	line-height: 2.06rem;
	}
	
	#message {
		width:100%;
		margin: 0;
		max-height:100%;
		margin-left:-50%;
		margin-top:-50%;
	}
	
	h1 {
		letter-spacing: -0.10rem;
		font-size: 2.42rem;
		line-height: 2.86rem;
		margin: 1.72rem 0px 1.14rem 0px; 
	}
	
	.image_box{
		margin-top:2rem;
	}
	
	.features_image {
		padding:0;
		margin-bottom:3rem;
	}
	
	.more_info_intro,
	.reviews_intro {
		padding-right:0;
	}
	
	.owl-carousel {
		margin-top:2rem;
	}	
	
}

@media (min-width: 480px) and (max-width: 767px) {
	
	#message h4{
    	font-size: 1.2rem;
    	line-height: 2.06rem;
	}
	
	#message {
		width:100%;
		margin: 0;
		max-height:100%;
		margin-left:-50%;
		margin-top:-50%;
	}
	
	.image_box{
		margin-top:2rem;
	}
	
	.features_image {
		padding:0;
		margin-bottom:3rem;
	}
	
	.more_info_intro,
	.reviews_intro {
		padding-right:0;
	}
	
	.owl-carousel {
		margin-top:2rem;
	}	

}