body{
  font-family: 'Titillium Web', sans-serif;
}
ul{
  list-style-type: none;
  padding-left: 10px !important;
}
/****** TOP Nav *****************/
.top_nav{
    background: #1d6170;
    text-align: right;
    padding: 6px 15px 5px 0px;
}
.a_mail,.a_mail:hover{
  color: #fff;
  text-decoration: none;
}
.t_i{
  padding-left: 20px;
  padding-right: 3px;
}
.logo{
    width: 355px !important;
  margin-top: 190px;
  margin-bottom: 350px;
}
.contact_box{
  width: 900px;
  border: 1px solid rgb(216, 216, 216);
  margin: auto;
  background: #fff;
  margin-top: 60px;
  padding: 50px 60px 20px 60px;
}
.heading{
  font-size: 33px;
  font-weight: 600;
  margin-top: 30px;
  text-align: center;
  color: #1d6170;
}
.cont_text{
  text-align: center;
  padding: 0px 70px ;
  font-size: 17px;
  margin-bottom: 20px !important;
}
.form_head{
  font-weight: 600;
  margin-bottom: 0px !important;
}
.cf{
  border-radius: 0px;
  border: 1px solid rgb(189, 189, 189);
}
.login_btn,.login_btn:hover{
  background: #1d6170;
  width: 150px;
  border-radius: 0px;
  margin-bottom: 20px;
  color: #fff;
}
.footer-img{
  width: 100%;
  margin-top: 100px;
}
.footer_bg{
  background: #0a282d;
  padding-bottom: 20px;
}
.copy{
  text-align: left;
  background: #051518;
  padding:15px 0px 15px 50px;
  color: #fff;
}
.footer_logo{
  width: 220px;
}
.li_head{
  font-size: 28px;
  color: #fff;
}
.footer-ul{
  margin-top:90px;
}
.li_text{
  text-align: justify;
  color: #fff;
  padding-right: 50px;
  margin-top: 5px;
}





@media only screen and (min-width: 280px) and (max-width:480px)
{
.logo {
  width: 240px !important;
  margin-top: 180px;
  margin-bottom: 250px;
}
.footer-ul {
  margin-top: 10px;
}
.footer_bg {
  padding-top: 60px;
}
.li_text {
  padding-right: 25px;
}
.li_head {
  font-size: 26px;
  color: #fff;
}
}

@media only screen and (min-width: 480px) and (max-width:576px)
{
  .logo {
    width: 240px !important;
    margin-top: 180px;
    margin-bottom: 250px;
  }
.footer-ul {
  margin-top: 10px;
}
.footer_bg {
  padding-top: 60px;
}
.li_text {
  padding-right: 25px;
}
.li_head {
  font-size: 26px;
  color: #fff;
}
}

@media only screen and (min-width: 576px) and (max-width:768px)
{
  .logo {
    width: 290px !important;
    margin-top: 150px;
    margin-bottom: 280px;
  }
.footer-ul {
  margin-top: 10px;
}
.footer_bg {
  padding-top: 60px;
}
.footer-ul {
  margin-top: 10px;
}
.footer_bg {
  padding-top: 60px;
}
.li_text {
  padding-right: 25px;
}
.li_head {
  font-size: 26px;
  color: #fff;
}
}
@media only screen and (min-width: 768px) and (max-width:991px)
{
  .logo {
    width: 310px !important;
    margin-top: 200px;
    margin-bottom: 290px;
  }
.footer-ul {
  margin-top: 10px;
}
.footer_bg {
  padding-top: 60px;
}
.li_text {
  padding-right: 25px;
}
.li_head {
  font-size: 26px;
  color: #fff;
}
}
@media only screen and (min-width: 1360px) and (max-width:2500px)
{
.logo {
  width: 355px !important;
}
}