@media only screen and (max-width: 480px) {
 .site-logo{
         max-width: 26%;
    position: absolute;
    top: -10px;
    left: 20px;
    border: 3px solid #be1403;
    border-radius: 50%;
 }
 
 .hero {
               position: relative;
    background: url('../images/mobile-banner.png') no-repeat;
    background-position: center center;
    background-size: cover;
    padding: 202px 0 102px;
    margin-top: 64px;
        
    }
    
        .section-title h1 {
        font-size: 25px;
    }
        .section-title h2 {
        font-size:36px;
    }
    
        .best-services-box {
        margin-top: -22px;
        padding: 20px;
        gap: 20px;
    }
    
    
        .about-img-2 {
        max-width: 100%;
        margin: 0 auto;
        margin-right: 0px;
        margin-top: 0px;
        margin-bottom: 27px;
    }
    
    .bg-image{
    background: none;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    padding: 25px 0;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}


.res-p{font-size:18px; text-align:justify;}


.about-contact-box{display:none;}

    .about-us-body {
        padding: 8px;
        gap: 20px;
        width: 53%;
        margin-left: 88px;
    }
    
    .btn-default {font-size:19px;}
    .service-content h3 {
        font-size: 24px;
    }
    
    .footer-contact-details {
  
    border-top-right-radius: 0px;
    border-bottom-right-radius: 28px;
}
 
 .res-col-1{width:45%;}
 .res-col-2{width:53%;}
 
 .popup-content{margin:25px;}
    .contact-form .form-control {padding: 10px 15px;}
 .mb-4 {margin-bottom: 13px !important;}
 
 .page-header-box {margin-left: -0px;text-align: start;}
 .ml-res{margin-left: -255px!important;}
 .ml-res2{margin-left: -233px!important;}
     .section-title p {margin-top: 10px;text-align: justify;font-size: 19px; }
 .res-abt-img{display:none;}
 
 .res-client-ml{margin-left: 0px;}
 .clients li {
    height: 168px;
    margin: 14px 11px;
    width: 168px;
    display: inline-block;
    cursor: pointer;
}

.res-mb{margin-bottom:36px;}

.res-container{ box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
    padding: 39px 18px;}
    
    .res-wh{ width: 100%!important;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    height: 100%!important;} 
    
    
    .certi-container{ max-width: 100%;
    margin-left: 0px;}
 
 .certificate-img {
    width: 95%;
    height: 95%;
    margin-bottom: 45px;
    margin-left: 9px;
    margin-top: 36px;
}

.res-breadcrumb {
    margin-left: 8px;
    font-size: 24px !important;
}

    .page-service-single {
        padding: 2px 0;
    }
}