/* Mobile */

@media only screen and (max-width: 648px) {
    :root {
        --container-padding: 16px !important;

        --para-line-height: 1.36;
    }

    html.aigm-ux {
        font-size: 17.42px;
    }

    .aigm-ux .to-top {
        display: none;
    }

    /* Pagination Blocks */

    .aigm-ux p.pagination--none {
        flex-direction: column;
        gap: 12px;
        text-align: center;
        padding: 16px;
    }

    /* Header */



    /* Footer */

    footer.aigm-footer .full-logo-block {
        flex-wrap: wrap;
        justify-content: space-between;
        column-gap: 24px;
    }

    footer.aigm-footer .copyright-and-legals p.legals {
        justify-content: center;
        flex-direction: column;
        gap: 4px;
    }

    footer.aigm-footer .subscribe-box {
        padding: 24px;
    }

    /* Extra */

    .aigm-ux .title :is(h1, h2, h3, h4, h5, h6, strong) {
        font-size: 2.16rem;
    }
    .aigm-ux .title.small-size-title :is(h1, h2, h3, h4, h5, h6, strong) {
        font-size: 1.66rem;
    }
    .aigm-ux .title p, 
    .aigm-ux .title.small-size-title p {
        font-size: var(--para-font-size);
    }
    
    .aigm-iframe-overlay-box .middle-box {
        max-width: calc(100% - 24px) !important;
        max-height: calc(100% - 24px) !important;
    }
    .aigm-iframe-overlay-box .title-bar {
        padding: 0;
    }

    .aigm-rich-text { --gap: 12px; }
    [data-post-content] { --content-gap: 12px; }

    /*.aigm-ux .break {
        height: calc(var(--x, 1) * 12px);
    }*/

    .sticky-sidebar-item {
        position: relative;
        top: unset;
    }

    section,
    section.padding--64,
    section.padding--128,
    section.padding--256 {
        --section-padding: 32px;
    }

    .aigm-ux .buttons {
        --gap: 24px;
        flex-direction: column;
    }
    .aigm-ux .button {
        text-align: center;
        justify-content: center;
        width: 100%;
    }
    .aigm-ux .button.icon i {
        border-right-width: 0;
    }
    .button.icon span {
        padding-left: 0;
    }

    .aigm-ux .title {
        text-align: center;
    }

    [data-tab-menu].little-tab-buttons {
        flex-direction: column;
    }

    [data-tab-menu].little-tab-buttons [data-tab] {
        width: 100%;
        text-align: center;
    }

    img.full-stretch-image {
        border-radius: 12px;
    }

    .sides-full-height-image .side.image img.main, 
    .sides-full-height-image .side.image div.main > img, 
    .sides-full-height-image .side.image a.main > img {
        margin-left: auto;
        margin-right: auto;
        height: 240px;
    }

    /* Pagination */

    nav.pagination .nav-links {
        gap: 12px;
    }
    nav.pagination .page-numbers {
        min-width: 48px;
        height: 48px;
    }

    /* Sides (Half + Half) */

    .sides {
        flex-direction: column;
        --gap: 32px;
    }
    .sides > .side {
        width: 100%;
    }

    /* Subscribe Whys */

    .subscribe-whys .box {
        flex-direction: column;
    }

    .subscribe-whys .box img {
        width: 100%;
        height: 128px;
    }

    .subscribe-whys .box .content {
        text-align: center;
        width: 100%;
    }

    /* Subscribe Page */

    section.subscribe1 .sides-full-height-image .side.image img.main {
        height: auto;
        width: 320px;
    }

    /* Contact Page */

    section.contact1 .sides {
        flex-direction: column-reverse;
    }

    section.contact1 .sides-full-height-image .side.image img.main {
        width: 360px;
        height: auto;
        aspect-ratio: 1 / .8;
    }

    section.contact2 .sides {
        flex-direction: column-reverse;
    }

    section.contact2 .sides .side:first-of-type {
        padding: 24px;
    }

    section.contact2 .sides .side:last-of-type img.main {
        position: relative;
        top: unset;
        left: unset;
        height: 240px;
    }

    section.contact3 .contact-form-box {
        padding: 24px;
    }

    /* Big Tab Menu */

    .big-tab-menu[data-tab-menu] {
        border-radius: 12px;
    }

    .big-tab-menu[data-tab-menu] [data-tab],
    .big-tab-menu.scroller[data-tab-menu] [data-arrow] {
        border-radius: 8px;
    }

    /* Stats Banner */

    section.statsbanner1 .stat {
        flex-direction: column;
        gap: 12px;
        text-align: center;
        width: 100%;
    }

    /* Awards Page */

    section.awards3 .sides .side:last-of-type img.main {
        width: 360px;
        margin: 0 auto;
        border-radius: 12px;
    }

    /* Winners */

    section.winner1 .sides-full-height-image .side.image img.main {
        height: auto;
        aspect-ratio: 1 / .6;
    }

    section.winner1 .addtoany_list {
        justify-content: center;
    }

    section.winner1 span.is-featured-label {
        margin-left: auto;
        margin-right: auto;
    }

    /* Issue Single Page */

    section.singleissue1 .sides-full-height-image .side.image a.main {
        margin: 0 auto;
    }

    section.singleissue1 .sides-full-height-image .side.image a.main > img {
        height: auto;
        width: 320px;
    }

    /* Winners List Letters & Box */

    .winners-list-box .columns {
        --winners-per-column: 1;
    }

    /* Media Pack Section */

    section.mediapack1 .sides {
        border-radius: 16px;
    }

    section.mediapack1 .sides .side {
        padding: 24px !important;
    }

    /* Home */

    section.home1 {
        background-image: none;
    }

    section.home2 {
        padding-top: var(--section-padding);
    }

    section.home2 img.image {
        width: 320px !important;
        max-width: 100% !important;
        margin: 0 auto;
    }

    section.home3 .feature-cta {
        flex-direction: column;
    }

    section.home3 .feature-cta .image-top, 
    section.home3 .feature-cta .text-area {
        flex: none;
        width: 100%;
        max-width: none;
        text-align: center;
    }

    section.home3 .feature-cta .image-top .banner {
        justify-content: center;
    }

    section.home3 .feature-cta .text-area {
        padding: 24px;
    }
    
    /* About Page */

    section.about1 .sides-full-height-image .side.image img.main {
        width: 360px;
        height: auto;
        aspect-ratio: 1 / .74;
    }

    section.about3 .about-boxes {
        flex-direction: column;
        gap: 24px;
    }

    section.about3 .about-boxes .box {
        width: 100%;
        text-align: center;
    }

    section.about3 .about-boxes .box img {
        margin: 0 auto;
    }

    /* Winners List Page */

    section.winnerslist1 .sides-full-height-image .side.image a.main {
        margin: 0 auto;
    }

    section.winnerslist1 .sides-full-height-image .side.image a.main > img {
        height: auto;
        width: 320px;
    }

    section.winnerslist3 img.main {
        height: auto;
        width: 100%;
        aspect-ratio: 1 / .64;
    }

    /* Blog (Articles) Page */

    section.blog1 .sides-full-height-image .side.image img.main {
        width: 320px;
        height: auto;
        aspect-ratio: 9 / 8;
    }

    /* Single Award Page */

    section.award1 .award-status-label {
        justify-content: center;
    }

    section.award1 .sides-full-height-image .side.image img.main.is-background {
        width: 360px;
    }

    section.award2 .award-dates-box {
        max-width: none;
        padding: 24px;
    }

    section.award3 img.main {
        border-radius: 12px;
        width: 360px;
        margin: 0 auto;
    }

    section.award3 .sides.is-year-round .contact-info {
        flex-direction: column;
    }

    section.award3 .sides.is-year-round .contact-info .methods {
        width: 100%;
        text-align: center;
    }

    section.award4 .big-methodology-box {
        padding: 0;
    }

    section.award4 .big-methodology-box img.main {
        box-shadow: none;
        border-radius: 0;
    }

    section.award4 .big-methodology-box .sides {
        --gap: 0px;
    }

    section.award4 .big-methodology-box .sides .side:first-of-type {
        padding: 24px;
    }

    section.award5 .big-faqs-box {
        padding: 24px;
    }

    section.award6 .years-box {
        gap: 16px;
    }

    section.award6 img.main {
        width: 360px;
        margin: 0 auto;
    }

    section.award7 .logos img {
        flex-basis: 45%;
    }

    section.award8 .sides {
        border-radius: 16px;
    }

    section.award8 .sides .side:first-of-type {
        padding: 24px;
    }

    section.award8 .sides .side:last-of-type {
        min-height: unset;
    }

    section.award8 img.cover {
        height: 240px;
        position: relative;
        object-fit: contain;
    }

    /* Post Info Banner */

    .post-info-banner {
        justify-content: center;
    }

    .post-info-banner .block {
        justify-content: center;
    }

    /* Get Recognised Banner */

    section.getrecognised1 .sides .side:first-of-type {
        padding: 24px;
    }

    section.getrecognised1 img.cover {
        position: relative;
        aspect-ratio: 16 / 9;
        height: auto;
        top: unset;
        left: unset;
    }

    /* Advertise With Us Page */

    section.advertise3 .our-stats .stat {
        flex-direction: column;
    }

    section.advertise3 .our-stats .stat p {
        width: 100%;
        text-align: center;
    }

    section.advertise3 .stats-disclaimer {
        text-align: center;
    }

    section.advertise5 .contact-forms-area .little-tab-buttons {
        padding: 24px;
    }

    section.advertise5 .contact-forms-area [data-tab-group] {
        padding: 24px;
    }

    section.advertise6 .product-boxes .product {
        flex-direction: column;
        text-align: center;
    }

    section.advertise6 .product-boxes .product .image {
        height: 154px;
        width: 100%;
    }

    section.advertise6 .product-boxes .product .image img {
        padding: 12px;
    }

    section.advertise6 .product-boxes .product .text .starting-price {
        border-radius: 0;
        width: 100%;
        justify-content: center;
    }

    section.advertise6 .product-brochure-box {
        flex-direction: column-reverse;
    }

    section.advertise6 .product-brochure-box .side:first-of-type {
        padding: 24px;
    }

    section.advertise6 .product-brochure-box .side:last-of-type {
        height: 184px;
    }

    section.advertise6 .product-brochure-box .side:last-of-type img.cover {
        object-fit: contain;
        background: #b1bbc4;
    }

    section.advertise8 table.country-stats {
        margin: 0 auto;
    }

    section.advertise9 .about-boxes .box {
        flex-direction: column;
        justify-content: start;
        text-align: center;
        align-items: center;
        gap: 8px;
    }

    section.advertise10 .featured-review i {
        text-align: center;
    }

    section.advertise10 .featured-review p.text {
        text-align: center;
    }

    section.advertise10 .featured-review p.author {
        text-align: center;
    }

    section.advertise10 .sides .side:last-of-type img.side {
        width: 360px;
        margin: 0 auto;
    }

}