/* =========================================================
   AWTI DEVICES HUB
   GLOBAL RESPONSIVE CSS
   File: assets/css/device-global-responsive.css
   ========================================================= */


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 900px){

    .awti-device-single{
        width:100%;
        max-width:100%;
    }

    .awti-device-single .awti-device-card{
        width:100%;
    }

    .awti-device-single .awti-pros-cons-grid{
        grid-template-columns:1fr 1fr;
    }

    .awti-device-single .awti-similar-products-grid{
        grid-template-columns:
            repeat(3,minmax(0,1fr));
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 600px){

    .awti-device-single{
        width:100%;
        overflow:hidden;
    }

    .awti-device-single .awti-device-card,
    .awti-device-single .awti-price-gst-card,
    .awti-device-single .awti-store-prices,
    .awti-device-single .awti-user-rating-card,
    .awti-device-single .awti-similar-products,
    .awti-device-single .awti-buy-tip{
        width:100%;
        max-width:100%;

        margin-left:0;
        margin-right:0;
    }


    /* Prevent long text from breaking layout */

    .awti-device-single h1,
    .awti-device-single h2,
    .awti-device-single h3,
    .awti-device-single p,
    .awti-device-single strong,
    .awti-device-single span{
        overflow-wrap:anywhere;
    }


    /* Tables / specification rows */

    .awti-device-single .awti-spec-list{
        width:100%;
    }


    /* Store rows */

    .awti-device-single .awti-store-price-row{
        width:100%;
    }


    /* Similar products */

    .awti-device-single .awti-similar-products-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }


    /* Pros / Cons */

    .awti-device-single .awti-pros-cons-grid{
        grid-template-columns:1fr;
    }


    /* Rating */

    .awti-device-single .awti-rating-summary{
        width:100%;
    }


    /* Tabs */

    .awti-device-single .awti-device-tabs{
        max-width:100%;
        overflow-x:auto;
    }


    /* Buttons */

    .awti-device-single button,
    .awti-device-single a{
        max-width:100%;
    }

}


/* =========================================================
   SMALL PHONES
   ========================================================= */

@media (max-width: 400px){

    .awti-device-single .awti-similar-products-grid{
        grid-template-columns:1fr;
    }

    .awti-device-single .awti-device-card{
        padding:13px;
    }

    .awti-device-single .awti-section-heading{
        flex-direction:column;
        align-items:flex-start;
    }

}


/* =========================================================
   VERY SMALL PHONES
   ========================================================= */

@media (max-width: 350px){

    .awti-device-single .awti-device-tabs button{
        padding-left:10px;
        padding-right:10px;
    }

    .awti-device-single .awti-user-stars{
        gap:0;
    }

}