#banner {background:url(../images/contact.jpg)  0px no-repeat; background-position:100% 100%; height:520px;}

#banner .box{margin: auto; padding: 10px; background: rgba(0, 0, 0, 0.39);

width: 37%;  margin-top: 26%; }





#banner  h2{  

    color: #fff;

    font-weight: 600;

    font-family: helvetica,sans-serif;

    text-align: center;margin-top: 0px;margin-bottom: 0px;}



#banner  p{color:#fff; width: 100%;font-size: 18px;}

#banner .container-fluid{width: 88%;}





#top-content {

    position: absolute;

    z-index: 9;

    width: 100%;

    background: rgba(255, 255, 255, 0.8);

    height: 60px;

    margin-top: 3%;

}











#contact1 .container-fluid{width:60%;}

#contact1 p{ font-size:19px;font-family: 'roboto-medium', Arial, sans-serif;     line-height: 28px;text-align:center;margin:auto; width:60%; color:#3d8b4d;}

#contact1  {margin-top:100px;}

#contact1  h2{text-align:center;font-size:30px; color:#414141; font-weight:600; text-transform:uppercase; font-family: 'roboto-medium', Arial, sans-serif; }

#contact-content  h4{ color:#7d7d7d; font-weight:600;font-family: 'roboto-medium', Arial, sans-serif;}

#contact-content {margin-top:35px;    background: url(../images/su-bg.png)   center no-repeat;}

#contact-content .container-fluid{width:60%}

#contact-content h2{font-size:18px; color:#3d8b4d;  font-weight:600;font-family: 'roboto-medium', Arial, sans-serif; }

#contact-content .cent h2{font-size:18px;margin-bottom:30px; color:#3d8b4d; text-align:center; font-weight:600;font-family: 'roboto-medium', Arial, sans-serif; }

#contact-content h3{font-size:18px ;color:#414141;font-weight:500;font-family: 'roboto-medium', Arial, sans-serif;}







#quik .container-fluid{width:60%;}

#quik h2{font-size:18px;text-transform:uppercase; font-family: 'roboto-medium', Arial, sans-serif;}



input[type=file]{display: none;}

.input-group{padding-bottom: 10px;}






input[type=email]{

    width: 100%;

    padding: 12px;

    border: 1px solid #ccc;

    border-radius: 4px;

    box-sizing: border-box;

    margin-top: 6px;

    margin-bottom: 16px;

    resize: vertical;

}






input[type=text], select, textarea {

    width: 100%;

    padding: 12px;

    border: 1px solid #ccc;

    border-radius: 4px;

    box-sizing: border-box;

    margin-top: 6px;

    margin-bottom: 16px;

    resize: vertical;

}



input[type=submit] {

    background-color: #4CAF50;

    color: white;

    padding: 12px 60px;

    border: none;

    border-radius: 4px;

    cursor: pointer;
    float: right;

}



input[type=submit]:hover {

    background-color: #45a049;

}



#keepin.btn:hover{ background: #313335; cursor:pointer;}

.pull-right {

    

}



.pull-right{float:none!important;}



#keepin .container-fluid{width:60%;}

#keepin h2{font-size:25px; font-weight:600;padding-bottom:10px; color:#414141;}

#keepin {margin-bottom:100px;margin-top:35px;}





.map {}































@media only screen and (min-width : 1920px) and (max-width : 2560px){}

@media only screen and (min-width : 1600px) and (max-width : 1919px){



	#banner .box{width: 45%;margin-top: 19%;}

	

}

@media only screen and (min-width : 1440px) and (max-width : 1599px){

	#contact1 p{width:70%;}



	#top-content{margin-top: 4%}

#banner .box{width: 50%; margin-top: 20%;}

	

	

}

@media only screen and (min-width : 1366px) and (max-width : 1439px){

	#contact-content p{font-size:14px; margin-bottom: 0px;}



	#contact1 h2{font-size:25px;}

	#contact1 p{font-size: 16px;}



	#top-content{margin-top: 5%}

#banner .box{width: 52%; margin-top: 38%;}
#contact-content .container-fluid{width: 75%;}
#keepin .container-fluid {
    width: 75%;}
    #contact-content h2{    font-size: 20px;}
    #contact-content .line p{line-height: 20px;}
	#contact-content .cent h2{    font-size: 24px;}


	

}



@media only screen and (min-width : 1200px) and (max-width : 1365px){

	

	#contact1 p{width:73%;}

	#keepin {margin-bottom: 100px;}

	#contact1 {margin-top: 100px;}

	 

	 #banner .box{width: 60%;margin-top: 43%;}

#top-content{margin-top: 5%;}
#contact-content .container-fluid{width: 80%;}

}

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

	#banner p{width:95%;}

	#contact1 {margin-top: 100px;}

	#contact1 p{width:95%;}

	#contact1 p{margin-bottom:90px;}

	

	#banner .box{width: 71%;margin-top: 50%;}

#top-content{margin-top: 6%}
#contact-content .container-fluid{width: 90%;}

	

}

@media only screen and (min-width : 768px) and (max-width :1023px){



	#banner p{width:100%;}

	#contact1 p{width:100%;}

	#contact1 {margin-top: 70px;}

	#keepin {margin-bottom: 80px;}

	

	#banner .box{width: 100%;margin-top: 68%;}

#top-content {margin-top: 8%; height: 50px;}
#contact-content h2{text-align: center;}
#contact-content h4{text-align: center;}
#contact-content p{text-align: center;}
#contact-content h3{text-align: center;}
#keepin h2{text-align: center;}

input[type=submit]{padding: 10px 25px;}
	

}

@media only screen and (min-width : 150px) and (max-width : 767px){



#top-content {height: 53px; margin-top: 7%;}


#contact-content h2{text-align: center;}
#contact-content h4{text-align: center;}
#contact-content p{text-align: center;}
#contact-content h3{text-align: center;}


#banner .box{width:100%;margin-top: 75%;}

#banner h2{font-size:23px;}

#banner p{    display: none;width:100%;line-height:24px;font-size: 16px;}

#banner{height:350px;}







	#contact-content h2 {font-size: 15px;margin-top:0px;}

	

	#contact1 p{width:100%; text-align:justify;    font-size: 16px;    line-height: 24px;}

	#contact1 {margin-top: 30px;}

	#keepin {margin-bottom: 50px;}

	#contact1 h2{font-size:20px;}

	

	#contact1 .container-fluid {width: 90%;}

	#contact-content .container-fluid {

    width: 90%;}

	#keepin .container-fluid {

    width: 90%;}

	#keepin h2 {

    font-size: 20px; text-align: center;}

	#keepin .btn{height:40px;}

	#banner .container-fluid {width: 90%;}

input[type=submit]{margin-top: 20px;padding: 7px 137px;}


}













@media only screen and (max-width : 375px){

	

	#contact-content h2 {font-size: 13px;}

	#keepin h2 {font-size: 20px;}



	 #banner h2{font-size:20px;}

    #banner p{width:100%;line-height:24px;}

    #banner .box{margin-top:85%;}

input[type=submit]{    padding: 7px 120px;
}
	

	

}

@media only screen and (max-width : 320px){

	

 #banner h2 {font-size: 20px;}

    #banner p{line-height:24px;font-size:15px;}

    #banner .box {margin-top: 105%;}
    input[type=submit] {
    padding: 7px 98px;}

	

	

	

}