* {
    font-family: 'Almarai', sans-serif;
}

/* Start Header   */


.mainHeader ul {
   margin-left: 0;
    margin-right: 15%;
}


.mainHeader div h1 {
left: 0;
    right: 20%
   
}


.mainHeader div button {
    
    left: 0%;
   right: 20%;

}

.mainHeader div button:focus {outline:0;}

.mainHeader div button span:after {
    right: 0;
    left: -100px
    
 

}

.mainHeader div button:hover span {
    padding-right: 0;
    padding-left: 25px;
    
}

.mainHeader div button:hover span:after span:focus{
    opacity: 1;
    right:0;
    outline-color: none
        


}


.mainHeader div p {
    
    left: 0%;
    right: 60%;
    
    line-height: 28px;
}

/*------------------------*/

/* Start main content */

.mainContent .founder article {
    
    float: left;

}

/* End Main Content */


/* Start Contact us */

.coltwo  i {
    padding-right: 0;
    padding-left: 50px
}



input[type=submit] {

  float: left;
}


.col-25 {
  float: right;
  width: 35%;
  margin-top: 6px;
}

.col-75 {
  float: right;
  width: 65%;
  margin-top: 6px;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}
/* End Contact US */


/* Start Media */


/***************  Smallest viewport to 425 ******************/

/* Start Header */

@media(max-width:767px) {
   
    
    .navbar.responsive li {
        text-align: right;
    }

    .navbar span {
        float: left
    }
   
    

    .mainHeader div p {

       
        left: 0;
        right: 2%;
        width: 95%;
        line-height: 25px
        
    }


}

/* End Header */


/* Start main Content */
@media(max-width:767px) {

   
   

    .mainContent .founder article {
  
        float: none;
       

    }
    

}
    
/* End Main Content */

/*********** medium **************/
/* Header */
    
@media(min-width:768px) and (max-width: 1024px) {
    
.navbar.responsive li {
        text-align: right;
    }

    .navbar span {
        float: left
    }
   .mainHeader div button {
    top: 50.5%;
   

}
     .mainHeader div p {
       top:56%;
        left: 0;
         right: 10%;
       
    }


    
}


/* End Header */
    
/* Main content */
   @media(min-width:768px)  and (max-width: 1024px) {

   

    .mainContent .founder article {
  
        float: none;
       

    }
       
       .mainContent .founder article p {
    overflow-y: auto;
    height: 200px;
   
}

}