@media (max-width: 767px) {
    html {
        overflow-x: hidden;
    }

    body {
        overflow-x: hidden;
    }

    body::-webkit-scrollbar {
        width: 0 !important;
        overflow: -moz-scrollbars-none;
        -ms-overflow-style: none;
    }
    
    .desktop {
        display: none !important;
    }

    .mobile {
        display: block !important;
    }

    .mSpan12 {
        width: 100% !important;
        margin-left: 0 !important;
    }

    .mLoginButton {
        margin-left: auto;
        text-align: center;
        float: none !important;
    }

    .hidden-phone {
        text-align: left;
        margin: 5px 0 0 5px !important;
    }

    .mAllRight {
        margin-left: 5px !important;
    }

    .fastInput {
        width: calc(100% - 12px) !important;
    }

    .box {
        padding: 5px !important;
    }

    .fastTitle {
        position: relative;
    }

    td {
        padding: 1px !important;
    }

    #fastCityId {
        width: 100%;
    }

    .box-footer {
        text-align: center !important;
    }

    label {
        float: left;
        margin-left: 10px;
    }

    #order {
        float: none !important;
        margin-top: 15px;
    }

    .main {
        padding: 0 !important;
    }

    .clearSearch {
        font-size: 14px;
        margin: 0;
        position: absolute;
        cursor: pointer;
        z-index: 10;
        right: 4px;
        top: 9px;
    }

    .fastSmallInput {
        max-width: 50px;
    }
    
    .fast-order-col-2 { width: 50% !important; }
    .fast-order-col-2 input { width: calc(100% - 20px); }
    .fast-order-col-3 { width: 15% !important; }
    .fast-order-col-3 input { width: 100%; }
    .fast-order-col-4 { width: 15% !important; }
    .fast-order-col-5 { width: 15% !important; }
    .fast-order-col-6 { width: 100% !important; }
    .fast-order-col-6 input { max-width: 100% !important; }
    tr.mobile { display: table-row !important; }
}