/* @import url('http://example.com/example_style.css'); */


/***********************************************/


/* CSS @imports must be at the top of the file */


/* Add them above this section                 */


/***********************************************/


/*****************************************/


/* Start your style declarations here    */


/*****************************************/

div.banner-content-inner {
	max-width: 100%;
}
div.banner-text p{

font-size: 24px;

}
a:focus {
	outline: none;
}

@media only screen and (max-width: 1021px) {
	div.banner-content-inner {
		max-width: 80%;
	}
}
@media only screen and (max-width: 2300px){
.banner-area .hs-container {

margin-left: 200px;
	margin-right: 200px;
}
}

@media only screen and (max-width: 1800px){
.banner-area .hs-container {

   margin-left: 100px;
    margin-right: 50px;
	
	}
}
@media only screen and (max-width: 957px) {
	div.grid-container2 {
		display: block;
	}
	div.margintop-40 {
		margin-top: 10px;
	}
}
@media (max-width: 767px)
.banner-content-inner {
	margin: 0 0;


}
@media only screen and (max-width: 991px){
main.grid-container1 {
    padding-left: 10px;
    padding-right: 10px;
}
#benefitIcons {
	margin-top: 80px;
}

.margintop-40 {
	margin-top: 40px;
	margin-right: 0px;
}