@media (max-width: 575.98px) {
    .s-left-20-mobile {
        width: 80%;
        float: left;
        position: fixed;
        z-index: 1;
        top: 0px;
        left: 0px;
        background-color: #fff;
        height: 100vh;
        box-shadow: 7px 0 60px rgba(0,0,0,.05);
        display: none;
    }
    .s-right-80-mobile {
        width: 100%;
        float: right;
        position: relative;
        display: block;
    }
    .s-middle-white-box-40 {
        width: 96%;        
    }
    .s-middle-white-box-60 {
        width: 96%;
    }
    .s-middle-white-box-30 {
        width: 96%;
    }
    .s-middle-white-box-31 {
        width: 96%;
    }
    .s-middle-white-box-62 {
        width: 96%;
    }
    .s-header-right {
        
        font-size: 20px;
        padding-right: 9px;       
    }
    .s-setting {
        font-size: 12px;
        margin-right: 1px;
        padding-top: 8px;
    }
    .s-header-left {
        
        font-size: 14px;
        padding-left: 14px;
       
    }
    .s-logo {
        width: 80%;
        padding-top: 11px;
    }
    .s-adminpanel-text {
        display: none;
    }
    .s-mobile-Menu{display:block;}
    .s-middle-outer{display:block;}
    .s-page-title-icon{display:none;}
    .s-bodytitle .s-page-title {
        padding-left: 10px;
    }
    .s-closemenu {
        display: block;
        position: absolute;
        top: 2px;
        right: 10px;
        font-size: 32px;
        color: #817d7d;
    }
    .s-bodytitle {
        padding: 15px 2% 10px 2%;
    }

    /*slider css start*/
    .s-w-100 .s-w-24 {
        width: 98%;
    }
    .s-header-note {
        width: 100% !important;
        float: left;
        margin: 10px 0px;
    }
    .s-File-Small {
        width: 100%;
        float: left;
        margin-right: 5px;
        margin-bottom: 10px;
    }
    .s-header-note-two {
       
        position: relative;
        right: 0px;
        top: 0px;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    /*slider css start*/
    .s-col-33 {
        flex: 0 0 100%;
        width: 100%;        
    }
    .s-mobile-border {
        border-bottom: solid 1px #ececec;
        padding-bottom: 16px;
    }

    .s-middle-white-box-50{width:100%;}
    .s-order-filter-div {
        width: 80%;
    }

    .s-login {
        top: 5%;
        width: 92%;
        margin-left: 4%;
        left: 0%
    }
    .s-login-outer {
        padding: 15px 32px 32px 15px;
    }
    .s-login-logo {
        width: 50%;
    }
    .site-error-msg{font-size:13px;}
    .s-loaderDiv {
        top: 25%;
    }
    .site-order-payemt-order {
        width: 40% !important;
        font-size: 14px;
    }

    .site-order-payemt-accept {
        width: 60% !important;
    }
    .com_InnerBox {
        width: 85% !important;
        left: 43% !important;
        margin-left: -35% !important;
        top: 8% !important;
    }
    .site-order-payemt-accept-title{font-size:12px;}
        
}


    @media (min-width: 576px) and (max-width: 767.98px) {
        .s-left-20-mobile {
            width: 80%;
            float: left;
            position: fixed;
            z-index: 1;
            top: 0px;
            left: 0px;
            background-color: #fff;
            height: 100vh;
            box-shadow: 7px 0 60px rgba(0,0,0,.05);
            display: none;
        }

        .s-right-80-mobile {
            width: 100%;
            float: right;
            position: relative;
            display: block;
        }

        .s-middle-white-box-40 {
            width: 96%;
        }

        .s-middle-white-box-60 {
            width: 96%;
        }
        .s-middle-white-box-30 {
            width: 96%;
        }
        .s-middle-white-box-31 {
            width: 96%;
        }
        .s-middle-white-box-62 {
            width: 96%;
        }
        .s-header-right {
            font-size: 20px;
            padding-right: 9px;
        }

        .s-setting {
            font-size: 12px;
            margin-right: 1px;
            padding-top: 8px;
        }

        .s-header-left {
            font-size: 14px;
            padding-left: 14px;
        }

        .s-logo {
            width: 55%;
            padding-top: 11px;
        }

        .s-adminpanel-text {
            display: none;
        }

        .s-mobile-Menu {
            display: block;
        }

        .s-middle-outer {
            display: block;
        }

        .s-page-title-icon {
            display: none;
        }

        .s-bodytitle .s-page-title {
            padding-left: 10px;
        }

        .s-closemenu {
            display: block;
            position: absolute;
            top: 2px;
            right: 10px;
            font-size: 32px;
            color: #817d7d;
        }

        .s-bodytitle {
            padding: 15px 2% 10px 2%;
        }
        /*slider css start*/
        .s-w-100 .s-w-24 {
            width: 98%;
        }

        .s-header-note {
            width: 100% !important;
            float: left;
            margin: 10px 0px;
        }

        .s-File-Small {
            width: 100%;
            float: left;
            margin-right: 5px;
            margin-bottom: 10px;
        }

        .s-header-note-two {
            position: relative;
            right: 0px;
            top: 0px;
            margin-top: 10px;
            margin-bottom: 10px;
        }
        /*slider css start*/

        .s-col-33 {
            flex: 0 0 100%;
            width: 100%;
           
        }
        .s-mobile-border {
            border-bottom: solid 1px #ececec;
            padding-bottom: 16px;
        }
        .s-middle-white-box-50 {
            width: 100%;
        }
        .s-order-filter-div {
            width: 80%;
        }
        .s-login {
            top: 5%;
            width: 92%;
            margin-left: 4%;
            left: 0%
        }
        .site-error-msg {
            font-size: 16px;
        }
        .site-order-payemt-order {
            width: 40% !important;
        }
        .site-order-payemt-accept {
            width: 60% !important;
        }

        .com_InnerBox {
            width: 85% !important;
            left: 43% !important;
            margin-left: -35% !important;
            top: 8% !important;
        }
        
    }


    @media (min-width: 768px) and (max-width: 991.98px) {
        .s-left-20-mobile {
            width: 80%;
            float: left;
            position: fixed;
            z-index: 1;
            top: 0px;
            left: 0px;
            background-color: #fff;
            height: 100vh;
            box-shadow: 7px 0 60px rgba(0,0,0,.05);
            display: none;
        }

        .s-right-80-mobile {
            width: 100%;
            float: right;
            position: relative;
            display: block;
        }

        .s-middle-white-box-40 {
            width: 96%;
        }

        .s-middle-white-box-60 {
            width: 96%;
        }
        .s-middle-white-box-30 {
            width: 96%;
        }
        .s-middle-white-box-31 {
            width: 96%;
        }
        .s-middle-white-box-62 {
            width: 96%;
        }
        .s-header-right {
            font-size: 20px;
            padding-right: 9px;
        }

        .s-setting {
            font-size: 12px;
            margin-right: 1px;
            padding-top: 8px;
        }

        .s-header-left {
            font-size: 14px;
            padding-left: 14px;
        }

        .s-logo {
            width: 46%;
            padding-top: 11px;
        }

        .s-adminpanel-text {
            display: none;
        }

        .s-mobile-Menu {
            display: block;
        }

        .s-middle-outer {
            display: block;
        }

        .s-page-title-icon {
            display: none;
        }

        .s-bodytitle .s-page-title {
            padding-left: 10px;
        }

        .s-closemenu {
            display: block;
            position: absolute;
            top: 2px;
            right: 10px;
            font-size: 32px;
            color: #817d7d;
        }

        .s-bodytitle {
            padding: 15px 2% 10px 2%;
        }

        .s-header-note {
            width: 100% !important;
            float: left;
            margin: 10px 0px;
        }

        .s-File-Small {
            width: 100%;
            float: left;
            margin-right: 5px;
            margin-bottom: 10px;
        }

        .s-header-note-two {
            position: relative;
            right: 0px;
            top: 0px;
            margin-top: 10px;
            margin-bottom: 10px;
        }
        .s-order-filter-div {
            width: 60%;
        }

        .com_InnerBox {
            width: 85% !important;
            left: 43% !important;
            margin-left: -35% !important;
            top: 8% !important;
        }
    }


    @media (min-width: 992px) and (max-width: 1199.98px) {

    }


    @media (min-width: 1200px) {
       
    }