@media screen and (max-width: 991px) {
    .custom{
        margin: 10px;
        width: 50% !important;
    }
    .mb-sm-100{
        margin-bottom: 100px !important;
    }
    .mb-sm-150{
        margin-bottom: 150px !important;
    }
}

@media screen and (max-width: 768px) {
    .custom{
        margin: 8px;
        width: 60% !important;
    }
    .mb-sm-150{
        margin-bottom: 150px !important;
    }
    .mb-sm--50{
        margin-bottom: -50px !important;
    }
    .mb-sm-100{
        margin-bottom: 100px !important;
    }
}

@media screen and (max-width: 540px) {
    .custom{
        margin: 5px;
        width: 65% !important;
    }

    .img-small{
        width: 512px !important;
    }
}

@media screen and (max-width: 440px) {
    .custom{
        margin: 5px;
        width: 70% !important;
    }
}

@media screen and (max-width: 340px) {
    .custom{
        margin: 3px;
        width: 75% !important;
    }
}

/* min-width */
@media screen and (min-width: 1120px) {
    .lg-text{
        font-size: 20px !important;
    }
}