/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    /* utilities */
    .gap-md-0 {
        gap: 0;
    }
    .gap-md-8 {
        gap: 8px;
    }
    .gap-md-10 {
        gap: 10px;
    }
    /* end utilities */
    /* position */
    .top-md-0 {
        top: 0 !important;
    }
    .right-md-0 {
        right: 0 !important;
    }
    .left-md-0 {
        left: 0 !important;
    }
    .bottom-md-0 {
        bottom: 0 !important;
    }

    .top-md-5 {
        top: 5px !important;
    }
    .right-md-5 {
        right: 5px !important;
    }
    .left-md-5 {
        left: 5px !important;
    }
    .bottom-md-5 {
        bottom: 5px !important;
    }

    .top-md-10 {
        top: 10px !important;
    }
    .right-md-10 {
        right: 10px !important;
    }
    .left-md-10 {
        left: 10px !important;
    }
    .bottom-md-10 {
        bottom: 10px !important;
    }

    .top-md-15 {
        top: 15px !important;
    }
    .right-md-15 {
        right: 15px !important;
    }
    .left-md-15 {
        left: 15px !important;
    }
    .bottom-md-15 {
        bottom: 15px !important;
    }
    /* end position */

    /* font size */
    .text-md-2xs {
        font-size: 10px !important;
    }
    .text-md-xs {
        font-size: 12px !important;
    }
    .text-md-sm {
        font-size: 14px !important;
    }
    .text-md-base {
        font-size: 16px !important;
    }
    .text-md-lg {
        font-size: 18px !important;
    }
    .text-md-xl {
        font-size: 20px !important;
    }
    .text-md-2xl {
        font-size: 24px !important;
    }
    .text-md-3xl {
        font-size: 26px !important;
    }
    .text-md-4xl {
        font-size: 28px !important;
    }
    .text-md-5xl {
        font-size: 32px !important;
    }
    /* end font size */

    .section-subtitle {
        font-size: 12px;
    }
    .section-title {
        font-size: 32px;
        line-height: 39px;
    }

    /* solutions */
    .service-standard .service-block {
        min-height: 410px;
    }
    .service-standard .service-block .service-description {
        line-height: 28px;
        height: 85px;
        font-size: 14px;
        margin-bottom: 15px;
    }
    /* end solutions */

    /* promotion */
    .promotion {
        min-height: 250px;
    }

    .promotion .img-phone {
        position: relative;
        max-width: 100%;
    }
    /* end promotion */
}

/* Medium devices (tablets, 1025 and up) */
@media (min-width: 1000px) {
    /* promotion */
    .promotion .img-phone {
        position: relative;
        max-width: 100%;
    }
    /* end promotion */
}

/* Medium devices (tablets, 1025 and up) */
@media (min-width: 1441px) {
    /* promotion */
    .promotion {
        min-height: 695px;
    }
    .promotion .img-phone {
        position: absolute;
        max-width: none;
    }
    /* end promotion */
}