@media screen and (min-width: 1200px) and (max-width: 1440px) {
    .p_slogan .slogan {
        font-size: 4.0rem;
    }
}

@media screen and (min-device-width: 481px) and (max-device-width: 768px) {
    /* STYLES HERE */
}

@media only screen and (max-device-width: 480px) {
    body {
        font-size: 15px;
    }
    .header_top .navbar {
        box-shadow: -2px 1px 20px 1px #00000080;
    }
    .navbar-mobile .img-logo {
        display: block;
        width: 100%;
    }
    .logo-header {
        display: none;
    }
    .header_top.sticky .navbar-collapse {
        display: none !important;
    }
    .navbarscroll_desk {
        display: block !important;
    }
    .navbarscroll_desk .logo-header {
        display: none !important;
    }
    .logo-header .img-logo {
        width: 100%;
        margin-top: 10px;
    }
    .header_top .navbar-nav {
        flex-direction: row;
        flex-wrap: wrap;
    }
    .header-heading {
        height: auto;
    }
    .header_top .button-wrapper .button-effect-h {
        font-size: 12px;
    }
    .header-slider-title {
        padding-top: 20px;
    }
    .box-menu-wrapper {
        margin-top: 60px;
        margin-left: 0px;
        margin-right: 0px;
    }
    .box-menu-wrapper {
        background: #fff;
    }
    .box-menu-wrapper .col {
        border: 1px solid #f3f3f3;
    }
    .header-slider-title h6 {
        font-size: 20px;
        line-height: 40px;
    }
    section.home-intro,
    section.home-news {
        padding: 0px !important;
        margin: 0px !important;
    }
    section.home-news {
        margin-top: 20px !important;
    }
    .home-intro img {
        width: 100%;
    }
    .home-intro .intro-content h4 {
        font-size: 18px;
    }
    .lotrinhthi .header-title-top h5 {
        font-size: 25px;
    }
    .lotrinhthi .header-title-top h6 {
        font-size: 18px;
    }
    .week-start-game h5 {
        margin-bottom: 0px;
    }
    .contest-subjects-note {
        flex-direction: column;
    }
    .contest-subjects-note .col {
        width: 100%;
    }
    .ranking-link-week {
        flex-direction: row;
        justify-content: center;
        flex-wrap: nowrap;
    }
    .ranking-link-week .col {
        flex-direction: row;
        flex-wrap: wrap;
    }
    .title_h6 {
        font-size: 1.2rem;
    }
    .home-prize .prize {
        padding: 0px;
    }
    .home-prize .ranking-link-week a {
        white-space: nowrap;
    }
    .home-prize h4 {
        font-size: 18px;
    }
    .table_show_desktop {
        overflow: auto;
    }
    .table_show_desktop {
        overflow: auto;
        font-size: 14px;
    }
    .prize-structure .justify-content-between {
        flex-direction: row;
        flex-wrap: wrap;
    }
    .prize-structure .img-prize span {
        font-size: 35px;
        top: 3px;
    }
    .prize-structure .col {
        font-size: 13px;
    }
    .owl-news .card-img img {
        min-height: 150px;
    }
    .owl-news .card-img {
        min-height: 150px;
        max-height: 150px;
    }
    .prize-box .img-prize img {
        width: 50%;
    }
    .col:first-child .prize-box .img-prize {
        width: 100%;
    }
    .intro-content p {
        padding: 0px !important;
    }
    .time-start-game .week-day {
        padding: 8px 20px !important;
        display: flex !important;
        flex-direction: column;
    }
    .txt-header-title {
        font-size: 18px;
    }
    #Login_Modal h5 {
        font-size: 15px;
    }
    .content-footer p {
        margin-bottom: 0px;
        line-height: 28px;
    }
    a.btn_close_modal {
        right: 5px;
        color: #000;
    }
    .remaining_week p a[href^="tel"] {
        color: inherit;
    }
    a[href^="tel"] {
        color: inherit;
        text-decoration: none;
    }
    .header_banner {
        display: inline-block;
        min-height: 120px;
        background-position: left;
    }
    .banner-container a.title img,
    .banner-container a.logo img {}
    .banner-container a.logo img {
        width: 70px;
    }
    .header_banner .banner-title .title {
        font-size: 1.1rem;
    }
    .header_banner .bg-banner img,
    .header_banner.fixfull .bg-banner img {
        object-fit: cover;
        width: 100%;
        height: 120px;
        object-position: 0% 50%;
    }
    .header_banner.fixnotitle .bg-banner img {
        object-fit: contain;
    }
    .header_banner .banner-title .title {
        white-space: inherit;
    }
    .p_slogan .slogan {
        font-size: 2.5rem;
        padding: 15px 0px;
    }
    .p_slogan .sub-slogan {
        margin-bottom: 25px;
        font-size: 1.2rem;
    }
    .form-register [type="submit"] {
        width: 100%;
    }
    .intro_info img {
        width: 100%;
    }
    .p_format .content_left {
        padding-left: 10px !important;
        padding-right: 10px !important;
        margin-left: 10px !important;
        margin-right: 10px !important;
    }
    .p_timeline .line {
        display: none;
    }
    .p_timeline .arrow_line {
        margin-top: 5px;
    }
    .list_timeline.my-4 {
        margin: 10px !important;
    }
    .school_rounded {
        text-align: center;
        padding: 10px;
        background: linear-gradient(180deg, #0f324e 0%, #066df6 100%);
    }
    .arrow_line .rounded {
        width: 100%;
    }
    .item_prizes {
        height: 85%;
    }
    .list_prizes {
        position: inherit;
        right: 0;
        left: 0;
    }
    .p_prezes {
        padding-bottom: 0px;
    }
    .content_prizes .title_h6 a {
        padding: 10px 15px;
    }
    .content_sponsor .col-md-3 {
        width: 50%;
    }
    .content_sponsor .col-md-3 .card {
        margin: 10px;
    }
    .p_sponsor {
        margin-top: 20px;
        background: transparent;
    }
    .content_sponsor {
        border-radius: 0px;
        margin-bottom: 0px;
    }
    .info-page h4 {
        display: flex;
        flex-direction: column;
        font-size: 15px;
        margin-bottom: 20px;
        font-weight: bold;
        text-shadow: 1px 1px #fcb040;
    }
    .navbar-toggler {
        order: 1;
    }
    .list-social {
        order: 0;
    }
    #navbarTogglerLangding {
        order: 2;
        padding: 0px;
        margin: 10px 0px;
    }
    #navbarTogglerLangding .nav-item a {
        padding: 8px 5px;
        border-bottom: 1px solid #f2f2f2;
    }
    .intro_info {
        text-align: justify;
    }
    .rounded:before {
        display: none;
    }
    .intro-content img {
        width: 100%;
    }
    .right-content-mobile {
        display: block;
    }
    .right-content-desktop {
        display: none;
    }
    .desc-slider-content {
        top: 20px;
    }
    .desc_advs p {
        margin-bottom: 0px;
        font-size: 13px;
    }
    .desc-slider-content .desc h5 {
        font-size: 15px;
    }
    button.navbar-toggler {
        background: #fff;
    }
    .intro-aboutus .intro-content-right {
        display: none;
    }
    .owl-item .item-title {
        display: flex;
        flex-direction: column;
        position: relative;
    }
    .list-services .items h5 {
        font-weight: bold;
        font-size: 18px;
        margin: 0px;
        padding: 0px;
    }
    .list-services .items::after {
        z-index: -1;
        opacity: 0.5;
    }
    .btn-sv-more {
        position: relative;
        top: -38px;
        left: 54%;
        width: 100%;
        margin: 10px;
    }
    .owl-services .owl-stage {
        display: flex;
    }
    .list-services .owl-item {
        position: relative;
        display: flex;
        align-items: stretch;
        height: auto !important;
    }
    .list-services .items p {
        margin-top: -40px;
        text-align: justify;
    }
    .home-products .section-title h2 {
        font-size: 22px;
        margin-bottom: 2px;
        text-transform: uppercase;
    }
    #navbarTogglerLangding {
        position: absolute;
        width: 100%;
        left: 0;
        background: #fff;
        color: #333;
        box-shadow: 0px 0px 5px #333;
    }
    #navbarTogglerLangding .nav-item a {
        color: #333;
        padding-left: 15px;
        text-transform: uppercase;
    }
    .inp-search {
        opacity: 1;
        width: 100%;
        z-index: 1;
        margin-left: 5px;
        margin-bottom: 10px;
        margin-top: 10px;
    }
    .owl-nav .owl-next {
        right: 2px;
    }
    .owl-nav .owl-prev {
        left: 2px;
    }
    header.header-nav {
        background: #060e71;
        position: relative;
    }
    .header-contact a:last-child {
        display: none;
    }
    .title-page-header .logo {
        width: 90px;
    }
    .intro-aboutus .header-title h5 {
        font-size: 22px;
        margin-top: 10px;
        margin-bottom: 0px;
    }
    .intro-aboutus .header-title {
        margin-bottom: 5px !important;
    }
    .banner-slider {
        margin-top: -2px;
    }
    .banner-slider:before,
    .banner-slider:after {
        display: none;
    }
    .navbar-nav .nav-item a {
        text-align: left;
    }
    .nav-item.dropdown ul.subnav {
        display: block;
        position: relative;
        background: transparent;
        box-shadow: none;
        border: none;
        top: 0;
        transform: none;
        padding: 0px;
    }
    .navbar li.nav-item {
        padding-bottom: 0rem;
        padding-top: 0rem;
    }
    .nav-item.dropdown ul.subnav li.nav-item {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }
    .nav-item.dropdown ul.subnav li a {
        text-align: left;
    }
    .form-search-nav button {
        width: 42px;
        height: 42px;
        border: 1px solid #f2f2f2;
        margin: 0.5rem 0;
        border-radius: 5px;
        margin-right: 5px;
    }
    .form-search-nav button i {
        color: #333;
    }
    .contact-header p {
        width: 100%;
        flex-direction: row;
        margin-bottom: 5px;
    }
    .contact-header {
        display: flex;
        margin-bottom: 20px;
        flex-direction: column;
    }
    .top-header {
        padding-top: 5px;
    }
    .owl-services {
        margin-top: 0px;
    }
    #ModalViews {
        top: 105px;
    }
    .news_line_top>.d-flex {
        width: 100%;
        display: flex;
        flex-direction: column !important;
        text-align: left;
    }
    .news_line_top>.d-flex>div {
        width: 100%;
        text-align: left;
        justify-content: start !important;
        margin-bottom: 10px;
    }
}