@media only screen and (max-width: 1920px) {
}

@media only screen and (max-width: 1440px) {
    .container {
        width: 95%;
    }
}

@media only screen and (max-width: 1024px) {

}

/* Ipad */
@media only screen and (max-width: 992px) { 

  .l-tab-check {
    gap: 20px;
  }

  .hero {
    display: none;
  }

  .navbar {
    min-height: 60px !important;
  }

  .l-tab-item {
    padding-right: 20px;
    padding-bottom: 15px;
  }

  .footer {
    min-height: 200px;
  }
    .btn-show-tin:not(:first-child) {
        display: none !important;
    }

    .adv-wrapper img {
        object-fit: contain;
    }
}
/* Mobile */
@media only screen and (max-width: 768px) {

    .adv-wrapper {
        height: max-content;
    }

    .header-all {
        height: 420px;
    }


    .banner-title-wrapper {
        margin-top: 80px;
        margin-left: 10px;
        margin-right: 10px;
    }

    .banner-title {
        font-size: 20px;
    }

    .banner-title-big {
        font-size: 30px;
    }

    .banner-02-title {
        font-size: 26px;
    }

    .document-title {
        line-height: 1.5;
    }

    .article-sm .article-img {
        /*width: 150px;*/
    }

    .article-two .article-img {
        /*width: 50%;*/
    }

    .header-all {
        height: 350px;
    }

    .relevant-box .article-sm .article-img {
        height: 100px;
    }

    .article-category-relevant {
        height: 100px !important;
    }

    .navbar-nav .nav-item .nav-link.active:after {
        bottom: 0px;
    }

    .header-all {
        margin-bottom: 20px;
    }

    .article-date {
        margin-bottom: 0;
    }

}

@media only screen and (max-width: 576px) {
    .notification-container {
        border-bottom: 2px solid var(--color-red);
        padding-bottom: 10px;
    }

    .notification-container span {
        border: none !important;
    }
}