﻿/*Màn hình điện thoại*/
@media (max-width: 767px) {
    .boxTopHeader {
        display: none;
    }

    .boxNavMenu .logo {
        display: block;
        width: 50% !important;
    }

    .boxNavMenu {
        display: block;
    }

    .boxConfirmationIndex {
        height: 220px;
    }

    .boxValue {
        background-image: none !important;
        background: black;
    }

    .content-success-lender .box-content-success-lender {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }

    .install-mytima-success {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }

        .install-mytima-success img {
            width: 100% !important;
        }

    #md_w_30Body {
        max-width: 100%;
    }

    #md_w_50Body {
        max-width: 100%;
    }

    #md_w_70Body {
        max-width: 100%;
    }

    .install-mytima-product {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }

    .product-tima-global {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }


        .product-tima-global .title-product-tima-global h2 {
            font-size: 24px !important;
            margin-bottom: 20px !important;
        }

    .press-abount {
        width: 100%;
        float: left;
        padding-top: 20px !important;
        padding-bottom: 20px !important;
        background-color: #f7f7f9;
    }

        .press-abount .content-press-abount {
            grid-template-columns: repeat(1, minmax(0px, 1fr)) !important;
        }

    .box-Feedback .center-feedback .full-name, .email {
        margin-top: 0px !important;
    }

    .box-Feedback .center-feedback .full-name, .content {
        margin-top: 0px !important;
    }

    .box-banner-LookupLoan {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .banner-contact {
        padding: 20px 0px 20px 0px !important;
    }
    .banner-Intruct {
        padding: 20px 0px 20px 0px !important;
    }
}

@media (max-width: 930px) {
    .boxNavMenu {
        display: block;
    }

        .boxNavMenu .logo {
            display: block;
            width: 15%;
        }

    .boxTopMenu .img-logo {
        width: 100%;
    }

    .boxNavMenu .item-nav-menu {
        display: none;
    }

    .boxNavMenu a.icon {
        float: right;
        display: block;
        color: #4F4F4F;
        padding: 14px 30px;
        font-size: 16px;
        font-weight: 400;
        line-height: 26px;
    }

    .boxNavMenu.responsive {
        position: relative;
    }

        .boxNavMenu.responsive .icon {
            position: absolute;
            right: 0;
            top: 0;
        }

        .boxNavMenu.responsive a {
            float: none;
            display: block;
            text-align: left;
        }

    .boxHomeIndex .left {
        display: none;
    }
}

@media (max-width: 1000px) {
    .boxTopHeader {
        display: none;
    }

    .boxTopMenu .container {
        max-width: 100%;
        padding-left: 0px;
        padding-right: 0px;
    }

    .boxHomeIndex .left {
        width: 100%;
    }

        .boxHomeIndex .left .img-home-1 {
            position: absolute;
            left: 0px;
            width: 40%;
            top: 320px;
        }
}

@media (max-width: 1200px) {
    .boxTopMenu .container {
        max-width: 1010px !important;
    }

    .boxTopMenu .btnContact {
        display: none;
    }

    .boxTopMenu .img-logo {
        width: 90%;
    }
}

@media (max-width: 1300px) {
    .boxTopMenu .btnContact {
        display: none;
    }

    .boxTopMenu .img-logo {
        width: 90%;
    }
}

@media (max-width: 1400px) {
    .boxTopMenu .container {
        max-width: 1230px !important;
    }

    .boxNavMenu .btnContact {
        margin-left: 0px;
    }
}
/*Màn hình máy tính*/
@media (min-width: 767px) {
    #md_w_30Body {
        max-width: 30%;
    }

    #md_w_50Body {
        max-width: 50%;
    }

    #md_w_70Body {
        max-width: 70%;
    }
}
