html, body
{
    position:fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow-x: hidden; 
}


.container {
position: relative;
width: 100%;

}

.container img {
width: 20%;
height: auto;
min-width: 10%;
min-height: auto;
background-repeat: no-repeat;
background-size: cover;
}

.flex-container {
  list-style: none;
  display: flex;
}

.space-between {
  justify-content: space-between ;

}

.flex-item {
position: relative;
display: inline-flex;
background: transparent;
padding: 0px 0.8%;
width: auto auto;
margin: 0px;
line-height: 120%;
color: black;
font-family: verdana;
font-size: 1.8vw;
text-align: center;
cursor: pointer;
text-decoration: underline;
text-decoration-color: #ED1C1F;
overflow: hidden;
border: none;
-webkit-border-radius: 10vw;
border-radius: transparent;
right: 0px;
left: 4%;
top: 38.5px;
}

.flex-item:hover {
  background-color: transparent;
  transition: all 0.3s ease 0s;
  opacity: 1;
  transform: translateY(-8px);
  }

   .title {
   position: relative;
   color: black;
   font-family: verdana;
   font-size: 2vw;
   text-align: center;
   margin: auto;
   text-decoration: underline;
   text-decoration-color: #ED1C1F;
   -webkit-border-radius: 3vw;
   top: -6.8vw;
   }

   .text {
   position: relative;
   color: black;
   padding-left: 11%;
   line-height: 32px;
   font-family: verdana;
   font-size: 30px;
   text-align: justify;
   text-justify: inter-word;
   margin: auto;
   text-indent: 10%;
   }

  .ostext {
    font: serif;
    font-size: 1.7vw;
    text-align: center;
    margin: auto;
    margin-top: -6vw;
  }

.tel{
position: relative;
background: transparent;
width: auto;
margin: 0;
line-height: 20px;
color: black;
font-family: verdana;
font-size: 1.6vw;
left: 15%;
text-decoration: underline;
text-decoration-color: #ED1C1F;
overflow: hidden;
-webkit-border-radius: 2vw;
}

.textstyle{
  font-family: verdana;
  font-size: 1.4vw;
  overflow: hidden;
  position: relative;
  text-decoration: underline;
  text-decoration-color: #ED1C1F;
}

.contactstyletext{
  font-family: verdana;
  font-size: 1.2vw;
  overflow: hidden;
  position: relative;
  color: #5F6C74;

}

.columnL{
  float: left;
  width: 33%;
  text-align: center;

  -webkit-column-rule: 5px #ED1C1F;
  -moz-column-rule: 5px #ED1C1F;
  column-rule: 5px #ED1C1F;
 }
.columnR{
   float: right;
    width: 31%;
     text-align: center;
   }
.columnC{
   display: inline-block;
    width: 33%;
    text-align: center;
  }


  .colman {
    float: left;
    display: flex;
    width: 50%;
    padding: 2%;
  }

  .row:after {
    content: "";
    display: table;
    clear: both;
  }

  .contactimage {
    display: flex;
 justify-content: center;
  }

@media(max-width:1080px) {

    .container img {
        display: block;
  margin-left: auto;
  margin-right: auto;
        max-width: 40%;
        max-height: auto;
        width: 40%;
        height: auto;
        min-width: 30px;
        min-height: auto;
        
    }

}



@media(max-width:1080px) {

    .title {
        position: relative;
   color: black;
   font-family: verdana;
   font-size: 3vw;
   text-align: center;
   margin: auto;
   text-decoration: underline;
   text-decoration-color: #ED1C1F;
   -webkit-border-radius: 3vw;
   top: 2vw;
        
    }

}

@media(max-width:1080px){
    
    .contactimage{
        position: relative;
  margin-left: auto;
  margin-right: auto;
  height: auto;
  width: auto;
      
    }
    
}

@media(max-width:1080px){
    
    .textstyle{
        font-size: 3.3vw;
    }
    
}

@media(max-width:1080px){
    .contactstyletext{
        font-size: 2.5vw;
    }
}

@media screen and (max-width: 1080px) {
  .colman {
    width: 100%;
  }
}

@media screen and (max-width: 1080px){
    .text {
        font-size: 2.2vw;
        padding-right: 11%;
   
   }

}

@media screen and (max-width: 1080px) {
  .columnL {
    width: 100%;
  }
}
@media screen and (max-width: 1080px) {
  .columnR {
    width: 100%;
  }
}
@media screen and (max-width: 1080px) {
  .columnC {
    width: 100%;
  }
}



@media(max-width:1080px) {
    .buttons {
        margin-top: 10%;
        position: relative;
        display: block;
        font-size: 10vw;
        padding: 3px;
        margin-right: 10%;
        top: 50%;
        left: 50%;
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        text-align: center;
    }
}

/*new styles */

.buttons button {
  white-space: nowrap;
   text-align: center;
  background-color: white;
  border: 0;
  color: black;
  padding: 20px;
  cursor: pointer;
    position: relative;
  font-size: 1.6vw;
  vertical-align: top;
  font-family: Tahoma;
  text-decoration: none;
}

.buttons button:not(:last-child) {
  border-right: none;
}

.buttons:after {
  content: "";
  clear: both;
  display: table;
}

.buttons:hover {
  color: #D81921;
  background-color: transparent;

  }


  .buttonsparent {
  display: flex;
}

.buttonscenter {
  justify-content: center;
 
}



.buttondubai {
  background-color: #4CAF50;
  border: none;
  color: white;
  padding: 5px;
  text-align: center;
  text-decoration: none;
  font-size: 1.6vw;
  display: block;
  margin: auto;
  transition-duration: 0.4s;
  cursor: pointer;
  
}

.buttondubai1 {
  background-color: white;
  color: black;
  border: 3px solid #4CAF50;
}

.buttondubai1:hover {
  background-color: #74ABE1;
  color: white;
}

.dubaititle {
  font-family: Verdana;
  padding: 1px 10px;
  font-size: 1.8vw;
   text-align: center;
  border: 0;
  color: black;
  margin: auto;
  text-decoration: underline;
  text-decoration-color: #ED1C1F;
  -webkit-border-radius: 3vw;
    position: relative;

}

   .mainpagetext {
     line-height: 100%;
   }
   .mainpagetext2 {
  margin-right: 3%;
}

 .mainpagetext3 {
  text-align: left;
}



.colmanL {
    float: center;
    width: 50%;
  }
 

  .row:after {
    content: "";
    display: table;
    clear: both;
  }
  


.responsivemainpage{
    -webkit-columns: 2 20%;
  -moz-columns: 2 20%;
  columns: 2 20%;
}



@media only screen 
    and (min-device-width : 48rem) 
    and (max-device-width : 64rem) {
    
    
    .tabletpicture{
        max-height: 100%;
        width: auto;
         margin-left: auto;
  margin-right: auto;
  
    }
    }

@media only screen and (max-width: 47rem) {
  
  .buttons button {
    font-size: 3.8vw;
    padding: 5px 12px;
        text-decoration-color: #EE1C25;
  }}

  
 


    
    .medium {
        font-size: 1.8vw;
        display: block;
        margin: auto;
        cursor:pointer;
        
    }
    
    /*phone styles */
    
@media (max-width: 480px) {
  .phonetext {
    font-size: 20px;
  }
}     


      @media all and (max-device-width: 720px){
    .buttondubai {
        font-size: 4vw;
    }
}

@media all and (max-device-width: 640px){
    .buttondubai {
        font-size: 4vw;
    }
}

@media all and (max-device-width: 320px){
    .buttondubai {
        font-size: 4vw;
    }
}