@media (min-width: 320px) and (max-width: 480px) { 
    .navbar{
        background-color: var(--color-dark);
    }
    .caption{
        padding: 0 40px;
        top : 59%;
    }
    .custom-nav{
        top:54%;
    }
    .caption-heading{
        font-size: 2em;
        line-height: 1.4em;
    }
    .section-title{
        font-size: 1.6em;
    }
    .testimonial{
        max-width: 100%;
    }
    .contact-form {
        max-width: initial;
    }
    .foot-bottom-text,
    .footer .content-right{
        text-align: center;
    }
    .form-control  {
        margin: 0px auto;
        width: 88%;
    }
     .btn-primary {
         width: 88%;
            margin: 0px 23px;
     }
     .g-recaptcha{
         margin: 0px 25px;
     }
     .foot-logo {
        margin: 0px 12%;
        width: 300px;
        display:none;
         
     }
     .google-map {
    margin: 0px auto;
    width: 95%;}
    .social-links a{
            font-size: x-large;
    margin: 20px;
    }
}