@media only screen and (min-width: 375px) {

    .cart__item__name{
        width: 120px;
    }

}

@media only screen and (min-width: 425px) {

    .item-slide__image{
        height: 180px;
    }

    .items-listing .item-slide .item-slide__image{
        height: 200px;
    }

    .items-listing .item-slide .item-slide__description{
        padding: 0.5rem;
    }

    .items-listing .item-slide .item-slide__description .item-price{
        font-size: 1rem;
    }

    .products-sidebar__wrapper__mobile input{
        width: 150px;
    }

    .seller-info{
        display: flex;
        justify-content: center;
    }

    .seller-info__actions{
        display: flex;
        justify-content: center;
        flex-direction: column;
        margin-left: 1rem;

    }

    .cart__item__name{
        width: 150px;
    }

}

@media only screen and (min-width: 576px){
}

@media only screen and (min-width: 768px) {
    .navbar-brand img{
        content: url('/site/assets/images/logo.png');
    }

    .pr-sm{
        padding-right: 2.5px;
    }

    .pl-sm{
        padding-left: 2.5px;
    }

    .top-nav{
        display: block;
    }

    .main-nav{
        background-color: #fff;
    }

    .hamburger{
        display: none;
    }

    .main-nav__items{
        display: flex;
        justify-content: space-between;
        min-width: 500px;
        font-size: 0.7rem;
    }

    .main-slider__item img{
        /** height:180px; **/
    }

    .small-banner__wrapper{
        display: flex;
        justify-content: space-between;
    }

    .small-banner{
        width: 48%;
        height: 160px;
        margin:1rem 0;
    }

    .small-banner img{
        object-fit: cover;
    }

    .mega__menu{
        padding: 30px 0;
        display: none;
        position: absolute;
        top: 100%;
        width: 100%;
        background-color: rgba(0,0,0,0.7);
        border-top: 2px solid #F37A21;
        color: #ffffff;
        z-index: 999;
    }

    .mega__menu ul li{
        margin-bottom: 10px;
    }

    .mobile-menu{
        display: none;
    }



    .products-sidebar__wrapper{
        display: block;
    }

    .products-sidebar__wrapper__mobile{
        display: none;
    }

    .shipping-info__wrapper{
        text-align: right;
    }

    .buy-action__variation-wrapper{
        float:left;
    }

    .cart{
        width: 400px;
    }

    .login-card{
        width: 300px;
        min-height: 350px;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .login-card .card-body{
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .login-container{
        display: flex;
        justify-content: center;
        min-height: 60vh;
    }

    .background-section{
        background-size: cover;
        background-position:center center;
    }

    .purchase__item__description__price{
        text-align: left;
    }

    .purchase__item__description__quantity{
        text-align: left;
    }

    .purchase__item__description__variation, .purchase__item__description__price, .purchase__item__description__quantity{
        font-size: 0.8rem;
    }

    .purchase__tracking{
        max-width: 600px;
        margin: 0 auto;
    }

    .purchase__tracking ul{
        min-height: 150px;
        justify-content: space-between;
        flex-direction: row;
        max-width: 800px;
        margin: 0 auto;
    }

    .purchase__voucher input{
        width: 25%;
    }

    .purchase__tracking__steps__detail{
        display: block;
        text-align: center;
    }

    .purchase__tracking__steps{
        display: block;
        justify-content: flex-start;
    }

    .purchase__tracking__steps__wrapper{
        margin:1rem auto;
    }

    .user-sidebar{
        position: relative;
        left:initial;
        width: 100%;
        background-color: transparent;
    }

    .user-sidebar.active{
        left:0;
    }

    .account-nav-btn{
        display: none;
    }

    .after-sale__item__logo{
        width: 100px;
        height: 100px;
    }

    .product-care__item--banner{
        height: 230px;
    }

    .product-search-input__wrapper{
        width: 60%;
    }

    .btn-product-search{
        width: 50px;
        margin-left: 0.5rem;
    }

    .product-search-bar{
        display: block !important;
    }

    .item-slide__description__name {
        height: 20px;
    }

    /* product gallery slider */
    #gallerySlider .draggable{
        height: 250px!important;
    }

    .bestcraft{
        height: 220px;
    }

    .craftmall__image{
        height: 150px;
    }

    .exclusive__description{
        position: absolute;
        padding-top: 20px;
        top: 0;
        width: 35%;
        color: white;
        left:60%;
        font-size: 0.8rem;
        text-align: justify;
    }

    /*inbox message*/
    .chat__action{
        display: flex;
        flex-wrap: wrap;
    }

    .chat__input{
        width: 85%;
    }

    .chat__submit{
        width: 15%;
    }

    .inbox__holder .avatar{
        width: 15%;
        display: block;
    }

    .chat__header .avatar{
        display: block;
    }

}

@media only screen and (min-width: 1024px) {

    .navbar-brand{
        width: 150px;
    }

    .main-slider__item img{
        /** height:250px; **/
    }

    .small-banner__wrapper{
        flex-direction: column;
        justify-content: space-between;
        height: 100%;
    }

    .small-banner{
        margin:0;
        overflow-x: hidden;
        width: 100%;
        height: 110px;
    }

    .small-banner img{
        height: 100%;
        width: 100%;
    }

    .category{
        height: 220px;
    }

    .category-vect{
        height: 445px;
    }

    .bestcraft{
        height: 180px;
    }

    .purchase__voucher input{
        width: 20%;
    }

    .category__name{
        padding: 0.5rem 1rem;
    }

    .buyer-action__quantity-wrapper{
        max-width: 200px;
        float:left;
    }

    .login-card{
        width: 400px;
    }

    .purchase__item__image{
        width: 80px;
        height: 80px;
    }

    .main-nav__items{
        min-width: 600px;
        font-size: 0.9rem;
    }

    .product-care__item--banner{
        height: 310px;
    }

    /* product gallery slider */
    #gallerySlider .draggable{
        height: 350px!important;
    }

    /* pop up slider */
    .popup-slider{
        width: 50%;
        margin: 0px auto;
    }

    .exclusive__description{
        font-size: 1rem;
    }

}

@media only screen and (min-width: 1200px) {
    .main-slider__item img{
        /** height:250px; **/
    }

    .small-banner{
        height: 130px;
    }

    .login-card{
        width: 450px;
    }

    /* product gallery slider */
    #gallerySlider .draggable{
        height: 428px!important;
    }

    /* pop up slider */
    .popup-slider{
        width: 40%;
        margin: 0px auto;
    }

    .exclusive__description{
        font-size: 1.3rem;
    }

}