.form-control::placeholder {
        color: blue;
        font-weight: bold;
    }
/*desktop*/
@media (min-width: 1131px){
    .imgTheLe{
    }
    .imgTheLe1{
        width:400px
    }
    .imgIconSocial
    {
        width: 100%;
    }
    .form-control {
        border: 1px solid blue;
        border-radius: 10px;
        line-height: 36px;
        margin-bottom: 10px;
        text-align: center;
        font-weight:bold;
    }
     .ContentThongBao {
        text-align: center;
        font-size: 25px;
        font-weight: bold;
        padding: 120px 25px 120px 25px;
    }
    /*#vqRight {
        width: 25vw !important;
        height: 25vw !important;
        margin-top: 0px !important;
    }*/
    #vqRight {
        width: 100% !important;
        /*height: 25vw !important;*/
        margin-top: 0px !important;
    }
    #vqRight > #canvasCt {
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        height: 100%;
        top: 0%;
        left: 0px;
        position: absolute;
        right: 0;
        bottom: 0;
        margin: auto;
        margin-top: 0vh !important;
        background-repeat: no-repeat;
    }
    #vqRight > #canvasCt > canvas {
        position: absolute;
        top: 0;
        z-index: 12;
        left: 0;
        right: 0;
        bottom: 0;
        width: 98%;
        height: 98%;
        margin: auto;
    }
    .iconTrungTam {
        z-index: 100;
        position: absolute;
        top: 41.7%;
        width: 100%;
        text-align: center;
    }
    .iconTrungTam > img {
        width: 70px !important;
    }
    #vqRight > #canvasCt > #quayBtn {
        top: -6% !important;
        position: relative;
        z-index: 99;
    }
    #vqRight > #canvasCt > #quayBtn > img {
        width:12.5%!important;
    }
    .form-container {
        width: 40%;
        margin-top: 2% !important;
        /*height: 90%;*/
    }
    .OnDesktop
    {
        display:block;
    }
    .OnMobile
    {
        display:none;
    }
}

/*ipad pro*/
@media(max-width: 1130px) and (min-width: 769px){
    .imgTheLe{
    }
    .imgTheLe1{
        width:400px
    }
    .imgIconSocial
    {
        width: 100%;
    }
    .form-control {
        border: 1px solid blue;
        border-radius: 10px;
        line-height: 36px;
        margin-bottom: 10px;
        text-align: center;
        font-weight:bold;
    }
    .ContentThongBao
    {
        text-align: center;font-size: 30px;font-weight: bold;padding:150px 20px 200px 20px;
    }
    #vqRight {
        width: 85vw !important;
        height: 85vw !important;
        margin-top: 75px !important;
    }
    #vqRight > #canvasCt {
        /*margin-left: auto;
        margin-right: auto;*/
        width: 95%;
        height: 95%;
        top: 0%;
        left: 0px;
        position: absolute;
        right: 0;
        bottom: 0;
        /*margin: auto;*/
        margin-top: 0vh !important;
        background-repeat: no-repeat;
    }
    #vqRight > #canvasCt > canvas {
        position: absolute;
        top: 0;
        z-index: 12;
        left: 0;
        right: 0;
        bottom: 0;
        width: 98%;
        height: 98%;
        margin: auto;
    }
    .iconTrungTam {
        z-index: 100;
        position: absolute;
        top: 41.7%;
        width: 100%;
        text-align: center;
    }
    .iconTrungTam > img {
        width: 70px !important;
    }
    #vqRight > #canvasCt > #quayBtn {
        top: -6% !important;
        position: relative;
        z-index: 99;
    }
    #vqRight > #canvasCt > #quayBtn > img {
        width:12.5%!important;
    }
    .form-container {
        width: 50%;
        margin-top: 30% !important;
        /*height: 40%;*/
    }
    .OnDesktop
    {
        display:block;
    }
    .OnMobile
    {
        display:none;
    }
}
/*ipad*/
@media(max-width: 768px) and (min-width: 767px){
    .imgTheLe{
        width:100%;
        height:auto;
        margin-top:10px;
    }
    .imgTheLe1{
        width:220px!important;
        height:auto;
        margin-top:10px;
    }
    .imgIconSocial
    {
        width: 100%;
    }
    .form-control {
        border: 1px solid blue;
        border-radius: 10px;
        line-height: 36px;
        margin-bottom: 10px;
        text-align: center;
        font-weight:bold;
    }
    .ContentThongBao
    {
        text-align: center;font-size: 30px;font-weight: bold;padding:100px 20px 150px 20px;
    }
    #vqRight {
        width: 55vw !important;
        height: 55vw !important;
        margin-top: 30px !important;
    }
    #vqRight > #canvasCt {
        margin-left: auto;
        margin-right: auto;
        width: 95%;
        height: 95%;
        top: 0%;
        left: 0px;
        position: absolute;
        right: 0;
        bottom: 0;
        margin: auto;
        margin-top: 0vh !important;
        background-repeat: no-repeat;
    }
    #vqRight > #canvasCt > canvas {
        position: absolute;
        top: 0;
        z-index: 12;
        left: 0;
        right: 0;
        bottom: 0;
        width: 98%;
        height: 98%;
        margin: auto;
    }
    .iconTrungTam {
        z-index: 100;
        position: absolute;
        top: 41.7%;
        width: 100%;
        text-align: center;
    }
    .iconTrungTam > img {
        width: 70px !important;
    }
    #vqRight > #canvasCt > #quayBtn {
        top: -6% !important;
        position: relative;
        z-index: 99;
    }
    #vqRight > #canvasCt > #quayBtn > img {
        width:12.5%!important;
    }
    .form-container {
        width: 60%;
        margin-top: 38% !important;
        /*height: 49%;*/
    }
    .OnDesktop
    {
        display:none;
    }
    .OnMobile
    {
        display:block;
    }
}

/*phone*/
@media(max-width: 766px){
    .imgTheLe{
        width:100%;
        height:auto;
        margin-top:10px;
    }
    .imgTheLe1{
        width:220px!important;
        height:auto;
        margin-top:10px;
    }
    .imgIconSocial
    {
        width: 110%;
    }
    .form-control {
        border: 1px solid blue;
        border-radius: 10px;
        line-height: 30px;
        margin-bottom: 7px;
        text-align: center;
        font-weight: bold;
        font-size: 15px;
    }
    .ContentThongBao
    {
        text-align: center;font-size: 30px;font-weight: bold;padding:100px 20px 150px 20px;
    }
    #vqRight {
        width: 85vw !important;
        height: 85vw !important;
        margin-top: 40px !important;
    }
    #vqRight > #canvasCt {
        /*margin-left: auto;
        margin-right: auto;*/
        width: 95%;
        height: 95%;
        top: 0%;
        left: 0px;
        position: absolute;
        right: 0;
        bottom: 0;
        /*margin: auto;*/
        margin-top: 0vh !important;
        background-repeat: no-repeat;
    }
    #vqRight > #canvasCt > canvas {
        position: absolute;
        top: 0;
        z-index: 12;
        left: 0;
        right: 0;
        bottom: 0;
        width: 98%;
        height: 98%;
        margin: auto;
    }
    .iconTrungTam {
        z-index: 100;
        position: absolute;
        top: 41.7%;
        width: 100%;
        text-align: center;
    }
    .iconTrungTam > img {
        width: 70px !important;
    }
    #vqRight > #canvasCt > #quayBtn {
        top: -6% !important;
        position: relative;
        z-index: 99;
    }
    #vqRight > #canvasCt > #quayBtn > img {
        width:12.5%!important;
    }
    .form-container {
        width: 90%;
        margin-top: 50% !important;
        /*height: 46%;*/
    }
    .OnDesktop
    {
        display:none;
    }
    .OnMobile
    {
        display:block;
    }
}