@media (min-width: 180px) and (max-width: 319px) {
    /*============================
    BANNER QUERY
    =============================*/
    .banner .banner-content{
        height: 100px;
    }

    .banner .banner-content h4{
        padding: 30px 0;
    }

    /*============================
    CART QUERY
    =============================*/
    .cart .cart-inner{
        width: 100%;
        margin: 0 auto;
    }

    .status-message img{
        width: 95%;
    }
}

@media (min-width: 320px) and (max-width: 480px) {
    /*=========================
    BANNER QUERY
    ==========================*/
    .banner .banner-content{
        height: 150px;
    }

    .banner .banner-content h4{
        padding: 50px 0;
    }

    /*==========================
    CART QUERY
    ===========================*/
    .cart .cart-inner{
        width: 100%;
        margin: 0 auto;
    }

    .status-message img{
        width: 95%;
    }
}

@media (min-width: 481px) and (max-width: 767px) {
     /*=======================
    BANNER QUERY
    ========================*/
    .banner .banner-content{
        height: 200px;
    }

    /*=========================
    CART QUERY
    ==========================*/
    .cart .cart-inner{
        width: 95%;
        margin: 0 auto;
    }

    .status-message img{
        width: 45%;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    /*==========================
    BANNER QUERY
    ===========================*/
    .banner .banner-content{
        height: 200px;
    }

    /*=============================
    CART QUERY
    ==============================*/
    .cart .cart-inner{
        width: 98%;
        margin: 0 auto;
    }
}