@media only screen and (min-device-width: 250px) and (max-device-width: 700px) and (orientation: portrait) {
  .navbar {
    margin-left: 0 !important;
  }
  .aboutusicons {
    margin-left: 0% !important;
  }
  .aboutusicons img {

    width: 12% !important;
  }
  .gmap_canvas {

    margin-left: 0% !important;
  }

  .form{
    margin-left: 4% !important;
  }
  .aboutusbk {
    display: none;
  }
  .maph {
    text-align: center;
    font-size: 40px !important;
    color: #B20925 !important;
    position: relative !important;
    margin-left: 0% !important;
    margin-bottom: 5% !important;
  }
 }
.hov li{
color: white;
background-color: #B20925;
}


.aboutus-section-one {
width: 100%;
background-size: cover;
margin-top: 30%;
}

iframe{
width: 100%;
}
.gmap_canvas
{
  margin-top: 10%;
}
  
.maph
{
  position: absolute;
  margin-left: 37%;
  margin-top: 24%;
font-size: 50px;
color: white;
font-family:'Lato',sans-serif;
  }

  .vectoricon{

    position: absolute;
    margin-left: 83%;
    top: -10%;
    width: 4%;
    z-index: 3;
  }
  
  .aboutusbk {
    position: absolute;
    z-index: -4;
    top: 50%;
    }
    
.form
{
  display: block;

  margin-left: 38%;
  width: 300px;
  height: 440px;
background-color: white; 
 border-radius: 30px 0px 30px 0px;
  box-shadow: 20px 20px 60px #B20925;
  padding: 20px 30px;
  font-family: 'Lato', sans-serif;
}
.contacth{
  margin:10px 0;
    padding-bottom:10px;
    width:180px;
    color:#B20925;
    border-bottom:3px solid #B20925;
}
input {
    width:100%;
    padding:10px;
    box-sizing:border-box;
    background:none;
    outline:none;
    resize:none;
    border:0;
    font-family:'Montserrat',sans-serif;
    transition:all .3s;border-bottom:2px solid #bebed2}
input:focus {
    border-bottom:2px solid #78788c}
p:before {content:attr(type);
    display:block;
    margin:28px 0 0;
    font-size:14px;
    color:#1B1C31}
button  {
    float:left;
    padding:8px 65px
    ;margin:8px 0 0;
    font-family:'lato'!important;
    font-weight: 400 !important;
    background:#B20925 !important;
    color:white !important;
    cursor:pointer;
    transition:all .3s}
button:hover {
    background:#B20925;
    border:2px solid white;
    color: #white;
}
.aboutusicons {
    width: 90%;
    margin-left: 18%;
    margin-bottom: 10%;

  }
  .aboutusicons img {
    width: 4%;
  
  }
  .aboutusicons li {
    display:flex;
  }
  .aboutusicons h3 {
    text-align: left;
    font-family:'Lato';
    font-size: 25px;
    font-weight: 800;
    margin-left: 2%;
  }
  .aboutusicons p {
    width: 250px;
    font-family:'Lato';
    font-size: 20px;
    font-weight: 400;
  }
  .iconsab {
    display: block;
    margin-top: 8%;
    text-align: center;
    color: #B20925;
    font-family:'Lato', sans-serif;;
    font-weight: 800;
    font-size: 60px;
  }
/* Set the size of the div element that contains the map */