*{
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}

#contact #pages-top{
    background: rgb(0,0,0);
/*    background: linear-gradient(356deg, rgba(0,0,0,0.9640231092436975) 0%, rgba(0,0,0,0.6755077030812324) 100%),url('../images/portfolio-1.jpg');*/
    width: 100%;
    height: 250px;
    background-size: cover;
    color: white;
    padding: 20px;
    background-position: center;
}


#contact #pages-top h1{
	font-weight: bold;
	padding-top: 80px;
}

#address-section{
	padding: 50px 0px;
}

#contact .contact-col-three{
    margin:30px 0px;
}

#contact .contact-col-three .card{
    padding: 50px 30px;
    background: #f5f5f5;
    border: none;
    cursor: pointer;
}
#contact .contact-col-three .card i{
    color: white;
    background: #FF8C00;
    font-size: 2rem;
    padding: 25px;
}
#contact .contact-col-three .card h5{
    font-weight: 600;
    margin-top:20px;
    letter-spacing: 0.70px;
}
#contact .contact-col-three .card p{
    color: #787c91;
    font-size: 0.85rem;
    letter-spacing: 0.60px;
}

/**** map section ***/

#contact #map-section iframe{
	border: none;
}

#contact #inquiry{
	width: 100%;
	height: auto;
	background: #FF8C00;
	padding: 40px 0px;
}
#contact #inquiry h4{
	color: #fff;
	font-weight: 600;
	font-size: 1.6rem;
}
#contact #inquiry button{
	padding: 12px 20px;
}
#contact #inquiry button a{
	color: white;
	text-decoration: none;
}
#contact #inquiry button:hover a{
	color: #252E3F;
}

#contact #contact-form-section{
	width: 100%;
	height: auto;
}

#contact #contact-form-section .r-section{
	background: linear-gradient(0deg, rgba(255,255,255,0.8631827731092436) 0%, rgba(255,244,238,0.6502976190476191) 100%),url('../images/webnew-images/contact/contact-1.jpg');
	width: 100%;
	height: auto;
	background-size: cover;
	object-fit: cover;
	padding: 70px 10px;
}
#contact #contact-form-section .r-section h3{
	font-weight: 600;
	padding-bottom: 15px;
	
}
#contact #contact-form-section .r-section ul li{
   color: #8c8c8c;
   font-size: 0.95rem;
   letter-spacing: 0.40px;
   padding-bottom: 5px;
   list-style: none;
}
#contact #contact-form-section .r-section ul li i{
	color: #8c8c8c;
	font-size: 1.1rem;
	margin-right: 10px;
}


#contact #contact-form-section .l-section{
   padding: 70px 100px;
}
#contact #contact-form-section .l-section h4{
	font-weight: 600;
	font-size: 1.4rem;
	padding-bottom: 20px;
}
#contact #contact-form-section .l-section p{
	color: grey;
}
#contact .contact-forms input{
	width: 100%;
	height: 40px;
	border: 1px solid #e5e5e5;
	background: #f7f7f7;
}
#contact .contact-forms textarea{
	border: 1px solid #e5e5e5;
	background: #f7f7f7;
}
#contact .contact-forms input,textarea::placeholder{
	font-size: 0.90rem;
}
#contact .contact-forms button{
	padding:10px 0px;
	background: #FF8C00;
	border: none;
}
#contact .contact-forms button:hover{
	background: #232c3d;
}







/***** Mobile*******/
@media only screen and (max-width: 600px){
	#contact #inquiry{
		width: 100%;
		height: auto !important;
	}
	#contact #inquiry h4{
		color: #fff;
		font-weight: 600;
		font-size: 1.2rem;
		padding-top: 40px 0px;
	}
	#contact #inquiry button{
		padding: 9px 15px !important;
		margin: 10px 0px;
	}
	#contact .enquiry-btn{
		display: flex;
		justify-content: center !important;
	}

	/**** Contact form inut section ***/
	 #contact #contact-form-section{
	 	height: auto !important;
	 }
    #contact #contact-form-section .l-section{
	   padding: 40px 20px;
	   width: 100%;
	   height: auto !important;
	}

	#contact #contact-form-section .l-section h4{
		font-weight: 600;
		font-size: 1.6rem;
		text-align: center;
	}
	#contact #contact-form-section .l-section p{
		font-size: 0.90rem;
		text-align: center;
		padding-bottom: 20px;
	}
    
    #contact #contact-form-section .r-section{
		width: 100%;
		height: auto !important;
	}

}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
	#contact #inquiry{
		width: 100%;
		height: auto  !important;
	}
	#contact #inquiry h4{
		color: #fff;
		font-weight: 600;
		font-size: 1.2rem;

	}
	#contact #inquiry button{
		padding: 9px 10px !important;
		margin-top: 10px;
	}

	#contact .enquiry-btn{
		display: flex;
		justify-content: center !important;
	}
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
   #contact #inquiry{
		width: 100%;
		height: auto  !important;
	}
	#contact #inquiry h4{
		color: #fff;
		font-weight: 600;
		font-size: 1.2rem;
		padding-top: 20px;
	}
	#contact #inquiry button{
		padding: 9px 7px !important;

	}
	#contact .enquiry-btn{
		display: flex;
		justify-content: center !important;
	}

	/** contact form***/
	 #contact #contact-form-section .l-section{
	   padding: 30px 20px;
	   width: 100%;
	   height: auto !important;
	}
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
	#contact .enquiry-btn{
		display: flex;
		justify-content: left !important;
	}

}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {

	/** contact form***/
	 #contact #contact-form-section .l-section{
	   padding: 50px 50px;
	   width: 100%;
	   height: auto !important;
	}
	#contact #inquiry button{
		padding: 10px 15px !important;
	}
}