/*!
 * Page
 */
.mua-sam-breadcrumb {
    margin-bottom: 0 !important
}

.mua-sam-breadcrumb .breadcrumb-item + .breadcrumb-item:before {
    content: none !important
}

.mua-sam-breadcrumb .breadcrumb-item {
    display: inline-block;
    font-size: 15px
}

.mua-sam-breadcrumb .breadcrumb-item:first-child img, .mua-sam-breadcrumb .breadcrumb-item:last-child, .mua-sam-breadcrumb .breadcrumb-item a {
    position: relative;
    top: -2px
}

.introduce {
    background: #eef3ff;
    padding: 80px 0
}

.introduce .big-title {
    color: #004588;
    font-family: Roboto, sans-serif;
    font-weight: 700;
    font-size: 36px
}

.introduce .small-title {
    color: #212121;
    font-size: 15px;
    line-height: 22px;
    text-align: center
}

.introduce .row-introduce-content {
    font-size: 15px;
    margin-top: 60px
}

.row-introduce-content img, .row-introduce-content video{
    max-width: 100%;
}

.introduce .row-introduce-content .special-offer li {
    margin-bottom: 15px
}

.introduce .row-introduce-content .special-offer li .icon-check {
    background: rgba(33, 33, 33, .1);
    border-radius: 2px;
    float: left;
    height: 24px;
    margin-right: 15px;
    width: 24px
}

.sign-in {
    padding: 80px 0
}

.sign-in .big-title {
    color: #004588;
    font-family: Roboto, sans-serif;
    font-weight: 700;
    font-size: 36px
}

.sign-in .small-title {
    color: #212121;
    font-size: 15px;
    line-height: 22px;
    text-align: center
}

.sign-in .form-pay {
    margin-top: 60px
}

.sign-in .form-pay .form .form-group .form-control {
    border: 1px solid rgba(33, 33, 33, .1) !important;
    font-size: 15px
}

.sign-in .form-pay .form .phone-email .phone-input {
    float: left;
    width: 49%
}

.sign-in .form-pay .form .phone-email .email-input {
    float: left;
    margin-left: 2%;
    width: 49%
}

.sign-in .form-pay .form .btn-check {
    background: #004588;
    border: none;
    border-radius: 2px;
    color: #fff;
    font-family: Roboto, sans-serif;
    font-weight: 700;
    margin: 30px auto 0;
    outline: none;
    padding: 13px 50px;
    width: auto
}

.banner {
    position: relative
}

.banner .title {
    color: #fff;
    font-family: Roboto, sans-serif;
    font-weight: 700;
    font-size: 30px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 40%
}

@media screen and (max-width: 767px) {
    .introduce .big-title,
    .sign-in .big-title{
        font-size: 24px;
    }
}

@media (min-width: 576px) {
    .banner img {
        height: 200px;
        -o-object-fit: cover;
        object-fit: cover
    }

    img.banner {
        margin-bottom: 30px
    }
}

.banner img {
    height: 200px;
    -o-object-fit: cover;
    object-fit: cover
}