@media (min-width: 992px) and (max-width: 1199px) {
    #hero .container-fluid {
        padding: 50px 100px;
        min-height: auto;
    }

    #story, #our-project, #contact-us, #partner, #vision, #permit, #join {
        padding: 50px 100px;
    }

    #gallery {
        padding: 50px 0;
    }

    #quote {
        padding: 0 150px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    #hero .container-fluid {
        padding: 50px 100px;
        min-height: auto;
    }

    #story, #our-project, #contact-us, #partner, #vision, #permit, #join {
        padding: 50px 100px;
    }

    #gallery {
        padding: 50px 0;
    }

    #quote {
        padding: 0 150px;
    }

    .logo-footer {
        padding: 30px 0;
    }

    .logo-footer img {
        max-width: 100%;
    }

    #shareholders {
        padding: 20px 0;
    }

    #header-our-services h1 {
        font-size: 2.5rem;
    }

    h1 {
        font-size: 2rem;
    }

    footer {
        padding: 50px 50px 0;
    }
}
@media (min-width: 576px) and (max-width: 767px) {
    #hero .container-fluid {
        padding: 30px 50px;
        min-height: auto;
    }

    #story, #our-project, #contact-us, #partner, #vision, #permit, #shareholders, #join {
        padding: 30px 50px;
    }

    #gallery {
        padding: 30px 0;
    }

    footer {
        padding: 50px 50px 0;
    }

    .logo-footer {
        padding: 40px 0;
    }

    .logo-footer img {
        max-width: 100%;
    }

    #quote {
        padding: 0 100px;
    }

    .text-quote {
        padding-right: 20px;
    }

    .text-percent:nth-child(even) {
        border-right: 0;
    }

    .text-percent:last-of-type, .text-percent:nth-child(3) {
        border-top: 1px solid #15141C;
    }

    #header-our-services h1 {
        font-size: 2.5rem;
    }

    h1 {
        font-size: 2rem;
    }

    .text-gallery {
        margin: auto;
        padding: 30px 55px 30px 0;
    }
}
@media (max-width: 575px) {
    #hero .container-fluid {
        padding: 20px;
        min-height: auto;
        background-position: center;
    }
    #story, #our-project, #contact-us, #partner, #quote, #vision, #permit, #shareholders, #join, .contact-left, .contact-right {
        padding: 35px 20px;
    }

    #gallery {
        padding: 35px 0;
    }

    h1, #header-our-services h1, #contact-us h1 {
        font-size: 2rem;
    }

    h5 {
        font-size: 1rem;
    }

    .column {
        -ms-flex: 100%;
        flex: 100%;
        max-width: 100%;
        padding: 0;
    }

    .img-contact, .text-gallery {
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        -ms-flex-order: 1;
        -webkit-order: 1;
        order: 1;
    }

    .label-contact, .text-quote {
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 2;
        -webkit-order: 2;
        order: 2;
    }

    .text-quote {
        padding-top: 20px;
        padding-right: 15px;
    }

    footer {
        padding: 35px 20px 0;
    }

    .logo-footer img {
        max-width: 200px    ;
    }

    .text-percent {
        border-right: 0;
        border-bottom: 1px solid #15141C;
    }

    .text-percent:last-of-type {
        border: 0;
    }

    #permit h1 {
        font-size: 2rem;
    }

    #join {
        background-position: 15% 0;
    }

    #contact-us h3 {
        font-size: 1.5rem;
    }

    .text-gallery {
        padding: 0;
    }
}