@font-face {
    font-family: "myfont";
    src: url(../font/Montserrat-Medium.ttf);
}

/*********************************
5. Home
*********************************/

.home-img
{
	padding: 0;
	width: 100%;
	height: 580px;
}
.home-img h1{
	position: relative;
    top: 180px;
    color: #ffffff;
    right: 480px;
}
.background_image
{
	background-image:url(../images/contact_us.jpeg);
    width: 100%;
    height: 580px;
	background-repeat: no-repeat;
	background-size: cover;
	text-align: center;
}
/* ********************
	 Home Content
********************** */
.hr-line{
	background-color: #181818
}
.home-content{
	height: 580px;
	background-color: #80808033;
    margin: 30px 0 30px;
    box-shadow: 0 15px 30px #80808087;
}
.content-text{
	text-align: center;
	color: #181818;
	padding-top: 40px;
}
.content-text i{
	color: #1c91c6;
}
.contact-form {
	padding: 0 80px;
}
.contact-form button {
	margin-top: 20px;
    position: relative;
    left: 150px;

}
.contact-address {
	text-align: center;
	padding: 50px;
	color: #181818;
}
.cmpny-address {
	font-size: 25px;
}
.cmpny-phone {
	font-size: 25px;
}
.cmpny-mail {
	font-size: 25px;
}
.social-links a i{
	padding: 10px 20px;
	font-size: 30px;
	color: #181818;
}
 /* *******************
	   Map
******************** */

.map iframe{
	width: 100%;
    height: 400px;
}

/* *******************
	   Responsive
******************** */
@media(max-width:1600px){
	.home-img h1 {
		top: 260px;
	}
}
@media(max-width:1440px){
	.home-img h1 {
		right: 390px;
	}
}
@media(max-width:1199px){
	.home-img h1 {
		right: 300px;
	}
}
@media(max-width:1024px){
	.home-img h1 {
		top: 170px;
	}
	.home-img {
		height: 430px;
	}
	.contact-address {
		padding: 100px 50px;
	}
	.background_image {
		height: 380px;
	}
}
@media(max-width:980px){
	.contact-address {
		padding: 100px 25px;
	}
	.contact-form {
		padding: 0 30px;
	}
	.cmpny-phone {
		font-size: 20px;
	}
	.cmpny-mail {
		font-size: 20px;
	}
	.social-links a i {
		padding: 10px 10px;
	}
}
@media(max-width:800px){
	
	.home-img h1 {
		font-size: 35px;
		right: 230px;
	}
}
@media(max-width:640px){
	.background_image {
		background-image: url("../images/contact_us_2.jpg");
		height: 335px;
	}
	.home-img{
		height: 360px;
	}
	.home-img h1{
		right: 200px;
	}
	.contact-form {
		padding: 0;
	}
	.contact-address {
		padding: 100px 10px;
	}
	.cmpny-phone {
		font-size: 15px;
	}
	.cmpny-mail {
		font-size: 15px;
	}
	.social-links a i {
		font-size: 25px;
	}
}
@media(max-width:530px){
	.home-img h1 {
		font-size: 25px;
		top: 190px;
		right: 140px;
	}
	.home-content {
		height: 780px;
	}
	.contact-form button {
		left: 210px;
	}
	.contact-address {
		padding: 40px 10px;
	}
}
@media(max-width:480px){
	.contact-form button {
		left: 190px;
	}
	.background_image {
		/* height: 242px; */
		height: 300px;
	}
	.home-img h1 {
		top: 140px;
	}
	.home-img {
		/* height: 245px; */
		height: 305px;
	}
	.contact-form button {
		left: 190px;
	}
}
@media(max-width:414px){
	.background_image {
		/* height: 220px; */
		height: 255px;

	}
	.home-img h1 {
		top: 130px;
		right: 125px;
	}
	.home-img {
		/* height: 220px; */
		
		height: 255px;

	}
	.content-text > h1{
		font-size: 30px;
	}
	.contact-form button {
		left: 160px;
	}
}
@media(max-width:375px){
	.background_image {
		/* height: 190px; */
		height: 230px;
	}
	.home-img h1 {
		top: 110px;
		right: 100px;
	}
	.home-img {
		/* height: 190px; */
		height: 230px;
	}
	.content-text > h1{
		font-size: 25px;
	}
	.contact-form button {
		left: 125px;
	}
}
@media(max-width:320px){
	.background_image {
		/* height: 170px; */
		height: 245px;
	}
	.home-img h1 {
		/* top: 98px; */
		top: 140px;
		right: 75px;
	}
	.home-img {
		/* height: 170px; */
		height: 245px;
	}
	.contact-form button {
		left: 110px;
	}
}