@media (min-width:1200px) {
    .save-button {
        float: right;
    }
}
@media (min-width: 768px) and  (max-width:1199px) { 
    #preferred_delivery_block_front {
        width: 100%;
    }
    .col-lg-3, .col-lg-2 {
        float: left;
    }
    .save-button {
        float: right;
    }
    
}
@media (min-width: 768px) and  (max-width:991px) {
    .col-lg-2 {
        width: 24%;
    }
    .save-button {
        float: right;
    }
}
@media (min-width: 584px) and  (max-width:767px) {
    .col-lg-2 {
        float: left;
    width: 36%;
    }
    .save-button {
        float: right;
    }
    #preferred_delivery_block_front .col-lg-3{
             margin-bottom: 10px; 
    }
    .history_update_form .col-lg-3 {
        float: left;
    }
    
    
}

@media (min-width: 220px) and  (max-width:583px) {
    .col-lg-2 {
        float: right;
        width: 76%;
    }
    .history_update_form .col-lg-2 {
        float: right;
        width: 82%;
    }
     .save-button {
        float: right;
        margin: 8px;
    }
    #time_slot {
        margin-top: 21px;
            margin-left: 0px;
    }
    .history_update_form .col-lg-3 {
        float: right;
        width: 82%
    }
    .history_update_form #time_slot {
        float: left;
        margin-top: 22px;
    }
    .history_update_form .save_button {
        padding-right: 1px;
    }
    #block-order-detail .message {
            font-size: 10px;
    }
    #uniform-preferred_time span:first-child {
        width: 214px !important;
    }
    #preferred_delivery_block_front div:first-child {
        margin-bottom: 7px;
    }
}

@media (min-width: 220px) and  (max-width:410px) {
    .history_update_form .col-lg-3 {
        float: right;
        width: 76%
    }
    .history_update_form .col-lg-2 {
        float: right;
        width: 76%;
    }
}

#checkout .ui-datepicker-calendar td {
        padding: 1px !important;
}

.error_field {
    border: 1px solid #ff0000 !important;
}
.error_message {
    color: #ff0000;
}

.ui-icon {
     width: 16px !important; 
     height: 16px !important; 
}

/*#ui-datepicker-div {
        z-index: 31 !important;
}*/








#select_delivery .custom-checkbox{
float:none !important;
}
.date_text{
margin-left: 16px;
float:none !important;
}
#preferred_delivery_block_front .save-button .btn{
float:none !important;
}
#preferred_delivery_block_front #preferred_date{
padding-left: 17% !important;
padding-top: 2px !important;
background-position-x: 5px !important;
background-position-y: 5px !important;
}