@media (max-width: 400px) {
    .col-xl-4 {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .m-portlet .m-portlet__body {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}

ul#gridView {
  /*width:1100px;*/
  list-style: none;
  padding:20px;
}


.Prize 
{
    text-align:center;
    /*vertical-align:middle;*/
    /*display:table-cell;*/
    width:100%;
    height:60px;
    font-size:medium;
    font-weight:700;
    float: left;
    line-height: 5;
}

.Retail {
    font-size:small;
}

.Retail_cancelled {
    font-size:small;
    text-decoration:line-through;
}

.countdown 
{
    text-align:center;
    /*vertical-align:middle;*/
    /*display:table-cell;*/
    width:100%;
    height:40px;
    font-size:small;
    font-weight:700;
    padding-top: 10px;
}

.countdownDetails {
    width:189px;
}

.bidder 
{
    text-align:center;
    width:100%;
    height:20px;
    font-size:11px;
    font-weight:700;
}

.mainWrapper {
    display:inline;
    background-color: white;
    float:left;
    margin:5px;
    width:340px;
    padding:0px;
}

.up 
{
    height: 80px;
    background-color:rgb(221, 162, 221);/*lightgoldenrodyellow;*/
    margin:5px;
}


.upleft 
{
    float:left;
    width:30%;
    align-content:center;
   
}

.upmiddle 
{
    float:left;
    width:35%;
    align-content:center;
}

.upright 
{
    float:right;
    width:35%;
    align-content:center;
}

.bidbutton_active:hover {
  border: 1px solid #666666;
}

.autobidButton_active:active, autobidButton_inactive:active {
    border-color: #000;
    background: none repeat scroll 0% 0% #999;
}

.bidbutton_active:active {
    border-color: #000;
    background: none repeat scroll 0% 0% rgba(161, 161, 51, 1);
}


.Button 
{
    width:50px;
    height:60px;
    margin:8px 2px 8px 0px;
    border: 1px solid #999999;
    border-radius:3px;
    -webkit-border-radius:3px;
    -webkit-box-shadow:0 0 2px 1px rgba(255, 255, 255, 0.5) inset;
    box-shadow:0 0 2px 1px rgba(255, 255, 255, 0.5) inset;
    float:inherit;
}

.reminderimg_active {
    background-image:url("/images/reminder.png");
}

.reminderimg_inactive {
    background-image:url("/images/reminder.png");
    opacity:0.3;
}

.subscribeimg_active {
    background-image: url("/images/subscribe.png");
}

.subscribeimg_inactive {
    background-image: url("/images/subscribe.png");
    opacity: 0.3;
    cursor: default;
    background-color: #ededed;
    color: #999999;
    border-color: #d2d2d2;
}


.bidbutton_active {
    cursor: pointer;
    background-color: rgb(214, 214, 11);
}

.bidbutton_inactive {
    cursor: default;
    background-color: #ededed;
    color: #999999;
    border-color: #d2d2d2;
}

.bidimg {
    background-position:8px 5px;
    background-repeat:no-repeat;
    height:40px;
    border-bottom-width:0px;
}

.bidimg_inactive {
    background-image:url("/images/bid_active.png");
    opacity:0.3;
}

.bidimg_active {
    background-image:url("/images/bid_active.png");
}

.bidcaption {
    text-align:center;
    height:20px;
    font-size:xx-small;
    font-weight:700;
    line-height: 2;
}

    .bidcaption:hover {
        border: 0px;
    }

.autobidButton 
{
    width:30px;
    height:60px;
    
}

.autobidimg {
background-image:url("/images/autobid.png");
    background-position:3px 18px;
    background-repeat:no-repeat;
    height:inherit;
}


.autobidimg_disabled {
    opacity:0.3;
}

.autobid_disabled {
    cursor:default;
    background-color: #ededed;
    color: #999999;
    border-color: #d2d2d2;
}

.autobidButton_active {
    cursor: pointer;
    background-color: rgb(214, 214, 11); 
}

.autobidButton_inactive {
    cursor: pointer;
    background-color: #d2d2d2;
}

.autobidButton_inactive:hover,.autobidButton_active:hover {
    border: 1px solid #666666;
}


#bidbuttons {
    height:60px;
}

.DefaultImage {
    width: 100%;
    position: relative;
    top: 0;
    left: 0;
}

.Auction_Product_Name {
    text-align:center;
    vertical-align:middle;
    font-size:small;
    font-weight:700;
    margin:5px;
}

.down 
{
    height: 80px;
    background-color:rgb(221, 162, 221);/*lightgoldenrodyellow;*/
    margin:5px;
}


.downleft 
{
    float:left;
    width:30%;
    align-content:center;
   
}

.downmiddle 
{
    float:left;
    width:40%;
    align-content:center;
    height:60px;
    font-size:small;
    /*font-weight:700;*/
}

.downright 
{
    float:right;
    width:30%;
    align-content:center;
}

.buy_now {
    width:83px;
    cursor: pointer;
    line-height:9;
    font-size:x-small;
    font-weight:700;
    text-align:center;
    background-image:url("/images/buy_now.png");
    background-position:24px 3px;
    background-repeat:no-repeat;

}

.claim_now {
    width:83px;
    cursor: pointer;
    line-height:9;
    font-size:x-small;
    font-weight:700;
    text-align:center;
    background-image:url("/images/claim_now.png");
    background-position:24px 3px;
    background-repeat:no-repeat;

}

.buy_now_inactive {
    background-color: #d2d2d2; 
}

.buy_now_active {
    background-color: rgb(214, 214, 11); 
}

.buy_now_disabled {
     cursor: default;
    background-color: #ededed;
    color: #999999;
    border-color: #d2d2d2;
     opacity:0.3;
}

    .buy_now_inactive:hover, .buy_now_active:hover, .claim_now:hover {
        border: 1px solid #666666;
    }

.yourPrize {
    height: inherit;
    text-align: center;
    /*display: table-cell;*/
    vertical-align: middle;
    padding-top: 20px;
}

.yourPrizeDetail {
    /*float:inherit;*/
    width:176px;
    /*line-height:5;*/
}

.Auction_Info {
    height:30px;
     padding-left:50px;
}

.bidamount {
    background-image:url("/images/money_increase.png");
    background-repeat:no-repeat;
    height:inherit;
    padding-left:40px;
    line-height: 3;
    font-size: smaller;
    font-weight: 700;
    float:left;
}

.bidcredit {
    background-image:url("/images/bidcredit.png");
    background-repeat:no-repeat;
    height:inherit;
    padding-right:50px;
    padding-left:40px;
    line-height: 3;
    font-size: smaller;
    font-weight: 700;
    float:right;
}

.rightDetail {
    /*width:450px;*/
    height:700px;
    float:right;
}

.leftDetail {
    /*width:550px;*/
    padding-left:0px !important;
    /*height:700px;*/
    float:left;
}

.mainWrapperDetail {
    width:inherit;
}

.upDetail {
    width:initial;
}

.downDetail {
    width:initial;
}

.rightUpDetail {
    height:35%;
}

.rightDownDetail {
    height:65%;
}

.detail {
    width:100%;
}

.bottomDetail {
    width:99%;
    /*height:200px;*/
}

.DetailImage {
    width:100%;
    /*height:400px;*/
}

.ImageSelector {
    width:inherit;
    height:205px;
}

.mainWrapperDetail>p {
    margin:20px;
}

.bidderHistory {
    /*width:200px;*/
    text-align:left;
}

.prizeHistory {
    /*width:200px;*/
    text-align:right;
}

.biddingHistory {
    margin-left: 10px;
    width:90%;
}

    .biddingHistoryDetails {
        font-size:small;
        padding-top:8px;
    }
.auction_caption {
    /*display:none;*/
    float:left;
    width:50%;
    border-bottom:5px;
}

div.details {
    text-align: right;
    float: right;
    width: 50%;
    border-bottom: 5px;
    margin-right: 0px !important;
    margin-left: 0px !important;
}

.total_price {
    font-weight:700;
}


#desc {
    margin:20px;
}

#desc>ul {
width: inherit;
padding: 0px 40px;
list-style: inherit;
}

.SoldImage {
    width: 80% !important;
    position: absolute;
    top: 30px;
}

.ImageWrapper {
    position: relative;
    top: 0;
    left: 0;
}

hr{
    margin-top:0px !important;
    width:100%;
}

.reminderInfo {
    padding-left: 10px;
    padding-right: 10px;
}

.time {
    float: right;
    width: 35%;
}


.time_label {
    float: left;
    width: 65%;
}


.ReminderButton {
    width: 120px;
    height: 30px;
    border: 1px solid #999999;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -webkit-box-shadow: 0 0 2px 1px rgba(255, 255, 255, 0.5) inset;
    box-shadow: 0 0 2px 1px rgba(255, 255, 255, 0.5) inset;
    float: right;
    margin: 10px;
    background-color: rgb(221, 162, 221);
    line-height: 2;
    font-weight: 700;
    text-align: center;
}

    .ReminderButton:hover {
        border: 1px solid #666666;
        cursor: pointer;
    }

    .ReminderButton:active {
        border-color: #000;
        background: none repeat scroll 0% 0% rgba(147, 86, 159, 1);
    }

.buyNowCaption {
    float: left;
    width: 70%;
    font-weight: 400;
}

.buyNowDetails {
    text-align: right;
    float: right;
    width: 30%;
    font-weight: 400;
}


.buyNowButton {
    width: 120px;
    height: 50px;
    margin: 8px 2px 8px 0px;
    border: 1px solid #999999;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -webkit-box-shadow: 0 0 2px 1px rgba(255, 255, 255, 0.5) inset;
    box-shadow: 0 0 2px 1px rgba(255, 255, 255, 0.5) inset;
    float: right;
    background-color: rgb(221, 162, 221);
    line-height: 3;
    font-weight: 700;
    text-align: center;
}

    .buyNowButton:hover {
        border: 1px solid #666666;
        cursor: pointer;
    }

    .buyNowButton:active {
        border-color: #000;
        background: none repeat scroll 0% 0% rgba(147, 86, 159, 1);
    }

.product_name {
    text-align: center;
}

.buyNowSpan {
    color: rgb(221, 162, 221);
    font-stretch: ultra-expanded;
}

.earning {
    color: rgb(221, 162, 221);
    font-weight: 400
}
.claim_Button {
    padding: 0px 5px 0px 5px;
    height: 50px;
    margin: 8px 2px 8px 0px;
    border: 1px solid #999999;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -webkit-box-shadow: 0 0 2px 1px rgba(255, 255, 255, 0.5) inset;
    box-shadow: 0 0 2px 1px rgba(255, 255, 255, 0.5) inset;
    float: right;
    margin: 20px;
    background-color: rgb(221, 162, 221);
    line-height: 3;
    font-weight: 700;
    text-align: center;
}

    .claim_Button:hover {
        border: 1px solid #666666;
        cursor: pointer;
    }

    .claim_Button:active {
        border-color: #000;
        background: none repeat scroll 0% 0% rgba(147, 86, 159, 1);
    }

.total_saving {
    font-weight: 700;
    font-stretch: expanded;
    color: rgb(221, 162, 221);
}

.claim_caption {
    float: left;
    width: 50%;
    margin-right: 0px !important;
    margin-left: 0px !important;
}

.extra_spacing {
    margin-bottom: 30px;
}

.line_through {
    text-decoration: line-through;
}

.claim_productImage_wrapper {
    height: 100%;
    width: 40%;
    float: left;
}

.claimInfo_wrapper {
    height: 100%;
    width: 60%;
    float: right;
}

.claimInfo {
    height: 80%;
    width: 380px;
    padding-left: 10px;
}

.productImage {
    background-repeat: no-repeat;
}

.menu_div {
    padding: 0px 15px 15px 15px;
}