/* TABLET VERSION */
@media (min-width: 769px) and (max-width: 1024px) {
    /* AVIOR TOP CLASS */
    .ATOP {
        background-position: center;
        background: linear-gradient(310deg, rgba(4, 98, 98, 1) 27%, rgba(68, 151, 132, 1) 44%, rgba(88, 187, 171, 1) 60%, rgba(255, 255, 255, 1) 74%), var(--aimb);
    }
    .AVIOR .LIA h3 { font-size: 4rem; }

    /* SPECIAL CLASSES */
    .TXX h6, .TXX p { width: 45ch; }

    /* ACT Button */
    .ACT a { font-size: 1.5rem; }

    /* FLEX CLASS */
    .FE { flex-direction: row !important; gap: 1rem; }
    .F2F5, .F3F5 { flex-basis: 48%; }
    .F3F100 { flex-basis: 100%; }

    /* BOXCOVER AND BOXIN */
    .BOXCOVER { gap: 1.5rem; padding: 1.5rem 0; }
    .BOXIN { flex: 1 1 280px; min-width: 250px; padding: 2rem; }

    .PATITLE { flex-direction: row !important; align-items: center; }
    .PATITLE h1 {padding-top: 49px;}

    /* STYLE HEADER SESSION */
    .HEADSES h1 { font-size: 3rem; word-spacing: 12px; }
    .HEADSES p { font-size: 1.5rem !important; line-height: 2.3rem; }
    .HEADSES img { max-width: 180px; }

    /* BLOG BOX FOR READERS AND VIEWERS */
    .BLOGS .BLOGIN { margin: 10px 0; }
    .BLOGS .BLOGIN .LOGO img { width: 3.5rem; height: 3.5rem; right: 42%; }

    /* Title */
    .TIT h6, .TIT span { font-size: 2.6rem !important; }

    /* PADDING CLASS */
    .PA { padding: 6rem 2rem; }
    .PS { padding: 2rem 1.5rem; }
    .PX1 { padding: 1.5rem 0; }
    .PX2 { padding: 2.5rem 0; }
    .PX5 { padding: 6rem 0; }
    .PH2 { padding: 2rem 1rem; }
    footer .MIDZ { padding: 3rem 2rem; }

    /* TEXT CLASS */
    .AVIOR .TEZ h2 { font-size: 3.5rem; }
    .AVIOR .TEZ h6 { font-size: 1.2rem; }
    .AVIOR .TEZ p { font-size: 1rem; }
    .AVIOR .TBIG span,
    .AVIOR .TTBIG span { font-size: 4.5rem; }
    .REGISTER h2 { font-size: 4.5rem !important; }

    /* AGENDA CLASS */
    .AGENDA .ENTER h2 { font-size: 4.5rem !important; }
    .AGENDA .ENTRE h6 { font-size: 0.75rem !important; }
    .AGENDA .ENTRE p { font-size: 0.9rem !important; }

    .LOGOP { grid-template-columns: repeat(4, 1fr); }
    .LOGOP img { width: 160px; height: 160px; }

    /* Card Container */
    .CARD_CONTAINER { grid-template-columns: repeat(2, 1fr); gap: 1.5rem; }
    .CARD { height: 380px; }
    .CARD_CONTENT { padding: 0rem 1.3rem 0.5rem 1.3rem; }
    .CARD_CONTENT h3 { font-size: 1rem !important; margin-bottom: 0.3rem; }
    .CARD_CONTENT p { font-size: 0.8rem !important; }
    .CARD_META p { font-size: 0.7rem !important; }

    /* PRODUCT Container */
    .PDU_CONTAINER { grid-template-columns: repeat(2, 1fr); gap: 2rem; }
    .PDU { height: 230px; }
    .PDU_RIGHT h1 { font-size: 2.2rem !important; }
    .PDU_RIGHT h2 { font-size: 2rem !important; }
    .PDU_RIGHT h3 { font-size: 1.3rem !important; }
    .PDU_RIGHT h5 { font-size: 1rem !important; }
    .PDU_RIGHT h6 { font-size: 0.9rem !important; }
    .PDU_RIGHT p { font-size: 1.3rem !important; }
    .PDU_RIGHT a { font-size: 1rem; padding: 0.5rem 0.5rem; }
    .PDU_LOGO { width: 90px; height: 45px; }

    /* TIMER CLASS */
    .TIMER span { font-size: 2.5rem; }
    .TIMER .TIMIN { font-size: 1.2rem; }

    /* BLOG TEXT */
    .BLOGS .BLOGIN h5 { font-size: 19px !important; }
    .BLOGS .BLOGIN { width: 400px; height: 500px; }
    .BLOGS .BLOGSS p{ font-size: 13px !important; }
    .BLOGS .AUTHOR p {font-size: 13px !important; font-weight: bold; color: var(--hxb) !important; padding-bottom: 5px;}
    .BLOGS .BLOA a { font-size: 12px; }

    /* FOOTER */
    footer .PT5 { padding-top: 1rem !important; }
    footer h1 { font-size: 1.4rem; }
    footer h5 { font-size: 22px; }
    footer .LOWZ a { font-size: 22px; }
    footer .LOWZ a:hover { font-size: 24px !important; }
    footer .LOGO { padding-top: 2rem; }
}