@media only screen and (min-width:1200px) {
    .col-lg-1-5 {
        width: 20%;
    }
}

@media only screen and (max-width:1199px) {
    .looking-people .people-content-wrapper .main-content {
        max-width: 540px;
    }

    .heroes-app .heroes-app-content .app-content {
        max-width: 630px;
    }

    .footer-col.site-info {
        margin-right: 39px;
    }

    .footer-col.footer-links {
        padding-right: 62px;
    }

    .footer-col.footer-links::after {
        right: 33px;
    }
}

@media only screen and (max-width:991px) {
    .site-header .main-menu {
        display: none;
    }

    .site-header .header-info {
        display: none;
    }

    .menu-toggle {
        display: inline-block;
    }

    .site-header .header-wrapper {
        justify-content: space-between;
    }

    .site-header {
        padding: 15px 15px;
    }

    .home-banner .banner-content {
        padding-top: 28px;
    }

    .looking-people .people-content-wrapper .main-content,
    .looking-people .people-content-wrapper .people-img {
        max-width: 50%;
    }

    .people-content-wrapper .main-content p,
    .heroes-app .heroes-app-content .app-content p {
        font-size: 16px;
    }

    .heroes-app .heroes-app-content .app-content {
        max-width: 50%;
    }

    .footer-col.footer-contact {
        margin-top: 20px;
    }

    .footer-col.footer-links {
        padding-right: 112px;
    }

    .footer-col.footer-links::after {
        right: 53px;
    }

    .footer-col.site-info {
        margin-right: 79px;
    }

    .footer-col.footer-links:nth-child(3) {
        padding-right: 0;
    }

    .footer-col.footer-links:nth-child(3)::after {
        display: none;
    }

    .site-footer .footer-bottom {
        padding: 15px 0;
    }


}

@media only screen and (max-width:767px) {
    .home-banner {
        padding: 40px 0px 0px;
    }

    .home-banner .banner-content {
        padding-top: 0;
        margin-bottom: 40px;
    }

    .looking-people .people-content-wrapper .main-content,
    .looking-people .people-content-wrapper .people-img {
        max-width: 100%;
    }

    .looking-people .people-content-wrapper .people-img {
        margin-top: 20px;
    }

    .heroes-app .heroes-app-content {
        justify-content: center;
    }

    .heroes-app .heroes-app-content .app-content {
        max-width: 100%;
        margin-bottom: 40px;
        margin-left: auto;
    }

    .heroes-app {
        padding-top: 40px;
    }

    .app-track .form-control {
        padding: 20px 84px 20px 15px;
    }

    .app-track .btn-submit {
        right: 11px;
    }

    .footer-col.footer-links {
        padding-right: 0;
    }

    .footer-row {
        flex-direction: column;
    }

    .footer-col.footer-links::after {
        display: none;
    }

    .footer-col.site-info {
        margin-right: 0;
        max-width: 100%;
        flex: 0 0 100%;
    }

    .footer-col.footer-contact {
        max-width: 100%;
        flex: 0 0 100%;
    }

    .footer-col:not(:first-of-type) {
        margin-top: 25px;
    }

    .section-title h2 {
        padding: 0px 30px 15px;
    }
}