/*mobile and tablet*/
@media (max-width: 991px) {
    /*font-size:12px~320px*/
    html,
    body {
        font-size: 3.75vw;
        font-size: 2vw;/*7.5px~375px*/
        color: #333;
    }
    .container{
        padding-left: 5px;
        padding-right: 5px;
    }
    .row{
        margin-left: -5px;
        margin-right: -5px;
    }
    [class*=col-]{
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
    footer{}
    .logo{
        left: 1vw;
    }
    .head-text{
        right: 1vw;
    }
    /*.events .item a{*/
        /*bottom: 100%;*/
        /*height: auto;*/
    /*}*/
    .layer .text img{

    }
    .whoisMC{
        width: 40vw;
        margin-top:40vw;
        margin-bottom: 3vw;
    }
    .whoisMCtext{
        position: relative;
        width: 100%;
    }
    .whoisMCimg{
        position: absolute;
        width: 50vw;
        right: 0;
        top: 30vw;
    }
    .quality_right{
        margin-top: 1vh;
    }
    .list-so{
        margin-top: 15vh;
        width: 100%;
    }
    .list-so .text{
        height: 8.4rem;
    }
    .wap-doitac{
        padding-top:17vh;
    }
    .wap-doitac .item dd{
        margin-bottom: 0;
    }
    .wap-doitac > .row > [class*=col-]{
        height: 41%;
        height: 63%;
    }
    .wap-doitac .item .wap_client{
        height:29.46666666666667rem;
    }
    .wap-contact .left .tit{
        margin-top: 0;
        font-size: 2.25rem;
    }
    .wap-contact .left .text{
        font-size: 1.5rem;
        font-weight: 400;
    }
    .contact-form .form-group{
        margin-bottom: 1.75rem;
    }
    .contact-form .form-control{
        font-size: 1.5rem;
    }
    .contact-form .btn-primary{
        height: 3rem;
    }
    .wap-contact .right{
        margin-top: 2rem;
    }
    .wap-contact .right .text{
        font-size: 1.5rem;
    }
    .img-maume{
        margin-right: -1rem;
        margin-top: 15vh;
    }
    .whatwhedo{
        margin-top: 3vh;
    }
    .whatwhedo_thangkhung{
        margin-top: 1vh;
    }
    .whatwhedo_thangkhung .tab-content .tab-pane .box-scroll{
        font-size: 1.5rem;
    }
    #section11{
        background-size: cover;
        background-position: left center;
    }
    .wap_members{
        margin: 0 -18.66666666666667vw;
        padding: 0;
    }
    .members .col:nth-child(2),.members .col:nth-child(3){
        top: 31.444444vh;
    }
    .members .col:nth-child(4),.members .col:nth-child(5),.members .col:nth-child(6),.members .col:nth-child(7),.members .col:nth-child(8){
        top: 58vh;
    }
    .members .item{
        width: auto;
    }
    .members .item .name{
        height: 4.533333rem;
        white-space: normal;
    }
    .members .item .text{
        white-space: normal;
    }
    .members .item .pos{
        font-size:2.133333333333333vw;
    }
    .wap-accordion{
        width: auto;
    }
    .people_left{
        margin: 8vh auto 0;
    }
    .box-accordion{
        margin-top: 0;
    }
    .box-accordion .panel-title{
        font-size: 3rem;
    }
    .box-accordion .panel-body .wap-text{
        font-size: 1.75rem;
    }
    .our_mile_logo{
        left: 1rem;
        top: 10rem;
        width: 40vw;
    }
    .our_mile_thangkhung{
        width:55vw;
        right: 0;
        left: auto;
        top:10vh;
    }
    .mCS-dark.mCSB_scrollTools{
        right: -2.5rem;
    }
    .popupCom-name .modal-dialog{
        width: 100%;
    }
    .popupCom-name .modal-body .tit{
        font-size: 1.75rem;
    }
    .popupCom-name .modal-body .text{
        font-size: 1.5rem;
    }
    .our_mile{
        /*width: 135%;*/
        /*left: -22%;*/
        width:auto;
        margin: 0 -10rem;
    }
    .our_mile .moc{
        font-size: 1.388888888888889rem;
    }
    .m2004 span,.m2015 span,.m2016 span{
        line-height: 7.7rem;
    }
    .events{
        margin-top: 0;
    }
    .popup{
        width: 100%;
    }
    #section0 .layer{
        width: 64%;
        left: 17%;
    }
    .menu-btn [data-toggle]{}
    .menu-btn ul li a{
        font-size: 1.75rem;
    }
    .list-menu a{
        font-size: 1.75rem;
    }
    .btn-video{
        margin-right: 0;
        top: 2rem;
        right:14rem;
    }
    .btn-video i{
        font-size: 1.75rem;
    }
    .services {
        height: fit-content;
    }
    .wap_td{
        padding-top:15vh;
    }
}

/*mobile*/
@media (max-width: 575px) {

}

/*tablet*/
@media (min-width: 576px) and (max-width: 991px) {
    html,
    body {
        font-size: 2.083333333333333vw;
        /*16px*/
    }
}