.repair{
    height: 400px;
    margin: 0%;
    background-image: url(../images/unlcok.png);
    background-position: cover;
    
}
.repair h1{
    margin: 0%;
    line-height: 400px;
    font-size: 70px;
    color: white;
    text-align: center;
}
.today{
    height: 400px;
}
.today h1{
    color: rgb(255, 123, 0);
    text-align: center;
    margin-top: 50px;
    font-family: sans-serif;
}
.today h2{
    text-align: center;
    font-weight: 5;
}
.box a{
    text-decoration: none;
    color: black;
}
.box {
    
    height: 150px;
    margin-left: 14%;
    margin-top: 40px;
    border-radius: 10%;
    text-align: center;
    float: left;
    width: 15%;
}
.call{
    text-align: center;
    height: 200px;
    

}
.call i{
    height: 50px;
    width: 50px;
    font-size: 50px;
    color: rgb(255, 123, 0);
    background-color: white;
    border-radius: 50%;
    border: 2px solid rgb(255, 123, 0);
    padding: 10px;
}
.ab{
    height: 900px;
    margin: 30px;
    text-align: center;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  
    
  }
 
  .ab img{
    margin-top: 30px;
    width: 90%;
  }
@media only screen and (max-width:800px) {
    .box {
    
        height: 200px;
        margin-left: 0%;
        margin-top: 40px;
        border-radius: 10%;
        text-align: center;
        float: left;
        width: 100%;
       
    }
    .today{
        height: 900px;
    }
    .ab{
        height: 1200px;
    }
}
@media only screen and (max-width:300px) {
    .ab{
        height: 1400px;
    }
}