@media all and (max-width: 1200px) {
    .container {
        max-width: 1001px;
    }
    .title_header {
        display: none;
    }
    .box_header_bottom {
        margin: 0;
    }
    #menu_desktop {
        position: absolute;
        display: none;
    }
    #menu_mobile {
        display: block;
        position: absolute;
        right: 50px;
        top: 0px;
    }
    #menu_desktop {
        position: absolute;
        right: 0;
        top: 0;
        width: 300px;
        padding-bottom: 150px;
        background: #213C75;
        opacity: 0;
        z-index: 999999999999;
        box-sizing: border-box;
        transition: opacity 0.5s ease-in-out;
        height: 95vh;
        overflow-y: auto;
    }
    #menu_desktop.open {
        display: block;
        opacity: 1;
        pointer-events: all;
    }
    .info_user .avatar_user {
        width: 35px;
        height: 35px;
    }
    .burger-wrap {
        top: 0;
        width: 45px;
        height: 45px;
        background: linear-gradient(126.62deg, #3E63AF -21.77%, #213C75 90.87%);
        border-radius: 30px;
        position: absolute;
        z-index: 40;
        transition: 300ms 700ms transform ease-in;
    }
    .burger-wrap.reappearBurger {
        opacity: 0;
        animation: 0.5s 2s fadeAppear ease-out forwards;
    }
    @keyframes fadeAppear {
        0% {
            opacity: 0;
        }
        100% {
            opacity: 1;
        }
    }
    .burger {
        position: relative;
        width: 30px;
        height: 45px;
        cursor: pointer;
        z-index: 30;
        transition: transform 1s ease-in;
    }
    .burger span {
        display: block;
        position: absolute;
        height: 2px;
        right: -6px;
        background: #fff;
        border-radius: 9px;
        opacity: 1;
        transform: rotate(0deg);
        transition: 0.25s ease-in-out;
    }
    .burger span:nth-child(1) {
        top: 13px;
        width: 90%;
    }
    .burger span:nth-child(2) {
        top: 21px;
        width: 90%;
    }
    .burger span:nth-child(3) {
        top: 30px;
        width: 70%;
    }
    .burger.active span:nth-child(1) {
        width: 90%;
        top: 21px;
        right: -6px;
        transform: rotate(135deg);
    }
    .burger.active span:nth-child(2) {
        opacity: 0;
    }
    .burger.active span:nth-child(3) {
        top: 21px;
        right: -6px;
        width: 90%;
        transform: rotate(-135deg);
    }
    #menu_desktop .menu {
        display: block;
        padding: 0 15px;
    }
    #menu_desktop .menu li.menu__item {
        width: 100%;
        float: none;
        border-bottom: 1px dashed rgba(255, 255, 255, 0.6);
    }
    #menu_desktop .menu li.menu__item a.menu__link {
        text-transform: inherit;
    }
    #menu_desktop .menu li.menu__item.active,
    #menu_desktop .menu li.menu__item:hover {
        background: none;
    }
    .menu_sub_open:hover .menu__sub::before {
        content: none;
    }
    .menu_sub_open .menu__sub,
    .menu_sub_open:focus .menu__sub,
    .menu_sub_open:active .menu__sub,
    .menu_sub_open:hover .menu__sub {
        position: relative;
        display: block;
        top: 0;
        width: 100%;
        border: 1px dashed rgba(255, 255, 255, 0.6);
        list-style-type: none;
        left: 0;
        margin: 0;
        padding: 0 5px;
        opacity: 1;
        z-index: 100000;
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
        transition: transform 0.3s ease, opacity 0.2s ease 0.1s;
        -webkit-transition: -webkit-transform 0.3s ease, opacity 0.2s ease 0.1s;
    }
    .box_header_top {
        padding: 5px 0;
    }
    .logo {
        width: 125px;
    }
    .info_user {
        position: absolute;
        right: 80px;
        padding: 0;
        top: 5px;
    }
    .info_user .title_user {
        display: none;
    }
    .button_tk_mb {
        display: none;
    }
    .show_tk_mb {
        display: block;
        position: relative;
        width: 100%;
        right: 0;
        top: 0;
    }
    #menu_desktop .menu li.menu__item:nth-child(6) {
        border-bottom: 0;
    }
    .img_banner_count_down img {
        object-position: center center;
    }
    .slick-next {
        right: -15px;
    }
    .slick-prev {
        left: -15px;
    }
    .box_video_insuline {
        width: 100%;
    }
    .list_box_infor_science .box_infor_insulin,
    .list_box_infor_report .box_infor_insulin,
    .box_infor_preside {
        width: 33.33%;
    }
    .link_webexnow {
        top: 15%;
        right: 28%;
    }
    .link_webexnow p {
        font-size: 16px;
    }
    .link_webexnow p a {
        font-size: 18px;
    }
}

@media all and (max-width: 1000px) {
    .container {
        max-width: 801px;
    }
    .list_box_infor_science .box_infor_insulin,
    .list_box_infor_report .box_infor_insulin,
    .box_infor_preside,
    .box_infor_insulin {
        width: 50%;
    }
    .box_form_comment form input {
        width: 75%;
    }
    .avatar_content_science {
        width: 100%;
    }
    .box_infor_game {
        width: 50%;
    }
    .menu_tab ul li:last-child {
        margin-top: -5px;
    }
    .link_webexnow {
        top: 15%;
        right: 28%;
    }
    .link_webexnow p {
        font-size: 12px;
    }
    .link_webexnow p a {
        font-size: 14px;
    }
    .list_box_infor_preside .box_infor_preside {
        width: 50%;
    }
}

@media all and (max-width: 800px) {
    .container {
        max-width: 601px;
    }
    .menu_tab ul li a {
        font-size: 14px;
    }
    .title_content_video h2 {
        font-size: 18px;
    }
    .des_content {
        padding: 0;
    }
    .des_content p,
    .infor_content_contact p,
    .box_infor_insulin .title_infor_insulin a,
    .box_item_slide .title_item_slide p {
        font-size: 16px;
        line-height: 24px;
    }
    .content_science,
    .content_detail_workshop,
    .content_detail p {
        font-size: 14px;
        line-height: 22px;
    }
    .menu_tab ul li:last-child {
        margin-top: -50px;
    }
    .menu_tab ul li a span {
        padding: 10px 14px;
    }
    .box_form_comment form input {
        width: 100%;
    }
    .box_form_comment form button {
        float: right;
        margin-top: 15px;
    }
    .box_form_comment {
        width: 100%;
        padding: 20px 30px 75px;
    }
    .box_infor_game {
        width: 100%;
    }
    .box_group_from.double {
        width: 100%;
        padding-bottom: 30px;
    }
    .box_group_from {
        clear: both;
        padding-bottom: 20px;
    }
    .controls {
        width: 550px;
        height: 40px;
    }
    .board {
        width: 550px;
        height: 550px;
    }
    .newMainText {
        font-size: 12px;
        line-height: 14px;
    }
    .box_game_xep_hinh {
        width: 550px;
    }
    #controls {
        width: 100%;
    }
    #container-xep-hinh {
        width: 470px;
        height: 470px;
    }
    #hint {
        width: 100% !important;
        height: 100% !important;
        background-size: contain;
    }
    .piece {
        background-image: url(../../images/game/gamexephinh/hinh_xep_470.png);
    }
    .list_img_webex .img_webex {
        width: 100%;
        padding: 5px 0;
    }
    .link_webexnow {
        top: 14%;
        right: 28%;
    }
    .link_webexnow p {
        font-size: 18px;
    }
    .link_webexnow p a {
        font-size: 20px;
    }
}

@media all and (max-width: 600px) {
    .container {
        max-width: 415px;
    }
    .info_user .name_user {
        display: none;
    }
    .info_user {
        width: 35px;
        right: 50px;
        min-width: 0px;
    }
    .burger-wrap {
        width: 35px;
        height: 35px;
    }
    .burger {
        width: 25px;
        height: 35px;
    }
    .burger span {
        right: -3.5px;
        height: 1px;
    }
    .burger span:nth-child(1) {
        top: 10px;
    }
    .burger span:nth-child(2) {
        top: 17px;
    }
    .burger span:nth-child(3) {
        top: 24px;
    }
    .burger.active span:nth-child(3) {
        top: 17px;
        right: -4px;
    }
    .burger.active span:nth-child(1) {
        top: 17px;
        right: -4px;
    }
    #menu_mobile {
        right: 35px;
        top: 5px;
    }
    #menu_desktop {
        right: -15px;
    }
    .box_info_count_down {
        width: 90%;
    }
    .title_count_down hr.hr_left {
        width: 30%;
    }
    .title_count_down hr.hr_right {
        width: 30%;
    }
    #countdown ul li span {
        font-size: 22px;
        line-height: 22px;
    }
    #countdown ul li strong {
        font-size: 12px;
    }
    #countdown ul li {
        margin: 6px;
        padding: 2px;
        float: left;
        width: 80px;
        height: 80px;
    }
    .box_item_slide {
        padding: 0 15px;
        padding-bottom: 100px;
    }
    .slick-next,
    .slick-prev {
        top: auto;
        bottom: 0;
    }
    .slick-prev {
        left: 38%;
    }
    .slick-next {
        right: 38%;
    }
    .banner_count_down {
        height: 400px;
    }
    .des_content p,
    .infor_content_contact p,
    .box_infor_insulin .title_infor_insulin a,
    .box_item_slide .title_item_slide p {
        font-size: 14px;
        line-height: 22px;
    }
    .box_item_slide .more_item_slide a {
        padding: 14px 25px;
    }
    .fcta-vr-insulin-text {
        display: none;
    }
    .title_menu p {
        font-size: 22px;
        line-height: 22px;
    }
    .title_content_video h2,
    .title_content h1 {
        font-size: 16px;
        line-height: 24px;
    }
    .list_box_infor_science .box_infor_insulin,
    .list_box_infor_report .box_infor_insulin,
    .box_infor_preside,
    .box_infor_insulin {
        width: 100%;
    }
    .menu_tab ul li a {
        font-size: 11px;
        line-height: 22px;
    }
    .menu_tab ul li {
        padding: 0;
    }
    .menu_tab ul li:last-child {
        margin-top: -25px;
    }
    .menu_tab ul li a span {
        padding: 8px 11px;
        font-size: 10px;
    }
    .menu_tab hr {
        top: -12px;
    }
    .box_tab_workshop {
        padding: 0;
        padding-top: 30px;
    }
    .menu_tab {
        padding-bottom: 20px;
    }
    .box_comment {
        padding: 20px 10px;
    }
    .text_question p,
    .text_reply p {
        font-size: 14px;
        line-height: 22px;
    }
    .box_form_comment {
        padding: 20px 10px 80px;
    }
    .text_question p strong,
    .text_reply p strong,
    .box_form_comment form input {
        font-size: 14px;
    }
    .box_form_comment form button {
        font-size: 12px;
        line-height: 12px;
    }
    #container-xep-hinh {
        width: 400px;
        height: 400px;
    }
    .box_game_xep_hinh {
        width: 95%;
        padding: 15px;
    }
    .btn {
        width: 135px;
        height: 40px;
        font-size: 12px;
    }
    #container-xep-hinh {
        width: 330px;
        height: 330px;
    }
    .piece {
        background-image: url(../../images/game/gamexephinh/hinh_xep_330.png);
    }
    .box_content_contact {
        padding: 20px;
    }
    .title_content_contact h1 {
        font-size: 16px;
        line-height: 24px;
    }
    #box_send button {
        font-size: 14px;
        line-height: 14px;
        padding: 3px 25px 12px
    }
    .box_group_from .inputfrom textarea,
    .box_group_from .inputfrom input {
        font-size: 14px;
        line-height: 18px;
    }
    .fcta-zalo-text {
        font-size: 14px;
        line-height: 20px;
    }
    .fcta-zalo-nen-nut,
    .fcta-zalo-ben-trong-nut img {
        width: 50px;
        height: 50px;
    }
    .play_vr360 {
        width: 50px;
        height: 50px;
        right: 15px;
        bottom: 15px;
    }
    header {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
    }
    .box_content_detail,
    .banner_count_down {
        margin-top: 50px;
    }
    .title_box_infor_game a,
    .box_infor_preside .info_preside .name_infor_preside {
        font-size: 14px;
        line-height: 22px;
    }
    .box_infor_preside .info_preside .position_infor_preside {
        font-size: 14px;
        line-height: 22px;
        height: auto;
        padding-bottom: 20px;
    }
    .more_play_infor_game a,
    .box_infor_preside .info_preside .more_infor_preside a {
        font-size: 12px;
        line-height: 12px;
    }
    .more_play_infor_game {
        padding: 4px 40px 10px;
    }
    .box_infor_preside .info_preside .more_infor_preside {
        padding: 6px 20px 12px;
    }
    .controls {
        width: 90%;
        height: 25px;
        margin: 30px 0;
    }
    .board {
        width: 380px;
        height: 380px;
    }
    .messages {
        width: 55%;
    }
    .newMain,
    .sizeScale {
        padding: 9px 5px;
    }
    #check:checked~.newMain+.newContainer .newPlate:nth-of-type(1) {
        left: 180%;
    }
    #check:checked~.newMain+.newContainer .newPlate:nth-of-type(2) {
        left: 300%;
    }
    .box_item_slide .more_item_slide a {
        font-size: 12px;
        line-height: 12px;
    }
    .more_item_slide a {
        padding: 12px 25px;
    }
    .content_detail {
        padding: 15px;
    }
    .more_count_down a {
        font-size: 12px;
    }
    .banner_count_down {
        height: 360px;
    }
    .logo_insulin_count_down {
        width: 350px;
        margin: 0 auto;
    }
    .title_count_down {
        margin: 10px 0 0;
    }
    .box_item_slide .title_item_slide {
        padding: 10px 0 15px;
    }
    #countdown {
        width: max-content;
        margin: 0 auto;
    }
    .img_three_kh .img_kh01,
    .img_three_kh .img_kh02,
    .img_three_kh .img_kh03 {
        width: 100%;
        float: none;
        padding: 10px 0;
    }
    .content_detail_ttkh .img_kh2 {
        width: 100%;
        float: none;
        padding: 0;
    }
    .content_detail_ttkh p {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 7px;
    }
    .title_insuline h4,
    .content_detail_ttkh h4 {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 10px;
    }
    .content_detail_ttkh h3 {
        font-size: 18px;
        line-height: 26px;
        margin-bottom: 10px;
    }
    .link_webexnow {
        top: 12%;
        right: 28%;
    }
    .link_webexnow p {
        font-size: 12px;
    }
    .link_webexnow p a {
        font-size: 14px;
    }
    .list_box_infor_preside .box_infor_preside {
        width: 100%;
    }
}

@media all and (max-width: 410px) {
    .container {
        max-width: 100%;
    }
    .logo_insulin_count_down {
        width: 75%;
        margin: 0 auto;
    }
    #countdown ul li span {
        font-size: 20px;
        line-height: 20px;
    }
    #countdown ul li {
        width: 70px;
        height: 70px;
        margin: 3px;
    }
    #countdown ul li strong {
        font-size: 10px;
    }
    #countdown ul {
        width: max-content;
        margin: 0 auto;
        text-align: center;
    }
    .board {
        width: 340px;
        height: 340px;
    }
    #container-xep-hinh {
        width: 300px;
        height: 300px;
        margin: 0 auto;
    }
    .piece {
        background-image: url(../../images/game/gamexephinh/hinh_xep_300.png);
    }
    .banner_count_down {
        height: 330px;
    }
}

@media all and (max-width: 380px) {
    #container-xep-hinh {
        width: 270px;
        height: 270px;
        margin: 0 auto;
    }
    .logo_insulin_count_down {
        width: 80%;
        margin: 0 auto;
    }
    .piece {
        background-image: url(../../images/game/gamexephinh/hinh_xep_270.png);
    }
    .board {
        width: 330px;
        height: 330px;
    }
    .slick-prev {
        left: 35%;
    }
    .slick-next {
        right: 35%;
    }
}