@media screen and (max-width: 1366px) {
    .slidesHed {
        font-weight: 900;
        font-size: 36px;
        margin-bottom: 5px;
        color: #000;
    }
    .saleCalender .btn.btn-warning{
        margin-top: 10px;
    }
}
@media screen and (max-width: 1200px) {
    .datepickerCustom {
        margin-bottom: 10px;
    }
    .headingSectonWrap{
        display: block;
    }
}

@media screen and (max-width: 992px) {
    .resLogo{
        display: inline-block;
    }
    .subtotalTable {
        float:none; width: 100%;
    }
}

@media screen and (max-width: 768px) {
    .formWrapper{
        width: 400px;
    }
    .loginLogo{
        width: 140px;
    }
    #var_options{
        width: 100% !important;
    }
    .slidesHed {
        font-size: 28px;
    }
    .slidesSubhead {
        font-size: 16px;
    }
    .slidesCont {
        font-size: 14px;
    }
    .dataTables_wrapper .dataTables_paginate{
        margin-top: 50px !important;
    }
    .dataTables_paginate {
        margin-top: 50px !important;
    }



}
@media screen and (max-width: 600px) {
    .topHedWrapper {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin: 15px 0;
    }
    .topHedWrapper .filterDiv {
        display: flex !important;
        justify-content: flex-end;
        align-items: flex-end;
        flex-wrap: wrap;
        flex-direction: column;
        width: initial;
    }
    .topHedWrapper .dateDiv{
        display: flex;
        justify-content: space-between;
    }
    .dateDiv label{
        white-space: nowrap;
    }
    .topHedWrapper .docDiv button {
        display: inline-block;
        margin: 0px 0px;
        padding: 3px 12px;
        border-radius: 40px;
        border: 1px solid;
        font-size: 14px;
    }
    .topHedWrapper .docDiv button img{
        width: 18px;
    }
    .topHedWrapper .filterDiv {
        border-radius: 15px;
        background-color: #F9F3E7;
        padding: 5px 9px;
        display: inline-block;
        float: right;
    }
    .topHedWrapper .dateDiv input {
        width: 120px;
    }
    .slidesWrapper{
        margin-bottom: 15px;
    }
    .col-md-4 a{
        display: block;
    }
}
@media screen and (max-width: 576px) {

    .formWrapper{
        width: 300px;
    }
    .wrapperOne{
        min-height: 100vh;
    }
    .loginLogo{
        width: 120px;
    }
    .c-wrapper .c-main {
        padding: 20px 20px;
    }
    .c-wrapper .c-main .container{
       padding: 0 !important;
    }
    .panel-body {
        padding: 20px 0px;
    }
    .bodyHolder {
        padding: 0px;
    }
    .fileUpload {
        width: 110px;
        height: 140px;
    }
    .uploadPlace {
        font-size: 16px;
    }
    .uploadPlace b {
        font-size: 24px;
    }
    .c-main{
        padding-left: 20px;
        padding-right: 20px;
    }
    .dataTables_wrapper .dataTables_length {
        float: left;
    }
    .modal-footer input{
        font-size: 14px !important;
        padding: 10px 40px !important;
    }
    .modal-footer button{
        font-size: 14px !important;
    }
    .flotDivTwo{
        float: left !important;
    }
    .floadtLR{
        float: left !important;
        margin-top: 15px !important;
    }
    #totalTxt{
        font-size: 24px;
        font-weight: 700;
    }
    .slidesSubhead {
        font-size: 16px;
    }
    .dateDiv input {
        width: 100%;
    }
    .dateDiv {
        display: block;
    }
    .filterDiv{
        width: 100%;
    }
    .slidesHed {
        font-size: 24px;
    }
    /* .imgPreviewTwo img{
        height:initial;
    } */
    .owl-carousel .owl-item img {
        display: block;
        height: initial;
    }
    .sliderWrap {
        width: 290px;
    }
    .imgPreviewTwo{
        width: 100%;
    }
    .modal.show .modal-dialog{
        width: 100%;
    }
    .stl_mr button {
        margin-bottom: 16px;
        margin-top: 15px;
    }
}
@media screen and (max-width: 320px) {
    .sliderWrap {
        width: 280px;
    }
}