/* ==========================================
   MARKETPLACE RESPONSIVE
========================================== */

/* ==========================================
   Large Desktop
========================================== */

@media (max-width:1400px){

}

/* ==========================================
   Laptop
========================================== */

@media (max-width:1200px){

    .marketplace-grid{
        gap:28px;
    }

    .popular-grid{
        gap:20px;
    }

    .marketplace-footer{
        gap:20px;
    }

}

/* ==========================================
   Tablet
========================================== */

@media (max-width:992px){

    #marketplace{
        padding:100px 0;
    }

    .marketplace-panel,
    .download-panel{
        padding:30px;
    }

    .panel-title h3{
        font-size:24px;
    }

    .panel-description{
        font-size:17px;
    }

    .category-card{
        padding:22px;
    }

    .category-card h4{
        font-size:20px;
    }

    .download-card{
        padding:22px;
    }

    .download-info h4{
        font-size:22px;
    }

    .hosting-card{
        padding:22px;
    }

    .hosting-card h4{
        font-size:22px;
    }

    .popular-header h3{
        font-size:28px;
    }

    .popular-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .marketplace-footer{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

}

/* ==========================================
   Mobile Large
========================================== */

@media (max-width:768px){

    .marketplace-grid{
        grid-template-columns:1fr;
    }

    .panel-header{
        flex-direction:column;
        align-items:flex-start;
    }

    .panel-header>a{
        margin-top:4px;
    }

    .marketplace-categories{
        grid-template-columns:1fr;
    }

    .download-card{
        flex-direction:column;
        align-items:flex-start;
    }

    .download-card .btn-primary{
        width:100%;
    }

    .download-benefits{
        grid-template-columns:1fr;
    }

    .popular-header{
        flex-direction:column;
        align-items:flex-start;
    }

    .popular-grid{
        grid-template-columns:1fr;
    }

    .marketplace-footer{
        grid-template-columns:1fr;
    }

       .hosting-card .btn-outline-hosting{

        display:flex;

        width:100%;

        justify-content:center;

        height:56px;

    }


}

/* ==========================================
   Mobile
========================================== */

@media (max-width:576px){

    #marketplace{
        padding:80px 0;
    }

    .marketplace-panel,
    .download-panel{
        padding:24px;
        border-radius:22px;
    }

    .panel-title{
        gap:14px;
    }

    .panel-title i{
        width:50px;
        height:50px;
        font-size:20px;
    }

    .panel-title h3{
        font-size:22px;
    }

    .panel-description{
        font-size:16px;
    }

    .category-card{
        padding:20px;
    }

    .category-card i{
        width:52px;
        height:52px;
        font-size:20px;
    }

    .category-card h4{
        font-size:19px;
    }

    .download-card{
        padding:20px;
    }

    .download-info h4{
        font-size:20px;
    }

    .download-info p{
        font-size:16px;
    }

    .download-card .btn-primary{
        height:54px;
    }

    .hosting-card{
        padding:20px;
    }

    .hosting-card h4{
        font-size:20px;
    }

    .hosting-card p{
        font-size:16px;
    }

    .popular-header h3{
        font-size:24px;
    }

    .popular-card-body{
        padding:18px;
    }

    .marketplace-footer>div{
        padding:20px;
    }

    .marketplace-footer span{
        font-size:16px;
    }

}