.contact-banner-img{
	background-image: url(../images/contact-banner.jpg); 
}

.contact-heading{
	font-size: 25px;
    text-align: center;
	font-family: 'Raleway', sans-serif;
    font-weight: 100;
    color: #846837;
	text-transform: uppercase;
}

.sub-heading{
	font-size: 17px;
    text-align: center;
    font-family: 'Raleway', sans-serif;
    font-weight: 100;
    color: #846837;
}

.contact-form-text{
	font-weight: 100;
    font-size: 18px;
    font-family: 'Raleway', sans-serif;
    color: #846837;
	float: left;
}

.contact-form-pos{
	    margin-top: 5%;
    margin-bottom: 1.2%;
}

input, textarea{
	    border: 1px solid #de9e09a1;
}

.contact-form-send{
	padding: 2%;
    padding-left: 4%;
    padding-right: 4%;
    margin-left: 4%;
    margin-bottom: 1.7%;
    background-color: #cd2f2fd9;
    color: #fff;
    float: right;
    font-size: 20px;
	margin-right: 14px;
}

.dropdown-text{
	font-weight: 100;
    font-size: 18px;
    font-family: 'Raleway', sans-serif;
    color: #846837;
}

.contact-details{
	    margin-top: 38%;
    margin-bottom: 28%;
}

.laptop-screen{
		display :none;
	}
	
.width-set{
	width: 100% !important;
}

.text-area-pos{
	margin-left: 2%;
}
 

@media (max-width: 1370px) and (min-width: 1350px){ 
	.laptop-screen{
		display :block;
	}
	
	.big-screen{
		display :none;
	}
	
	.contact-form-pos{
		margin-bottom: 3.7%;
	}
	
	.contact-details {
		    margin-top: 39%;
    margin-bottom: 56%;
	}
	
	.contact-form-send{
		margin-bottom: 9.1%;
	}
}

@media only screen  and (max-width:449px) and (min-width: 401px){
	.recap-pos{
		 margin-top: 5%;
	}   
	
	.contact-form-send{
		float: none;
		margin-right: auto;
		text-align: center;
		padding-left: 10%;
		padding-right: 10%;
		margin-left: 36%;
		margin-top: 2%;
		margin-bottom: 4%;
	}
	
	.map-pos{
		margin-top: 4%;
		width: 108%;
		margin-left: -4%;
		z-index: 2;
	}
	
	.contact-details {
		margin-top: 3%;
		margin-bottom: 8%;
		padding-top: 1%;
		padding-bottom: 2%;
	}
	
	.contact-page-map{
		z-index: 1;
	}
}


/*Mobile - Start*/

@media only screen  and (max-width:400px) and (min-width: 350px){
	.contact-details{
		margin-top: 5%;
		margin-bottom: 5%;
		padding: 2%;
	}
	
	.contact-page-map{
		padding: 0%;
		margin-top: 5%;
		z-index: 1;
	}
	
	.mob-pos{
		margin-bottom: 3%;
		z-index: 2;
	}
	
	.recap-pos{
		float: none !important;
		margin-left: -13% !important;
		margin-top: 5% !important;
	}
}
/*Mobile - End*/


@media screen and (max-width: 800px) and (min-width: 450px){
	.contact-details {
		margin-top: 7%;
		margin-bottom: 7%;
	}
	
	.contact-bg{
		padding: 1%;
		margin-top: 3%;
	}
	
	.mob-pos{
		margin-bottom: 3%;
	}
}

@media (max-width: 1348px) and (min-width: 1250px){ 
	.captcha-pos{
		margin-left: -13%;
	}
	
	.contact-details {
		    margin-top: 44%;
    margin-bottom: 58%;
	}
	
	.contact-form-pos{
		margin-top: 8%;
	}
	
	.contact-form-send{
		margin-bottom: 7.5%;
	}
}

@media screen and (max-width: 1600px) and (min-width: 1400px){
	.contact-form-send{
		margin-bottom: 7.7%;
	}
	
	.contact-details {
		    margin-top: 44%;
    margin-bottom: 46%;
	}
}

@media (max-width: 350px){
	.contact-page-map{ 
		z-index: 1;
		padding: 0%;
	}
	
	.mob-pos{ 
		z-index: 2;
		    margin-bottom: 4%;
	}
	
	.recap-pos{
		float: none !important;
		margin-left: -36% !important;
		margin-top: 6% !important;
	}
	
	.contact-details {
		margin-top: 10%;
		margin-bottom: 8%;
	}
	
	.contact-bg{
		padding-top: 1%;
		padding-bottom: 1%;
	}
}