/* for 768px or less */
@media only screen and (max-width: 768px) {
    .content-wrapper {
        margin: 0 auto;
        max-width: 480px;
    }

    .navigation {
        width: 480px;
        margin: 0 auto;
        height: 6px; 
        background-color: #c8c8c8;
    }

    .dxgvControl {
        /*width: 1140px;*/
    }

    .Case_tabs {
        width: 100%;
        overflow: hidden;
        border-right: 4px solid #E7E7E8;
    }

    .Casehead_nrml {
        position: relative;
        top: 0px;
        width: 100%;
        background-color: transparent;
        float: left;
        z-index: 5;
    }

    .Case_td {
        border-left: 0px solid #e7e7e8;
        border-top: 5px solid #e7e7e8;
        padding: 6px 16px 6px 10px;
        width: auto;
        text-transform: uppercase;
        color: #9d9da1;
        font-weight: bold;
        font-size: 15px;
        background-color: #fff;
        line-height: 21px;
    }

    .tab_head {
        position: relative;
        top: 4.5px;
        width: 100%;
        background-color: #fff;
        border-right: 4px solid #E7E7E8;
    }

    .Tab_td {
        border-left: 4px solid #e7e7e8;
        border-top: 4px solid #e7e7e8;
        padding: 7px 16px;
        width: 100%;
        /* text-transform: uppercase; */
        color: #231f20;
        font-weight: bold;
        font-size: 15px;
    }

    .tab_img {
        background-image: url(../Images/tab_divider.png);
        background-repeat: no-repeat;
        background-position: left 0;
        width: 40px;
        background-color: #fff;
        display: none;
    }

    div.Case_tabs a:nth-child(2) {
        right: 0px;
        position: relative;
        z-index: 4;
    }

    .Case_tabs a:nth-child(3) {
        right: 0px;
        position: relative;
        z-index: 3;
    }

    .Case_img {
        background-image: url(../Images/tab_divider.png);
        background-repeat: no-repeat;
        background-position: left 0;
        width: 45px;
        /* background-color: #fff; */
        display: none;
    }

    .add_tabs span {
        width: 100%;
        padding: 08px 10px;
        float: left;
        color: #000;
        font-weight: bold;
        border: 1px solid #787a7e;
        margin-bottom: 2px;
        margin-right: 10px;
    }

    .gridcontent {
        width: 100%;
        margin: 0px;
        padding: 0px;
        overflow-x: auto;
    }

    .live_contact {
        margin-top: 15px;
        overflow: hidden;
        text-align: center;
    }

    .socialIcons {
        font-size: 13px;
        color: #fff;
        display: inline-block;
        margin: 05px auto;
    }

    .footerContent {
        width: 100%;
        padding: 10px 20px;
        margin: 0px auto;
        box-sizing: border-box;
        overflow: hidden;
        border-right: none;
        border-top: #606467 solid 1px;
        float: none;
        min-height: 75px;
        text-align: center;
    }

    .footerSocial {
        display: block;
        width: 35px;
        height: 35px;
        float: left;
        margin-right: 8px;
        margin-bottom: 8px;
    }
    /*--------------------------------hOME---------------------------------------------------*/


    .welcome_page {
        background-color: #25303d;
        max-width: 400px;
        opacity: 0.8;
        margin: 60px auto 0px 20px;
        display: inline-block;
        padding: 20px;
        float: none;
    }

    .profile_dtls {
        width: 340px;
        margin: 0 auto;
        display: block;
        padding: 0px;
        float: none;
    }

    .caption {
        width: 100%;
        margin: 0px;
        text-align: center;
        float: left;
        background-color: #000;
        padding: 15px 0px;
    }
    /*---------------------------------------------------------------------------------------*/
    /*----------------------------------------------------Case Details----------------------------------------------------- */
    .line label {
        float: left;
        width: 20%;
        margin: 0px;
        padding: 5px 0px;
    }

    .dxeTextBoxSys, dxeTextBox editor input[type="text"] {
        background-color: #fff !important;
        border: 1px solid #d2d3d5 !important;
        font: 12px Tahoma, Geneva, sans-serif !important;
        width: 70% !important;
        padding: 0px 4px !important;
        margin: 0px;
    }

    .lookup input[type="text"] {
        border: none !important;
        outline: none !important;
        font-size: 15px !important;
        color: #6e6e70 !important;
        padding-left: 8px !important;
        height: 29px !important;
    }

    .popup_div {
        margin: 10% auto 0px auto;
        padding: 20px;
        background: #fff;
        border: 1px solid #353535;
        width: 64%;
        /*max-width:300px;*/
        overflow: hidden;
    }
    /*-----------------------------------------------------------------------------------------------------------------------*/

    .form_Tbl {
        width: 100%;
    }

        .form_Tbl td {
            float: left;
            width: 85% !important;
        }

    .form_div {
        width: 100%;
        margin: 0 auto;
        overflow: hidden;
    }

    .case_div {
        width: 100%;
        margin: 0 auto;
        overflow: hidden;
    }

    .textarea_div {
        width: 100%;
        float: left;
        margin-left: 0px;
        margin-top: 10px;
    }

    .grid_div {
        width: 100%;
        float: left;
        overflow-x: auto;
    }

    .details_tbl td select {
        width: 100% !important;
    }


    .case_select {
        position: static;
        top: 0px;
        width: auto;
        background-color: transparent;
        float: none;
        z-index: 5;
        border-left: 5px solid #3A3A3A;
    }

        .case_select .Case_td {
            border-top: 5px solid #c8c8c8;
            padding: 6px 16px 6px 25px;
            border-left: none;
            width: auto;
            text-transform: uppercase;
            color: #fec52e;
            font-weight: bold;
            font-size: 15px;
            background-color: #c8c8c8;
            line-height: 21px;
        }

    .details_tbl td input[type="text"], input[type="password"] {
        /* text-transform: uppercase; */
        color: #6e6e70;
        padding-left: 8px;
        border: 1px solid #d2d3d5;
        height: 31px;
        width: 100%;
        font-size: 15px;
        outline: none;
    }

    .cancelbtn {
        background-color: #c8c8c8 !important;
        border: none;
        color: #fff;
        text-transform: uppercase;
        padding: 9px 25px;
        font-size: 14px;
        height: 35px;
        letter-spacing: 1px;
        cursor: pointer;
        margin-left: 0px;
        float: left;
    }

    .textbox_div textarea {
        width: 58% !important;
    }

    #CaseTitle {
        width: 58% !important;
    }
}