@media(max-width: 1400px){
    .order{
        margin-right: -170px !important;
    }
}

@media(max-width: 1200px){
    .order{
        margin-right: -90px !important;
    }
}

@media (max-width: 991px) {
    .input-group>.form-control, .input-group>.form-floating, .input-group>.form-select {
        width: 340px;
    }

    .input-group{
        display: block;
    }

    .search-dropdown a{
        width: 340px;
        margin-top: 15px;
    }

    .row{
        margin-right: 0px;
    }

    .item-images img{
        min-width: 60%;
        max-width: 60%;
    }

    .img-view img{
        width: 98% !important;
        height: auto !important;
    }

    .back-btn-header{
        display: none;
    }

    .order{
        margin-left: 10px;
        margin-right: 0px !important;
    }

    .order input{
        width: 50px;
    }
}

.order{
    margin-right: -270px;
}

.item-images img{
    max-width: 30%;
    max-height: 180px;
    object-fit: cover;
}

.img-view img{
    width: auto;
    height: 90%;
}

.bbg {
    font-size: 24px;
    color: white;
    transition: 0.2s ease;
}

.bbg:hover {
    color: gray;
}

.wbg {
    font-size: 24px;
    transition: 0.2s ease;
}

.wbg:hover {
    color: rgb(41, 126, 172);

}

.docs {
    font-size: 22px;
    color: rgb(0, 0, 0);
    transition: 0.2s ease;
}
.docs:hover {
    color: rgb(83, 83, 83);
}

.back-btn-header{
    position: fixed;
    top: 0;
    left: 0;
    width: 4vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.1);
    z-index: 9999;
}