@media(max-width:1200px){

    .fontypo-hero-title{

        font-size:72px;

    }

    .fontypo-font-grid{

        grid-template-columns:repeat(2,1fr);

    }

}

@media(max-width:768px){

    .fontypo-hero-title{

        font-size:48px;

    }

    .fontypo-search-box form{

        flex-direction:column;
        height:auto;
        padding:20px;

    }

    .fontypo-search-box input{

        width:100%;
        height:60px;
        padding:0 20px;

    }

    .fontypo-search-box button{

        width:100%;
        height:60px;
        border-radius:14px;
        margin-top:15px;

    }

    .fontypo-hero-stats{

        flex-wrap:wrap;
        gap:30px;

    }

    .fontypo-font-grid{

        grid-template-columns:1fr;

    }

}
@media(max-width:992px){

    .fontypo-single-header{

        flex-direction:column;

    }

    .fontypo-font-meta{

        grid-template-columns:repeat(2,1fr);

    }

}

@media(max-width:768px){

    .fontypo-single-info h1{

        font-size:52px;

    }

    .fontypo-preview-controls{

        flex-direction:column;

    }

    .fontypo-live-preview{

        font-size:42px !important;
        padding:30px;

    }

    .fontypo-font-meta{

        grid-template-columns:1fr;

    }

}
@media(max-width:1100px) {
    .fontypo-ajax-results {
        grid-template-columns: repeat(2,1fr);
    }
}

@media(max-width:768px) {
    .fontypo-search-controls {
        grid-template-columns: 1fr;
    }

    .fontypo-ajax-results {
        grid-template-columns: 1fr;
    }

    .fontypo-live-search-header h2 {
        font-size: 36px;
    }
}

@media(max-width:1200px) {
    .fontypo-archive-layout {
        grid-template-columns: 1fr;
    }

    .fontypo-adsense-sidebar {
        position: static;
        min-height: 160px;
    }

    .fontypo-archive-grid {
        grid-template-columns: repeat(2,1fr);
    }
}

@media(max-width:768px) {
    .fontypo-archive-hero h1 {
        font-size: 44px;
    }

    .fontypo-archive-logo-box img {
        max-width: 210px;
    }

    .fontypo-archive-grid {
        grid-template-columns: 1fr;
    }

    .fontypo-archive-preview {
        font-size: 36px;
    }
}