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

    width: 12% !important;
  }
  .gmap_canvas {

    margin-left: 0% !important;
  }

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

.hov li{
color: white;
background-color: #B20925;
}


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


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

  position: absolute;
  top:40%;
}
  .vectoricon{

    position: absolute;
    margin-right: 83%;
    top: -10%;
    width: 4%;
    z-index: 3;
  }
  
  .aboutusbk {
    position: absolute;
    z-index: -3;
    top: 50%;
    }
    
.form
{
  display: block;
  
  margin-right: 38%;
  width: 300px;
  height: 440px;
  z-index: 99;
  background-color: white; 
  border-radius: 30px 0px 30px 0px;
  box-shadow: 20px 20px 60px #B20925;
  padding: 20px 30px;
  font-family: 'Almarai', 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: 'Almarai', 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: 'Almarai', sans-serif;
    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%;
    direction: ltr;

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