@media (min-width: 768px) {

    /*Allow main to be next to Nav*/
    .main {
        position: absolute;
        width: calc(100% - 200px); /*keeps 100% minus nav size*/
        margin-left: 200px;
        float: right;
    }



    /*lets nav bar to be showed on mouseover*/
    nav.sidebar:hover + .main {
        margin-left: 200px;
    }

    /*Center Brand*/
    nav.sidebar.navbar.sidebar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
        margin-left: 0px;
    }
    /*Center Brand*/
    nav.sidebar .navbar-brand, nav.sidebar .navbar-header {
        text-align: center;
        width: 100%;
        margin-left: 0px;
    }

    /*Center Icons*/
    nav.sidebar a {
        padding-right: 13px;
    }

    /*adds border top to first nav box */
    nav.sidebar .navbar-nav > li:first-child {
        border-top: 1px #e5e5e5 solid;
    }

    /*adds border to bottom nav boxes*/
    nav.sidebar .navbar-nav > li {
        border-bottom: 1px #e5e5e5 solid;
    }

    /* Colors/style dropdown box*/
    nav.sidebar .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    /*allows nav box to use 100% width*/
    nav.sidebar .navbar-collapse, nav.sidebar .container-fluid {
        padding: 0 0px 0 0px;
    }

    /*colors dropdown box text */
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
        color: #777;
    }

        .navbar-inverse .navbar-nav .open .dropdown-menu > li > a :hover {
            color: #35375A;
        }

    /*gives sidebar width/height*/
    nav.sidebar {
        width: 200px;
        height: 100%;
        /*margin-left: -160px;*/
        float: left;
        /*z-index: 8000; tinku 16/10/15 for main popup*/
        margin-bottom: 0px;
        overflow: hidden;
    }

        /*give sidebar 100% width;*/
        nav.sidebar li {
            width: 100%;
        }

        /* Move nav to full on mouse over*/
        nav.sidebar:hover {
            margin-left: 0px;
        }
    /*for hiden things when navbar hidden*/
    .forAnimate {
        opacity: 0;
    }

    #commonHeader .divLeftHeader {
        float: none;
        display: block;
        width: 100%;
        background-color: #35375A;
        /*min-height:111px*/
    }

    #commonHeader .divRightHeader {
        float: none;
        display: block;
        width: 100%;
        text-align: center;
    }

    .form-signin {
        margin: 5px auto 0;
        border-radius: 5px;
        -webkit-border-radius: 5px;
    }

    #updPnlAdminMas #table {
        width: 400px;
        border: none;
        position: relative;
        top: 0px;
        left: 0px;
        float: none;
        margin: 0px auto;
    }
}

/* .....NavBar: Fully showing nav bar..... */

@media (min-width: 1330px) {

    /*Allow main to be next to Nav*/
    .main {
        width: calc(100% - 200px); /*keeps 100% minus nav size*/
        margin-left: 200px;
    }

    /*Show all nav*/
    nav.sidebar {
        margin-left: 0px;
        float: left;
    }
        /*Show hidden items on nav*/
        nav.sidebar .forAnimate {
            opacity: 1;
        }

    #commonHeader .divLeftHeader {
        float: left;
        display: inline-block;
        width: 33%;
        text-align: left;
    }

    #commonHeader .divMainRightHeader {
        width: auto;
        height: auto;
        float: right;
        width: 33%;
    }

    #commonHeader .divRightHeader {
        float: right;
        display: inline-block;
        text-align: right;
    }

    #commonHeader .divRegistration {
        width: 33%;
        display: inline-block;
        text-align: center;
        line-height: 118px;
    }

    #updPnlAdminMas #table {
        width: 400px;
        border: none;
        position: relative;
        top: 0px;
        left: 10px;
        float: right;
    }
}

@media (min-width: 300px)and (max-width:768px) {
    .SearchProduct1 {
        height: 32px;
        margin-right: 6px;
        padding-left: 8px;
        float: right;
        width: 80%;
    }

    .login-wrap {
        padding: 33px 55px;
        background: #fff;
        margin-top: 50px;
        position: relative;
        color: #999;
        width: 95%;
        margin: 0px auto;
    }

    #commonHeader .divLeftHeader {
        float: none;
        display: block;
        width: 100%;
        text-align: center;
        background-color: #35375A;
    }

    #commonHeader .divRegistration {
        width: 100%;
        display: inline-block;
        text-align: center;
    }

    #commonHeader .divRightHeader {
        float: none;
        display: block;
        width: 100%;
        text-align: center;
    }

    #updPnlAdminMas #table {
        width: 346px;
        border: none;
        position: relative;
        top: 0px;
        left: 0px;
        float: none;
        /*margin: 0px auto;*/
    }

    .cmnul {
        width: 100%;
        height: auto;
        text-align: center;
    }

        .cmnul li {
            list-style: none;
            margin-top: 9px;
            text-align: center;
            margin-bottom: 9px;
            width: 100%;
        }

    .cmnul2 {
        width: 100%;
        height: auto;
        text-align: center;
    }

        .cmnul2 li {
            list-style: none;
            text-align: center;
            margin-bottom: 9px;
            width: 100%;
        }

    #flip {
        text-align: center;
        margin: 0px auto;
        margin-top: 10px;
    }

    .cmnul1 li {
        display: inline-block;
        list-style: none;
        margin-top: 15px;
        text-align: center;
    }

    .SearchProduct {
        height: 32px;
        margin-top: 6px;
        width: 80%;
        padding-left: 8px;
    }

    .commanDropDown {
        height: 32px;
        margin-top: 6px;
        width: 156px;
        padding-left: 8px;
    }

    label {
        display: inline-block;
        max-width: 100%;
        margin-bottom: 5px;
        font-weight: 300;
    }

    .txtSearch {
        height: 32px;
        margin-right: 6px;
        padding-left: 2px;
        width: 80%;
        padding-left: 8px;
    }

    /*input[type=button], input[type=submit] {
        background-color: #6467A5 !important;
        border: 0px;
        color: #fff;
    }*/

    .popup {
        height: auto;
        width: 80%;
        z-index: 1000;
        background-color: #ffffff;
        display: none;
        top: 3%;
        padding-top: 25px;
        padding-bottom: 25px;
        padding-right: 28px;
        padding-left: 18px;
        border: 3px solid #4F4F4F;
        left: 11%;
        position: fixed;
    }

    #MainMidder {
        padding: 9px !Important;
    }
    .Ulmain  {
        padding-left:10px !Important;
    }
    .ulInner {
        padding-left:10px !Important;
    }
    .Subscriptionpopup {
        height: auto;
        width: 90%;
        z-index: 1000;
        background-color: #ffffff;
        display: none;
        top: 7%;
        padding: 18px;
        border: 3px solid #4F4F4F;
        left: 7%;
        position: absolute;
    }

    /*.table > tbody > tr > th {
        padding:6px;
        font-size:12px;
    }*/
}

@media only screen and (min-width:200px) and (max-width: 374px) {
    .col-md-6 {
        text-align: center;
        padding: 20px;
    }

    .file-upload, .file-upload span {
        width: auto;
        display: inherit;
    }

    .col-md-12 {
        padding: 11px;
        padding-top: 0px;
    }

    #MainMidder {
        padding: 0px !Important;
    }
     .Ulmain {
        padding-left:10px!Important;
    }
      .ulInner {
        padding-left:10px !Important;
    }
    .divRDProfileImage {
        display: initial;
        /* width: 108px; */
        /* height: 108px; */
        text-align: -webkit-center;
    }



    .table-responsive {
        border: none;
        overflow-x: hidden;
    }

    .Editpopup {
        height: auto;
        width: 95%;
        z-index: 1000;
        background-color: #ffffff;
        display: none;
        top: 13%;
        left: 2.5%;
        margin-left: 0px;
        padding: 18px;
        border: 3px solid #4F4F4F;
        position: fixed;
        text-align: center;
    }
     .divBlueLogo {
        width: 100% !Important;
    }
}

@media only screen and (min-width:380px) and (max-width: 574px) {
    .col-md-6 {
        text-align: left;
        padding: 20px;
    }

    lblSearch {
        width: 100%;
    }

    .col-md-12 {
        padding: 11px;
        padding-top: 0px;
    }

    #MainMidder {
        padding: 9px;
    }
     .Ulmain li {
        padding-left:10px;
    }
    .divRDProfileImage {
        display: inline-block;
        /* width: 108px; */
        /* height: 108px; */
        text-align: -webkit-center;
    }

    .file-upload span {
        top: 0;
        left: 0;
        display: inline-block;
        /* Adjust button text vertical alignment */
    }


    .table-responsive {
        border: none;
        overflow-x: hidden;
    }
      .divBlueLogo {
        width: 100% !Important;
    }
}

@media only screen and (min-width:570px) and (max-width: 771px) {

    .divRDProfileImage {
        display: inline-block;
        width: 108px;
    }

    .divRDProfile {
        display: inline-block;
        width: 70%;
        float: right;
    }

    .col-md-6 {
        padding: 20px;
    }

    .col-md-12 {
        padding: 11px;
        padding-top: 0px;
    }

    .divBlueLogo {
       width: 100% !Important;
    }
}

    @media only screen and (min-width:770px) and (max-width: 1200px) {
        .col-md-6 {
            padding: 20px;
        }

        .col-md-12 {
            padding: 11px;
            padding-top: 0px;
        }

        .col-md-6 h3 {
            font-weight: bold;
            font-family: 'Helvetica Neue LT Std';
        }

        .divRDProfileImage {
            display: table-cell;
            width: 108px;
        }

        .divRDProfile {
            display: table-cell;
            width: 79%;
        }
    }