/* @Media Query Css */
@media (max-width: 1024px) {
}
@media (max-width: 800px) {
}
@media (max-width: 768px) {
    .wxs_100,td.wxs_100,
    td.wmd_70,td.wmd_30{
        display: block;
        width: 100%;
    }
    span.qty_price_header{
        width: 25%;
    }
    span.qty_price{
        width: 33%;
    }
    #access_list li{
        width: 32.5%;
    }
    .inline_label{
        width: 105px;
    }
}
@media (max-width: 767px) {
    .body_pad{
        padding-left: 0;
    }
    .xs_txt_center {
        text-align: center;
    }
    .xs_txt_left {
        text-align: left;
    }
    #app_nav_collapse .navbar-right{
        margin-right: -15px;
    }
    #app_nav_collapse .navbar-right li.xs_pad_lft{
        padding-left: 15px;
    }
    .page-title {
        font-size: 20px;
    }
    #admin_nav {
        left: -200px;
        top: 51px;
    }
    .site_nav_links{
        left: 0;
        top: 51px;
        width: 100%;
    }
    .wxs_100,td.wxs_100, td.wmd_70,td.wmd_30{
        display: block;
        width: 100%;
    }
    .xsw_100{
        width: 100%;
    }
    .txt_left_xs, .txt_left_xs .text-center, .txt_left_xs .text-right{
        text-align: left;
    }
    input#q {
        width: 100%;
    }
    .btn_xs_block{
        width: 100%;
    }
    .wxs_100 input#q {
        width: 76%;
    }
    span.qty_price_header{
        width: 25%;
    }
    span.qty_price{
        width: 33%;
    }
    select#status{
        width: 100% !important;
    }
    #search, #admin_reset_btn, #printMemo{
        display: block;
        margin: 0;
        width: 100%;
    }
    #admin_del_btn, .wmd_30 .btn-success{
        width: 100%;
    }
    #frmPaymentSettings .list-inline li{
        width: 100%;
    }
    .modal-body .no_pad_lft{
        padding-left: 15px !important;
    }
    .modal-body .no_pad_rgt{
        padding-right: 15px !important;
    }
    .th_td_xs_50{
        width: 50%;
    }
    table tr th span.qty_price_header, table tr td span.qty_price{
        width: 50%;
    }
    table tr td span.pull-right:first-of-type{
        width: 200px;
    }
    table tr td span.pull-right:first-of-type .add_to_cart{
        width: 100%;
    }
    .psizes .form-control{
        width: 100px;
    }
    .topmenu li.open a,
    .topmenu li a{
        background-color: transparent !important;
        color: #FFFFFF !important;
    }
    .navbar-default .topmenu li.active a{
        background-color: #FFFFFF !important;
        color: #000000 !important;
    }
    #superLoader {
        left: 15px;
        width: calc(100% - 30px);
    }

    .xs_no_mrgn{
        margin: 0 !important;
    }
    .xsw_10{
        float: left;
        width: 10% !important;
    }
    .xsw_15{
        float: left;
        width: 15% !important;
    }
    .xsw_20{
        float: left;
        width: 20% !important;
    }
    .xsw_25{
        float: left;
        width: 25% !important;
    }
    .xsw_30{
        float: left;
        width: 30% !important;
    }
    .xsw_33{
        float: left;
        width: 33.33% !important;
    }
    .xsw_40{
        float: left;
        width: 40% !important;
    }
    .xsw_45{
        float: left;
        width: 45% !important;
    }
    .xsw_50{
        float: left;
        width: 50% !important;
    }
    .xsw_60{
        float: left;
        width: 60% !important;
    }
    .xsw_70{
        float: left;
        width: 70% !important;
    }
    .xsw_80{
        float: left;
        width: 80% !important;
    }
    .xsw_85{
        float: left;
        width: 85% !important;
    }
    .xsw_90{
        float: left;
        width: 90% !important;
    }
    .xsw_100{
        float: left;
        width: 100% !important;
    }
}
@media (max-width: 640px) {
}
@media (max-width: 480px){
    .cxs_2{
        width: 16.6667%;
    }
    .cxs_10{
        width: 83.3333%;
    }
    .cxs_12{
        margin-top: 5px;
        width: 100%;
    }
    /*.site_nav_links ul{float: none;text-align: left;}*/
    .navbar-brand img{
        margin: 0 auto;
    }
    .btn_sm_block{
        width: 100%;
    }
    #access_list li{
        width: 100%;
    }
}
@media (max-width: 400px) {
}
@media (max-width: 360px) {
}