/* ==========================================================
   ToListn Game Posts
   Responsive CSS
   Version:2.0
========================================================== */


/* ==========================================================
   Laptop
   <=1200px
========================================================== */


@media(max-width:1200px){


    .tlgp-section{

        padding:0 20px;

    }


    /*
       Game Cards
    */

    .tlgp-grid{

        grid-template-columns:repeat(3,minmax(0,1fr));

    }


}



/* ==========================================================
   Tablet
   <=992px
========================================================== */


@media(max-width:992px){


    /*
       Header
    */


    .tlgp-header{

        gap:25px;

    }



    .tlgp-heading h2{

        font-size:36px;

    }



    /*
       Hero Layout
    */


    .tlgp-main{

        grid-template-columns:1fr;

        gap:32px;

    }



    .tlgp-featured-content{

        padding:30px;

    }



    /*
       Guide List
    */


    .tlgp-guide-panel{

        padding:24px;

    }



    /*
       Game Grid
    */


    .tlgp-grid{

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

    }


}



/* ==========================================================
   Mobile
   <=768px
========================================================== */


@media(max-width:768px){


    /*
       Section
    */


    .tlgp-section{

        margin:60px auto;

        padding:0 18px;

    }



    /*
       Header
    */


    .tlgp-header{

        flex-direction:column;

        align-items:flex-start;

        gap:18px;

        margin-bottom:36px;

    }



    .tlgp-heading h2{

        font-size:30px;

    }



    .tlgp-heading p{

        font-size:15px;

        line-height:1.7;

    }



    /*
       Featured
    */


    .tlgp-featured-content{

        padding:24px;

    }



    .tlgp-featured-title{

        font-size:28px;

    }



    .tlgp-featured-excerpt{

        font-size:15px;

        line-height:1.7;

        margin-bottom:20px;

    }



    /*
       Guide Item
    */


    .tlgp-guide-item{

        align-items:flex-start;

    }



    .tlgp-guide-thumb{

        flex:0 0 110px;

    }



    .tlgp-guide-thumb img{

        height:68px;

    }



    .tlgp-guide-content h4{

        font-size:16px;

    }



    /*
       Grid
    */


    .tlgp-grid{

        grid-template-columns:1fr;

        gap:22px;

    }



    .tlgp-grid-title{

        font-size:24px;

    }


}



/* ==========================================================
   Small Mobile
   <=480px
========================================================== */


@media(max-width:480px){


    /*
       Heading
    */


    .tlgp-heading h2{

        font-size:26px;

    }



    /*
       Featured Title
    */


    .tlgp-featured-title{

        font-size:24px;

    }



    /*
       Button
    */


    .tlgp-read-btn{

        width:100%;

        justify-content:center;

    }



    /*
       Card
    */


    .tlgp-card-content{

        padding:16px;

    }



    .tlgp-card-title{

        font-size:17px;

    }



    /*
       Guide
    */


    .tlgp-guide-panel{

        padding:18px;

    }


}