@media (max-width: 455px) {
    .about .about-img:before {
        width: calc(100% - 40px) !important;
    }
    .about .about-details-img:before {
        right: 80px;
        top: 60px;
        width: calc(100% - 105px);
        height: calc(100% - 31px);
    }
}

@media (max-width: 991px) {
    #header .container {
        padding-bottom: 15px !important;
        padding-top: 5px !important;
    }

    #header .container .quote {
        margin-top: 15px;
    }
    #topbar .social-links {
        margin-top: 15px;
    }

    #topbar .contact-info {
        flex-direction: column !important;
    }

    #hero {
        height: 50vh;
    }

    #about .container .direction {
        flex-direction: column-reverse;
    }

    .about .content {
        margin-top: 20px;
    }

    .about .about-details-img:before {
        width: calc(100% - 130px) !important;
        height: calc(100% - 45px) !important;
    }


    #footer form {
        padding: 0 !important;
    }


}