#hero.home {

	position: relative;

	background-repeat: no-repeat;

	background-size: cover;

	height: 675px;

	color: #fff;

	text-align: right;

	padding-top: 12%;

}

#hero.home h1 {

	font-weight: 300;

}

body:not(.rtl) #hero.home h1,
body:not(.rtl) #hero.home h2 {
    font-size: 60px;
}

#hero.home .subtitle {

	max-width: 670px;

	line-height: 1.25;

	margin-bottom: 30px;

}

#hero.home .blue-button {

	padding: 5px 50px;

	font-size: 24px;

	font-weight: 300;

}

#hero.home .blue-button:hover {

	background-color: transparent;

	border: 1px solid #fff;

}

@media (max-width: 1199px) {}



@media (max-width: 940px) {}





@media (max-width: 767px) {

	#hero.home {

		position: relative;

		background-repeat: no-repeat;

		background-size: cover;

	}

	#hero.home h1 {

		line-height: 0.65;

	}

	body:not(.rtl) #hero.home h1,
	body:not(.rtl) #hero.home h2 {
		font-size: 33px;
		line-height: 30px;
	}

}

body:not(.rtl) .site-width {
    text-align: left;
}

@media (max-width: 550px) {

	body:not(.rtl) .cases-slider .site-width h3, body:not(.rtl) .cases-slider .site-width a.other-cases {
		text-align: center;
		width: 100%;
		display: block;
		margin: 0;
	}

	#hero.home {

		padding-top: 37%;

		height: 425px;

	}

	body:not(.rtl) #hero.home {
		padding-top: 10%;
	}

	#hero.home .subtitle {

		max-width: 90%;

		margin-bottom: 23px;

	}

	#hero.home .blue-button {

		padding: 1px 33px;

	}

}

@media only screen and ( min-width: 1024px ) {

	body:not(.rtl) #hero.home {
		padding-top: 20%;
	}
}

@media only screen and ( min-width: 1650px ) {

	body:not(.rtl) #hero.home {
		padding-top: 15%;
	}
}