@media (max-width: 325.98px) {
    #hero .logo .col-md-3 {
        width: 50%;
    }
    #hero h1 {
        font-size: 25px;
    }
    h2 {
        font-size: 20px;
        line-height: 30px;
    }
    #sec-3 .one {
        order: 2;
    }
    #sec-3 .two {
        order: 1;
        padding-right: 12px !important;
    }
    #sec-4 .pe-5 {
        padding-right: 12px !important;
    }
}
@media (min-width: 325.99px) and (max-width: 375.98px) {
    #hero .logo .col-md-3 {
        width: 50%;
    }
    #hero h1 {
        font-size: 25px;
    }
    h2 {
        font-size: 20px;
        line-height: 30px;
    }
    #sec-3 .one {
        order: 2;
    }
    #sec-3 .two {
        order: 1;
        padding-right: 12px !important;
    }
    #sec-4 .pe-5 {
        padding-right: 12px !important;
    }
}
@media (min-width: 375.99px) and (max-width: 575.98px) {
    #hero .logo .col-md-3 {
        width: 50%;
    }
    #hero h1 {
        font-size: 26px;
    }
    h2 {
        font-size: 22px;
        line-height: 32px;
    }
    #sec-3 .one {
        order: 2;
    }
    #sec-3 .two {
        order: 1;
        padding-right: 12px !important;
    }
    #sec-4 .pe-5 {
        padding-right: 12px !important;
    }
}
@media (min-width: 575.99px) and (max-width: 767.98px) {
    #hero h1 {
        font-size: 38px;
    }
    h2 {
        font-size: 28px;
        line-height: 38px;
    }
    #sec-3 .one {
        order: 2;
    }
    #sec-3 .two {
        order: 1;
        padding-right: 12px !important;
    }
    #sec-4 .pe-5 {
        padding-right: 12px !important;
    }
}
@media (min-width: 767.99px) and (max-width: 991.98px) {
    #hero h1 {
        font-size: 37px;
    }
    h2 {
        font-size: 32px;
        line-height: 42px;
    }
    #sec-3 .col-md-5 {
        width: 100%;
        order: 2;
        margin-left: 0 !Important;
    }
    #sec-3 .col-md-6.two {
        order: 1;
        width: 100%;
        padding-right: 12px !important;
    }
    #sec-4 .col-md-5 {
        width: 100%;
        margin-left: 0 !important;
        order: 1;
    }
    #sec-4 .col-md-6 {
        width: 100%;
        order: 2;
    }
    #footer .col-md-3 {
        width: 50%;
    }
}
@media (min-width: 991.98px) and (max-width: 1199.98px) {
    #hero h1 {
        font-size: 48px;
    }
    h2 {
        font-size: 30px;
        line-height: 40px;
    }
    #sec-3 .col-md-5, #sec-4 .col-md-5 {
        margin-left: 0 !important;
        width: 50%;
    }
    #sec-4 .col-md-6.pe-5 {
        padding-right: 12px !important;
    }
    #footer .col-md-3 {
        width: 50%;
    }
}
@media (min-width: 1199.99px) and (max-width: 1399.98px) {
    #hero h1 {
        font-size: 58px;
    }
}
@media (min-width: 1399.99px) and (max-width: 1599.98px) {
    #hero h1 {
        font-size: 68px;
    }
}